/* Compact review controls; the large clocks and setup stay in the timer dialog. */
.study-timer-slot{display:inline-flex;align-items:center;min-width:0;max-width:100%}
.timer-dock{display:inline-flex;align-items:center;gap:4px;border:1px solid var(--line);border-radius:9px;background:var(--panel);padding:3px;max-width:100%;flex-wrap:wrap}
.timer-dock button{min-height:34px;font-size:.875rem;padding:4px 8px;border-color:transparent;background:transparent;white-space:nowrap}
.timer-dock #timer-open{gap:7px}.timer-dock #timer-dock-label{color:var(--muted)}.timer-dock #timer-dock-time{font-variant-numeric:tabular-nums;font-weight:650;min-width:5ch}
.timer-dock #timer-toggle{color:var(--accent);border-color:var(--line)}.timer-dock #timer-break-button{border-left:1px solid var(--line);border-radius:0 6px 6px 0}
.timer-dock.is-break{border-color:#d9b777}.timer-dock.is-break #timer-dock-label{color:#f2d59b}.timer-dock.is-finished{outline:2px solid var(--accent);outline-offset:2px}
.review-toolbar .study-timer-slot{margin-right:auto}.top-actions{flex-wrap:wrap;align-items:center}#timer-end-slot{display:flex;justify-content:center;margin:16px 0 24px}
.timer-dialog{width:min(460px,calc(100% - 24px));max-height:calc(100dvh - 24px);overflow:auto;padding:24px;color:var(--text);background:var(--bg)}
.timer-dialog-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:20px}.timer-dialog-heading h2{font:1.6rem/1.25 Georgia,serif;margin:0}.timer-dialog-heading .eyebrow{font-size:.75rem}.timer-dialog-heading button{padding:5px 10px;min-height:36px;font-size:.875rem}
.timer-clock-panel{border:1px solid var(--line);border-radius:12px;background:var(--panel);padding:20px;margin:0 0 16px;text-align:center}.timer-clock-panel h3{font-size:1rem;font-weight:550;color:var(--muted);margin-bottom:8px}
.timer-large-time{display:block;font-size:clamp(2.6rem,10vw,3.5rem);font-weight:550;line-height:1.2;letter-spacing:.015em;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.timer-clock-status{font-size:.9375rem;line-height:1.45;margin:10px 0 18px;color:var(--muted)}.timer-controls{display:flex;justify-content:center;flex-wrap:wrap;gap:8px}.timer-controls button{min-width:100px;font-size:.9375rem}
.timer-break-panel{border-top:3px solid #d9b777}.timer-break-panel>h3{color:var(--text)}.timer-minutes-label{display:flex;justify-content:center;align-items:center;gap:12px;font-size:1rem;margin-top:16px}
.timer-minutes-label input#timer-break-minutes{width:100px;font-size:1.2rem;text-align:center;min-height:46px}
.timer-presets{display:flex;justify-content:center;flex-wrap:wrap;gap:8px;margin:14px 0 18px}.timer-presets button{font-size:.875rem;min-width:70px;min-height:40px}.timer-presets button[aria-pressed=true]{color:var(--accent);border-color:var(--accent)}
.timer-break-panel progress{height:6px;margin:0 0 18px}#timer-break-end{margin-top:14px;width:100%;font-size:1rem}.timer-dialog .check{margin:18px 0 8px;font-size:.9375rem}.timer-note{font-size:.875rem;line-height:1.55;color:var(--muted);margin:12px 0 0}#timer-error{font-size:.9375rem;margin:14px 0 0;color:#ffd699}#timer-error:empty{display:none}
:root[data-theme=light] .timer-dock.is-break #timer-dock-label{color:#785013}:root[data-theme=light] #timer-error{color:#8b491c}
@media(max-width:700px){body.reviewing .review-toolbar .timer-dock button{min-height:34px;padding:4px 7px}.timer-dialog{padding:18px}.timer-clock-panel{padding:16px}.timer-dialog-heading h2{font-size:1.4rem}}
@media(max-height:650px){.timer-dialog .timer-clock-panel{padding:14px}.timer-dialog .timer-large-time{font-size:2.3rem}.timer-clock-status{margin:6px 0 12px}.timer-dialog-heading{margin-bottom:14px}}

/* The countdown is part of the persistent review header on every card. */
.review-session-heading #timer-review-slot{display:flex;justify-content:center;margin:0;max-width:100%}
#timer-review-slot .timer-dock{border-color:var(--accent);background:var(--panel);flex-wrap:nowrap;gap:3px;padding:3px 5px}
body.reviewing #timer-review-slot .timer-dock button{min-height:38px;padding:4px 7px;font-size:.875rem}
#timer-review-slot #timer-dock-time{font-size:1.375rem;line-height:1.15;color:var(--text);letter-spacing:.01em}
#timer-review-slot #timer-dock-label{font-size:.875rem;color:var(--accent)}
.timer-duration-fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;border:0;padding:0;margin:20px 0 0;text-align:left;min-width:0}
.timer-duration-fields legend{font-size:.9375rem;color:var(--text);padding:0 0 8px;font-weight:550}
.timer-duration-fields label{font-size:.875rem;color:var(--muted);min-width:0}
.timer-duration-fields input{font-size:1.125rem;min-width:0;text-align:center;margin-top:5px;padding:9px 5px}
#timer-study-progress{height:6px;margin:0 0 16px}.timer-dialog .timer-controls button{min-width:0}
@media(max-width:850px){.review-session-heading #timer-review-slot{flex:1 1 100%;width:100%}.review-session-heading #timer-review-slot .timer-dock{margin:auto}.review-session-heading{row-gap:6px}}
@media(max-width:420px){#timer-review-slot #timer-dock-time{font-size:1.2rem}body.reviewing #timer-review-slot .timer-dock button{padding:4px 5px}#timer-review-slot .timer-dock{gap:2px;padding:3px;flex-wrap:wrap;justify-content:center}.timer-duration-fields{gap:7px}}
@media(max-height:600px){#timer-review-slot #timer-dock-time{font-size:1.125rem}body.reviewing #timer-review-slot .timer-dock button{min-height:32px}}

/* Completion preferences match the existing timer controls and Atlas palette. */
.timer-finish-settings{border:1px solid var(--line);border-radius:12px;padding:12px 18px 18px;margin:22px 0 0;min-width:0;background:var(--panel)}
.timer-finish-settings legend{font-size:1rem;font-weight:600;padding:0 6px;color:var(--text)}
.timer-finish-settings .check{min-height:44px;margin:4px 0;gap:10px;color:var(--text)}
.timer-finish-settings input{width:20px;height:20px;accent-color:var(--accent);flex-shrink:0}
.timer-finish-settings .timer-note{margin-top:8px}
canvas.timer-confetti{position:fixed;inset:0;width:100vw;height:100dvh;max-width:none;max-height:none;margin:0;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;pointer-events:none;z-index:2147483647;overflow:visible}
canvas.timer-confetti::backdrop{background:transparent;pointer-events:none}
@media(prefers-reduced-motion:reduce){canvas.timer-confetti{display:none!important}}