:root{--bg:#f4f6f5;--card:#fff;--text:#17201d;--muted:#5d6b66;--border:#dde3e0;--accent:#0f766e;--accent-text:#fff;--water:#0284c7;--stop:#c2410c;--danger:#b91c1c;--me:#ccfbf1;--radius:14px;--tap:48px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--bg:#0e1412;--card:#17201d;--text:#e7eeeb;--muted:#9aa8a3;--border:#2a3632;--accent:#2dd4bf;--accent-text:#04231f;--water:#38bdf8;--stop:#fb923c;--danger:#f87171;--me:#134e4a}}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);padding-bottom:calc(72px + env(safe-area-inset-bottom));margin:0;font:16px/1.45 system-ui,-apple-system,Segoe UI,Roboto,sans-serif}.topbar{padding:12px 16px 0}.topbar h1{margin:0;font-size:1.1rem}.app{gap:16px;max-width:560px;margin:0 auto;padding:12px 16px;display:grid}.card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:16px}.card h2{margin:0 0 8px;font-size:1.15rem}.card h3{color:var(--muted);margin:20px 0 4px;font-size:.95rem;font-weight:600}.muted{color:var(--muted)}.note{background:color-mix(in srgb, var(--water) 15%, transparent);border-radius:10px;padding:8px 12px}.btn{min-height:var(--tap);background:var(--accent);color:var(--accent-text);font:inherit;cursor:pointer;touch-action:manipulation;border:0;border-radius:12px;padding:0 18px;font-weight:600}.btn:active{transform:scale(.98)}.btn:focus-visible,.btn-link:focus-visible,.seg:focus-visible,.nav-item:focus-visible{outline:3px solid var(--water);outline-offset:2px}.btn-huge{width:100%;min-height:72px;margin-top:8px;font-size:1.25rem}.btn-stop{background:var(--stop)}.btn-danger{background:var(--danger);color:#fff}.btn-row{grid-template-columns:1fr 1fr;gap:10px;margin-top:12px;display:grid}.btn-link{color:var(--accent);font:inherit;cursor:pointer;background:0 0;border:0;min-height:40px;padding:0 8px}.btn-link.danger{color:var(--danger)}.clock{font-variant-numeric:tabular-nums;text-align:center;color:var(--muted);font-size:3rem;font-weight:700}.clock.running{color:var(--accent)}.confirm{text-align:center;background:color-mix(in srgb, var(--stop) 15%, transparent);border-radius:12px;margin-top:12px;padding:12px}.confirm p{margin:0 0 8px;font-weight:600}.list{margin:0;padding:0;list-style:none}.list li{border-bottom:1px solid var(--border);font-variant-numeric:tabular-nums;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;min-height:44px;display:flex}.list li:last-child{border-bottom:0}.list input[type=time]{font:inherit;min-height:40px}.row-actions{display:flex}.progress{background:var(--border);border-radius:999px;height:18px;overflow:hidden}.progress-fill{background:var(--water);transform-origin:0;height:100%;transition:transform .3s;transform:scaleX(0)}.progress-fill.done{background:var(--accent)}.progress-label{font-variant-numeric:tabular-nums;margin:6px 0 0}.segmented{background:var(--bg);border-radius:12px;gap:4px;margin-bottom:8px;padding:4px;display:flex}.seg{min-height:44px;color:var(--text);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:9px;flex:1}.seg[aria-pressed=true]{background:var(--card);font-weight:600;box-shadow:0 1px 3px #00000026}.board{margin:8px 0 0;padding:0;list-style:none}.board[aria-busy=true]{opacity:.5}.board li{border-radius:10px;grid-template-columns:2.2em 1fr auto;grid-template-areas:"rank who value""rank streak streak";align-items:center;column-gap:8px;padding:10px 8px;display:grid}.board li.me{background:var(--me)}.rank{text-align:center;grid-area:rank;font-size:1.1rem;font-weight:700}.who{text-overflow:ellipsis;white-space:nowrap;grid-area:who;overflow:hidden}.value{font-variant-numeric:tabular-nums;grid-area:value;font-weight:600}.streak{color:var(--muted);grid-area:streak;font-size:.85rem}.chart{margin:0 0 24px}.chart figcaption{margin-bottom:8px;font-weight:600}.bars{border-bottom:1px solid var(--border);align-items:flex-end;gap:2px;height:140px;display:flex;position:relative}.bar{background:color-mix(in srgb, var(--water) 55%, transparent);border-radius:3px 3px 0 0;flex:1;min-height:1px}.bar.reached{background:var(--accent)}.bar.weekend{opacity:.5}.goal-line{border-top:2px dashed var(--muted);pointer-events:none;position:absolute;left:0;right:0}.goal-line span{color:var(--muted);background:var(--card);padding:0 4px;font-size:.75rem;position:absolute;top:-1.4em;right:0}.chart-axis{justify-content:space-between;margin-top:4px;font-size:.75rem;display:flex}.field{gap:4px;margin-bottom:12px;display:grid}.field input{min-height:var(--tap);font:inherit;color:var(--text);background:var(--bg);border:1px solid var(--border);border-radius:10px;padding:0 12px}.check{min-height:var(--tap);align-items:center;gap:10px;margin-bottom:12px;display:flex}.check input{width:22px;height:22px;accent-color:var(--accent)}.danger-zone h2{color:var(--danger)}.nav{background:var(--card);border-top:1px solid var(--border);padding-bottom:env(safe-area-inset-bottom);justify-content:space-around;display:flex;position:fixed;inset:auto 0 0}.nav[hidden]{display:none}.nav-item{min-height:60px;color:var(--muted);flex:1;justify-items:center;gap:2px;padding:8px 0;font-size:.8rem;text-decoration:none;display:grid}.nav-item[aria-current=page]{color:var(--accent);font-weight:600}.nav-item span:first-child{font-size:1.3rem}.toasts{left:50%;bottom:calc(80px + env(safe-area-inset-bottom));z-index:10;gap:8px;width:min(92vw,420px);display:grid;position:fixed;transform:translate(-50%)}.toast{background:var(--text);color:var(--bg);border-radius:12px;justify-content:space-between;align-items:center;gap:12px;padding:10px 14px;display:flex;box-shadow:0 4px 16px #00000040}.toast-error{background:var(--danger);color:#fff}.toast-action{color:inherit;font:inherit;cursor:pointer;background:0 0;border:0;min-height:40px;font-weight:700;text-decoration:underline}@media (prefers-reduced-motion:reduce){*{transition:none!important}}