:root{color-scheme:light dark;--bg: #f6f7f9;--fg: #14171c;--muted: #4a5260;--card: #ffffff;--accent: #b45309;--accent-fg: #ffffff;--ring: #1d4ed8;--line: #d5d9e0}@media(prefers-color-scheme:dark){:root{--bg: #0f1218;--fg: #eef1f6;--muted: #a6afbf;--card: #181d27;--accent: #fbbf24;--accent-fg: #14171c;--ring: #93c5fd;--line: #2b3342}}*{box-sizing:border-box}html{font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;background:var(--bg);color:var(--fg)}body{margin:0;min-height:100vh;line-height:1.5}main,footer{max-width:40rem;margin:0 auto;padding:0 16px}main{padding-top:40px;padding-bottom:24px}h1{font-size:1.75rem;line-height:2.25rem;margin:0 0 4px}.tagline{color:var(--muted);margin:0 0 24px}.panel{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:24px;text-align:center}#toggle{width:120px;height:120px;border-radius:50%;border:2px solid var(--line);background:var(--bg);color:var(--fg);display:inline-flex;align-items:center;justify-content:center;cursor:pointer}#toggle[aria-pressed=true]{background:var(--accent);color:var(--accent-fg);border-color:var(--accent)}#toggle:disabled{opacity:.5;cursor:not-allowed}#toggle:focus-visible{outline:3px solid var(--ring);outline-offset:3px}#toggle svg{width:56px;height:56px}#status{height:1.5rem;margin:16px 0 0;font-weight:600}#support-note{margin:12px 0 0;color:var(--muted)}[hidden]{display:none!important}footer{padding-bottom:32px;color:var(--muted);font-size:.875rem}@media(prefers-reduced-motion:no-preference){#toggle{transition:background-color .15s,color .15s}}.timer{margin-top:16px;text-align:left}h2{font-size:1rem;margin:0 0 12px}#countdown{height:2.5rem;margin:8px 0 0;font-size:2rem;line-height:2.5rem;font-variant-numeric:tabular-nums;font-weight:700}.presets{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:12px}.row{display:flex;align-items:center;gap:8px;margin-top:8px;min-height:40px}.row label{flex:1}button,input{font:inherit;color:var(--fg);background:var(--bg);border:1px solid var(--line);border-radius:8px;min-height:40px;padding:0 12px}input{width:7.5rem}.presets button,.row button,#float{cursor:pointer}.presets button[aria-pressed=true]{background:var(--accent);color:var(--accent-fg);border-color:var(--accent)}button:disabled,input:disabled{opacity:.5;cursor:not-allowed}button:focus-visible,input:focus-visible{outline:3px solid var(--ring);outline-offset:2px}#timer-error{min-height:1.5rem;margin:8px 0 0;color:#b91c1c}@media(prefers-color-scheme:dark){#timer-error{color:#fca5a5}}#float{margin-top:12px}#float-note{min-height:3rem;margin:8px 0 0;color:var(--muted);font-size:.875rem}input[type=checkbox]{width:24px;height:24px;min-height:0;padding:0;flex:none;accent-color:var(--accent)}#notify-note{min-height:1.5rem;margin:4px 0 0;color:var(--muted);font-size:.875rem}.prose{margin-top:32px}.prose h2{font-size:1.25rem;line-height:1.75rem;margin:0 0 12px}.prose p{margin:0 0 12px}.steps{padding-left:1.25rem;margin:0}.steps li{margin-bottom:8px}.cards{list-style:none;padding:0;margin:0;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(14rem,1fr))}.cards li{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:12px 16px}.cards strong,.cards span{display:block}.cards span{color:var(--muted)}details{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:0 16px;margin-bottom:8px}summary{cursor:pointer;padding:12px 0;font-weight:600}summary:focus-visible,a:focus-visible{outline:3px solid var(--ring);outline-offset:2px}details p{margin:0 0 12px;color:var(--muted)}a{color:var(--ring)}footer p{margin:0 0 8px}nav{margin-top:8px}