.timer-page{padding-top:42px}.timer-heading h1{letter-spacing:-1.4px;margin-top:12px;font-size:clamp(30px,3.2vw,44px)}.timer-limitations{max-width:850px;color:var(--muted);margin-top:14px;font-size:13px}.timer-layout{grid-template-columns:minmax(0,1.8fr) minmax(270px,1fr);gap:28px;margin-top:34px;display:grid}.timer-face,.timer-settings{border:1px solid var(--line);border-radius:18px}.timer-face{background:var(--surface);text-align:center;min-width:0;padding:28px 32px 20px}.timer-face-heading{text-align:left;justify-content:space-between;align-items:center;gap:16px;min-height:34px;display:flex}.timer-phase{min-width:96px;color:var(--brand);background:var(--tint);border-radius:999px;justify-content:center;align-items:center;padding:6px 16px;font-size:13px;display:inline-flex}.timer-page[data-phase=running] .timer-phase{color:var(--on-brand);background:var(--brand)}.timer-page[data-phase=completed] .timer-phase{color:var(--accent);background:var(--accent-tint)}.timer-value{letter-spacing:-5px;font-variant-numeric:tabular-nums;font-feature-settings:"tnum";white-space:nowrap;justify-content:center;align-items:center;min-height:135px;margin:46px 0 20px;font-size:clamp(66px,8vw,112px);font-weight:400;line-height:1.2;display:flex}.timer-value[data-long=true]{letter-spacing:-3px;font-size:clamp(44px,5.5vw,76px)}.timer-total{color:var(--muted);min-height:26px;font-size:16px}.timer-progress{appearance:none;background:var(--soft);width:100%;height:8px;color:var(--brand);border:0;border-radius:8px;margin:32px 0;display:block;overflow:hidden}.timer-progress::-webkit-progress-bar{background:var(--soft);border-radius:8px}.timer-progress::-webkit-progress-value{background:var(--brand);border-radius:8px}.timer-progress::-moz-progress-bar{background:var(--brand);border-radius:8px}.timer-controls{justify-content:center;gap:14px;display:flex}.timer-controls .button{min-width:130px;min-height:48px;font-size:15px}.timer-page .button:disabled{cursor:default;opacity:.58}.timer-announcement{min-height:44px;color:var(--muted);margin-top:24px;font-size:13px}.timer-page[data-phase=completed] .timer-announcement{color:var(--accent);font-weight:600}.timer-settings{min-width:0;padding:28px}.timer-settings h2{margin-top:10px;margin-bottom:28px;font-size:26px}.timer-settings label{color:var(--muted);margin-bottom:8px;font-size:13px;display:block}.timer-settings input{border:1px solid var(--control);background:var(--surface);width:100%;min-height:48px;color:var(--ink);border-radius:9px;padding:11px 14px}.timer-settings input[aria-invalid=true]{border-color:var(--danger)}.timer-field-help{color:var(--muted);margin-top:8px;font-size:11px}.timer-field-error{min-height:36px;color:var(--danger);margin-top:5px;font-size:12px}.timer-presets{grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;display:grid}.timer-presets .button{border-radius:999px;min-width:0;padding:8px 4px}.timer-presets .button[aria-pressed=true]{color:var(--on-brand);background:var(--brand);border-color:var(--brand)}.timer-next-session{min-height:48px;color:var(--muted);margin-top:16px;font-size:12px}.timer-visual-note{border-top:1px solid var(--line);margin-top:24px;padding-top:24px}.timer-visual-note h3{margin-bottom:10px;font-size:16px}.timer-visual-note p{color:var(--muted);font-size:13px}.timer-visual-note .timer-sound-choice{color:var(--ink);align-items:center;gap:10px;font-size:14px;display:flex}.timer-sound-choice input{width:18px;height:18px;min-height:18px;accent-color:var(--brand);flex-shrink:0}.timer-visual-note .button{margin-block:8px 14px}.timer-sound-status{min-height:48px;margin-top:12px}.timer-recovery,.timer-storage{color:var(--muted);text-align:left;margin-bottom:12px;font-size:12px}.timer-recovery:empty{display:none}.timer-page[data-recovery-uncertain=true] .timer-recovery{border-left:3px solid var(--accent);padding-left:12px}.timer-help{border-top:1px solid var(--line);grid-template-columns:minmax(0,1fr) minmax(0,1.4fr);gap:44px;margin-top:40px;padding:28px 0 36px;display:grid}.timer-help h2{font-size:24px}.timer-help p{color:var(--muted);margin-bottom:12px;font-size:13px}.timer-reset-dialog{border:1px solid var(--line);background:var(--surface);width:min(440px,100% - 32px);color:var(--ink);border-radius:18px;max-height:calc(100dvh - 32px);padding:28px;overflow:auto}.timer-reset-dialog::backdrop{background:#10251e66}.timer-reset-dialog h2{margin:12px 0 16px}.timer-reset-dialog p:not(.eyebrow){color:var(--muted);font-size:14px}.timer-dialog-actions{justify-content:flex-end;gap:12px;margin-top:26px;display:flex}@media (width<=900px){.timer-layout{grid-template-columns:minmax(0,1.4fr) minmax(250px,1fr);gap:18px}.timer-face{padding-inline:24px}.timer-face-heading .eyebrow{font-size:10px}.timer-settings{padding:24px}}@media (width<=700px){.timer-page{padding-top:28px}.timer-layout{grid-template-columns:minmax(0,1fr);gap:24px;margin-top:26px}.timer-face{padding:22px 20px 12px}.timer-value{letter-spacing:-4px;min-height:108px;margin-top:30px;margin-bottom:15px;font-size:clamp(64px,19vw,90px)}.timer-value[data-long=true]{font-size:clamp(36px,11vw,58px)}.timer-progress{margin-block:26px}.timer-controls .button{flex:1;min-width:0}.timer-settings{padding:24px}.timer-settings h2{margin-bottom:22px;font-size:24px}.timer-help{grid-template-columns:minmax(0,1fr);gap:14px;margin-top:30px}.timer-announcement{min-height:42px;margin-top:20px}}