@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Fredoka:wght@400;500;600;700&display=swap";
:root{--ink:#3c203c;--cream:#fff5dc;--peach:#ffc394;--pink:#f6a6ba;--mint:#b5debc;--plum:#574263;--paper:#fffaf0;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:var(--ink);font-synthesis:none;background:#fbf0da;font-family:DM Sans,sans-serif}*{box-sizing:border-box}body{margin:0}button,input,textarea{font:inherit;color:inherit}button{cursor:pointer;-webkit-tap-highlight-color:transparent}button:disabled{cursor:wait;opacity:.58}button,a,input,textarea{touch-action:manipulation}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline-offset:4px;outline:3px solid #7543a7}button{transition:transform .16s,background .16s}button:active:not(:disabled){transform:translateY(2px)}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.shop-world{max-width:740px;min-height:100dvh;margin:0 auto;padding-bottom:24px}.shop-scene{isolation:isolate;width:100%;min-height:calc(1.5*min(100vw,740px));padding-top:94%;padding-bottom:8%;position:relative;container-type:inline-size}.shop-art{z-index:-2;pointer-events:none;width:100%;height:auto;position:absolute;inset:0}.window-stickers{pointer-events:none;position:absolute;inset:0}.window-sticker{transform:rotate(var(--tilt));pointer-events:auto;filter:drop-shadow(1px 3px 1px #31142e44);background:0 0;border:0;padding:0;transition:transform .2s;position:absolute}.window-sticker:hover{transform:rotate(0)scale(1.12)}.window-sticker img{object-fit:contain;width:100%;height:100%}.sticker-0{width:17%;height:11%;top:41%;left:17%}.sticker-1{width:15%;height:13%;top:44%;right:15%}.sticker-2{width:15%;height:10%;top:53%;left:17%}.sticker-3{width:12%;height:9%;top:54%;right:18%}.sticker-4{width:11%;height:9%;top:54%;left:34%}.window-note{color:#ffe9c5;text-align:center;opacity:.9;max-width:24%;font-family:Fredoka,sans-serif;font-size:clamp(11px,2.5vw,18px);line-height:1.2;position:absolute;top:43%;left:17%;transform:rotate(-9deg)}.cashier{mix-blend-mode:normal;transform-origin:50% 100%;z-index:-1;background:url(/art/cashiers.jpeg) 0/auto 100% no-repeat;width:21%;height:23%;animation:5s ease-in-out infinite cashier-idle;position:absolute;top:40%;left:40%}.cashier[data-person=older-cook]{background-position:50%}.cashier[data-person=alien]{background-position:100%}.cashier.talking{animation:.5s ease-in-out infinite cashier-talk}.shop-scene[data-audio=listening] .cashier{animation:none;transform:rotate(-4deg)translateY(-3px)}.cashier-badge{text-align:center;z-index:2;width:20%;color:var(--cream);text-shadow:0 1px var(--ink);font-family:Fredoka,sans-serif;font-size:clamp(10px,2.4vw,17px);font-weight:500;line-height:1.15;position:absolute;top:59.5%;left:41%}.cashier-badge span{letter-spacing:.05em;font-family:DM Sans,sans-serif;font-size:.62em;font-weight:400;display:block}.speech-bubble{background:var(--cream);border:2px solid var(--ink);z-index:3;text-align:center;border-radius:48% 44% 43% 12%/24% 28% 27% 25%;width:56%;padding:10px 14px;font:500 clamp(12px,2.8vw,19px)/1.3 Fredoka,sans-serif;animation:.35s both appear;position:absolute;top:35.5%;left:22%;box-shadow:1px 3px #33162e26}.speech-bubble:after{content:"";background:var(--cream);border-right:2px solid var(--ink);border-bottom:2px solid var(--ink);width:12px;height:12px;position:absolute;bottom:-8px;left:36%;transform:rotate(45deg)}.counter-bell{z-index:3;background:0 0;border:0;border-radius:50%;width:12%;height:7%;min-height:44px;position:absolute;top:65%;left:12.5%}.counter-bell span{color:var(--cream);opacity:0;font-size:24px;position:absolute;top:0;left:0}.counter-bell:hover span,.counter-bell.ringing span{opacity:1}.counter-bell.ringing{animation:.3s ring}.counter-interface{z-index:4;width:62%;margin-left:26%;position:relative}.enter-sign{text-align:center;background:0 0;border:0;width:81%;min-height:65px;padding:12px 8px;font:500 clamp(18px,4.6vw,31px)/1.1 Fredoka,sans-serif;transform:rotate(-1deg)}.enter-sign span{margin-top:4px;font:500 clamp(10px,2vw,14px)/1.3 DM Sans,sans-serif;display:block}.enter-sign:hover{transform:rotate(1deg)scale(1.025)}.type-order{background:0 0;border:0;width:80%;min-height:44px;margin-top:7%;font-size:clamp(12px,2.4vw,16px);font-weight:700;display:block}.counter-open{background:var(--paper);border:2px solid var(--ink);border-radius:10px 11px 18px 16px;width:76%;margin-left:12%;padding:16px;box-shadow:0 5px #3c203c,0 10px 15px #3c203c12}.counter-topline{letter-spacing:.07em;justify-content:space-between;align-items:center;gap:8px;margin-bottom:12px;font-size:10px;font-weight:700;display:flex}.counter-topline .text-button{white-space:nowrap;letter-spacing:0;min-height:36px;padding:0;font-size:11px}.receipt{border-block:1px dashed #936d80;margin-bottom:12px;padding:12px 0;font-size:14px;line-height:1.45}.receipt-bun{color:#96602c;font-family:Fredoka,sans-serif;font-size:12px;display:block}.receipt-bun:first-child:before{content:"⌒";margin-right:7px;font-size:18px}.receipt-bun:nth-last-child(2):before{content:"⌣";margin-right:7px;font-size:18px}.ingredient-line{margin:2px 8px 2px 0;font-weight:600;animation:.35s both receipt-in;display:inline-block}.ingredient-line small{color:#75566f;font-size:11px;font-weight:400;display:block}.receipt-service{text-align:right;text-transform:uppercase;letter-spacing:.05em;margin-top:8px;font-size:10px;display:block}.order-form{align-items:flex-end;gap:8px;display:flex}.order-form textarea{resize:vertical;background:#fffdf6;border:1.5px solid #a08191;border-radius:8px;width:100%;min-height:72px;max-height:170px;padding:12px;font-size:16px;line-height:1.4}.order-form textarea::placeholder{color:#8c727e;font-size:14px}.send-answer{border:1.5px solid var(--ink);background:var(--pink);border-radius:50%;width:44px;min-width:44px;height:44px;font-size:25px;font-weight:600}.conversation-controls{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:0 8px;display:flex}.conversation-controls>span{color:#75566f;font-size:10px}.voice-toggle{text-underline-offset:3px;background:0 0;border:0;align-items:center;gap:6px;min-height:44px;padding:0;font-size:12px;text-decoration:underline;display:flex}.voice-toggle.active{color:#365b41}.voice-dot{background:#448257;border-radius:50%;width:7px;height:7px;animation:1.4s infinite pulse}.button{background:var(--cream);border:1.5px solid var(--ink);min-height:46px;box-shadow:0 2px 0 var(--ink);border-radius:9px;justify-content:center;align-items:center;gap:8px;padding:11px 16px;font-size:14px;font-weight:600;text-decoration:none;display:inline-flex}.button.primary{background:var(--mint)}.button:hover{background:var(--peach)}.button-row{flex-wrap:wrap;gap:10px;display:flex}.text-button{text-underline-offset:4px;background:0 0;border:0;min-height:44px;font-size:13px;text-decoration:underline}.error-note{background:#ffe1ce;border:1px solid #995844;border-radius:6px;margin:12px 0 0;padding:10px 12px;font-size:13px;line-height:1.4}.nap-note{background:var(--cream);border-radius:8px;padding:12px;font-size:13px}.kitchen-steam{width:20%;height:12%;position:absolute;top:50%;left:64%;overflow:hidden}.kitchen-steam i{border:4px solid #fff0cf88;border-bottom:0;border-right:0;border-radius:50%;width:14px;height:50px;animation:3s ease-in-out infinite steam;position:absolute;bottom:0;left:20%}.kitchen-steam i:nth-child(2){animation-delay:1s;left:50%}.kitchen-steam i:nth-child(3){animation-delay:2s;left:75%}.shop-footer{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:18px 9%;display:flex}.shop-footer p{color:#856271;margin:0;font-size:11px}.footer-stamp{border:2px solid;border-radius:50%;padding:7px;font:600 17px Fredoka,sans-serif;transform:rotate(-9deg)}.collection-button{background:0 0;border:0;min-height:44px;padding:0;font-size:13px;font-weight:700}.collection-button span{background:var(--pink);border-radius:50%;place-items:center;width:22px;height:22px;margin-left:5px;display:inline-grid}.sticker-stash{grid-template-columns:repeat(3,1fr);gap:15px;padding:12px 8% 24px;display:grid}.sticker-stash button{background:0 0;border:0;padding:0;font-size:12px}.sticker-stash img{aspect-ratio:1;object-fit:contain;filter:drop-shadow(0 3px 1px #3c203c33);width:100%;display:block}.sticker-stash p{text-align:center;grid-column:1/-1;font-size:14px}.sticker-dialog,.voice-welcome{border:2px solid var(--ink);background:var(--cream);width:min(460px,100% - 24px);max-height:90dvh;color:var(--ink);border-radius:23px;padding:25px;overflow:auto;box-shadow:0 10px 50px #28122533}.sticker-dialog::backdrop,.voice-welcome::backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#311d39b8}.dialog-close{float:right;background:0 0;border:0;min-width:44px;min-height:44px;margin:-12px -12px 0 6px;font-size:28px}.eyebrow{letter-spacing:.1em;text-transform:uppercase;margin:4px 0 9px;font-size:10px;font-weight:700}.sticker-dialog h2,.voice-welcome h2{letter-spacing:-.025em;margin:8px 0 15px;font:500 clamp(28px,7vw,39px)/1.04 Fredoka,sans-serif}.voice-welcome>p{font-size:14px;line-height:1.6}.voice-welcome>.button,.voice-welcome>.text-button{width:100%;margin-top:8px}.sticker-reveal{isolation:isolate;background:linear-gradient(130deg,#bbdfc7,#f7d7ad 45%,#d6b7e0);border-radius:20px;margin:20px 0;padding:8px 8px 26px;position:relative;overflow:hidden}.sticker-reveal img{object-fit:contain;width:100%;max-height:380px;animation:.7s cubic-bezier(.16,1,.3,1) both burger-reveal;display:block}.sticker-reveal:after{content:"";pointer-events:none;background:linear-gradient(110deg,#0000 40%,#fff8 50%,#0000 60%);animation:1.7s .4s both shimmer;position:absolute;inset:-50%;transform:translate(-70%)}.sticker-reveal.serving-tray{border-bottom:14px solid #cc7894;border-radius:12px 12px 23px 23px}.sticker-reveal.takeaway-bag{background:#e8c59b;border:12px solid #d4ad7b;border-top:0;border-radius:0 0 16px 16px}.package-stamp{text-align:center;letter-spacing:.17em;opacity:.6;width:100%;font-size:9px;font-weight:700;position:absolute;bottom:6px;left:0}.recipe-detail{text-align:center;font-size:13px;line-height:1.6}.sticker-actions{grid-template-columns:1fr 1fr;gap:10px;display:grid}.wide{grid-column:1/-1}.notice{color:#6f4662;min-height:16px;font-size:12px}.privacy-note{color:#826374;font-size:11px!important;line-height:1.5!important}.revision-form{flex-direction:column;gap:8px;display:flex}.revision-form label{font-size:14px;font-weight:700}.revision-form textarea{background:#fffbf1;border:1px solid #977987;border-radius:8px;width:100%;min-height:100px;padding:12px;font-size:16px}.kitchen-failed p{font-size:14px;line-height:1.5}@keyframes cashier-idle{50%{transform:translateY(-2px)rotate(1deg)}}@keyframes cashier-talk{50%{transform:translateY(-3px)rotate(-1deg)}}@keyframes appear{0%{opacity:0;transform:translateY(8px)}}@keyframes receipt-in{0%{opacity:0;transform:translateY(-5px)}}@keyframes ring{25%{transform:rotate(-8deg)}75%{transform:rotate(8deg)}}@keyframes steam{0%{opacity:0;transform:translateY(20px)rotate(-10deg)}30%{opacity:.8}to{opacity:0;transform:translateY(-60px)rotate(15deg)}}@keyframes pulse{50%{opacity:.45}}@keyframes pickup-ready{50%{transform:translateY(-3px)}}@keyframes burger-reveal{0%{opacity:0;transform:translateY(50px)scale(.8)rotate(-6deg)}}@keyframes shimmer{to{transform:translate(70%)}}@media (min-width:650px){.shop-world{padding-top:12px}.counter-open{padding:22px}.order-form textarea{min-height:80px}.counter-topline{font-size:12px}.receipt{font-size:16px}.enter-sign{min-height:84px}.speech-bubble{padding:12px 20px}.shop-footer{padding-top:5px}}@media (max-width:380px){.counter-open{width:84%;margin-left:8%;padding:12px}.counter-topline{font-size:9px}.speech-bubble{padding:8px 10px}.conversation-controls>span{font-size:9px}.sticker-dialog{padding:20px}.enter-sign{min-height:55px}.shop-footer p{display:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.sticker-0{height:16.5cqw;top:61.5cqw}.sticker-1{height:19.5cqw;top:66cqw}.sticker-2{height:15cqw;top:79.5cqw}.sticker-3,.sticker-4{height:13.5cqw;top:81cqw}.window-note{top:64.5cqw}.cashier{mix-blend-mode:normal;background-size:contain;width:35%;height:35cqw;top:59cqw;left:33%;background-position:bottom!important}.cashier-badge{top:89cqw}.speech-bubble{top:53.25cqw}.counter-bell{height:10.5cqw;top:97.5cqw}.kitchen-steam{height:18cqw;top:75cqw}.voice-disclosure{color:#856271;text-align:center;max-width:480px;margin:0 auto 20px;padding:0 24px;font-size:11px;line-height:1.5}.voice-counter{box-shadow:none;background:0 0;border:0}.voice-status{padding:4px;font-size:clamp(16px,4vw,24px)}.voice-status small{font:10px DM Sans,sans-serif;display:block}.audio-bars{justify-content:center;align-items:center;gap:3px;height:12px;margin:0!important;display:flex!important}.audio-bars i{background:var(--ink);border-radius:5px;width:3px;height:5px;animation:.7s ease-in-out infinite alternate voice-wave;display:block}.audio-bars i:nth-child(2){animation-delay:.2s}.audio-bars i:nth-child(3){animation-delay:.4s}.audio-bars i:nth-child(4){animation-delay:.1s}.audio-bars i:nth-child(5){animation-delay:.3s}@keyframes voice-wave{to{height:12px}}.shop-scene[data-voice=true] .cashier{width:40%;height:40cqw;top:54cqw;left:30%}.shop-scene[data-voice=true] .cashier-badge{display:none}.shop-scene[data-kitchen=true] .cashier{width:40%;height:40cqw;top:54cqw;left:30%}.shop-scene[data-kitchen=true] .cashier-badge{display:none}.pickup-window{z-index:5;background:#c4ddb0;border:2px solid #493649;border-radius:7px;align-items:center;width:30.5%;height:15.5cqw;min-height:52px;display:flex;position:absolute;top:121.5cqw;left:56%;box-shadow:inset 0 0 14px #ffeaa970,0 0 0 3px #fff5d51a}.pickup-window-sign{color:#342339;text-align:center;overflow-wrap:anywhere;background:0 0;border:0;flex-direction:column;justify-content:center;align-items:center;gap:5px;width:100%;min-height:100%;padding:7px 8px;font:500 clamp(10px,2.9cqw,18px)/1.15 Fredoka,sans-serif;display:flex}.pickup-window-sign small{font:600 clamp(8px,2.2cqw,12px)/1.2 DM Sans,sans-serif}.pickup-window-lamp{background:#e6b67c;border:2px solid #493649;border-radius:50%;width:11px;height:11px;position:absolute;top:-8px;right:5px;box-shadow:0 0 8px #ffe6ae80}.pickup-window[data-status=ready]{background:#fff0a9;border-color:#755369;animation:2.8s ease-in-out infinite hatch-ready;box-shadow:inset 0 0 15px #fff5c7,0 0 21px 5px #fff0a970}.pickup-window[data-status=ready] .pickup-window-lamp{background:#b1df9b;box-shadow:0 0 10px 3px #d1ffae88}.pickup-window[data-status=ready] .pickup-window-sign:hover{background:#fff4b7}.pickup-window[data-status=failed]{box-shadow:none;background:#f5ceac}.kitchen-dots{align-items:center;gap:4px;height:5px;display:flex}.kitchen-dots i{background:#64425e;border-radius:50%;width:3px;height:3px;animation:1.5s ease-in-out infinite kitchen-dot}.kitchen-dots i:nth-child(2){animation-delay:.2s}.kitchen-dots i:nth-child(3){animation-delay:.4s}.shop-recovery{color:#774e54;max-width:510px;margin:0 auto;padding:0 24px;font-size:12px;line-height:1.4}.shop-recovery p{margin:0}.shop-recovery .text-button{margin-right:12px;padding:0;font-size:12px}@keyframes hatch-ready{50%{box-shadow:inset 0 0 15px #fff5c7,0 0 25px 7px #fff0a9a0}}@keyframes kitchen-dot{50%{opacity:.4;transform:translateY(-2px)}}.pickup-window[data-status=ready] .pickup-window-sign{font-size:clamp(14px,3.8cqw,24px)}.counter-open{box-shadow:0 3px 0 var(--ink);border-radius:10px;padding:12px}.counter-open .order-form textarea{resize:none;min-height:48px;max-height:110px;padding:12px}.conversation-controls{justify-content:flex-end;gap:2px}.icon-control{background:0 0;border:0;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;padding:0;font-size:24px;display:inline-flex}.icon-control:hover{background:#f4e8df}.stop-symbol{background:currentColor;border-radius:2px;width:10px;height:10px;display:block}.voice-status{justify-content:center;align-items:center;gap:18px;min-height:65px;display:flex}.voice-status .audio-bars{gap:4px;height:24px!important}.voice-status .stop-symbol{width:11px;height:11px;margin:0}.shop-footer{justify-content:space-between;gap:4px 16px}.voice-info{color:#79586e;max-width:260px;font-size:11px;line-height:1.5}.voice-info summary{cursor:pointer;text-underline-offset:3px;align-items:center;min-height:44px;text-decoration:underline;display:flex}.voice-info p{color:var(--ink);margin:0 0 14px;font-size:12px}.sticker-details{margin:8px 0;font-size:12px}.sticker-details summary{cursor:pointer;text-underline-offset:3px;align-items:center;gap:6px;min-height:36px;text-decoration:underline;display:flex}.sticker-details .recipe-detail{text-align:left;margin:0 0 14px}.sticker-details p{margin:0 0 10px;line-height:1.5}.voice-info summary:focus-visible,.sticker-details summary:focus-visible{outline-offset:3px;outline:3px solid #7543a7}.shop-scene{aspect-ratio:2/3;min-height:0;padding-top:0;padding-bottom:0}.counter-interface{z-index:4;width:52%;margin:0;transition:opacity .2s,transform .3s;position:absolute;top:82cqw;left:24%}.enter-sign{background:var(--cream);border:2px solid var(--ink);width:100%;min-height:48px;box-shadow:0 3px 0 var(--ink);border-radius:8px 10px 7px 9px;padding:10px 8px;font-size:clamp(17px,4cqw,27px);transform:rotate(-2deg)}.type-order{width:100%;min-height:36px;color:var(--cream);text-shadow:0 1px 1px var(--ink);text-underline-offset:3px;margin-top:0;font-size:clamp(12px,2.3cqw,16px);text-decoration:underline}.counter-open{background:var(--paper);width:60%;box-shadow:0 3px 0 var(--ink);border-radius:10px;margin:0;padding:8px;top:80cqw;left:20%}.counter-open .order-form textarea{background:0 0;border:0;min-height:44px;max-height:66px;padding:10px 8px;font-size:16px}.counter-open .conversation-controls{height:32px}.counter-open .icon-control{width:44px;height:32px}.voice-counter{width:34%;box-shadow:none;background:0 0;border:0;padding:0;top:85cqw;left:33%}.voice-counter .enter-sign{background:#fff5dce8;border-radius:24px;min-height:45px;transform:none}.voice-counter .type-order{min-height:32px}.cashier{z-index:0;width:40%;height:37cqw;rotate:var(--look,0deg);transition:translate .45s,scale .45s,rotate .25s;top:57cqw;left:30%}.shop-scene[data-entered=true] .cashier{translate:0 -1cqw;scale:1.05}.shop-scene[data-working=true] .cashier{animation:1.1s cubic-bezier(.16,1,.3,1) both cashier-kitchen;translate:5cqw 1cqw;scale:.9}.shop-scene[data-placing=true] .cashier{rotate:var(--look,0deg);animation:none;translate:0 -1cqw}.window-sill{z-index:1;pointer-events:none;clip-path:polygon(2% 0,98% 0,100% 100%,0 100%);background-image:url(/art/storefront.png);background-position:50% 64.93%;background-size:128.205%;width:78%;height:6cqw;position:absolute;top:93.5cqw;left:11%}.shop-scene[data-placing=true] .counter-interface{opacity:0;pointer-events:none}.speech-bubble{z-index:4;width:60%;padding:8px 12px;font-size:clamp(12px,2.6cqw,18px);top:55cqw;left:20%}.sound-toggle{background:0 0;border:1px solid #ab8293;border-radius:50%;width:36px;height:36px;margin-right:auto;font-size:21px}.shop-footer{gap:8px;padding:8px 7%}.shop-footer .voice-info{max-width:200px}.shop-footer .voice-info summary{font-size:10px}.shop-footer .collection-button{font-size:12px}.error-note{z-index:8;box-shadow:0 2px 0 var(--ink);margin:5px -15% 0;font-size:12px;position:relative}.nap-note{z-index:5;text-align:center;width:100%;margin:0;padding:6px;font-size:11px;position:absolute;top:100%;left:0}@keyframes cashier-kitchen{0%{transform:rotate(0)}35%{transform:rotate(9deg)translate(4px)}70%{transform:rotate(-3deg)}to{transform:rotate(3deg)}}@media (max-width:380px){.counter-open{width:68%;padding:7px;left:16%}.counter-interface:not(.counter-open):not(.voice-counter){width:56%;left:22%}.enter-sign,.voice-counter .enter-sign{min-height:44px}}@media (prefers-reduced-motion:reduce){.cashier,.counter-interface{transition:none}.shop-scene[data-working=true] .cashier{animation:none}}