:root{color-scheme:light dark;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;--bg: #f4f7f2;--surface: #ffffff;--surface-muted: #e8eee7;--text: #122018;--muted: #66716a;--line: #d7dfd8;--accent: #185c3e;--accent-soft: #dff1e6;--nav-bg: rgba(255, 255, 255, .88);--shadow: 0 18px 50px rgba(25, 52, 37, .1);--liquid-shade: #07130a;--glass-drop-shadow: rgba(30, 65, 60, .08);--card-shadow: rgba(20, 40, 27, .035);--toast-bg: #26332b;background:var(--bg);color:var(--text)}@media(prefers-color-scheme:dark){:root{--bg: #101318;--surface: #191e26;--surface-muted: #242b35;--text: #f1f4f8;--muted: #98a3b3;--line: #303846;--accent: #73a9ff;--accent-soft: #1d3557;--nav-bg: rgba(25, 30, 38, .92);--shadow: 0 18px 50px rgba(0, 0, 0, .34);--liquid-shade: #0a0e16;--glass-drop-shadow: rgba(0, 0, 0, .22);--card-shadow: rgba(0, 0, 0, .18);--toast-bg: #242b35}}*{box-sizing:border-box}html,body,#app{min-height:100%}html{background:var(--bg)}body{margin:0;min-width:320px;min-height:100dvh;overflow-x:hidden;background:var(--bg);color:var(--text)}button,input,select{font:inherit;color:inherit}button{-webkit-tap-highlight-color:transparent}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.app-shell{min-width:0;min-height:100dvh;overflow-x:clip;display:grid;grid-template-rows:auto 1fr auto}.topbar{height:76px;display:flex;align-items:center;justify-content:center;padding:env(safe-area-inset-top) 22px 0;position:relative}.topbar h1{font-size:clamp(1.35rem,5vw,1.7rem);letter-spacing:-.045em;margin:0;font-weight:760}.brand-mark,.topbar-spacer{position:absolute;left:24px;width:34px;height:34px}.brand-mark{display:flex;align-items:flex-end;gap:3px;transform:rotate(180deg)}.brand-mark span{display:block;width:7px;border-radius:8px;background:var(--accent)}.brand-mark span:nth-child(1){height:16px;opacity:.45}.brand-mark span:nth-child(2){height:25px;opacity:.7}.brand-mark span:nth-child(3){height:32px}.page{position:relative;z-index:0;width:100%;min-width:0;min-height:0;overflow-x:clip;outline:none;padding:8px 18px calc(108px + env(safe-area-inset-bottom))}.page>section{width:min(100%,760px);min-width:0;margin:0 auto}.bottom-nav{position:fixed;z-index:100;isolation:isolate;pointer-events:none;inset:auto 0 0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));padding:9px max(10px,env(safe-area-inset-right)) calc(9px + env(safe-area-inset-bottom)) max(10px,env(safe-area-inset-left));background:var(--nav-bg);backdrop-filter:blur(18px) saturate(1.4);border-top:1px solid color-mix(in srgb,var(--line),transparent 30%)}.bottom-nav button{position:relative;z-index:1;min-width:0;pointer-events:auto;appearance:none;border:0;background:transparent;color:var(--muted);display:flex;flex-direction:column;align-items:center;gap:4px;min-height:56px;justify-content:center;border-radius:14px;font-size:.7rem;font-weight:650;cursor:pointer}.bottom-nav svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.bottom-nav button[aria-current=page]{color:var(--accent);background:var(--accent-soft)}.home-view{min-height:calc(100dvh - 188px);display:grid;place-items:center}.glass-grid{width:min(100%,680px);display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(8px,3vw,22px) clamp(4px,2vw,18px);align-items:start;padding:12px 0}.glass-grid--single{grid-template-columns:minmax(0,340px);justify-content:center}.glass-card{--glass-color: #42e66b;min-width:0;text-align:center}.glass-button{--liquid-y: 228px;position:relative;width:100%;max-width:320px;aspect-ratio:260 / 270;padding:0;border:0;margin:0 auto;display:block;color:var(--glass-color);background:transparent;cursor:pointer;transition:transform .16s ease,filter .25s ease;touch-action:manipulation}.glass-button.is-pressing{transform:scale(.97)}.glass-button.notification-target{animation:target-pulse 1.2s ease 2}.glass-svg{display:block;width:100%;height:100%;overflow:visible}.glass-shadow{fill:color-mix(in srgb,var(--text),transparent 78%)}.glass-body{filter:drop-shadow(0 8px 9px var(--glass-drop-shadow))}.glass-shade{fill:#9dc8c5;opacity:.11}.glass-reflection{fill:none;stroke:#ffffffc2;stroke-width:5;stroke-linecap:round;opacity:.82}.glass-base-highlight{fill:none;stroke:#ffffffb8;stroke-width:3;stroke-linecap:round;opacity:.78}.glass-outline{fill:none;stroke:color-mix(in srgb,#9bbfbc 58%,var(--text) 42%);stroke-width:5;stroke-linecap:round;stroke-linejoin:round}.glass-inner-edge{fill:none;stroke:#ffffffb8;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.glass-rim{fill:none;stroke:color-mix(in srgb,#abd2cf 52%,var(--text) 48%);stroke-width:5;stroke-linecap:round;stroke-linejoin:round}.graduations{fill:none;stroke:color-mix(in srgb,#709692 62%,var(--text) 38%);stroke-width:2;stroke-linecap:round;opacity:.62}.graduations text{fill:color-mix(in srgb,#709692 58%,var(--text) 42%);stroke:none;font-size:8px;font-weight:750;text-anchor:end}.liquid-level{transform:translateY(var(--liquid-y))}.liquid{color:var(--glass-color)}.wave-front{fill:color-mix(in srgb,var(--glass-color),var(--liquid-shade) 8%);opacity:.94;animation:wave-front 3s ease-in-out infinite alternate}.wave-back{fill:color-mix(in srgb,var(--glass-color),white 14%);opacity:.72;animation:wave-back 4.2s ease-in-out infinite alternate}.liquid-glow{color:var(--glass-color);opacity:.45}.bubbles{fill:color-mix(in srgb,white,transparent 55%)}.bubbles circle{animation:bubble 4s linear infinite;transform-origin:center}.bubbles circle:nth-child(2){animation-delay:-1.5s;animation-duration:3.1s}.bubbles circle:nth-child(3){animation-delay:-2.2s;animation-duration:5s}.bubbles circle:nth-child(4){animation-delay:-.7s;animation-duration:3.7s}.state-icon,.off-fill{display:none}.glass-percent{position:absolute;inset:47% 0 auto;translate:0 -50%;font-size:clamp(1.3rem,6vw,2rem);color:#fff;font-weight:820;letter-spacing:-.04em;text-shadow:0 2px 10px rgba(0,0,0,.35);pointer-events:none}.glass-caption{margin-top:-4px;min-height:46px;display:flex;flex-direction:column;gap:3px}.glass-caption strong{font-size:clamp(.9rem,3vw,1rem);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.glass-caption span{color:var(--muted);font-size:.78rem}.state-idle .liquid,.state-idle .liquid-glow,.state-idle .bubbles{opacity:0}.state-idle .glass-percent{color:var(--text);text-shadow:none}.state-paused{filter:saturate(.72)}.state-paused .wave,.state-paused .bubbles{animation-play-state:paused}.state-paused .liquid-glow{opacity:.16}.state-paused .pause-icon{display:block;fill:#ffffffe0;filter:drop-shadow(0 2px 8px rgba(0,0,0,.25))}.state-completed .check-icon{display:block}.state-completed .check-icon circle{fill:color-mix(in srgb,var(--glass-color),var(--liquid-shade) 30%);stroke:#fff;stroke-width:3}.state-completed .check-icon path{fill:none;stroke:#fff;stroke-width:7;stroke-linecap:round;stroke-linejoin:round}.state-completed .glass-outline{stroke:var(--glass-color);stroke-width:9}.state-completed .wave,.state-completed .bubbles{animation-play-state:paused}.state-disabled{color:var(--muted);filter:grayscale(1)}.state-disabled .liquid,.state-disabled .liquid-glow,.state-disabled .glass-percent{display:none}.state-disabled .off-fill,.state-disabled .power-icon{display:block}.state-disabled .power-icon{fill:none;stroke:var(--muted);stroke-width:7;stroke-linecap:round}.state-disabled .glass-body{opacity:.34}.state-disabled .glass-outline,.state-disabled .glass-rim{stroke:var(--muted)}.section-heading{display:flex;align-items:end;justify-content:space-between;margin:18px 4px 22px}.section-heading h2{margin:2px 0 0;font-size:clamp(2rem,8vw,3.1rem);line-height:1;letter-spacing:-.06em}.eyebrow{display:block;color:var(--accent);font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;font-weight:780}.summary-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:8px}.summary-grid article{background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:14px 12px;min-width:0;box-shadow:0 8px 26px var(--card-shadow)}.summary-grid span{display:block;min-height:30px;color:var(--muted);font-size:.69rem;line-height:1.25}.summary-grid strong{display:block;font-size:clamp(1.15rem,5vw,1.65rem);letter-spacing:-.05em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chart-card{position:relative;width:100%;min-width:0;max-width:100%;margin-top:14px;padding-left:42px;background:var(--surface);border:1px solid var(--line);border-radius:22px;box-shadow:var(--shadow);overflow:hidden}.chart-scale{position:absolute;z-index:2;left:10px;top:17px;bottom:48px;width:36px;display:flex;flex-direction:column;justify-content:space-between;color:var(--muted);font-size:.62rem;pointer-events:none}.chart-scroll{width:100%;min-width:0;max-width:100%;overflow-x:auto;overscroll-behavior-inline:contain;scrollbar-width:thin;outline:none;padding:16px 12px 5px 0}.chart{height:248px;width:max(100%,calc(var(--bar-count) * 43px));display:flex;align-items:stretch;gap:4px;border-left:1px solid var(--line);background:repeating-linear-gradient(to bottom,transparent 0,transparent 64px,color-mix(in srgb,var(--line),transparent 35%) 65px)}.day-column{appearance:none;border:0;background:transparent;padding:0 2px;width:39px;flex:0 0 39px;height:100%;display:grid;grid-template-rows:200px 22px 18px;justify-items:center;cursor:pointer;color:var(--muted);border-radius:8px}.bar-track{position:relative;display:block;width:22px;height:190px;align-self:end;border-radius:5px 5px 2px 2px;background:color-mix(in srgb,var(--surface-muted),transparent 32%);overflow:hidden}.bar-segment{position:absolute;left:0;right:0;min-height:2px;transition:height .25s ease}.day-column.selected .bar-track{outline:3px solid var(--accent);outline-offset:3px}.day-column.today .day-number{color:var(--surface);background:var(--accent);border-radius:8px;padding:1px 5px}.day-number{align-self:center;font-size:.69rem;font-weight:700}.weekday{font-size:.6rem;text-transform:uppercase}.day-detail{margin-top:14px;padding:20px;border-radius:22px;background:var(--surface);border:1px solid var(--line)}.day-detail-heading{display:flex;justify-content:space-between;gap:16px;align-items:end}.day-detail-heading span{display:block;color:var(--accent);min-height:17px;font-size:.7rem;font-weight:750;text-transform:uppercase;letter-spacing:.08em}.day-detail h3{margin:2px 0 0;font-size:1.25rem;letter-spacing:-.035em}.day-detail-heading>strong{font-size:1.25rem;white-space:nowrap}.detail-label{margin:22px 0 8px;color:var(--muted);font-size:.72rem;text-transform:uppercase;letter-spacing:.08em}.day-detail ul{list-style:none;padding:0;margin:0}.day-detail li{display:grid;grid-template-columns:10px 1fr auto;gap:10px;align-items:center;padding:10px 0;border-top:1px solid var(--line);font-size:.86rem}.detail-color{width:9px;height:9px;border-radius:50%}.completion-line,.empty-day{color:var(--muted);font-size:.82rem;margin:15px 0 0}.settings-list{display:flex;flex-direction:column;gap:10px}.setting-row,.glass-setting{border:1px solid var(--line);background:var(--surface);border-radius:18px}.setting-row{min-height:66px;display:flex;justify-content:space-between;align-items:center;gap:14px;padding:12px 16px}.setting-row>label,.setting-row>div>label{font-weight:670}.setting-row small{display:block;margin-top:2px;color:var(--muted)}.setting-row select,.field-row select,.field-row input{border:1px solid var(--line);background:var(--surface-muted);border-radius:11px;padding:10px 12px;outline:none}.setting-row select:focus,.field-row select:focus,.field-row input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.stepper{display:grid;grid-template-columns:40px 42px 40px;border:1px solid var(--line);border-radius:13px;overflow:hidden}.stepper button{border:0;background:var(--surface-muted);font-size:1.25rem;cursor:pointer}.stepper button:disabled{opacity:.3;cursor:default}.stepper output{min-height:42px;display:grid;place-items:center;font-weight:800;border-inline:1px solid var(--line)}.glass-setting{--glass-color: #42e66b;padding:7px 16px 9px;margin:0}.glass-setting legend{padding:0 8px;font-weight:780;font-size:.82rem}.setting-dot{display:inline-block;width:10px;height:10px;margin-right:8px;border-radius:50%;background:var(--glass-color);box-shadow:0 0 10px color-mix(in srgb,var(--glass-color),transparent 20%)}.field-row{min-height:55px;display:grid;grid-template-columns:minmax(90px,1fr) minmax(130px,1.45fr);align-items:center;gap:12px;border-bottom:1px solid var(--line)}.field-row:last-child{border-bottom:0}.field-row label{font-size:.82rem;color:var(--muted)}.field-row input,.field-row select{width:100%;min-width:0}.switch{position:relative;display:block;width:50px;height:30px;flex:0 0 50px}.switch input{position:absolute;opacity:0;width:1px;height:1px}.switch span{display:block;width:100%;height:100%;border-radius:18px;background:var(--surface-muted);border:1px solid var(--line);transition:.2s ease;cursor:pointer}.switch span:after{content:"";position:absolute;width:22px;height:22px;left:4px;top:4px;border-radius:50%;background:var(--muted);transition:.2s ease}.switch input:checked+span{background:var(--accent);border-color:var(--accent)}.switch input:checked+span:after{translate:20px 0;background:#fff}.switch input:focus-visible+span{outline:3px solid var(--accent-soft);outline-offset:2px}.switch input:disabled+span{opacity:.4;cursor:not-allowed}.info-view{min-height:calc(100dvh - 190px);display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:24px 8px}.info-symbol{display:flex;height:90px;align-items:flex-end;gap:8px;margin-bottom:30px}.info-symbol span{display:block;width:22px;border-radius:18px 18px 5px 5px;background:var(--accent)}.info-symbol span:nth-child(1){height:42px;opacity:.4}.info-symbol span:nth-child(2){height:65px;opacity:.68}.info-symbol span:nth-child(3){height:90px}.info-view h2{margin:4px 0 14px;font-size:clamp(2.8rem,14vw,5.5rem);line-height:.92;letter-spacing:-.075em}.info-lead{max-width:630px;font-size:clamp(1rem,3vw,1.2rem);line-height:1.6;color:var(--muted)}.info-card{margin-top:20px;max-width:630px;border-left:3px solid var(--accent);padding:3px 0 3px 18px;color:var(--muted);font-size:.86rem;line-height:1.55}.info-card p{margin:7px 0}.version{margin-top:28px;color:var(--muted);font-size:.76rem}.toast{position:fixed;z-index:50;left:50%;bottom:calc(92px + env(safe-area-inset-bottom));translate:-50% 20px;width:max-content;max-width:calc(100vw - 32px);padding:12px 16px;color:#fff;background:var(--toast-bg);border-radius:12px;box-shadow:var(--shadow);font-size:.82rem;opacity:0;pointer-events:none;transition:.2s ease}.toast.visible{opacity:1;translate:-50% 0}.app-loading,.fatal-error{min-height:100dvh;display:grid;place-items:center;color:var(--muted)}@keyframes wave-front{to{transform:translate(-28px) translateY(2px)}}@keyframes wave-back{to{transform:translate(25px) translateY(-2px)}}@keyframes bubble{0%{transform:translateY(45px) scale(.7);opacity:0}30%{opacity:.75}to{transform:translateY(-100px) scale(1.1);opacity:0}}@keyframes target-pulse{50%{filter:drop-shadow(0 0 20px var(--glass-color));transform:scale(1.035)}}@media(min-width:700px){.page{padding-inline:28px}.glass-grid{gap:18px 40px}.bottom-nav{left:50%;right:auto;bottom:18px;width:min(540px,calc(100% - 36px));translate:-50% 0;border:1px solid var(--line);border-radius:22px;padding:7px;box-shadow:var(--shadow)}.summary-grid{gap:12px}.summary-grid article{padding:18px}}@media(max-width:380px){.page{padding-inline:10px}.topbar{height:65px}.brand-mark{left:14px;scale:.8}.glass-grid{gap:4px}.summary-grid article{padding-inline:8px}.field-row{grid-template-columns:86px minmax(0,1fr)}}@media(max-width:500px){.glass-grid:not(.glass-grid--single) .graduations text{display:none}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}