.clock-page{overflow:hidden}.study-clock{--clock-bg: var(--color-bg);--clock-ink: var(--color-text-main);--clock-muted: #6F7D78;--clock-rule: var(--color-border-light);position:relative;display:grid;place-items:center;width:100%;height:100vh;height:100dvh;min-height:280px;background:var(--clock-bg);color:var(--clock-ink);font-family:var(--font-sans)}.study-clock[data-theme=dark]{--clock-bg: #1D2523;--clock-ink: #D4DDD7;--clock-muted: #94A39A;--clock-rule: #3F4B45}.clock-header{position:absolute;top:max(28px,env(safe-area-inset-top));left:max(32px,env(safe-area-inset-left));right:max(32px,env(safe-area-inset-right));display:flex;align-items:center;justify-content:space-between}.clock-brand{display:inline-flex;gap:20px;align-items:center;text-decoration:none;color:var(--clock-muted)}.clock-brand .dot-logo{width:104px;height:auto}.clock-brand .dot-logo circle{fill:var(--clock-ink)}.clock-brand span,.clock-header-label{font-size:11px;letter-spacing:.04em}.clock-face{width:min(82vw,1320px);display:flex;flex-direction:column;align-items:center;justify-content:center;padding-block:88px 104px}.clock-date{font-family:var(--font-serif);font-size:clamp(14px,1.6vw,23px);color:var(--clock-muted);min-height:1.8em;line-height:1.8;margin-bottom:clamp(24px,4.2vh,52px);letter-spacing:.06em}.clock-date[hidden]{display:block;visibility:hidden}.clock-digits{display:flex;align-items:center;justify-content:center;width:100%;font-family:Inter,Helvetica Neue,Arial,sans-serif;font-size:min(22vw,38vh,360px);font-weight:400;font-variant-numeric:tabular-nums;font-feature-settings:"tnum";line-height:1.14;letter-spacing:-.025em}.study-clock[data-seconds=true] .clock-digits{font-size:min(15vw,34vh,260px)}.clock-digit{display:block;flex:0 0 .65em;width:.65em;height:1.14em;overflow:hidden;text-align:center}.clock-digit-track{display:block;height:2.28em}.clock-digit-value{display:block;height:1.14em;line-height:1.14em}.clock-colon{display:block;flex:0 0 .28em;width:.28em;text-align:center;padding-bottom:.07em}.clock-period{min-height:1.8em;line-height:1.8;margin-top:24px;font-size:13px;color:var(--clock-muted);letter-spacing:.1em}.clock-interface{opacity:1;transition:opacity .22s ease,visibility .22s ease}.study-clock.is-idle .clock-interface{opacity:0;visibility:hidden;pointer-events:none}.study-clock.is-idle{cursor:none}.clock-controls-area{position:absolute;bottom:max(24px,env(safe-area-inset-bottom));left:24px;right:24px;display:flex;flex-direction:column;align-items:center}.clock-controls{display:flex;gap:28px;align-items:center;padding:12px 8px}.study-clock button{background:transparent;border:0;color:var(--clock-muted);font:12px var(--font-sans);cursor:pointer;padding:8px 4px;min-height:36px;transition:color .14s ease;white-space:nowrap}.study-clock button:hover{color:var(--clock-ink)}.study-clock button[aria-pressed=true],.study-clock button[aria-expanded=true]{color:var(--color-accent-red)}.study-clock :is(button,input,a):focus-visible{outline:2px solid var(--color-accent-red);outline-offset:5px}.clock-fullscreen-icon{margin-right:8px;font-size:17px;vertical-align:-1px}.clock-message{position:absolute;bottom:60px;font-size:12px;color:var(--clock-muted);text-align:center;line-height:1.7;max-width:420px}.clock-message:empty{display:none}.clock-settings{position:absolute;bottom:76px;width:min(360px,calc(100vw - 48px));background:var(--clock-bg);padding:20px 24px;border:1px solid var(--clock-rule);border-radius:4px;box-shadow:0 12px 36px #00000012}.clock-settings[hidden]{display:none}.clock-settings-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.clock-settings-heading h2{font-family:var(--font-serif);font-size:18px;font-weight:600}.clock-settings-heading button{font-size:24px;padding:0 4px}.clock-settings label{display:flex;align-items:center;justify-content:space-between;gap:24px;padding-block:13px;font-size:13px;border-bottom:1px solid var(--clock-rule)}.clock-settings input{accent-color:var(--color-accent-red);width:15px;height:15px}.clock-setting-note{font-size:11px;line-height:1.7;color:var(--clock-muted);margin-top:14px}.clock-no-script{font-size:16px;color:var(--clock-muted)}.clock-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.study-clock:fullscreen{width:100vw;height:100vh}@media(max-width:600px){.clock-header{left:24px;right:24px;top:24px}.clock-header-label{display:none}.clock-brand .dot-logo{width:92px}.clock-face{width:89vw}.clock-controls{gap:20px}.clock-period{margin-top:20px}}@media(max-height:500px){.clock-header{top:16px}.clock-face{padding-block:64px}.clock-date{font-size:12px;margin-bottom:16px}.clock-period{font-size:11px;margin-top:14px}.clock-controls-area{bottom:8px}.clock-settings{max-height:calc(100dvh - 104px);overflow-y:auto;bottom:64px}}@media(prefers-reduced-motion:reduce){.clock-interface,.study-clock button{transition:none}}