:root{color-scheme:dark;font-family:Inter,"Helvetica Neue","Noto Sans JP",Arial,sans-serif;background:#050505;color:#f5f5f2;--lime:#c8ff28;--muted:#898989;--line:#292929}*{box-sizing:border-box}body{min-height:100vh;margin:0;background:radial-gradient(circle at 50% 13%,rgba(200,255,40,.075),transparent 24rem),#050505}button,a{-webkit-tap-highlight-color:transparent}.app-shell{width:min(100%,760px);min-height:100vh;margin:0 auto;padding:30px clamp(20px,6vw,52px) 72px}.app-header,.section-heading{display:flex;align-items:center;justify-content:space-between}.wordmark{color:#fff;font-size:1.15rem;font-weight:950;font-style:italic;letter-spacing:-.08em;text-decoration:none}.wordmark span{color:var(--lime)}.mode-label{display:flex;align-items:center;gap:8px;margin:0;color:#aaa;font-size:.65rem;font-weight:800;letter-spacing:.2em}.live-dot{width:6px;height:6px;border-radius:50%;background:var(--lime);box-shadow:0 0 12px rgba(200,255,40,.85)}.stopwatch{padding:clamp(72px,12vh,120px) 0 76px}.kicker{margin:0 0 10px;color:var(--lime);font-size:.7rem;font-weight:900;letter-spacing:.24em}h1{margin:0;color:#fff;font-size:clamp(2rem,7vw,4rem);font-weight:900;letter-spacing:-.065em;line-height:1}.time-wrap{margin:clamp(54px,10vh,86px) 0 48px}.display{display:flex;align-items:baseline;justify-content:center;width:100%;color:#fff;font-variant-numeric:tabular-nums;font-size:clamp(4.25rem,18vw,8.5rem);font-weight:800;letter-spacing:-.08em;line-height:.9;white-space:nowrap}.centiseconds{min-width:.92em;color:var(--lime);font-size:.34em;letter-spacing:-.04em}.status{margin:24px 0 0;color:var(--muted);font-size:.64rem;font-weight:900;letter-spacing:.28em;text-align:center}.controls{display:grid;grid-template-columns:1fr minmax(156px,1.3fr) 1fr;align-items:center;gap:14px}button{min-height:58px;padding:14px 20px;border:1px solid var(--line);border-radius:4px;background:transparent;color:#fff;font:inherit;font-size:.82rem;font-weight:850;letter-spacing:.06em;cursor:pointer;transition:transform 150ms ease,background 150ms ease,color 150ms ease,opacity 150ms ease}button:hover:not(:disabled){transform:translateY(-2px)}button:active:not(:disabled){transform:translateY(0) scale(.98)}button:focus-visible{outline:3px solid var(--lime);outline-offset:4px}button:disabled{cursor:not-allowed;opacity:.28}button.primary{display:flex;align-items:center;justify-content:center;gap:10px;border-color:var(--lime);background:var(--lime);color:#050505}button.primary.is-running{border-color:#fff;background:#fff}.button-icon{width:0;height:0;border-top:6px solid transparent;border-bottom:6px solid transparent;border-left:9px solid currentColor}.is-running .button-icon{width:10px;height:10px;border:0;background:currentColor}.laps-section{padding-top:26px;border-top:1px solid var(--line)}.section-heading h2{margin:0;font-size:.8rem;font-weight:900;letter-spacing:.2em}.lap-count{display:grid;width:28px;height:28px;place-items:center;border-radius:50%;background:#191919;color:var(--muted);font-size:.7rem;font-weight:800}.empty-state{display:grid;justify-items:center;gap:18px;padding:54px 16px 24px;color:#646464;font-size:.78rem;text-align:center}.empty-line{width:40px;height:2px;background:#292929}.empty-state p{margin:0}.empty-state[hidden]{display:none}.lap-list{margin:24px 0 0;padding:0;list-style:none}.lap-item{display:grid;grid-template-columns:64px 1fr auto;align-items:center;gap:16px;padding:19px 0;border-bottom:1px solid #1d1d1d;font-variant-numeric:tabular-nums}.lap-number{color:#777;font-size:.72rem;font-weight:800;letter-spacing:.12em}.lap-split{color:#8a8a8a;font-size:.78rem}.lap-total{color:#fff;font-size:1.05rem;font-weight:800}.lap-item:first-child .lap-number{color:var(--lime)}@media(max-width:520px){.app-shell{padding-top:24px}.stopwatch{padding-top:76px}.controls{grid-template-columns:1fr 1fr}button.primary{grid-column:1/-1;grid-row:1}.lap-item{grid-template-columns:52px 1fr auto;gap:10px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}