:root{--bg:#fffdf8;--surface:#fff;--border:#00000012;--text:#1a1d22;--text-dim:#9aa4ad;--brand:#91c451;--brand-deep:#6fa235;--brand-dark:#5b8a2b;--ink-dark:#0e1116;--font-display:"Archivo", sans-serif;--font-body:"Inter", system-ui, sans-serif}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--bg);color:var(--text);font-family:var(--font-body);-webkit-font-smoothing:antialiased}button{color:inherit;text-align:inherit;cursor:pointer;background:0 0;border:none;margin:0;padding:0;font-family:inherit}button:focus-visible,a:focus-visible{outline:2px solid var(--brand);outline-offset:2px}.hub-scroll::-webkit-scrollbar{display:none}@keyframes tileIn{0%{transform:scale(.96)translateY(8px)}to{transform:none}}@keyframes livePulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.7)}}@media (prefers-reduced-motion:reduce){.tile{animation:none!important;transform:none!important}.livedot{animation:none!important}}.app{background:var(--bg);flex-direction:column;max-width:480px;min-height:100dvh;margin:0 auto;display:flex}.screen{padding-bottom:calc(env(safe-area-inset-bottom,0px) + 96px);flex-direction:column;flex:1;display:flex}.topbar{padding:calc(env(safe-area-inset-top,0px) + 22px) 16px 12px;justify-content:space-between;align-items:center;display:flex}.topbar-brand{align-items:center;gap:11px;display:flex}.topbar-logo{width:auto;height:34px;display:block}.topbar-wordmark{border-left:1px solid #0000001f;flex-direction:column;padding-left:11px;line-height:1;display:flex}.topbar-eyebrow{letter-spacing:.14em;color:var(--text-dim);font-size:9px;font-weight:600}.topbar-title{font-family:var(--font-display);letter-spacing:-.02em;margin-top:3px;font-size:18px;font-weight:800}.topbar-user{align-items:center;gap:10px;display:flex}.topbar-greeting{color:var(--text-dim);font-size:14px;font-weight:500}.topbar-avatar{color:#f4f6f2;background:#21282f;border:1px solid #ffffff14;border-radius:50%;justify-content:center;align-items:center;width:34px;height:34px;font-size:14px;font-weight:700;display:flex}.tonight{background:var(--surface);border:1px solid var(--border);border-radius:16px;align-items:center;gap:12px;margin:0 16px 14px;padding:11px 13px;display:flex;box-shadow:0 5px 18px #14171a0f}.tonight-icon{background:linear-gradient(150deg,#91c451,#6fa235);border-radius:12px;flex:none;justify-content:center;align-items:center;width:40px;height:40px;display:flex;box-shadow:0 4px 11px #91c45154}.tonight-body{flex:1;min-width:0}.tonight-header{align-items:center;gap:7px;display:flex}.tonight-eyebrow{font-family:var(--font-display);letter-spacing:.12em;color:var(--brand-dark);font-size:10px;font-weight:800}.tonight-rows{flex-direction:column;gap:5px;margin-top:6px;display:flex}.tonight-row{align-items:center;gap:8px;min-width:0;display:flex}.tonight-dot{border-radius:50%;flex:none;width:7px;height:7px}.tonight-label{color:var(--text);white-space:nowrap;font-size:12px;font-weight:600}.livedot{background:var(--brand);border-radius:50%;width:6px;height:6px;animation:1.6s ease-in-out infinite livePulse}.zicon{-webkit-mask:var(--icon) no-repeat left center / contain;-webkit-mask:var(--icon) no-repeat left center / contain;mask:var(--icon) no-repeat left center / contain;background:#fff;flex:none;align-self:flex-start;display:block}.tile-grid{grid-template-rows:repeat(4,150px);grid-template-columns:repeat(2,1fr);gap:12px;padding:0 16px 12px;display:grid}.tile{cursor:pointer;-webkit-tap-highlight-color:transparent;border:1px solid #ffffff12;border-radius:16px;flex-direction:column;justify-content:space-between;padding:13px;transition:transform .12s;animation:.45s cubic-bezier(.2,.7,.3,1) both tileIn;display:flex;position:relative;overflow:hidden;box-shadow:0 7px 18px #00000017}.tile:active{transform:scale(.96)}.tile-hero{grid-row:span 2;padding:15px;box-shadow:0 9px 24px #0000001c}.tile-hero:active{transform:scale(.975)}.tile-name{font-family:var(--font-display);letter-spacing:-.01em;color:#fff;font-size:19px;font-weight:800;line-height:1.04}.tile-sub{color:#ffffffd1;margin-top:3px;font-size:12.5px;font-weight:500}.tile-turf{background:linear-gradient(158deg,#91c451 0%,#6fa235 72%,#5b8a2b 100%)}.turf-stripes{opacity:.16;pointer-events:none;background:repeating-linear-gradient(#0000 0 38px,#fff9 38px 40px);position:absolute;inset:0}.turf-top{color:#0e1116e6;justify-content:space-between;align-items:flex-start;display:flex;position:relative}.turf-live{background:#fff;border-radius:999px;align-items:center;gap:6px;padding:5px 10px;display:flex;box-shadow:0 2px 6px #0e11161f}.turf-live .livedot{background:var(--brand-deep);width:7px;height:7px}.turf-live-label{color:#4f7d27;white-space:nowrap;font-size:11px;font-weight:700}.turf-bottom{position:relative}.turf-name{font-family:var(--font-display);letter-spacing:-.02em;color:#fff;font-size:30px;font-weight:800;line-height:.98}.tile-chip{background:#ffffff2b;border:1px solid #fff3;border-radius:10px;margin-top:7px;padding:6px 9px}.tile-chip-label{letter-spacing:.09em;color:#ffffffd1;justify-content:space-between;align-items:center;gap:6px;font-size:8.5px;font-weight:700;display:flex}.tile-chip-count{color:#fff;font-variant-numeric:tabular-nums;letter-spacing:.02em;align-items:center;gap:3px;display:inline-flex}.tile-chip-title{color:#fff;margin-top:2px;font-size:12.5px;font-weight:700;line-height:1.15}.tile-studio{background:linear-gradient(160deg,#1b9ac4,#14789b)}.tile-studio .tile-name{font-size:18px}.tile-outdoors{background:linear-gradient(160deg,#fab81f,#d2980f)}.outdoors-top{color:#fff;justify-content:space-between;align-items:flex-start;display:flex}.outdoors-temp{font-family:var(--font-display);letter-spacing:-.02em;color:#fff;font-size:22px;font-weight:800;line-height:1}.tile-outdoors .tile-name{font-size:17px}.tile-outdoors .tile-sub{margin-top:2px;font-size:11.5px;font-weight:600}.outdoors-cta{background:#2a1d04;border-radius:999px;align-items:center;gap:5px;margin-top:7px;padding:5px 9px;display:inline-flex}.outdoors-cta span{color:#fff;white-space:nowrap;letter-spacing:.01em;font-size:10.5px;font-weight:700}.tile-kids{background:linear-gradient(155deg,#f7438e,#d12872)}.tile-cafe{background:linear-gradient(160deg,#b5765a,#8e5a43)}.tile-friends{background:linear-gradient(160deg,#5c6bc0,#44509a)}.friends-header{color:#fffffff2;align-items:center;gap:7px;display:flex}.friends-header .tile-name{font-size:19px;line-height:1}.friends-avatars{align-items:center;display:flex}.friend-avatar{color:#fff;border:2.5px solid #5c6bc0;border-radius:50%;justify-content:center;align-items:center;width:30px;height:30px;font-size:11px;font-weight:700;display:flex;position:relative}.friend-avatar+.friend-avatar{margin-left:-9px}.friend-avatar .presence{background:var(--brand);border:2px solid #5c6bc0;border-radius:50%;width:9px;height:9px;position:absolute;bottom:-1px;right:-1px}.tile-friends .tile-sub{margin-top:7px;font-size:11.5px}.tile-wallet{background:linear-gradient(160deg,#26402a,#16271b);border-color:#ffffff14;box-shadow:0 8px 20px #1428142e}.wallet-header{color:#fff;align-items:center;gap:8px;display:flex}.wallet-header .tile-name{color:#f4f6f2;font-size:17px;line-height:1}.wallet-rows{flex-direction:column;gap:4px;display:flex}.wallet-row{align-items:baseline;gap:6px;font-size:12px;display:flex}.wallet-row b{color:#a7dc55;font-variant-numeric:tabular-nums;font-weight:800}.wallet-row span{color:#ffffffa8;font-weight:500}.wallet-row span.faint{color:#ffffff80}.wallet-progress{margin-top:8px}.wallet-progress-label{color:#ffffffbf;margin-bottom:5px;font-size:10.5px;font-weight:600}.wallet-progress-label b{color:#a7dc55;font-weight:800}.progress-track{background:#ffffff29;border-radius:999px;height:5px;overflow:hidden}.progress-fill{border-radius:inherit;background:#a7dc55;height:100%}.progress-track.light{background:#00000014;margin-top:8px}.progress-track.light .progress-fill{background:var(--brand)}.tabbar{bottom:calc(env(safe-area-inset-bottom,0px) + 10px);-webkit-backdrop-filter:blur(14px)saturate(140%);z-index:20;isolation:isolate;background:#14171aeb;border-radius:26px;width:calc(100% - 24px);max-width:456px;padding:6px;display:flex;position:fixed;left:50%;transform:translate(-50%);box-shadow:0 12px 34px #14171a47,inset 0 1px #ffffff0f}.tabbar-pill{width:calc((100% - 12px) / var(--n,5));transform:translateX(calc(var(--i,0) * 100%));background:var(--brand);z-index:0;border-radius:20px;transition:transform .38s cubic-bezier(.3,1.25,.4,1);position:absolute;top:6px;bottom:6px;left:6px;box-shadow:0 6px 16px #91c45173}.tabbar-item{z-index:1;color:#ffffff8c;letter-spacing:.02em;-webkit-tap-highlight-color:transparent;border-radius:20px;flex-direction:column;flex:1;align-items:center;gap:3px;padding:8px 0 6px;font-size:10px;font-weight:700;transition:color .2s,transform .15s;display:flex;position:relative}.tabbar-item.active{color:var(--ink-dark)}.tabbar-item:active{transform:scale(.92)}.tabbar-item.active svg{animation:.45s ease-in-out wiggle}.tabbar-label{line-height:1}.page{padding:0 16px}.page-back{color:var(--text-dim);align-items:center;gap:5px;margin-top:14px;font-size:13px;font-weight:700;display:inline-flex}.page-title{font-family:var(--font-display);letter-spacing:-.02em;margin:8px 0 4px;font-size:26px;font-weight:800}.page-sub{color:var(--text-dim);margin:0 0 16px;font-size:13px;font-weight:500}.section-eyebrow{font-family:var(--font-display);letter-spacing:.12em;color:var(--text-dim);text-transform:uppercase;margin:18px 0 8px;font-size:10px;font-weight:800}.card{background:var(--surface);border:1px solid var(--border);border-radius:16px;margin-bottom:10px;padding:13px;box-shadow:0 5px 18px #14171a0f}.list-row{align-items:center;gap:12px;width:100%;display:flex}.list-row+.list-row{border-top:1px solid var(--border);margin-top:12px;padding-top:12px}.row-dot{border-radius:50%;flex:none;width:10px;height:10px}.row-body{flex:1;min-width:0}.row-title{color:var(--text);font-size:14px;font-weight:600}.row-sub{color:var(--text-dim);margin-top:2px;font-size:12px;font-weight:500}.row-end{color:var(--text);font-variant-numeric:tabular-nums;flex:none;font-size:12px;font-weight:700}.pill-btn{background:var(--ink-dark);color:#fff;letter-spacing:.01em;border-radius:999px;flex:none;padding:7px 13px;font-size:11.5px;font-weight:700}.pill-btn.brand{background:var(--brand-deep)}.pill-btn[disabled]{opacity:.45;cursor:default}.zone-hero{padding:calc(env(safe-area-inset-top,0px) + 18px) 16px 20px;color:#fff;border-radius:0 0 24px 24px;margin-bottom:16px}.zone-hero .back{color:inherit;opacity:.85;align-items:center;gap:6px;margin-bottom:22px;font-size:13px;font-weight:700;display:inline-flex}.zone-hero-name{font-family:var(--font-display);letter-spacing:-.02em;font-size:32px;font-weight:800;line-height:1}.zone-hero-sub{opacity:.85;margin-top:8px;font-size:13px;font-weight:600}.zone-hero.ink-dark{color:var(--ink-dark)}.sport-chips{gap:8px;margin-bottom:12px;display:flex}.chip{border:1px solid var(--border);background:var(--surface);color:var(--text-dim);border-radius:999px;padding:8px 16px;font-size:12.5px;font-weight:700}.chip.active{background:var(--ink-dark);color:#fff;border-color:#0000}.seg{background:#0000000d;border-radius:12px;gap:3px;margin-bottom:14px;padding:3px;display:flex}.seg-btn{text-align:center;color:var(--text-dim);border-radius:10px;flex:1;padding:8px 0;font-size:13px;font-weight:700}.seg-btn.active{color:var(--text);background:#fff;box-shadow:0 2px 8px #14171a14}.eyebrow-row{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.eyebrow-row .section-eyebrow{margin:0}.badge{vertical-align:2px;letter-spacing:.08em;text-transform:uppercase;color:var(--brand-dark);background:#91c4512e;border-radius:999px;margin-left:4px;padding:2px 7px;font-size:8.5px;font-weight:800;display:inline-block}.badge.private{color:var(--text-dim);background:#00000012}.text-input{width:100%;font:inherit;color:var(--text);background:var(--bg);border:1px solid var(--border);border-radius:10px;padding:10px 12px;font-size:14px}.text-input:focus{outline:2px solid var(--brand);outline-offset:0;border-color:#0000}.rank-num{width:26px;font-family:var(--font-display);color:var(--text-dim);font-variant-numeric:tabular-nums;flex:none;font-size:14px;font-weight:800}.list-row.me{background:#91c4511f;border-top:none;border-radius:12px;margin:8px -10px -3px;padding:10px}.list-row.me .rank-num{color:var(--brand-dark)}.toggle{background:#0000001f;border-radius:999px;flex:none;width:44px;height:26px;transition:background .15s;position:relative}.toggle.on{background:var(--brand)}.toggle:after{content:"";background:#fff;border-radius:50%;width:20px;height:20px;transition:transform .15s;position:absolute;top:3px;left:3px;box-shadow:0 1px 3px #0003}.toggle.on:after{transform:translate(18px)}.loading{text-align:center;color:var(--text-dim);padding:40px 16px;font-size:13px;font-weight:500}.login{justify-content:center;padding:24px 16px}.login-card{background:var(--surface);border:1px solid var(--border);border-radius:20px;padding:24px 20px 18px;box-shadow:0 8px 28px #14171a14}.login-logo{width:auto;height:56px;margin:0 auto 8px;display:block}.login-form{flex-direction:column;gap:10px;margin-top:16px;display:flex}.login-btn{border-radius:12px;width:100%;padding:12px;font-size:15px}.login-link{text-align:center;width:100%;color:var(--text-dim);margin-top:10px;font-size:12px;display:block}.login-link:disabled{opacity:.5;cursor:default}.login-error{color:#b8412e;background:#d96a521f;border-radius:10px;padding:8px 10px;font-size:12px}.text-input{width:100%;font:inherit;border:1px solid var(--border);background:var(--surface);color:inherit;border-radius:12px;padding:10px 12px;font-size:14px}.text-input:focus{border-color:#0000;outline:2px solid #91c45180}.sheet-backdrop{z-index:50;background:#14171a73;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.sheet{background:var(--surface);width:100%;max-width:480px;max-height:88vh;padding:10px 18px calc(18px + env(safe-area-inset-bottom));border-radius:22px 22px 0 0;overflow-y:auto;box-shadow:0 -8px 30px #14171a2e}.sheet-handle{background:var(--border);border-radius:2px;width:40px;height:4px;margin:0 auto 12px}.sheet-title{font-family:Archivo,sans-serif;font-size:18px;font-weight:700}.sheet-sub{color:var(--text-dim);margin-top:2px;font-size:13px}.sheet-body{flex-direction:column;gap:10px;margin-top:14px;display:flex}.sheet-eyebrow{letter-spacing:.06em;text-transform:uppercase;color:var(--text-dim);font-size:11px;font-weight:700}.chip-row{flex-wrap:wrap;gap:8px;display:flex}.chip{font:inherit;border:1px solid var(--border);background:var(--surface);color:inherit;border-radius:999px;padding:7px 12px;font-size:13px;font-weight:600}.chip.on{color:#fff;background:#14171a;border-color:#14171a}.sheet-row{justify-content:space-between;align-items:center;gap:10px;font-size:14px;display:flex}.sheet-row.dim{color:var(--text-dim);font-size:13px}.sheet-row.total{font-size:16px;font-weight:700}.sheet-quote{background:#14171a0a;border-radius:14px;flex-direction:column;gap:6px;padding:12px;display:flex}.qty{background:#14171a0f;border-radius:999px;align-items:center;gap:2px;padding:3px;display:inline-flex}.qty-btn{background:var(--surface);color:#14171a;cursor:pointer;-webkit-tap-highlight-color:transparent;border:0;border-radius:50%;place-items:center;width:36px;height:36px;transition:transform .15s cubic-bezier(.2,.8,.2,1),background .15s,color .15s,opacity .15s;display:grid;box-shadow:0 1px 2px #14171a1f}.qty-btn svg{display:block}.qty-btn:active:not(:disabled){color:#fff;background:#14171a;transform:scale(.9)}@media (hover:hover){.qty-btn:hover:not(:disabled){color:#fff;background:#14171a}}.qty-btn:disabled{opacity:.35;box-shadow:none;cursor:default}.qty-count{text-align:center;font-variant-numeric:tabular-nums;min-width:34px;font-family:Archivo,sans-serif;font-size:16px;font-weight:700}.sheet-btn{border-radius:12px;width:100%;margin-top:4px;padding:13px;font-size:15px}.sheet-btn:disabled{opacity:.5}.sheet-done{text-align:center;padding:18px 0 6px}.sheet-done-title{color:#6fa235;font-family:Archivo,sans-serif;font-size:22px;font-weight:800}.sheet-done-sub{color:var(--text-dim);margin-top:6px;font-size:13px}.onboarding .page{padding-top:28px}.tracker{margin:18px 0 20px;padding:0;list-style:none;display:flex}.tracker-step{text-align:center;flex-direction:column;flex:1;align-items:center;gap:6px;display:flex;position:relative}.tracker-step+.tracker-step:before{content:"";background:var(--border);z-index:0;width:100%;height:3px;position:absolute;top:14px;right:50%}.tracker-dot{z-index:1;background:var(--surface);border:3px solid var(--border);width:30px;height:30px;color:var(--text-dim);border-radius:50%;place-items:center;font-size:13px;font-weight:700;display:grid;position:relative}.tracker-step.done .tracker-dot{color:#fff;background:#6fa235;border-color:#6fa235}.tracker-step.current .tracker-dot{color:#6fa235;border-color:#6fa235;box-shadow:0 0 0 4px #6fa2352e}.tracker-label{letter-spacing:.02em;color:var(--text-dim);font-size:11px;font-weight:600}.tracker-step.current .tracker-label,.tracker-step.done .tracker-label{color:#4f7a22}.onboarding-card{background:var(--surface);border:1px solid var(--border);border-radius:18px;flex-direction:column;gap:12px;padding:18px 16px;display:flex}.onboarding-title{font-family:Archivo,sans-serif;font-size:17px;font-weight:700}.onboarding-sub{color:var(--text-dim);margin-top:-6px;font-size:13px}.form-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.field{display:block}.field.span{grid-column:1/-1}.field>span{letter-spacing:.06em;text-transform:uppercase;color:var(--text-dim);margin-bottom:4px;font-size:11px;font-weight:700;display:block}.waiver-box{border:1px solid var(--border);white-space:pre-wrap;background:#14171a08;border-radius:14px;max-height:42vh;padding:14px;font-size:13px;line-height:1.55;overflow-y:auto}.check-row{align-items:flex-start;gap:10px;font-size:14px;line-height:1.4;display:flex}.check-row input{accent-color:#6fa235;width:20px;height:20px;margin-top:1px}.check-row em{color:var(--text-dim);font-size:12px;font-style:normal}.text-input.signature{padding:12px 14px;font-family:Archivo,sans-serif;font-size:20px;font-style:italic}@keyframes screenIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@keyframes screenOut{to{opacity:0;transform:translateY(18px)scale(.97)}}@keyframes riseIn{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes sheetUp{0%{transform:translateY(105%)}to{transform:none}}@keyframes pop{0%{opacity:0;transform:scale(.55)}60%{opacity:1;transform:scale(1.12)}to{transform:scale(1)}}@keyframes chipPop{0%{transform:scale(.92)}60%{transform:scale(1.06)}to{transform:scale(1)}}@keyframes barGrow{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes ringPulse{0%{box-shadow:0 0 0 4px #6fa2352e}50%{box-shadow:0 0 0 9px #6fa23514}to{box-shadow:0 0 0 4px #6fa2352e}}@keyframes wiggle{0%,to{transform:rotate(0)}30%{transform:rotate(-8deg)scale(1.08)}60%{transform:rotate(6deg)scale(1.08)}}.screen{animation:.28s ease-out both screenIn}.screen.screen-leave{pointer-events:none;animation:.24s ease-in both screenOut}.bubble{z-index:60;pointer-events:none;will-change:top, left, width, height, opacity;transition:top .46s cubic-bezier(.2,.85,.2,1),left .46s cubic-bezier(.2,.85,.2,1),width .46s cubic-bezier(.2,.85,.2,1),height .46s cubic-bezier(.2,.85,.2,1),border-radius .46s cubic-bezier(.2,.85,.2,1),opacity .3s;position:fixed;box-shadow:0 18px 50px #00000040}@media (hover:hover){.tile:hover{transform:translateY(-3px)scale(1.01);box-shadow:0 14px 30px #00000029}.tile-hero:hover{transform:translateY(-3px)scale(1.005)}}.tile{transition:transform .18s cubic-bezier(.2,.8,.2,1),box-shadow .18s}.zone-hero .back,.zone-hero-name,.zone-hero-sub{animation:.4s ease-out both riseIn}.zone-hero .back{animation-delay:.22s}.zone-hero-name{animation-delay:.28s}.zone-hero-sub{animation-delay:.36s}.page .card{animation:.36s ease-out both riseIn}.page section:nth-of-type(2) .card{animation-delay:70ms}.page section:nth-of-type(3) .card{animation-delay:.14s}.page section:nth-of-type(4) .card{animation-delay:.21s}.sheet-backdrop{animation:.22s ease-out both fadeIn}.sheet{animation:.36s cubic-bezier(.22,1,.36,1) both sheetUp}.sheet-done-title{animation:.55s cubic-bezier(.34,1.56,.64,1) both pop}.sheet-done-sub{animation:.4s ease-out .18s both riseIn}.chip{transition:transform .15s,background .15s,color .15s,border-color .15s}.chip:active{transform:scale(.94)}.chip.on{animation:.25s ease-out chipPop}.progress-fill{transform-origin:0;animation:.9s cubic-bezier(.2,.8,.2,1) .2s both barGrow}.tracker-step+.tracker-step:after{content:"";transform-origin:0;z-index:0;background:#6fa235;width:100%;height:3px;transition:transform .45s ease-out;position:absolute;top:14px;right:50%;transform:scaleX(0)}.tracker-step.done+.tracker-step:after{transform:scaleX(1)}.tracker-step.done+.tracker-step:before,.tracker-step.done+.tracker-step.done:before{background:var(--border)}.tracker-step.done .tracker-dot{animation:.45s cubic-bezier(.34,1.56,.64,1) both pop}.tracker-step.current .tracker-dot{animation:1.8s ease-in-out infinite ringPulse}.pill-btn{transition:transform .15s cubic-bezier(.2,.8,.2,1),opacity .15s}.pill-btn:active{transform:scale(.94)}.login-card,.onboarding-card{animation:.4s ease-out both riseIn}.login-logo{animation:.6s cubic-bezier(.34,1.56,.64,1) both pop}@media (prefers-reduced-motion:reduce){.screen,.screen.screen-leave,.page .card,.sheet,.sheet-backdrop,.sheet-done-title,.sheet-done-sub,.zone-hero .back,.zone-hero-name,.zone-hero-sub,.progress-fill,.tracker-dot,.tabbar-item.active svg,.login-card,.login-logo,.onboarding-card,.chip.on{animation:none!important}.bubble,.tracker-step+.tracker-step:after{transition:none!important}}.cafe-hero{padding:calc(env(safe-area-inset-top,0px) + 18px) 18px 16px;color:#fff;background:radial-gradient(120% 90% at 100% 0,#ffdcb459,#0000 55%),linear-gradient(160deg,#a8704c 0%,#6b3f2c 60%,#4a2a1e 100%);border-radius:0 0 28px 28px;position:relative;overflow:hidden;box-shadow:0 14px 34px #4a2a1e47}.cafe-hero:after{content:"";pointer-events:none;background:radial-gradient(circle,#ffffff29,#0000 62%);border-radius:50%;width:200px;height:200px;position:absolute;top:-50px;right:-40px}.cafe-hero .back{color:#ffffffd9;align-items:center;gap:4px;margin-bottom:14px;font-size:13px;font-weight:700;animation:.4s ease-out .2s both riseIn;display:inline-flex}.cafe-hero-row{justify-content:space-between;align-items:flex-end;gap:12px;display:flex}.cafe-hero .zone-hero-name{font-size:34px;line-height:1}.cafe-hero .zone-hero-sub{color:#ffffffd1;margin-top:6px;font-size:13px}.cafe-cup{filter:drop-shadow(0 10px 18px #00000059);font-size:54px;line-height:1;animation:.7s cubic-bezier(.34,1.56,.64,1) .25s both pop}.cafe-status-row{justify-content:space-between;align-items:center;gap:8px;margin-top:16px;animation:.4s ease-out .4s both riseIn;display:flex}.cafe-status{background:#00000040;border-radius:999px;align-items:center;gap:7px;padding:7px 12px;font-size:12px;font-weight:700;display:inline-flex}.cafe-status .dot{background:#ff8a65;border-radius:50%;width:8px;height:8px}.cafe-status.open .dot{background:#b6ff6e;animation:1.6s ease-in-out infinite livePulse;box-shadow:0 0 0 4px #b6ff6e40}.cafe-wallet{color:#ffffffe6;background:#ffffff24;border-radius:999px;padding:7px 12px;font-size:12px;font-weight:700}.menu-nav{z-index:5;background:linear-gradient(var(--bg) 70%, #fffdf800);scrollbar-width:none;gap:8px;padding:12px 16px 10px;display:flex;position:sticky;top:0;overflow-x:auto}.menu-nav::-webkit-scrollbar{display:none}.menu-tab{border:1px solid var(--border);background:var(--surface);color:var(--text-dim);border-radius:999px;flex:none;padding:8px 14px;font-size:13px;font-weight:700;transition:background .2s,color .2s,transform .15s}.menu-tab.on{color:#fff;background:#14171a;border-color:#14171a}.menu-tab:active{transform:scale(.95)}.cafe-page{padding-top:4px}.menu-section{margin-bottom:8px;scroll-margin-top:64px}.menu-grid{grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:18px;display:grid}.menu-card{background:var(--surface);border:1px solid var(--border);border-radius:20px;flex-direction:column;transition:transform .18s cubic-bezier(.2,.8,.2,1),box-shadow .18s;animation:.4s ease-out both riseIn;display:flex;overflow:hidden;box-shadow:0 6px 20px #4a2a1e14}@media (hover:hover){.menu-card:hover{transform:translateY(-3px);box-shadow:0 14px 30px #4a2a1e29}}.menu-card.soldout{opacity:.55}.menu-art{cursor:pointer;-webkit-tap-highlight-color:transparent;border:0;place-items:center;width:100%;height:108px;display:grid;position:relative}.menu-art:before{content:"";background:radial-gradient(80% 60% at 30% 20%,#ffffff59,#0000 60%);position:absolute;inset:0}.menu-emoji{filter:drop-shadow(0 10px 14px #00000047);font-size:50px;line-height:1;transition:transform .25s cubic-bezier(.34,1.56,.64,1);position:relative}.menu-art:active .menu-emoji{transform:scale(.9)rotate(-6deg)}@media (hover:hover){.menu-card:hover .menu-emoji{transform:scale(1.1)rotate(-6deg)}}.menu-incart{color:#fff;background:#14171a;border-radius:999px;place-items:center;min-width:24px;height:24px;padding:0 7px;font-size:12px;font-weight:800;animation:.35s cubic-bezier(.34,1.56,.64,1) both pop;display:grid;position:absolute;top:8px;right:8px;box-shadow:0 4px 10px #00000040}.menu-tag{color:#fff;letter-spacing:.04em;text-transform:uppercase;background:#14171acc;border-radius:999px;padding:4px 8px;font-size:10px;font-weight:800;position:absolute;bottom:8px;left:8px}.menu-tag.warm{background:#d97b3cf2}.menu-body{flex-direction:column;flex:1;gap:3px;padding:10px 11px 11px;display:flex}.menu-name{font-family:var(--font-display);font-size:14px;font-weight:700;line-height:1.2}.menu-desc{color:var(--text-dim);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:11.5px;line-height:1.35;display:-webkit-box;overflow:hidden}.menu-foot{justify-content:space-between;align-items:center;margin-top:auto;padding-top:8px;display:flex}.menu-price{font-family:var(--font-display);font-size:15px;font-weight:800}.menu-add{color:#fff;cursor:pointer;-webkit-tap-highlight-color:transparent;background:#14171a;border:0;border-radius:50%;place-items:center;width:34px;height:34px;transition:transform .15s cubic-bezier(.2,.8,.2,1),background .15s;display:grid;box-shadow:0 6px 14px #14171a40}.menu-add:active{background:var(--brand-deep);transform:scale(.88)}.menu-add:disabled{opacity:.4;box-shadow:none}.cafe-foot{color:var(--text-dim);text-align:center;padding:4px 12px 8px;font-size:11.5px}.cart-bar{bottom:calc(env(safe-area-inset-bottom,0px) + 82px);color:#fff;z-index:15;cursor:pointer;-webkit-tap-highlight-color:transparent;background:linear-gradient(135deg,#6fa235,#4f7a22);border:0;border-radius:18px;align-items:center;gap:12px;width:calc(100% - 32px);max-width:448px;padding:12px 14px 12px 12px;animation:.45s cubic-bezier(.34,1.4,.64,1) both cartIn;display:flex;position:fixed;left:50%;transform:translate(-50%);box-shadow:0 14px 34px #4f7a2266}@keyframes cartIn{0%{opacity:0;transform:translate(-50%)translateY(24px)scale(.92)}to{opacity:1;transform:translate(-50%)translateY(0)scale(1)}}.cart-bar:active{transform:translate(-50%)scale(.98)}.cart-count{background:#00000038;border-radius:999px;align-items:center;gap:6px;padding:6px 10px;font-size:13px;font-weight:800;display:inline-flex}.cart-label{text-align:left;font-family:var(--font-display);flex:1;font-size:15px;font-weight:700}.cart-total{font-family:var(--font-display);font-size:16px;font-weight:800}.cafe-sheet{padding:0 0 calc(18px + env(safe-area-inset-bottom));border-radius:26px 26px 0 0}.cafe-sheet .sheet-handle{margin-top:10px}.cafe-body{padding:0 18px}.item-art{border-radius:26px 26px 0 0;place-items:center;height:150px;display:grid;position:relative;overflow:hidden}.item-art:before{content:"";background:radial-gradient(70% 60% at 30% 20%,#ffffff59,#0000 60%);position:absolute;inset:0}.item-emoji{filter:drop-shadow(0 14px 22px #0000004d);font-size:84px;line-height:1;animation:.6s cubic-bezier(.34,1.56,.64,1) .1s both pop;position:relative}.sheet-close{color:#fff;cursor:pointer;background:#00000052;border:0;border-radius:50%;place-items:center;width:32px;height:32px;font-size:20px;line-height:1;display:grid;position:absolute;top:12px;right:12px}.item-head{justify-content:space-between;align-items:flex-start;gap:12px;padding-top:16px;display:flex}.item-name{font-family:var(--font-display);font-size:20px;font-weight:800;line-height:1.15}.item-desc{color:var(--text-dim);margin-top:4px;font-size:13px}.item-price{font-family:var(--font-display);white-space:nowrap;font-size:18px;font-weight:800}.opt-group{flex-direction:column;gap:8px;display:flex}.opt-head{justify-content:space-between;align-items:baseline;display:flex}.opt-rule{color:var(--text-dim);font-size:11px;font-weight:600}.opt-rows{border:1px solid var(--border);background:var(--surface);border-radius:16px;flex-direction:column;display:flex;overflow:hidden}.opt-row{text-align:left;width:100%;font:inherit;color:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0;align-items:center;gap:12px;padding:12px 14px;transition:background .15s;display:flex}.opt-row+.opt-row{border-top:1px solid var(--border)}.opt-row.on{background:#91c4511f}.opt-row:active{background:#14171a0d}.opt-check{color:#fff;border:2px solid #14171a2e;border-radius:7px;flex:none;place-items:center;width:22px;height:22px;transition:background .15s,border-color .15s,transform .2s cubic-bezier(.34,1.56,.64,1);display:grid}.opt-check.radio{border-radius:50%}.opt-row.on .opt-check{background:var(--brand-deep);border-color:var(--brand-deep);transform:scale(1.08)}.opt-name{flex:1;font-size:14px;font-weight:600}.opt-price{color:var(--text-dim);font-size:13px;font-weight:700}.opt-row.on .opt-price{color:var(--brand-dark)}.opt-problem{color:#b8412e;text-align:center;font-size:12px}.cafe-cta{border-radius:16px;justify-content:space-between;align-items:center;padding:14px 18px;font-size:16px;display:flex}.cta-price{background:#0000002e;border-radius:999px;padding:4px 10px;font-size:14px}.order-head{justify-content:space-between;align-items:center;padding-top:4px;display:flex}.order-lines{border:1px solid var(--border);background:var(--surface);border-radius:16px;flex-direction:column;display:flex;overflow:hidden}.order-line{align-items:center;gap:10px;padding:10px 12px;display:flex}.order-line+.order-line{border-top:1px solid var(--border)}.order-line-main{text-align:left;min-width:0;font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;flex:1;align-items:center;gap:12px;padding:0;display:flex}.order-emoji{border-radius:14px;flex:none;place-items:center;width:44px;height:44px;font-size:24px;display:grid}.order-text{flex-direction:column;min-width:0;display:flex}.order-text .row-sub{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.qty-small{padding:2px}.qty-small .qty-btn{width:30px;height:30px}.qty-small .qty-count{min-width:26px;font-size:14px}.wallet-line.short{color:#b8412e;font-weight:600}.order-done{text-align:center;align-items:center;padding-top:22px}.done-check{color:#fff;background:linear-gradient(135deg,#91c451,#5b8a2b);border-radius:50%;place-items:center;width:76px;height:76px;animation:.6s cubic-bezier(.34,1.56,.64,1) both pop;display:grid;box-shadow:0 14px 30px #5b8a2b66}.done-title{font-family:var(--font-display);margin-top:6px;font-size:22px;font-weight:800;animation:.4s ease-out .15s both riseIn}.done-sub{color:var(--text);max-width:300px;font-size:14px;animation:.4s ease-out .25s both riseIn}.done-meta{color:var(--text-dim);flex-wrap:wrap;justify-content:center;gap:6px;font-size:12px;animation:.4s ease-out .35s both riseIn;display:flex}.order-done .sheet-btn{margin-top:10px}