:root{color-scheme:dark;--bg: #0a0a0a;--panel: #171717;--panel-soft: rgba(23, 23, 23, .62);--panel-muted: rgba(23, 23, 23, .42);--border: #262626;--text: #fafafa;--muted: #a3a3a3;--faint: #737373;--start: #a7f3d0;--start-bg: rgba(16, 185, 129, .15);--start-border: rgba(52, 211, 153, .3);--lap: #bae6fd;--lap-bg: rgba(14, 165, 233, .15);--lap-border: rgba(56, 189, 248, .3)}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--bg);color:var(--text);font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button{font:inherit}.stopwatch-app{min-height:100dvh;width:100%;background:var(--bg);color:var(--text);display:flex;flex-direction:column;padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom)}.top-bar{padding:16px 16px 8px;display:flex;align-items:center;justify-content:space-between;gap:12px}.title-block{display:flex;flex-direction:column}.eyebrow{color:var(--muted);font-size:12px;letter-spacing:0;text-transform:uppercase}.top-status{color:var(--text);font-size:18px;font-weight:650;line-height:1.1}.control-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-end}.small-button{appearance:none;border:1px solid var(--border);background:var(--panel);color:var(--text);border-radius:12px;padding:9px 12px;font-size:14px;font-weight:700;transition:transform .12s ease,opacity .12s ease,background .12s ease,color .12s ease;touch-action:manipulation;-webkit-user-select:none;user-select:none}.small-button:active{transform:scale(.98)}.small-button:disabled{opacity:.4}.small-button:disabled:active{transform:none}.small-button.active{background:var(--text);border-color:var(--text);color:var(--bg)}.big-button-wrap{padding:0 16px 12px}.big-button{width:100%;border-radius:28px;border:1px solid;color:var(--text);touch-action:manipulation;-webkit-user-select:none;user-select:none;overscroll-behavior:contain}.big-button.start{background:var(--start-bg);border-color:var(--start-border)}.big-button.lap{background:var(--lap-bg);border-color:var(--lap-border)}.big-button.paused{background:var(--panel);border-color:var(--border)}.big-button-inner{position:relative;height:100%;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:clamp(22px,5vw,34px) clamp(14px,4vw,28px)}.button-metrics{position:absolute;top:clamp(20px,5vw,32px);left:clamp(18px,5vw,34px);right:clamp(18px,5vw,34px);display:flex;align-items:flex-start;justify-content:space-between;gap:18px;pointer-events:none}.corner-metric,.lap-readout{display:flex;flex-direction:column;font-variant-numeric:tabular-nums;font-feature-settings:"tnum"}.corner-metric{min-width:5ch}.average-metric{align-items:flex-end;text-align:right}.total-metric{align-items:flex-start;opacity:1;text-align:left}.corner-metric span,.lap-readout span{color:var(--muted);font-size:12px;font-weight:800;letter-spacing:0;line-height:1;text-transform:uppercase}.corner-metric strong,.lap-readout strong{margin:0;display:block;width:5ch;letter-spacing:0;text-align:center;white-space:nowrap}.corner-metric strong{margin-top:7px;color:var(--text);font-size:32px;font-weight:800;line-height:1}.lap-readout{width:100%;align-items:center;justify-content:center;min-height:120px;padding-top:42px}.lap-readout strong{margin-top:10px;color:var(--lap);font-size:112px;font-weight:950;line-height:.9}.big-button.start .lap-readout strong{color:var(--start)}.big-button.paused .lap-readout strong{color:#d4d4d4}.big-action{border-radius:999px;border:1px solid var(--border);background:#0a0a0a4d;color:var(--text);padding:8px 14px;font-size:13px;font-weight:900;letter-spacing:0;line-height:1}.big-action.start{color:var(--start);border-color:var(--start-border)}.big-action.lap{color:var(--lap);border-color:var(--lap-border)}.big-action.paused{color:#d4d4d4}.saved-best{color:var(--muted);font-size:14px}.personal-best-pop{position:absolute;top:clamp(74px,18vw,104px);left:50%;z-index:3;display:flex;flex-direction:column;align-items:center;gap:4px;padding:10px 16px;border-radius:999px;border:1px solid rgba(250,204,21,.55);background:#18181be6;box-shadow:0 12px 42px #facc153d;color:#fef3c7;pointer-events:none;text-align:center;text-transform:uppercase;transform:translate(-50%,-50%);animation:personal-best-pop 1.5s ease both}.personal-best-pop span{font-size:12px;font-weight:950;letter-spacing:0;line-height:1}.personal-best-pop strong{font-size:18px;font-weight:950;line-height:1}.lap-score-flash{position:absolute;inset:clamp(16px,4vw,26px);z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;border-radius:24px;border:1px solid rgba(186,230,253,.42);background:radial-gradient(circle at center,#0ea5e957,#0a0a0adb 72%),#0a0a0ab3;box-shadow:inset 0 0 44px #38bdf829;color:var(--lap);pointer-events:none;text-align:center;animation:lap-score-flash 1s ease both}.lap-score-flash span{color:var(--text);font-size:22px;font-weight:950;letter-spacing:0;line-height:1;text-transform:uppercase}.lap-score-flash strong{display:block;width:5ch;color:var(--lap);font-size:128px;font-weight:950;font-variant-numeric:tabular-nums;font-feature-settings:"tnum";letter-spacing:0;line-height:.9;text-align:center}@keyframes personal-best-pop{0%{opacity:0;transform:translate(-50%,-35%) scale(.82)}12%{opacity:1;transform:translate(-50%,-58%) scale(1.08)}24%{transform:translate(-50%,-50%) scale(1)}78%{opacity:1;transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(-50%,-65%) scale(.96)}}@keyframes lap-score-flash{0%{opacity:0;transform:scale(.88)}12%{opacity:1;transform:scale(1.03)}24%{transform:scale(1)}76%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.98)}}@media(prefers-reduced-motion:reduce){.personal-best-pop,.lap-score-flash{animation:none}}.laps-panel{flex:1;min-height:0;padding:0 16px 20px;overflow:hidden}.laps-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:8px}.laps-title{font-size:14px;font-weight:700}.stats{margin-bottom:12px;padding:12px;border-radius:16px;border:1px solid var(--border);background:var(--panel-soft)}.stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;font-size:14px;font-variant-numeric:tabular-nums;font-feature-settings:"tnum"}.stat-label{color:var(--muted);font-size:12px}.stat-value{color:var(--text);font-weight:700}.lap-list{max-height:420px;overflow:auto;border-radius:16px;border:1px solid var(--border);background:var(--panel-muted)}.empty{padding:16px;color:var(--muted);font-size:14px}.empty strong{color:#e5e5e5}.lap-list ul{list-style:none;padding:0;margin:0}.lap-list li{padding:12px 16px;display:flex;align-items:center;justify-content:space-between;gap:16px;border-bottom:1px solid var(--border)}.lap-list li:last-child{border-bottom:0}.lap-left{display:flex;align-items:baseline;gap:12px}.lap-number{color:var(--muted);font-size:12px;width:40px}.lap-time{font-size:18px;font-weight:700;font-variant-numeric:tabular-nums;font-feature-settings:"tnum";min-width:5ch;text-align:right}.total-time{color:var(--muted);font-size:14px;font-variant-numeric:tabular-nums;font-feature-settings:"tnum";min-width:5ch;text-align:right}.home-link{margin-top:12px;color:var(--faint);font-size:12px;line-height:1.45}@media(max-width:520px){.top-bar{align-items:flex-start}.top-status{font-size:16px}.control-row{gap:6px}.small-button{padding:8px 10px;font-size:13px}}.stopwatch-app{max-width:1000px;margin:0 auto}h1.eyebrow{margin:0 0 4px}.home-link{display:inline-block;color:var(--muted)}.small-button{min-height:44px}button:focus-visible,a:focus-visible{outline:3px solid var(--lap);outline-offset:3px}@media(max-width:520px){.corner-metric strong{font-size:24px}.lap-readout strong{font-size:72px}.lap-score-flash strong{font-size:80px}.lap-score-flash span{font-size:18px}.laps-head{flex-wrap:wrap}.big-button-wrap{padding-left:12px;padding-right:12px}.big-button-inner{padding-left:8px;padding-right:8px}}