:root{--thirsty-red:#e53a2c;--thirsty-yellow:#fcd914;--thirsty-green:#197a3a;--thirsty-blue:#1e3fa0;--thirsty-red-tint:#f8b5ac;--thirsty-yellow-tint:#ffec85;--thirsty-green-tint:#a7d9b5;--thirsty-blue-tint:#b6c2e6;--thirsty-red-deep:#b22418;--thirsty-yellow-deep:#e0b900;--thirsty-green-deep:#0f5527;--thirsty-blue-deep:#122972;--fruit-mango:#f5c72a;--fruit-pineapple:#f5b619;--fruit-orange:#f08229;--fruit-strawberry:#e66a6a;--fruit-watermelon:#d9492e;--fruit-lime:#b8d63a;--fruit-papaya:#f09040;--fruit-leaf-light:#4fa15a;--fruit-leaf-mid:#2d7a3d;--fruit-leaf-deep:#18532a;--fruit-coconut:#f5efe0;--surface-strawberries:#c32e2a;--surface-juice:#e66a2a;--surface-slush:#f5c518;--surface-lemonade:#b8d654;--surface-shake:#1b6b3a;--surface-floats:#1fa37a;--ink:#1a1a1a;--ink-soft:#3a3a3a;--ink-muted:#6b6b6b;--paper:#fffdf6;--paper-warm:#faf3dd;--line:#e6e1d2;--line-soft:#f1ecdc;--fg-1:var(--ink);--fg-2:var(--ink-soft);--fg-3:var(--ink-muted);--status-success:var(--thirsty-green);--status-warning:#e89b1f;--status-error:var(--thirsty-red);--font-display:"Sniglet", "Cooper Black", "Arial Rounded MT Bold", system-ui, sans-serif;--font-brand:"Fredoka", "Sniglet", system-ui, sans-serif;--font-tagline:"Playfair Display", "Georgia", serif;--font-body:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--r-1:6px;--r-2:10px;--r-3:16px;--r-4:24px;--r-pill:999px;--shadow-sm:0 1px 2px #3c1e0014;--shadow-md:0 6px 16px #3c1e001f;--shadow-lg:0 18px 40px #3c1e002e;--shadow-sticker:3px 3px 0 var(--ink);--shadow-sticker-red:3px 3px 0 var(--thirsty-red-deep);--shadow-sticker-blue:3px 3px 0 var(--thirsty-blue-deep);--ease:cubic-bezier(.4, 0, .2, 1);--ease-pop:cubic-bezier(.34, 1.56, .64, 1)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{height:100%;margin:0;padding:0}body{font-family:var(--font-body);color:var(--fg-1);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;overscroll-behavior:none;background:radial-gradient(900px 600px at 50% -8%,#e7ece9 0%,#0000 60%),#d2dad6}button{cursor:pointer;color:inherit;background:0 0;border:none;font-family:inherit}input,textarea{font-family:inherit}.phone{background:var(--paper-warm);flex-direction:column;max-width:480px;height:100dvh;margin:0 auto;display:flex;position:relative;overflow:hidden;box-shadow:0 0 60px #0000002e}@media (width>=760px){.phone{max-width:640px}.phone.pos-device{max-width:none;box-shadow:none}.sheet-pane{border-radius:24px!important;max-width:560px!important;margin-bottom:26px!important;margin-left:auto!important;margin-right:auto!important}}.app{background:var(--paper-warm);flex-direction:column;flex:1;height:100%;min-height:0;display:flex;position:relative;overflow:hidden}.screen{flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}.scroll{-webkit-overflow-scrolling:touch;flex:1;min-height:0;overflow:hidden auto}.scroll::-webkit-scrollbar{width:0;height:0}.display{font-family:var(--font-display);text-transform:uppercase;letter-spacing:-.01em;font-weight:800;line-height:1}.brandfont{font-family:var(--font-brand)}.tagline{font-family:var(--font-tagline);color:var(--thirsty-blue);font-style:italic;font-weight:700}.eyebrow{letter-spacing:.1em;text-transform:uppercase;color:var(--ink-muted);font-size:10px;font-weight:800}.tnum{font-variant-numeric:tabular-nums}.pill{border-radius:var(--r-pill);letter-spacing:.02em;align-items:center;gap:5px;padding:4px 11px;font-size:11px;font-weight:700;display:inline-flex}.tap{transition:transform .12s var(--ease-pop), box-shadow .12s var(--ease), background .14s var(--ease)}.tap:active{transform:translateY(2px)scale(.99)}.btn-sticker{border:2.5px solid var(--ink);border-radius:var(--r-pill);text-transform:uppercase;letter-spacing:.03em;box-shadow:var(--shadow-sticker);transition:transform .12s var(--ease-pop), box-shadow .12s var(--ease);font-weight:800}.btn-sticker:active{box-shadow:0 0 0 var(--ink);transform:translateY(3px)}.rail{scrollbar-width:none;gap:8px;display:flex;overflow-x:auto}.rail::-webkit-scrollbar{display:none}@keyframes sheetUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes popIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.85;transform:scale(1.08)}}@keyframes printOut{0%{transform:translateY(-100%)}to{transform:translateY(0)}}@keyframes slideInItem{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes shake{0%,to{transform:translate(0)}20%{transform:translate(-7px)}40%{transform:translate(7px)}60%{transform:translate(-5px)}80%{transform:translate(5px)}}@keyframes slideInRight{0%{opacity:0;transform:translate(16px)}to{opacity:1;transform:translate(0)}}@keyframes vbar{0%,to{height:8px}50%{height:38px}}