*,:before,:after{box-sizing:border-box}:root{color-scheme:light;--color-bg:#fafafa;--color-surface:#fff;--color-surface-subtle:#fafafa;--color-border:#e0e0e0;--color-border-subtle:#eee;--color-text:#1a1a1a;--color-text-muted:#666;--color-text-faint:#888;--color-accent:#2563eb;--color-accent-hover:#1d4ed8;--color-accent-bg:#eff6ff;--color-success:#16a34a;--color-danger:#dc2626;--color-hover:#f0f0f0;--color-input-border:#ccc}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){color-scheme:dark;--color-bg:#121212;--color-surface:#1e1e1e;--color-surface-subtle:#262626;--color-border:#3a3a3a;--color-border-subtle:#2a2a2a;--color-text:#f2f2f2;--color-text-muted:#a1a1aa;--color-text-faint:#8a8a8f;--color-accent:#3b82f6;--color-accent-hover:#60a5fa;--color-accent-bg:#1e3a5f;--color-success:#22c55e;--color-danger:#ef4444;--color-hover:#2a2a2a;--color-input-border:#52525b}}:root[data-theme=dark]{color-scheme:dark;--color-bg:#121212;--color-surface:#1e1e1e;--color-surface-subtle:#262626;--color-border:#3a3a3a;--color-border-subtle:#2a2a2a;--color-text:#f2f2f2;--color-text-muted:#a1a1aa;--color-text-faint:#8a8a8f;--color-accent:#3b82f6;--color-accent-hover:#60a5fa;--color-accent-bg:#1e3a5f;--color-success:#22c55e;--color-danger:#ef4444;--color-hover:#2a2a2a;--color-input-border:#52525b}body{background:var(--color-bg);color:var(--color-text);margin:0;font-family:system-ui,sans-serif}.app{min-height:100vh;display:flex}.sidebar{border-right:1px solid var(--color-border);background:var(--color-surface);flex-direction:column;flex-shrink:0;gap:.4rem;width:9rem;padding:1.25rem .5rem;display:flex}.nav-btn{appearance:none;width:100%;color:var(--color-text-faint);cursor:pointer;background:0 0;border:none;border-radius:.25rem;flex-direction:column;align-items:center;gap:.5rem;padding:.85rem .4rem;font-size:.85rem;font-weight:500;text-decoration:none;display:flex}.nav-btn svg{flex-shrink:0}.nav-btn:hover{background:var(--color-hover);color:var(--color-text)}.nav-btn.active{background:var(--color-accent-bg);color:var(--color-accent)}.theme-toggle{margin-top:auto}.lang-switch .lang-flag{font-size:1.4rem;line-height:1}.lang-dialog{background:var(--color-surface);width:min(20rem,90vw);color:var(--color-text);border:1px solid var(--color-border);border-radius:.5rem;padding:0}.lang-dialog::backdrop{background:#0006}.lang-dialog-header{border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;padding:1rem 1.25rem;display:flex}.lang-dialog-header h2{margin:0;font-size:1rem;font-weight:600}.lang-list{margin:0;padding:.5rem;list-style:none}.lang-option{color:var(--color-text);border-radius:.25rem;align-items:center;gap:.75rem;padding:.65rem .75rem;text-decoration:none;display:flex}.lang-option:hover{background:var(--color-hover)}.lang-option.active{background:var(--color-accent-bg);color:var(--color-accent);font-weight:600}.lang-option .lang-flag{font-size:1.25rem;line-height:1}main{flex:1;padding:3rem 1.5rem}.panel{background:var(--color-surface);border:1px solid var(--color-border);border-radius:.5rem;max-width:28rem;margin:0 auto;padding:2rem}.panel-toolbar{border-bottom:1px solid var(--color-border);background:var(--color-surface-subtle);border-radius:.5rem .5rem 0 0;justify-content:flex-end;margin:-2rem -2rem 1.5rem;padding:.75rem 1.25rem;display:flex}.icon-btn{appearance:none;width:1.75rem;height:1.75rem;color:var(--color-text-muted);cursor:pointer;background:0 0;border:none;border-radius:.25rem;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:flex}.icon-btn:hover{background:var(--color-hover);color:var(--color-text)}.display{font-variant-numeric:tabular-nums;text-align:center;margin-bottom:1.5rem;font-size:4rem;font-weight:600}.timer-inputs{justify-content:center;gap:1.5rem;margin-bottom:1.5rem;display:flex}.timer-inputs label{color:var(--color-text-muted);flex-direction:column;align-items:center;gap:.25rem;font-size:.85rem;display:flex}.timer-inputs input{text-align:center;background:var(--color-surface);width:4rem;color:var(--color-text);border:1px solid var(--color-input-border);border-radius:.25rem;padding:.4rem;font-size:1.1rem}.controls{justify-content:center;gap:.75rem;display:flex}.panel:fullscreen{background:var(--color-surface);flex-direction:column;width:100vw;max-width:none;height:100vh;padding:0;display:flex}.panel:fullscreen .panel-toolbar{border-radius:0;margin:0;padding:.75rem 1.25rem}.panel:fullscreen .display{flex:1;justify-content:center;align-items:center;margin:0;font-size:14vw;display:flex}.panel:fullscreen .controls{padding-bottom:3rem}.panel:fullscreen .timer-inputs,.panel:fullscreen .lap-list{display:none}.lap-list{max-height:18rem;margin:1.5rem 0 0;padding:0;list-style:none;overflow-y:auto}.lap-list li{border-bottom:1px solid var(--color-border-subtle);font-variant-numeric:tabular-nums;border-left:3px solid #0000;justify-content:space-between;align-items:baseline;gap:1rem;padding:.6rem .5rem;font-size:.95rem;display:flex}.lap-list li:first-child{border-top:1px solid var(--color-border-subtle)}.lap-list li:hover{background:var(--color-hover)}.lap-list li.fastest{border-left-color:var(--color-success)}.lap-list li.slowest{border-left-color:var(--color-danger)}.lap-list:empty:before{content:attr(data-empty-label);text-align:center;color:var(--color-text-faint);padding:1.5rem .25rem;font-size:.9rem;display:block}.lap-list .lap-num{flex-shrink:0;font-weight:600}.lap-list .lap-times{flex-direction:column;align-items:flex-end;display:flex}.lap-list .lap-split{font-weight:600}.lap-list li.fastest .lap-split{color:var(--color-success)}.lap-list li.slowest .lap-split{color:var(--color-danger)}.lap-list .lap-total{color:var(--color-text-faint);font-size:.75rem}.btn{appearance:none;border:1px solid var(--color-input-border);background:var(--color-surface);color:var(--color-text);cursor:pointer;border-radius:.25rem;padding:.6rem 1.25rem;font-size:.95rem}.btn:hover:not(:disabled){border-color:var(--color-text-faint)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--color-accent);border-color:var(--color-accent);color:#fff}.btn-primary:hover:not(:disabled){background:var(--color-accent-hover)}@media (width<=480px){.app{flex-direction:column}.sidebar{border-right:none;border-bottom:1px solid var(--color-border);flex-direction:row;justify-content:center;gap:.75rem;width:auto;padding:.5rem}.nav-btn{flex-direction:row;width:auto;padding:.5rem .85rem}main{padding:1.5rem 1rem}.panel{padding:1.25rem}.panel-toolbar{margin:-1.25rem -1.25rem 1rem;padding:.6rem 1rem}.display{font-size:2.75rem}.timer-inputs{gap:1rem}.timer-inputs input{width:3.5rem}}