:root{--accent:#2563eb;--accent-soft:#eff6ff}:root[data-theme="dark"]{--accent:#87b1ff;--accent-soft:#1d2a40}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.timer-page .site-header nav{gap:22px}.timer-app{text-align:center;padding:28px 0 32px}.mode-tabs{display:flex;justify-content:center;gap:30px;margin:25px 0 19px}.mode-tabs button{background:none;border:0;border-bottom:2px solid transparent;color:var(--muted);padding:8px 7px;font-size:14px;min-height:40px}.mode-tabs [aria-selected="true"]{color:var(--accent);border-bottom-color:var(--accent)}.timer-display{margin:0;letter-spacing:-4px;line-height:1.2}.stopwatch-mode .timer-display{font-size:clamp(40px,9vw,94px);letter-spacing:-3px}.time-state{color:var(--muted);font-size:13px;margin:10px 0 0;min-height:21px}.fullscreen-button{display:block;margin:15px auto 25px;min-height:30px}.duration-fields{display:flex;align-items:flex-end;justify-content:center;gap:12px;border:0;padding:0;margin:0 auto;max-width:360px}.duration-fields>div{flex:1;min-width:0}.duration-fields label{display:block;text-align:left;color:var(--muted);font-size:12px;margin-bottom:7px}.duration-fields input{height:48px;border:1px solid var(--line);border-radius:5px;background:var(--bg);color:var(--text);font:24px Arial,sans-serif;font-variant-numeric:tabular-nums;padding:8px 12px;width:100%}.duration-fields>span{line-height:48px;height:48px;color:var(--muted);font-size:20px}.duration-presets{display:flex;flex-wrap:wrap;justify-content:center;gap:11px;margin:15px 0 24px}.duration-presets button{background:none;border:0;min-height:38px;padding:6px 8px;font-size:12px;color:var(--muted)}.duration-presets button:hover{color:var(--accent)}.main-controls{display:flex;justify-content:center;gap:12px;flex-wrap:wrap}.main-controls .primary-button{min-width:176px}.main-controls .outline-button{min-height:52px;min-width:90px}.timer-settings{border-top:1px solid var(--line);padding-top:23px}.timer-settings .section-heading{margin-bottom:17px}.timer-settings .section-heading h2{font-size:16px}.timer-settings .sound-row{max-width:430px}.timer-settings fieldset{border:0;padding:0;margin:0;min-width:0}.timer-settings .volume-row{margin:19px 0 15px}.timer-settings .reliability-note{margin-top:15px}.timer-guide{border-top:1px solid var(--line);margin-top:35px}.timer-app .status{text-align:center;margin-top:15px}.end-panel{margin-top:24px;padding:20px 0;border-top:2px solid var(--accent)}.end-panel h2{font-size:25px;margin:0 0 7px;color:var(--accent)}.end-panel p{font-size:12px;color:var(--muted)}.end-controls{display:flex;justify-content:center;gap:10px;flex-wrap:wrap}.end-controls .outline-button{min-height:52px}.is-timer-ringing .timer-display{color:var(--accent)}.background-timer{font-size:12px;color:var(--muted);margin:18px 0 0}.lap-region{margin:23px auto 0;max-width:520px;max-height:310px;overflow:auto}.lap-region table{border-collapse:collapse;width:100%;font-variant-numeric:tabular-nums;font-size:13px}.lap-region th,.lap-region td{border-bottom:1px solid var(--line);padding:11px 8px;text-align:right}.lap-region th{font-weight:500;font-size:12px;color:var(--muted);background:var(--bg);position:sticky;top:0}.lap-region th:first-child,.lap-region td:first-child{text-align:left}.timer-app:fullscreen,.timer-app.fullscreen-fallback{background:var(--bg);display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;padding:20px;overflow:auto}.timer-app.fullscreen-fallback{position:fixed;inset:0;z-index:50}.timer-app:fullscreen .tool-heading,.timer-app.fullscreen-fallback .tool-heading,.timer-app:fullscreen .duration-fields,.timer-app.fullscreen-fallback .duration-fields,.timer-app:fullscreen .duration-presets,.timer-app.fullscreen-fallback .duration-presets{display:none}.timer-app:fullscreen .timer-display,.timer-app.fullscreen-fallback .timer-display{font-size:clamp(48px,15vw,210px)}.timer-app:fullscreen.stopwatch-mode .timer-display,.timer-app.fullscreen-fallback.stopwatch-mode .timer-display{font-size:clamp(35px,11vw,148px)}.timer-app:fullscreen .lap-region,.timer-app.fullscreen-fallback .lap-region{max-height:25vh;min-width:min(500px,85vw)}.timer-app:fullscreen .mode-tabs,.timer-app.fullscreen-fallback .mode-tabs{margin-top:0}.timer-app:fullscreen .fullscreen-button,.timer-app.fullscreen-fallback .fullscreen-button{margin:10px 0 20px}.timer-page.fullscreen-active{overflow:hidden}
@media(max-width:700px){.timer-page .site-header nav{gap:15px}.timer-page nav a[aria-current]{display:inline}.timer-app{padding-top:24px}.timer-display{letter-spacing:-3px}}
@media(max-width:480px){.timer-page .more-nav{display:none}.timer-page .site-header{padding:0 16px}.timer-page .site-header nav{gap:11px;font-size:11px}.timer-page .site-header .text-button{font-size:11px}.timer-page .brand{font-size:15px;letter-spacing:0}.timer-app{padding:20px 0 28px}.mode-tabs{margin:21px 0 20px}.timer-display{font-size:clamp(46px,14.7vw,72px);letter-spacing:-2px}.stopwatch-mode .timer-display{font-size:clamp(33px,10.4vw,48px);letter-spacing:-1.5px}.duration-fields{gap:9px}.duration-fields input{font-size:22px;padding:8px 9px}.duration-presets{gap:3px;margin-top:13px;margin-bottom:22px}.duration-presets button{font-size:11px;padding:6px 7px}.main-controls .primary-button{min-width:140px}.main-controls .outline-button{min-width:70px;padding:10px 15px}.timer-settings .section-heading>span{font-size:10px}.end-controls{gap:8px}.end-controls button{font-size:12px;padding:10px 15px}.time-state{font-size:12px}.lap-region table{font-size:12px}.lap-region th,.lap-region td{padding:10px 5px}}