.rs-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:rgba(0,0,0,.85);z-index:9000;display:flex;align-items:center;justify-content:center;padding:20px}.rs-card{background:#1f2937;color:#e5e7eb;border-radius:12px;width:100%;max-width:720px;max-height:92vh;display:flex;flex-direction:column;box-shadow:0 20px 60px #0009;overflow:hidden}html:not(.dark) .rs-card{background:#fff;color:#1f2937}.rs-head{display:flex;align-items:center;gap:12px;padding:14px 18px;border-bottom:1px solid rgba(156,163,175,.2)}.rs-title{font-size:15px;font-weight:700;flex:1}.rs-count{color:#9ca3af;font-size:13px}.rs-exit{background:transparent;border:0;color:#9ca3af;font-size:18px;cursor:pointer;padding:0 4px}.rs-exit:hover{color:#f87171}.rs-scope-toggle{display:flex;gap:0;background:rgba(156,163,175,.15);border-radius:6px;padding:2px}.rs-scope-toggle button{background:transparent;border:0;color:inherit;font-size:12px;padding:4px 10px;border-radius:4px;cursor:pointer}.rs-scope-toggle button.active{background:#8b5cf6;color:#fff}.rs-tabs{display:flex;border-bottom:1px solid rgba(156,163,175,.2)}.rs-tab{flex:1;padding:10px;background:transparent;border:0;color:#9ca3af;font-size:13px;cursor:pointer;border-bottom:2px solid transparent}.rs-tab.active{color:#8b5cf6;border-bottom-color:#8b5cf6;font-weight:600}.rs-tab:hover:not(.active){color:inherit}.rs-tab-badge{display:inline-block;margin-left:6px;background:rgba(156,163,175,.25);color:#9ca3af;border-radius:10px;padding:1px 7px;font-size:11px}.rs-tab.active .rs-tab-badge{background:rgba(139,92,246,.25);color:#8b5cf6}.rs-body{flex:1;overflow-y:auto;padding:18px;display:flex;flex-direction:column;gap:14px}.rs-empty{text-align:center;color:#9ca3af;padding:60px 20px;font-size:14px}.rs-loading{color:#9ca3af;font-size:13px;padding:8px 0}.rs-modes{display:flex;gap:8px}.rs-mode-btn{flex:1;padding:8px;background:rgba(75,85,99,.2);border:1px solid rgba(156,163,175,.25);color:inherit;border-radius:6px;font-size:13px;cursor:pointer}.rs-mode-btn.active{background:rgba(139,92,246,.18);border-color:#8b5cf6;color:#c4b5fd}html:not(.dark) .rs-mode-btn.active{color:#6d28d9}.rs-player{background:rgba(139,92,246,.06);border-radius:8px;padding:14px}.rs-clip-meta{font-size:11px;color:#9ca3af;margin-bottom:8px}.rs-controls{display:flex;gap:6px;flex-wrap:wrap;align-items:center}.rs-btn{background:rgba(75,85,99,.25);border:1px solid rgba(156,163,175,.25);color:inherit;border-radius:6px;padding:6px 12px;font-size:13px;cursor:pointer}.rs-btn:hover:not(:disabled){background:rgba(139,92,246,.2)}.rs-btn.primary{background:#8b5cf6;border-color:#8b5cf6;color:#fff}.rs-btn.primary:hover{background:#7c3aed}.rs-btn.active{background:rgba(139,92,246,.25);border-color:#8b5cf6;color:#c4b5fd}.rs-btn:disabled{opacity:.5;cursor:default}.rs-rate-row{display:flex;gap:4px;margin-left:auto}.rs-rate{font-size:12px;padding:4px 8px}.rs-rate.active{background:#8b5cf6;color:#fff;border-color:#8b5cf6}.rs-text{background:rgba(31,41,55,.4);border-radius:8px;padding:14px;min-height:60px}html:not(.dark) .rs-text{background:rgba(243,244,246,.6)}.rs-en{font-size:16px;line-height:1.5;margin-bottom:6px}.rs-zh{font-size:13px;color:#9ca3af}.rs-reveal{width:100%;padding:12px;background:rgba(75,85,99,.2);border:1px dashed rgba(156,163,175,.4);color:#9ca3af;border-radius:6px;cursor:pointer;font-size:13px}.rs-reveal:hover{color:inherit}.rs-dict-input{width:100%;min-height:80px;background:rgba(31,41,55,.4);border:1px solid rgba(156,163,175,.25);color:inherit;border-radius:6px;padding:10px;font-size:15px;line-height:1.5;font-family:inherit;resize:vertical}html:not(.dark) .rs-dict-input{background:#fff}.rs-dict-input:focus{outline:0;border-color:#8b5cf6}.rs-diff{background:rgba(31,41,55,.4);border-radius:6px;padding:10px;font-size:15px;line-height:1.7}html:not(.dark) .rs-diff{background:rgba(243,244,246,.6)}.rs-diff-word{display:inline-block;margin-right:4px}.rs-diff-word.ok{color:#22c55e}.rs-diff-word.miss{color:#ef4444;text-decoration:line-through}.rs-diff-word.extra{color:#f59e0b;font-style:italic}.rs-score-row{display:flex;align-items:center;gap:12px;font-size:14px}.rs-score{font-size:22px;font-weight:700;font-variant-numeric:tabular-nums}.rs-score.high{color:#22c55e}.rs-score.mid{color:#f59e0b}.rs-score.low{color:#ef4444}.rs-shadow-status{font-size:13px;color:#9ca3af}.rs-rec-on{color:#ef4444}.rs-state-row{display:flex;gap:8px;padding:14px 18px;border-top:1px solid rgba(156,163,175,.2);background:rgba(31,41,55,.3)}html:not(.dark) .rs-state-row{background:rgba(243,244,246,.4)}.rs-state-btn{flex:1;padding:10px;background:rgba(75,85,99,.2);border:1px solid rgba(156,163,175,.3);color:inherit;border-radius:6px;font-size:13px;cursor:pointer}.rs-state-btn:hover{background:rgba(75,85,99,.35)}.rs-state-btn.again{border-color:#60a5fa80}.rs-state-btn.learned{border-color:#22c55e80}.rs-state-btn.again:hover{background:rgba(96,165,250,.18)}.rs-state-btn.learned:hover{background:rgba(34,197,94,.18)}.rs-nav-row{display:flex;gap:8px;align-items:center;justify-content:space-between;padding:8px 18px}.rs-shortcuts-hint{flex:1;text-align:center;font-size:11px;color:#9ca3af}.rs-nav-btn{background:transparent;border:0;color:#9ca3af;font-size:13px;cursor:pointer;padding:4px 10px}.rs-nav-btn:hover{color:inherit}.rs-nav-btn:disabled{opacity:.4;cursor:default}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.85)}}:root{--bg-base: #F5F5F7;--bg-surface: #FFFFFF;--bg-sunken: #EBEBED;--bg-hover: #F0F0F2;--bg-active: #E8E8EA;--bg-overlay: rgba(0,0,0,.32);--border: rgba(0,0,0,.09);--border-strong: rgba(0,0,0,.15);--text-primary: #1D1D1F;--text-secondary:#424245;--text-muted: #86868B;--accent: #0071E3;--accent-rgb: 0, 113, 227;--accent-hover: #0077ED;--accent-muted: #5AC8FA;--accent-bg: rgba(0,113,227,.1);--gold: #B8670A;--gold-bg: #FFF8E6;--gold-border: #E8C46A;--green: #34C759;--orange: #FF9500;--red: #FF3B30;--purple: #AF52DE;--blue: #0071E3;--cyan: #5AC8FA;--shadow: 0 2px 14px rgba(0,0,0,.06);--shadow-heavy: 0 14px 50px rgba(0,0,0,.12);--radius-xs: 6px;--radius-sm: 10px;--radius-md: 14px;--radius-lg: 18px;--radius-pill: 980px;--yt-bg-deep: #EBEBED;--yt-bg-base: #F5F5F7;--yt-bg-panel: #FFFFFF;--yt-bg-raised: #FAFAFC;--yt-border: rgba(0,0,0,.09);--yt-border-sub: rgba(0,0,0,.15);--yt-text-dim: #86868B;--yt-text-sub: #424245;--yt-text-main: #1D1D1F;--yt-ctrl-bg: #F5F5F7;--yt-accent: var(--accent);--yt-accent-rgb: var(--accent-rgb);--yt-accent-hover: var(--accent-hover);--yt-accent-muted: var(--accent-muted)}html.dark{--bg-base: #000000;--bg-surface: #1D1D1F;--bg-sunken: #141416;--bg-hover: #28282B;--bg-active: #2C2C2F;--bg-overlay: rgba(0,0,0,.64);--border: rgba(255,255,255,.1);--border-strong: rgba(255,255,255,.18);--text-primary: #F5F5F7;--text-secondary:#C7C7CC;--text-muted: #86868B;--accent: #2997FF;--accent-rgb: 41, 151, 255;--accent-hover: #1F88FF;--accent-muted: #64D2FF;--accent-bg: rgba(41,151,255,.14);--gold: #FFD60A;--gold-bg: #2A2300;--gold-border: #4A4000;--green: #30D158;--orange: #FF9F0A;--red: #FF453A;--purple: #BF5AF2;--blue: #2997FF;--cyan: #64D2FF;--shadow: 0 2px 12px rgba(0,0,0,.5);--shadow-heavy: 0 24px 80px rgba(0,0,0,.7);--yt-bg-deep: #000000;--yt-bg-base: #1D1D1F;--yt-bg-panel: #1D1D1F;--yt-bg-raised: #2A2A2D;--yt-border: rgba(255,255,255,.1);--yt-border-sub: rgba(255,255,255,.18);--yt-text-dim: #86868B;--yt-text-sub: #C7C7CC;--yt-text-main: #F5F5F7;--yt-ctrl-bg: #28282B;--yt-accent: var(--accent);--yt-accent-rgb: var(--accent-rgb);--yt-accent-hover: var(--accent-hover);--yt-accent-muted: var(--accent-muted)}body{font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,SF Pro Text,Segoe UI,Helvetica Neue,Helvetica,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;letter-spacing:-.015em;background:var(--bg-base);color:var(--text-primary);min-height:100vh;transition:background .2s,color .2s}.app{display:flex;flex-direction:column;height:100vh;transition:background .2s}.app-tab-switcher{position:fixed;top:0;right:0;z-index:9999;display:flex;gap:4px;padding:6px 12px;background:rgba(15,17,23,.92);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom-left-radius:10px;border-bottom:1px solid #2a2d3a;border-left:1px solid #2a2d3a}html:not(.dark) .app-tab-switcher{background:rgba(255,255,255,.97);border-bottom-color:#dde1ec;border-left-color:#dde1ec;box-shadow:-2px 2px 12px #00000014}.app-tab-btn{padding:4px 12px;border-radius:var(--radius-xs);border:none;cursor:pointer;font-size:12px;font-weight:600;transition:all .15s;background:transparent;color:#7a7d90}.app-tab-btn.active{background:var(--accent);color:#fff}html:not(.dark) .app-tab-btn{color:#4b5068}html:not(.dark) .app-tab-btn:hover{color:var(--accent)}html:not(.dark) .app-tab-btn.active{background:var(--accent);color:#fff}.app-header{display:flex;align-items:center;justify-content:space-between;padding:14px 24px;background:var(--bg-surface);border-bottom:1px solid var(--border);box-shadow:var(--shadow)}.header-left{display:flex;align-items:center;gap:12px}.header-right{display:flex;align-items:center;gap:10px}.app-logo{font-size:28px}.app-title{font-size:18px;font-weight:700;color:var(--text-primary)}.app-subtitle{font-size:12px;color:var(--text-muted);margin-top:2px}.mvp-badge{font-size:11px;font-weight:600;padding:4px 10px;background:var(--accent-bg);color:var(--accent-muted);border-radius:var(--radius-pill);border:1px solid var(--border)}.btn-theme{padding:6px 12px;border-radius:var(--radius-pill);font-size:13px;background:var(--bg-sunken);color:var(--text-secondary);border:1px solid var(--border);cursor:pointer;transition:all .2s}.btn-theme:hover{border-color:var(--accent);color:var(--accent)}.app-body{display:flex;flex:1;overflow:hidden}.sidebar{width:240px;min-width:240px;background:var(--bg-sunken);border-right:1px solid var(--border);overflow-y:auto;padding:16px 12px;display:flex;flex-direction:column;gap:6px}.sidebar-title{font-size:11px;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;padding:0 4px 8px}.segment-btn{display:flex;align-items:flex-start;gap:10px;width:100%;padding:10px 12px;border-radius:var(--radius-sm);border:none;background:transparent;color:var(--text-muted);font-size:13px;text-align:left;cursor:pointer;transition:all .15s}.segment-btn:hover{background:var(--bg-hover);color:var(--text-secondary)}.segment-btn.active{background:var(--bg-active);color:var(--accent)}.segment-num{min-width:20px;height:20px;border-radius:50%;background:var(--border);color:var(--text-muted);font-size:11px;font-weight:700;display:flex;align-items:center;justify-content:center;margin-top:1px}.segment-btn.active .segment-num{background:var(--accent-bg);color:var(--accent)}.segment-preview{line-height:1.4}.iprofile-card{margin-top:16px;padding:14px;background:var(--bg-surface);border-radius:var(--radius-sm);border:1px solid var(--border)}.iprofile-title{font-size:12px;font-weight:700;color:var(--text-muted);margin-bottom:10px}.iprofile-empty{font-size:12px;color:var(--text-muted)}.iprofile-item{font-size:13px;margin-bottom:6px}.btn-reset{margin-top:12px;width:100%;padding:6px;background:transparent;color:var(--text-muted);border:1px solid var(--border);border-radius:var(--radius-xs);font-size:12px;cursor:pointer}.btn-reset:hover{color:var(--red);border-color:var(--red)}.main-content{flex:1;overflow-y:auto;padding:24px 32px;display:flex;flex-direction:column;gap:24px}.audio-controls{background:var(--bg-surface);border-radius:var(--radius-md);padding:20px 24px;border:1px solid var(--border);box-shadow:var(--shadow)}.progress-bar-container{cursor:pointer;padding:8px 0}.progress-bar-track{position:relative;height:5px;background:var(--border);border-radius:3px}.progress-bar-fill{height:100%;background:var(--accent);border-radius:3px;transition:width .1s linear}.progress-bar-handle{position:absolute;top:50%;transform:translate(-50%,-50%);width:14px;height:14px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 3px var(--accent-bg);transition:left .1s linear}.time-display{display:flex;justify-content:space-between;font-size:12px;color:var(--text-muted);margin-top:6px}.controls-row{display:flex;align-items:center;gap:16px;margin-top:16px;flex-wrap:wrap}.btn-play{width:44px;height:44px;border-radius:50%;background:var(--accent);color:#fff;border:none;font-size:18px;cursor:pointer;transition:all .15s;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #4a62f54d}.btn-play:hover:not(.disabled){filter:brightness(1.1);transform:scale(1.05)}.btn-play.disabled{background:var(--border);color:var(--text-muted);cursor:not-allowed;box-shadow:none}.rate-selector{display:flex;align-items:center;gap:6px}.control-label{font-size:12px;color:var(--text-muted)}.btn-rate{padding:4px 10px;border-radius:var(--radius-xs);font-size:13px;background:var(--bg-sunken);color:var(--text-muted);border:1px solid var(--border);cursor:pointer;transition:all .15s}.btn-rate:hover{color:var(--text-secondary)}.btn-rate.active{background:var(--accent-bg);color:var(--accent);border-color:var(--accent)}.btn-sharpen{padding:6px 14px;border-radius:var(--radius-sm);font-size:13px;background:var(--bg-sunken);color:var(--text-muted);border:1px solid var(--border);cursor:pointer;transition:all .2s}.btn-sharpen:hover{color:var(--gold);border-color:var(--gold-border)}.btn-sharpen.active{background:var(--gold-bg);color:var(--gold);border-color:var(--gold-border)}.no-audio-hint{margin-top:12px;padding:10px 14px;background:#FFF8E6;color:#b8670a;border-radius:var(--radius-sm);font-size:13px;border:1px solid #E8C46A}.dark .no-audio-hint{background:#2A1500;color:#ff9800;border-color:#4a3000}.no-audio-hint code{background:rgba(0,0,0,.08);padding:1px 5px;border-radius:3px;font-family:monospace}.ghost-text-section{background:var(--bg-surface);border-radius:var(--radius-md);padding:28px 32px;border:1px solid var(--border);min-height:120px;box-shadow:var(--shadow)}.ghost-text-container{display:flex;flex-direction:column;gap:12px}.ghost-text{font-size:22px;line-height:1.8;display:flex;flex-wrap:wrap;gap:6px;transition:filter .4s,opacity .4s;color:var(--text-primary)}.ghost-text.hidden{filter:blur(12px);opacity:.15;-webkit-user-select:none;user-select:none}.ghost-text.ghost{filter:blur(4px);opacity:.4}.ghost-text.revealed{filter:none;opacity:1}.phoneme-word{position:relative;cursor:pointer;padding:2px 5px;border-radius:var(--radius-xs);transition:background .15s}.phoneme-word:hover{background:var(--bg-hover)}.phoneme-word.active{background:var(--accent-bg);color:var(--accent)}.phoneme-word.type-weak-form{border-bottom:2px solid var(--blue)}.phoneme-word.type-reduction{border-bottom:2px solid var(--orange)}.phoneme-word.type-linking{border-bottom:2px dashed var(--purple)}.phoneme-word.type-elision{border-bottom:2px solid var(--red)}.phoneme-word.type-assimilation{border-bottom:2px dotted var(--cyan)}.difficulty-dot{position:absolute;bottom:-6px;left:50%;transform:translate(-50%);width:4px;height:4px;border-radius:50%;background:var(--orange)}.ghost-mode-hint{font-size:13px;color:var(--text-muted)}.btn-reveal{margin-top:16px;padding:8px 18px;background:transparent;color:var(--text-muted);border:1px dashed var(--border-strong);border-radius:var(--radius-sm);font-size:13px;cursor:pointer;transition:all .15s}.btn-reveal:hover{color:var(--text-primary);border-color:var(--text-muted)}.diagnosis-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--bg-overlay);display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:fadeIn .15s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.diagnosis-panel{position:relative;background:var(--bg-surface);border-radius:var(--radius-lg);padding:28px 32px;max-width:520px;width:90%;border:1px solid var(--border);box-shadow:var(--shadow-heavy);animation:slideUp .2s ease}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.diagnosis-close{position:absolute;top:16px;right:16px;background:var(--bg-sunken);border:none;color:var(--text-muted);width:28px;height:28px;border-radius:50%;font-size:12px;cursor:pointer}.diagnosis-close:hover{background:var(--border);color:var(--text-primary)}.diagnosis-phoneme-text{font-size:28px;font-weight:700;color:var(--text-primary);margin-bottom:14px}.diagnosis-badges{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:16px}.type-badge{font-size:12px;font-weight:700;padding:4px 12px;border-radius:var(--radius-pill)}.note-badge{font-size:12px;padding:4px 12px;background:var(--bg-sunken);color:var(--text-muted);border-radius:var(--radius-pill);font-family:monospace}.error-badge{font-size:12px;padding:4px 12px;background:#FFF0F0;color:var(--red);border-radius:var(--radius-pill)}.dark .error-badge{background:#2A0A0A}.diagnosis-explanation{font-size:15px;line-height:1.7;color:var(--text-secondary);margin-bottom:14px;padding:14px 16px;background:var(--bg-sunken);border-radius:var(--radius-sm);border:1px solid var(--border)}.diagnosis-example{font-size:14px;color:var(--text-muted);margin-bottom:20px;font-family:monospace}.example-label{color:var(--text-muted);margin-right:6px}.diagnosis-actions{display:flex;gap:10px}.btn-replay{flex:1;padding:10px 16px;border-radius:var(--radius-sm);background:var(--bg-sunken);color:var(--text-secondary);border:1px solid var(--border);font-size:14px;cursor:pointer;transition:all .15s}.btn-replay:hover{background:var(--bg-hover)}.btn-replay-sharp{flex:1;padding:10px 16px;border-radius:var(--radius-sm);background:var(--gold-bg);color:var(--gold);border:1px solid var(--gold-border);font-size:14px;cursor:pointer;transition:all .15s}.btn-replay-sharp:hover{filter:brightness(.95)}.usage-tips{display:flex;flex-wrap:wrap;gap:10px}.tip{font-size:13px;color:var(--text-muted);padding:8px 14px;background:var(--bg-surface);border-radius:var(--radius-sm);border:1px solid var(--border)}