:root{--bg:#f4f6fb;--surface:#fff;--text:#0f172a;--muted:#64748b;--border:#e2e8f0;--accent:#f97316;--work:#ef4444;--rest:#10b981;--warm:#f59e0b;--setrest:#3b82f6;--cool:#8b5cf6;--done:#0ea5e9;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--bg:#0b1120;--surface:#151e32;--text:#e2e8f0;--muted:#94a3b8;--border:#23304a}}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--text);overscroll-behavior:none;font:16px/1.4 system-ui,-apple-system,Segoe UI,Roboto,sans-serif}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0}button:disabled{opacity:.4;cursor:default}input{font:inherit;color:inherit}.screen{max-width:560px;min-height:100%;padding:calc(env(safe-area-inset-top) + 12px) 16px calc(env(safe-area-inset-bottom) + 16px);flex-direction:column;margin:0 auto;display:flex}.topbar{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:16px;display:flex}.topbar h1{white-space:nowrap;flex:1;margin:0;font-size:1.5rem}.toggles{gap:8px;display:flex}.chip{border:1px solid var(--border);background:var(--surface);opacity:.55;border-radius:999px;padding:6px 12px;font-size:1.125rem}.chip.on{opacity:1;border-color:var(--accent)}.link{color:var(--accent);padding:8px 0;font-weight:600}.cards{gap:12px;margin:0 0 96px;padding:0;list-style:none;display:grid}.card{background:var(--surface);border:1px solid var(--border);border-radius:16px;align-items:stretch;display:flex;overflow:hidden}.card-main{text-align:left;flex:1;gap:2px;padding:14px 16px;display:grid}.card-name{font-size:1.125rem;font-weight:700}.card-meta,.card-total{color:var(--muted);font-size:.875rem}.play{background:var(--accent);color:#fff;width:72px;font-size:1.5rem}.empty{color:var(--muted);text-align:center;padding:32px}.fab{left:50%;bottom:calc(env(safe-area-inset-bottom) + 20px);background:var(--text);color:var(--bg);border-radius:999px;padding:14px 24px;font-weight:700;position:fixed;transform:translate(-50%);box-shadow:0 6px 20px #00000040}form{gap:16px;display:grid}.field{gap:6px;display:grid}.field label,.stepper label{color:var(--muted);font-size:.875rem;font-weight:600}.field input{border:1px solid var(--border);background:var(--surface);border-radius:12px;padding:12px 14px}.grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.stepper{gap:6px;display:grid}.stepper-row{background:var(--surface);border:1px solid var(--border);border-radius:12px;align-items:center;display:flex;overflow:hidden}.stepper-row button{width:44px;height:48px;color:var(--accent);flex:none;font-size:1.375rem}.stepper-row input{text-align:center;font-variant-numeric:tabular-nums;background:0 0;border:0;flex:1;min-width:0;padding:0;font-size:1.125rem;font-weight:700}.total{text-align:center;color:var(--muted);margin:0}.primary{background:var(--accent);color:#fff;border-radius:12px;padding:14px;font-weight:700}.danger{color:var(--work);padding:12px}.run{--phase:var(--done);background:var(--phase);color:#fff;max-width:none;transition:background .3s}.run.phase-work{--phase:var(--work)}.run.phase-rest{--phase:var(--rest)}.run.phase-warmup{--phase:var(--warm)}.run.phase-setRest{--phase:var(--setrest)}.run.phase-cooldown{--phase:var(--cool)}.run.paused{filter:saturate(.5)}.run .link{color:#fff}.run-top{align-items:center;gap:12px;display:flex}.run-name{text-align:center;opacity:.9;text-overflow:ellipsis;white-space:nowrap;flex:1;font-weight:600;overflow:hidden}.run-total{font-variant-numeric:tabular-nums;opacity:.9}.dial{flex:1;place-items:center;margin:16px 0;display:grid;position:relative}.dial svg{width:min(88vw,60vh,420px);height:auto}.ring-bg,.ring{fill:none;stroke-width:14px}.ring-bg{stroke:#ffffff40}.ring{stroke:#fff;stroke-linecap:round;transition:stroke-dashoffset .1s linear}.dial-text{text-align:center;place-content:center;display:grid;position:absolute;inset:0}.phase-label{text-transform:uppercase;letter-spacing:.08em;font-size:1.75rem;font-weight:800}.countdown{font-variant-numeric:tabular-nums;font-size:clamp(4rem,20vw,7rem);font-weight:800;line-height:1.05}.rounds{opacity:.9;font-size:1.125rem}.paused-tag{letter-spacing:.1em;text-transform:uppercase;margin-top:6px;font-weight:700}.up-next{text-align:center;opacity:.85;margin:0 0 16px}.controls{justify-content:center;align-items:center;gap:28px;display:flex}.controls button{background:#fff3;border-radius:50%;width:64px;height:64px;font-size:1.5rem}.controls .big{width:88px;height:88px;color:var(--phase);background:#fff;font-size:2.25rem}.warn{color:#92400e;background:#fef3c7;border-radius:12px;margin:0 0 12px;padding:10px 14px}