#focus-timer-panel{--focus-red:#e95c58;--focus-ink:#25313a;--focus-track:#f1f2f3;padding:10px 0 35px;color:var(--focus-ink)}
#focus-timer-panel .focus-layout{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(260px,1fr);align-items:center;gap:55px;max-width:950px;margin:auto}
#focus-timer-panel .focus-clock-area{text-align:center;min-width:0}
#focus-timer-panel .focus-dial{max-width:520px;margin:auto;width:100%;aspect-ratio:1}
#focus-timer-panel .focus-dial svg{display:block;width:100%;height:auto}
#focus-timer-panel .focus-face{fill:var(--focus-track)}
#focus-timer-panel .focus-sector{fill:var(--focus-red)}
#focus-timer-panel .focus-ticks{stroke:var(--focus-ink)}
#focus-timer-panel .focus-numbers{fill:var(--focus-ink);font-size:15px;font-weight:500}
#focus-timer-panel .focus-hand{stroke:var(--focus-ink);stroke-width:2}
#focus-timer-panel .focus-knob{fill:var(--focus-ink)}
#focus-timer-panel .focus-time{font-size:56px;font-weight:500;font-variant-numeric:tabular-nums;letter-spacing:-2px;line-height:1.1}
#focus-timer-panel .focus-scale{font-size:11px;color:#66717b;margin-top:12px}
#focus-timer-panel .focus-message{font-size:13px;line-height:1.7;margin-top:20px;min-height:23px}
#focus-timer-panel .focus-settings{min-width:0}
#focus-timer-panel .focus-settings h3{font-size:18px;margin-bottom:26px}
#focus-timer-panel .focus-field{display:flex;flex-direction:column;gap:9px;font-size:12px;color:#58616b;margin-bottom:20px}
#focus-timer-panel .focus-field input{width:100%;min-width:0;border:1px solid #d9dfe3;border-radius:8px;padding:13px 12px;background:#fff;font:inherit;font-size:16px;color:var(--focus-ink)}
#focus-timer-panel .focus-inputs{display:grid;grid-template-columns:1fr 1fr;gap:12px}
#focus-timer-panel .focus-presets,#focus-timer-panel .focus-actions{display:flex;gap:9px;flex-wrap:wrap}
#focus-timer-panel .focus-actions button{flex:1;padding:14px;font-size:14px}
#focus-timer-panel .focus-error{color:#b43b37;min-height:18px;margin:12px 0}
#focus-timer-panel .focus-sound{display:flex;align-items:center;gap:9px;margin:23px 0;font-size:12px;line-height:1.6}
#focus-timer-panel .focus-settings p{color:#66717b}
#focus-timer-panel .focus-settings .focus-error{color:#b43b37}
#focus-timer-panel.focus-finished .focus-time,#focus-timer-panel.focus-finished .focus-message{color:#b43b37}
#focus-timer-panel:fullscreen{background:#fff;overflow:auto;padding:30px;display:grid;align-items:center}
#focus-timer-panel:fullscreen .focus-layout{width:100%;max-width:1300px;grid-template-columns:minmax(0,2fr) minmax(260px,1fr)}
#focus-timer-panel:fullscreen .focus-dial{max-width:650px}
@media(max-width:700px){#focus-timer-panel .focus-layout{grid-template-columns:1fr;gap:35px}#focus-timer-panel .focus-dial{max-width:390px}#focus-timer-panel .focus-time{font-size:48px}#focus-timer-panel .focus-settings{max-width:420px;width:100%;margin:auto}#focus-timer-panel:fullscreen{padding:20px}#focus-timer-panel:fullscreen .focus-layout{grid-template-columns:1fr}}
@media(pointer:coarse){#focus-timer-panel button{min-height:44px}}

#focus-timer-panel{--focus-ink:var(--ink);--focus-track:var(--paper);padding-top:24px}
#focus-timer-panel button{font:inherit;cursor:pointer;padding:12px 18px;border:1px solid var(--line);border-radius:9px;background:var(--ivory);color:var(--ink);font-size:14px;line-height:1.5}
#focus-timer-panel button.primary,#focus-timer-panel button[aria-pressed="true"]{background:var(--ink);color:var(--ivory);border-color:var(--ink)}
#focus-timer-panel button:disabled{opacity:.5;cursor:not-allowed}
#focus-timer-panel input:disabled{opacity:.65}
#focus-timer-panel button:focus-visible,#focus-timer-panel input:focus-visible{outline:2px solid var(--gold-deep);outline-offset:3px}
#focus-timer-panel .focus-field input{background:var(--ivory);border-color:var(--line)}
#focus-timer-panel .focus-settings p,#focus-timer-panel .focus-field,#focus-timer-panel .focus-scale{color:var(--ink-soft)}
#focus-timer-panel .focus-settings p.focus-error{color:#b43b37}
#focus-timer-panel:fullscreen{background:var(--ivory)}
#focus-timer-panel [hidden]{display:none!important}