:root{color-scheme:dark;--duration-stagger: 40ms;--duration-micro: 80ms;--duration-quick: .15s;--duration-fast: .25s;--duration-medium: .35s;--ease-smooth-out: cubic-bezier(.22, 1, .36, 1);--ease-out: ease-out;--united-space-xs: clamp(8px, 1.5vw, 12px);--united-space-sm: clamp(12px, 2vw, 16px);--united-space-md: clamp(16px, 2.5vw, 24px);--united-space-lg: clamp(24px, 4vw, 40px);--bg: #0c120e;--shell: #08080c;--card: #141c16;--ink: #f3f7f2;--muted: rgba(243, 247, 242, .72);--accent: #7cff9a;--accent2: #ffd56a;--danger: #f87171;--line: rgba(255, 255, 255, .1);--tabs-dur: var(--duration-fast);--tabs-ease: var(--ease-smooth-out);--tabs-text-muted: rgba(243, 247, 242, .72);--tabs-text-active: #08210f;--tabs-bar-bg: #141c16;--tabs-pill-bg: #7cff9a;--toast-open: var(--duration-medium);--toast-close: var(--duration-fast);--toast-distance: 16px;--toast-scale: .97;--toast-ease: var(--ease-smooth-out);font-family:Segoe UI,Trebuchet MS,sans-serif}*{box-sizing:border-box}html,body{margin:0;min-height:100%;max-width:100%;overflow-x:hidden;scrollbar-width:none;-ms-overflow-style:none;background:var(--bg);color:var(--ink)}html::-webkit-scrollbar,body::-webkit-scrollbar{width:0;height:0;display:none}body{min-height:100dvh;background:radial-gradient(120% 80% at 8% -10%,#245a32 0%,transparent 55%),radial-gradient(80% 70% at 100% 0%,#3d6a22 0%,transparent 48%),var(--bg)}.lab{position:sticky;top:0;z-index:20;display:flex;flex-direction:column;gap:8px;padding:12px clamp(16px,3vw,40px);background:var(--shell);border-bottom:1px solid var(--line)}.lab[hidden]{display:none}.lab__row{display:flex;flex-wrap:wrap;align-items:center;gap:12px;justify-content:space-between}.lab__chips,.lab__hint{margin:0;font-size:12px;color:var(--muted);line-height:1.4}.t-tabs{position:relative;display:inline-flex;align-items:center;gap:3px;padding:3px;border-radius:48px;background:var(--tabs-bar-bg)}.t-tab{position:relative;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:transparent;min-height:42px;padding:4px 14px;color:var(--tabs-text-muted);cursor:pointer;border-radius:48px;z-index:1;font-weight:700;transition:color var(--tabs-dur) var(--tabs-ease)}.t-tab:not([aria-selected=true]):hover,.t-tab[aria-selected=true]{color:var(--tabs-text-active)}.t-tab:focus-visible{outline:2px solid #9333ea;outline-offset:2px}.t-tabs-pill{position:absolute;top:3px;left:0;height:calc(100% - 6px);width:0;background:var(--tabs-pill-bg);border-radius:48px;transform:translate(0);transition:transform var(--tabs-dur) var(--tabs-ease),width var(--tabs-dur) var(--tabs-ease);will-change:transform,width;z-index:0;pointer-events:none}.page{width:min(1120px,100%);margin:0 auto;padding:clamp(16px,3vw,40px);opacity:1;animation:page-in var(--duration-fast) var(--ease-smooth-out)}html[data-preview=phone] .page{max-width:430px}.united-shell{opacity:1}.topbar{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:var(--united-space-md);margin-bottom:var(--united-space-md)}.eyebrow{margin:0 0 6px;font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--accent2)}.brand h1{margin:0;font-size:clamp(40px,7vw,72px);line-height:.9;letter-spacing:-.05em}.topbar__meta{display:flex;flex-wrap:wrap;align-items:center;gap:12px}.ifruit{margin:0;min-height:42px;display:grid;place-items:center;padding:0 14px;border-radius:999px;background:var(--card);border:1px solid var(--line);font-size:13px}.hero{display:flex;flex-direction:column;gap:var(--united-space-sm);margin-bottom:var(--united-space-lg)}.tagline{margin:0;max-width:36rem;color:var(--muted);font-size:clamp(16px,2vw,20px);line-height:1.45}.hero__place{display:flex;flex-wrap:wrap;align-items:center;gap:12px}.address,.hours{margin:0}.address{font-weight:800}.hours{color:var(--muted);font-size:14px}.menu__title{margin:0 0 var(--united-space-sm);font-size:13px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.menu__grid{display:grid;grid-template-columns:1fr;gap:var(--united-space-sm)}.drink{display:grid;grid-template-columns:auto minmax(0,1fr);gap:12px 14px;align-items:center;padding:16px;border-radius:18px;background:var(--card);border:1px solid var(--line);animation:drink-in var(--duration-fast) var(--ease-smooth-out) backwards}.drink:nth-child(1){animation-delay:var(--duration-stagger)}.drink:nth-child(2){animation-delay:calc(var(--duration-stagger) * 2)}.drink:nth-child(3){animation-delay:calc(var(--duration-stagger) * 3)}.drink.is-shaking{animation:error-shake .42s var(--ease-out)}.drink__art{width:64px;height:64px;display:grid;place-items:center;border-radius:16px;background:#0c120e}.drink__body{min-width:0;width:100%}.drink__body h3{margin:0;font-size:18px}.drink__body p{margin:4px 0 8px;font-size:13px;color:var(--muted);line-height:1.35}.price{color:var(--accent);font-size:16px}.drink .buy{grid-column:1 / -1;width:100%;justify-self:stretch}.buy{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;border-radius:999px;min-height:42px;padding:10px 16px;background:linear-gradient(160deg,var(--accent),#3fd46a);color:#08210f;font-weight:800;cursor:pointer;transition:transform var(--duration-micro) var(--ease-out),filter var(--duration-quick) var(--ease-out)}.buy:hover{filter:brightness(1.06)}.buy:active{transform:scale(.97)}.buy:disabled{opacity:.5;cursor:default;transform:none}.buy:focus-visible{outline:2px solid #9333ea;outline-offset:2px}.buy--ghost{background:#1a241c;color:var(--ink);border:1px solid var(--line)}.buy--inline{width:auto}.t-toast{position:fixed;left:50%;bottom:max(18px,env(safe-area-inset-bottom));z-index:40;width:min(420px,calc(100% - 32px));margin:0;padding:14px 16px;border-radius:14px;background:var(--shell);border:1px solid var(--line);color:var(--ink);font-size:14px;line-height:1.4;pointer-events:none;opacity:0;transform:translate(-50%,var(--toast-distance)) scale(var(--toast-scale));transition:opacity var(--toast-close) var(--toast-ease),transform var(--toast-close) var(--toast-ease)}.t-toast.is-open{opacity:1;transform:translate(-50%) scale(1);transition:opacity var(--toast-open) var(--toast-ease),transform var(--toast-open) var(--toast-ease)}.t-toast.is-error{color:var(--danger)}@keyframes page-in{0%{transform:translateY(12px) scale(.985)}to{transform:translateY(0) scale(1)}}@keyframes drink-in{0%{transform:translateY(10px)}to{transform:translateY(0)}}@keyframes error-shake{0%,to{transform:translate(0)}20%{transform:translate(-8px)}40%{transform:translate(8px)}60%{transform:translate(-6px)}80%{transform:translate(6px)}}html[data-form=desktop] .menu__grid,html[data-preview=desktop] .menu__grid{grid-template-columns:repeat(3,minmax(0,1fr))}html[data-form=desktop] .drink,html[data-preview=desktop] .drink{grid-template-columns:1fr;align-items:start;justify-items:center;text-align:center}html[data-form=phone] .menu__grid,html[data-preview=phone] .menu__grid{grid-template-columns:1fr}html[data-form=phone] .drink,html[data-preview=phone] .drink{grid-template-columns:auto minmax(0,1fr);justify-items:stretch;text-align:start}@media(min-width:860px){html[data-preview=fill]:not([data-form=phone]) .menu__grid{grid-template-columns:repeat(3,minmax(0,1fr))}html[data-preview=fill]:not([data-form=phone]) .drink{grid-template-columns:1fr;align-items:start;justify-items:center;text-align:center}}@media(prefers-reduced-motion:reduce){.page,.drink,.t-tabs-pill,.t-tab,.buy,.t-toast{animation:none!important;transition:none!important}}