.oq23-open{margin:12px 0!important;max-width:100%;white-space:normal}
.oq23-interval{box-sizing:border-box;width:min(680px,calc(100vw - 20px));max-width:calc(100vw - 20px);max-height:calc(100dvh - 20px);overflow:auto;padding:18px;border:1px solid var(--stroke,#666);border-radius:22px;background:var(--panel,#191919);color:var(--ink,#fff);font:inherit}
.oq23-interval::backdrop{background:#000c}.oq23-interval *{box-sizing:border-box;min-width:0}.oq23-interval [hidden]{display:none!important}
.oq23-interval header{display:flex;align-items:center;flex-wrap:wrap;gap:8px;position:sticky;top:-18px;padding:10px 0;background:var(--panel,#191919);z-index:2}.oq23-interval h2{font-size:24px;margin:0;margin-inline-end:auto}.oq23-interval .btn{font:inherit;font-weight:700;min-height:44px;max-width:100%;white-space:normal;overflow-wrap:anywhere;cursor:pointer;padding:10px 14px}.oq24-close{border:1px solid var(--stroke,#888)!important}.oq23-interval h3{font:inherit;font-weight:800;font-size:18px;margin:14px 0 10px}
.oq23-presets{display:flex;gap:8px;margin-bottom:12px}.oq23-presets button{flex:1;font-size:20px!important}.oq23-presets button[aria-pressed=true]{background:var(--accent,#d4ff3a)!important;color:var(--on-accent,#111)!important}
.oq23-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.oq24-field{display:flex;flex-direction:column;gap:7px;font-size:16px}.oq24-stepper{display:grid;grid-template-columns:44px minmax(0,1fr) 44px;gap:4px}.oq24-stepper .btn{font-size:24px;padding:4px}.oq24-stepper input{width:100%;text-align:center;font:inherit;font-size:22px;min-height:48px;border:1px solid var(--stroke,#777);border-radius:12px;padding:5px;background:var(--field,#292929);color:inherit;appearance:textfield;-moz-appearance:textfield}.oq24-stepper input::-webkit-inner-spin-button{appearance:none}.oq24-advanced summary,.oq23-bank summary{font-size:16px;font-weight:700;cursor:pointer;padding:12px 0}.oq24-advanced .oq23-fields{margin:8px 0}
.oq23-sound{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin:12px 0}.oq23-sound label{display:flex;align-items:center;gap:6px;font-size:15px}.oq23-sound input[type=checkbox],.oq23-auto input{width:22px;height:22px;flex-shrink:0}.oq23-sound input[type=range]{width:110px;max-width:100%}.oq24-voice-name{font-size:13px;margin:6px 0}.oq24-cues-open{margin:6px 0}.oq23-controls{display:flex;gap:8px;position:sticky;bottom:-18px;z-index:2;background:var(--panel,#191919);padding:12px 0}.oq23-controls button{flex:1;font-size:18px!important}.oq23-controls [data-fi-start]{background:var(--accent,#d4ff3a)!important;color:var(--on-accent,#111)!important}.oq23-interval [data-fi-status]{font-size:14px;overflow-wrap:anywhere;margin:6px 0}
.oq23-clock{text-align:center;border:2px solid var(--accent,#d4ff3a);border-radius:18px;padding:16px;margin:10px 0}.oq23-clock[data-kind=rest],.oq23-clock[data-kind=gap]{border-color:#49b9df}.oq23-clock h3{font-size:22px;margin:0}.oq23-clock strong{display:block;font-size:clamp(48px,16vmin,160px);line-height:1.1;font-variant-numeric:tabular-nums}.oq23-clock p{margin:8px 0;overflow-wrap:anywhere}.oq23-clock progress{width:100%;height:10px;accent-color:var(--accent,#d4ff3a)}
.oq23-bank [data-fi-bank]{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-bottom:10px}.oq23-bank [data-fi-bank]>div{display:flex;flex-wrap:wrap;gap:4px;padding:8px;border:1px solid var(--stroke,#666);border-radius:14px}.oq23-bank [data-fi-bank]>div button:first-child{flex:1 1 100%}.oq23-bank [data-fi-bank]>div button:last-child{font-size:13px}.oq23-auto{display:flex;align-items:center;gap:8px;margin:12px 0}.oq23-phase-picks{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.oq23-phase-picks label{display:flex;flex-direction:column;gap:6px}.oq23-phase-picks select{width:100%;min-height:44px;border-radius:12px;font:inherit;background:var(--field,#292929);color:inherit;padding:8px}.oq23-phase-picks option{color:#111;background:white}.oq23-instruction{margin:16px 0;display:flex;flex-wrap:wrap;align-items:end;gap:8px}.oq23-instruction label{flex:1 1 100%;display:flex;flex-direction:column;gap:6px}.oq23-instruction textarea{width:100%;font:inherit;font-size:16px;border:1px solid var(--stroke,#666);border-radius:12px;padding:10px;resize:vertical;min-height:72px;height:76px;background:var(--field,#292929);color:inherit}
.oq23-interval.oq24-player,.oq23-interval:fullscreen{position:fixed;inset:0;margin:0;width:100vw;max-width:100vw;height:100dvh;max-height:100dvh;border-radius:0;border:0;padding:12px;display:flex;flex-direction:column;gap:0;overflow:auto}.oq24-player header{position:static;flex-shrink:0;padding:0 0 6px}.oq24-player h2{font-size:18px}.oq24-player header .btn{font-size:14px;padding:8px 10px}.oq24-player [data-fi-full]{display:none}.oq24-player .oq23-clock{flex:1;min-height:170px;display:flex;flex-direction:column;justify-content:center;margin:4px 0;padding:10px}.oq24-player .oq23-controls{position:static;flex-shrink:0;padding:8px 0}.oq24-player .oq23-sound{margin:6px 0;flex-shrink:0}.oq24-player .oq24-voice-name,.oq24-player .oq24-volume,.oq24-player [data-fi-test]{display:none}.oq24-player .oq24-cues-open{align-self:center;font-size:14px;min-height:44px;padding:8px 16px}.oq24-player [data-fi-status]{margin:2px 0;flex-shrink:0}.oq24-player.oq24-cues-visible .oq23-clock{display:none}.oq24-player.oq24-cues-visible .oq24-cues{flex:1;overflow:auto;min-height:0}.ui-light .oq23-interval{background:var(--panel,#fff);color:var(--ink,#111)}
@media(max-width:380px){.oq23-interval{padding:12px}.oq23-interval header{top:-12px}.oq23-fields{gap:8px}.oq24-stepper{grid-template-columns:40px minmax(0,1fr) 40px;gap:2px}.oq24-stepper .btn{padding:4px;min-height:44px}.oq24-field{font-size:14px}.oq23-controls{bottom:-12px}.oq24-player header .btn{font-size:12px}}
@media(max-height:460px){.oq24-player .oq23-clock{min-height:140px}.oq24-player .oq23-clock strong{font-size:52px}.oq24-player .oq23-clock h3{font-size:18px}.oq24-player .oq23-clock p{font-size:13px;margin:3px 0}.oq24-player .oq23-sound{position:absolute;inset-inline-start:12px;bottom:64px}.oq24-player .oq24-cues-open{align-self:flex-end;margin:4px 0}.oq24-player .oq23-controls{padding:4px 0}}

.oq24-player .oq24-tools{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;flex-shrink:0}.oq24-player .oq23-sound{position:static;margin:2px 0;gap:8px}.oq24-player .oq23-sound label{min-height:24px;margin:0;line-height:1.3}.oq24-player .oq24-cues-open{margin:2px 0}.oq24-player .oq24-voice-name{display:none}@media(min-height:461px){.oq24-player .oq23-clock strong{font-size:clamp(64px,28vmin,180px)}}

/* Full viewport from preparation through the interval session. */
dialog.oq23-interval.oq25-full{position:fixed;inset:0;margin:0;width:100vw;max-width:100vw;height:100dvh;max-height:100dvh;box-sizing:border-box;border:0;border-radius:0;padding:16px max(16px,env(safe-area-inset-right));overflow:auto}
.oq25-full:not(.oq24-player)>*{width:100%;max-width:960px;margin-inline:auto;box-sizing:border-box}
.oq25-full:not(.oq24-player)>header{position:sticky;top:-16px;z-index:2;padding-block:12px;background:var(--panel,var(--bg2,#191919));display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.oq25-full:not(.oq24-player)>header h2{flex:1;min-width:120px}.oq25-full:not(.oq24-player)>header [data-fi-full]{display:none}
.oq25-full [data-fi-close]{min-width:44px;min-height:44px}
@media(max-width:380px){dialog.oq23-interval.oq25-full{padding:12px}.oq25-full:not(.oq24-player)>header{top:-12px}}

/* Large readable countdown; landscape keeps room for safe controls. */
.oq23-interval.oq25-full.oq24-player .oq23-clock strong{font-size:clamp(64px,32vmin,360px);line-height:1.05;font-variant-numeric:tabular-nums;font-weight:900}
@media(max-height:460px){.oq23-interval.oq25-full.oq24-player .oq23-clock strong{font-size:clamp(56px,18dvh,86px)}}

.oq25-minimal-controls{display:none}
.oq23-interval.oq24-player:not(.oq25-chrono-only):not(:fullscreen){position:relative;inset:auto;margin:auto;width:min(960px,calc(100vw - 24px));max-width:calc(100vw - 24px);height:auto;max-height:calc(100dvh - 24px);border-radius:20px;overflow:auto}
.oq24-player:not(.oq25-chrono-only) [data-fi-full]{display:inline-flex}.oq24-player:not(.oq25-chrono-only) .oq23-clock{min-height:220px}
dialog.oq23-interval.oq25-chrono-only{position:fixed;inset:0;width:100vw;height:100dvh;max-width:100vw;max-height:100dvh;margin:0;padding:0;border:0;border-radius:0;overflow:hidden;background:#191919}
.oq25-chrono-only> :not(.oq23-clock):not(.oq25-minimal-controls){display:none!important}
.oq25-chrono-only .oq23-clock{position:absolute;inset:0;margin:0!important;padding:8px!important;border:0!important;border-radius:0!important;background:transparent!important;display:flex!important;align-items:center;justify-content:center}
.oq25-chrono-only .oq23-clock> :not([data-fi-clock]){display:none!important}
.oq23-interval.oq25-chrono-only .oq23-clock strong{font-size:clamp(72px,min(29vw,60dvh),600px)!important;line-height:1;white-space:nowrap;font-weight:900}
.oq25-chrono-only.oq25-controls-shown .oq25-minimal-controls{position:absolute;bottom:max(12px,env(safe-area-inset-bottom));inset-inline:12px;display:flex;justify-content:center;flex-wrap:wrap;gap:8px;z-index:3;padding:8px;background:#191919e8;border-radius:14px}.oq25-minimal-controls .btn{min-height:48px;font-size:14px;white-space:normal;flex:0 1 220px}