:root{--blue-1:#fbfdff;--blue-2:#f4faff;--blue-3:#e6f4fe;--blue-4:#d5efff;--blue-5:#c2e5ff;--blue-6:#acd8fc;--blue-7:#8ec8f6;--blue-8:#5eb1ef;--blue-9:#0090ff;--blue-10:#0588f0;--blue-11:#0d74ce;--blue-12:#113264;--bg:var(--blue-2);--bg-elevated:#fff;--surface:var(--blue-3);--surface-2:var(--blue-4);--border:var(--blue-6);--border-strong:var(--blue-7);--primary:var(--blue-9);--primary-hover:var(--blue-10);--primary-text:var(--blue-11);--text:var(--blue-12);--text-2:#3c5a80;--text-3:#6b86a8;--on-primary:#fff;--water-1:#7cd4ff;--water-2:#1aa3ff;--water-3:#0077d6;--water-deep:#005fb0;--gold:#d97706;--gold-soft:#fef3c7;--gold-bright:#fbbf24;--coral:#ea580c;--coral-soft:#ffedd5;--teal:#0f766e;--line:color-mix(in srgb, var(--blue-6) 35%, transparent);--shadow-sm:0 1px 2px #1132640f;--shadow-card:0 1px 2px #1132640a, 0 8px 24px -16px #11326429;--shadow-md:0 8px 24px -8px #11326433, 0 2px 6px #1132640f;--shadow-lg:0 24px 60px -24px #0060b066, 0 4px 12px #11326414;--glow:0 0 0 5px #0090ff24;--font-display:"Nunito", "Inter", system-ui, sans-serif;--font-body:"Inter", system-ui, -apple-system, "Segoe UI", sans-serif;--r-sm:10px;--r-md:16px;--r-lg:20px;--r-xl:32px;--r-pill:999px;--s-1:4px;--s-2:8px;--s-3:12px;--s-4:16px;--s-5:20px;--s-6:24px;--s-8:32px;--s-10:40px;--ease:cubic-bezier(.2, 0, 0, 1);--ease-out:cubic-bezier(.16, 1, .3, 1);--ease-spring:cubic-bezier(.34, 1.4, .64, 1);--dur-fast:.16s;--dur:.26s;--dur-slow:.52s;--nav-h:68px;--safe-b:env(safe-area-inset-bottom,0px);--safe-t:env(safe-area-inset-top,0px);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}[data-theme=dark]{--blue-1:#0d1520;--blue-2:#111927;--blue-3:#0d2847;--blue-4:#003362;--blue-5:#004074;--blue-6:#104d87;--blue-7:#205d9e;--blue-8:#2870bd;--blue-9:#0090ff;--blue-10:#3b9eff;--blue-11:#70b8ff;--blue-12:#c2e6ff;--bg:var(--blue-1);--bg-elevated:#172a44;--surface:var(--blue-3);--surface-2:var(--blue-4);--border:var(--blue-6);--border-strong:var(--blue-7);--primary:var(--blue-9);--primary-hover:var(--blue-10);--primary-text:var(--blue-11);--text:var(--blue-12);--text-2:#9ec4ec;--text-3:#6f93bb;--on-primary:#fff;--water-1:#5cc6ff;--water-2:#1a9dff;--water-3:#0b6fd0;--water-deep:#0b4f97;--gold:#fbbf24;--gold-soft:#3b2f0b;--gold-bright:#fcd34d;--coral:#fb923c;--coral-soft:#3b1f0b;--teal:#2dd4bf;--line:color-mix(in srgb, var(--blue-6) 50%, transparent);--shadow-sm:0 1px 2px #000a1e66;--shadow-card:0 1px 2px #000a1e4d, 0 10px 28px -16px #00143cb3;--shadow-md:0 8px 24px -8px #000a28a6, 0 2px 6px #000a1e59;--shadow-lg:0 24px 60px -24px #00143ccc, 0 4px 12px #000a1e66;--glow:0 0 0 5px #0090ff38;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}:root{--coffee:#8a5a3c;--coffee-deep:#5e3a24;--coffee-soft:#f3e6dc;--tea:#4f8a3f;--tea-deep:#2f6a2a;--tea-soft:#e4f2df}[data-theme=dark]{--coffee:#b07a55;--coffee-deep:#7a4f33;--coffee-soft:#3a2a1f;--tea:#7cc26a;--tea-deep:#4a8a3c;--tea-soft:#1f3a1b}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scrollbar-gutter:stable;height:100%}body{background:var(--bg);background-image:radial-gradient(900px 520px at 50% -18%, color-mix(in srgb, var(--blue-4) 70%, transparent), transparent 70%);min-height:100svh;color:var(--text);font-family:var(--font-body);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;overscroll-behavior:none;-webkit-tap-highlight-color:transparent;touch-action:manipulation;background-attachment:fixed;margin:0;font-size:16px;line-height:1.5}[data-theme=dark] body{background-image:radial-gradient(900px 520px at 50% -18%, color-mix(in srgb, var(--blue-4) 45%, transparent), transparent 70%)}#app{justify-content:center;min-height:100svh;display:flex}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;padding:0}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid color-mix(in srgb, var(--primary) 55%, transparent);outline-offset:3px;border-radius:var(--r-sm)}h1,h2,h3{font-family:var(--font-display);letter-spacing:-.02em;text-wrap:balance;margin:0;font-weight:800;line-height:1.1}p{text-wrap:pretty;margin:0}a{color:var(--primary-text)}.num{font-variant-numeric:tabular-nums}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.shell{flex-direction:column;width:100%;max-width:480px;min-height:100svh;display:flex;position:relative;overflow-x:clip}.view{padding:calc(var(--safe-t) + var(--s-6)) var(--s-5) calc(var(--nav-h) + var(--safe-b) + var(--s-6));flex-direction:column;flex:1;display:flex}html[data-boot] .view>*{animation:rise var(--dur-slow) var(--ease-out) both;animation-delay:calc(var(--i,0) * 45ms)}@keyframes rise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.view-head{justify-content:space-between;align-items:flex-end;gap:var(--s-3);min-height:44px;margin-bottom:var(--s-5);display:flex}.view-head h1{font-size:30px}.view{padding-bottom:calc(var(--nav-h) + var(--safe-b) + var(--s-8))}.muted{color:var(--text-2)}.faint{color:var(--text-3)}.small{font-size:13px}.eyebrow{font-family:var(--font-body);color:var(--text-2);letter-spacing:0;font-size:15px;font-weight:500}.btn{justify-content:center;align-items:center;gap:var(--s-2);min-height:52px;padding:0 var(--s-6);border-radius:var(--r-pill);font-family:var(--font-display);transition:transform var(--dur-fast) var(--ease-spring), background var(--dur-fast) var(--ease), color var(--dur-fast) var(--ease), box-shadow var(--dur) var(--ease);-webkit-user-select:none;user-select:none;font-size:17px;font-weight:800;text-decoration:none;display:inline-flex}.btn:active{transform:scale(.97)}.btn-primary{background:var(--primary);color:var(--on-primary);box-shadow:0 12px 26px -12px color-mix(in srgb, var(--primary) 75%, transparent), inset 0 1px 0 #ffffff38}.btn-primary:hover{background:var(--primary-hover);box-shadow:0 16px 30px -12px color-mix(in srgb, var(--primary) 85%, transparent), inset 0 1px 0 #ffffff38;transform:translateY(-1px)}.btn-primary:active{transform:scale(.97)}.btn-secondary{background:var(--surface);color:var(--primary-text)}.btn-secondary:hover{background:var(--surface-2)}.btn-ghost{color:var(--text-2);min-height:44px}.btn-ghost:hover{color:var(--text);background:color-mix(in srgb, var(--surface) 70%, transparent)}.btn-block{width:100%}.btn[disabled]{opacity:.55;pointer-events:none}.icon-btn{border-radius:var(--r-pill);width:40px;height:40px;color:var(--text-2);transition:background var(--dur-fast) var(--ease), color var(--dur-fast) var(--ease), transform var(--dur-fast) var(--ease-spring);place-items:center;display:inline-grid}.icon-btn:hover{background:var(--surface);color:var(--text)}.icon-btn:active{transform:scale(.9)}.icon-btn[disabled]{opacity:.3;pointer-events:none}.card{background:var(--bg-elevated);border-radius:var(--r-lg);padding:var(--s-5);box-shadow:var(--shadow-card);border:1px solid var(--line)}.card.list{padding:4px 0}.card+.card{margin-top:var(--s-3)}.card-title{font-family:var(--font-display);letter-spacing:-.01em;font-size:17px;font-weight:800}.stack{gap:var(--s-4);flex-direction:column;display:flex}.row{align-items:center;gap:var(--s-3);display:flex}.grow{flex:1}.sk{background:var(--surface);border-radius:var(--r-sm);opacity:0;animation:sk-show .2s var(--ease) .32s both;position:relative;overflow:hidden;color:#0000!important}@keyframes sk-show{to{opacity:1}}.sk:after{content:"";background:linear-gradient(90deg, transparent 20%, color-mix(in srgb, var(--bg-elevated) 70%, transparent) 50%, transparent 80%);animation:shimmer 1.4s var(--ease) infinite;position:absolute;inset:0;transform:translate(-100%)}@keyframes shimmer{to{transform:translate(100%)}}.field{gap:var(--s-2);flex-direction:column;display:flex}.label,.field-label{font-family:var(--font-display);color:var(--text-2);font-size:14px;font-weight:700}.input{font:inherit;color:var(--text);background:var(--bg-elevated);border:2px solid var(--border);border-radius:var(--r-md);width:100%;min-height:56px;transition:border-color var(--dur-fast) var(--ease), box-shadow var(--dur-fast) var(--ease);padding:14px 16px;font-size:18px}.input:hover{border-color:var(--border-strong)}.input:focus{border-color:var(--primary);box-shadow:var(--glow);outline:none}.chips{gap:var(--s-2);flex-wrap:wrap;display:flex}.chip{min-height:46px;padding:0 var(--s-5);border-radius:var(--r-pill);background:var(--bg-elevated);border:2px solid var(--border);font-family:var(--font-display);color:var(--text);transition:background var(--dur-fast) var(--ease), border-color var(--dur-fast) var(--ease), color var(--dur-fast) var(--ease), transform var(--dur-fast) var(--ease-spring);font-size:15px;font-weight:700}.chip:hover{border-color:var(--border-strong)}.chip:active{transform:scale(.96)}.chip[aria-pressed=true]{background:var(--primary);border-color:var(--primary);color:var(--on-primary)}.switch{border-radius:var(--r-pill);background:var(--border);width:52px;height:32px;transition:background var(--dur) var(--ease);flex:none;position:relative}.switch:after{content:"";width:24px;height:24px;transition:transform var(--dur-slow) var(--ease-spring);background:#fff;border-radius:50%;position:absolute;top:4px;left:4px;box-shadow:0 1px 3px #1132644d}.switch[aria-checked=true]{background:var(--primary)}.switch[aria-checked=true]:after{transform:translate(20px)}.stepper{align-items:center;gap:var(--s-4);background:var(--bg-elevated);border:1px solid var(--line);box-shadow:var(--shadow-card);border-radius:var(--r-pill);padding:4px;display:inline-flex}.stepper button{background:var(--surface);width:48px;height:48px;color:var(--primary-text);transition:background var(--dur-fast) var(--ease), transform var(--dur-fast) var(--ease-spring);border-radius:50%;place-items:center;font-size:24px;font-weight:700;display:grid}.stepper button:hover{background:var(--surface-2)}.stepper button:active{transform:scale(.9)}.stepper button[disabled]{opacity:.35;pointer-events:none}.stepper .value{font-family:var(--font-display);text-align:center;min-width:2.2ch;font-size:28px;font-weight:800}.segmented{background:var(--surface);border-radius:var(--r-pill);gap:2px;padding:4px;display:inline-flex}.segmented button{border-radius:var(--r-pill);font-family:var(--font-display);color:var(--text-2);transition:background var(--dur) var(--ease), color var(--dur) var(--ease), box-shadow var(--dur) var(--ease);padding:8px 14px;font-size:14px;font-weight:700}.segmented button[aria-pressed=true]{background:var(--bg-elevated);color:var(--text);box-shadow:var(--shadow-sm)}.nav{width:100%;max-width:480px;height:calc(var(--nav-h) + var(--safe-b));padding:0 var(--s-3) var(--safe-b);background:color-mix(in srgb, var(--bg-elevated) 82%, transparent);-webkit-backdrop-filter:blur(20px)saturate(1.5);border-top:1px solid var(--line);z-index:20;view-transition-name:nav;grid-template-columns:repeat(5,1fr);display:grid;position:fixed;bottom:0;left:50%;transform:translate(-50%)}.nav a{color:var(--text-3);font-family:var(--font-display);transition:color var(--dur) var(--ease);z-index:1;flex-direction:column;justify-content:center;align-items:center;gap:3px;font-size:11px;font-weight:700;text-decoration:none;display:flex;position:relative}.nav a[aria-current=page]{color:var(--primary-text)}.nav svg{width:24px;height:24px;transition:transform var(--dur-slow) var(--ease-spring)}.nav a:active svg{transform:scale(.88)}.nav a[aria-current=page] svg{transform:translateY(-1px)scale(1.06)}.nav-ind{top:8px;left:var(--s-3);width:calc((100% - var(--s-3) * 2) / 5);height:calc(var(--nav-h) - 16px);border-radius:var(--r-md);background:var(--surface);transform:translateX(calc(var(--idx) * 100%));transition:transform var(--dur-slow) var(--ease-spring);pointer-events:none;position:absolute}.nav .avatar{object-fit:cover;background:var(--surface);border-radius:50%;width:24px;height:24px}.toast-wrap{left:50%;top:calc(var(--safe-t) + 12px);z-index:30;pointer-events:none;width:min(420px,100% - 32px);position:fixed;transform:translate(-50%)}.toast{pointer-events:auto;align-items:center;gap:var(--s-3);background:var(--text);color:var(--bg);border-radius:var(--r-md);box-shadow:var(--shadow-lg);animation:toast-in var(--dur-slow) var(--ease-spring) both;padding:12px 10px 12px 16px;font-size:15px;font-weight:500;display:flex;position:relative;overflow:hidden}[data-theme=dark] .toast{background:var(--blue-4);color:var(--text)}.toast button{font-family:var(--font-display);color:var(--water-1);border-radius:var(--r-sm);transition:background var(--dur-fast) var(--ease);padding:6px 10px;font-weight:800}.toast button:hover{background:#ffffff1a}.toast .bar{background:var(--water-2);height:3px;animation:linear forwards toast-bar;position:absolute;bottom:0;left:0}@keyframes toast-in{0%{opacity:0;transform:translateY(-14px)scale(.96)}to{opacity:1;transform:none}}@keyframes toast-bar{0%{width:100%}to{width:0%}}::view-transition-old(root){animation:vt-out .14s var(--ease) both}::view-transition-new(root){animation:vt-in .24s var(--ease-out) both}::view-transition-old(nav){mix-blend-mode:normal;animation:none}::view-transition-new(nav){mix-blend-mode:normal;animation:none}@keyframes vt-out{to{opacity:0}}@keyframes vt-in{0%{opacity:0}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.12s!important;animation-duration:.01ms!important;animation-iteration-count:1!important;animation-delay:0s!important}}.wordmark{font-family:var(--font-display);letter-spacing:-.03em;color:var(--text);align-items:baseline;font-weight:900;line-height:1;display:inline-flex}.wm-a{display:inline-block;position:relative}.wm-dot{position:absolute;top:-.36em;left:52%;transform:translate(-50%)}.coral{color:var(--coral)}.link{color:var(--primary-text);text-underline-offset:2px;font:inherit;text-decoration:underline}.splash{background:var(--bg);place-items:center;display:grid}.splash svg{opacity:.9;animation:2.4s ease-in-out infinite float}.page-head{justify-content:space-between;align-items:flex-start;gap:var(--s-3);margin-bottom:var(--s-5);min-height:48px;display:flex}.page-title{letter-spacing:-.025em;font-size:30px}.page-head .eyebrow+.page-title{margin-top:2px}.block{margin-top:var(--s-6)}.block-head{justify-content:space-between;align-items:baseline;gap:var(--s-3);margin-bottom:var(--s-3);display:flex}.block-title{font-family:var(--font-display);letter-spacing:-.01em;margin-bottom:var(--s-3);font-size:17px;font-weight:800}.block-head .block-title{margin-bottom:0}.block-meta{color:var(--text-3);font-size:13px;font-weight:500}.list{margin:0;padding:4px 0;list-style:none}.list-inset{background:var(--surface);border-radius:var(--r-md);padding:2px 0}.entry{text-align:left;width:100%;min-height:60px;color:var(--text);align-items:center;gap:12px;padding:8px 16px;display:flex;position:relative}.list li+li .entry:before{content:"";background:var(--line);height:1px;position:absolute;top:0;left:64px;right:0}.entry-btn{transition:background var(--dur-fast) var(--ease);border-radius:0}.entry-btn:hover{background:color-mix(in srgb, var(--surface) 60%, transparent)}.entry-btn:active{background:var(--surface)}.entry-btn:focus-visible{outline-offset:-3px;border-radius:var(--r-sm)}.entry-icon{background:var(--surface);width:36px;height:36px;color:var(--water-3);border-radius:12px;flex:none;place-items:center;display:grid}.entry-coffee{background:var(--coffee-soft);color:var(--coffee)}.entry-tea{background:var(--tea-soft);color:var(--tea)}.entry-main{flex-direction:column;flex:1;gap:1px;min-width:0;display:flex}.entry-title{font-family:var(--font-display);font-size:15.5px;font-weight:800;line-height:1.25}.entry-kind{color:var(--text-2);font-weight:700}.entry-sub{color:var(--text-3);font-size:13px;line-height:1.35}.entry-time{color:var(--text-2);flex:none;font-size:14px;font-weight:500}.entry-chev{width:18px;height:18px;color:var(--text-3);flex:none;margin-right:-4px}.empty-row{padding:var(--s-5);text-align:center}.landing{padding-bottom:var(--s-8);justify-content:flex-start;min-height:100dvh;position:relative;overflow:hidden}.landing-top{text-align:center;align-items:center;gap:var(--s-3);padding-top:var(--s-4);flex-direction:column;margin-bottom:auto;display:flex}.landing-mark{filter:drop-shadow(0 22px 28px #0077d647);justify-content:center;margin-top:auto;padding-top:6vh;display:flex}.landing-mark svg{animation:4.5s ease-in-out infinite float}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-9px)}}.landing-tag{font-family:var(--font-display);letter-spacing:-.02em;color:var(--primary-text);margin-top:var(--s-1);font-size:24px;font-weight:800}.landing-sub{max-width:32ch;font-size:15px}.landing-bottom{gap:var(--s-3);text-align:center;z-index:2;padding-bottom:var(--safe-b);flex-direction:column;align-items:center;margin-top:auto;display:flex;position:relative}.landing-bottom .btn{min-height:58px;font-size:18px}.landing-waves{z-index:1;pointer-events:none;opacity:.9;height:26vh;animation:fade-in 1.2s var(--ease) both;position:absolute;bottom:0;left:0;right:0}.landing-waves svg{width:200%;height:100%;display:block}.lw{fill:var(--blue-4);transform-origin:0 0;animation:11s linear infinite wave-scroll}.lw2{fill:var(--blue-3);animation-duration:17s;animation-direction:reverse}[data-theme=dark] .lw{fill:var(--blue-3)}[data-theme=dark] .lw2{fill:var(--blue-2)}@keyframes wave-scroll{0%{transform:translate(0)}to{transform:translate(-50%)}}.onboarding{padding-bottom:var(--s-8)}.ob-progress{margin-bottom:var(--s-8);gap:6px;display:flex}.ob-progress span{background:var(--surface-2);border-radius:2px;flex:1;height:4px;position:relative;overflow:hidden}.ob-progress span:after{content:"";background:var(--primary);transform-origin:0;transition:transform var(--dur-slow) var(--ease-out);position:absolute;inset:0;transform:scaleX(0)}.ob-progress span.on:after{transform:scaleX(1)}.ob-step{gap:var(--s-4);animation:step-in var(--dur-slow) var(--ease-out) both;flex-direction:column;display:flex}.ob-step.back{animation-name:step-back}@keyframes step-in{0%{opacity:0;transform:translate(28px)}to{opacity:1;transform:none}}@keyframes step-back{0%{opacity:0;transform:translate(-28px)}to{opacity:1;transform:none}}.ob-step h1{font-size:32px}.ob-center{padding:var(--s-6) 0;justify-content:center;display:flex}.stepper-wrap{align-items:center;gap:var(--s-2);flex-direction:column;display:flex}.ob-reveal{text-align:center;justify-content:center;align-items:center}.ob-reveal>*{animation:rise var(--dur-slow) var(--ease-out) both;animation-delay:calc(var(--i,0) * 90ms)}.reveal-num{font-size:44px}.reveal-l{color:var(--primary-text);font-size:22px;font-weight:700}.ob-err{margin-top:var(--s-3)}.ob-actions{gap:var(--s-3);margin-top:var(--s-6);padding-bottom:var(--safe-b);align-items:center;display:flex}.streak{border-radius:var(--r-pill);background:var(--surface);min-height:40px;color:var(--text-3);font-family:var(--font-display);white-space:nowrap;transition:background var(--dur) var(--ease), color var(--dur) var(--ease), transform var(--dur-fast) var(--ease-spring);align-items:center;gap:5px;margin-top:4px;padding:0 14px 0 12px;font-size:14px;font-weight:800;text-decoration:none;display:inline-flex}.streak-unit{opacity:.85;font-size:12.5px;font-weight:700}.streak:hover{transform:translateY(-1px)}.streak-on{background:var(--gold-soft);color:var(--gold)}.hero{text-align:center;padding-top:var(--s-2);flex-direction:column;align-items:center;display:flex}.hero-vessel{place-items:center;padding:8px 0 4px;display:grid;position:relative}.hero-vessel:before{content:"";background:radial-gradient(closest-side, color-mix(in srgb, var(--water-2) 22%, transparent), transparent 72%);pointer-events:none;opacity:.7;border-radius:50%;position:absolute;inset:-6% -24%}[data-theme=dark] .hero-vessel:before{opacity:1;background:radial-gradient(closest-side, color-mix(in srgb, var(--water-2) 36%, transparent), transparent 70%)}.hero .vessel{filter:drop-shadow(0 26px 30px #0077d63d);width:clamp(200px,36svh,300px)!important;height:clamp(200px,36svh,300px)!important}.hero .vessel-glow{filter:drop-shadow(0 26px 30px #0077d63d)drop-shadow(0 0 32px #fbbf248c)}.hero-count{margin-top:var(--s-4);align-items:baseline;gap:10px;line-height:1;display:flex}.hero-n{font-family:var(--font-display);letter-spacing:-.035em;color:var(--text);animation:count-in .42s var(--ease-spring) both;transition:color var(--dur) var(--ease);font-size:60px;font-weight:900;display:inline-block}@keyframes count-in{0%{opacity:0;transform:translateY(10px)scale(.9)}to{opacity:1;transform:none}}.hero-of{font-family:var(--font-display);color:var(--text-2);font-size:17px;font-weight:700}.hero-bar{background:var(--surface-2);width:min(240px,70%);height:8px;margin-top:var(--s-3);border-radius:4px;overflow:hidden}.hero-bar span{background:linear-gradient(90deg, var(--water-2), var(--water-3));height:100%;transition:width .7s var(--ease-out);border-radius:4px;display:block}.hero-status{margin-top:var(--s-3);font-family:var(--font-display);letter-spacing:-.01em;color:var(--primary-text);max-width:32ch;animation:fade-in var(--dur) var(--ease) both;font-size:17px;font-weight:800;line-height:1.3}.status-behind,.status-late,.status-caution{color:var(--coral)}.status-done{color:var(--gold)}.status-empty{color:var(--text-2)}.hero-done .hero-n{color:var(--gold)}.hero-done .hero-bar span{background:linear-gradient(90deg, var(--gold-bright), var(--gold))}.tiles-block{margin-top:var(--s-6)}.block-toggle{text-align:left;border-radius:var(--r-sm);align-items:center;gap:10px;width:100%;min-height:48px;padding:4px;display:flex}.block-toggle .block-title{margin-bottom:0}.block-toggle .block-meta{margin-left:auto}.block-chev{width:20px;height:20px;color:var(--text-3);transition:transform var(--dur-slow) var(--ease-spring)}.today-log.open .block-chev{color:var(--primary-text);transform:rotate(180deg)}.fold{transition:grid-template-rows var(--dur-slow) var(--ease-out);grid-template-rows:0fr;display:grid}.today-log.open .fold{grid-template-rows:1fr}.fold>div{min-height:0;overflow:hidden}.fold-inner{padding-top:var(--s-3);opacity:0;transition:opacity var(--dur) var(--ease), transform var(--dur) var(--ease);transform:translateY(-4px)}.today-log.open .fold-inner{opacity:1;transition-delay:80ms;transform:none}.tiles{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.tile{border-radius:var(--r-lg);background:var(--bg-elevated);min-height:104px;color:var(--text);box-shadow:var(--shadow-card);border:1px solid var(--line);transition:transform .18s var(--ease-spring), box-shadow var(--dur) var(--ease), background var(--dur-fast) var(--ease);-webkit-user-select:none;user-select:none;touch-action:manipulation;flex-direction:column;justify-content:center;align-items:center;gap:4px;padding:12px 8px;display:flex}.tile:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.tile:active{box-shadow:var(--shadow-sm);transform:scale(.94)}.tile[disabled]{pointer-events:none}.tile-icon{border-radius:50%;place-items:center;width:44px;height:44px;margin-bottom:4px;display:grid}.tile-name{font-family:var(--font-display);font-size:15px;font-weight:800;line-height:1.1}.tile-ml{color:var(--text-3);font-size:12px;font-weight:500}.tile-water{background:linear-gradient(160deg, var(--blue-9), var(--blue-10));color:#fff;box-shadow:0 14px 28px -12px color-mix(in srgb, var(--primary) 80%, transparent), inset 0 1px 0 #ffffff40;border-color:#0000}.tile-water .tile-icon{background:#ffffff2e}.tile-water .tile-ml{color:#fffc}.tile-coffee .tile-icon{background:var(--coffee-soft);color:var(--coffee)}.tile-tea .tile-icon{background:var(--tea-soft);color:var(--tea)}.today-log{margin-top:var(--s-6)}.dyk{margin-top:var(--s-4);padding:0 var(--s-2);color:var(--text-3);font-size:13.5px;line-height:1.55}.dyk-label{font-family:var(--font-display);color:var(--primary-text);margin-right:4px;font-weight:800}.milestone{left:50%;top:calc(var(--safe-t) + 20px);background:var(--bg-elevated);border:2px solid var(--gold-bright);border-radius:var(--r-lg);width:min(420px,100% - 32px);padding:var(--s-4) var(--s-5);box-shadow:var(--shadow-md), 0 0 40px #fbbf2459;text-align:center;z-index:35;animation:ms-in .48s var(--ease-spring) both;position:fixed;transform:translate(-50%)}@keyframes ms-in{0%{opacity:0;transform:translate(-50%,-24px)scale(.92)}to{opacity:1;transform:translate(-50%)scale(1)}}.milestone-title{font-family:var(--font-display);color:var(--gold);font-size:20px;font-weight:900}.milestone-line{color:var(--text-2);font-size:15px}.vessel{filter:drop-shadow(0 12px 16px #0077d638);transition:transform var(--dur) var(--ease-spring), filter var(--dur-slow) var(--ease);cursor:pointer;touch-action:manipulation;-webkit-user-select:none;user-select:none;position:relative}.vessel-glow{filter:drop-shadow(0 12px 16px #0077d638)drop-shadow(0 0 24px #fbbf248c);transform:scale(1.03)}.vessel-svg{width:100%;height:100%;display:block;overflow:visible}@property --fill{syntax:"<number>";inherits:true;initial-value:0}.water-g{transform:translateY(calc((1 - var(--fill)) * 62px));transition:transform 1s var(--ease-spring);will-change:transform}.wave path{fill:var(--water-1)}.wave{will-change:transform;animation:3.4s linear infinite wave-scroll-svg}.wave-back{opacity:.55;animation-duration:5.6s;animation-direction:reverse}.wave-back path{fill:var(--water-2)}@keyframes wave-scroll-svg{0%{transform:translate(0)}to{transform:translate(64px)}}.face{transition:transform var(--dur) var(--ease-spring)}.vessel-body{transform-origin:32px 44px;transform-box:view-box}.slosh{transform-origin:32px 60px;transform-box:view-box}.vessel-idle{transform-origin:32px 44px;transform-box:view-box;animation:5.2s ease-in-out infinite breathe}@keyframes breathe{0%,to{transform:translateY(0)scale(1)rotate(0)}30%{transform:translateY(-1.4px)scale(.992,1.012)rotate(-.6deg)}65%{transform:translateY(.6px)scale(1.008,.99)rotate(.5deg)}}.dizzy-eyes{transform-origin:32px 38px;transform-box:view-box;animation:1.3s linear both dizzy-spin}@keyframes dizzy-spin{0%{transform:rotate(0)scale(1)}50%{transform:rotate(180deg)scale(1.08)}to{transform:rotate(360deg)scale(1)}}.pd{transform-box:view-box;transform-origin:32px 5px;opacity:0;pointer-events:none;animation:.72s cubic-bezier(.2,.7,.3,1) both poke-drop}@keyframes poke-drop{0%{opacity:0;transform:translate(0)scale(.4)}12%{opacity:1}45%{transform:translate(var(--dx), var(--dy)) scale(1);opacity:1}to{transform:translate(calc(var(--dx) * 1.5), calc(var(--dy) * -.6)) scale(.5);opacity:0}}@media (prefers-reduced-motion:reduce){.wave,.pd,.dizzy-eyes,.vessel-idle{animation:none}}.stat-row{margin-bottom:var(--s-4);background:var(--bg-elevated);border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--shadow-card);padding:var(--s-3) 0;grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;gap:0;display:grid}.stat{text-align:center;flex-direction:column;align-items:center;min-width:0;padding:2px 6px;display:flex}.stat+.stat{border-left:1px solid var(--line)}.stat-value{font-family:var(--font-display);letter-spacing:-.02em;color:var(--text);align-items:baseline;gap:3px;font-size:24px;font-weight:900;line-height:1.1;display:inline-flex}.stat-unit{color:var(--text-3);letter-spacing:0;font-size:12px;font-weight:700}.stat-label{color:var(--text-2);white-space:nowrap;text-overflow:ellipsis;max-width:100%;margin-top:3px;font-size:12px;font-weight:500;overflow:hidden}@media (max-width:380px){.stat-label{font-size:11px}}.cal-head{margin-bottom:var(--s-3);justify-content:space-between;align-items:center;display:flex}.cal-title{animation:fade-in var(--dur) var(--ease) both;font-size:18px}.cal-head .icon-btn{width:48px;height:48px}.cal-head .icon-btn svg{width:20px;height:20px}.cal-grid{grid-template-columns:repeat(7,minmax(0,1fr));gap:4px;display:grid}.cal-dow{text-align:center;font-family:var(--font-display);color:var(--text-3);padding-bottom:4px;font-size:11px;font-weight:800}.cal-day{aspect-ratio:1;transition:background var(--dur-fast) var(--ease), transform var(--dur-fast) var(--ease-spring), box-shadow var(--dur-fast) var(--ease);animation:pop-in .38s var(--ease-out) both;animation-delay:calc(var(--i,0) * 12ms);background:0 0;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:2px;display:flex;position:relative}@keyframes pop-in{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:none}}.cal-day:not(:disabled):hover{background:var(--surface)}.cal-day:not(:disabled):active{transform:scale(.92)}.cal-day.is-today{box-shadow:inset 0 0 0 2px var(--primary)}.cal-day.is-open{background:var(--surface)}.cal-day.is-future{opacity:.3}.cal-num{color:var(--text-2);font-size:12px;font-weight:600}.cal-day.band-hydrated .cal-num,.cal-day.band-over .cal-num{color:var(--gold);font-weight:800}.cal-drop{height:22px;display:block}.cal-dot{background:var(--surface-2);border-radius:50%;width:5px;height:5px;margin:8px 0}.cal-rest{color:var(--blue-8);font-size:16px;line-height:22px}.cal-rest-mark{color:var(--blue-8);font-size:10px;position:absolute;top:2px;right:4px}.cal-legend{margin-top:var(--s-3)}.cal-sk{aspect-ratio:1;animation-delay:calc(var(--i,0) * 12ms);border-radius:12px}.sheet-backdrop{background:color-mix(in srgb, var(--blue-12) 40%, transparent);-webkit-backdrop-filter:blur(6px);z-index:50;animation:fade-in var(--dur) var(--ease) both;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.sheet{width:100%;max-width:480px;max-height:calc(100svh - var(--safe-t) - 40px);background:var(--bg-elevated);animation:sheet-up var(--dur-slow) var(--ease-out) both;box-shadow:var(--shadow-lg);border-radius:28px 28px 0 0;flex-direction:column;padding:10px 0 0;display:flex}.sheet-body{padding:0 var(--s-5) calc(var(--s-5) + var(--safe-b));gap:var(--s-3);flex-direction:column;display:flex;overflow-y:auto}@media (min-width:720px){.sheet{border-radius:28px;margin-bottom:24px}}@keyframes sheet-up{0%{opacity:0;transform:translateY(48px)}to{opacity:1;transform:none}}.sheet-handle{background:var(--border);width:36px;height:5px;margin:0 auto var(--s-3);border-radius:3px;flex:none}.sheet h2{font-size:22px}.sheet-actions{margin-top:var(--s-2)}.sheet-actions .btn{padding:0 var(--s-4);white-space:nowrap;font-size:16px}.sip-sheet .field{gap:var(--s-2)}.kind-row{gap:var(--s-2);grid-template-columns:repeat(3,1fr);display:grid}.kind-choice{border-radius:var(--r-md);border:2px solid var(--border);background:var(--bg-elevated);min-height:72px;color:var(--text-2);font-family:var(--font-display);transition:border-color var(--dur-fast) var(--ease), background var(--dur-fast) var(--ease), color var(--dur-fast) var(--ease), transform .16s var(--ease-spring);flex-direction:column;align-items:center;gap:4px;padding:12px 8px;font-size:13px;font-weight:700;display:flex}.kind-choice:hover{border-color:var(--border-strong)}.kind-choice:active{transform:scale(.95)}.kind-choice.kind-water.kind-on{border-color:var(--water-2);background:var(--surface);color:var(--water-3)}.kind-choice.kind-coffee.kind-on{border-color:var(--coffee);background:var(--coffee-soft);color:var(--coffee-deep)}.kind-choice.kind-tea.kind-on{border-color:var(--tea);background:var(--tea-soft);color:var(--tea-deep)}.kind-choice[disabled]{opacity:.6}.learn-sheet .ev{align-self:flex-start}.hero-stat{margin-bottom:var(--s-4);padding-bottom:var(--s-4);border-bottom:1px solid var(--line);align-items:baseline;gap:10px;display:flex}.hero-num{font-family:var(--font-display);letter-spacing:-.035em;color:var(--primary-text);font-size:48px;font-weight:900;line-height:1}.hero-lbl{font-family:var(--font-display);color:var(--text);flex-direction:column;font-size:15px;font-weight:800;line-height:1.2;display:flex}.hero-lbl .faint{font-family:var(--font-body);font-size:12.5px;font-weight:500}.chart{width:100%;height:auto;margin-top:var(--s-2);display:block}.bar{transform-box:fill-box;transform-origin:bottom;animation:bar-grow .72s var(--ease-out) both;animation-delay:calc(var(--i,0) * 50ms)}.bar-lbl{animation:fade-in .4s var(--ease) both;animation-delay:calc(var(--i,0) * 50ms + .3s)}@keyframes bar-grow{0%{transform:scaleY(0)}to{transform:scaleY(1)}}.chart-hours .bar{animation-duration:.6s;animation-delay:calc(var(--i,0) * 18ms)}.total-big{font-family:var(--font-display);letter-spacing:-.03em;margin:6px 0 4px;font-size:40px;font-weight:900;line-height:1.05}.total-big .muted{letter-spacing:-.01em;font-size:20px;font-weight:800}.empty{text-align:center;align-items:center;gap:var(--s-3);flex-direction:column;padding:12vh 0;display:flex}.empty h2{font-size:24px}.empty p{max-width:30ch}.empty-days{margin-top:var(--s-2);gap:8px;display:flex}.empty-days span{background:var(--surface-2);border-radius:3px;width:36px;height:6px}.empty-days span.on{background:var(--primary)}.mix{border-radius:var(--r-pill);background:var(--surface-2);height:14px;margin:var(--s-3) 0 var(--s-3);gap:2px;display:flex;overflow:hidden}.mix-seg{min-width:0;transition:flex-grow var(--dur-slow) var(--ease);transform-origin:0;animation:bar-grow-x .8s var(--ease-out) both;flex-basis:0}@keyframes bar-grow-x{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.mix-seg.mix-water{background:var(--water-2)}.mix-seg.mix-coffee{background:var(--coffee);animation-delay:.12s}.mix-seg.mix-tea{background:var(--tea);animation-delay:.24s}.mix-legend{flex-wrap:wrap;gap:6px 14px;margin:0;padding:0;font-size:13px;list-style:none;display:flex}.mix-key{color:var(--text-2);align-items:center;gap:5px;font-weight:500;display:inline-flex}.mix-key.mix-water{color:var(--water-3)}.mix-key.mix-coffee{color:var(--coffee)}.mix-key.mix-tea{color:var(--tea)}.mix-key .faint{font-weight:400}.learn-intro{max-width:40ch;margin-top:4px;font-size:15px}.learn-row .entry-title{font-size:16px}.learn-row .entry-sub{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.ev{font-family:var(--font-display);border-radius:var(--r-pill);white-space:nowrap;flex:none;padding:4px 9px;font-size:11px;font-weight:700}.ev-strong{background:color-mix(in srgb, var(--teal) 16%, transparent);color:var(--teal)}.ev-moderate{background:var(--surface);color:var(--primary-text)}.ev-weak{background:var(--coral-soft);color:var(--coral)}.learn-body{gap:var(--s-3);color:var(--text-2);flex-direction:column;font-size:15.5px;line-height:1.55;display:flex}.urine{grid-template-columns:repeat(8,1fr);gap:3px;display:grid}.urine>span{color:#0000008c;border-radius:8px;place-items:center;height:40px;font-size:11px;font-weight:700;display:grid}.urine-labels{grid-column:1/-1;justify-content:space-between;display:flex}.avatar-lg{object-fit:cover;border-radius:50%;width:52px;height:52px}.profile-head{padding-bottom:var(--s-3);border-bottom:1px solid var(--line)}.set-row{min-height:48px}.set-row+.set-row{padding-top:var(--s-3);border-top:1px solid var(--line)}.set-label{font-family:var(--font-display);font-size:16px;font-weight:700}.milestones{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.milestones li{align-items:center;gap:10px;min-height:32px;display:flex}.ms-dot{background:var(--gold-bright);width:10px;height:10px;box-shadow:0 0 0 3px color-mix(in srgb, var(--gold-bright) 25%, transparent);border-radius:50%;flex:none}.ms-title{font-weight:600}.btn-danger{background:var(--coral);color:#fff}.date-fields{gap:var(--s-2);grid-template-columns:1fr 1.4fr 1.6fr;display:grid}.date-fields .input{text-align:center;padding-left:12px;padding-right:12px}select.input{appearance:none;background-image:linear-gradient(45deg, transparent 50%, var(--text-3) 50%), linear-gradient(135deg, var(--text-3) 50%, transparent 50%);background-position:calc(100% - 16px),calc(100% - 11px);background-repeat:no-repeat;background-size:5px 5px}.nav .nav-brand,.cal-placeholder,.landing-features{display:none}.feature{background:color-mix(in srgb, var(--bg-elevated) 80%, transparent);border:1px solid var(--line);border-radius:var(--r-lg);padding:var(--s-5);flex-direction:column;gap:6px;display:flex}.feature-title{font-family:var(--font-display);color:var(--text);font-size:16px;font-weight:800}.feature p{color:var(--text-2);font-size:14px}.feature svg{width:26px;height:26px;color:var(--primary);margin-bottom:4px}@media (min-width:720px){.shell{max-width:600px;min-height:100svh;box-shadow:none;border-radius:0;margin:0;overflow:visible}.nav{max-width:600px}}@media (min-width:960px){#app{justify-content:stretch}.shell{width:100%;max-width:none;min-height:100svh}.shell:has(>.nav){grid-template-columns:248px minmax(0,1fr);display:grid}.shell.splash{place-items:center;display:grid}.nav{background:color-mix(in srgb, var(--bg-elevated) 55%, transparent);border-top:0;border-right:1px solid var(--line);-webkit-backdrop-filter:none;flex-direction:column;order:-1;gap:4px;width:auto;max-width:none;height:100svh;padding:28px 16px 24px;display:flex;position:sticky;top:0;left:auto;transform:none}.nav-ind{display:none}.nav-brand{padding:6px 12px 22px;text-decoration:none;display:flex!important}.nav a{border-radius:var(--r-md);transition:background var(--dur-fast) var(--ease), color var(--dur-fast) var(--ease);flex-direction:row;justify-content:flex-start;gap:12px;padding:12px 14px;font-size:15px}.nav a:not(.nav-brand):hover{background:var(--surface);color:var(--text)}.nav a[aria-current=page]{background:var(--surface);color:var(--primary-text)}.nav a[aria-current=page] svg{transform:none}.nav a.nav-you{margin-top:auto}.nav .avatar{width:28px;height:28px}.view{width:100%;max-width:1120px;margin:0 auto;padding:48px 48px 56px}.page-head{margin-bottom:var(--s-6)}.page-title{font-size:36px}.today{grid-template-rows:auto 1fr;grid-template-columns:minmax(0,1fr) 420px;align-content:start;column-gap:48px;padding-bottom:56px;display:grid}.today .page-head{grid-column:1/-1}.today-main{grid-area:2/1}.today-log{grid-area:2/2;margin-top:0}.hero .vessel{width:300px!important;height:300px!important}.hero-n{font-size:68px}.block-toggle{pointer-events:none}.block-chev{display:none}.today-log .fold{grid-template-rows:1fr}.today-log .fold-inner{opacity:1;transform:none}.tile{min-height:120px}.milestone{left:calc(50% + 124px)}.toast-wrap{top:auto;bottom:40px;left:calc(50% + 124px)}.landing{grid-template-rows:auto auto 1fr;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);align-items:center;column-gap:48px;max-width:1120px;min-height:100svh;margin:0 auto;padding:64px 48px 120px;display:grid}.landing-top{text-align:left;grid-area:1/1;align-items:flex-start;padding-top:0}.landing-top .wordmark{font-size:76px!important}.landing-tag{margin-top:var(--s-3);font-size:36px}.landing-sub{max-width:44ch;font-size:18px}.landing-mark{order:0;grid-area:1/2/3;justify-self:center;margin-top:0;padding-top:0}.landing-top{margin-bottom:0}.landing-mark svg{width:320px;height:320px}.landing-bottom{text-align:left;padding-top:var(--s-5);grid-area:2/1;align-items:flex-start}.landing-bottom .btn{width:auto;min-width:300px}.landing-features{gap:var(--s-4);z-index:2;grid-area:3/1/auto/-1;grid-template-columns:repeat(3,1fr);align-self:end;position:relative;display:grid!important}.landing-features .feature{animation:rise var(--dur-slow) var(--ease-out) both;animation-delay:calc(.2s + var(--i,0) * 80ms)}.landing-waves{height:22vh;position:fixed;bottom:0;left:0;right:0}.onboarding{justify-content:center;max-width:640px;min-height:100svh;padding-top:64px}.calendar{grid-template-columns:minmax(0,1fr) 360px;align-content:start;column-gap:32px;display:grid}.calendar>.view-head,.calendar>.stat-row{grid-column:1/-1}.cal-card{padding:var(--s-6);grid-column:1}.cal-grid{gap:8px;max-width:560px;margin:0 auto}.cal-day{aspect-ratio:1.15;border-radius:14px;gap:4px}.cal-num{font-size:13px}.cal-drop,.cal-drop svg{width:30px;height:30px}.cal-legend{text-align:center}.cal-placeholder{text-align:center;align-self:start;align-items:center;gap:var(--s-3);flex-direction:column;grid-column:2;padding:40px 24px;display:flex!important}.sheet-panel{-webkit-backdrop-filter:none;z-index:auto;background:0 0;grid-column:2;align-self:start;animation:none;display:block;position:static}.sheet-panel .sheet{border-radius:var(--r-lg);padding-top:var(--s-5);max-height:none;box-shadow:var(--shadow-card);border:1px solid var(--line);animation:rise var(--dur-slow) var(--ease-out) both;margin-bottom:0}.sheet-panel .sheet-body{padding-bottom:var(--s-5)}.sheet-panel .sheet-handle{display:none}.grid-2{gap:var(--s-4);grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;display:grid}html[data-boot] .grid-2>*{animation:rise var(--dur-slow) var(--ease-out) both;animation-delay:calc(var(--i,0) * 45ms)}.grid-2>.card+.card{margin-top:0}.grid-2>.span-2{grid-column:1/-1}.insights .stat-row{margin:0}.learn-intro{max-width:60ch}.settings .card{margin-top:0}}@media (min-width:1280px){.shell:has(>.nav){grid-template-columns:272px minmax(0,1fr)}.today{grid-template-columns:minmax(0,1fr) 420px}}