.timer-app,.timer-tool{--timer-phase-color:var(--color-accent);width:100%;min-width:0;color:var(--color-text)}.timer-app *,.timer-tool *{box-sizing:border-box}.timer-card,.timer-screen,.timer-readout,.timer-stage{min-width:0;padding:clamp(1rem,3vw,2rem);border:1px solid var(--color-border);background:var(--color-surface);border-radius:var(--radius-panel,1rem)}.timer-screen,.timer-readout,.timer-stage{text-align:center;margin:1rem 0}.timer-phase{color:var(--timer-phase-color);font-size:clamp(1.1rem,4vw,1.65rem);font-weight:750;margin:.4rem 0;overflow-wrap:anywhere}.timer-display,.timer-digits{font-variant-numeric:tabular-nums;font-size:clamp(2.6rem,12vw,7.25rem);line-height:1.1;letter-spacing:-.035em;font-weight:750;white-space:nowrap;max-width:100%;margin:1rem 0}.timer-display[data-long=true],.timer-digits[data-long=true]{font-size:clamp(1.65rem,7vw,5rem)}.timer-display small,.timer-digits small,.timer-fraction{font-size:.48em;letter-spacing:0;font-weight:500;color:var(--color-muted)}.timer-actions,.timer-controls,.timer-view-controls{display:flex;flex-wrap:wrap;justify-content:center;gap:.6rem;align-items:center;margin:.75rem 0}.timer-app button,.timer-tool button,.timer-audio button{min-height:44px;padding:.65rem 1rem;border-radius:var(--radius-control,.625rem);font-weight:650;cursor:pointer;border:1px solid var(--color-border);background:var(--color-surface-muted);color:var(--color-text)}.timer-app button:disabled,.timer-tool button:disabled{opacity:.55;cursor:default}.timer-app button:focus-visible,.timer-tool button:focus-visible,.timer-app input:focus-visible,.timer-tool input:focus-visible,.timer-app select:focus-visible,.timer-tool select:focus-visible{outline:3px solid var(--color-focus);outline-offset:2px}.timer-app .timer-primary,.timer-tool .timer-primary{background:var(--color-action);color:var(--color-on-action);border-color:var(--color-action);min-width:9rem;font-size:1.15rem}.timer-app .timer-secondary,.timer-tool .timer-secondary{font-size:.95rem}.timer-status,.timer-next,.timer-hint{color:var(--color-muted);line-height:1.5;margin:.65rem 0;overflow-wrap:anywhere}.timer-status{min-height:1.5em}.timer-error{color:var(--color-error);line-height:1.5;overflow-wrap:anywhere}.timer-progress{appearance:none;width:100%;height:.45rem;border:0;border-radius:10px;overflow:hidden;background:var(--color-surface-muted);accent-color:var(--timer-phase-color)}.timer-progress::-webkit-progress-bar{background:var(--color-surface-muted)}.timer-progress::-webkit-progress-value{background:var(--timer-phase-color)}.timer-progress::-moz-progress-bar{background:var(--timer-phase-color)}.timer-grid,.timer-audio-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,13rem),1fr));gap:1rem;align-items:start}.timer-field{display:flex;flex-direction:column;gap:.35rem;font-weight:600;font-size:1rem;min-width:0}.timer-field input,.timer-field select,.timer-app input:not([type=checkbox]):not([type=range]),.timer-tool input:not([type=checkbox]):not([type=range]),.timer-app select,.timer-tool select{min-height:44px;min-width:0;width:100%;font-size:16px;border:1px solid var(--color-border);border-radius:var(--radius-control,.625rem);padding:.55rem .7rem;color:var(--color-text);background:var(--color-surface)}.timer-field input[type=range]{width:100%;min-height:44px;padding:0;accent-color:var(--color-accent)}.timer-check{display:flex;align-items:center;min-height:44px;gap:.5rem;line-height:1.4}.timer-check input[type=checkbox],.timer-view-controls input[type=checkbox]{width:1.2rem;height:1.2rem;flex:none;accent-color:var(--color-accent)}.timer-settings,.timer-audio{margin:1rem 0;border:1px solid var(--color-border);border-radius:var(--radius-panel,1rem);padding:1rem;background:var(--color-surface)}.timer-settings>summary,.timer-audio>summary{cursor:pointer;min-height:44px;display:flex;align-items:center;font-weight:700}.timer-settings[open]>summary,.timer-audio[open]>summary{margin-bottom:1rem}.timer-audio output{font-weight:400;color:var(--color-muted)}.timer-audio [hidden],.timer-app [hidden],.timer-tool [hidden]{display:none!important}.timer-badge{display:inline-block;border:1px solid var(--color-border);border-radius:999px;padding:.3rem .6rem;color:var(--color-muted);font-size:.9rem}.timer-laps{width:100%;overflow-x:auto;margin-top:1rem}.timer-laps table{width:100%;border-collapse:collapse;font-variant-numeric:tabular-nums}.timer-laps th,.timer-laps td{text-align:left;padding:.7rem .4rem;border-bottom:1px solid var(--color-border)}.timer-app[data-phase=rest],.timer-tool[data-phase=break],.timer-tool[data-phase=long-break]{--timer-phase-color:var(--color-success)}.timer-app[data-phase=preparation],.timer-app[data-phase=warmup],.timer-tool[data-phase=awaiting]{--timer-phase-color:var(--color-warning)}.timer-focus{position:fixed;inset:0;z-index:80;padding:clamp(.6rem,3vw,2rem);background:var(--color-bg);overflow-y:auto;display:flex;flex-direction:column;align-items:stretch}.timer-focus .timer-screen,.timer-focus .timer-readout,.timer-focus .timer-stage{margin:auto 0 .6rem}.timer-focus .timer-display,.timer-focus .timer-digits{font-size:clamp(3rem,17vw,12rem)}.timer-focus .timer-display[data-long=true],.timer-focus .timer-digits[data-long=true]{font-size:clamp(2rem,9vw,8rem)}.timer-focus .timer-settings{display:none}.timer-focus .timer-audio{margin:.5rem 0}.timer-focus .timer-phase{font-size:clamp(1.4rem,5vw,3rem)}.timer-app:fullscreen,.timer-tool:fullscreen{padding:1rem;overflow:auto;background:var(--color-bg)}@media (max-width:390px){.timer-card,.timer-screen,.timer-readout,.timer-stage{padding:.8rem}.timer-display,.timer-digits{font-size:clamp(2.2rem,12vw,3rem)}.timer-actions button,.timer-controls button{flex:1 1 auto;padding:.65rem .6rem}.timer-view-controls{justify-content:flex-start}}@media (prefers-reduced-motion:reduce){.timer-app *,.timer-tool *{transition:none!important;animation:none!important;scroll-behavior:auto!important}}