tm-timer,tm-stopwatch{text-align:center;font-variant-numeric:tabular-nums;font-family:var(--font-clock,system-ui, sans-serif);display:block}.tm-display{letter-spacing:-.02em;font-size:clamp(3rem,15vw,14rem);font-weight:600;line-height:1}tm-timer[data-state=done] .tm-display{color:var(--color-accent)}.tm-inputs,.tm-presets,.tm-controls{flex-wrap:wrap;justify-content:center;gap:.75rem;margin-top:1.5rem;display:flex}.tm-inputs[hidden],.tm-presets[hidden]{display:none}.tm-inputs label{color:var(--color-ink-muted);gap:.25rem;font-size:.8125rem;display:grid}.tm-inputs input{width:5rem;font:inherit;text-align:center;border:1px solid var(--color-line);color:inherit;font-variant-numeric:tabular-nums;background:0 0;border-radius:.5rem;padding:.4rem;font-size:1.5rem}.tm-presets button,.tm-controls button{font:inherit;border:1px solid var(--color-line);min-width:6.5rem;color:inherit;cursor:pointer;background:0 0;border-radius:999px;padding:.7rem 1.4rem}.tm-controls button[data-toggle]{background:var(--color-accent);border-color:var(--color-accent);color:var(--color-bg);font-weight:600}.tm-presets button{min-width:0;padding:.4rem 1rem;font-size:.875rem}.tm-controls button:disabled{opacity:.4;cursor:default}.tm-inputs input:focus-visible,.tm-presets button:focus-visible,.tm-controls button:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.tm-status{min-height:1.5em;color:var(--color-accent);margin:1rem 0 0;font-size:1.125rem}.tm-hint{color:var(--color-ink-muted);margin-top:1.5rem;font-size:.8125rem}.tm-laps{text-align:start;max-width:28rem;margin:2rem auto 0;padding:0 0 0 1.75rem}.tm-lap{border-top:1px solid var(--color-line);justify-content:space-between;padding:.4rem 0;display:flex}.tm-lap span:last-child{color:var(--color-ink-muted)}tm-interval{text-align:center;font-variant-numeric:tabular-nums;font-family:var(--font-clock);display:block}.sq-phase{min-height:1.2em;color:var(--color-accent);margin:0 0 1rem;font-size:clamp(1.5rem,5vw,3rem);font-weight:600}tm-interval[data-kind=rest] .sq-phase{color:var(--color-locked)}tm-interval[data-state=idle] .sq-phase{color:var(--color-ink-muted)}.sq-meta{color:var(--color-ink-muted);margin:1rem 0 0}.sq-check{align-self:end;align-items:center;gap:.5rem;padding-bottom:.6rem;display:flex}.sq-links{text-align:center;color:var(--color-ink-muted);margin-top:2.5rem;font-size:.9375rem}
