:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--bg:#f8fafc;--fg:#0f172a;--muted:#64748b;--card:#fff;--line:#e2e8f0;--primary:#1d4ed8;--start:#15803d;--pause:#b45309;--stop:#b91c1c;background:var(--bg);color:var(--fg);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:18px}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--bg:#0f172a;--fg:#f1f5f9;--muted:#94a3b8;--card:#1e293b;--line:#334155}}*{box-sizing:border-box}body{margin:0}main{padding:1rem;padding-bottom:calc(2rem + env(safe-area-inset-bottom));max-width:40rem;margin:0 auto}h1,h2,h3{margin:.5rem 0}.topbar{padding:.75rem 1rem;padding-top:calc(.75rem + env(safe-area-inset-top));color:#f8fafc;background:#0f172a;justify-content:space-between;align-items:center;gap:.5rem;display:flex;position:sticky;top:0}.topbar .link{color:inherit}.center{place-items:center;min-height:100vh;display:grid}.muted{color:var(--muted)}.error{color:var(--stop)}.banner{border:1px solid var(--stop);border-radius:.5rem;margin:.5rem 0;padding:.5rem .75rem}.card{background:var(--card);border:1px solid var(--line);border-radius:.75rem;margin:.75rem 0;padding:1rem}.narrow{gap:.75rem;max-width:24rem;margin:4rem auto;display:grid}label{gap:.25rem;margin:.5rem 0;display:grid}input{font:inherit;border:1px solid var(--line);background:var(--card);color:var(--fg);border-radius:.5rem;width:100%;padding:.75rem}.btn{font:inherit;border:1px solid var(--line);background:var(--card);color:var(--fg);cursor:pointer;border-radius:.75rem;width:100%;min-height:3rem;margin:.4rem 0;padding:.75rem 1rem}.btn:disabled{opacity:.5}.btn.primary{background:var(--primary);border-color:var(--primary);color:#fff}.btn.big{min-height:3.5rem;font-weight:600}.btn.huge{color:#fff;border:none;min-height:5.5rem;font-size:1.6rem;font-weight:700}.btn.start{background:var(--start)}.btn.pause{background:var(--pause)}.btn.stop{background:var(--stop)}.link{font:inherit;color:var(--primary);cursor:pointer;background:0 0;border:none;padding:.5rem}.link.danger{color:var(--stop);font-size:1.3rem}.pill{background:var(--line);color:var(--fg);white-space:nowrap;border-radius:999px;padding:.15rem .6rem;font-size:.75rem}.pill.ok{color:#fff;background:#166534}.pill.warn{color:#fff;background:#b45309}.pill.in_progress{color:#fff;background:#1d4ed8}.pill.completed{color:#fff;background:#166534}.list{gap:.5rem;margin:.5rem 0;padding:0;list-style:none;display:grid}.row{text-align:left;width:100%;font:inherit;color:inherit;background:var(--card);border:1px solid var(--line);cursor:pointer;border-radius:.75rem;justify-content:space-between;align-items:center;gap:.5rem;min-height:3.5rem;padding:.8rem 1rem;display:flex}.row.static{cursor:default}.row.selected{border-color:var(--primary);box-shadow:0 0 0 2px var(--primary) inset}.row small{color:var(--muted);display:block}.search{margin:.5rem 0}.timer{text-align:center;padding:1.25rem 0}.timer .time{font-variant-numeric:tabular-nums;font-size:3.5rem;font-weight:700}.timer.working .time{color:var(--start)}.timer.paused .time{color:var(--pause)}.controls{gap:.5rem;display:grid}.stepper{text-align:center;grid-template-columns:4rem 1fr 4rem;align-items:center;gap:.5rem;display:grid}.stepper .btn{margin:0;font-size:1.5rem}.qty{font-size:1.6rem;font-weight:700}.secret{letter-spacing:.05em;background:var(--line);word-break:break-all;border-radius:.5rem;padding:.75rem;font-size:1.1rem;display:block}.kv{align-items:center;gap:.5rem;margin:.4rem 0;display:flex}.kv span:first-child{min-width:7rem;color:var(--muted)}.segmented{grid-template-columns:1fr 1fr;gap:.5rem;display:grid}.log{color:var(--muted);padding-left:1rem;font-size:.85rem}details summary{cursor:pointer;margin:.5rem 0}
