.stopwatch{margin-inline:auto;max-width:28rem;text-align:center}.stopwatch-display{color:var(--color-text-heading);font-size:clamp(3rem,12vw,5rem);font-variant-numeric:tabular-nums;font-weight:300;letter-spacing:-.02em;line-height:1.1;margin-block:2rem;-webkit-user-select:none;-moz-user-select:none;user-select:none}.stopwatch-display .ms{color:var(--color-text-muted);font-size:.5em}.stopwatch-controls{display:flex;gap:.75rem;justify-content:center;margin-bottom:2rem}.sw-btn{background:var(--color-bg-primary);border:1px solid var(--color-border-light);border-radius:.5rem;color:var(--color-text-primary);cursor:pointer;font-size:1rem;font-weight:500;min-width:6rem;padding:.75rem 2rem;transition:background .15s,border-color .15s}.sw-btn:hover{background:var(--color-hover-bg);border-color:var(--color-border-medium)}.sw-btn.primary{background:var(--color-accent-blue);border-color:var(--color-accent-blue);color:#fff}.sw-btn.primary:hover{opacity:.9}.sw-btn.danger{background:var(--color-accent-red);border-color:var(--color-accent-red);color:#fff}.sw-btn.danger:hover{opacity:.9}.laps{list-style:none;margin:0;max-height:20rem;overflow-y:auto;padding:0}.laps li{border-bottom:1px solid var(--color-border-light);color:var(--color-text-secondary);display:flex;font-size:.9375rem;font-variant-numeric:tabular-nums;justify-content:space-between;padding:.625rem .75rem}.laps li:first-child{border-top:1px solid var(--color-border-light)}.laps .lap-num{color:var(--color-text-muted);font-weight:500}.laps .lap-split{color:var(--color-text-muted);font-size:.875rem}.laps .lap-time{color:var(--color-text-heading);font-weight:500}.laps .best{color:var(--color-accent-green)}.laps .worst{color:var(--color-accent-red)}