/* Stable home stopwatch digits keep the card still during centisecond updates. */
#view-home #swDisplay{min-inline-size:8ch;line-height:1.25;text-align:center;white-space:nowrap;font-variant-numeric:tabular-nums lining-nums;font-feature-settings:"tnum" 1;font-kerning:none;font-variant-ligatures:none;contain:layout style}
/* Optional countdown faces. */
/* OLED focus escapes themed stacking contexts and covers the complete app window. */
body:has(#view-timers.active.timer-oled-active){padding:0!important;gap:0!important;background:#000!important;background-image:none!important}
body:has(#view-timers.active.timer-oled-active) :is(.obsidian-nav,.mobile-header,.mobile-tabs,#syncStatus,#demoBanner){display:none!important}
body:has(#view-timers.active.timer-oled-active)>.view-container{position:fixed!important;inset:0!important;width:100%!important;height:100dvh!important;margin:0!important;border:0!important;border-radius:0!important;background:#000!important;background-image:none!important;z-index:900!important;isolation:auto!important;overflow:visible!important;transform:none!important}
body:has(#view-timers.active.timer-oled-active)>.view-container::before,body:has(#view-timers.active.timer-oled-active)>.view-container::after{display:none!important}
#view-timers .timer-view-toolbar{position:absolute;top:24px;right:24px;left:auto;display:flex;align-items:center;gap:16px;z-index:2}
.timer-view-tabs{display:flex;gap:4px;padding:5px;border:1px solid color-mix(in srgb,var(--text-main) 12%,transparent);border-radius:16px;background:color-mix(in srgb,var(--bg-card) 94%,transparent)}
.timer-view-tab,.timer-view-back{font:600 13px/1.3 var(--font-family);border:0;background:transparent;color:var(--text-secondary);cursor:pointer;min-height:40px;padding:10px 14px;border-radius:11px}
.timer-view-tab[aria-pressed="true"]{background:color-mix(in srgb,var(--accent-color) 15%,var(--bg-card));color:var(--accent-color)}
#view-timers [hidden]{display:none!important}.timer-view-tab:focus-visible,.timer-view-back:focus-visible{outline:2px solid var(--accent-color);outline-offset:3px}
#view-timers[data-timer-view="exam"]{gap:14px;padding-top:24px;padding-bottom:24px;overflow-y:auto;justify-content:flex-start}
#view-timers[data-timer-view="exam"] .timer-view-toolbar{position:static;flex-shrink:0;justify-content:center}
#view-timers[data-timer-view="exam"] .live-clock{display:none}
.timer-new-face{width:min(440px,90%);flex-shrink:0}.timer-exam-face{display:flex;flex-direction:column;align-items:center;gap:16px}
.timer-clock-svg{display:block;width:min(320px,34vh);height:auto;filter:drop-shadow(0 10px 18px #0003)}
.clock-back{fill:#747f79}.clock-rim{fill:url(#examRim);stroke:#a7aea9;stroke-width:.6}.clock-bevel{fill:url(#examBevel)}.clock-inner-rim{fill:url(#examInset)}.clock-paper{fill:url(#examPaper)}
.clock-track{fill:none;stroke:#656d5f;stroke-width:.6;opacity:.7}.clock-time-sector{fill:#329eff;opacity:.24}.clock-end-marker{stroke:#087ae8;stroke-width:2.4}
.clock-ticks line{stroke:#313b30;stroke-linecap:butt}.clock-ticks .hour-tick{stroke-width:2.4}.clock-ticks .minute-tick{stroke-width:.6}
.clock-numbers,.clock-brand-name{fill:#202920}.clock-brand-mark{fill:#e89535}.clock-hour,.clock-minute{fill:#202920;stroke:none}.clock-second{stroke:#333c31;stroke-width:.8}.clock-pin{fill:#2f382d}.clock-pin-light{fill:#88917d}
.timer-face-stats{text-align:center;display:grid;gap:6px;font-variant-numeric:tabular-nums}.timer-face-remaining{font-size:21px;font-weight:700;color:var(--text-main)}.timer-face-end{font-size:13px;color:var(--text-secondary)}.timer-face-hint{font-size:12px;line-height:1.5;text-align:center;color:var(--text-secondary);margin:0}
#view-timers.timer-oled-active{position:fixed!important;inset:0!important;z-index:9000!important;background:#000!important;background-image:none!important;padding:0!important;overflow:hidden!important;gap:0!important;justify-content:center!important;isolation:isolate}
#view-timers.timer-oled-active::before,#view-timers.timer-oled-active::after{display:none!important}
#view-timers.timer-oled-active .live-clock,#view-timers.timer-oled-active .timer-help{display:none!important}
#view-timers.timer-oled-active .timer-new-face{width:min(460px,78vw,60vh);margin:0}
.timer-oled-face{position:relative;aspect-ratio:1;transition:transform 3s linear;pointer-events:none;color:#9198a2}
.timer-oled-face svg{display:block;width:100%;height:100%}.oled-ring{fill:none;stroke:color-mix(in srgb,var(--accent-color) 60%,#000);stroke-width:3;stroke-linecap:round;transform:rotate(-90deg);transform-origin:160px 160px}
.oled-center{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px}
.oled-digits{font:400 clamp(26px,7vw,57px)/1.2 'Consolas','Courier New',monospace;font-variant-numeric:tabular-nums;letter-spacing:-1px;color:#989fa9;text-shadow:none}
.oled-caption,.oled-state{font-size:12px;color:#626973;font-weight:400}.oled-state{max-width:80%;text-align:center;line-height:1.5}
#view-timers.timer-oled-active .timer-view-toolbar{top:max(18px,env(safe-area-inset-top));left:24px;right:24px;justify-content:space-between}
#view-timers.timer-oled-active .timer-view-tabs{background:#0b0d0f;border-color:#22252a}#view-timers.timer-oled-active .timer-view-tab{color:#949ba4}#view-timers.timer-oled-active .timer-view-tab[aria-pressed="true"]{background:#171b21;color:#b7c3d5}#view-timers.timer-oled-active .timer-view-back{color:#979fa8}
#view-timers.timer-oled-active .timer-duration-controls{position:absolute;bottom:110px;background:#000;gap:8px!important}#view-timers.timer-oled-active .timer-presets{gap:6px}#view-timers.timer-oled-active .preset-btn{background:#0b0d0f;color:#8c949f;border:1px solid #242930;font-size:13px;padding:8px 18px}
#view-timers.timer-oled-active .custom-timer-box{margin-top:0;gap:8px}#view-timers.timer-oled-active .custom-timer-box input,#view-timers.timer-oled-active .custom-timer-box button{background:#0b0d0f;border:1px solid #242930;color:#959ca6;font-size:14px;padding:10px 14px}
#view-timers.timer-oled-active .timer-controls{position:absolute;bottom:max(32px,env(safe-area-inset-bottom));gap:10px;margin:0}#view-timers.timer-oled-active .timer-controls button{background:#14181e!important;color:#a9b2bf!important;font-size:14px;padding:12px 24px;border:1px solid #252c36}
.timer-oled-tip{position:absolute;top:85px;left:20px;right:20px;text-align:center;font-size:11px;line-height:1.6;color:#626973}.timer-new-face:not(:has(.timer-oled-face:not([hidden]))) .timer-oled-tip{display:none}
#view-timers.timer-oled-active :is(.timer-view-toolbar,.timer-controls,.timer-duration-controls,.timer-oled-tip){transition:opacity .4s,visibility .4s}
#view-timers.timer-controls-asleep :is(.timer-view-toolbar,.timer-controls,.timer-duration-controls,.timer-oled-tip){opacity:0;visibility:hidden;pointer-events:none}
@media(max-width:760px),(pointer:coarse) and (max-width:1024px){
 #view-timers .timer-view-toolbar{position:static;justify-content:center;align-self:center;flex-shrink:0}.timer-view-tab{padding:9px 12px;font-size:12px}.timer-new-face{width:100%}
 #view-timers[data-timer-view="exam"]{padding:18px 16px;gap:12px}.timer-clock-svg{width:min(320px,31vh)}
 #view-timers[data-timer-view="exam"] .timer-exam-face{gap:10px}
 #view-timers[data-timer-view="exam"] .preset-btn{padding:12px 14px;white-space:nowrap;font-size:14px}
 #view-timers[data-timer-view="exam"] .custom-timer-box{margin-top:16px}
 #view-timers[data-timer-view="exam"] .timer-controls{margin-top:0}
 #view-timers[data-timer-view="exam"] .timer-controls button{padding:12px 20px;font-size:15px}
 #view-timers.timer-oled-active .timer-view-toolbar{position:absolute;top:max(18px,env(safe-area-inset-top));left:10px;right:10px;gap:5px}.timer-view-back{padding:10px 8px;font-size:12px}
 #view-timers.timer-oled-active .timer-new-face{width:min(80vw,360px,56vh);margin-bottom:65px}#view-timers.timer-oled-active .timer-duration-controls{bottom:103px;width:calc(100% - 40px)}#view-timers.timer-oled-active .timer-controls{width:calc(100% - 40px)}#view-timers.timer-oled-active .timer-controls button{padding:13px 8px}.timer-face-remaining{font-size:19px}
}
@media(max-height:560px) and (min-width:761px){#view-timers[data-timer-view="exam"]{padding-top:70px;gap:10px}.timer-clock-svg{width:190px}.timer-exam-face{gap:8px}#view-timers.timer-oled-active .timer-new-face{width:min(300px,65vh);margin-bottom:20px}#view-timers.timer-oled-active .timer-duration-controls{bottom:90px;left:25px}.timer-oled-tip{top:60px}}
@media(prefers-reduced-motion:reduce){.timer-oled-face{transition:none}}