:root{--bg:#eef2f6;--accent:#1e88e5;--accent-soft:#e8f0ff;--accent-border:#3498db;--surface:#ffffff;--surface-alt:#f8fafc;--surface-muted:#f3f6fb;--text-primary:#132030;--text-muted:#5d6b7a;--border-soft:#dbe3ec;--shadow-soft:0 12px 36px rgba(15,23,42,.1);--reading-bg:#fffdf7;--reading-ink:#17212b;--reading-border:#eadfca;--reading-highlight:#fff1a8;--sync-highlight:#ffd84d;--sync-highlight-text:#000000;--history-pill:#fff4e6;--history-pill-text:#b24b00;--mobile-shell:#050505;--mobile-shell-soft:#121212;--mobile-shell-border:rgba(255,255,255,.14);--mobile-shell-text:#f8fafc;--mobile-shell-muted:rgba(248,250,252,.72)}[data-theme=dark]{--bg:#0c1117;--surface:#121923;--surface-alt:#18212d;--surface-muted:#1d2632;--accent-soft:#10263c;--accent-border:#5dade2;--text-primary:#edf2f7;--text-muted:#9caac0;--border-soft:#2c3847;--shadow-soft:0 18px 40px rgba(0,0,0,.34);--reading-bg:#171c20;--reading-ink:#f6eedf;--reading-border:#38404a;--reading-highlight:#2d353d;--sync-highlight:#ffffff;--sync-highlight-text:#d32f2f;--history-pill:#2e2417;--history-pill-text:#ffd48e;--mobile-shell:#000000;--mobile-shell-soft:#0d1117;--mobile-shell-border:rgba(255,255,255,.12);--mobile-shell-text:#f8fafc;--mobile-shell-muted:rgba(248,250,252,.68)}.html,:root,html,body,#root{height:100%}body{font-family:Inter,Segoe UI,Roboto,Arial,sans-serif;background:var(--bg);color:var(--text-primary);margin:0;padding:20px;box-sizing:border-box}.app{max-width:1200px;margin:0 auto;min-height:calc(100vh - 40px);display:flex;flex-direction:column;color:var(--text-primary)}.main{margin-left:260px;display:flex;gap:12px;align-items:flex-start}.main-left{flex:1;min-width:0}.player{background:var(--surface);border:1px solid var(--border-soft);padding:16px;border-radius:16px;display:flex;flex-direction:column;flex:1;box-sizing:border-box;box-shadow:var(--shadow-soft)}.sidebar{position:fixed;left:0;top:0;width:300px;height:100%;background:var(--surface-alt);border-right:1px solid var(--border-soft);padding:16px;box-sizing:border-box;color:var(--text-primary)}.sidebar-shell{background:linear-gradient(180deg,var(--surface) 0%,var(--surface-alt) 100%)!important;box-shadow:var(--shadow-soft)!important;border-radius:0 24px 24px 0;border:1px solid var(--border-soft)!important;border-left:none!important}@keyframes rvr-spin{to{transform:rotate(360deg)}}[data-theme=dark] .card-review-modal button[aria-label=Fechar],[data-theme=dark] .apa-modal button[aria-label^=Fechar]{color:#fff!important}.rvr-tooltip{background:#fff8e6}[data-theme=dark] .rvr-tooltip{background:#d9dfe6}[data-theme=dark] .rvr-tooltip{color:#000!important}.rvr-results-grid{display:grid}.rvr-result-pack{display:contents}.rvr-mobile-label{display:none}.sidebar-inner{position:sticky;top:16px}.sidebar-theme-inner{color:var(--text-primary)!important}.sidebar-title{font-size:18px;font-weight:600;color:var(--text-primary);margin-bottom:16px;text-align:center}.sidebar-switch-label{font-size:12px;font-weight:500;color:var(--text-primary)}.sidebar-search-input{width:100%;padding:10px 12px;box-sizing:border-box;margin-bottom:6px;border:1px solid var(--border-soft);border-radius:8px;background:var(--surface);color:var(--text-primary);font-size:14px;outline:none}.sidebar-search-input::placeholder{color:var(--text-muted)}.sidebar-list-shell{max-height:192px;overflow-y:auto;margin-bottom:6px;background:var(--surface);border-radius:8px;padding:8px;border:1px solid var(--border-soft)}.sidebar-empty{font-size:14px;color:var(--text-muted);text-align:center;padding:20px}.sidebar-item-name{flex:1;color:var(--text-primary);font-size:13px;font-weight:500}.sidebar-item-name-muted{color:var(--text-muted);font-size:11px;font-weight:400}.sidebar-loading{margin-top:6px;display:flex;flex-direction:column;gap:4px;padding:8px 10px;border-radius:10px;background:#fff8e8;border:1px solid #f6d28b}[data-theme=dark] .sidebar-loading{background:#2b2415;border-color:#6c5320}[data-theme=dark] .sidebar-loading .status{color:#ffd48e!important}.sidebar h3{margin:0 0 8px}.sidebar button{display:block;margin-bottom:8px}.sidebar .status{margin-top:12px;font-size:13px;color:var(--text-muted)}.subtitle-box{margin-top:12px;padding:14px;background:var(--reading-bg);color:var(--reading-ink);border-radius:18px;min-height:auto;display:flex;align-items:flex-start;box-shadow:0 18px 40px #2d200d14;border:1px solid var(--reading-border);flex:none}.subtitle.muted{opacity:.7;color:#ddd}.subtitle{font-size:18px;text-align:justify;line-height:1.5;margin:0;padding:8px;color:var(--reading-ink)}.cue-list{margin-top:12px;max-height:220px;overflow:auto}.cue{padding:8px;border-bottom:1px solid rgba(120,120,120,.12);text-align:justify;margin-bottom:0;color:var(--reading-ink)}.cue.active{background:var(--reading-highlight);padding:10px;border-radius:10px}.essay{width:100%;height:auto;max-height:none;overflow:auto;background:transparent;padding:4px}.essay p{margin:0;text-align:justify;color:var(--reading-ink);line-height:1.8}.essay .subtitle.muted{opacity:.7;color:#ddd}.essay .word{display:inline;padding:2px 6px}.essay .word.current{background:var(--reading-highlight);border-radius:6px;transition:background .18s}.word-token{cursor:pointer}.word-gap{display:inline}.word-token:hover{background:#eef3ff;border-radius:4px}.cue.active .word-token.speaking{background:var(--sync-highlight);border-radius:0;box-shadow:none;transition:background 80ms linear,color 80ms linear,font-size 80ms linear;font-size:1.08em;font-weight:700}.cue.active .word-token.speaking-start{border-top-left-radius:4px;border-bottom-left-radius:4px}.cue.active .word-token.speaking-end{border-top-right-radius:4px;border-bottom-right-radius:4px}.cue.active .word-gap.speaking-gap{background:var(--sync-highlight)}.word-token.in-history.speaking{background:var(--sync-highlight);font-size:1.08em;font-weight:700}.cue.cue-active-text-only,.cue.cue-active-text-only .cue-text,.cue.cue-active-text-only .word-token,.cue.cue-active-text-only .word-token.in-history{font-weight:400}[data-theme=dark][data-progressive-highlight=true] .cue.active .word-token.speaking,[data-theme=dark][data-progressive-highlight=true] .word-token.in-history.speaking{color:var(--sync-highlight-text)}[data-theme=dark][data-progressive-highlight=true] .cue.cue-active-text-only,[data-theme=dark][data-progressive-highlight=true] .cue.cue-active-text-only .cue-text,[data-theme=dark][data-progressive-highlight=true] .cue.cue-active-text-only .word-token,[data-theme=dark][data-progressive-highlight=true] .cue.cue-active-text-only .word-token.in-history{color:#d32f2f!important}.word-token.in-history{background:var(--history-pill);border-radius:4px;color:var(--history-pill-text)}.selection-tooltip{background:var(--surface);border:1px solid var(--border-soft);padding:8px;border-radius:10px;box-shadow:var(--shadow-soft);z-index:9999;max-width:260px;color:var(--text-primary)}.selection-tooltip{touch-action:none;cursor:grab;position:fixed;z-index:99999;max-width:84vw}.selection-tooltip{-webkit-user-select:none;user-select:none}@media (min-width: 801px){.selection-tooltip{max-width:420px}}.selection-tooltip.dragging{cursor:grabbing;box-shadow:0 8px 24px #0000002e;transition:box-shadow .12s linear}.selection-tooltip.above{transition:transform .12s ease}.tooltip-handle{display:inline-flex;flex-direction:column;gap:3px;align-items:center;justify-content:center;padding:4px 6px;border-radius:6px;background:var(--surface-muted);border:1px solid var(--border-soft);cursor:grab;-webkit-user-select:none;user-select:none;touch-action:none}.tooltip-handle .dot{width:4px;height:4px;background:var(--text-muted);border-radius:50%;display:block}.selection-tooltip>.drag-handle{cursor:grab}[data-theme=light] .selection-tooltip{background:#fff8ea;color:var(--text-primary);border:1px solid var(--border-soft);box-shadow:0 8px 20px #1420280f}[data-theme=light] .player .subtitle-box,[data-theme=light] .player .essay{background:#fff8ea!important;color:var(--text-primary)!important}.seek-btn{display:inline-flex;align-items:center;gap:8px;border-radius:6px;border:1px solid var(--border-soft);background:var(--surface);padding:6px 8px;cursor:pointer;color:var(--text-primary)}.seek-btn .seek-icon{display:inline-flex}.seek-btn .seek-label{display:none}.desktop-only{display:flex}.mobile-only{display:none}.seek-icon i{font-size:20px;line-height:1;color:var(--text-primary);display:inline-block}.seek-btn{background:transparent}.seek-icon svg{width:22px;height:22px;display:block}.seek-btn svg{width:22px;height:22px}.seek-icon svg path{fill:currentColor!important}@media (max-width: 800px){.seek-btn{padding:6px;border-radius:50%;width:44px;height:44px;justify-content:center}.seek-btn .seek-icon{display:inline-flex}.seek-btn .seek-icon svg{width:28px;height:28px}.seek-btn .seek-label{display:none}}@media (max-width: 800px){.audio-with-seek{flex-direction:column;align-items:center}.audio-with-seek audio{width:90%}.seek-group{margin-top:10px;display:flex;gap:12px;justify-content:center}.seek-btn{width:52px;height:52px;border-radius:50%;padding:6px;display:inline-flex;align-items:center;justify-content:center;background:#fff;border:1px solid rgba(0,0,0,.08);box-shadow:0 6px 14px #0000001f}.seek-btn .seek-icon svg{width:22px;height:22px}}.audio-player-controls{position:relative;width:100%;display:flex;align-items:center;gap:10px;box-sizing:border-box;overflow:hidden}.seek-btn{pointer-events:auto;background:#ffffffeb;border-radius:50%;width:40px;height:40px;display:inline-flex;align-items:center;justify-content:center;border:1px solid rgba(0,0,0,.06);box-shadow:0 6px 14px #00000014}.seek-group-inline{display:flex;align-items:center;gap:8px;margin-left:auto;flex:0 0 auto}[data-theme=light] .audio-player-controls{background:var(--surface);border:1px solid var(--border-soft);border-radius:18px;padding:12px 14px;color:var(--text-primary);box-shadow:0 12px 28px #0f172a14}[data-theme=light] .seek-group-inline .seek-btn{background:var(--surface);border:1px solid var(--border-soft);color:var(--text-primary);box-shadow:none}[data-theme=dark] .word-token:hover{background:#263243}[data-theme=dark] .audio-player-controls{background:#10151d;border:1px solid rgba(255,255,255,.12);border-radius:18px;padding:12px 14px;color:#f8fafc;box-shadow:0 18px 34px #00000047}[data-theme=dark] .audio-player-controls .native-audio{filter:invert(1) hue-rotate(180deg) contrast(.92);accent-color:#ffffff}[data-theme=dark] .seek-group-inline .seek-btn{background:#050505;border:1px solid rgba(255,255,255,.16);color:#fff;box-shadow:none}[data-theme=dark] .seek-group-inline .seek-btn svg,[data-theme=dark] .seek-group-inline .seek-btn .seek-icon{color:#fff}@media (max-width: 800px){.desktop-only{display:none}.mobile-only{display:flex}.audio-player-controls{padding-left:0;padding-right:0;align-items:stretch;gap:10px}.native-audio{display:block;flex:1;width:auto;max-width:100%;position:relative;z-index:1;min-width:0}.seek-group-inline{display:flex;flex-direction:column;justify-content:center;gap:8px;margin-left:0;flex:0 0 auto}}@media (min-width: 801px){.desktop-only{display:flex}.mobile-only{display:none}.audio-with-seek{width:100%;display:flex;align-items:center}.audio-player-controls{align-items:center;gap:12px;overflow:visible}.audio-player-controls .native-audio{flex:1 1 auto;width:100%;min-width:320px;max-width:none}.seek-group-inline{margin-left:8px}.label-text{display:none}.label-text-short{display:inline}.study-tools-container{flex-direction:row;flex-wrap:nowrap;align-items:center;gap:6px;justify-content:space-between;padding-left:30px}.repeat-controls-row{flex:1 1 auto;flex-wrap:nowrap;gap:6px;align-items:center;font-size:12px;margin-top:0;justify-content:flex-start}.study-tools-left{display:flex;align-items:center;gap:12px;flex:1 1 auto}.study-tools-right{display:flex;align-items:center;gap:8px;flex:0 0 auto}.repeat-controls-row label{gap:4px;font-size:12px;white-space:nowrap}.repeat-controls-row input[type=text]{padding:3px 5px;font-size:12px}.text-card-toolbar{display:flex;align-items:center;margin:0;gap:8px;flex-wrap:nowrap;flex:0 0 auto;white-space:nowrap}.text-card-btn{padding:5px 9px;font-size:12px}.text-stats-group{gap:6px;flex-wrap:nowrap}.text-stats-pill{padding:5px 8px;font-size:12px}}.audio-player-controls .native-audio{position:relative;z-index:1;display:block;width:auto;min-width:0;max-width:100%;flex:1 1 auto}.player-mobile-footer{display:flex;flex-direction:column;gap:8px}.native-audio-mobile-hidden{position:absolute;opacity:0;pointer-events:none;width:0;height:0}.mobile-audio-controls{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:0 6px;box-sizing:border-box}.mobile-audio-track-stack{flex:1 1 clamp(128px,48vw,188px);min-width:128px;max-width:188px;display:flex;flex-direction:column;gap:6px;padding-top:10px;margin:0 auto}.mobile-audio-range{width:100%;margin:0;accent-color:#ffffff;height:2px;-moz-appearance:none;appearance:none;-webkit-appearance:none;background:transparent}.mobile-audio-range::-webkit-slider-runnable-track{height:2px;border-radius:999px;background:#ffffff6b}.mobile-audio-range::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:9px;height:9px;border-radius:50%;background:#fff;border:none;box-shadow:none;margin-top:-3.5px}.mobile-audio-range::-moz-range-track{height:2px;border:none;border-radius:999px;background:#ffffff6b}.mobile-audio-range::-moz-range-thumb{width:9px;height:9px;border:none;border-radius:50%;background:#fff;box-shadow:none}.mobile-audio-times{display:flex;justify-content:space-between;align-items:center;font-size:11px;line-height:1;color:var(--mobile-shell-text);width:100%;padding:0 1px}.mobile-audio-iconbtn{width:auto;height:auto;border:none;background:transparent;color:var(--mobile-shell-text);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;font-size:16px;flex:0 0 auto;padding:0 1px}.mobile-audio-menu-trigger{font-size:20px;line-height:.8}.mobile-audio-menu-wrap{position:relative;flex:0 0 auto}.mobile-audio-menu{position:absolute;right:0;bottom:46px;display:flex;flex-direction:column;gap:6px;padding:8px;border-radius:14px;background:#0f141b;border:1px solid var(--mobile-shell-border);box-shadow:0 18px 34px #00000047}.mobile-audio-menu-item{min-width:58px;padding:8px 10px;border:none;border-radius:10px;background:transparent;color:var(--mobile-shell-text);cursor:pointer;font-weight:600}.mobile-audio-menu-item.is-active{background:#ffffff1a}.study-tools-container{display:flex;flex-direction:column;gap:10px}.repeat-controls-row{display:flex;gap:8px;align-items:center;margin-top:8px;flex-wrap:wrap;color:var(--text-primary)}.repeat-controls-row input[type=text]{padding:4px 6px;box-sizing:border-box;border:1px solid var(--border-soft);border-radius:8px;background:var(--surface);color:var(--text-primary)}.text-card-toolbar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:10px 0 8px;color:var(--text-primary)}.text-card-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:8px 10px;border-radius:10px;border:none;background:linear-gradient(135deg,#27ae60,#229954);color:#fff;cursor:pointer;font-size:13px;font-weight:700;box-shadow:0 6px 18px #2299542e}.text-stats-group{display:inline-flex;align-items:center;gap:8px;flex-wrap:wrap}.text-stats-pill{display:inline-flex;align-items:center;gap:4px;padding:6px 10px;border-radius:999px;font-weight:500}.text-stats-pill-marked{background:#fff4e6;color:#ca6f1e}.text-stats-pill-studied{background:#eafaf1;color:#148f77}[data-theme=dark] .text-stats-pill-marked{background:#332514;color:#ffd48e}[data-theme=dark] .text-stats-pill-studied{background:#173128;color:#83f0c6}@media (max-width: 800px){.repeat-controls-row{gap:8px;margin-top:0;display:flex;flex-wrap:wrap;align-items:center}.study-tools-container{margin:0 0 10px;padding:10px 12px;background:var(--mobile-shell);color:var(--mobile-shell-text);border:1px solid var(--mobile-shell-border);border-radius:18px;display:flex;flex-direction:column;align-items:stretch;gap:8px;overflow:visible}.study-tools-container label{flex:0 0 auto;white-space:nowrap}.text-card-toolbar{margin:0;align-items:center;display:flex;justify-content:space-between;gap:8px;flex-wrap:nowrap}.text-card-btn{padding:7px 9px;font-size:12px}.text-stats-group{flex:0 0 auto;flex-wrap:nowrap;gap:6px}.text-stats-pill{font-weight:400;padding:5px 8px}}.right-panel{width:280px;display:flex;flex-direction:column;gap:12px;background:linear-gradient(180deg,var(--surface) 0%,var(--surface-alt) 100%);box-shadow:-4px 0 20px #00000014;border-radius:24px 0 0 24px;border:1px solid var(--border-soft);border-right:none;color:var(--text-primary)}.right-panel-topbar{display:flex;justify-content:space-between;align-items:flex-start;padding-top:34px;margin-bottom:0}.panel-card-selected{margin-top:22px}.panel-card{background:var(--surface);border:1px solid var(--border-soft);border-radius:16px;padding:12px;box-shadow:var(--shadow-soft)}.panel-title{font-weight:600;margin-bottom:8px}.panel-word{font-size:20px;font-weight:700;color:#1e88e5;margin-bottom:8px}.panel-label{font-size:12px;color:var(--text-muted);margin-top:8px}.panel-value{font-size:14px;color:var(--text-primary)}.panel-muted{font-size:13px;color:var(--text-muted)}.panel-error{color:#c62828;font-size:13px;margin-top:6px}.lang-row{display:grid;grid-template-columns:1fr;gap:6px;margin-bottom:10px}.lang-label{font-size:12px;color:var(--text-muted)}.lang-select{padding:6px;border:1px solid var(--border-soft);border-radius:8px;background:var(--surface);color:var(--text-primary)}.history-item{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:6px;border-radius:6px}.history-item{display:block;gap:8px;padding:6px;border-radius:6px}.history-item+.history-item{border-top:1px solid var(--border-soft);padding-top:10px;margin-top:8px}.history-item:hover{background:var(--surface-muted)}.history-main{display:block;cursor:pointer}.history-actions{display:flex;gap:8px;margin-top:6px;align-items:center}.history-actions button{background:transparent;border:none;cursor:pointer;padding:4px}.history-trash{border:none;background:transparent;color:#c62828;cursor:pointer;font-size:16px;line-height:1}.history-trash:hover{color:#b71c1c}.danger{background:#c62828;color:#fff;border:1px solid #b71c1c;border-radius:6px;padding:6px 10px;cursor:pointer}.danger:hover{background:#b71c1c}.history-word{font-weight:600}.history-translation{color:var(--text-muted);font-size:13px}.history-search-input{padding:8px 10px;border:1px solid var(--border-soft);border-radius:10px;background:var(--surface);color:var(--text-primary)}.panel-icon-btn{border:none;background:transparent;color:var(--text-primary);cursor:pointer;font-size:18px;margin-top:10px}.desktop-title-group{min-width:0;flex:1}.desktop-selected-inline{display:inline-flex;align-items:center;min-width:0;max-width:min(44vw,520px);font-size:15px;font-weight:600;color:var(--text-primary);opacity:.96;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.conversation-trigger-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:10px 14px;border-radius:12px;border:1px solid var(--border-soft);background:linear-gradient(135deg,#eef6ff,#dcecff);color:#1f5f99;cursor:pointer;font-size:13px;font-weight:700;box-shadow:0 4px 12px #3498db24;margin-right:6px}.conversation-trigger-btn:hover{background:linear-gradient(135deg,#e5f1ff,#d3e7ff)}[data-theme=dark] .conversation-trigger-btn{background:linear-gradient(135deg,#1f3142,#27435d);border-color:#35506a;color:#edf2f7;box-shadow:0 8px 20px #0000003d}.tts-generate-btn{background:linear-gradient(135deg,#fff4db,#ffe8b3);color:#9c5a00;border-color:#f0d29b}.tts-generate-btn:hover{background:linear-gradient(135deg,#ffefcd,#ffe09c)}[data-theme=dark] .tts-generate-btn{background:linear-gradient(135deg,#483416,#61441b);border-color:#7a5824;color:#fff1cf}.conversation-trigger-icon,.conv-voice-icon{display:inline-flex;align-items:flex-end;justify-content:center;gap:3px;height:18px}.conversation-trigger-icon span,.conv-voice-icon span{display:block;width:4px;border-radius:999px;background:currentColor;transform-origin:center bottom;animation:conversationVoiceBars 1.05s ease-in-out infinite}.conversation-trigger-icon span:nth-child(1),.conv-voice-icon span:nth-child(1){height:8px;animation-delay:0s}.conversation-trigger-icon span:nth-child(2),.conv-voice-icon span:nth-child(2){height:16px;animation-delay:.16s}.conversation-trigger-icon span:nth-child(3),.conv-voice-icon span:nth-child(3){height:11px;animation-delay:.32s}@keyframes conversationVoiceBars{0%,to{transform:scaleY(.55);opacity:.6}50%{transform:scaleY(1.15);opacity:1}}.conv-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#00000080;z-index:1200}.conv-modal{position:relative;background:var(--surface);color:var(--text-primary);padding:16px;border-radius:12px;width:min(880px,96vw);height:min(640px,90vh);box-shadow:0 12px 36px #00000047;border:1px solid var(--border-soft);display:flex;flex-direction:column;overflow:hidden}.conv-modal-header{display:flex;align-items:center;justify-content:space-between;gap:12px}.conv-modal-header-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap;justify-content:flex-end}.conv-modal-body{display:flex;gap:12px;margin-top:12px;flex:1;min-height:0}.conv-rvr-drawer{width:min(320px,34%);display:flex;flex-direction:column;gap:12px;padding:12px;border-radius:12px;background:linear-gradient(180deg,var(--surface-alt) 0%,var(--surface) 100%);border:1px solid var(--border-soft);min-height:0;overflow:hidden}.conv-rvr-drawer-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.conv-rvr-drawer-title{font-size:15px;font-weight:700}.conv-rvr-drawer-subtitle{margin-top:4px;font-size:12px;color:var(--text-muted);line-height:1.4}.conv-rvr-list{flex:1;overflow:auto;display:flex;flex-direction:column;gap:12px;padding-right:4px}.conv-rvr-group{display:flex;flex-direction:column;gap:10px}.conv-rvr-group-title{font-size:12px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--text-muted)}.conv-rvr-entry{padding:12px;border-radius:12px;background:var(--surface);border:1px solid var(--border-soft);display:flex;flex-direction:column;gap:10px}.conv-rvr-entry-title{font-size:14px;font-weight:700;color:var(--text-primary)}.conv-rvr-entry-translation{font-size:12px;color:var(--text-muted)}.conv-rvr-qa-list{display:flex;flex-direction:column;gap:10px}.conv-rvr-qa-card{display:flex;flex-direction:column;gap:10px;padding:10px;border-radius:10px;background:var(--surface-alt)}.conv-rvr-qa-block{display:flex;flex-direction:column;gap:6px}.conv-rvr-qa-label{font-size:11px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--text-muted)}.conv-rvr-qa-line{display:flex;align-items:flex-start;gap:8px}.conv-rvr-qa-text{font-size:13px;line-height:1.5;white-space:pre-wrap}.conv-rvr-audio-btn{width:32px;height:32px;flex:0 0 32px;display:inline-flex;align-items:center;justify-content:center;border:none;border-radius:10px;background:var(--surface);cursor:pointer;box-shadow:0 4px 12px #00000014}.conv-rvr-empty{padding:14px;border-radius:12px;background:var(--surface);border:1px dashed var(--border-soft);font-size:13px;line-height:1.5;color:var(--text-muted)}.conv-chat-column{flex:1;display:flex;flex-direction:column;min-height:0}.conv-control-input{padding:8px;border-radius:8px;border:1px solid var(--border-soft);background:var(--surface);color:var(--text-primary);box-sizing:border-box}.conv-status-card{margin-top:8px;font-size:13px;padding:12px;border-radius:12px;background:var(--surface-alt);border:1px solid var(--border-soft)}.conv-chat-shell{flex:1;overflow:auto;padding:12px;border-radius:12px;background:var(--surface-alt);border:1px solid var(--border-soft);display:flex;flex-direction:column;gap:10px}.conv-message{padding:10px 12px;border-radius:12px;max-width:88%;border:1px solid transparent}.conv-message-user{align-self:flex-end;background:#e8f0ff;border-color:#cfe0ff}.conv-message-assistant{align-self:flex-start;background:#eefaf3;border-color:#d6f1df}.conv-message-system{align-self:center;background:var(--surface-muted);border-color:var(--border-soft);max-width:100%}.conv-message-role{font-size:12px;color:var(--text-muted);margin-bottom:4px;text-transform:capitalize}.conv-message-text-shell{position:relative}.conv-message-text{line-height:1.5}.conv-message-tooltip{position:absolute;left:0;bottom:calc(100% + 8px);max-width:min(320px,78vw);padding:6px 8px;border-radius:8px;box-shadow:0 8px 20px #0000001f;font-size:13px;z-index:12;white-space:pre-wrap}.conv-input-row{display:flex;gap:8px;margin-top:8px}.conv-input-shell{position:relative;flex:1;min-width:0}.conv-input-textarea{width:100%;min-height:44px;max-height:140px;resize:vertical;line-height:1.45;font-family:inherit}.conv-input-translation-tooltip{position:absolute;left:0;bottom:calc(100% + 8px);max-width:min(360px,82vw);padding:8px 10px;border-radius:8px;box-shadow:0 8px 20px #0000001f;font-size:13px;z-index:15;white-space:pre-wrap}.conv-audio-player{margin-top:8px;width:min(360px,100%)}.conv-chat-hint{margin-top:8px;font-size:12px;color:var(--text-muted)}.conv-voice-btn{width:44px;height:44px;display:inline-flex;align-items:center;justify-content:center;border:none;border-radius:12px;background:linear-gradient(135deg,#27ae60,#229954);color:#fff;cursor:pointer;box-shadow:0 6px 18px #22995438}.conv-voice-btn.is-active{background:linear-gradient(135deg,#e74c3c,#c0392b);box-shadow:0 6px 18px #e74c3c3d}.conv-voice-btn:disabled{opacity:.55;cursor:not-allowed;box-shadow:none}.conv-config-drawer-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#0000002e;display:flex;justify-content:flex-end;z-index:4}.conv-config-drawer{width:min(360px,100%);height:100%;background:var(--surface);border-left:1px solid var(--border-soft);box-shadow:-12px 0 32px #0000002e;padding:16px;box-sizing:border-box;overflow:auto}.conv-config-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.conv-config-fields{display:flex;flex-direction:column;gap:8px}[data-theme=dark] .conv-message-user{background:#17314b;border-color:#264865}[data-theme=dark] .conv-message-assistant{background:#173128;border-color:#275244}[data-theme=dark] .conv-message-system{background:#1d2632;border-color:#2c3847}[data-theme=dark] .conv-control-input{background:var(--surface-muted);border-color:var(--border-soft);color:var(--text-primary)}[data-theme=dark] .conv-config-drawer{background:var(--surface);border-left-color:var(--border-soft)}[data-theme=dark] .conv-voice-btn{background:linear-gradient(135deg,#1f7a46,#16673a)}[data-theme=dark] .conv-voice-btn.is-active{background:linear-gradient(135deg,#b03a2e,#922b21)}[data-theme=dark] .conv-rvr-drawer{background:linear-gradient(180deg,var(--surface-alt) 0%,var(--surface-muted) 100%)}[data-theme=dark] .conv-rvr-entry{background:var(--surface-muted)}[data-theme=dark] .conv-rvr-qa-card{background:#1d2632}[data-theme=dark] .conv-rvr-audio-btn{background:#223042;box-shadow:none}@media (max-width: 800px){.conversation-trigger-btn{display:none}.conv-modal{width:100vw;height:100vh;max-width:none;max-height:none;border-radius:0;padding:12px}.conv-modal-header{align-items:flex-start;flex-direction:column}.conv-modal-header-actions{width:100%}.conv-modal-body{flex-direction:column}.conv-rvr-drawer{width:100%;max-height:42vh}.conv-message{max-width:100%}.conv-input-row{flex-wrap:wrap}.conv-input-shell{width:100%}.conv-input-textarea{min-height:88px}.conv-input-translation-tooltip,.conv-message-tooltip{max-width:calc(100vw - 40px)}.conv-config-drawer-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073}.conv-config-drawer{width:100%;max-width:none;height:auto;max-height:100%;border-left:none;box-shadow:none}}.modal-surface{background:var(--surface);color:var(--text-primary);box-shadow:0 10px 40px #0000004d}.settings-modal select,.settings-modal input{background:var(--surface);color:var(--text-primary);border:1px solid var(--border-soft)}.settings-modal-compact{width:440px;max-width:92vw;padding:16px;border-radius:12px;max-height:88vh;overflow:auto}.settings-top-grid{display:grid;grid-template-columns:minmax(150px,170px) minmax(0,1fr);gap:12px 16px;align-items:start;margin-bottom:12px}.settings-top-stack{display:grid;grid-template-columns:1fr;gap:12px}.settings-field{display:flex;flex-direction:column;gap:6px;min-width:0}.settings-field label{display:block;font-size:13px;margin:0}.settings-field select{width:100%;padding:8px;border-radius:6px}.settings-field-small select{width:110px;max-width:100%}.settings-field-small input{width:74px;max-width:100%;padding:8px;border-radius:6px}.mobile-quick-header{display:none}.mobile-stroke-icon{width:20px;height:20px;display:block}.mobile-sheet{width:min(100%,520px);border-radius:22px 22px 0 0;padding:18px 16px 22px;border:1px solid var(--border-soft);border-bottom:none}.mobile-sheet-title{font-size:16px;font-weight:700;margin-bottom:12px}.mobile-sheet-action{display:flex;width:100%;align-items:center;justify-content:flex-start;padding:14px 0;border:none;background:transparent;color:var(--text-primary);font-size:15px;font-weight:600;border-top:1px solid var(--border-soft);cursor:pointer}.mobile-history-sheet{max-height:min(78vh,720px);display:flex;flex-direction:column;overflow:hidden}.mobile-history-list{overflow:auto;padding-right:4px;flex:1 1 auto;min-height:0;-webkit-overflow-scrolling:touch}.app-dialog-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#00000075;z-index:400500}.app-dialog{width:360px;max-width:92vw;padding:16px;border-radius:12px;background:var(--surface);color:var(--text-primary);box-shadow:0 10px 32px #00000047;border:1px solid var(--border-soft)}.tts-generate-modal{width:min(560px,92vw);display:flex;flex-direction:column;gap:12px}.tts-tab-strip{display:flex;gap:8px;flex-wrap:wrap}.tts-tab-btn{padding:9px 14px;border-radius:999px;border:1px solid var(--border-soft);background:var(--surface-muted);color:var(--text-primary);cursor:pointer;font-weight:600}.tts-tab-btn.is-active{background:linear-gradient(135deg,#3498db,#2980b9);border-color:#2980b9;color:#fff}.tts-generate-config-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.tts-generate-fields{display:flex;flex-direction:column;gap:6px}.tts-generate-textarea{width:100%;min-height:180px;resize:vertical;line-height:1.5;font-family:inherit}.tts-music-textarea{min-height:120px}.tts-music-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.tts-music-summary{display:flex;flex-wrap:wrap;gap:8px}.tts-music-summary span{padding:7px 10px;border-radius:999px;background:var(--surface-muted);border:1px solid var(--border-soft);font-size:12px;line-height:1.2}.tts-music-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.tts-music-status-card{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;padding:12px;border-radius:12px;background:var(--surface-alt);border:1px solid var(--border-soft);font-size:13px}.tts-music-actions{display:flex;flex-wrap:wrap;gap:8px}.tts-music-config-modal{width:min(560px,92vw);display:flex;flex-direction:column;gap:12px}.tts-generate-output{display:flex;flex-direction:column;gap:10px}.tts-generate-player{width:100%}.tts-download-link{display:inline-flex;align-items:center;justify-content:center;text-decoration:none}.app-dialog-title{font-weight:700;margin-bottom:8px;color:var(--text-primary)}.app-dialog-text{margin-bottom:12px;color:var(--text-primary)}.app-dialog-actions{display:flex;justify-content:flex-end;gap:8px;flex-wrap:wrap}.app-dialog-btn{padding:8px 12px;border-radius:8px;border:1px solid var(--border-soft);background:var(--surface-muted);color:var(--text-primary);cursor:pointer}.app-dialog-btn-primary{background:linear-gradient(135deg,#3498db,#2980b9);border:none;color:#fff}.app-dialog-btn-secondary{background:linear-gradient(135deg,#95a5a6,#7f8c8d);border:none;color:#fff}.app-dialog-btn-level-guided{background:linear-gradient(135deg,#27ae60,#229954);border:none;color:#fff}.app-dialog-btn-level-moderate{background:linear-gradient(135deg,#f39c12,#e67e22);border:none;color:#fff}.app-dialog-btn-level-advanced{background:linear-gradient(135deg,#e74c3c,#c0392b);border:none;color:#fff}.app-dialog-warning{margin-bottom:12px;padding:10px 12px;border-radius:8px;background:#fff4e6;border:1px solid #f5c37a;color:#b86600;font-size:13px;font-weight:600}[data-theme=dark] .app-dialog-warning{background:#352718;border-color:#7d5a1d;color:#ffd48e}@media (max-width: 640px){.tts-generate-config-row,.tts-music-grid,.tts-music-status-card{grid-template-columns:1fr}.tts-music-toolbar{align-items:stretch}.tts-music-toolbar .app-dialog-btn{width:100%}}.rvr-session-save-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 16px;padding:12px 14px;border-radius:12px;background:var(--surface-muted);border:1px solid var(--border-soft)}.rvr-session-save-title{font-size:14px;font-weight:700;color:var(--text-primary);margin-bottom:4px}.rvr-session-save-text{font-size:13px;color:var(--text-muted)}.card-review-modal{position:relative;padding:24px;border-radius:16px;width:400px;max-width:90vw;background:var(--surface);color:var(--text-primary);box-shadow:0 8px 32px #00000047;border:1px solid var(--border-soft)}.apa-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;padding:16px;background:#00000080;z-index:1100;box-sizing:border-box}.apa-modal{display:flex;flex-direction:column;max-height:min(88vh,calc(100vh - 32px));overflow:hidden}.apa-modal-header{position:sticky;top:0;z-index:3;flex:0 0 auto;padding-bottom:12px;background:var(--surface);border-bottom:1px solid var(--border-soft)}.apa-modal-scroll{flex:1 1 auto;min-height:0;overflow:auto;padding-right:4px;padding-top:12px}.card-review-muted{color:var(--text-muted)}.card-review-field{width:100%;min-height:72px;resize:vertical;border-radius:8px;border:1px solid var(--border-soft);padding:10px 12px;box-sizing:border-box;font-size:15px;background:var(--surface-muted);color:var(--text-primary)}.card-review-panel{margin-top:10px;text-align:left;border:1px solid var(--border-soft);border-radius:8px;padding:8px 10px;background:var(--surface-muted)}.yt-download-modal{width:420px;max-width:92vw;background:var(--surface);color:var(--text-primary);padding:18px;border-radius:12px;box-shadow:0 10px 40px #0000004d;border:1px solid var(--border-soft)}.yt-download-input{width:100%;padding:10px 12px;box-sizing:border-box;margin-bottom:12px;border:1px solid var(--border-soft);border-radius:8px;background:var(--surface-muted);color:var(--text-primary)}.info-section-title{font-weight:700;font-size:14px;margin-bottom:10px;color:#2c3e50}.info-subsection-title{font-weight:600;font-size:13px;margin-bottom:8px;color:#444}[data-theme=dark] .info-section-title,[data-theme=dark] .info-subsection-title{color:var(--text-primary)}.editor-cue{border:1px solid #ddd;padding:8px;margin-bottom:8px;border-radius:6px;background:#fff}.editor-cue.active{background:#fff7a8;border-color:#f1d36a}.drag-handle{cursor:grab;padding:6px 8px;border:1px dashed #ccc;border-radius:6px;color:#666;-webkit-user-select:none;user-select:none;display:flex;flex-direction:column;align-items:center;justify-content:center;width:28px;height:44px}.drag-handle .dot{display:block;width:6px;height:6px;background:#666;border-radius:50%;margin:3px 0}.drag-handle:active{cursor:grabbing}.editor-cue-row{display:flex;gap:8px;align-items:center}@media (min-width: 801px){.editor-cue-row{display:grid;grid-template-columns:auto 140px 140px 1fr 88px;grid-template-areas:"handle start end text remove" "handle mini  mini  text remove";gap:10px;align-items:start}.editor-cue-row>.drag-handle{grid-area:handle;width:28px;height:44px}.editor-cue-row>.editor-start{grid-area:start}.editor-cue-row>.editor-end{grid-area:end}.editor-cue-row>.editor-mini{grid-area:mini;margin-top:6px}.editor-cue-row>.editor-text{grid-area:text}.editor-cue-row>.editor-remove{grid-area:remove;display:flex;flex-direction:column;justify-content:center}.editor-cue-row>.editor-start{padding-right:10px}.editor-cue-row>.editor-end{padding-left:10px}.editor-mini{margin-top:4px;gap:6px}.editor-mini-btn{border-radius:8px;padding:0;width:30px;height:30px;font-size:13px}.editor-mini-btn-adjust{width:auto;min-width:70px;padding:0 10px;font-size:12px}.editor-mini-time{margin-left:6px}}@media (max-width: 800px){.apa-modal-overlay{padding:10px}.apa-modal{width:min(96vw,760px)!important;max-height:min(90vh,calc(100vh - 20px));overflow:hidden;padding:16px!important}.apa-modal-header{padding-bottom:10px}.rvr-session-save-bar{flex-direction:column;align-items:stretch}.rvr-results-grid{display:flex!important;flex-direction:column;gap:0!important}.rvr-result-pack{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);grid-template-areas:"question explanation" "answer explanation";gap:10px;padding:12px 0;border-bottom:1px solid rgba(120,120,120,.16)}.rvr-result-pack:last-child{border-bottom:none;padding-bottom:0}.rvr-question-card{grid-area:question}.rvr-answer-card{grid-area:answer}.rvr-explanation-card{grid-area:explanation;align-self:stretch;background:var(--surface-alt)!important;border:1px solid var(--border-soft)}.rvr-qa-stack{flex-direction:column;gap:6px!important;align-items:stretch!important;background:var(--surface-alt)!important;border:1px solid var(--border-soft)}.rvr-qa-stack button{align-self:flex-start;padding:0}.rvr-mobile-label{display:block;font-size:11px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--text-muted);margin-bottom:2px}}@media (max-width: 520px){.rvr-result-pack{grid-template-columns:minmax(0,1fr);grid-template-areas:"question" "answer" "explanation"}}@media (max-width: 800px){body{padding:12px;background:var(--bg)}.sidebar{width:300px;transform:translate(-110%);transition:transform .24s ease;z-index:60}.sidebar.open{transform:translate(0)}.sidebar-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;z-index:50}.main{margin-left:0}.right-panel{display:none}.sidebar-close{display:inline-block!important;margin-bottom:8px;background:transparent;border:none;font-size:14px;cursor:pointer}.sidebar-close{padding:6px 8px;border:1px solid #ddd;border-radius:6px;background:#fff;display:inline-flex;align-items:center;justify-content:center}.sidebar-close:hover{background:#f3f6ff;border-color:#cfe0ff}.sidebar-toggle{padding:6px 8px;border:1px solid #ddd;border-radius:6px;background:#fff;display:inline-flex;align-items:center;justify-content:center}.sidebar-toggle:hover{background:#f3f6ff;border-color:#cfe0ff}.app-header{position:relative;z-index:70}.sidebar-toggle{position:relative;z-index:80}.sidebar-inner{position:relative}.sidebar-inner{padding-top:44px}.sidebar{box-shadow:2px 0 12px #0000001f}.sidebar-toggle{display:inline-block}.editor-time-label{display:none}.desktop-app-header{display:none!important}.desktop-selected-title{display:none}.mobile-quick-header{display:flex;flex-direction:column;gap:10px;margin-bottom:10px;padding:14px;border-radius:20px;background:var(--mobile-shell);border:1px solid var(--mobile-shell-border);color:var(--mobile-shell-text);box-shadow:0 22px 40px #0000003d}.mobile-brand-row{display:flex;align-items:center;gap:12px}.mobile-brand-copy{min-width:0;flex:1}.mobile-brand-name{font-size:15px;font-weight:700;line-height:1.1}.mobile-brand-subtitle{font-size:12px;color:var(--mobile-shell-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:3px;opacity:.96}.mobile-header-iconbtn{width:42px;height:42px;border-radius:14px;border:1px solid var(--mobile-shell-border);background:var(--mobile-shell-soft);color:var(--mobile-shell-text);display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.mobile-action-row{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}.mobile-action-btn{min-width:0;border:1px solid var(--mobile-shell-border);background:var(--mobile-shell-soft);color:var(--mobile-shell-text);border-radius:14px;padding:10px 6px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;font-size:10px;font-weight:600;cursor:pointer}.mobile-action-btn:disabled{opacity:.72;cursor:not-allowed}.mobile-action-btn.is-loading{background:#18202a}.mobile-action-btn span{white-space:nowrap}.mobile-action-spinner{margin-top:2px}.mobile-transcribe-status{margin-top:8px;padding:8px 10px;border-radius:12px;background:#ffffff0f;border:1px solid var(--mobile-shell-border);color:var(--mobile-shell-text);font-size:11px;font-weight:600;line-height:1.25}.mobile-transcribe-status.is-active{background:#ffffff1a}}@media (min-width: 801px){.sidebar-toggle{display:none}}.right-panel{width:280px}.right-backdrop{display:none}.right-panel.open{transform:none}@media (max-width: 800px){.right-panel{display:flex;position:fixed;right:0;top:0;height:100%;background:#fff;border-left:1px solid #eee;width:260px;transform:translate(110%);transition:transform .24s ease;z-index:120;padding:52px 12px 12px;box-sizing:border-box}.right-panel.open{transform:translate(0)}.right-backdrop{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;z-index:110}.right-toggle,.sidebar-toggle{display:inline-block}}.right-close{display:none}.right-toggle{white-space:nowrap}@media (max-width: 800px){.right-close{display:inline-flex;position:absolute;top:10px;right:10px;min-width:54px;height:36px;padding:0 10px;gap:6px;align-items:center;justify-content:center;border:1px solid #ddd;border-radius:8px;background:#fff;cursor:pointer;z-index:130;white-space:nowrap}.right-close:hover{background:#f3f6ff;border-color:#cfe0ff}}@media (min-width: 801px){.right-toggle{display:none}}.app-header{padding:0}.app-title{font-size:20px}.selected-title{font-size:16px;color:var(--text-primary)}@media (max-width: 800px){.app-header{padding-left:0}.selected-title{margin-left:40px!important;font-size:15px}}@media (max-width: 800px){.player .label-text,.player .label-text-short{display:none}.player{min-height:calc(100vh - 176px);max-height:calc(100vh - 176px);display:flex;flex-direction:column;background:transparent;border:none;padding:0 0 calc(72px + env(safe-area-inset-bottom,0px));box-shadow:none}.player-mobile-footer{position:fixed;left:12px;right:16px;bottom:calc(12px + env(safe-area-inset-bottom,0px));z-index:85;display:flex;flex-direction:column;gap:8px;max-width:calc(100vw - 28px)}.audio-with-seek{background:var(--mobile-shell);border:1px solid var(--mobile-shell-border);border-radius:20px;padding:8px 18px;color:var(--mobile-shell-text);margin-right:0;box-sizing:border-box}.audio-player-controls{background:transparent;color:var(--mobile-shell-text)}.audio-player-controls .native-audio{accent-color:#ffffff}.seek-group-inline{display:flex;flex-direction:row;align-items:center;gap:2px;margin-left:0;flex:0 0 auto}.seek-btn{background:transparent;border:none;box-shadow:none;color:var(--mobile-shell-text);width:auto;height:auto;padding:0 1px}.study-tools-container{background:var(--mobile-shell)!important;color:var(--mobile-shell-text)!important;border:1px solid var(--mobile-shell-border)!important}.repeat-controls-row{background:transparent;color:var(--mobile-shell-text);border:none;border-radius:0;padding:0;margin:0;gap:10px}.repeat-controls-row input[type=text]{background:var(--mobile-shell-soft);border:1px solid var(--mobile-shell-border);color:var(--mobile-shell-text)}.study-tools-container .text-card-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:8px 10px;border-radius:10px;border:none;background:linear-gradient(135deg,#27ae60,#229954);color:#fff;box-shadow:0 6px 18px #2299542e;font-weight:700}.text-stats-pill-marked{background:#2b2115;color:#ffd48e}.text-stats-pill-studied{background:#173128;color:#83f0c6}.study-tools-container .text-stats-pill,.study-tools-container .text-stats-pill-marked,.study-tools-container .text-stats-pill-studied{font-weight:400!important}.study-tools-left{display:flex;flex-direction:row;align-items:flex-start;gap:8px;flex-wrap:wrap}.repeat-controls-row{display:flex;align-items:center;gap:8px;flex:1 1 auto;min-width:0}.repeat-controls-row label:nth-child(n+2) .toolbar-icon{display:none}.repeat-controls-row label:nth-child(3){display:none}.text-card-toolbar{width:100%;flex:0 0 auto;display:flex;flex-direction:column;align-items:flex-start;margin-left:0;padding-top:4px}.text-card-toolbar .text-card-btn{align-self:flex-end}.text-card-toolbar .text-stats-group{width:100%;display:flex;gap:8px;justify-content:flex-start;margin-top:6px;margin-left:0}.text-card-toolbar{padding:0;background:transparent;color:var(--mobile-shell-text);border:none;border-radius:0}[data-theme=light] .study-tools-container .repeat-controls-row input[type=text],[data-theme=light] .study-tools-container .repeat-controls-row input[type=text]::placeholder{background:#fff!important;color:var(--text-primary)!important;border:1px solid var(--border-soft)!important;border-radius:8px!important;padding:4px 6px!important}[data-theme=light] .study-tools-container .text-stats-pill-marked{background:#fff7ee!important;color:#b86a2a!important}[data-theme=light] .study-tools-container .text-stats-pill-studied{background:#f1fbf6!important;color:#1b7f55!important}.player .subtitle-box{flex:1 1 auto;display:flex;flex-direction:column;overflow:hidden;margin-bottom:0;padding-bottom:calc(2.4em + env(safe-area-inset-bottom,0px))}.player .essay{flex:1 1 auto;height:100%;max-height:none;overflow:auto}}@media (max-width: 800px){.editor-time .editor-time-label{display:none!important}.editor-time.editor-start:before,.editor-time.editor-end:before{display:block;font-size:13px;font-weight:600;color:var(--text-primary);margin-bottom:6px}.editor-time.editor-start:before{content:"Start"}.editor-time.editor-end:before{content:"End"}}@media (max-width: 800px){.study-tools-container,.study-tools-left,.repeat-controls-row,.text-card-toolbar,.text-card-btn,.text-stats-group,.text-stats-pill{border:none!important;box-shadow:none!important}}@media (min-width: 801px){:root{--left-drawer-width:300px;--right-drawer-width:280px;--drawer-gap: clamp(16px, 3vw, 5cm)}body{padding:0}.app{max-width:none;margin:0;min-height:100vh}.sidebar{width:var(--left-drawer-width)}.sidebar-shell{background:linear-gradient(180deg,var(--surface) 0%,var(--surface-alt) 100%)!important}.right-panel{position:fixed;top:0;right:0;height:100vh;width:var(--right-drawer-width);overflow:auto;box-sizing:border-box;padding:16px;background:var(--bg);border-left:1px solid var(--border-soft)}.right-backdrop{display:none}.main{margin-left:calc(var(--left-drawer-width) + var(--drawer-gap));margin-right:calc(var(--right-drawer-width) + var(--drawer-gap));gap:0;align-items:stretch;padding-top:40px}.main-left{padding-top:10px;display:flex;flex-direction:column;min-height:calc(100vh - 36px)}.desktop-app-header{margin-bottom:14px}.player{height:calc(100vh - 94px);min-height:calc(100vh - 94px);max-height:calc(100vh - 94px);display:flex;flex-direction:column;flex:0 0 auto}.player .subtitle-box{flex:1 1 auto;display:flex;flex-direction:column;overflow:hidden}.player .essay{flex:1 1 auto;height:auto;max-height:none;overflow:auto}.pomodoro-floating{width:94px;min-height:94px}.player{position:relative!important}.player{padding-bottom:96px!important}.player .audio-player-controls{position:absolute!important;left:12px!important;right:12px!important;bottom:12px!important;z-index:4!important;width:auto!important;margin:0!important}}.editor-actions button:not(.editor-header-btn){padding:6px 10px;border-radius:6px;border:1px solid #ccc;background:#fff}.editor-actions button:not(.editor-header-btn):hover{background:#f3f6ff}.editor-cue-text{padding:4px;border-radius:4px}.editor-cue-text.active-text{background:#fff7a8}.editor-modal{background:#fff;padding:16px;border-radius:8px;display:flex;flex-direction:column;box-shadow:0 6px 18px #00000026;overflow:hidden}.editor-modal-header{padding-bottom:8px;border-bottom:1px solid #eee;background:#fff;position:sticky;top:0;z-index:4;display:flex;flex-direction:column}.editor-actions{display:flex;justify-content:space-between;align-items:center;margin-top:8px}.editor-action-group{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.editor-header-btn{padding:10px 14px;border:none;border-radius:12px;cursor:pointer;font-size:13px;font-weight:600;color:#fff}.editor-header-btn-save{background:linear-gradient(135deg,#27ae60,#1e8449);box-shadow:0 4px 12px #27ae6040}.editor-header-btn-update{background:linear-gradient(135deg,#3498db,#2980b9);box-shadow:0 4px 12px #3498db40}.editor-header-btn-add{background:linear-gradient(135deg,#9b59b6,#8e44ad);box-shadow:0 4px 12px #9b59b633}.editor-header-btn-close{background:linear-gradient(135deg,#95a5a6,#7f8c8d);box-shadow:0 4px 12px #95a5a633}.editor-cues-container{overflow:auto;padding:12px;flex:1}.editor-cues-container .editor-cue{margin-bottom:10px}@media (min-width: 801px){.editor-cues-container .editor-cue{padding:12px 10px;min-height:130px}}.editor-audio{display:block;margin:8px 0}.editor-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:160}.editor-modal{width:90%;max-width:900px;max-height:90vh}@media (max-width: 800px){.editor-overlay{align-items:stretch!important;justify-content:stretch!important;padding:0!important;z-index:200}.editor-modal{width:100vw!important;height:100vh!important;max-width:none!important;max-height:none!important;border-radius:0!important;padding-left:12px!important;padding-right:12px!important}.editor-modal-header{position:sticky;top:0;z-index:6;padding-top:16px}.editor-modal-header h3{margin-top:8px}.editor-audio{display:block;position:sticky;top:128px;z-index:6;background:#fff;padding-bottom:8px}.editor-cue-row{flex-direction:column;align-items:stretch}.editor-cue-row .drag-handle{align-self:flex-start}.editor-cue-row .editor-time,.editor-cue-row .editor-text,.editor-cue-row .editor-remove{width:100%}.editor-cues-container{flex:1;min-height:0;padding-bottom:96px}.editor-cue-row{display:grid;grid-template-columns:60px 95px 95px 1fr;grid-template-areas:"handle start end ." "buttons buttons buttons buttons" "mini mini mini mini" "text text text text";gap:10px 8px;align-items:start}.editor-cue-row>.drag-handle{grid-area:handle;width:28px;height:40px;justify-self:start}.editor-cue-row>.editor-start{grid-area:start;width:95px;justify-self:start}.editor-cue-row>.editor-end{grid-area:end;width:95px;justify-self:center}.editor-cue-row>.editor-mini{grid-area:mini}.editor-cue-row>.editor-text{grid-area:text}.editor-cue-row>.editor-start,.editor-cue-row>.editor-end{width:95px;min-width:0}.editor-cue-row>.editor-remove{grid-area:buttons;width:auto!important;display:flex;flex-direction:row;gap:8px;align-items:center;justify-content:flex-start}.editor-cue-row>.editor-remove button{min-width:0;padding:6px 10px;border-radius:8px;margin:0}.editor-cue-row>.editor-remove{justify-content:center!important;align-self:center!important}.editor-cue-row>.editor-remove button{margin-top:0!important;display:inline-flex;align-items:center;justify-content:center;height:36px;padding:6px 12px;font-size:13px}.editor-cue-row>.editor-remove button[style],.editor-cue-row>.editor-remove button{margin-top:0!important}.editor-cue-row>.editor-remove{grid-column:1 / -1!important;width:auto!important;justify-content:center!important;justify-self:center!important;margin:0 auto!important;padding-left:12px!important;padding-right:12px!important;max-width:360px!important;box-sizing:border-box!important;text-align:center!important}.editor-cue-row>.editor-remove button{min-width:72px;max-width:46%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:0 1 auto}.editor-cue-row input[type=text]{width:95px!important;min-width:0;max-width:95px;padding:6px 8px;font-size:12px;letter-spacing:.02em;box-sizing:border-box}.editor-cue-row>.editor-start{padding-right:0}.editor-cue-row>.editor-end{padding-left:0}.editor-cue-row>.editor-mini{width:100%;justify-content:center;margin-top:0;padding-top:0;grid-column:1 / -1}.editor-cue-row>.editor-text{grid-column:1 / -1;width:auto!important;margin-left:0!important;margin-right:0!important;box-sizing:border-box}.editor-cue-row>.editor-text textarea{width:100%!important;box-sizing:border-box}.editor-cue-row textarea{min-height:120px;max-height:40vh}.editor-cues-container{flex:1;min-height:0;padding-bottom:220px}}.editor-mini{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.editor-mini-btn{width:32px;height:32px;display:inline-flex;align-items:center;justify-content:center;border-radius:10px;border:1px solid #d7dde3;background:#fff;cursor:pointer;padding:0;font-size:14px;line-height:1}.editor-mini-btn:disabled{opacity:.55;cursor:not-allowed}.editor-mini-btn-adjust{width:auto;min-width:68px;padding:0 10px;background:linear-gradient(135deg,#3498db,#2980b9);border-color:#2980b9;color:#fff;font-size:12px;font-weight:600;line-height:1.1;white-space:nowrap;box-shadow:0 4px 12px #3498db40}.editor-mini-time{margin-left:2px;font-size:12px;color:#2c3e50;font-variant-numeric:tabular-nums}.editor-cue.find-match{background:#fff7a8;border-color:#f1d36a}.editor-replace-row{display:flex;align-items:center;gap:8px;flex-wrap:nowrap}.editor-mobile-replace-toggle{display:none;height:34px;margin-top:8px;padding:0 12px;border:none;border-radius:10px;background:linear-gradient(135deg,#3498db,#2980b9);color:#fff;font-weight:600;cursor:pointer;align-self:flex-start;box-shadow:0 4px 12px #3498db40}.editor-replace-label{font-size:12px;color:#2c3e50;font-weight:600;white-space:nowrap}.editor-replace-input{height:34px;padding:6px 8px;border:1px solid #d7dde3;border-radius:8px;min-width:120px}.editor-replace-btn{height:34px;padding:0 12px;border:none;border-radius:10px;background:linear-gradient(135deg,#3498db,#2980b9);color:#fff;font-weight:600;cursor:pointer;white-space:nowrap}[data-theme=dark] .editor-modal{background:var(--surface);color:var(--text-primary);box-shadow:0 16px 40px #00000073}[data-theme=dark] .editor-modal-header{background:var(--surface);border-bottom:1px solid var(--border-soft)}[data-theme=dark] .editor-cues-container{background:var(--surface-alt)}[data-theme=dark] .editor-cue{background:var(--surface);border-color:var(--border-soft);color:var(--text-primary)}[data-theme=dark] .editor-cue.active{background:#2d353d;border-color:#47525f}[data-theme=dark] .editor-cue.find-match{background:#2d353d;border-color:#566271}[data-theme=dark] .editor-cue-text.active-text{background:#303942}[data-theme=dark] .editor-actions button:not(.editor-header-btn){background:var(--surface-muted);border-color:var(--border-soft);color:var(--text-primary)}[data-theme=dark] .editor-actions button:not(.editor-header-btn):hover{background:#24303c}[data-theme=dark] .drag-handle{border-color:#516171;color:var(--text-muted);background:var(--surface-muted)}[data-theme=dark] .drag-handle .dot{background:var(--text-muted)}[data-theme=dark] .editor-mini-btn{background:var(--surface-muted);border-color:var(--border-soft);color:var(--text-primary)}[data-theme=dark] .editor-mini-btn-adjust{background:linear-gradient(135deg,#2563eb,#1d4ed8);border-color:#2563eb;color:#fff}[data-theme=dark] .editor-mini-time{color:var(--text-muted)}[data-theme=dark] .editor-replace-label{color:var(--text-primary)}[data-theme=dark] .editor-replace-input{background:var(--surface-muted);border-color:var(--border-soft);color:var(--text-primary)}[data-theme=dark] .editor-audio{background:#050505;color:#f8fafc;border:1px solid rgba(255,255,255,.12);border-radius:18px;padding:10px 12px;box-shadow:0 18px 34px #00000047}@media (max-width: 800px){.editor-header-close-replace{outline:none;padding:4px;border-radius:8px;display:flex;align-items:center;gap:8px}.editor-modal-header .editor-actions,.editor-modal-header .editor-header-btn-close{outline:none}.editor-modal-header .editor-header-close-replace .editor-mobile-replace-toggle{background:linear-gradient(135deg,#3498db,#2980b9)!important;color:#fff!important;box-shadow:0 4px 12px #3498db40!important;padding:10px 14px!important;border-radius:12px!important;font-weight:600!important}.editor-modal-header .editor-header-close-replace .editor-mobile-replace-toggle{margin-top:0!important;align-self:center!important;line-height:1!important;transform:translateY(-1px)!important}}[data-theme=dark] .editor-audio audio{display:block;width:100%;background:#262d35;border:1px solid rgba(255,255,255,.18);border-radius:12px;padding:0;box-sizing:border-box;filter:invert(1) hue-rotate(180deg) contrast(.92) brightness(1.02);accent-color:#ffffff}[data-theme=dark] .editor-modal input[type=text],[data-theme=dark] .editor-modal input[type=number],[data-theme=dark] .editor-modal textarea{background:var(--surface-muted);border:1px solid var(--border-soft);color:var(--text-primary)}[data-theme=dark] .editor-modal input::placeholder,[data-theme=dark] .editor-modal textarea::placeholder{color:var(--text-muted)}@media (max-width: 800px){.editor-mini-btn{width:28px;height:28px;border-radius:8px;font-size:13px}.editor-mini-btn-adjust{width:auto;min-width:62px;padding:0 8px;font-size:11px}.editor-mini-time{font-size:12px;margin-left:6px}.editor-time.editor-start:before,.editor-time.editor-end:before{font-size:12px;line-height:1.1;margin-bottom:5px}.editor-mini{margin-top:6px}.editor-actions{align-items:flex-start;gap:10px;flex-wrap:wrap}.editor-action-group{width:100%;gap:8px;align-items:stretch}.editor-header-btn{padding:10px 14px;font-size:13px;flex:0 0 auto;min-width:auto}.editor-header-btn-close{min-width:96px}.editor-mobile-replace-toggle{display:inline-flex;align-items:center;justify-content:center}.editor-replace-row{display:none;gap:6px;flex-wrap:wrap;padding:0 16px 8px}.editor-replace-row.editor-replace-row-mobile-open{display:flex}.editor-replace-input{min-width:0;flex:1 1 42%}.editor-replace-btn{flex:1 1 100%}}@media (min-width: 801px){.editor-replace-row{padding:0 16px 8px}}.spinner{width:18px;height:18px;border:3px solid rgba(0,0,0,.1);border-top-color:var(--accent);border-radius:50%;animation:spin 1s linear infinite;display:inline-block;margin-left:8px;vertical-align:middle}.spinner-sm{width:12px;height:12px;border-width:2px}.spinner-no-margin{margin-left:0}.transcribe-notice-chip{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:999px;background:var(--surface-muted);border:1px solid var(--border-soft);color:var(--text-primary);font-size:12px;font-weight:600;line-height:1}.transcribe-notice-chip.is-active{background:#fff4e6;border-color:#f5c37a;color:#b86600}[data-theme=dark] .transcribe-notice-chip.is-active{background:#352718;border-color:#7d5a1d;color:#ffd48e}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.mp3-list{margin-top:6px}.mp3-item{padding:6px 8px;border-radius:4px;color:#222;min-height:40px;line-height:1.25;margin-bottom:6px}.mp3-item.selected{background:#e8f0ff;border:1px solid #cfe0ff}.mp3-item:hover{background:#f3f6ff}.mp3-item.completed{opacity:.6;text-decoration:line-through}.mp3-item.placeholder{color:transparent;background:transparent;border:none}.sidebar-divider{height:1px;background:#eee;width:100%;margin:12px 0}.card-confetti-burst{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:visible}.card-confetti-piece{position:absolute;top:50%;transform:translate(0) rotate(0);opacity:0;animation:cardConfettiBurst 2s ease-out forwards;box-shadow:0 1px 2px #0000001f}@keyframes cardConfettiBurst{0%{opacity:0;transform:translate(0) rotate(0) scale(.6)}8%{opacity:1;transform:translate(0) rotate(0) scale(1)}75%{opacity:1}to{opacity:0;transform:translate(var(--dx),var(--dy)) rotate(var(--rot)) scale(.8)}}.pomodoro-floating{width:82px;min-height:82px;border-radius:999px;background:linear-gradient(135deg,#c62828f5,#b71c1cf5);color:#fff;font-size:11px;font-weight:700;line-height:1.15;cursor:move;-webkit-user-select:none;user-select:none;touch-action:none;box-shadow:0 0 0 2px #ffb6c180,0 0 16px #ffb6c1bf,0 6px 16px #b71c1c73;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:7px 6px;box-sizing:border-box}.pomodoro-time{width:100%;text-align:center;font-variant-numeric:tabular-nums;font-size:10px;display:flex;align-items:center;justify-content:center;line-height:1;white-space:nowrap}.pomodoro-actions{width:100%;display:flex;align-items:center;justify-content:center;gap:6px}.pomodoro-btn{width:25px;height:25px;border:none;background:#ffffff40;color:#fff;border-radius:999px;cursor:pointer;font-size:12px;font-weight:700;line-height:1;display:inline-flex;align-items:center;justify-content:center}.pomodoro-btn:hover{background:#ffffff54}@media (max-width: 800px){.pomodoro-floating{position:fixed!important;z-index:200000!important;touch-action:none!important}}@media (max-width: 800px){[data-theme=light] .study-tools-container{background:var(--surface)!important;color:var(--text-primary)!important;border:1px solid var(--border-soft)!important;padding:10px 12px!important;border-radius:14px;box-sizing:border-box}[data-theme=light] .study-tools-container .text-card-btn{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;padding:8px 10px!important;border-radius:10px!important;border:none!important;background:linear-gradient(135deg,#27ae60,#229954)!important;color:#fff!important;box-shadow:0 6px 18px #2299542e!important;font-weight:700!important;font-size:13px!important}.study-tools-container .text-card-btn .text-card-icon{display:inline-block}.study-tools-container .text-card-btn .text-card-label-mobile{display:none}.study-tools-container .text-card-btn .text-card-icon,.study-tools-container .text-card-btn .text-card-label{display:none}.study-tools-container .text-card-btn .text-card-label-mobile{display:inline-block}.study-tools-container .text-card-btn{padding:7px 10px;font-size:13px}.study-tools-container{overflow:visible!important;padding-bottom:12px!important}.study-tools-container .text-stats-group{flex-wrap:wrap;gap:6px;align-items:center}.study-tools-container .text-stats-pill,.text-stats-pill-marked,.text-stats-pill-studied{font-weight:400!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:110px}.study-tools-container .repeat-controls-row{flex-wrap:wrap;gap:8px}.study-tools-container .text-card-btn{position:relative;z-index:2}.study-tools-container .text-card-toolbar{display:flex;align-items:center;gap:10px;flex-wrap:wrap}}@media (min-width: 801px){.study-tools-container{border:2px dashed rgba(0,150,255,.45)!important;position:relative!important;display:block!important;max-width:920px!important;width:auto!important;padding:52px 12px 8px 0!important;box-sizing:border-box!important;margin-left:0!important}.study-tools-container .repeat-controls-row{border:2px dashed rgba(0,200,100,.45)!important;position:absolute!important;top:6px!important;left:0!important;right:0!important;display:flex!important;gap:10px!important;align-items:center!important;justify-content:flex-start!important;background:transparent!important;z-index:3!important;margin:0!important;padding:8px 12px!important}.study-tools-container .repeat-controls-row .text-card-btn{margin-left:auto!important}.study-tools-container .text-stats-group{border:2px dashed rgba(200,150,0,.45)!important;position:relative!important;margin-top:0!important;margin-left:0!important;display:flex!important;gap:8px!important;align-items:center!important;justify-content:flex-start!important;z-index:2!important;padding-left:0!important}.study-tools-left,.text-card-toolbar,.text-card-btn,.text-stats-pill{border:none!important}}@media (min-width: 801px){.study-tools-container,.study-tools-container .repeat-controls-row,.study-tools-container .text-stats-group{border:none!important;box-shadow:none!important}}