*{box-sizing:border-box}html{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#0f0f10;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}body{min-width:20rem;min-height:100dvh;margin:0}button,input,select,textarea{font:inherit}:root{--background:#0f0f10;--panel-light:#1f1f22;--border:#39393d;--text:#f4f1f0;--muted:#aaa6a5;--accent:#ffaaa6;--accent-text:#4d1716}.app-shell{background:var(--background);min-height:100dvh;color:var(--text)}.app-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:2rem;min-height:4.5rem;padding:0 2rem;display:flex}.brand{color:var(--text);font-size:1.1rem;font-weight:700;text-decoration:none}.app-header nav{gap:.25rem;display:flex;overflow-x:auto}.app-header nav button{color:var(--muted);white-space:nowrap;background:0 0;border:0;border-radius:.5rem;padding:.65rem .85rem}.app-header nav button[aria-pressed=true]{background:var(--panel-light);color:var(--text)}.app-main{grid-template-columns:1fr 1fr;height:calc(100dvh - 4.5rem);min-height:0;display:grid}.requirements-panel{border-right:1px solid var(--border);padding:clamp(2rem,5vw,5rem);overflow-y:auto}.requirements-panel h1,.placeholder p{color:var(--accent);letter-spacing:.12em;text-transform:uppercase;margin:0 0 .75rem;font-size:.75rem;font-weight:700}.stopwatch h2,.placeholder h2{margin:0;line-height:1.1}.requirements-panel ol{margin:2rem 0 3rem;padding-left:1.25rem}.requirements-panel li{color:#d8d4d3;margin-bottom:1rem;padding-left:.5rem;line-height:1.6}.requirements-panel h2{border-top:1px solid var(--border);margin:0;padding-top:1.5rem;font-size:1.1rem}.requirements-panel p{color:var(--muted);margin:.75rem 0 0;line-height:1.5}.module-panel{min-width:0;overflow:hidden}.module-panel>div,.stopwatch,.placeholder{height:100%}.stopwatch,.placeholder{box-sizing:border-box;flex-direction:column;justify-content:center;align-items:center;padding:clamp(2rem,5vw,5rem);display:flex}.stopwatch h2{align-self:flex-start;font-size:1rem;font-weight:500}.stopwatch-time{font-variant-numeric:tabular-nums;letter-spacing:-.05em;margin:auto 0 2rem;font-size:clamp(3.25rem,7vw,7rem);line-height:1}.lap-list{scroll-snap-type:x mandatory;gap:.75rem;width:min(100%,23rem);min-height:7rem;padding-bottom:.5rem;display:flex;overflow-x:auto}.lap-card{box-sizing:border-box;border:1px solid var(--border);text-align:center;scroll-snap-align:end;border-radius:.75rem;flex:0 0 calc(33.3333% - .5rem);gap:.35rem;min-width:6.75rem;padding:.85rem .5rem;display:grid}.lap-card strong{color:var(--accent);font-size:.8rem}.lap-card output{font-variant-numeric:tabular-nums;font-size:.82rem}.stopwatch-actions{gap:.75rem;width:min(100%,23rem);margin-top:auto;display:grid}.stopwatch-actions button{border:1px solid var(--border);background:var(--panel-light);min-height:3.5rem;color:var(--text);font:inherit;border-radius:999px;font-weight:600}.stopwatch-actions .primary-action{border-color:var(--accent);background:var(--accent);color:var(--accent-text)}.secondary-actions{grid-template-columns:1fr 1fr;gap:.75rem;display:grid}.placeholder{text-align:center}.placeholder h2{margin-bottom:.75rem;font-size:clamp(2.5rem,6vw,5rem)}.placeholder span{color:var(--muted)}button,a{cursor:pointer}button:hover{filter:brightness(1.1)}button:focus-visible,a:focus-visible{outline-offset:3px;outline:3px solid #fff}@media (width<=800px){.app-header{flex-direction:column;align-items:flex-start;gap:.5rem;padding:.75rem 1rem}.app-header nav{width:100%}.app-main{grid-template-columns:1fr;height:auto;min-height:calc(100dvh - 7rem)}.requirements-panel{border-right:0;border-bottom:1px solid var(--border);padding:2rem 1.25rem}.module-panel{order:-1;min-height:calc(100dvh - 7rem)}.stopwatch,.placeholder{padding:1.5rem 1.25rem}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important}}