*,:before,:after{box-sizing:border-box}:root{--oio-page-bg:#1a1a1d;--oio-page-bg-mid:#1a1a1d;--oio-surface:#2b2b2e;--oio-surface-2:#323236;--oio-surface-inset:#1a1a1d;--oio-border:#ffffff14;--oio-border-strong:#4095ffb8;--oio-text:#fff;--oio-text-secondary:#9ca3af;--oio-text-tertiary:#6b7280;--oio-accent:#4095ff;--oio-accent-hover:#2e86f4;--oio-accent-muted:#4095ff2e;--oio-accent-text:#7fb8ff;--oio-danger:#f87171;--oio-radius-panel:12px;--oio-radius-control:12px;--oio-shadow:0 4px 24px #00000059}body{background:var(--oio-page-bg);min-height:100vh;color:var(--oio-text);-webkit-font-smoothing:antialiased;margin:0;font-family:PingFang SC,Noto Sans SC,Helvetica Neue,system-ui,-apple-system,Segoe UI,Roboto,Microsoft YaHei,sans-serif;line-height:1.5}.wrap{max-width:60rem;margin:0 auto;padding:2rem 1.5rem 3.5rem}.oio-header{margin-bottom:1.65rem}.oio-header-top{justify-content:space-between;align-items:flex-start;gap:.75rem;display:flex}.oio-brand{letter-spacing:-.04em;color:var(--oio-text);flex:1;min-width:0;margin:0;font-size:1.7rem;font-weight:800}.oio-brand-oio{color:var(--oio-accent)}.oio-panel-head{justify-content:space-between;align-items:flex-start;gap:.65rem;margin-bottom:1.05rem;display:flex}.oio-panel-head .oio-section-title{flex:1;min-width:0;margin:0}.oio-help-anchor{flex-shrink:0;margin-top:.1rem;position:relative}.oio-help-anchor--header{margin-top:.35rem}.oio-help-btn{border:1px solid var(--oio-border-strong);width:1.35rem;height:1.35rem;color:var(--oio-accent-text);cursor:pointer;background:0 0;border-radius:999px;justify-content:center;align-items:center;padding:0;font-family:inherit;font-size:.75rem;font-weight:700;line-height:1;display:inline-flex}.oio-help-btn:hover{background:var(--oio-accent-muted);color:var(--oio-text)}.oio-help-btn:focus-visible{outline:none;box-shadow:0 0 0 3px #3b82f647}.oio-help-popover{z-index:50;border:1px solid var(--oio-border);background:var(--oio-surface-2);min-width:14rem;max-width:min(22rem,100vw - 2.5rem);box-shadow:var(--oio-shadow);border-radius:10px;padding:.65rem .75rem;display:none;position:absolute;top:calc(100% + .35rem);right:0}.oio-help-popover--wide{max-width:min(26rem,100vw - 2.5rem)}.oio-help-anchor:hover .oio-help-popover,.oio-help-anchor:focus-within .oio-help-popover,.oio-help-anchor.oio-help-open .oio-help-popover{display:block}.oio-help-text{color:var(--oio-text-secondary);margin:0;font-size:.8125rem;line-height:1.55}.oio-help-text kbd{margin:0 .05em}.oio-panel{background:var(--oio-surface);border:1px solid var(--oio-border);border-radius:var(--oio-radius-panel);box-shadow:none;margin-bottom:1.2rem;padding:1.35rem 1.4rem 1.45rem}.oio-section-title{letter-spacing:-.02em;color:#f5f7fa;margin:0 0 1.05rem;font-size:1.125rem;font-weight:600}.oio-actions-row{justify-content:center;gap:.6rem;margin-top:1.05rem}.oio-status-row{text-align:center;margin-top:.5rem}.hint{color:var(--oio-text-secondary);margin:0 0 1.25rem;font-size:.875rem;line-height:1.5}textarea{border:1px solid var(--oio-border);border-radius:var(--oio-radius-control);background:var(--oio-surface-inset);width:100%;color:var(--oio-text);resize:vertical;min-height:180px;padding:.9rem 1.05rem;font-size:.9375rem;line-height:1.55}textarea:focus{border-color:var(--oio-accent);outline:none;box-shadow:0 0 0 3px #3b82f638}.voice-picker-row{flex-wrap:nowrap;justify-content:flex-start;align-items:center;gap:.4rem .5rem;margin-top:1rem;display:flex}.voice-picker-label{color:var(--oio-text-secondary);flex:none;font-size:.875rem;font-weight:500}.voice-combobox{flex:0 0 6.5rem;width:6.5rem;min-width:0;max-width:100%;position:relative}.voice-combobox-trigger{border-radius:var(--oio-radius-control);border:1px solid var(--oio-border);background:var(--oio-surface-inset);width:100%;color:var(--oio-text);cursor:pointer;text-align:left;justify-content:space-between;align-items:center;gap:.2rem;padding:.28rem .38rem;font-family:inherit;font-size:.8125rem;display:flex}.voice-combobox-value{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.voice-combobox.is-open .voice-combobox-trigger,.voice-combobox-trigger:focus-visible{border-color:var(--oio-accent);outline:none;box-shadow:0 0 0 1px #4095ff61}.voice-combobox-chevron{opacity:.85;flex-shrink:0;font-size:.55rem;transition:transform .15s}.voice-combobox.is-open .voice-combobox-chevron{transform:rotate(-180deg)}.voice-combobox-list{z-index:80;border-radius:var(--oio-radius-control);border:1px solid var(--oio-border);background:var(--oio-surface-2);width:max-content;min-width:100%;max-width:min(17.5rem,100vw - 2rem);max-height:none;box-shadow:var(--oio-shadow);padding:.3rem 0;position:absolute;top:calc(100% + 4px);left:0;right:auto;overflow:visible}.voice-optgroup-label{color:var(--oio-text-tertiary);pointer-events:none;-webkit-user-select:none;user-select:none;padding:.35rem .55rem .15rem;font-size:.75rem;font-weight:600}.voice-option{width:100%;color:var(--oio-text);text-align:left;cursor:pointer;background:0 0;border:none;padding:.38rem .55rem;font-family:inherit;font-size:.875rem;display:block}.voice-option:hover{background:var(--oio-accent-muted)}.voice-option[aria-selected=true]{background:var(--oio-accent-muted);color:var(--oio-accent);font-weight:600}.voice-option[aria-selected=true]:hover{background:var(--oio-accent-muted);color:var(--oio-accent)}.row{flex-wrap:wrap;align-items:center;gap:.75rem 1rem;margin-top:1rem;display:flex}.primary{border-radius:var(--oio-radius-control);cursor:pointer;background:var(--oio-accent);color:#fff;box-shadow:none;border:none;padding:.62rem 1.35rem;font-size:.9375rem;font-weight:600;transition:background .15s,filter .15s}.primary:hover:not(:disabled){background:var(--oio-accent-hover);filter:none}.primary:disabled{opacity:.55;cursor:not-allowed}.status{color:var(--oio-text-secondary);font-size:.8125rem}.clear-input-btn.secondary{color:#b0b0b0;box-shadow:none;background:#252525;border:none;font-weight:500}.clear-input-btn.secondary:hover:not(:disabled){color:#c9c9c9;box-shadow:none;background:#2f2f2f;border:none}.clear-input-btn.secondary:focus-visible{box-shadow:none;outline:none}.oio-panel--input{background:#2d2e33;border-color:#ffffff17}.oio-panel--input .oio-panel-head{margin-bottom:.9rem}.oio-panel--input .oio-section-title{color:#f5f7fa;font-family:Inter,PingFang SC,Noto Sans SC,sans-serif;font-size:1.125rem;font-weight:600;line-height:1.2}.oio-panel--input #text{color:#f3f4f6;background:#15171d;border:1px solid #ffffff14;border-radius:14px;min-height:10.8rem;padding:1rem 1.15rem;font-family:Inter,PingFang SC,Noto Sans SC,sans-serif;font-size:1.0625rem;line-height:1.65}.oio-panel--input #text::placeholder{color:#8f96a3}.oio-panel--input .voice-picker-row{gap:.6rem .7rem;margin-top:1.15rem}.oio-panel--input .voice-picker-label{color:#d8dbe2;font-size:1rem;font-weight:500}.oio-panel--input .voice-combobox{flex-basis:7.4rem;width:7.4rem}.oio-panel--input .voice-combobox-trigger{color:#f4f6f8;background:#181a21;border:1px solid #ffffff12;border-radius:11px;padding:.46rem .62rem;font-size:.95rem}.oio-panel--input .voice-combobox.is-open .voice-combobox-trigger,.oio-panel--input .voice-combobox-trigger:focus-visible{border-color:#4095ffb8;box-shadow:0 0 0 1px #4095ff57}.oio-panel--input .oio-actions-row{gap:.7rem;margin-top:1.15rem}.oio-panel--input #generate{border-radius:12px;min-width:10.2rem;padding:.68rem 1.6rem;font-family:Inter,PingFang SC,Noto Sans SC,sans-serif;font-size:1.02rem;font-weight:700}.oio-panel--input .clear-input-btn.secondary{border-radius:11px;padding:.6rem 1.05rem;font-size:.95rem}.player.oio-audio-native{clip:rect(0, 0, 0, 0);white-space:nowrap;opacity:0;pointer-events:none;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.oio-panel--player{position:relative}.history-collapse-row{flex-wrap:wrap;align-items:center;gap:.45rem .6rem;margin:-.15rem 0 .65rem;display:flex}.history-collapse-row .history-collapse-head{flex:12rem;min-width:0;margin:0}.history-collapse-actions{flex-wrap:wrap;flex-shrink:0;align-items:center;gap:.3rem .45rem;display:flex;position:relative}.oio-import-file-native{opacity:.02;z-index:0;border:0;width:2px;height:2px;margin:0;padding:0;font-size:4px;position:absolute;bottom:0;right:0}.oio-import-success-dialog{border:1px solid var(--oio-border-strong);border-radius:var(--oio-radius-panel);background:var(--oio-surface);color:var(--oio-text);max-width:calc(100vw - 2rem);padding:0;box-shadow:0 12px 40px #00000073}.oio-import-success-dialog::backdrop{background:#00000080}.oio-import-success-panel{min-width:min(17rem,88vw);max-width:min(22rem,92vw);padding:1rem 1.1rem 1.05rem}.oio-import-success-title{color:var(--oio-text);margin:0 0 .5rem;font-size:1rem;font-weight:600}.oio-import-success-body{color:var(--oio-text-secondary);white-space:pre-line;margin:0 0 .85rem;font-size:.8125rem;line-height:1.55}.oio-import-success-ok{width:100%;padding:.5rem .75rem;font-size:.875rem;font-weight:600}.history-head-btn{white-space:nowrap;padding:.35rem .55rem;font-size:.8125rem}.oio-help-anchor--history{align-self:center}.history-section{margin-top:0}.history-collapse-head{border:none;border-bottom:1px solid var(--oio-border);color:#f5f7fa;cursor:pointer;font:inherit;text-align:left;background:0 0;border-radius:0;justify-content:space-between;align-items:center;gap:.75rem;padding:0 0 .35rem;display:flex}.history-collapse-title{color:#f5f7fa}.history-collapse-head:hover .history-collapse-title{color:var(--oio-accent-text)}.history-collapse-title{letter-spacing:-.02em;font-size:1.125rem;font-weight:600}.history-collapse-chevron{color:var(--oio-text-secondary);flex-shrink:0;font-size:.7rem;transition:transform .15s}.history-section.history-collapsed .history-collapse-chevron{transform:rotate(-90deg)}.history-section.history-collapsed .history-collapse-row{margin-bottom:0}.history-section.history-collapsed .history-collapse-head{border-bottom:none;margin-bottom:0;padding-bottom:0}code{background:var(--oio-surface-inset);color:var(--oio-accent-text);border:1px solid var(--oio-border);border-radius:5px;padding:.12em .42em;font-family:ui-monospace,monospace;font-size:.88em}.history-magic-card{border-radius:var(--oio-radius-control);background:var(--oio-surface-inset);border:1px solid var(--oio-border);padding:.85rem .95rem 1rem}.history-magic-top{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem .75rem;margin-bottom:.65rem;display:flex}.history-magic-top-left{flex-wrap:wrap;align-items:center;gap:.45rem;min-width:0;display:flex}.history-context-label{color:var(--oio-text);font-size:.8125rem;font-weight:600}.history-quick-jump{padding:.35rem .65rem;font-size:.8125rem}.history-granularity-select{border-radius:var(--oio-radius-control);border:1px solid var(--oio-border);background:var(--oio-surface-inset);color:var(--oio-text);cursor:pointer;min-width:7.5rem;padding:.45rem .75rem;font-family:inherit;font-size:.8125rem}.history-granularity-select:focus{outline:none;box-shadow:0 0 0 2px #3b82f647}.history-nav-root{min-height:.5rem}.history-all-nav-bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem .75rem;margin:0;display:flex}.history-all-nav-summary{color:var(--oio-text-secondary);flex:auto;min-width:0;margin:0;font-size:.8125rem}.history-entries-root{border-top:1px solid var(--oio-border);margin-top:.85rem;padding-top:.75rem}.history-entries-title{color:var(--oio-text-tertiary);text-transform:none;margin:0 0 .5rem;font-size:.75rem;font-weight:600}.history-entries-empty{color:var(--oio-text-secondary);margin:0;font-size:.8125rem}.history-today-stack{flex-direction:column;gap:.5rem;display:flex}.history-today-block{border-radius:var(--oio-radius-control);background:var(--oio-surface-inset);border:1px solid var(--oio-border);padding:.55rem .65rem}.history-today-block-title{color:var(--oio-text);margin:0 0 .35rem;font-size:.8125rem;font-weight:600}.history-today-block-date{color:var(--oio-text-secondary);font-weight:500}.history-today-block-head{justify-content:space-between;align-items:center;gap:.5rem;margin-bottom:.35rem;display:flex}.history-today-block-head .history-today-block-title{flex:1;min-width:0;margin:0}.history-today-fb-ring-wrap{pointer-events:none;flex-shrink:0}.history-week-toolbar{justify-content:space-between;align-items:center;gap:.5rem;margin-bottom:.5rem;display:flex}.history-week-spacer{flex:auto;min-width:0}.history-week-toolbar .secondary{justify-content:center;align-items:center;width:2rem;min-width:2rem;height:1.75rem;padding:0;font-size:.875rem;line-height:1;display:inline-flex}.history-week-strip{grid-template-columns:repeat(7,minmax(0,1fr));gap:.35rem;display:grid}.history-day-cell{border-radius:var(--oio-radius-control);border:1px solid var(--oio-border);background:var(--oio-surface-inset);cursor:pointer;text-align:center;min-height:3.75rem;padding:.35rem .3rem .25rem;transition:border-color .12s,background .12s;position:relative}.history-day-cell:hover{border-color:#94a3b859}.history-day-cell--selected{border-color:var(--oio-accent);background:var(--oio-accent-muted)}.history-day-cell-dow{color:var(--oio-text-secondary);margin-bottom:.15rem;font-size:.65rem;display:block}.history-day-cell-num{color:var(--oio-text-tertiary);font-size:.7rem;position:absolute;top:.25rem;right:.35rem}.history-day-badge{background:var(--oio-accent);color:#fff;border-radius:999px;justify-content:center;align-items:center;min-width:1.35rem;height:1.35rem;margin-top:.2rem;font-size:.7rem;font-weight:600;display:inline-flex}.history-day-cell--muted .history-day-cell-num{opacity:.35}.history-cal-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.35rem;margin-bottom:.45rem;display:flex}.history-cal-toolbar-mid{flex-wrap:wrap;flex:auto;justify-content:center;align-items:center;gap:.35rem;min-width:0;display:flex}.history-cal-ym-sel{border-radius:var(--oio-radius-control);border:1px solid var(--oio-border-strong);background:var(--oio-surface-inset);color:var(--oio-text);cursor:pointer;max-width:100%;padding:.35rem .45rem;font-family:inherit;font-size:.8125rem}.history-cal-ym-sel:focus{outline:none;box-shadow:0 0 0 2px #58a6ff33}.history-cal-dow-row{grid-template-columns:repeat(7,1fr);gap:.25rem;margin-bottom:.35rem;display:grid}.history-cal-dow-cell{text-align:center;color:var(--oio-text-secondary);font-size:.65rem}.history-cal-grid{grid-template-columns:repeat(7,1fr);gap:.35rem;display:grid}.history-cal-cell{border-radius:var(--oio-radius-control);border:1px solid var(--oio-border);background:var(--oio-surface-inset);cursor:pointer;min-height:2.6rem;padding:.25rem;transition:border-color .12s,background .12s;position:relative}.history-cal-cell:hover:not(.history-cal-cell--empty){border-color:#94a3b859}.history-cal-cell--empty{cursor:default;background:0 0;border-color:#0000}.history-cal-cell--muted{opacity:.38}.history-cal-cell--selected{border-color:var(--oio-accent);background:var(--oio-accent-muted)}.history-cal-cell--today:not(.history-cal-cell--selected){border-color:#ffffff14}.history-cal-cell-num{color:var(--oio-text-secondary);font-size:.7rem;position:absolute;top:.2rem;right:.3rem}.history-entry-row{border-radius:var(--oio-radius-control);background:var(--oio-surface-inset);border:1px solid var(--oio-border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.45rem .75rem;margin-bottom:.4rem;padding:.5rem .55rem;display:flex}.history-entry-row:last-child{margin-bottom:0}.history-entry-row--current{border-color:var(--oio-accent);background:var(--oio-accent-muted);box-shadow:0 0 0 1px #3b82f68c}.history-entry-main{flex:12rem;min-width:0}.history-entry-label{color:var(--oio-text);word-break:break-word;margin:0;font-size:.8125rem;font-weight:500;line-height:1.4}.history-entry-meta{color:var(--oio-text-secondary);margin:.15rem 0 0;font-size:.72rem}.history-entry-actions{flex-wrap:wrap;align-items:center;gap:.5rem .65rem;display:flex}.history-fb-ring-wrap{flex-shrink:0;justify-content:center;align-items:center;margin-right:.1rem;display:flex}.history-fb-ring-svg{vertical-align:middle;display:block}.history-fb-ring-track{stroke:#ffffff1f}.history-fb-ring-progress{stroke-linecap:round}.history-fb-ring-tier--weak{stroke:#f85149}.history-fb-ring-tier--mid{stroke:#e5c100}.history-fb-ring-tier--high{stroke:var(--oio-accent,#4095ff)}.history-fb-ring-tier--perfect{stroke:#3fb950}.history-fb-ring-text{fill:var(--oio-text-secondary,#9ca3af);font-family:ui-sans-serif,system-ui,sans-serif;font-size:8px;font-weight:600}.history-entry-actions button{cursor:pointer;background:0 0;border:none;padding:0;font-family:inherit;font-size:.8125rem}.history-act-load{color:var(--oio-accent-text)}.history-act-load:hover{text-decoration:underline}.history-act-dl{color:#bae6fd}.history-act-dl:hover{text-decoration:underline}.history-act-del{color:var(--oio-danger)}.history-act-del:hover{text-decoration:underline}.history-nav-error{color:#f85149;margin:0;font-size:.8125rem}.history-jump-dialog{border:1px solid var(--oio-border-strong);border-radius:var(--oio-radius-panel);background:var(--oio-surface);color:var(--oio-text);max-width:calc(100vw - 2rem);padding:0;box-shadow:0 12px 40px #00000073}.history-jump-dialog::backdrop{background:#0000008c}.history-jump-panel{min-width:min(20rem,92vw);max-width:min(26rem,96vw);padding:1.1rem 1.15rem}.history-jump-title{margin:0 0 .5rem;font-size:1rem;font-weight:600}.history-jump-lead{color:var(--oio-text-secondary);margin:0 0 .65rem;font-size:.8125rem;line-height:1.5}.history-jump-input-row{margin-bottom:.75rem}.history-jump-input-wrap{min-width:0;display:block;position:relative}.history-jump-text{box-sizing:border-box;border-radius:var(--oio-radius-control);border:1px solid var(--oio-border);background:var(--oio-surface-inset);width:100%;color:var(--oio-text);padding:.45rem 2.1rem .45rem .6rem;font-family:inherit;font-size:.8125rem}.history-jump-text::placeholder{color:var(--oio-text-tertiary)}.history-jump-text:focus{border-color:var(--oio-accent);outline:none;box-shadow:0 0 0 2px #3b82f638}.history-jump-input-icon{opacity:.75;pointer-events:none;font-size:.85rem;line-height:1;position:absolute;top:50%;right:.55rem;transform:translateY(-50%)}.history-jump-actions{align-items:stretch;gap:.5rem;display:flex}.history-jump-btn-cancel{border-radius:var(--oio-radius-control);border:1px solid var(--oio-border);cursor:pointer;background:var(--oio-surface-2);color:var(--oio-text-secondary);flex:none;padding:.45rem .85rem;font-family:inherit;font-size:.8125rem;font-weight:500}.history-jump-btn-cancel:hover{background:var(--oio-surface-inset);color:var(--oio-text)}.history-jump-actions .primary{flex:auto;min-width:0;padding:.5rem .75rem;font-size:.8125rem;font-weight:600}.history-export-dialog{border:1px solid var(--oio-border-strong);border-radius:var(--oio-radius-panel);background:var(--oio-surface);color:var(--oio-text);max-width:calc(100vw - 2rem);padding:0;box-shadow:0 12px 40px #00000073}.history-export-dialog::backdrop{background:#0000008c}.history-export-panel{min-width:min(22rem,92vw);max-width:min(34rem,96vw);padding:1.1rem 1.15rem}.history-export-title{margin:0 0 .5rem;font-size:1rem;font-weight:600}.history-export-lead{color:var(--oio-text-secondary);margin:0 0 .65rem;font-size:.8125rem;line-height:1.5}.history-export-filters{flex-wrap:wrap;align-items:flex-end;gap:.5rem .65rem;margin-bottom:.5rem;display:flex}.history-export-date-label{color:var(--oio-text-secondary);flex-direction:column;gap:.2rem;font-size:.75rem;display:flex}.history-export-date{border-radius:var(--oio-radius-control);border:1px solid var(--oio-border);background:var(--oio-surface-inset);color:var(--oio-text);padding:.4rem .45rem;font-family:inherit;font-size:.8125rem}.history-export-date:focus{border-color:var(--oio-accent);outline:none;box-shadow:0 0 0 2px #3b82f638}.history-export-apply,.history-export-clear-range{padding:.4rem .55rem;font-size:.8125rem}.history-export-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.35rem .75rem;margin-bottom:.35rem;display:flex}.history-export-select-all-label{cursor:pointer;color:var(--oio-text);align-items:center;gap:.4rem;font-size:.8125rem;display:inline-flex}.history-export-count{color:var(--oio-text-tertiary);font-size:.75rem}.history-export-list{border:1px solid var(--oio-border);background:var(--oio-surface-inset);border-radius:10px;flex-direction:column;gap:.2rem;max-height:min(46vh,18rem);margin-bottom:.75rem;padding:.4rem .45rem;display:flex;overflow:auto}.history-export-row{cursor:pointer;border-radius:6px;align-items:flex-start;gap:.45rem;padding:.2rem .15rem;font-size:.8125rem;display:flex}.history-export-row:hover{background:#ffffff0a}.history-export-row input{flex-shrink:0;margin-top:.15rem}.history-export-row-text{min-width:0;color:var(--oio-text-secondary);flex:1;line-height:1.35}.history-export-actions{align-items:stretch;gap:.5rem;display:flex}.history-export-actions .primary{flex:auto;min-width:0;padding:.55rem .85rem;font-size:.875rem;font-weight:600}.transport-bar{border-top:1px solid var(--oio-border);margin-top:1rem;padding:.85rem 0 0}.transport-bar--in-subs{margin-top:.15rem;margin-bottom:.95rem}.custom-player{flex-wrap:wrap;align-items:center;gap:.65rem .85rem;display:flex}.player-play-btn{background:var(--oio-accent);color:#fff;cursor:pointer;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:2.65rem;height:2.65rem;padding:0;display:inline-flex;box-shadow:0 2px 12px #3b82f659}.player-play-btn:hover{background:var(--oio-accent-hover)}.player-play-btn:focus-visible{outline:none;box-shadow:0 0 0 3px #3b82f659}.player-play-icon{margin-left:.12em;font-size:.95rem;line-height:1}.player-time{font-variant-numeric:tabular-nums;color:var(--oio-text-secondary);flex-shrink:0;min-width:6.5rem;font-size:.8125rem}.player-progress-wrap{flex:8rem;min-width:5rem}.player-seek{appearance:none;cursor:pointer;background:0 0;width:100%;height:.45rem}.player-seek::-webkit-slider-runnable-track{background:var(--oio-surface-inset);border:1px solid var(--oio-border-strong);border-radius:999px;height:.35rem}.player-seek::-webkit-slider-thumb{appearance:none;background:var(--oio-accent);border:2px solid var(--oio-surface-2);border-radius:50%;width:.85rem;height:.85rem;margin-top:-.28rem;box-shadow:0 1px 4px #00000059}.player-seek::-moz-range-track{background:var(--oio-surface-inset);border:1px solid var(--oio-border-strong);border-radius:999px;height:.35rem}.player-seek::-moz-range-thumb{background:var(--oio-accent);border:2px solid var(--oio-surface-2);border-radius:50%;width:.85rem;height:.85rem;box-shadow:0 1px 4px #00000059}.player-ctl-block{flex-direction:column;flex-shrink:0;align-items:center;gap:.2rem;display:flex}.player-ctl-label{letter-spacing:.02em;color:var(--oio-text-tertiary);text-transform:none;font-size:.65rem;line-height:1.2}.player-rate-select{border:1px solid var(--oio-border-strong);background:var(--oio-surface-inset);min-width:3.25rem;color:var(--oio-accent-text);cursor:pointer;border-radius:8px;padding:.28rem .4rem;font-family:inherit;font-size:.75rem}.player-rate-select:focus-visible{outline:none;box-shadow:0 0 0 2px #3b82f640}.player-switch{cursor:pointer;flex-shrink:0;width:2.35rem;height:1.2rem;display:inline-block;position:relative}.player-switch input{opacity:0;width:0;height:0;position:absolute}.player-switch-slider{background:var(--oio-surface-2);border:1px solid var(--oio-border);border-radius:999px;transition:background .15s;position:absolute;inset:0}.player-switch-slider:after{content:"";background:#fff;border-radius:50%;width:.92rem;height:.92rem;transition:transform .15s;position:absolute;top:50%;left:.12rem;transform:translateY(-50%);box-shadow:0 1px 3px #00000059}.player-switch input:checked+.player-switch-slider{background:var(--oio-accent);border-color:#3b82f699}.player-switch input:checked+.player-switch-slider:after{transform:translate(1.12rem,-50%)}.player-switch input:focus-visible+.player-switch-slider{box-shadow:0 0 0 3px #3b82f647}.player-nav-btn{border:1px solid var(--oio-border);background:var(--oio-surface-2);color:var(--oio-text);cursor:pointer;border-radius:8px;flex-shrink:0;padding:.38rem .65rem;font-family:inherit;font-size:.78rem}.player-nav-btn:hover{background:var(--oio-surface-inset);border-color:#ffffff24}.player-nav-btn:focus-visible{outline:none;box-shadow:0 0 0 2px #3b82f638}kbd{background:var(--oio-surface-inset);border:1px solid var(--oio-border);color:var(--oio-text-secondary);border-radius:6px;padding:.12rem .4rem;font-family:ui-monospace,monospace;font-size:.75rem;display:inline-block}.subs{margin-top:0}.subs .oio-panel-head{margin-bottom:.85rem}.subtitles-scroll{border:1px solid var(--oio-border);border-radius:var(--oio-radius-control);background:var(--oio-surface-inset);scroll-behavior:smooth;max-height:min(58vh,32rem);overflow-y:auto}.subtitles-list{padding:.75rem 1rem 1rem}.subtitles-list:empty{min-height:3rem}.cue-row{border-radius:8px;margin:0;padding:.35rem .5rem;transition:background .15s,box-shadow .15s}.cue-row+.cue-row{margin-top:.35rem}.cue-row--active{background:var(--oio-surface-2);box-shadow:inset 0 0 0 1px #3b82f673}.cue-reference{color:var(--oio-text-secondary);cursor:pointer;border-radius:6px;margin:0;padding:.35rem .5rem;font-size:.9375rem;line-height:1.55;transition:background .15s,color .15s}.cue-reference:hover{background:var(--oio-surface-2)}.cue-row--active .cue-reference{color:var(--oio-text)}.cue-reference--hidden{display:none}.cue-input{border:1px solid var(--oio-border);border-radius:var(--oio-radius-control);background:var(--oio-surface);width:100%;min-height:3.25rem;color:var(--oio-text);resize:vertical;margin:0;padding:.5rem .65rem;font-family:inherit;font-size:.9375rem;line-height:1.55;display:none}.cue-input:focus{border-color:var(--oio-accent);outline:none;box-shadow:0 0 0 2px #3b82f638}.cue-input--visible{display:block}.cue-peek{color:#d4a72c;background:#2d2a1e;border:1px solid #6e5710;border-radius:6px;margin-top:.35rem;padding:.45rem .65rem;font-size:.8125rem;line-height:1.5;display:none}.cue-peek--visible{display:block}.practice-mode-bar{border-radius:var(--oio-radius-control);background:var(--oio-surface-inset);border:1px solid var(--oio-border);flex-wrap:wrap;align-items:center;gap:.5rem .75rem;margin:0 0 .75rem;padding:.65rem .75rem;display:flex}.practice-mode-intro{color:var(--oio-text-secondary);font-size:.8125rem;font-weight:600}.practice-mode-btns{flex-wrap:wrap;gap:.4rem;display:flex}.practice-mode-btn.practice-mode-btn--on{border-color:var(--oio-accent);background:var(--oio-accent-muted);color:var(--oio-accent)}.proofread-bar{flex-wrap:wrap;align-items:center;gap:.5rem;margin-top:1rem;display:flex}.secondary{border:1px solid var(--oio-border);border-radius:var(--oio-radius-control);cursor:pointer;background:var(--oio-surface-2);color:var(--oio-text);padding:.55rem 1rem;font-size:.875rem;font-weight:500}.secondary:hover:not(:disabled){background:#ffffff14;border-color:#fff3}.secondary:disabled{opacity:.45;cursor:not-allowed}.cue-proofread{margin-top:.45rem}.cue-fillblank{text-align:left;margin-top:.45rem}.cue-proofread--hidden,.cue-fillblank--hidden{display:none!important}.cue-proofread .pr-user-line{white-space:pre-wrap;background:var(--oio-surface);border:1px solid var(--oio-border);color:var(--oio-text-secondary);border-radius:6px;min-height:2.25rem;margin:0 0 .4rem;padding:.45rem .55rem;font-size:.875rem}.cue-proofread .pr-ref-line{color:var(--oio-text);word-break:break-word;font-size:.875rem;line-height:1.85}.pr-word{cursor:pointer;border-radius:4px;margin:0 -.05rem;padding:.1rem .15rem;transition:background .12s,box-shadow .12s}.pr-word:hover{background:#6e768133;box-shadow:0 0 0 1px #484f58}.pr-word.pr-word--selected{background:var(--oio-accent-muted);box-shadow:0 0 0 2px var(--oio-accent)}.fb-line{text-align:left;margin:0 0 .5rem;padding:0;display:block}.fb-flow{text-align:left;max-width:100%;color:var(--oio-text);font-size:.875rem;line-height:1.85;display:block}.fb-text{white-space:normal;overflow-wrap:break-word;word-break:normal}.fb-slot-wrap{vertical-align:baseline;flex-wrap:wrap;align-items:center;gap:.2rem .35rem;max-width:100%;margin:0 .05rem .15rem;display:inline-flex}.fb-slot-actions{align-items:center;gap:.2rem;display:none}.oio-fillblank-reviewed .fb-slot-actions{display:inline-flex}.fb-state-btn{box-sizing:border-box;border:1px solid var(--oio-border);background:var(--oio-surface-2);cursor:pointer;border-radius:4px;justify-content:center;align-items:center;min-width:1.65rem;height:1.45rem;padding:0 .25rem;font-family:inherit;font-size:.8125rem;line-height:1;display:inline-flex}.fb-state-btn--pending{color:#7eb8ff;background:#3b82f61f;border-color:#60a5fa8c}.fb-state-btn--wrong{color:#f87171;background:#f851491f;border-color:#f871718c}.fb-state-btn--ok{color:#3fb950;background:#3fb9501f;border-color:#3fb9508c}.fb-state-btn:hover{filter:brightness(1.08)}.fb-state-btn--active{font-weight:700;box-shadow:0 0 0 2px #fff3}.fb-state-btn--pending.fb-state-btn--active{box-shadow:0 0 0 2px #60a5fa73}.fb-state-btn--wrong.fb-state-btn--active{box-shadow:0 0 0 2px #f8717173}.fb-state-btn--ok.fb-state-btn--active{box-shadow:0 0 0 2px #3fb95073}.fb-slot{vertical-align:baseline;background:var(--oio-surface);color:var(--oio-text);text-align:center;border:1px solid #3b82f673;border-radius:5px;max-width:100%;margin:0;padding:.12rem .28rem;font-family:inherit;font-size:.875rem;line-height:1.35;display:inline-block}.fb-slot:focus{border-color:var(--oio-accent);outline:none;box-shadow:0 0 0 2px #3b82f638}.fb-slot.fb-slot--ok{border-color:#3fb950;box-shadow:0 0 0 1px #3fb95059}.fb-slot.fb-slot--wrong{border-color:#f85149;box-shadow:0 0 0 2px #f8514947}.fb-slot.fb-slot--wrong:focus{border-color:#ff7b72;box-shadow:0 0 0 2px #f8514959}.fb-slot[readonly],.fb-slot.fb-slot--revealed{cursor:default;-webkit-user-select:text;user-select:text;background:#3fb95014}.fb-peek-hint{color:#d4a72c;text-align:left;background:#2d2a1e;border:1px solid #6e5710;border-radius:6px;margin-top:.4rem;padding:.4rem .55rem;font-size:.8125rem;line-height:1.45;display:none}.fb-peek-hint--visible{display:block}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.history-week-strip,.history-cal-grid{background:#14161b;border:1px solid #ffffff0f;border-radius:12px;padding:.3rem}.history-week-strip .history-day-cell,.history-cal-cell:not(.history-cal-cell--empty){background:#2a2d35;border:1px solid #ffffff14;border-radius:10px;min-height:3.7rem;padding:.12rem .24rem .14rem;display:block;position:relative;overflow:visible}.history-cal-cell--empty{background:#21242b;border-color:#ffffff0a}.history-day-cell-num,.history-cal-cell-num,.history-week-strip .history-day-cell-num{z-index:1;color:#b7beca;justify-content:center;align-items:center;min-width:1.1rem;height:1.05rem;padding:0 .12rem;font-size:.7rem;font-weight:600;line-height:1;display:inline-flex;position:absolute;top:.22rem;right:.3rem}.history-cal-fb-ring-anchor{pointer-events:none;justify-content:center;align-items:center;display:flex;position:absolute;inset:1rem 0 .12rem}.history-cal-fb-ring-wrap{pointer-events:none;flex-shrink:0}.history-cal-fb-ring-svg{display:block}.history-day-cell--selected,.history-cal-cell--selected{background:#4095ff14;border-color:#4095ffb8;box-shadow:inset 0 0 0 1px #4095ff61}.history-week-strip .history-day-cell--has-sessions:not(.history-day-cell--today) .history-day-cell-num,.history-cal-cell--has-sessions:not(.history-cal-cell--today) .history-cal-cell-num{color:var(--oio-accent)}.history-week-strip .history-day-cell--today .history-day-cell-num,.history-cal-cell--today .history-cal-cell-num{background:var(--oio-accent);color:#fff;border-radius:999px}