*,:before,:after{box-sizing:border-box}body{min-width:320px;margin:0}#root{min-height:100svh}@font-face{font-family:Afacad;src:url(/fonts/afacad-latin-400-normal.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Afacad;src:url(/fonts/afacad-latin-600-normal.woff2)format("woff2");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:Against;src:local(Against),local(Against Regular),url(/fonts/against-regular.otf)format("opentype"),url(/fonts/against-regular.ttf)format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:BigShouldersDisplay;src:url(/fonts/big-shoulders-display-latin-400-normal.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:DidactGothic;src:url(/fonts/didact-gothic-latin-400-normal.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap}.enter-screen{width:100%;min-height:100dvh;position:relative;overflow:hidden}.enter-screen__background{background-position:50%;background-repeat:no-repeat;background-size:cover;position:absolute;inset:0}.enter-screen__content{z-index:1;flex-direction:column;align-items:center;width:100%;min-height:100dvh;padding:clamp(11rem,24vh,19rem) clamp(8rem,10vw,14rem) clamp(2rem,5vh,3rem);display:flex;position:relative}.enter-screen__header{text-align:center;flex-direction:column;flex-shrink:0;align-items:center;display:flex}.enter-screen__title{justify-content:center;align-items:flex-start;width:clamp(16rem,52vw,42rem);height:clamp(3.86rem,12.55vw,10.13rem);margin:0;line-height:0;display:flex}.enter-screen__title-image{object-fit:contain;object-position:center top;width:100%;height:auto;max-height:100%;display:block}.enter-screen--rainy .enter-screen__title-image{width:59.03%}.enter-screen--snowy .enter-screen__title-image{width:94.75%}.enter-screen__subtitle{letter-spacing:.04em;text-transform:lowercase;color:#bcc378;text-align:center;text-shadow:0 1px 2px #0000007a,0 4px 12px #00000057;width:max-content;max-width:min(90vw,28rem);margin:clamp(-1.35rem,-2.8vh,-.85rem) 0 0;font-family:Afacad,sans-serif;font-size:clamp(.95rem,2.2vw,1.35rem);font-weight:400}.enter-screen__body{flex-shrink:0;justify-content:center;align-items:center;width:100%;margin-top:auto;margin-bottom:clamp(3rem,8vh,6rem);display:flex}.enter-screen__button{appearance:none;-webkit-backdrop-filter:blur(14px);letter-spacing:.04em;text-transform:lowercase;color:#f7ffad;text-shadow:0 1px 4px #00000059;cursor:pointer;background:#ffffff1a;border:1px solid #ffffff47;border-radius:20px;margin:0;padding:.85rem 2.75rem;font-family:Afacad,sans-serif;font-size:clamp(.95rem,2vw,1.2rem);font-weight:200;transition:background .35s ease-in-out,border-color .35s ease-in-out,transform .35s ease-in-out;box-shadow:inset 0 1px #ffffff38,0 10px 28px #0000003d}.enter-screen__button:hover{background:#ffffff29;border-color:#ffffff61;box-shadow:inset 0 1px #ffffff38,0 12px 32px #00000047}.enter-screen__button:active{transform:scale(.98)}.enter-screen__arrow{z-index:2;color:#fffceb85;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;width:clamp(3.5rem,9vw,5.5rem);height:clamp(3.5rem,9vw,5.5rem);padding:0;transition:color .35s ease-in-out,transform .35s ease-in-out;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.enter-screen__arrow svg{filter:drop-shadow(0 2px 6px #0000003d);width:clamp(2.75rem,7vw,4.5rem);height:clamp(3.5rem,9vw,5.5rem);transition:filter .35s ease-in-out}.enter-screen__arrow:hover{color:#fffff8b8}.enter-screen__arrow:hover svg{filter:drop-shadow(0 4px 10px #0000004d)}.enter-screen__arrow:active{transform:translateY(-50%)scale(.94)}.enter-screen__arrow--left{left:clamp(.75rem,3vw,2rem)}.enter-screen__arrow--right{right:clamp(.75rem,3vw,2rem)}.enter-screen--sunny .enter-screen__subtitle{color:#f7ffad}.enter-screen--rainy .enter-screen__subtitle{color:#afafaf}.enter-screen--rainy .enter-screen__button{color:#c7c7c7}.enter-screen--snowy .enter-screen__subtitle{color:#ffe4ad}.enter-screen--snowy .enter-screen__button{color:#fff1d4}@media (height<=900px){.enter-screen__content{padding-top:clamp(9rem,18vh,13rem)}}@media (width<=640px){.enter-screen__content{padding-inline:clamp(3rem,14vw,4.5rem);padding-top:clamp(10rem,24vh,18rem)}.enter-screen__title{width:clamp(12rem,72vw,22rem);height:clamp(2.89rem,17.36vw,5.31rem)}}.drink-carousel{width:100%;overflow:visible}.drink-carousel__stage{width:100%;height:clamp(240px,42vh,400px);position:relative}.drink-carousel__nav{z-index:4;color:#ffffffb8;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;width:clamp(2rem,5vw,3rem);height:clamp(4rem,10vh,6rem);padding:0;transition:color .35s ease-in-out,transform .35s ease-in-out,opacity .35s ease-in-out;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.drink-carousel__nav--left{left:calc(50% - clamp(11.5rem,30vw,15rem))}.drink-carousel__nav--right{right:calc(50% - clamp(11.5rem,30vw,15rem))}.drink-carousel__nav svg{filter:drop-shadow(0 2px 6px #0000003d);width:100%;height:100%;transition:filter .35s ease-in-out}.drink-carousel__nav:hover{color:#fffffff2}.drink-carousel__nav:hover svg{filter:drop-shadow(0 4px 10px #0000004d)}.drink-carousel__nav:active{transform:translateY(-50%)scale(.96)}.drink-carousel__item{cursor:pointer;transform-origin:bottom;background:0 0;border:none;padding:0;position:absolute;bottom:0;left:50%}.drink-carousel__item--center{cursor:default}.drink-carousel__image{object-fit:contain;pointer-events:none;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;width:auto;max-width:min(52vw,320px);height:clamp(220px,38vh,360px);display:block}@media (width<=640px){.drink-carousel__stage{height:clamp(200px,36vh,300px)}.drink-carousel__nav--left{left:calc(50% - clamp(8.5rem,36vw,11.5rem))}.drink-carousel__nav--right{right:calc(50% - clamp(8.5rem,36vw,11.5rem))}.drink-carousel__image{max-width:min(58vw,240px);height:clamp(180px,32vh,260px)}}.drink-select{width:100%;min-height:100dvh;position:relative;overflow:visible}.drink-select__background-wrap{z-index:0;position:absolute;inset:0;overflow:hidden}.drink-select__background{filter:blur(6px)brightness(1.08);background-position:50%;background-repeat:no-repeat;background-size:cover;position:absolute;inset:0;transform:scale(1.04)}.drink-select__back{z-index:2;-webkit-backdrop-filter:blur(14px);color:#ffffffeb;cursor:pointer;background:#ffffff1f;border:1px solid #ffffff47;border-radius:12px;justify-content:center;align-items:center;width:clamp(2.75rem,7vw,3.25rem);height:clamp(2.75rem,7vw,3.25rem);padding:0;transition:background .35s ease-in-out,border-color .35s ease-in-out,transform .35s ease-in-out;display:flex;position:absolute;top:clamp(1.25rem,4vh,2rem);left:clamp(1.25rem,4vw,2rem);box-shadow:inset 0 1px #ffffff38,0 10px 28px #0000003d}.drink-select__back svg{width:40%;height:40%}.drink-select__back:hover{background:#ffffff2e;border-color:#ffffff61}.drink-select__back:active{transform:scale(.96)}.drink-select__content{z-index:1;flex-direction:column;align-items:center;min-height:100dvh;padding:clamp(5rem,14vh,8rem) clamp(1.5rem,5vw,3rem) clamp(2rem,5vh,3rem);display:flex;position:relative}.drink-select__prompt{letter-spacing:.02em;text-align:center;color:#ffffffeb;text-shadow:0 1px 2px #0000007a,0 4px 12px #00000057;margin:clamp(1.5rem,4vh,2.5rem) 0 0;font-family:Afacad,sans-serif;font-size:clamp(1.1rem,2.4vw,1.55rem);font-weight:400}.drink-select__drink-name{color:#f7ffad;text-underline-offset:.2em;text-decoration:underline;text-decoration-thickness:1px;display:inline-block}.drink-select__button{appearance:none;-webkit-backdrop-filter:blur(14px);letter-spacing:.04em;text-transform:lowercase;color:#f7ffad;text-shadow:0 1px 4px #00000059;cursor:pointer;background:#ffffff1a;border:1px solid #ffffff47;border-radius:20px;margin-top:auto;margin-bottom:clamp(3rem,8vh,6rem);padding:.85rem 2.75rem;font-family:Afacad,sans-serif;font-size:clamp(.95rem,2vw,1.2rem);font-weight:200;transition:background .35s ease-in-out,border-color .35s ease-in-out,transform .35s ease-in-out;box-shadow:inset 0 1px #ffffff38,0 8px 24px #0000001f}.drink-select__button:hover{background:#ffffff29;border-color:#ffffff61;box-shadow:inset 0 1px #ffffff38,0 12px 32px #00000047}.drink-select__button:active{transform:scale(.98)}.drink-select--rainy .drink-select__drink-name,.drink-select--rainy .drink-select__button{color:#c7c7c7}.drink-select--snowy .drink-select__drink-name,.drink-select--snowy .drink-select__button{color:#fff1d4}.confirm-modal{z-index:10;-webkit-backdrop-filter:blur(6px);background:#00000047;justify-content:center;align-items:center;padding:clamp(1.5rem,5vw,3rem);display:flex;position:fixed;inset:0}.confirm-modal__panel{-webkit-backdrop-filter:blur(20px);text-align:center;background:#48443a8c;border-radius:28px;width:min(100%,640px);padding:clamp(2rem,5vh,2.75rem) clamp(2rem,6vw,3.5rem) clamp(1.75rem,4vh,2.25rem);box-shadow:inset 0 1px #ffffff1f,0 16px 48px #00000047}.confirm-modal__title{letter-spacing:.02em;color:#fffffff5;margin:0;font-family:Afacad,sans-serif;font-size:clamp(1.75rem,4vw,2.35rem);font-weight:600}.confirm-modal__message{letter-spacing:.02em;color:#ffffffe0;margin:clamp(.65rem,2vh,1rem) 0 0;font-family:Afacad,sans-serif;font-size:clamp(1rem,2.2vw,1.2rem);font-weight:400}.confirm-modal__actions{justify-content:center;align-items:center;gap:clamp(10rem,18vw,18rem);margin-top:clamp(2rem,5vh,2.75rem);display:flex}.confirm-modal__button{letter-spacing:.04em;color:#f7ffad;cursor:pointer;background:0 0;border:none;padding:0;font-family:Afacad,sans-serif;font-size:clamp(1.1rem,2.4vw,1.35rem);font-weight:600;transition:color .35s ease-in-out,text-shadow .35s ease-in-out}.confirm-modal__button:hover{color:#ffffe8;text-shadow:0 0 12px #ffffdca6}.timer{flex-direction:column;align-items:center;width:100%;display:flex}.timer__prompt{letter-spacing:.02em;text-transform:lowercase;color:#f7ffad;text-shadow:0 1px 4px #00000040;margin:0 0 clamp(.35rem,1vh,.65rem);font-family:Afacad,sans-serif;font-size:clamp(.95rem,2vw,1.15rem);font-weight:200;transform:translateY(clamp(-1.25rem,-4vh,-2.5rem))}.timer__display{letter-spacing:.06em;color:#d8bc6a;filter:drop-shadow(0 2px 4px #00000073)drop-shadow(0 6px 14px #00000061)drop-shadow(0 12px 32px #00000052);text-shadow:0 1px 2px #00000059,0 4px 12px #00000047;margin:0;font-family:Afacad,sans-serif;font-size:clamp(2.75rem,8vw,4.5rem);font-weight:600;line-height:1;transform:translateY(clamp(-1.25rem,-4vh,-2.5rem))}.timer__drink{transform:translateY(clamp(-1.25rem, -2vh, -2rem)) translateX(var(--drink-offset-x,0));isolation:isolate;justify-content:center;align-items:flex-end;margin-top:clamp(1rem,2.5vh,1.5rem);display:inline-flex;position:relative;overflow:visible}.timer__drink-visual{line-height:0;display:inline-block;position:relative}.timer__drink-glow{z-index:0;background:radial-gradient(ellipse 85% 75% at var(--glow-x,50%) var(--glow-y,58%), #fffcebbf 0%, #fff1be61 48%, transparent 72%);pointer-events:none;position:absolute;inset:18% 8% 0;-webkit-mask-image:linear-gradient(#0000 0%,#00000059 18%,#000 32% 100%);mask-image:linear-gradient(#0000 0%,#00000059 18%,#000 32% 100%)}.timer__drink-image{z-index:1;object-fit:contain;object-position:bottom center;filter:drop-shadow(0 12px 28px #0000002e);width:auto;max-width:min(44vw,280px);height:clamp(170px,30vh,280px);display:block;position:relative}@media (width<=640px){.timer__drink-image{max-width:min(50vw,220px);height:clamp(140px,26vh,220px)}}.timer__controls{justify-content:center;align-items:center;gap:clamp(1.25rem,4vw,2rem);margin-top:clamp(1.25rem,3vh,1.75rem);display:flex}.timer__control{-webkit-backdrop-filter:blur(14px);color:#ffffffeb;cursor:pointer;background:#ffffff1f;border:1px solid #ffffff47;border-radius:14px;justify-content:center;align-items:center;width:clamp(3.25rem,8vw,4rem);height:clamp(3.25rem,8vw,4rem);padding:0;transition:background .35s ease-in-out,border-color .35s ease-in-out,transform .35s ease-in-out;display:flex;box-shadow:inset 0 1px #ffffff38,0 8px 24px #0000001f}.timer__control svg{width:54%;height:54%}.timer__control:hover{background:#ffffff2e;border-color:#ffffff61}.timer__control:active{transform:scale(.96)}.audio-controls{z-index:2;flex-direction:column;gap:clamp(.85rem,2vh,1.1rem);display:flex;position:absolute;bottom:clamp(1.5rem,5vh,2.5rem);right:clamp(1.25rem,4vw,2rem)}.audio-controls__row{justify-content:flex-end;align-items:center;gap:clamp(.5rem,1.5vw,.75rem);display:flex}.audio-controls__slider{appearance:none;cursor:pointer;background:#ffffff2e;border-radius:999px;width:clamp(5.5rem,14vw,7.5rem);height:.35rem;margin:0}.audio-controls__slider::-webkit-slider-runnable-track{background:#ffffff2e;border-radius:999px;height:.35rem}.audio-controls__slider::-webkit-slider-thumb{appearance:none;background:#ffffffeb;border:1px solid #ffffff73;border-radius:50%;width:.85rem;height:.85rem;margin-top:-.25rem;box-shadow:0 2px 8px #0003}.audio-controls__slider::-moz-range-track{background:#ffffff2e;border:none;border-radius:999px;height:.35rem}.audio-controls__slider::-moz-range-thumb{background:#ffffffeb;border:1px solid #ffffff73;border-radius:50%;width:.85rem;height:.85rem;box-shadow:0 2px 8px #0003}.audio-controls__label{letter-spacing:.02em;text-transform:lowercase;color:#f7ffad;text-shadow:0 1px 4px #00000040;font-family:Afacad,sans-serif;font-size:clamp(.95rem,2vw,1.15rem);font-weight:600}.audio-controls__button{-webkit-backdrop-filter:blur(14px);color:#ffffffeb;cursor:pointer;background:#ffffff1f;border:1px solid #ffffff47;border-radius:12px;justify-content:center;align-items:center;width:clamp(2.75rem,7vw,3.25rem);height:clamp(2.75rem,7vw,3.25rem);padding:0;transition:background .35s ease-in-out,border-color .35s ease-in-out,transform .35s ease-in-out;display:flex;box-shadow:inset 0 1px #ffffff38,0 8px 24px #0000001f}.audio-controls__button svg{width:52%;height:52%}.audio-controls__button:hover{background:#ffffff2e;border-color:#ffffff61}.audio-controls__button:active{transform:scale(.96)}.timer-page{width:100%;min-height:100svh;position:relative;overflow:hidden}.timer-page__background{background-position:50%;background-repeat:no-repeat;background-size:cover;position:absolute;inset:0}.timer-page__back{z-index:2;-webkit-backdrop-filter:blur(14px);color:#ffffffeb;cursor:pointer;background:#ffffff1f;border:1px solid #ffffff47;border-radius:12px;justify-content:center;align-items:center;width:clamp(2.75rem,7vw,3.25rem);height:clamp(2.75rem,7vw,3.25rem);padding:0;transition:background .35s ease-in-out,border-color .35s ease-in-out,transform .35s ease-in-out;display:flex;position:absolute;top:clamp(1.25rem,4vh,2rem);left:clamp(1.25rem,4vw,2rem);box-shadow:inset 0 1px #ffffff38,0 8px 24px #0000001f}.timer-page__back svg{width:40%;height:40%}.timer-page__back:hover{background:#ffffff2e;border-color:#ffffff61}.timer-page__back:active{transform:scale(.96)}.timer-page--sunny .timer__display,.timer-page--sunny .timer__prompt{color:#f7ffad}.timer-page--rainy .timer__display,.timer-page--rainy .timer__prompt,.timer-page--rainy .audio-controls__label{color:#c7c7c7}.timer-page--rainy .audio-controls__slider{background:#c7c7c738}.timer-page--rainy .audio-controls__slider::-webkit-slider-runnable-track{background:#c7c7c738}.timer-page--rainy .audio-controls__slider::-moz-range-track{background:#c7c7c738}.timer-page--rainy .confirm-modal__button{color:#c7c7c7}.timer-page--rainy .confirm-modal__button:hover{color:#e0e0e0;text-shadow:0 0 12px #c7c7c7a6}.timer-page--snowy .timer__display{color:#fff1d4}.timer-page--snowy .timer__prompt,.timer-page--snowy .audio-controls__label{color:#fff1d4;text-shadow:0 1px 2px #00000059,0 4px 12px #00000047}.timer-page--snowy .audio-controls__slider{background:#fff1d438}.timer-page--snowy .audio-controls__slider::-webkit-slider-runnable-track{background:#fff1d438}.timer-page--snowy .audio-controls__slider::-moz-range-track{background:#fff1d438}.timer-page--snowy .confirm-modal__button{color:#fff1d4}.timer-page--snowy .confirm-modal__button:hover{color:#fff9eb;text-shadow:0 0 12px #fff1d4a6}.timer-page__content{z-index:1;flex-direction:column;justify-content:center;align-items:center;min-height:100svh;padding:clamp(3.5rem,8vh,5.5rem) clamp(1.5rem,5vw,3rem) clamp(2rem,5vh,3rem);display:flex;position:relative}