:root{--purple:#7339d0;--green:#8dc63f;--text:#5c5c5c;color:var(--text);background:#929290;font:16px/1.7 Merriweather,Georgia,serif}body{box-sizing:border-box;flex-direction:column;min-height:100vh;margin:0;padding:1rem;display:flex}#app{box-sizing:border-box;background:#fff;border-radius:12px;width:100%;max-width:32rem;margin:0 auto;padding:1.5rem}h1,legend,button,label{font-family:Varela Round,Arial,sans-serif}h1{color:var(--purple);text-align:center;margin:0 0 1rem;font-size:2rem;line-height:1.2}h1 span{color:var(--green)}h1 small{color:var(--text);font-size:.85rem;display:block}fieldset{border:0;margin:0 0 1.25rem;padding:0}legend{color:var(--purple);margin-bottom:.4rem;font-weight:700}label{margin-bottom:1rem;display:block}input[type=text],input[type=email],input[type=password],textarea{box-sizing:border-box;width:100%;font:inherit;border:2px solid #ddd;border-radius:8px;margin-top:.25rem;padding:.6rem;display:block}input:focus{border-color:var(--purple);outline:none}fieldset label{border:2px solid var(--purple);color:var(--purple);cursor:pointer;text-transform:capitalize;border-radius:999px;margin:0 .4rem .4rem 0;padding:.4rem 1rem;display:inline-block}fieldset label:has(:checked){background:var(--purple);color:#fff}fieldset label:has(:focus-visible){outline:2px solid var(--green);outline-offset:2px}fieldset input{opacity:0;position:absolute}legend small,label small{color:var(--text);font-size:.8rem;font-weight:400}.notes{font-style:italic}.tag.drink{background:var(--purple);color:#fff}button{background:var(--green);color:#fff;cursor:pointer;border:0;border-radius:999px;padding:.7rem 1.6rem;font-size:1rem}button:hover:not(:disabled){background:var(--purple)}button:disabled{opacity:.5;cursor:default}.error{color:#c33}.order{border-left:4px solid var(--purple);background:#f6f2fc;border-radius:8px;margin-bottom:1rem;padding:.5rem 1rem}.order .who{justify-content:space-between;align-items:baseline;display:flex}.order strong{color:#333;font:1.3rem Varela Round,Arial,sans-serif}.order time{font-size:.85rem}.tags{flex-wrap:wrap;gap:.4rem;margin:.5rem 0 .9rem;display:flex}.tag{border:2px solid var(--purple);color:var(--purple);text-transform:capitalize;background:#fff;border-radius:999px;padding:.3rem .9rem;font:1rem Varela Round,Arial,sans-serif}.tag.hot{color:#a83a12;background:#fdebe4;border-color:#d9542b}.tag.iced{color:#1b5a9e;background:#e3effb;border-color:#2b7bd9}.tag.none{color:#999;border-color:#ccc}footer{text-align:center;color:#fff;margin-top:auto;padding-top:2rem;font-size:.8rem}footer a{color:#fff}button.link{color:var(--text);background:0 0;padding:0;font-size:.8rem;text-decoration:underline}button.link:hover{color:var(--purple);background:0 0}summary{color:var(--purple);cursor:pointer;margin:1rem 0 .5rem;font-family:Varela Round,Arial,sans-serif;font-size:1.1rem}summary small{color:var(--text);margin-left:.4rem;font-size:.8rem}.receipt{text-align:center}.receipt p{margin:.5rem 0}.receipt .status{color:var(--purple);background:#f0e9fb;border-radius:999px;align-items:center;gap:.6rem;margin:.5rem 0 1.5rem;padding:.6rem 1.4rem;font:1.4rem Varela Round,Arial,sans-serif;display:inline-flex}.receipt.ready .status{background:var(--green);color:#fff}.dot{background:currentColor;border-radius:50%;width:.7rem;height:.7rem;animation:1.2s ease-in-out infinite pulse}.receipt.ready .dot{animation:none}@keyframes pulse{50%{opacity:.25}}@media (prefers-reduced-motion:reduce){.dot{animation:none}}.drink{text-transform:capitalize;font-size:.9rem}.receipt button.link{margin-top:1.5rem}.loading.svelte-xhvj5z{justify-content:center;gap:.75rem;padding:2rem 0;display:flex}svg.svelte-xhvj5z{width:3rem;height:3rem;animation:.9s ease-in-out infinite svelte-xhvj5z-bounce}@keyframes svelte-xhvj5z-bounce{50%{transform:translateY(-.6rem)rotate(-8deg)}}@media (prefers-reduced-motion:reduce){svg.svelte-xhvj5z{animation:none}}