.timer-tool-page{--timer-accent:var(--site-accent);--timer-ink:var(--site-ink);--timer-muted:var(--site-muted);background:var(--site-background);color:var(--timer-ink);padding:64px 0 0}.timer-tool-page .tool-intro{text-align:center;max-width:680px;margin:0 auto 32px}.timer-tool-page .eyebrow,.timer-info-section .eyebrow{color:var(--site-accent);font-size:.75rem}.timer-tool-page .tool-intro h1{letter-spacing:-.04em;margin:0 0 16px;font-size:clamp(2.5rem,6vw,3.6rem);line-height:1.1}.timer-tool-page .tool-intro>p:last-child{max-width:580px;color:var(--timer-muted);margin:0 auto;font-size:1.05rem}.timer-shell button{transition:background-color .15s,border-color .15s}.timer-shell{max-width:1040px;box-shadow:0 12px 40px -24px var(--site-shadow);border:1px solid var(--site-border);background:var(--site-surface);border-radius:20px;margin-inline:auto;overflow:hidden}.timer-configuration{border-bottom:1px solid var(--site-border);background:var(--site-surface-soft);padding:28px}.timer-text-fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.timer-field,.duration-field{gap:8px;display:grid}.timer-field>span,.timer-shell .control-label{font-size:.9rem;font-weight:600}.timer-field input{border:1px solid var(--site-border-strong);background:var(--site-surface);width:100%;min-width:0;color:var(--timer-ink);font:inherit;border-radius:8px;outline:none;padding:12px 13px}.timer-field input:focus,.duration-field input:focus{border-color:var(--timer-accent)}.duration-block{margin-top:24px}.duration-inputs{align-items:flex-start;gap:10px;margin-top:11px;display:flex}.duration-field{width:104px}.duration-field input{border:1px solid var(--site-border-strong);background:var(--site-surface);width:100%;min-width:0;color:var(--timer-ink);font:inherit;text-align:center;border-radius:8px;outline:none;padding:12px 8px;font-size:1.05rem;font-weight:600}.duration-field span{color:var(--timer-muted);text-align:center;font-size:.76rem}.duration-colon{color:var(--timer-muted);margin-top:8px;font-size:1.6rem;font-weight:700}.timer-display-panel{background:radial-gradient(circle at 50% 42%, #0f766e0b, transparent 42%), var(--site-surface);text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:430px;padding:50px 32px 42px;display:flex;position:relative;overflow:hidden}.presentation-copy{flex-direction:column;justify-content:flex-end;width:min(720px,100%);min-height:72px;display:flex}.presentation-title{color:var(--timer-ink);letter-spacing:-.02em;margin:0;font-size:clamp(1.25rem,2.5vw,1.85rem);font-weight:700}.presentation-message{color:var(--timer-muted);margin:7px 0 0;font-size:.98rem}.presentation-title:empty,.presentation-message:empty{display:none}.timer-display{color:var(--timer-accent);letter-spacing:-.065em;font-variant-numeric:tabular-nums;margin:18px 0 24px;font-size:clamp(5.5rem,14vw,9rem);font-weight:700;line-height:.9;transition:color .2s,transform .2s}.progress-track{background:var(--site-track);border-radius:999px;width:min(610px,82%);height:7px;overflow:hidden}.progress-bar{border-radius:inherit;background:var(--timer-accent);transform-origin:0;width:100%;height:100%;transition:transform .2s linear,background .2s;transform:scaleX(1)}.timer-meta{justify-content:center;align-items:center;gap:22px;margin-top:24px;display:flex}.timer-meta-item{text-align:left;gap:2px;display:grid}.timer-meta-item span{color:var(--timer-muted);letter-spacing:.04em;text-transform:uppercase;font-size:.72rem;font-weight:600}.timer-meta-item strong{font-size:.95rem}.timer-meta-divider{background:var(--site-border);width:1px;height:32px}.timer-display-panel.timer-warning .timer-display{color:var(--site-warning)}.timer-display-panel.timer-warning .progress-bar{background:var(--site-warning)}.timer-display-panel.timer-critical .timer-display,.timer-display-panel.timer-finished .timer-display{color:var(--site-error)}.timer-display-panel.timer-critical .progress-bar,.timer-display-panel.timer-finished .progress-bar{background:var(--site-error)}.timer-display-panel.timer-finished .timer-display{transform:scale(1.025)}.timer-actions{border-top:1px solid var(--site-border);padding:26px 28px 28px}.main-actions{grid-template-columns:minmax(180px,1.35fr) minmax(110px,.65fr) minmax(190px,1fr);gap:10px;display:grid}.timer-primary-action,.timer-secondary-action,.adjustment-buttons button{font:inherit;cursor:pointer;border-radius:8px;font-weight:600}.timer-primary-action,.timer-secondary-action{min-height:50px;padding:12px 18px}.timer-primary-action{background:var(--site-button);color:var(--site-button-text);border:0;font-size:.98rem;font-weight:700}.timer-primary-action:hover{background:var(--site-button-hover)}.timer-secondary-action{border:1px solid var(--site-border-strong);background:var(--site-surface);color:var(--timer-ink)}.timer-secondary-action:hover,.adjustment-buttons button:hover{background:var(--site-tint);border-color:var(--timer-accent);color:var(--timer-accent)}#fullscreenButton{justify-content:center;align-items:center;gap:9px;display:flex}.quick-adjustments{margin-top:24px}.adjustment-buttons{grid-template-columns:repeat(4,1fr);gap:8px;margin-top:10px;display:grid}.adjustment-buttons button{border:1px solid var(--site-border-strong);background:var(--site-surface);color:var(--timer-ink);padding:10px 12px}.timer-preferences{border-top:1px solid var(--site-border);justify-content:space-between;align-items:center;gap:20px;margin-top:24px;padding-top:20px;display:flex}.sound-option{cursor:pointer;align-items:center;gap:9px;font-size:.88rem;display:flex}.sound-option input{width:17px;height:17px;accent-color:var(--timer-accent)}.keyboard-hint{color:var(--timer-muted);flex-wrap:wrap;justify-content:flex-end;gap:12px;margin:0;font-size:.76rem;display:flex}.keyboard-hint span{align-items:center;gap:5px;display:inline-flex}.keyboard-hint kbd{border:1px solid var(--site-border);background:var(--site-surface-soft);min-width:26px;color:var(--site-ink);font:inherit;text-align:center;border-bottom-width:2px;border-radius:5px;padding:3px 6px;font-size:.72rem;font-weight:600}.timer-feature-grid{grid-template-columns:repeat(3,1fr);gap:40px;margin:32px 0 0;display:grid}.timer-feature-grid article{padding:0}.timer-feature-grid h3{margin:0 0 9px;font-size:1rem}.timer-feature-grid p{color:var(--site-muted);margin:0;font-size:.9rem;line-height:1.55}.timer-info-section{background:var(--site-background);color:var(--site-ink);padding:64px 0 90px}.timer-info-section .info-container{max-width:1040px}.timer-info-section h2{letter-spacing:-.025em;margin:0 0 16px;font-size:clamp(1.6rem,4vw,2.2rem);line-height:1.2}.timer-info-section .info-block>p:last-child{max-width:720px;color:var(--site-muted)}.timer-display-panel:fullscreen{background:var(--site-surface);width:100vw;height:100vh;min-height:100vh;color:var(--timer-ink);justify-content:flex-start;padding:3vh 6vw 8vh}.timer-display-panel:fullscreen .presentation-copy{justify-content:flex-end;width:min(1100px,90vw);min-height:16vh}.timer-display-panel:fullscreen .presentation-title{font-size:clamp(2rem,4vw,4.5rem)}.timer-display-panel:fullscreen .presentation-message{margin-top:1.2vh;font-size:clamp(1.1rem,2vw,2.1rem)}.timer-display-panel:fullscreen .timer-display{margin:6vh 0 4vh;font-size:min(28vw,31vh)}.timer-display-panel:fullscreen .progress-track{width:min(1100px,78vw);height:10px}.timer-display-panel:fullscreen .timer-meta{gap:0;margin-top:4vh}.timer-display-panel:fullscreen .timer-meta-item{text-align:center}.timer-display-panel:fullscreen .timer-meta-item span{font-size:clamp(.75rem,1vw,1.05rem)}.timer-display-panel:fullscreen .timer-meta-item strong{font-size:clamp(1.15rem,1.8vw,2rem)}.timer-display-panel:fullscreen .timer-meta-divider,.timer-display-panel:fullscreen .timer-state-item{display:none}.timer-display-panel:fullscreen .presentation-copy:has(.presentation-title:empty):has(.presentation-message:empty){min-height:9vh}.timer-shell button:focus-visible,.timer-shell input:focus-visible{outline:3px solid var(--timer-accent);outline-offset:3px}@media (width<=760px){.timer-text-fields{grid-template-columns:1fr}.timer-display-panel{min-height:360px;padding:44px 22px 36px}.timer-display{font-size:clamp(4.8rem,20vw,7.5rem)}.main-actions{grid-template-columns:1fr 1fr}.timer-primary-action{grid-column:1/-1}.timer-preferences{flex-direction:column;align-items:flex-start}.keyboard-hint{justify-content:flex-start}.timer-feature-grid{grid-template-columns:1fr}}@media (width<=520px){.timer-tool-page{padding:44px 0 80px}.timer-shell{border-radius:12px}.timer-configuration,.timer-actions{padding:22px 18px}.duration-inputs{gap:6px;width:100%}.duration-field{flex:1;width:auto}.timer-display-panel{min-height:320px;padding-inline:16px}.presentation-copy{min-height:52px}.timer-display{font-size:clamp(4rem,23vw,6.2rem)}.progress-track{width:92%}.timer-meta{gap:14px}.timer-meta-divider{height:28px}.main-actions{grid-template-columns:1fr}.adjustment-buttons{grid-template-columns:repeat(2,1fr)}}@media (prefers-reduced-motion:reduce){.timer-shell *{transition:none}}