@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/inter-latin-400-normal-C38fXH4l.woff2)format("woff2"),url(/assets/inter-latin-400-normal-CyCys3Eg.woff)format("woff")}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/inter-cyrillic-400-normal-obahsSVq.woff2)format("woff2"),url(/assets/inter-cyrillic-400-normal-HOLc17fK.woff)format("woff")}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/inter-latin-500-normal-Cerq10X2.woff2)format("woff2"),url(/assets/inter-latin-500-normal-BL9OpVg8.woff)format("woff")}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/inter-cyrillic-500-normal-BasfLYem.woff2)format("woff2"),url(/assets/inter-cyrillic-500-normal-CxZf_p3X.woff)format("woff")}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/inter-latin-600-normal-LgqL8muc.woff2)format("woff2"),url(/assets/inter-latin-600-normal-CiBQ2DWP.woff)format("woff")}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/inter-cyrillic-600-normal-CWCymEST.woff2)format("woff2"),url(/assets/inter-cyrillic-600-normal-4D_pXhcN.woff)format("woff")}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/inter-latin-700-normal-Yt3aPRUw.woff2)format("woff2"),url(/assets/inter-latin-700-normal-BLAVimhd.woff)format("woff")}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/inter-cyrillic-700-normal-CjBOestx.woff2)format("woff2"),url(/assets/inter-cyrillic-700-normal-DrXBdSj3.woff)format("woff")}:root,:root[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--shiki-foreground:#22160f;--shiki-background:#fffcf7;--shiki-token-keyword:#8a2f6b;--shiki-token-string:#2f6b1e;--shiki-token-string-expression:#2f6b1e;--shiki-token-comment:#6b5b4f;--shiki-token-constant:#1f5a9e;--shiki-token-function:#8a4a12;--shiki-token-parameter:#22160f;--shiki-token-punctuation:#4a3a30;--shiki-token-link:#1f5a9e;--espresso:#22160f;--cream:#f5ede3;--caramel:#b8662b;--foam:#fff;--bg:#efe7dc;--surface:#fffcf7;--surface-2:#f7f1e8;--ink:#22160f;--muted:#6b5b4f;--line:#e5d9ca;--line-strong:#8a7a6d;--accent:var(--caramel);--accent-strong:#9a5220;--on-accent:#fff;--accent-soft:#f3e2d2;--accent-text:#9a5220;--energy-1:#e9a53b;--energy-2:#b8662b;--energy-track:#e5d9ca;--energy-low:#c9842b;--ok:#2f6b3e;--ok-soft:#e3efe5;--danger:#a8321f;--danger-soft:#f8e1dc;--info-soft:#f3e2d2;--btn-dark-bg:#22160f;--btn-dark-ink:#f5ede3;--nav-bg:#22160f;--nav-ink:#f5ede3;--nav-muted:#cbb9a8;--nav-active:#3a2a20;--nav-line:#4a3a30;--focus:#9a5220;--shadow-color:#22160f24;--shadow-1:0 1px 2px var(--shadow-color);--shadow-2:0 8px 18px var(--shadow-color);--scrim:#22160f73;--cup-halo:#f3e2d2;--cup-halo-low:#efe4d6;--cup-body:#fff8ee;--cup-stroke:#22160f;--cup-coffee:#6b3a22;--cup-crema:#d9a86c;--cup-steam:#b8662b;--cup-face-on-coffee:#fff3e2;--cup-face-on-cup:#22160f;--cup-cheek:#e9a53b;--cup-shadow:#22160f24;--cup-z:#6b5b4f;--camera-bg:#17100b;--camera-ink:#f5ede3;--camera-muted:#cbb9a8;--camera-frame:#e9a53b;--camera-ok:#6fd68a;--camera-shutter:#f5ede3;--club-bg:#22160f;--club-ink:#f5ede3;--club-muted:#cbb9a8;--club-line:#4a3a30;--club-accent:#e9a53b;--club-ok-bg:#2e5a3a;--club-ok-ink:#e3f2e6;--club-sheen:#ffe4be29;--qr-bg:#fff;--qr-ink:#22160f;--radius-card:14px;--radius-pill:999px;--radius-sm:8px;--font-sans:"Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--tap:44px;--fs-base:15px;--fs-sm:13px;--fs-xs:12px;--fs-title:21px;--btn-h:44px;--topbar-h:52px;--tabbar-h:56px}@media (min-width:1024px){:root{--fs-base:14px;--fs-sm:12.5px;--fs-xs:11.5px;--fs-title:20px;--btn-h:36px;--topbar-h:48px}}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--shiki-foreground:#f5ede3;--shiki-background:#211812;--shiki-token-keyword:#e39bcb;--shiki-token-string:#9fd37e;--shiki-token-string-expression:#9fd37e;--shiki-token-comment:#bfae9f;--shiki-token-constant:#8fb8f0;--shiki-token-function:#f0b27a;--shiki-token-parameter:#f5ede3;--shiki-token-punctuation:#d8c8b8;--shiki-token-link:#8fb8f0;--bg:#15100c;--surface:#211812;--surface-2:#2a1f18;--ink:#f5ede3;--muted:#bfae9f;--line:#3d2e24;--line-strong:#8c7a6b;--accent:var(--caramel);--accent-strong:#d99a66;--on-accent:#22160f;--accent-soft:#3a2618;--accent-text:#e0a574;--energy-1:#e9a53b;--energy-2:#c97a3e;--energy-track:#3d2e24;--energy-low:#d9963f;--ok:#7cc08d;--ok-soft:#1e3324;--danger:#f08a78;--danger-soft:#3a1e19;--info-soft:#3a2618;--btn-dark-bg:#f5ede3;--btn-dark-ink:#22160f;--nav-bg:#0f0b08;--nav-ink:#f5ede3;--nav-muted:#bfae9f;--nav-active:#2e2119;--nav-line:#3d2e24;--focus:#e0a574;--shadow-color:#00000073;--scrim:#0009;--cup-halo:#3a2a20;--cup-halo-low:#2e2119;--cup-body:#fff8ee;--cup-stroke:#f5ede3;--cup-coffee:#6b3a22;--cup-crema:#d9a86c;--cup-steam:#e0a574;--cup-face-on-coffee:#fff3e2;--cup-face-on-cup:#22160f;--cup-cheek:#e9a53b;--cup-shadow:#00000080;--cup-z:#bfae9f;--club-bg:#2a1d15;--club-line:#4a3a30}:root,:root[data-theme=light]{--chart-1:#b8662b;--chart-2:#3f6fb5;--chart-3:#4f8a2e;--chart-4:#7e5bc2;--chart-5:#a97a10;--chart-6:#c2457a;--chart-other:#9c8b7e;--chart-prev:#a0907f;--chart-seq-1:#f6e6d3;--chart-seq-2:#ebc9a3;--chart-seq-3:#dca36c;--chart-seq-4:#c7834a;--chart-seq-5:#a9652f;--chart-seq-6:#834a22;--chart-seq-7:#5c3317;--chart-grid:#ede3d6;--chart-axis:#c9b8a6;--warn:#9a5a00;--warn-soft:#fbebd0;--adm-bar-bg:#22160f;--adm-bar-ink:#f5ede3;--adm-bar-muted:#cbb9a8;--adm-bar-active:#3a2a20;--adm-bar-line:#4a3a30;--area-club:#9a5220;--area-club-soft:#f3e2d2;--area-club-nav:#e0a574;--area-mate:#2c6e62;--area-mate-soft:#dcede8;--area-mate-nav:#86cdbb;--on-area:#fffcf7;--adm-machine-bg:#2a1d15;--adm-machine-ink:#f5ede3;--adm-machine-muted:#cbb9a8;--adm-machine-line:#4a3a30;--adm-machine-glow:#e9a53b}:root[data-theme=dark]{--chart-1:#c97a3e;--chart-2:#5b8bd6;--chart-3:#5e9a3a;--chart-4:#9479db;--chart-5:#b8841a;--chart-6:#d0558a;--chart-other:#8c7a6b;--chart-prev:#7e6e61;--chart-seq-1:#3a2a1f;--chart-seq-2:#573823;--chart-seq-3:#7a4c2a;--chart-seq-4:#a06535;--chart-seq-5:#c68247;--chart-seq-6:#e0a56b;--chart-seq-7:#f2cda2;--chart-grid:#33261d;--chart-axis:#5a483b;--warn:#f0b860;--warn-soft:#3a2a14;--adm-bar-bg:#0f0b08;--adm-bar-ink:#f5ede3;--adm-bar-muted:#bfae9f;--adm-bar-active:#2e2119;--adm-bar-line:#3d2e24;--area-club:#e0a574;--area-club-soft:#3a2618;--area-club-nav:#e0a574;--area-mate:#7cc7b5;--area-mate-soft:#17302b;--area-mate-nav:#86cdbb;--on-area:#211812;--adm-machine-bg:#120d09;--adm-machine-ink:#f5ede3;--adm-machine-muted:#bfae9f;--adm-machine-line:#3d2e24;--adm-machine-glow:#e9a53b}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}body{min-width:320px;font-family:var(--font-sans);font-size:var(--fs-base);color:var(--ink);background:var(--bg);-webkit-font-smoothing:antialiased;margin:0;line-height:1.5;overflow-x:hidden}h1,h2,h3,p{margin:0}h1,h2,h3{letter-spacing:-.02em;line-height:1.2}a{color:var(--accent-text)}button,input,select,textarea{font:inherit;color:inherit}img,svg{max-width:100%}:focus-visible{outline:3px solid var(--focus);outline-offset:2px;border-radius:6px}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;position:absolute!important}.skip-link{z-index:100;border-radius:var(--radius-pill);background:var(--btn-dark-bg);color:var(--btn-dark-ink);padding:10px 16px;font-weight:600;text-decoration:none;position:absolute;top:-100px;left:8px}.skip-link:focus{top:8px}.muted{color:var(--muted)}.small{font-size:var(--fs-sm)}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-card);min-width:0;padding:16px}.section-title{letter-spacing:-.01em;margin-bottom:8px;padding:0;font-size:15px;font-weight:700}.stack{flex-direction:column;gap:12px;display:flex}.page{flex-direction:column;gap:14px;min-width:0;display:flex}.page__header{flex-direction:column;gap:2px;display:flex}.page__title{font-size:var(--fs-title);font-weight:700}@media (min-width:1024px){.card{padding:14px 16px}.section-title{font-size:14px}.page{gap:12px}}.page__lead{color:var(--muted);overflow-wrap:anywhere}.pill{border-radius:var(--radius-pill);align-items:center;gap:6px;padding:4px 12px;font-size:12.5px;font-weight:600;display:inline-flex}.pill--accent{background:var(--accent-soft);color:var(--accent-text)}.btn{min-height:var(--btn-h);border-radius:var(--radius-pill);background:var(--btn-dark-bg);color:var(--btn-dark-ink);cursor:pointer;text-align:center;border:1px solid #0000;justify-content:center;align-items:center;gap:8px;padding:0 18px;font-size:14.5px;font-weight:600;text-decoration:none;transition:filter .12s,transform .12s;display:inline-flex}.btn:hover:not(:disabled){filter:brightness(1.08)}.btn:active:not(:disabled){transform:translateY(1px)}.btn:disabled{cursor:not-allowed;opacity:.55}.btn--accent{background:var(--accent-strong);color:var(--on-accent)}.btn--ghost{color:var(--ink);border-color:var(--line-strong);background:0 0}.btn--small{min-height:var(--tap);gap:6px;padding:0 14px;font-size:13.5px}@media (min-width:1024px){.btn{padding:0 16px;font-size:13.5px}.btn--small{min-height:30px;padding:0 12px;font-size:12.5px}}.btn--block{width:100%}.icon-btn{width:var(--btn-h);height:var(--btn-h);color:var(--ink);background:var(--surface-2);border:1px solid var(--line);border-radius:50%;flex:none;place-items:center;display:inline-grid}.link-btn{min-height:var(--btn-h);color:var(--accent-text);cursor:pointer;background:0 0;border:none;padding:6px 0;font-weight:600;text-decoration:underline}.field{flex-direction:column;gap:6px;display:flex}.field__label{padding:0;font-size:14px;font-weight:600}.field__hint{font-size:var(--fs-sm);color:var(--muted)}.input{width:100%;min-height:calc(var(--btn-h) + 4px);border-radius:var(--radius-pill);border:1px solid var(--line-strong);background:var(--surface);color:var(--ink);padding:0 16px}.input::placeholder{color:var(--muted)}.input[aria-invalid=true]{border-color:var(--danger)}.field__hint--error{color:var(--danger);font-weight:500}.password{position:relative}.password__input{padding-right:calc(var(--btn-h) + 8px)}.password__toggle{width:var(--btn-h);height:var(--btn-h);color:var(--muted);cursor:pointer;background:0 0;border:none;border-radius:50%;place-items:center;display:grid;position:absolute;top:50%;right:4px;transform:translateY(-50%)}.password__toggle:hover,.password__toggle[aria-pressed=true]{color:var(--ink)}.input--year{letter-spacing:.08em;max-width:160px}fieldset{border:0;min-width:0;margin:0;padding:0}legend{padding:0}.consents{flex-direction:column;gap:4px;display:flex}.check{min-height:var(--btn-h);cursor:pointer;align-items:flex-start;gap:10px;padding:8px 0;display:flex}.check input{width:20px;height:20px;accent-color:var(--accent-strong);flex:none;margin:1px 0 0}.form-error{color:var(--danger);background:var(--danger-soft);border-radius:var(--radius-sm);padding:10px 14px;font-weight:500}.segmented__options{flex-wrap:wrap;gap:8px;display:flex}.segmented__option{min-height:var(--btn-h);border-radius:var(--radius-pill);border:1px solid var(--line-strong);background:var(--surface);cursor:pointer;align-items:center;gap:6px;padding:0 14px;font-weight:500;display:inline-flex;position:relative}.segmented__option input{opacity:0;cursor:pointer;margin:0;position:absolute;top:0;bottom:0;left:0;right:0}.segmented__option:has(input:checked){background:var(--btn-dark-bg);color:var(--btn-dark-ink);border-color:var(--btn-dark-bg)}.segmented__option:has(input:focus-visible){outline:3px solid var(--focus);outline-offset:2px}fieldset:disabled .segmented__option{opacity:.6;cursor:progress}.notice{border-radius:var(--radius-sm);flex-wrap:wrap;align-items:flex-start;gap:10px;padding:10px 12px;display:flex}.notice__body{flex:180px;min-width:0}.notice__title{font-weight:600}.notice--error{background:var(--danger-soft);color:var(--danger)}.notice--error .btn--ghost{color:var(--ink);background:var(--surface)}.notice--warn{background:var(--info-soft);color:var(--ink)}.loading{color:var(--muted);justify-content:center;align-items:center;gap:10px;padding:24px;display:flex}.loading--inline{justify-content:flex-start;padding:8px 0}.spinner{border:3px solid var(--line);border-top-color:var(--accent);border-radius:50%;width:22px;height:22px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.empty{color:var(--muted);padding:6px 0}.soon{text-align:center;flex-direction:column;align-items:center;gap:8px;padding:22px 18px;display:flex}.soon__icon{background:var(--accent-soft);width:56px;height:56px;color:var(--accent-text);border-radius:50%;place-items:center;display:grid}.soon__title{font-size:18px;font-weight:700}.soon__body{color:var(--muted);max-width:46ch}.disclosure{font-size:var(--fs-sm);color:var(--muted);border-top:1px solid var(--line);margin-top:4px;padding-top:10px}.scan-frame{background:linear-gradient(var(--accent), var(--accent)) top left / 34px 4px no-repeat, linear-gradient(var(--accent), var(--accent)) top left / 4px 34px no-repeat, linear-gradient(var(--accent), var(--accent)) top right / 34px 4px no-repeat, linear-gradient(var(--accent), var(--accent)) top right / 4px 34px no-repeat, linear-gradient(var(--accent), var(--accent)) bottom left / 34px 4px no-repeat, linear-gradient(var(--accent), var(--accent)) bottom left / 4px 34px no-repeat, linear-gradient(var(--accent), var(--accent)) bottom right / 34px 4px no-repeat, linear-gradient(var(--accent), var(--accent)) bottom right / 4px 34px no-repeat, var(--surface-2);border-radius:18px;width:160px;height:160px;margin:6px 0;position:relative}.fullscreen{min-height:100vh;place-items:center;min-height:100dvh;padding:16px;display:grid}.fullscreen__card{text-align:center;flex-direction:column;align-items:center;gap:12px;width:min(440px,100%);display:flex}.toasts{left:50%;bottom:calc(var(--tabbar-h) + 28px + env(safe-area-inset-bottom));z-index:50;pointer-events:none;flex-direction:column;gap:8px;width:min(440px,100vw - 32px);display:flex;position:fixed;transform:translate(-50%)}.toast{border-radius:var(--radius-card);background:var(--btn-dark-bg);color:var(--btn-dark-ink);box-shadow:var(--shadow-2);pointer-events:auto;align-items:center;gap:10px;padding:10px 8px 10px 14px;font-weight:500;display:flex}.toast--error{background:var(--danger-soft);color:var(--danger);border:1px solid var(--danger)}.toast__text{flex:1;min-width:0}.toast__close{width:var(--btn-h);height:var(--btn-h);color:inherit;cursor:pointer;background:0 0;border:none;border-radius:50%;font-size:22px}@media (min-width:768px){.toasts{bottom:24px}}.offline-banner{background:var(--btn-dark-bg);color:var(--btn-dark-ink);font-size:var(--fs-sm);text-align:center;justify-content:center;align-items:center;gap:8px;padding:5px 16px;font-weight:500;display:flex}.demo-banner{background:var(--accent-soft);color:var(--ink);border-bottom:1px solid var(--line);font-size:var(--fs-xs);text-align:center;justify-content:center;align-items:center;gap:6px;margin:0;padding:4px 16px;font-weight:600;line-height:1.3;display:flex}.demo-banner .icon{color:var(--accent-text);flex:none}.cup-halo{background:var(--cup-halo);border-radius:50%;place-items:center;width:128px;height:128px;margin:0 auto;display:grid}.cup-halo[data-low=true]{background:var(--cup-halo-low)}.cup-halo--large{width:148px;height:148px}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}.brand-logo{vertical-align:middle;background-color:currentColor;flex:none;display:inline-block;-webkit-mask-position:0;mask-position:0;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}img.brand-logo{object-fit:contain;background:0 0}@media (forced-colors:active){.brand-logo{forced-color-adjust:none;background-color:canvastext}}.notice--ok{background:var(--ok-soft);color:var(--ink)}.notice--ok>svg{color:var(--ok)}.help-link{width:32px;height:32px;color:var(--muted);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;text-decoration:none;display:inline-flex}.help-link:hover{color:var(--accent-text);background:var(--accent-soft)}.help-link:focus-visible{color:var(--accent-text);background:var(--accent-soft)}.page__title-row{justify-content:space-between;align-items:center;gap:8px;display:flex}.cup{display:block;overflow:visible}.cup__steam{fill:none;stroke:var(--cup-steam);stroke-width:1.6px;stroke-linecap:round;opacity:.75}.cup__shadow{fill:var(--cup-shadow)}.cup__handle{fill:none;stroke:var(--cup-stroke);stroke-width:2px}.cup__body{fill:var(--cup-body)}.cup__coffee{fill:var(--cup-coffee)}.cup__crema{fill:var(--cup-crema)}.cup__outline{fill:none;stroke:var(--cup-stroke);stroke-width:2px;stroke-linejoin:round}.cup__eye.cup__face--on-coffee{fill:var(--cup-face-on-coffee)}.cup__eye.cup__face--on-cup{fill:var(--cup-face-on-cup)}.cup__line{fill:none;stroke-width:1.5px;stroke-linecap:round}.cup__line.cup__face--on-coffee{stroke:var(--cup-face-on-coffee)}.cup__line.cup__face--on-cup{stroke:var(--cup-face-on-cup)}.cup__cheek{fill:var(--cup-cheek);opacity:.55}.cup__zz{fill:none;stroke:var(--cup-z);stroke-width:1.2px;stroke-linecap:round;stroke-linejoin:round}.cup__fill{transition:transform 1.6s cubic-bezier(.33,0,.2,1)}.cup__stream{transform-box:fill-box;transform-origin:top;animation:1.6s ease-in-out forwards cup-pour-once-stream}.cup[data-animated=false] .cup__fill{transition:none}@media (prefers-reduced-motion:reduce){.cup__fill{transition:none}}.cup-loading{color:var(--muted);flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:24px;display:flex}.cup-loading__text{font-size:.95rem}.cup-loading__fill{animation:2.4s cubic-bezier(.45,0,.3,1) infinite cup-pour-fill;transform:translateY(40px)}.cup-loading__stream{transform-box:fill-box;transform-origin:top;animation:2.4s ease-in-out infinite cup-pour-stream;transform:scaleY(0)}.cup-loading__steam{opacity:0;animation:2.4s ease-out infinite cup-pour-steam}@keyframes cup-pour-fill{0%,6%{opacity:1;transform:translateY(40px)}72%,90%{opacity:1;transform:translateY(17.5px)}to{opacity:0;transform:translateY(17.5px)}}@keyframes cup-pour-stream{0%{transform-origin:top;transform:scaleY(0)}10%,66%{transform-origin:top;transform:scaleY(1)}67%{transform-origin:bottom}76%,to{transform-origin:bottom;transform:scaleY(0)}}@keyframes cup-pour-steam{0%,68%{opacity:0;transform:translateY(2px)}84%{opacity:.75;transform:translateY(0)}to{opacity:0;transform:translateY(-2px)}}.cup-loading--once .cup-loading__fill{animation:1.6s cubic-bezier(.45,0,.3,1) forwards cup-pour-once-fill}.cup-loading--once .cup-loading__stream{animation:1.6s ease-in-out forwards cup-pour-once-stream}.cup-loading--once .cup-loading__steam{animation:1.6s ease-out forwards cup-pour-once-steam}@keyframes cup-pour-once-fill{0%,8%{transform:translateY(40px)}78%,to{transform:translateY(17.5px)}}@keyframes cup-pour-once-stream{0%{transform-origin:top;transform:scaleY(0)}12%,72%{transform-origin:top;transform:scaleY(1)}73%{transform-origin:bottom}84%,to{transform-origin:bottom;transform:scaleY(0)}}@keyframes cup-pour-once-steam{0%,70%{opacity:0;transform:translateY(2px)}to{opacity:.75;transform:translateY(0)}}.pour-splash{z-index:1000;background:var(--bg);justify-content:center;align-items:center;transition:opacity .3s;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}.pour-splash[data-phase=fade]{opacity:0;pointer-events:none}@media (prefers-reduced-motion:reduce){.pour-splash{display:none}.cup-loading__fill{animation:none;transform:translateY(28px)}.cup-loading__stream,.cup-loading__steam{animation:none;display:none}}.shell{min-height:100vh;flex-direction:column;min-height:100dvh;display:flex}.shell__main{width:100%;max-width:760px;padding:14px 14px calc(var(--tabbar-h) + 34px + env(safe-area-inset-bottom));flex:1;min-width:0;margin:0 auto}.shell__main:focus{outline:none}.shell[data-layout=tablet] .shell__main,.shell[data-layout=wide] .shell__main{max-width:1120px;padding:20px 24px 32px}.brand{flex-direction:column;min-width:0;line-height:1.15;display:flex}.brand__name{letter-spacing:.04em;text-transform:uppercase;white-space:nowrap;text-overflow:ellipsis;font-size:15px;font-weight:800;overflow:hidden}.brand__sub{letter-spacing:.04em;color:var(--muted);white-space:nowrap;font-size:11px;font-weight:600}.energy-chip{flex:none;align-items:center;gap:8px;display:flex}.energy-chip__cup{background:var(--cup-halo);border-radius:50%;flex:none;place-items:center;width:30px;height:30px;display:grid}.energy-chip[data-state=sleepy] .energy-chip__cup,.energy-chip[data-state=empty] .energy-chip__cup{background:var(--cup-halo-low)}.energy-chip .meter{width:96px}.pref-btns{flex:none;align-items:center;gap:0;display:flex}.pref-btn{width:36px;height:var(--tap);border-radius:var(--radius-pill);color:var(--muted);cursor:pointer;background:0 0;border:none;place-items:center;transition:color .12s,background-color .12s;display:inline-grid}.pref-btn:hover{color:var(--ink);background:var(--surface-2)}.pref-btn:disabled{cursor:progress;opacity:.6}.pref-btn--text{letter-spacing:.04em;font-size:12px;font-weight:700}.profile-link{min-width:var(--tap);min-height:var(--tap);border-radius:var(--radius-pill);color:var(--ink);flex:none;justify-content:center;align-items:center;gap:8px;text-decoration:none;display:inline-flex}.avatar{background:var(--accent-soft);color:var(--accent-text);letter-spacing:.02em;border:1px solid var(--line);border-radius:50%;flex:none;place-items:center;font-weight:700;line-height:1;display:inline-grid;overflow:hidden}.avatar img{object-fit:cover;width:100%;height:100%;display:block}.profile-link.active .avatar{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.profile-link__name{text-overflow:ellipsis;white-space:nowrap;max-width:16ch;font-size:13px;font-weight:500;overflow:hidden}.topbar{z-index:20;min-height:var(--topbar-h);padding:4px 6px 4px 14px;padding-top:calc(4px + env(safe-area-inset-top));background:var(--surface);border-bottom:1px solid var(--line);align-items:center;gap:10px;display:flex;position:sticky;top:0}.topbar .brand{flex:1;overflow:hidden}.topbar .brand-logo{max-width:100%}.topbar{gap:6px}.topbar .energy-chip .meter{width:72px}.topbar .pref-btn{width:var(--tap)}@media (max-width:419px){.topbar .energy-chip__cup{display:none}}@media (max-width:359px){.topbar .energy-chip .meter{width:60px}}.bottom-nav{z-index:30;background:var(--surface);border-top:1px solid var(--line);padding-bottom:env(safe-area-inset-bottom);position:fixed;bottom:0;left:0;right:0}.bottom-nav ul{grid-template-columns:repeat(5,1fr);align-items:end;max-width:560px;margin:0 auto;padding:0 4px;list-style:none;display:grid}.bottom-nav a{min-height:var(--tabbar-h);color:var(--muted);flex-direction:column;justify-content:center;align-items:center;gap:2px;padding:5px 2px 6px;font-size:11px;font-weight:500;text-decoration:none;display:flex}.bottom-nav a.active{color:var(--ink);font-weight:700}.bottom-nav a.active .bottom-nav__icon{color:var(--accent-text)}.bottom-nav__label{text-overflow:ellipsis;white-space:nowrap;max-width:100%;overflow:hidden}.bottom-nav__hero .bottom-nav__icon{background:var(--btn-dark-bg);width:48px;height:48px;color:var(--btn-dark-ink);box-shadow:var(--shadow-2);border:3px solid var(--surface);border-radius:50%;place-items:center;margin-top:-22px;display:grid}.bottom-nav__hero a.active .bottom-nav__icon{color:var(--btn-dark-ink);background:var(--accent-strong)}.topnav{z-index:20;height:var(--topbar-h);background:var(--nav-bg);color:var(--nav-ink);border-bottom:1px solid var(--nav-line);align-items:stretch;gap:16px;padding:0 12px 0 20px;display:flex;position:sticky;top:0}.topnav .brand{flex-direction:row;flex:none;align-self:center;align-items:baseline;gap:8px}.topnav .brand__sub{color:var(--nav-muted)}.topnav__tabs{min-width:0}.topnav__tabs ul{gap:2px;height:100%;margin:0;padding:0;list-style:none;display:flex}.topnav__tabs a{height:100%;min-width:var(--tap);color:var(--nav-muted);white-space:nowrap;align-items:center;gap:7px;padding:0 12px;font-size:13.5px;font-weight:500;text-decoration:none;transition:color .12s;display:flex;position:relative}.topnav__tabs a:hover{color:var(--nav-ink)}.topnav__tabs a.active{color:var(--nav-ink);font-weight:600}.topnav__tabs a.active:after{content:"";background:var(--energy-1);border-radius:3px 3px 0 0;height:3px;position:absolute;bottom:0;left:10px;right:10px}.topnav :focus-visible{outline-color:var(--nav-ink);outline-offset:-3px}.topnav__end{align-items:center;gap:12px;margin-left:auto;display:flex}.topnav .meter__label,.topnav .meter__percent{color:var(--nav-muted)}.topnav .meter__percent{color:var(--nav-ink)}.topnav .meter__track{background:var(--nav-line)}.topnav .profile-link{color:var(--nav-ink);padding:0 4px}.topnav .avatar{background:var(--nav-active);border-color:var(--nav-line);color:var(--nav-ink)}.topnav .profile-link.active .avatar{border-color:var(--energy-1);box-shadow:0 0 0 1px var(--energy-1)}.topnav .pref-btn{width:32px;height:32px;color:var(--nav-muted)}.topnav .pref-btn:hover{color:var(--nav-ink);background:var(--nav-active)}.topnav .profile-link__name{color:var(--nav-muted)}.topnav .profile-link:hover .profile-link__name{color:var(--nav-ink)}@media (max-width:1199px){.topnav .profile-link__name{display:none}}@media (max-width:1023px){.topnav{gap:8px;padding:0 6px 0 14px}.topnav .brand__sub,.topnav .energy-chip__cup{display:none}.topnav__tabs a{gap:5px;padding:0 9px}.topnav .energy-chip .meter{width:72px}}.meter{text-align:left;flex-direction:column;gap:5px;width:100%;display:flex}.meter__head{font-size:var(--fs-sm);justify-content:space-between;gap:8px;font-weight:600;display:flex}.meter__label{color:var(--muted)}.meter__percent{font-variant-numeric:tabular-nums}.meter__track{border-radius:var(--radius-pill);background:var(--energy-track);height:8px;overflow:hidden}.meter__fill{border-radius:inherit;background:linear-gradient(90deg, var(--energy-1), var(--energy-2));height:100%;transition:width .6s;display:block}.meter[data-low=true] .meter__fill{background:var(--energy-low)}.meter__amount{font-size:var(--fs-sm);color:var(--muted);font-variant-numeric:tabular-nums}.meter--compact{gap:3px}.meter--compact .meter__head{white-space:nowrap;font-size:11.5px;line-height:1.2}.meter--compact .meter__track{height:5px}.home__top{gap:12px;display:grid}.hero{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:12px 16px;padding:14px 16px;display:grid}.hero .cup-halo{width:104px;height:104px;margin:0}.hero__status{flex-direction:column;gap:6px;min-width:0;display:flex}.hero__percent{letter-spacing:-.03em;font-variant-numeric:tabular-nums;font-size:32px;font-weight:800;line-height:1}.hero__state{color:var(--muted);font-weight:600;font-size:var(--fs-sm)}.hero__line{font-size:15px;font-weight:600}.hero__low{flex-direction:column;grid-column:1/-1;gap:10px;display:flex}.hero__actions{flex-wrap:wrap;gap:8px;display:flex}.hero__actions .btn{flex:200px}.quick{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:0;padding:0;list-style:none;display:grid}.quick__item{border-radius:var(--radius-card);background:var(--surface);border:1px solid var(--line);height:100%;min-height:74px;color:var(--ink);font-weight:600;font-size:var(--fs-sm);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:6px;padding:10px 6px;text-decoration:none;transition:border-color .12s;display:flex}.quick__item:hover{border-color:var(--accent)}.quick__icon{background:var(--accent-soft);width:34px;height:34px;color:var(--accent-text);border-radius:50%;flex:none;place-items:center;display:grid}.quick__label{overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto}@media (max-width:400px){.quick__item{padding:10px 2px;font-size:12px}}.home__grid{gap:12px;display:grid}@media (min-width:1024px){.home__top,.home__grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:stretch}.home__grid{align-items:start}.quick{grid-template-columns:1fr;gap:6px}.quick__item{text-align:left;flex-direction:row;justify-content:flex-start;gap:10px;min-height:0;padding:8px 12px}.quick__icon{width:28px;height:28px}.quick__icon .icon{width:16px;height:16px}}.energy-list__items{margin:0;padding:0;list-style:none}.energy-list__item{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;padding:8px 0;display:flex}.energy-list__item:last-child{border-bottom:none}.energy-list__what{flex-direction:column;min-width:0;line-height:1.35;display:flex}.energy-list__reason{font-weight:600}.energy-list__when{font-size:var(--fs-xs);color:var(--muted)}.energy-list__delta{font-variant-numeric:tabular-nums;color:var(--ok);flex:none;font-weight:700}.energy-list__delta[data-sign=minus]{color:var(--ink)}.energy-list__footer{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;padding-top:8px;display:flex}.profile{width:100%;max-width:640px;margin:0 auto}.profile__cols,.profile__col{flex-direction:column;gap:12px;min-width:0;display:flex}@media (min-width:1024px){.profile{max-width:980px}.profile__cols{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;display:grid}.profile__logout{align-self:flex-start;width:auto}}.profile .card.stack{gap:16px}.profile__row{align-items:center;gap:8px;display:flex}.profile__row .input{flex:1;min-width:0}.profile__photo{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.profile__upload{cursor:pointer;position:relative}.profile__upload:has(input:focus-visible){outline:3px solid var(--focus);outline-offset:2px}.profile__upload[aria-disabled=true]{opacity:.55;cursor:progress}.profile input[readonly]{background:var(--surface-2);color:var(--muted)}.profile__data{flex-wrap:wrap;align-items:center;gap:4px 12px;display:flex}.profile__danger{color:var(--danger);border-color:var(--danger)}.profile__confirm-delete{background:var(--danger);color:var(--surface)}.dialog{z-index:60;background:var(--scrim);place-items:center;padding:16px;display:grid;position:fixed;top:0;bottom:0;left:0;right:0}.dialog__panel{width:min(420px,100%);box-shadow:var(--shadow-2);flex-direction:column;gap:10px;display:flex}.dialog__title{font-size:17px;font-weight:700}.dialog__body{color:var(--muted)}.dialog__actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;margin-top:4px;display:flex}.rewards{width:100%;max-width:880px;margin:0 auto}.rewards__body{flex-direction:column;gap:14px;display:flex}.rewards__body[data-pending]{visibility:hidden;position:absolute;left:0;right:0}.rewards__lists{gap:12px;display:grid}@media (min-width:1024px){.rewards__lists{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start}}.brand--logo{gap:3px}.topnav .brand--logo{align-items:center;gap:10px}.brand--logo .brand__sub{line-height:1}.topnav__tabs{align-items:stretch;display:flex}.topnav__tabs .topnav__group{border-left:1px solid var(--nav-line);margin-left:10px;padding-left:10px}