:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--paper:#fffcf0;--base-50:#f2f0e5;--base-100:#e6e4d9;--base-150:#dad8ce;--base-200:#cecdc3;--base-300:#b7b5ac;--base-500:#878580;--base-600:#6f6e69;--base-700:#575653;--base-800:#403e3c;--base-850:#343331;--base-900:#282726;--base-950:#1c1b1a;--black:#100f0f;--bg:var(--paper);--panel:var(--base-50);--panel-edge:var(--base-200);--ink:var(--black);--ink-soft:var(--base-600);--ink-faint:var(--base-300);--rule:var(--base-200);--hover:#100f0f0d;--dot-empty:var(--base-150);--ramp-focus-0:#24837b;--ramp-focus-1:#ad8301;--ramp-focus-2:#af3029;--ramp-break-0:#5e409d;--ramp-break-1:#205ea6;--ramp-break-2:#24837b;--ramp-over-0:#a02f6f;--ramp-over-1:#7f3786;--ramp-over-2:#5e409d;--accent:#bc5215;--grain:.03;--shadow:0 1px 2px #100f0f0f,0 8px 24px #100f0f14;--font-mono:ui-monospace,"SF Mono","Geist Mono","JetBrains Mono",Menlo,Consolas,monospace;--font-serif:"Instrument Serif",ui-serif,Georgia,"Iowan Old Style",serif;--font-ui:"Space Grotesk",ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;--radius:10px;--dur:.22s;--ease:cubic-bezier(.22,.61,.36,1)}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:var(--black);--panel:var(--base-950);--panel-edge:var(--base-850);--ink:var(--base-200);--ink-soft:var(--base-500);--ink-faint:var(--base-700);--rule:var(--base-850);--hover:#fffcf012;--dot-empty:var(--base-900);--ramp-focus-0:#3aa99f;--ramp-focus-1:#d0a215;--ramp-focus-2:#d14d41;--ramp-break-0:#8b7ec8;--ramp-break-1:#4385be;--ramp-break-2:#3aa99f;--ramp-over-0:#ce5d97;--ramp-over-1:#ac6db0;--ramp-over-2:#8b7ec8;--accent:#da702c;--grain:0;--shadow:0 1px 2px #0006,0 8px 24px #00000080}*,:before,:after{box-sizing:border-box}html,body{height:100%;margin:0}body{background:var(--bg);color:var(--ink);font-family:var(--font-ui);overscroll-behavior:none;-webkit-font-smoothing:antialiased;overflow:hidden}.grain{z-index:0;pointer-events:none;opacity:var(--grain);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='140' height='140' filter='url(%23n)'/%3E%3C/svg%3E");position:fixed;inset:0}.app{z-index:1;position:fixed;inset:0}.topbar{z-index:2;padding:clamp(14px,2.2vw,26px) clamp(14px,2.6vw,32px);padding-top:max(clamp(14px,2.2vw,26px),env(safe-area-inset-top));justify-content:space-between;align-items:flex-start;gap:12px;display:flex;position:absolute;top:0;left:0;right:0}.tally{font-family:var(--font-serif);transition:transform .26s var(--ease);align-items:baseline;gap:.42em;line-height:1;display:flex}.tally.pop{transform:scale(1.28)}.tally-count{color:var(--ink);font-variant-numeric:lining-nums;font-size:clamp(26px,3.4vmin,38px)}.tally-label{font-family:var(--font-ui);letter-spacing:.15em;text-transform:uppercase;color:var(--ink-soft);max-width:8ch;font-size:10.5px}.ring-canvas{z-index:0;width:100%;height:100%;position:absolute;inset:0}.clock-layer{z-index:1;pointer-events:none;place-items:center;display:grid;position:absolute;inset:0}.clock{text-align:center;pointer-events:none;justify-items:center;gap:.5em;display:grid}.clock-time{font-family:var(--font-mono);font-variant-numeric:tabular-nums;letter-spacing:-.03em;color:var(--ink);font-size:clamp(40px,8.4vmin,96px);font-weight:500;line-height:1}.clock-time[data-overdue=true]{color:var(--ramp-over-0)}.clock-sub{font-family:var(--font-ui);letter-spacing:.2em;text-transform:uppercase;color:var(--ink-soft);min-height:1em;font-size:clamp(10px,1.4vmin,12.5px)}.clock-hint{font-family:var(--font-serif);color:var(--ink-faint);min-height:1.2em;transition:opacity var(--dur)var(--ease);font-size:clamp(12px,1.6vmin,15px);font-style:italic}.controls{z-index:2;padding:clamp(14px,2.2vw,26px);padding-bottom:max(clamp(14px,2.2vw,26px),env(safe-area-inset-bottom));transition:opacity .6s var(--ease),transform .6s var(--ease);justify-content:center;align-items:center;gap:8px;display:flex;position:absolute;bottom:0;left:0;right:0}.controls[data-dimmed=true]{opacity:0;pointer-events:none;transform:translateY(8px)}.btn{font:inherit;min-height:38px;color:var(--ink);border:1px solid var(--rule);border-radius:var(--radius);cursor:pointer;transition:background var(--dur)var(--ease),border-color var(--dur)var(--ease);background:0 0;justify-content:center;align-items:center;gap:7px;padding:0 15px;font-size:13px;line-height:1;display:inline-flex}.btn:hover{background:var(--hover);border-color:var(--ink-faint)}.btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.btn-primary{background:var(--ink);color:var(--bg);border-color:var(--ink);min-width:104px;font-weight:600}.btn-primary:hover{background:var(--ink);border-color:var(--ink);opacity:.88}.btn-icon{min-width:38px;padding:0 10px}.btn kbd{font-family:var(--font-mono);color:var(--ink-soft);border:1px solid var(--rule);border-radius:4px;padding:1px 4px;font-size:10px}.btn-primary kbd{color:var(--bg);border-color:color-mix(in srgb,var(--bg)40%,transparent)}.panel{z-index:20;background:var(--panel);border:1px solid var(--panel-edge);box-shadow:var(--shadow);border-radius:18px;width:min(348px,100vw - 28px);padding:24px 24px 20px;position:fixed;bottom:84px;left:50%;transform:translate(-50%)}.panel[hidden]{display:none}.panel-title{font-family:var(--font-serif);margin:0 0 20px;font-size:23px;font-weight:400;line-height:1}.panel-section{letter-spacing:.18em;text-transform:uppercase;color:var(--ink-soft);margin:0 0 4px;font-size:9.5px;font-weight:600}.panel-group+.panel-group{border-top:1px solid var(--rule);margin-top:20px;padding-top:18px}.row{cursor:pointer;transition:background var(--dur)var(--ease);border-radius:10px;outline:none;grid-template-columns:1fr auto;align-items:center;gap:16px;margin:0 -9px;padding:7px 9px;display:grid}.row:hover{background:var(--hover)}.row:focus,.row[data-active=true]{background:var(--hover);box-shadow:inset 0 0 0 2px var(--accent)}.row[hidden]{display:none}.row-label{color:var(--ink);font-size:13.5px;line-height:1.3}.row-hint{color:var(--ink-soft);margin-top:3px;font-size:11px;line-height:1.45;display:block}.row-control{align-items:center;display:flex}.stepper{background:var(--bg);border:1px solid var(--rule);border-radius:10px;align-items:stretch;height:34px;display:inline-flex;overflow:hidden}.stepper button{width:30px;font:inherit;color:var(--ink-soft);cursor:pointer;transition:background var(--dur)var(--ease);background:0 0;border:0;padding:0;font-size:15px;line-height:1}.stepper button:hover:not(:disabled){background:var(--hover);color:var(--ink)}.stepper button:disabled{opacity:.3;cursor:default}.stepper-value{width:38px;font-family:var(--font-mono);font-variant-numeric:tabular-nums;color:var(--ink);justify-content:center;align-items:center;font-size:13px;display:flex}.unit{width:3.6ch;color:var(--ink-soft);margin-left:9px;font-size:11px}.switch{background:var(--bg);border:1px solid var(--rule);width:42px;height:24px;transition:background var(--dur)var(--ease),border-color var(--dur)var(--ease);border-radius:999px;flex:none;display:block;position:relative}.row[aria-checked=true] .switch{background:var(--accent);border-color:var(--accent)}.switch-knob{background:var(--ink-faint);width:18px;height:18px;transition:transform var(--dur)var(--ease),background var(--dur)var(--ease);border-radius:50%;position:absolute;top:2px;left:2px}.row[aria-checked=true] .switch-knob{background:var(--paper);transform:translate(18px)}.panel-keys{color:var(--ink-faint);align-items:center;gap:2px;margin:10px 0 0;font-size:10.5px;display:flex}.panel-keys kbd{font-family:var(--font-mono);border:1px solid var(--rule);border-radius:4px;padding:1px 4px;font-size:10px}.panel-note{color:var(--ink-soft);border-top:1px solid var(--rule);margin:18px 0 0;padding-top:14px;font-size:11px;line-height:1.5}.shortcuts{z-index:30;background:color-mix(in srgb,var(--bg)84%,transparent);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);place-items:center;display:grid;position:fixed;inset:0}.shortcuts[hidden]{display:none}.shortcuts dl{grid-template-columns:auto 1fr;gap:10px 18px;margin:0;font-size:13.5px;display:grid}.shortcuts dt{font-family:var(--font-mono);color:var(--ink-soft);text-align:right}.shortcuts dd{margin:0}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (max-width:640px){.controls{gap:6px}.btn{min-height:44px;padding:0 12px}.btn kbd{display:none}.btn-primary{min-width:96px}.btn-icon{min-width:44px}.panel{width:auto;inset:auto 14px 76px;transform:none}.tally-label{display:none}}@media (prefers-reduced-motion:reduce){.controls,.tally,.clock-hint{transition-duration:1ms}.controls[data-dimmed=true]{opacity:1;pointer-events:auto;transform:none}}