:root{--bg: #faf9f7;--fg: #1b1a18;--muted: #6d6862;--line: #d9d4cc;--surface: #ffffff}@media(prefers-color-scheme:dark){:root{--bg: #15171b;--fg: #eceae6;--muted: #9a948c;--line: #313640;--surface: #1d2026}}body{background:var(--bg);color:var(--fg)}.app{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;padding:1.5rem;text-align:center}.phase{margin:0;font-size:clamp(1rem,3.5vw,1.5rem);font-weight:500;letter-spacing:.18em;text-transform:uppercase;color:var(--muted)}.time{margin:0;font-size:clamp(4.5rem,26vw,15rem);font-weight:300;line-height:1;font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1}.round{margin:0;font-size:clamp(.95rem,2.5vw,1.15rem);color:var(--muted)}.controls{display:flex;flex-wrap:wrap;justify-content:center;gap:.75rem;margin-top:2rem}.controls button{min-width:7rem;padding:.7rem 1.4rem;font:inherit;font-size:1rem;color:var(--fg);background:var(--surface);border:1px solid var(--line);border-radius:.5rem;cursor:pointer}.controls button:hover:not(:disabled){border-color:var(--muted)}.controls button:focus-visible{outline:2px solid var(--fg);outline-offset:2px}.controls button:disabled{color:var(--muted);background:transparent;cursor:default;opacity:.55}*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}