:root{--bg: #1a1a1a;--fg: #ffffff;--muted: rgba(255, 255, 255, .45);--muted-soft: rgba(255, 255, 255, .25);--border: rgba(255, 255, 255, .1);--border-med: rgba(255, 255, 255, .18);--fill: rgba(255, 255, 255, .14);--font-sans: "Geist", "Helvetica Neue", Helvetica, Arial, sans-serif;--font-display: "Space Grotesk", "Geist", "Helvetica Neue", sans-serif;--font-name: "Milker", "Space Grotesk", "Geist", sans-serif;--font-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace;--ease: cubic-bezier(.16, 1, .3, 1)}*{box-sizing:border-box}html,body{margin:0;padding:0;background:var(--bg);color:var(--fg)}body{font-family:var(--font-sans);-webkit-font-smoothing:antialiased}.app{max-width:760px;margin:0 auto;padding:clamp(28px,6vw,64px) clamp(20px,5vw,32px) 80px}.head{margin-bottom:clamp(28px,5vw,44px)}.wordmark{font-family:var(--font-mono);font-size:12px;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin:0 0 18px}.wordmark b{color:inherit;font-weight:inherit}.title-row{display:flex;align-items:baseline;justify-content:space-between;flex-wrap:wrap;gap:8px 20px;border-bottom:1px solid var(--border);padding-bottom:20px}.title-row h1{font-family:var(--font-name);font-weight:400;font-size:clamp(32px,7vw,56px);line-height:.98;letter-spacing:-.01em;margin:0;color:var(--fg)}.stand{display:flex;align-items:center;gap:8px;font-family:var(--font-mono);font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);white-space:nowrap}.stand .dot{width:6px;height:6px;border-radius:50%;background:var(--fg);animation:pulse 2.4s var(--ease) infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.25}}.toggle{position:relative;display:grid;grid-template-columns:1fr 1fr;margin-top:20px;border:1px solid var(--border-med);border-radius:40px;padding:4px;height:44px}.toggle .pill{position:absolute;top:4px;bottom:4px;left:4px;width:calc(50% - 4px);border-radius:40px;background:var(--fg);z-index:0;will-change:transform}.toggle button{position:relative;z-index:1;border:none;background:transparent;font-family:var(--font-mono);font-size:12px;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);cursor:pointer;transition:color .25s var(--ease)}.toggle button.active{color:var(--bg)}.list{display:flex;flex-direction:column;gap:10px;margin-top:28px}.row{position:relative;display:flex;align-items:center;gap:18px;padding:16px 18px;border:1px solid var(--border);border-radius:14px;overflow:hidden}.row .water{position:absolute;inset:0 auto 0 0;background:var(--fill);z-index:0;transition:width .4s var(--ease)}.row>*{position:relative;z-index:1}.row .time{font-family:var(--font-mono);font-size:14px;font-weight:500;letter-spacing:-.01em;color:var(--muted);min-width:44px;padding-right:16px;border-right:1px solid var(--border);align-self:stretch;display:flex;align-items:center}.row .info{flex:1;min-width:0}.row .name{font-family:var(--font-display);font-size:17px;font-weight:600;letter-spacing:-.01em;line-height:1.25}.row .count{text-align:right;min-width:88px}.row .count .num{font-family:var(--font-display);font-size:26px;font-weight:700;line-height:1}.row .count .lbl{font-family:var(--font-mono);font-size:10px;letter-spacing:.07em;text-transform:uppercase;color:var(--muted);margin-top:4px}.divider{display:flex;align-items:center;gap:12px;margin:10px 0 2px;font-family:var(--font-mono);font-size:10px;font-weight:500;letter-spacing:.12em;text-transform:uppercase;color:var(--muted-soft)}.divider:before,.divider:after{content:"";flex:1;height:1px;background:var(--border)}.row .count.empty .missing{font-family:var(--font-sans);font-size:13px;font-style:italic;color:var(--muted-soft)}.state{font-family:var(--font-sans);font-size:15px;line-height:1.6;color:var(--muted);text-align:center;padding:64px 20px}.state b{color:var(--fg);font-weight:600}.foot{margin-top:40px;font-family:var(--font-mono);font-size:11px;letter-spacing:.04em;color:var(--muted-soft);text-align:center}@media (max-width: 480px){.row{gap:14px;padding:14px}.row .count{min-width:72px}.row .count .num{font-size:22px}}