.speaking-shell{width:100%;max-width:880px;margin:0 auto;padding:22px 20px 40px;display:grid;gap:18px}.sp-spin{animation:sp-rotate .9s linear infinite}@keyframes sp-rotate{to{transform:rotate(360deg)}}.sp-topbar{display:flex;align-items:center;justify-content:space-between;gap:14px}.sp-brand{display:flex;align-items:center;gap:11px;min-width:0}.sp-brand-mark{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;color:#fff;background:var(--accent-grad);box-shadow:0 10px 22px #0d94884d}.sp-brand strong{display:block;font-size:16px}.sp-brand span{color:var(--muted);font-size:12px}.sp-steps{display:flex;gap:6px}.sp-step{padding:4px 12px;border-radius:999px;background:var(--surface-soft);color:var(--muted);font-size:12.5px;font-weight:750}.sp-step.is-active{background:var(--teal-soft);color:var(--teal-dark)}.sp-step.is-done{background:var(--green-soft);color:var(--green)}.sp-setup{display:grid;gap:18px;padding:24px;border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface);box-shadow:var(--shadow)}.sp-setup-head h2{margin:6px 0 8px;font-size:26px;letter-spacing:-.01em}.sp-sub{margin:0;color:var(--muted);font-size:13.5px;line-height:1.65}.sp-setup-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.sp-field{display:grid;gap:7px;font-size:13px;font-weight:750;color:var(--text)}.sp-field select,.sp-field input{min-height:42px;padding:0 12px;border:1px solid var(--line-strong);border-radius:var(--radius-sm);background:var(--surface-soft);color:var(--text);font-size:14px;font-weight:600}.sp-model-row{display:flex;gap:8px}.sp-model-row select,.sp-model-row input{flex:1;min-width:0}.sp-checks{display:flex;flex-wrap:wrap;gap:10px}.sp-check{display:inline-flex;align-items:center;gap:8px;min-height:40px;padding:0 14px;border:1px solid var(--line-strong);border-radius:var(--radius-sm);background:var(--surface);color:var(--text-soft);font-size:13px;font-weight:700}.sp-check.is-ok{border-color:color-mix(in srgb,var(--green) 40%,transparent);color:var(--green);background:var(--green-soft)}.sp-check.is-warn{border-color:color-mix(in srgb,var(--amber) 40%,transparent);color:var(--amber);background:var(--amber-soft)}.sp-check.static{cursor:default}.sp-sttmode{display:inline-flex;gap:4px;padding:4px;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface-soft)}.sp-sttmode button{flex:1;min-height:34px;padding:0 12px;border:0;border-radius:7px;background:transparent;color:var(--muted);font-size:13px;font-weight:750;cursor:pointer}.sp-sttmode button.is-active{background:var(--surface);color:var(--teal-dark);box-shadow:var(--shadow-sm)}.sp-sttmode button:disabled{opacity:.45;cursor:not-allowed}.sp-recent{display:grid;gap:8px}.sp-recent-head{color:var(--muted);font-size:12.5px;font-weight:700}.sp-recent-list{display:flex;flex-wrap:wrap;gap:8px}.sp-recent-item{display:grid;justify-items:center;gap:1px;min-width:88px;padding:8px 12px;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface-soft)}.sp-recent-item strong{font-size:18px;color:var(--teal-dark);font-variant-numeric:tabular-nums}.sp-recent-item span{font-size:11.5px;color:var(--text-soft);max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sp-recent-item small{font-size:11px;color:var(--muted)}.sp-start{justify-self:start;min-height:48px;padding:0 26px}.sp-tip{margin:0;color:var(--muted);font-size:12.5px;line-height:1.6}.sp-live{display:grid;gap:16px}.sp-stage{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:16px;padding:16px 18px;border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface);box-shadow:var(--shadow-sm)}.sp-avatar{position:relative;display:grid;place-items:center;width:58px;height:58px;border-radius:50%;color:#fff;background:var(--accent-grad)}.sp-avatar-ring{position:absolute;inset:-4px;border-radius:50%;border:2px solid var(--teal);opacity:0}.sp-avatar.is-speaking .sp-avatar-ring{animation:sp-pulse 1.4s ease-out infinite}.sp-avatar.is-listening{background:linear-gradient(135deg,#ef9d34,var(--amber))}.sp-avatar.is-listening .sp-avatar-ring{border-color:var(--amber);animation:sp-pulse 1.1s ease-out infinite}@keyframes sp-pulse{0%{transform:scale(1);opacity:.5}to{transform:scale(1.35);opacity:0}}.sp-stage-info{min-width:0;display:grid;gap:4px}.sp-part-label{font-size:15px;font-weight:850}.sp-state{display:inline-flex;align-items:center;gap:6px;color:var(--muted);font-size:13px}.sp-timer{display:grid;justify-items:end;gap:5px;min-width:96px}.sp-timer strong{font-size:20px;font-variant-numeric:tabular-nums}.sp-timer.is-low strong{color:var(--red)}.sp-timer-track{width:96px;height:6px;border-radius:999px;background:var(--ring-track);overflow:hidden}.sp-timer-track>span{display:block;height:100%;border-radius:inherit;background:var(--teal);transition:width .4s linear}.sp-timer.is-low .sp-timer-track>span{background:var(--red)}.sp-transcript{display:grid;gap:12px;max-height:46vh;overflow:auto;padding:18px;border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface);box-shadow:var(--shadow-sm)}.sp-bubble-row{display:flex;gap:9px;max-width:86%}.sp-bubble-row.examiner{align-self:flex-start}.sp-bubble-row.candidate{align-self:flex-end;flex-direction:row-reverse}.sp-bubble-avatar{display:grid;place-items:center;width:28px;height:28px;flex:0 0 auto;border-radius:50%;background:var(--surface-soft);color:var(--muted)}.sp-bubble-row.examiner .sp-bubble-avatar{color:var(--teal-dark);background:var(--teal-soft)}.sp-bubble{padding:10px 13px;border-radius:14px;font-size:14.5px;line-height:1.5}.sp-bubble-row.examiner .sp-bubble{border-top-left-radius:4px;background:var(--surface-soft);color:var(--text)}.sp-bubble-row.candidate .sp-bubble{border-top-right-radius:4px;background:var(--accent-grad);color:#fff}.sp-bubble.is-interim{background:color-mix(in srgb,var(--teal) 18%,transparent);color:var(--text-soft);font-style:italic}.sp-bubble-wrap{display:grid;gap:4px;min-width:0}.sp-bubble-tools{display:flex;gap:6px;padding:0 2px}.sp-bubble-row.candidate .sp-bubble-tools{justify-content:flex-end}.sp-replay{display:inline-flex;align-items:center;gap:5px;min-height:26px;padding:0 9px;border:1px solid var(--line-strong);border-radius:999px;background:var(--surface);color:var(--teal-dark);font-size:12px;font-weight:700;cursor:pointer}.sp-replay:hover{border-color:var(--teal);background:var(--teal-soft)}.sp-replays{display:grid;gap:10px}.sp-replay-row{display:flex;align-items:flex-start;gap:12px;padding:10px 12px;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface-soft)}.sp-replay-row .sp-replay{flex:0 0 auto;margin-top:2px}.sp-replay-row p{margin:0;color:var(--text-soft);font-size:13.5px;line-height:1.5}.sp-part2{display:grid;gap:14px}.sp-cuecard{padding:18px 20px;border:1px solid color-mix(in srgb,var(--teal) 26%,transparent);border-radius:var(--radius-lg);background:var(--teal-soft)}.sp-cuecard.is-compact{padding:12px 16px}.sp-cuecard-head{display:inline-flex;align-items:center;gap:7px;color:var(--teal-dark);font-size:11.5px;font-weight:850;letter-spacing:.05em;text-transform:uppercase}.sp-cuecard h3{margin:8px 0 6px;font-size:19px;line-height:1.3;color:var(--text)}.sp-cuecard.is-compact h3{font-size:15px;margin:4px 0}.sp-cuecard-lead{margin:0 0 4px;color:var(--text-soft);font-size:13px;font-weight:700}.sp-cuecard ul{margin:0;padding-left:20px;color:var(--text-soft);font-size:14px;line-height:1.7}.sp-cuecard.is-compact ul{font-size:12.5px;line-height:1.5}.sp-notepad{display:grid;gap:8px}.sp-notepad-head{display:inline-flex;align-items:center;gap:7px;color:var(--muted);font-size:12.5px;font-weight:700}.sp-notepad textarea{min-height:110px;padding:12px 14px;border:1px solid var(--line-strong);border-radius:var(--radius);background:var(--surface-soft);color:var(--text);font-size:14px;line-height:1.6;resize:vertical}.sp-notepad textarea:focus{outline:0;border-color:var(--teal);box-shadow:0 0 0 3px #0d948824}.sp-monologue{display:grid;gap:6px;min-height:90px;padding:14px 16px;border:1px dashed var(--line-strong);border-radius:var(--radius);background:var(--surface)}.sp-wide{justify-self:stretch;min-height:48px}.sp-mic{display:flex;align-items:center;gap:14px;padding:14px 16px;border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface);box-shadow:var(--shadow-sm)}.sp-mic.waiting{justify-content:center;color:var(--muted);font-size:13.5px}.sp-mic-orb{position:relative;display:grid;place-items:center;width:50px;height:50px;flex:0 0 auto;border-radius:50%;color:#fff;background:var(--muted)}.sp-mic-orb.is-live{background:linear-gradient(135deg,#ef9d34,var(--amber))}.sp-mic-wave{position:absolute;inset:-5px;border-radius:50%;border:2px solid var(--amber);opacity:0}.sp-mic-orb.is-live .sp-mic-wave{animation:sp-pulse 1.1s ease-out infinite}.sp-mic-body{flex:1;min-width:0;display:grid;gap:3px}.sp-mic-status{font-size:13px;font-weight:750;color:var(--text)}.sp-mic-interim{margin:0;color:var(--muted);font-size:13.5px;line-height:1.5;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.sp-mic-done{flex:0 0 auto}.sp-typed{display:flex;gap:10px;align-items:flex-end}.sp-typed textarea{flex:1;min-height:44px;padding:10px 13px;border:1px solid var(--line-strong);border-radius:var(--radius-sm);background:var(--surface-soft);color:var(--text);font-size:14px;resize:vertical}.sp-typed textarea:focus{outline:0;border-color:var(--teal)}.sp-live-foot{display:flex;align-items:center;justify-content:space-between;gap:12px}.sp-live-actions{display:flex;align-items:center;flex-wrap:wrap;gap:10px;min-width:0}.sp-link-button{display:inline-flex;align-items:center;gap:6px;border:0;background:transparent;color:var(--teal-dark);font-size:13px;font-weight:750}.sp-replay-current{min-height:36px;padding:0 12px}.sp-warn{margin:0;padding:10px 13px;border-radius:var(--radius-sm);background:var(--amber-soft);color:var(--amber);font-size:13px;line-height:1.55}.sp-model-warning{border:1px solid color-mix(in srgb,var(--amber) 26%,transparent)}.sp-grading{display:grid;place-items:center;gap:12px;min-height:280px;color:var(--muted);text-align:center}.sp-grading .sp-spin{color:var(--teal)}.sp-grading-actions{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}.sp-feedback{display:grid;gap:18px}.sp-feedback-hero{display:flex;align-items:center;gap:20px;padding:22px;border:1px solid var(--line);border-radius:var(--radius-lg);background:linear-gradient(120deg,var(--teal-soft),var(--surface) 72%);box-shadow:var(--shadow)}.sp-overall{display:grid;justify-items:center;gap:2px;flex:0 0 auto;width:110px;padding:14px;border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow-sm);color:var(--teal-dark)}.sp-overall strong{font-size:34px;line-height:1;color:var(--text)}.sp-overall span{color:var(--muted);font-size:12px;font-weight:700}.sp-overall .sp-cefr{margin-top:4px;padding:3px 8px;border-radius:999px;background:var(--teal-soft);color:var(--teal-dark);font-size:11px}.sp-feedback-summary h2{margin:6px 0;font-size:22px}.sp-feedback-summary p{margin:0;color:var(--text-soft);font-size:14px;line-height:1.6}.sp-meta-line{margin-top:6px!important;color:var(--muted)!important;font-size:12.5px!important;font-weight:700}.sp-rubric-line{margin-top:8px!important;color:var(--muted)!important;font-size:12.5px!important;font-weight:650}.sp-criteria{display:grid;grid-template-columns:1fr 1fr;gap:12px}.sp-criterion{display:grid;gap:8px;padding:14px 16px;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface)}.sp-criterion-head{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:13.5px;font-weight:750}.sp-criterion-head strong{font-size:18px;font-variant-numeric:tabular-nums}.sp-criterion-head strong.good,.sp-band-track>span.good{color:var(--green)}.sp-band-track>span.good{background:var(--green)}.sp-criterion-head strong.mid,.sp-band-track>span.mid{color:var(--teal-dark)}.sp-band-track>span.mid{background:var(--teal)}.sp-criterion-head strong.low,.sp-band-track>span.low{color:var(--amber)}.sp-band-track>span.low{background:var(--amber)}.sp-band-track{height:7px;border-radius:999px;background:var(--ring-track);overflow:hidden}.sp-band-track>span{display:block;height:100%;border-radius:inherit;transition:width .6s ease}.sp-criterion p{margin:0;color:var(--muted);font-size:12.5px;line-height:1.5}.sp-criterion .sp-evidence{padding:8px 10px;border-left:3px solid var(--teal);border-radius:8px;background:var(--surface-soft);color:var(--text-soft);font-style:italic}.sp-block{padding:18px 20px;border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface)}.sp-block h3{display:flex;align-items:center;gap:8px;margin:0 0 12px;font-size:16px}.sp-tips{margin:0;padding-left:20px;display:grid;gap:7px;color:var(--text-soft);font-size:14px;line-height:1.6}.sp-samples{display:grid;gap:12px}.sp-sample{padding:12px 14px;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface-soft)}.sp-sample-orig{margin:0 0 6px;color:var(--muted);font-size:13.5px;line-height:1.5;text-decoration:line-through;text-decoration-color:color-mix(in srgb,var(--red) 55%,transparent)}.sp-sample-up{display:flex;gap:6px;margin:0;color:var(--green);font-size:14.5px;font-weight:650;line-height:1.5}.sp-sample-up svg{flex:0 0 auto;margin-top:4px}.sp-sample-note{margin:6px 0 0;color:var(--muted);font-size:12.5px;line-height:1.5}.sp-model-answer{display:grid;gap:12px}.sp-model-answer-body{margin:0;padding:14px 16px;border:1px solid color-mix(in srgb,var(--teal) 22%,transparent);border-radius:var(--radius);background:linear-gradient(180deg,var(--surface-soft),var(--surface));color:var(--text);font-size:14.5px;line-height:1.7}.sp-model-replay{justify-self:start}.sp-feedback-actions{display:flex;justify-content:center}.sp-restart{justify-self:center;min-height:48px;padding:0 28px}@media(max-width:720px){.sp-setup-grid,.sp-criteria{grid-template-columns:1fr}.sp-steps{display:none}.sp-feedback-hero{flex-direction:column;align-items:flex-start}.sp-stage{grid-template-columns:auto 1fr}.sp-timer{grid-column:1 / -1;justify-items:start}.sp-timer-track{width:100%}.sp-mic{flex-wrap:wrap}.sp-mic-done{width:100%;justify-content:center}}:root{color-scheme:light;--bg: #eef2f6;--bg-grad: radial-gradient(1200px 600px at 78% -8%, #e3f4f3 0%, transparent 60%), radial-gradient(900px 500px at -6% 8%, #e7eefc 0%, transparent 55%), #eef2f6;--surface: #ffffff;--surface-soft: #f5f8fb;--surface-2: #ffffff;--text: #0f172a;--text-soft: #334155;--muted: #64748b;--line: #e2e8f0;--line-strong: #cbd5e1;--teal: #0d9488;--teal-dark: #0f766e;--teal-soft: #e2f5f2;--teal-strong: #0b8a80;--blue: #2563eb;--green: #15966a;--green-soft: #e6f6ee;--red: #dc4a3c;--red-soft: #fdecea;--amber: #d97706;--amber-soft: #fef3e2;--accent-grad: linear-gradient(135deg, #0bb3a6, #0e7c84);--gauge-from: #16c2a3;--gauge-to: #2596be;--ring-track: #e3eaf1;--shadow-sm: 0 2px 8px rgba(15, 23, 42, .06);--shadow: 0 16px 40px rgba(15, 23, 42, .08);--shadow-lg: 0 24px 60px rgba(15, 23, 42, .14);--ink: #0f172a;--ink-text: #e5edf2;--radius: 12px;--radius-sm: 9px;--radius-lg: 18px;--topbar-h: 72px;--dock-h: 84px;--mobile-toggle-h: 44px;font-family:Inter,Microsoft YaHei,PingFang SC,Hiragino Sans GB,Noto Sans CJK SC,Arial,sans-serif}[data-theme=dark]{color-scheme:dark;--bg: #0b1220;--bg-grad: radial-gradient(1200px 600px at 80% -10%, rgba(13, 148, 136, .16) 0%, transparent 60%), radial-gradient(900px 520px at -6% 6%, rgba(37, 99, 235, .14) 0%, transparent 55%), #0b1220;--surface: #131c2e;--surface-soft: #1a2436;--surface-2: #18223550;--text: #f1f5f9;--text-soft: #cbd5e1;--muted: #94a3b8;--line: #273449;--line-strong: #354664;--teal: #2dd4bf;--teal-dark: #5eead4;--teal-soft: #133b39;--teal-strong: #14b8a6;--green: #34d399;--green-soft: #103027;--red: #f87171;--red-soft: #3a1d1c;--amber: #fbbf24;--amber-soft: #3a2a12;--accent-grad: linear-gradient(135deg, #14b8a6, #0e7490);--gauge-from: #2dd4bf;--gauge-to: #38bdf8;--ring-track: #243044;--shadow-sm: 0 2px 8px rgba(0, 0, 0, .3);--shadow: 0 16px 40px rgba(0, 0, 0, .42);--shadow-lg: 0 24px 60px rgba(0, 0, 0, .5);--ink: #060c17;--ink-text: #cbd5e1}*{box-sizing:border-box}html,body,#root{min-height:100%;height:100%}body{margin:0;min-width:320px;min-height:100vh;overflow:hidden;background:var(--bg-grad);background-attachment:fixed;color:var(--text);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}button,input,select{font:inherit;color:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}::selection{background:#0d948838}.app-shell{display:flex;flex-direction:column;height:100vh;min-height:0;padding-bottom:var(--dock-h);overflow:hidden}.sidebar-backdrop{display:none}.topbar{position:relative;top:0;flex:0 0 var(--topbar-h);z-index:30;display:flex;align-items:center;justify-content:space-between;gap:18px;height:var(--topbar-h);padding:0 24px;background:color-mix(in srgb,var(--surface) 86%,transparent);border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.brand{display:flex;align-items:center;min-width:0;gap:13px}.brand-mark{display:grid;place-items:center;width:44px;height:44px;border-radius:14px;color:#fff;background:var(--accent-grad);box-shadow:0 10px 22px #0d948852}.brand-copy{min-width:0}.brand h1{margin:0;overflow:hidden;font-size:20px;line-height:1.2;letter-spacing:-.01em;text-overflow:ellipsis;white-space:nowrap}.brand p{margin:3px 0 0;overflow:hidden;color:var(--muted);font-size:12.5px;text-overflow:ellipsis;white-space:nowrap}.top-actions{display:flex;align-items:center;gap:8px;min-width:0}.user-chip{display:inline-flex;align-items:center;gap:7px;min-height:38px;max-width:160px;padding:0 11px;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface-soft);color:var(--muted);font-size:13px;font-weight:750}.user-chip span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sync-chip{display:inline-grid;place-items:center;min-height:30px;padding:0 9px;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface-soft);color:var(--muted);font-size:12px;font-weight:800;white-space:nowrap}.sync-chip.is-saved{border-color:color-mix(in srgb,var(--green) 24%,var(--line));background:var(--green-soft);color:var(--green)}.sync-chip.is-saving,.sync-chip.is-syncing{border-color:color-mix(in srgb,var(--teal) 24%,var(--line));background:var(--teal-soft);color:var(--teal-dark)}.sync-chip.is-offline,.sync-chip.is-error{border-color:color-mix(in srgb,var(--amber) 30%,var(--line));background:var(--amber-soft);color:var(--amber)}.icon-button,.icon-text-button,.secondary-button,.primary-button,.play-chapter-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:38px;border:1px solid var(--line-strong);border-radius:var(--radius-sm);background:var(--surface);color:var(--text);font-size:14px;font-weight:650;transition:background .16s ease,border-color .16s ease,color .16s ease,box-shadow .16s ease,transform .12s ease}.icon-button{width:38px;padding:0}.icon-text-button{padding:0 13px}.icon-button:hover,.icon-text-button:hover,.secondary-button:hover:not(:disabled),.play-chapter-button:hover:not(:disabled){border-color:var(--teal);color:var(--teal-dark);background:var(--teal-soft)}.icon-button:active,.icon-text-button:active,.secondary-button:active{transform:translateY(1px)}.icon-button.is-active{color:#fff;border-color:var(--teal);background:var(--teal)}.focus-toggle.is-active,.speaking-top-button.is-active{color:#fff;border-color:var(--teal);background:var(--accent-grad);box-shadow:0 10px 22px #0d948838}.theme-toggle{color:var(--muted)}.hidden-input{display:none}.login-screen{min-height:100vh;display:grid;place-items:center;padding:28px;background:radial-gradient(circle at 18% 18%,rgba(13,148,136,.14),transparent 34%),linear-gradient(135deg,var(--surface-soft),var(--bg))}.login-card{width:min(420px,100%);display:grid;gap:18px;padding:30px;border:1px solid var(--line);border-radius:var(--radius-lg);background:color-mix(in srgb,var(--surface) 94%,transparent);box-shadow:var(--shadow-lg)}.login-mark{display:grid;place-items:center;width:58px;height:58px;border-radius:18px;color:#fff;background:var(--accent-grad);box-shadow:0 14px 28px #0d94884d}.login-title h1{margin:0;font-size:24px;line-height:1.2}.login-title p{margin:8px 0 0;color:var(--muted);font-size:14px;line-height:1.6}.login-field{display:grid;gap:8px;color:var(--muted);font-size:13px;font-weight:750}.login-field div{display:flex;align-items:center;gap:10px;height:46px;padding:0 13px;border:1px solid var(--line-strong);border-radius:var(--radius-sm);background:var(--surface);transition:border-color .16s ease,box-shadow .16s ease}.login-field div:focus-within{border-color:var(--teal);box-shadow:0 0 0 3px #0d948824}.login-field input{width:100%;min-width:0;border:0;outline:0;background:transparent;color:var(--text);font-size:15px}.login-error{margin:0;color:var(--red);font-size:13px;font-weight:750}.login-submit{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:46px;border:0;border-radius:var(--radius-sm);color:#fff;background:var(--teal);font-size:15px;font-weight:850;box-shadow:0 14px 26px #0d948838}.mobile-section-toggle{display:none;position:relative;flex:0 0 var(--mobile-toggle-h);top:auto;z-index:18;width:100%;align-items:center;gap:10px;padding:12px 16px;border:0;border-bottom:1px solid var(--line);background:color-mix(in srgb,var(--surface) 92%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:var(--text);font-size:14px;font-weight:750;text-align:left}.mobile-section-toggle span{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mobile-section-toggle svg:first-child{color:var(--teal)}.mobile-section-toggle .is-flipped{transform:rotate(180deg)}.workspace{flex:1 1 auto;display:grid;grid-template-columns:288px minmax(540px,1fr) 320px;gap:0;height:calc(100vh - var(--topbar-h) - var(--dock-h));min-height:0;overflow:hidden}.sidebar,.insights{background:var(--surface);border-right:1px solid var(--line)}.insights{border-right:0;border-left:1px solid var(--line)}.sidebar{position:sticky;top:var(--topbar-h);display:flex;flex-direction:column;height:100%;min-height:0;padding:22px 16px;overflow:hidden}.sidebar-title-row,.insight-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.sidebar-title-row h2,.insight-heading h2{margin:0;font-size:16px;line-height:1.2;letter-spacing:-.01em}.sidebar-title-row span,.insight-heading span{color:var(--muted);font-size:12.5px}.sidebar-title-actions{display:inline-flex;align-items:center;gap:8px}.sidebar-close{display:none;place-items:center;width:32px;height:32px;border:1px solid var(--line);border-radius:50%;background:var(--surface-soft);color:var(--muted)}.sidebar-close:hover{color:var(--text);background:var(--surface)}.search-box{display:flex;align-items:center;gap:10px;height:42px;margin:16px 0 12px;padding:0 12px;border:1px solid var(--line-strong);border-radius:var(--radius-sm);background:var(--surface-soft);color:var(--muted);transition:border-color .16s ease,box-shadow .16s ease}.search-box:focus-within{border-color:var(--teal);box-shadow:0 0 0 3px #0d948824}.search-box input{width:100%;min-width:0;border:0;outline:0;background:transparent;color:var(--text);font-size:14px}.search-clear{display:grid;place-items:center;width:22px;height:22px;border:0;border-radius:50%;background:var(--line);color:var(--muted)}.search-clear:hover{color:var(--text)}.segmented{display:grid;grid-template-columns:1fr 1fr;gap:4px;padding:4px;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface-soft)}.segmented button{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:34px;border:0;border-radius:7px;background:transparent;color:var(--muted);font-size:13px;font-weight:700;transition:background .16s ease,color .16s ease,box-shadow .16s ease}.segmented button.is-active{background:var(--surface);color:var(--teal-dark);box-shadow:var(--shadow-sm)}.segmented span{min-width:22px;padding:1px 6px;border-radius:999px;background:var(--teal-soft);color:var(--teal-dark);font-size:12px;font-weight:800}.section-list{flex:1;margin-top:14px;overflow:auto;padding-right:5px}.section-list::-webkit-scrollbar,.insights::-webkit-scrollbar,.audio-list::-webkit-scrollbar,.mistake-script::-webkit-scrollbar{width:8px}.section-list::-webkit-scrollbar-thumb,.insights::-webkit-scrollbar-thumb,.audio-list::-webkit-scrollbar-thumb,.mistake-script::-webkit-scrollbar-thumb{border-radius:999px;background:var(--line-strong)}.section-row{display:grid;grid-template-columns:20px minmax(0,1fr) auto;align-items:center;gap:10px;width:100%;min-height:62px;margin-bottom:2px;padding:9px 11px;border:1px solid transparent;border-radius:var(--radius-sm);background:transparent;color:var(--text);text-align:left;transition:background .14s ease,border-color .14s ease,transform .1s ease}.section-row>svg{color:var(--muted)}.section-row:hover{background:var(--surface-soft)}.section-row.is-active{color:#fff;border-color:transparent;background:var(--accent-grad);box-shadow:0 8px 20px #0d948847}.section-row.is-active>svg{color:#ffffffe6}.section-main{display:grid;min-width:0;gap:4px}.section-main strong{font-size:14px;white-space:nowrap}.section-main>span:first-of-type{overflow:hidden;color:inherit;opacity:.74;font-size:12px;text-overflow:ellipsis;white-space:nowrap}.section-bar{height:4px;overflow:hidden;border-radius:999px;background:var(--ring-track);opacity:.9}.section-row.is-active .section-bar{background:#ffffff47}.section-bar>span{display:block;height:100%;border-radius:inherit;background:var(--teal);transition:width .3s ease}.section-row.is-active .section-bar>span{background:#fff}.section-metrics{display:grid;justify-items:end;gap:4px;font-size:12px;color:inherit;opacity:.82;font-variant-numeric:tabular-nums}.sidebar-empty{margin-top:18px;text-align:center}.practice{display:grid;grid-template-rows:auto minmax(0,1fr);gap:clamp(10px,1.5vh,16px);height:100%;min-height:0;padding:28px 26px;min-width:0;overflow:hidden;scroll-margin-top:88px}.practice-header{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:18px 20px;margin-bottom:0}.practice-header>div,.chapter-audio-copy,.current-audio-body,.dock-title,.timeline,.compact-select{min-width:0}.panel-label{display:inline-block;margin:0 0 9px;padding:3px 10px;border-radius:999px;background:var(--teal-soft);color:var(--teal-dark);font-size:11.5px;font-weight:800;letter-spacing:.02em}.practice-header h2{margin:0;font-size:30px;line-height:1.15;letter-spacing:-.02em;overflow-wrap:anywhere}.progress-line{display:grid;grid-template-columns:auto minmax(120px,1fr) auto;align-items:center;gap:12px;margin-top:14px;color:var(--muted);font-size:13.5px;font-variant-numeric:tabular-nums}.progress-track{height:8px;overflow:hidden;border-radius:999px;background:var(--ring-track)}.progress-track div{height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--teal),#2596be);transition:width .35s ease}.progress-line strong{color:var(--teal-dark)}.practice-controls{display:flex;align-items:center;flex-wrap:wrap;justify-content:flex-end;gap:10px}.round-picker,.compact-select{display:inline-flex;align-items:center;gap:8px;min-height:38px;padding:0 12px;border:1px solid var(--line-strong);border-radius:var(--radius-sm);background:var(--surface);color:var(--muted);font-size:13px;font-weight:700}.round-picker select,.compact-select select{border:0;outline:0;background:transparent;color:var(--text);font-weight:750}.play-chapter-button{padding:0 16px}.position-chip{display:inline-grid;place-items:center;min-width:72px;min-height:38px;padding:0 12px;border-radius:var(--radius-sm);background:var(--teal-soft);color:var(--teal-dark);font-size:14px;font-weight:800;font-variant-numeric:tabular-nums}.chapter-audio-strip{grid-column:1 / -1;display:flex;align-items:center;justify-content:space-between;gap:14px;min-height:62px;padding:11px 14px;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow-sm)}.chapter-audio-strip.is-ready{border-color:color-mix(in srgb,var(--teal) 34%,transparent);background:var(--teal-soft)}.chapter-audio-strip.is-downloading{border-color:color-mix(in srgb,var(--amber) 34%,transparent);background:var(--amber-soft)}.chapter-audio-copy,.current-audio-body{display:flex;align-items:center;gap:11px;min-width:0}.chapter-audio-copy>div,.current-audio-body>div{display:grid;gap:2px;min-width:0}.chapter-audio-copy span:not(.audio-icon),.current-audio-body small{color:var(--muted);font-size:12px;font-weight:700}.chapter-audio-copy strong,.chapter-audio-copy small,.current-audio-body strong,.current-audio-body small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chapter-audio-copy strong,.current-audio-body strong{font-size:14px;font-weight:800}.chapter-audio-copy small{color:var(--muted);font-size:12px;font-weight:600}.audio-icon{display:grid;flex:0 0 auto;place-items:center;width:36px;height:36px;border-radius:11px;color:var(--teal-dark);background:color-mix(in srgb,var(--surface) 70%,transparent);box-shadow:var(--shadow-sm)}.dictation-card,.empty-state{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow)}.dictation-card{position:relative;display:grid;grid-template-rows:auto minmax(0,1fr) auto auto;padding:22px 26px 24px;min-height:0;overflow:hidden;background:linear-gradient(180deg,color-mix(in srgb,var(--surface) 96%,var(--teal-soft)),var(--surface) 46%),var(--surface);transition:border-color .2s ease}.dictation-card.is-correct{border-color:color-mix(in srgb,var(--green) 46%,transparent)}.dictation-card.is-wrong{border-color:color-mix(in srgb,var(--red) 46%,transparent)}.workspace:not(.is-focus) .practice{grid-template-rows:auto auto;align-content:start;overflow-x:hidden;overflow-y:auto}.workspace:not(.is-focus) .dictation-card{align-self:start;height:auto;max-height:none;overflow:visible}.workspace:not(.is-focus) .dictation-card.is-correct,.workspace:not(.is-focus) .dictation-card.is-wrong{grid-template-rows:auto auto auto auto auto}.prompt-meta{display:flex;align-items:center;gap:10px;color:var(--muted);font-size:13px;font-weight:700}.prompt-meta span{padding:5px 10px;border-radius:999px;background:var(--surface-soft)}.prompt-meta .meta-tag{background:var(--teal-soft);color:var(--teal-dark)}.bookmark-button{display:inline-grid;place-items:center;width:36px;height:36px;margin-left:auto;border:1px solid var(--line);border-radius:50%;background:var(--surface);color:var(--muted);transition:all .16s ease}.bookmark-button:hover{color:var(--amber);border-color:color-mix(in srgb,var(--amber) 40%,transparent)}.bookmark-button.is-active{color:var(--amber);border-color:color-mix(in srgb,var(--amber) 45%,transparent);background:var(--amber-soft)}.bookmark-button.is-active svg{fill:currentColor}.prompt-word{display:grid;place-items:center;min-height:210px;margin:22px 0;padding:18px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.prompt-word p{margin:0;color:var(--muted);font-size:12.5px;font-weight:750;letter-spacing:.04em;text-transform:uppercase}.prompt-word h3{min-height:56px;margin:10px 0 14px;font-size:44px;line-height:1.15;letter-spacing:-.01em;text-align:center;word-break:break-word}.prompt-word h3.is-masked{color:var(--line-strong);letter-spacing:.18em}.prompt-word h3.is-revealed{color:var(--text);animation:pop-in .22s ease}@keyframes pop-in{0%{opacity:0;transform:translateY(6px) scale(.98)}to{opacity:1;transform:none}}.reveal-chips{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;min-height:4px;margin-bottom:14px}.reveal-chip{padding:5px 12px;border-radius:999px;font-size:14px;font-weight:650;animation:pop-in .2s ease}.reveal-chip.phonetic{background:var(--surface-soft);color:var(--text-soft);font-family:"Cambria Math",Times New Roman,serif}.reveal-chip.meaning{background:var(--teal-soft);color:var(--teal-dark)}.prompt-actions{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:9px}.prompt-actions button{display:inline-flex;align-items:center;gap:7px;min-height:38px;max-width:250px;padding:0 14px;border:1px solid var(--line-strong);border-radius:var(--radius-sm);background:var(--surface);color:var(--text-soft);font-size:13.5px;font-weight:700;transition:all .15s ease}.prompt-actions button:hover,.prompt-actions button.is-on{border-color:var(--teal);color:var(--teal-dark);background:var(--teal-soft)}.prompt-actions .prompt-action-primary{color:#fff;border-color:var(--teal);background:var(--accent-grad)}.prompt-actions .prompt-action-primary:hover{color:#fff;filter:brightness(1.05)}.answer-field{display:grid;gap:8px}.answer-field>span:first-child{color:var(--text);font-size:14px;font-weight:800}.answer-field input{width:100%;min-height:58px;padding:0 16px;border:1px solid var(--line-strong);border-radius:var(--radius-sm);outline:0;background:var(--surface-soft);color:var(--text);font-size:20px;font-weight:650;transition:border-color .16s ease,box-shadow .16s ease,background .16s ease}.answer-field input::placeholder{color:var(--muted);font-weight:500}.answer-field input:focus{border-color:var(--teal);background:var(--surface);box-shadow:0 0 0 4px #0d948824}.field-hint{display:inline-flex;align-items:center;gap:6px;color:var(--muted);font-size:12px}.result-stack{display:grid;gap:10px;margin-top:16px;animation:pop-in .24s ease}.result-banner{display:flex;align-items:center;gap:12px;padding:13px 14px;border-radius:var(--radius)}.result-banner.is-correct{color:var(--green);background:var(--green-soft)}.result-banner.is-wrong{color:var(--red);background:var(--red-soft)}.result-icon{display:grid;flex:0 0 auto;place-items:center;width:30px;height:30px;border-radius:50%;background:color-mix(in srgb,currentColor 16%,transparent)}.result-banner>div{flex:1;min-width:0}.result-banner strong,.result-banner p{margin:0;color:inherit}.result-banner p{margin-top:3px;font-size:13px;opacity:.92}.banner-replay{display:grid;flex:0 0 auto;place-items:center;width:34px;height:34px;border:1px solid color-mix(in srgb,currentColor 30%,transparent);border-radius:50%;background:transparent;color:inherit}.example-card{display:grid;grid-template-columns:minmax(0,1fr) 38px;align-items:center;gap:12px;padding:14px 15px;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface-soft)}.example-card div{display:grid;gap:5px;min-width:0}.example-card span{color:var(--teal-dark);font-size:11.5px;font-weight:850;letter-spacing:.03em;text-transform:uppercase}.example-card strong{color:var(--text);font-size:14.5px;line-height:1.45}.example-card p{margin:0;color:var(--muted);font-size:13px;line-height:1.45}.speak-word-button{display:inline-grid;place-items:center;width:36px;height:36px;border:1px solid var(--line-strong);border-radius:50%;background:var(--surface);color:var(--teal-dark);transition:all .15s ease}.speak-word-button:hover{border-color:var(--teal);background:var(--teal-soft)}.dictation-actions{display:grid;grid-template-columns:1fr 1fr 1.3fr;gap:12px;margin-top:22px}.dictation-card.is-correct .dictation-actions,.dictation-card.is-wrong .dictation-actions{position:relative;z-index:2;order:4;margin-top:10px;padding:12px;border:1px solid color-mix(in srgb,var(--teal) 26%,var(--line));border-radius:var(--radius);background:color-mix(in srgb,var(--surface) 88%,transparent);box-shadow:var(--shadow-sm)}.dictation-card.is-correct .answer-field,.dictation-card.is-wrong .answer-field{order:5;margin-top:14px}.dictation-card.is-correct .stage-tools,.dictation-card.is-wrong .stage-tools{position:relative;z-index:1;margin-bottom:8px}.dictation-actions.is-review{grid-template-columns:1fr 1fr 1fr 1.3fr}.secondary-button,.primary-button{min-height:48px;padding:0 16px}.secondary-button.remove-current:hover{border-color:color-mix(in srgb,var(--red) 40%,transparent);color:var(--red);background:var(--red-soft)}.primary-button{color:#fff;border-color:var(--teal);background:var(--accent-grad);box-shadow:0 10px 24px #0d948842}.primary-button:hover:not(:disabled){filter:brightness(1.06);transform:translateY(-1px)}.empty-state{display:grid;place-items:center;align-content:center;min-height:460px;padding:36px;color:var(--muted);text-align:center}.empty-glyph{display:grid;place-items:center;width:72px;height:72px;margin-bottom:16px;border-radius:24px;color:var(--muted);background:var(--surface-soft)}.empty-glyph.success{color:var(--teal-dark);background:var(--teal-soft)}.empty-state h3{margin:0 0 6px;color:var(--text);font-size:19px}.empty-state p{margin:0;max-width:360px;line-height:1.6}.review-header h2{background:linear-gradient(120deg,var(--red),var(--amber));-webkit-background-clip:text;background-clip:text;color:transparent}.mistake-workspace{display:grid;gap:16px;margin-top:18px}.mistake-audio-panel{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:16px;padding:18px 20px;border:1px solid color-mix(in srgb,var(--teal) 26%,transparent);border-radius:var(--radius-lg);background:var(--teal-soft)}.mistake-audio-panel span{color:var(--teal-dark);font-size:11.5px;font-weight:850;letter-spacing:.03em;text-transform:uppercase}.mistake-audio-panel strong{display:block;margin-top:5px;font-size:18px}.mistake-audio-panel p{margin:6px 0 0;color:var(--muted);font-size:13px}.mistake-audio-panel .primary-button{white-space:nowrap}.mistake-script-wrap{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);overflow:hidden}.mistake-script-wrap summary{display:flex;align-items:center;gap:10px;min-height:48px;padding:0 16px;list-style:none;cursor:pointer;font-size:14px;font-weight:800}.mistake-script-wrap summary::-webkit-details-marker{display:none}.mistake-script-wrap summary small{margin-left:auto;color:var(--muted);font-weight:700}.mistake-script-wrap[open] summary svg{transform:rotate(180deg)}.mistake-script{max-height:220px;margin:0;overflow:auto;padding:14px 16px;border-top:1px solid var(--line);background:var(--ink);color:var(--ink-text);font:13px/1.65 Consolas,SFMono-Regular,monospace;white-space:pre-wrap}.mistake-list-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-top:4px}.mistake-list-head h3{margin:0;font-size:16px}.mistake-list-head span{color:var(--muted);font-size:13px;font-weight:700}.mistake-table{display:grid;gap:9px}.mistake-row{display:grid;grid-template-columns:minmax(0,1fr) 72px 64px auto;align-items:center;gap:12px;min-height:70px;padding:12px 15px;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow-sm);transition:border-color .15s ease,transform .1s ease}.mistake-row:hover{border-color:var(--line-strong)}.mistake-row.is-mastered{opacity:.62}.mistake-word{display:grid;gap:5px;min-width:0}.mistake-word strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:17px}.mistake-word span,.mistake-sec{overflow:hidden;color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:13px}.mistake-row em{color:var(--red);font-style:normal;font-weight:850;font-variant-numeric:tabular-nums}.mistake-row-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px}.remove-word-button{display:inline-flex;align-items:center;gap:6px;min-height:36px;padding:0 12px;border:1px solid var(--line-strong);border-radius:var(--radius-sm);background:var(--surface);color:var(--muted);font-size:13px;font-weight:800;transition:all .15s ease}.remove-word-button:hover{color:var(--red);border-color:color-mix(in srgb,var(--red) 36%,transparent);background:var(--red-soft)}.mistake-empty{min-height:300px;grid-column:1 / -1;box-shadow:none}.insights{position:sticky;top:var(--topbar-h);height:100%;min-height:0;padding:20px 16px;overflow:auto}.insight-section{padding:18px 0;border-bottom:1px solid var(--line)}.insight-section:first-child{padding-top:0}.accuracy-block{display:grid;grid-template-columns:108px 1fr;align-items:center;gap:16px;margin-top:18px}.accuracy-gauge{position:relative;width:104px;height:104px;flex:0 0 auto}.gauge-svg{width:100%;height:100%;display:block}.gauge-track{fill:none;stroke:var(--ring-track);stroke-width:10}.gauge-arc{fill:none;stroke:url(#gaugeGrad);stroke-width:10;stroke-linecap:round;transition:stroke-dashoffset .75s cubic-bezier(.34,.9,.3,1)}.gauge-label{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;pointer-events:none}.gauge-label span{font-size:24px;line-height:1;font-weight:850;letter-spacing:0;color:var(--text)}.gauge-label small{color:var(--muted);font-size:10.5px;line-height:1;font-weight:700}.accuracy-block dl{display:grid;gap:11px;margin:0}.accuracy-block dl>div{display:flex;justify-content:space-between;gap:10px}.accuracy-block dt{color:var(--muted);font-size:13px}.accuracy-block dd{margin:0;font-size:17px;font-weight:850;font-variant-numeric:tabular-nums}.good{color:var(--green)}.bad{color:var(--red)}.overview-chips{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:16px}.stat-pill{display:grid;gap:3px;padding:10px;border-radius:var(--radius-sm);background:var(--surface-soft);text-align:center}.stat-pill span{color:var(--muted);font-size:11.5px;font-weight:700}.stat-pill strong{font-size:19px;font-weight:850;font-variant-numeric:tabular-nums}.stat-pill.good strong{color:var(--green)}.mini-stats{display:grid;grid-template-columns:1fr auto auto;gap:10px;margin-top:14px;padding:11px 13px;border-radius:var(--radius-sm);background:var(--surface-soft);color:var(--muted);font-size:13px;font-variant-numeric:tabular-nums}.mini-stats strong{color:var(--text)}.ranking-list{display:grid;gap:6px;margin-top:12px}.rank-row{display:flex;align-items:center;gap:4px;border-radius:var(--radius-sm);transition:background .14s ease}.rank-row:hover{background:var(--surface-soft)}.rank-open{display:grid;grid-template-columns:24px minmax(0,1fr) auto 30px;align-items:center;gap:9px;flex:1;min-width:0;min-height:40px;padding:4px 6px;border:0;border-radius:var(--radius-sm);background:transparent;font-size:13px;text-align:left}.rank-open strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:800}.rank-open small{overflow:hidden;color:var(--muted);text-overflow:ellipsis;white-space:nowrap}.rank-open em{color:var(--red);font-style:normal;font-weight:850;text-align:right}.rank-num{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:var(--teal-soft);color:var(--teal-dark);font-size:12px;font-weight:800}.rank-num.rank-1{background:#fde68a;color:#92400e}.rank-num.rank-2{background:#e2e8f0;color:#475569}.rank-num.rank-3{background:#fed7aa;color:#9a3412}.rank-speak{display:grid;place-items:center;width:36px;height:36px;border:0;border-radius:50%;background:transparent;color:var(--muted)}.rank-speak:hover{color:var(--teal-dark);background:var(--teal-soft)}.muted-line{margin:0;color:var(--muted);font-size:13px}.audio-library{padding-bottom:0;border-bottom:0}.current-audio-card{display:grid;gap:12px}.current-audio-card.is-ready .insight-heading span{color:var(--teal-dark)}.current-audio-card.is-downloading .insight-heading span{color:var(--amber)}.audio-card-action{width:100%;min-height:40px}.audio-library details{display:grid;gap:10px}.audio-library summary{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:8px;min-height:40px;list-style:none;cursor:pointer;color:var(--text);font-size:15px;font-weight:850}.audio-library summary::-webkit-details-marker{display:none}.audio-library[open] summary svg,.audio-library details[open] summary svg{transform:rotate(180deg)}.audio-library summary small{color:var(--muted);font-size:13px;font-weight:700}.audio-list{display:grid;gap:6px;max-height:230px;margin-top:8px;overflow:auto;padding-right:4px}.audio-row{display:grid;width:100%;gap:3px;min-height:42px;padding:7px 10px;border-radius:var(--radius-sm);border:1px solid transparent;background:var(--surface-soft);text-align:left}.audio-row.is-active{border-color:var(--teal);background:var(--teal-soft)}.audio-row.is-disabled{opacity:.62}.audio-row span,.audio-row small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.audio-row span{color:var(--text);font-size:13px;font-weight:750}.audio-row small{color:var(--muted);font-size:12px}.audio-dock{position:fixed;right:0;bottom:0;left:0;z-index:25;display:grid;grid-template-columns:minmax(220px,310px) 146px minmax(220px,1fr) 170px auto auto auto;align-items:center;gap:16px;height:var(--dock-h);padding:0 22px;border-top:1px solid var(--line);background:color-mix(in srgb,var(--surface) 90%,transparent);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:0 -14px 36px #0f172a14}.audio-dock audio{display:none}.dock-title{display:flex;align-items:center;gap:11px;min-width:0}.dock-glyph{display:grid;flex:0 0 auto;place-items:center;width:38px;height:38px;border-radius:11px;color:var(--teal-dark);background:var(--teal-soft)}.dock-title div{display:grid;min-width:0;gap:3px}.dock-title strong,.dock-title span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dock-title strong{color:var(--text);font-size:14px}.dock-title span{color:var(--muted);font-size:12px}.transport{display:flex;align-items:center;justify-content:center;gap:8px}.dock-play{display:grid;place-items:center;width:52px;height:52px;border:0;border-radius:50%;color:#fff;background:var(--accent-grad);box-shadow:0 10px 24px #0d94884d;transition:transform .12s ease,filter .15s ease}.dock-play:hover:not(:disabled){filter:brightness(1.06);transform:scale(1.04)}.timeline{display:grid;grid-template-columns:48px minmax(120px,1fr) 48px;align-items:center;gap:10px;color:var(--muted);font-size:13px;font-variant-numeric:tabular-nums}input[type=range]{accent-color:var(--teal)}.volume-control{display:flex;align-items:center;gap:8px;color:var(--muted)}.volume-control input{width:118px}.loop-toggle{display:inline-flex;align-items:center;gap:7px;min-height:38px;padding:0 12px;border:1px solid var(--line-strong);border-radius:var(--radius-sm);color:var(--muted);font-size:13px;font-weight:750;white-space:nowrap}.loop-toggle.is-on{border-color:var(--teal);color:var(--teal-dark);background:var(--teal-soft)}.loop-toggle input{accent-color:var(--teal)}.ab-loop{display:inline-flex;align-items:center;gap:5px;padding:4px;border:1px solid var(--line-strong);border-radius:var(--radius-sm);background:var(--surface);white-space:nowrap}.ab-loop.is-on{border-color:var(--teal);background:var(--teal-soft)}.ab-loop button{display:inline-flex;align-items:center;gap:5px;min-height:30px;padding:0 8px;border:0;border-radius:8px;background:transparent;color:var(--muted);font-size:12px;font-weight:800;font-variant-numeric:tabular-nums}.ab-loop button:hover:not(:disabled),.ab-loop.is-on button{color:var(--teal-dark);background:color-mix(in srgb,var(--surface) 72%,transparent)}.settings-popover{position:fixed;top:66px;right:18px;z-index:40;display:grid;gap:12px;width:244px;padding:18px;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow-lg);animation:pop-in .16s ease}.settings-popover h2{margin:0 0 2px;font-size:16px}.settings-popover label{display:flex;align-items:center;gap:10px;color:var(--text);font-size:14px;font-weight:650}.settings-popover input[type=checkbox]{width:17px;height:17px;accent-color:var(--teal)}.settings-popover .theme-row{padding-top:12px;border-top:1px solid var(--line)}.modal-backdrop{position:fixed;inset:0;z-index:60;display:grid;place-items:center;padding:24px;background:#0f172a80;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);animation:pop-in .16s ease}.help-modal{width:min(780px,100%);max-height:min(760px,90vh);overflow:hidden;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow-lg)}.modal-header{display:flex;align-items:center;justify-content:space-between;gap:16px;height:62px;padding:0 18px;border-bottom:1px solid var(--line)}.modal-header h2{margin:0;font-size:18px}.instruction-list{display:grid;gap:10px;max-height:calc(90vh - 92px);overflow:auto;padding:18px}.instruction-list p{margin:0;color:var(--text-soft);font-size:14px;line-height:1.65}.loading-screen{display:grid;place-items:center;align-content:center;gap:14px;min-height:100vh;color:var(--teal-dark);font-weight:800}.loading-mark{display:grid;place-items:center;width:64px;height:64px;border-radius:20px;color:#fff;background:var(--accent-grad);box-shadow:0 12px 30px #0d948852;animation:float 1.6s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.spell-diff{display:grid;gap:6px;padding:12px 14px;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface-soft)}.spell-row{display:grid;grid-template-columns:64px 1fr;align-items:center;gap:10px}.spell-label{color:var(--muted);font-size:12px;font-weight:750}.spell-chars{display:flex;flex-wrap:wrap;gap:3px;font-size:18px;font-weight:700;letter-spacing:.01em}.spell-char{display:inline-grid;place-items:center;min-width:16px;padding:1px 2px;border-radius:5px;font-family:Cascadia Code,Consolas,SFMono-Regular,monospace}.spell-char.ok{color:var(--text-soft)}.spell-char.bad{color:var(--red);background:var(--red-soft);text-decoration:line-through;text-decoration-thickness:1.5px}.spell-char.fix{color:var(--green);background:var(--green-soft)}.spell-empty{color:var(--muted);font-size:13px;font-style:normal}.section-summary{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:16px;margin-bottom:18px;padding:18px 20px;border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface);box-shadow:var(--shadow);animation:pop-in .24s ease}.section-summary.is-great{border-color:color-mix(in srgb,var(--green) 40%,transparent);background:linear-gradient(120deg,var(--green-soft),var(--surface) 70%)}.section-summary.is-good{border-color:color-mix(in srgb,var(--teal) 36%,transparent);background:linear-gradient(120deg,var(--teal-soft),var(--surface) 70%)}.section-summary.is-work{border-color:color-mix(in srgb,var(--amber) 36%,transparent);background:linear-gradient(120deg,var(--amber-soft),var(--surface) 70%)}.summary-badge{display:grid;place-items:center;width:54px;height:54px;border-radius:16px;color:#fff;background:var(--accent-grad);box-shadow:0 10px 22px #0d94884d}.section-summary.is-great .summary-badge{background:linear-gradient(145deg,#1bbd7e,#0f8a63)}.section-summary.is-work .summary-badge{background:linear-gradient(145deg,#e89a2f,#c9760a)}.summary-body{min-width:0}.summary-body h3{margin:4px 0 6px;font-size:20px;line-height:1.2}.summary-line{margin:0;color:var(--muted);font-size:13.5px}.summary-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:10px}.summary-actions .secondary-button,.summary-actions .primary-button{min-height:42px}.round-chart{display:flex;align-items:flex-end;gap:6px;margin-top:14px;height:116px;padding-top:4px}.round-bar{display:grid;flex:1;justify-items:center;align-content:end;gap:5px;min-width:0;height:100%}.round-bar-value{font-size:11px;font-weight:800;color:var(--muted);font-variant-numeric:tabular-nums}.round-bar-track{display:flex;align-items:flex-end;width:100%;max-width:22px;height:100%;border-radius:6px;background:var(--ring-track);overflow:hidden}.round-bar-track>span{width:100%;border-radius:6px 6px 0 0;background:linear-gradient(180deg,var(--teal),var(--teal-strong));transition:height .35s ease}.round-bar.is-current .round-bar-track>span{background:linear-gradient(180deg,#f0a93a,var(--amber))}.round-bar.is-current .round-bar-value{color:var(--amber)}.round-bar-label{font-size:11px;color:var(--muted);font-variant-numeric:tabular-nums}.settings-slider{display:grid;gap:8px;padding-top:4px}.settings-slider-head{display:flex;align-items:center;justify-content:space-between;font-size:14px;font-weight:650}.settings-slider-head span{display:inline-flex;align-items:center;gap:7px}.settings-slider-head strong{color:var(--teal-dark);font-variant-numeric:tabular-nums}.settings-slider input[type=range]{width:100%}.toast-stack{position:fixed;right:18px;bottom:100px;z-index:70;display:grid;gap:10px;max-width:min(360px,calc(100vw - 36px))}.toast{display:flex;align-items:center;gap:10px;padding:12px 14px;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow-lg);color:var(--text);font-size:14px;font-weight:650;text-align:left;animation:toast-in .22s ease}.toast.is-success{border-color:color-mix(in srgb,var(--green) 40%,transparent);color:var(--green)}.toast.is-error{border-color:color-mix(in srgb,var(--red) 40%,transparent);color:var(--red)}.toast.is-info{border-color:color-mix(in srgb,var(--teal) 40%,transparent);color:var(--teal-dark)}.toast span{color:var(--text)}@keyframes toast-in{0%{opacity:0;transform:translate(16px)}to{opacity:1;transform:none}}.dictation-stage{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;min-height:252px;margin:18px 0;padding:20px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.listen-orb{position:relative;display:inline-flex;flex-direction:column;align-items:center;gap:11px;padding:0;border:0;background:transparent}.listen-orb>svg{box-sizing:content-box;padding:23px;border-radius:50%;color:#fff;background:var(--accent-grad);box-shadow:0 16px 32px #0d948866;transition:transform .15s ease,filter .15s ease}.listen-orb:hover:not(:disabled)>svg{transform:scale(1.05);filter:brightness(1.05)}.listen-orb:active:not(:disabled)>svg{transform:scale(.98)}.listen-orb:disabled{opacity:.55}.listen-orb-label{font-size:14px;font-weight:800;color:var(--teal-dark)}.listen-orb-ring{position:absolute;top:0;left:50%;width:76px;height:76px;margin-left:-38px;border-radius:50%;border:2px solid var(--teal);opacity:0;pointer-events:none}.dictation-card:not(.is-correct):not(.is-wrong) .listen-orb-ring{animation:orb-pulse 2.1s ease-out infinite}@keyframes orb-pulse{0%{transform:scale(1);opacity:.45}70%{opacity:0}to{transform:scale(1.45);opacity:0}}.stage-prompt{display:flex;flex-direction:column;align-items:center;gap:14px}.masked-dots{display:inline-flex;gap:11px}.masked-dots i{display:block;width:12px;height:12px;border-radius:50%;background:var(--line-strong);animation:dot-bounce 1.5s ease-in-out infinite}@keyframes dot-bounce{0%,to{opacity:.4;transform:translateY(0)}50%{opacity:1;transform:translateY(-4px)}}.listen-tip{margin:0;color:var(--muted);font-size:13px}.stage-result{display:flex;flex-direction:column;align-items:center;gap:10px;width:100%;max-width:560px;animation:result-lift-in .18s ease}@keyframes result-lift-in{0%{transform:translateY(6px) scale(.99)}to{transform:none}}.result-tag{display:inline-flex;align-items:center;gap:6px;padding:4px 12px;border-radius:999px;font-size:12.5px;font-weight:850}.stage-result.is-correct .result-tag{color:var(--green);background:var(--green-soft)}.stage-result.is-wrong .result-tag{color:var(--red);background:var(--red-soft)}.reveal-word{margin:2px 0 0;font-size:40px;line-height:1.12;font-weight:850;letter-spacing:-.01em;text-align:center;word-break:break-word}.reveal-word.peek{color:var(--text)}.reveal-subline{display:flex;flex-wrap:wrap;justify-content:center;gap:8px}.rsub{padding:4px 11px;border-radius:999px;font-size:13.5px}.rsub.phon{color:var(--text-soft);background:var(--surface-soft);font-family:"Cambria Math",Times New Roman,serif}.rsub.mean{color:var(--teal-dark);background:var(--teal-soft);font-weight:650}.stage-result .spell-diff{width:100%}.reveal-example{width:100%;margin-top:4px;padding:12px 14px;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface-soft);text-align:left}.ex-tag{color:var(--teal-dark);font-size:11px;font-weight:850;letter-spacing:.04em;text-transform:uppercase}.ex-sentence{margin:5px 0 2px;color:var(--text);font-size:14.5px;line-height:1.5}.ex-translation{margin:0;color:var(--muted);font-size:13px;line-height:1.5}.stage-tools{display:flex;flex-wrap:wrap;justify-content:center;gap:9px;margin-bottom:18px}.stage-tools button{display:inline-flex;align-items:center;gap:7px;min-height:36px;padding:0 13px;border:1px solid var(--line-strong);border-radius:var(--radius-sm);background:var(--surface);color:var(--text-soft);font-size:13px;font-weight:700;transition:background .15s ease,border-color .15s ease,color .15s ease}.stage-tools button:hover:not(:disabled),.stage-tools button.is-on{border-color:var(--teal);color:var(--teal-dark);background:var(--teal-soft)}.stage-tools button:disabled{opacity:.5}@media(min-width:980px){.dictation-card.is-correct .dictation-stage,.dictation-card.is-wrong .dictation-stage{display:grid;grid-template-columns:minmax(150px,220px) minmax(0,1fr);align-items:center;gap:20px clamp(24px,4vw,54px);min-height:230px;padding:18px 0}.dictation-card.is-correct .listen-orb,.dictation-card.is-wrong .listen-orb{justify-self:center}.dictation-card.is-correct .stage-result,.dictation-card.is-wrong .stage-result{align-items:stretch;max-width:none}.dictation-card.is-correct .result-tag,.dictation-card.is-wrong .result-tag{justify-self:start}.dictation-card.is-correct .reveal-word,.dictation-card.is-wrong .reveal-word{text-align:left;font-size:clamp(42px,4.8vw,64px)}.dictation-card.is-correct .reveal-subline,.dictation-card.is-wrong .reveal-subline{justify-content:flex-start}.stage-result.is-wrong{display:grid;grid-template-columns:minmax(230px,.95fr) minmax(270px,1.05fr);grid-template-areas:"tag tag" "word word" "sub sub" "diff example";align-items:start;gap:10px 14px}.stage-result.is-wrong .result-tag{grid-area:tag}.stage-result.is-wrong .reveal-word{grid-area:word}.stage-result.is-wrong .reveal-subline{grid-area:sub}.stage-result.is-wrong .spell-diff{grid-area:diff}.stage-result.is-wrong .reveal-example{grid-area:example;margin-top:0}}@media(min-width:980px){.workspace:not(.is-focus) .dictation-card.is-correct .dictation-stage,.workspace:not(.is-focus) .dictation-card.is-wrong .dictation-stage{height:auto;min-height:auto;align-items:start;overflow:visible}}.review-switch{display:inline-flex;gap:4px;padding:4px;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface-soft);justify-self:start}.review-switch button{display:inline-flex;align-items:center;gap:7px;min-height:36px;padding:0 16px;border:0;border-radius:7px;background:transparent;color:var(--muted);font-size:13.5px;font-weight:750;transition:background .15s ease,color .15s ease,box-shadow .15s ease}.review-switch button.is-active{background:var(--surface);color:var(--teal-dark);box-shadow:var(--shadow-sm)}.mistake-player{display:grid;gap:16px;padding:18px 20px;border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface);box-shadow:var(--shadow)}.player-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.player-head h3{margin:4px 0 0;font-size:18px}.player-count{color:var(--muted);font-size:13px;font-weight:700}.player-fallback{margin:0;color:var(--muted);font-size:13px;line-height:1.6}.player-stage{display:flex;align-items:center;gap:16px}.player-main{flex:0 0 auto;display:grid;place-items:center;width:64px;height:64px;border:0;border-radius:50%;color:#fff;background:var(--accent-grad);box-shadow:0 12px 26px #0d948852;transition:transform .12s ease,filter .15s ease}.player-main:hover:not(:disabled){filter:brightness(1.06);transform:scale(1.04)}.player-main.is-playing{background:linear-gradient(135deg,#ef9d34,var(--amber));box-shadow:0 12px 26px #d9770652}.player-info{flex:1;min-width:0;display:grid;grid-template-columns:1fr auto;grid-template-areas:"label count" "bar bar";align-items:center;gap:6px 10px}.player-info strong{grid-area:label;font-size:15px}.player-counter{grid-area:count;color:var(--muted);font-size:13px;font-variant-numeric:tabular-nums}.player-progress{grid-area:bar;height:7px;overflow:hidden;border-radius:999px;background:var(--ring-track)}.player-progress>div{height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--teal),var(--teal-strong));transition:width .3s ease}.player-stop{flex:0 0 auto;display:grid;place-items:center;width:42px;height:42px;border:1px solid var(--line-strong);border-radius:50%;background:var(--surface);color:var(--muted);transition:color .15s ease,border-color .15s ease}.player-stop:hover:not(:disabled){color:var(--red);border-color:color-mix(in srgb,var(--red) 40%,transparent)}.player-stop:disabled{opacity:.5}.player-answer-card{display:grid;gap:12px;padding:14px;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface-soft)}.player-answer-card.is-correct{border-color:color-mix(in srgb,var(--green) 36%,var(--line));background:color-mix(in srgb,var(--green) 8%,var(--surface))}.player-answer-card.is-wrong{border-color:color-mix(in srgb,var(--red) 34%,var(--line));background:color-mix(in srgb,var(--red) 7%,var(--surface))}.player-answer-field{display:grid;gap:8px}.player-answer-field>span{color:var(--muted);font-size:12.5px;font-weight:750}.player-answer-field input{width:100%;height:44px;padding:0 13px;border:1px solid var(--line-strong);border-radius:var(--radius-sm);outline:0;background:var(--surface);color:var(--text);font-size:17px;font-weight:750;transition:border-color .16s ease,box-shadow .16s ease}.player-answer-field input:focus{border-color:var(--teal);box-shadow:0 0 0 3px #0d948824}.player-answer-field.is-warn input{border-color:color-mix(in srgb,var(--red) 60%,var(--line))}.player-result{display:grid;gap:7px;padding:12px;border-radius:var(--radius-sm);background:var(--surface)}.player-result strong{font-size:22px;line-height:1.15}.player-result small{color:var(--muted);font-size:13px}.player-result p{margin:0;color:var(--text);font-size:13px;line-height:1.55}.player-result p span{display:block;margin-top:3px;color:var(--muted)}.player-answer-actions{display:flex;flex-wrap:wrap;gap:10px}.player-answer-actions button{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:38px;padding:0 13px;border:1px solid var(--line-strong);border-radius:var(--radius-sm);background:var(--surface);color:var(--text);font-size:13px;font-weight:750}.player-answer-actions button:hover:not(:disabled){border-color:var(--teal);color:var(--teal-dark);background:var(--teal-soft)}.player-options{display:flex;flex-wrap:wrap;align-items:center;gap:10px}.player-opt{display:inline-flex;align-items:center;gap:7px;min-height:38px;padding:0 12px;border:1px solid var(--line-strong);border-radius:var(--radius-sm);background:var(--surface);color:var(--muted);font-size:13px;font-weight:700}.player-opt select{border:0;outline:0;background:transparent;color:var(--text);font-weight:750}.player-order{display:inline-flex;gap:4px;padding:4px;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface-soft)}.player-order button{display:inline-flex;align-items:center;gap:6px;min-height:30px;padding:0 12px;border:0;border-radius:7px;background:transparent;color:var(--muted);font-size:13px;font-weight:750}.player-order button.is-active{background:var(--surface);color:var(--teal-dark);box-shadow:var(--shadow-sm)}.player-order button:disabled{opacity:.5;cursor:not-allowed}.player-hint{margin:0;color:var(--muted);font-size:12.5px;line-height:1.55}.focus-rail{pointer-events:none}.focus-rail-button{position:fixed;top:calc(50vh - 34px);z-index:24;display:inline-flex;align-items:center;gap:7px;min-height:48px;padding:0 12px;border:1px solid color-mix(in srgb,var(--teal) 34%,var(--line));background:color-mix(in srgb,var(--surface) 90%,transparent);color:var(--teal-dark);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);pointer-events:auto;font-size:13px;font-weight:850;transition:transform .18s ease,background .18s ease,box-shadow .18s ease}.focus-rail-button:hover{background:var(--teal-soft);box-shadow:var(--shadow-lg)}.focus-rail-button.is-left{left:0;border-left:0;border-radius:0 999px 999px 0}.focus-rail-button.is-left:hover{transform:translate(3px)}.focus-rail-button.is-right{right:0;border-right:0;border-radius:999px 0 0 999px}.focus-rail-button.is-right:hover{transform:translate(-3px)}@media(min-width:1101px){.workspace.is-focus{grid-template-columns:minmax(0,1fr);width:100%;max-width:1480px;margin:0 auto}.workspace.is-focus .practice{width:min(100%,1280px);margin:0 auto;padding:clamp(12px,1.8vh,20px) clamp(24px,3vw,46px)}.workspace.is-focus .practice-header{align-items:center;gap:clamp(8px,1.3vh,14px) 18px}.workspace.is-focus .panel-label{display:none}.workspace.is-focus .practice-header h2{font-size:clamp(22px,3vh,30px);line-height:1.12}.workspace.is-focus .progress-line{margin-top:8px}.workspace.is-focus .chapter-audio-strip{min-height:48px;padding:8px 12px;box-shadow:none}.workspace.is-focus .dictation-card{height:100%;max-height:100%;min-height:0;padding:clamp(14px,2vh,20px) clamp(18px,2.5vw,28px)}.workspace.is-focus .dictation-card.is-correct,.workspace.is-focus .dictation-card.is-wrong{grid-template-rows:auto minmax(0,1fr) auto auto}.workspace.is-focus .prompt-meta span{padding:4px 10px}.workspace.is-focus .dictation-stage{min-height:0;margin:clamp(8px,1.2vh,12px) 0;padding:clamp(8px,1.5vh,14px) 0;gap:clamp(10px,1.5vh,16px);overflow:hidden}.workspace.is-focus .dictation-card.is-correct .dictation-stage,.workspace.is-focus .dictation-card.is-wrong .dictation-stage{grid-template-columns:minmax(92px,150px) minmax(0,1fr);gap:clamp(14px,2.4vw,34px);align-content:center}.workspace.is-focus .listen-orb>svg{padding:clamp(16px,2.8vh,23px)}.workspace.is-focus .dictation-card.is-correct .listen-orb-label,.workspace.is-focus .dictation-card.is-wrong .listen-orb-label{display:none}.workspace.is-focus .stage-tools{margin-bottom:clamp(6px,1vh,10px)}.workspace.is-focus .stage-tools button{min-height:34px;padding:0 12px}.workspace.is-focus .answer-field{gap:6px}.workspace.is-focus .answer-field input{min-height:clamp(44px,6vh,54px);font-size:clamp(16px,2.2vh,20px)}.workspace.is-focus .dictation-card.is-correct .answer-field,.workspace.is-focus .dictation-card.is-wrong .answer-field{display:none}.workspace.is-focus .dictation-card.is-correct .dictation-actions,.workspace.is-focus .dictation-card.is-wrong .dictation-actions{position:static;bottom:auto;margin-top:clamp(6px,1vh,10px);padding:8px}.workspace.is-focus .secondary-button,.workspace.is-focus .primary-button{min-height:clamp(40px,5.4vh,48px)}.workspace.is-focus .reveal-word{font-size:clamp(34px,6vh,58px)}.workspace.is-focus .stage-result{min-width:0;max-height:100%;overflow:hidden}.workspace.is-focus .stage-result.is-wrong{grid-template-columns:minmax(210px,.9fr) minmax(260px,1fr);min-width:0}.workspace.is-focus .reveal-subline{gap:6px}.workspace.is-focus .rsub{padding:3px 10px;font-size:13px}.workspace.is-focus .spell-diff{padding:10px 12px;gap:5px;min-width:0;overflow:hidden}.workspace.is-focus .spell-chars{font-size:16px}.workspace.is-focus .reveal-example{padding:10px 12px;min-width:0;overflow:hidden}.workspace.is-focus .ex-sentence,.workspace.is-focus .ex-translation{line-height:1.35}.workspace.is-focus .ex-sentence{font-size:13.5px}.workspace.is-focus .ex-translation{font-size:12.5px}.workspace.is-focus .sidebar,.workspace.is-focus .insights{position:fixed;top:var(--topbar-h);bottom:var(--dock-h);z-index:46;height:auto;min-height:0;box-shadow:var(--shadow-lg);transition:transform .24s ease}.workspace.is-focus .sidebar{left:0;width:min(348px,88vw);transform:translate(-104%)}.workspace.is-focus .sidebar.is-open{transform:none}.workspace.is-focus .insights{right:0;width:min(374px,88vw);border-right:0;border-left:1px solid var(--line);transform:translate(104%)}.workspace.is-focus.insights-open .insights{transform:none}.workspace.is-focus .sidebar-backdrop{display:block;position:fixed;top:var(--topbar-h);right:0;bottom:var(--dock-h);left:0;z-index:44;border:0;background:#0f172a57;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}}@media(min-width:1101px)and (max-height:820px){:root{--dock-h: 76px}.brand p,.workspace.is-focus .chapter-audio-strip{display:none}.workspace.is-focus .practice{padding-top:10px;padding-bottom:10px}.workspace.is-focus .practice-header{gap:8px 16px}.workspace.is-focus .dictation-card{padding-top:13px;padding-bottom:13px}.workspace.is-focus .dictation-stage{margin:7px 0;padding:8px 0}.workspace.is-focus .stage-result.is-wrong{gap:7px 12px}.workspace.is-focus .spell-diff,.workspace.is-focus .reveal-example{max-height:78px}}@media(max-width:1380px){.workspace{grid-template-columns:260px minmax(0,1fr)}.workspace:not(.is-focus) .insights{display:none}.workspace:not(.is-focus) .dictation-card.is-correct .answer-field,.workspace:not(.is-focus) .dictation-card.is-wrong .answer-field{display:none}.audio-dock{grid-template-columns:minmax(170px,.85fr) 130px minmax(180px,1fr) auto auto}.volume-control,.loop-toggle{display:none}}@media(max-width:1100px){.workspace{height:calc(100vh - var(--topbar-h) - var(--mobile-toggle-h) - var(--dock-h))}.focus-rail{display:none}.mobile-section-toggle{display:flex}.workspace{display:block}.sidebar{position:fixed;top:0;left:0;z-index:45;width:min(320px,86vw);height:100vh;min-height:0;border:0;border-right:1px solid var(--line);box-shadow:var(--shadow-lg);transform:translate(-104%);transition:transform .24s ease}.sidebar.is-open{transform:none}.sidebar-backdrop{display:block;position:fixed;inset:0;z-index:44;border:0;background:#0f172a73}.sidebar-close{display:grid}.section-list{flex:1}.insights{display:none}.practice{height:100%;min-height:0;padding:20px 16px}.practice-header{grid-template-columns:1fr;gap:12px}.practice-controls{justify-content:flex-start}.chapter-audio-strip{align-items:stretch;flex-direction:column}.chapter-audio-strip .play-chapter-button,.audio-card-action{width:100%}.mistake-audio-panel,.mistake-row{grid-template-columns:1fr}.mistake-row{gap:8px}.mistake-sec,.mistake-row em{justify-self:start}.mistake-row-actions{justify-content:flex-start}}@media(max-width:840px){:root{--dock-h: 112px}.topbar{padding:0 14px}.practice{gap:10px;padding:12px}.panel-label,.chapter-audio-strip{display:none}.practice-header h2{font-size:clamp(18px,5vw,22px);line-height:1.18}.progress-line{gap:8px;margin-top:8px;font-size:12.5px}.practice-controls{gap:8px}.round-picker,.position-chip{min-height:34px}.button-label{display:none}.user-chip{max-width:120px;padding:0 9px}.icon-text-button{width:38px;padding:0}.prompt-word h3{font-size:34px}.dictation-card{height:100%;max-height:100%;padding:14px}.prompt-meta{gap:7px}.prompt-meta span{padding:4px 8px;font-size:12px}.bookmark-button{width:32px;height:32px}.dictation-stage{min-height:0;margin:8px 0;padding:8px 0;gap:10px;overflow:hidden}.listen-orb{gap:8px}.listen-orb>svg{padding:15px}.listen-orb-label,.listen-tip{font-size:12.5px}.stage-tools{gap:7px;margin-bottom:8px}.stage-tools button{min-height:32px;padding:0 10px;font-size:12.5px}.answer-field{gap:6px}.answer-field>span:first-child,.field-hint{font-size:12px}.answer-field input{min-height:44px;font-size:16px}.dictation-actions,.dictation-actions.is-review{grid-template-columns:1fr 1fr;gap:8px;margin-top:8px}.dictation-card.is-correct .dictation-actions,.dictation-card.is-wrong .dictation-actions{position:static;bottom:auto;padding:8px}.dictation-card.is-correct .answer-field,.dictation-card.is-wrong .answer-field{display:none}.secondary-button,.primary-button{min-height:40px;padding:0 10px}.stage-result{gap:7px}.reveal-word{font-size:clamp(30px,9vw,38px)}.rsub{padding:3px 9px;font-size:12.5px}.spell-diff{padding:10px}.spell-chars{font-size:15px}.reveal-example{padding:10px}.ex-sentence,.ex-translation{line-height:1.35}.ex-sentence{font-size:13px}.ex-translation{font-size:12px}.audio-dock{grid-template-columns:1fr auto;grid-template-areas:"title transport" "timeline timeline";height:auto;padding:12px 14px;gap:10px 14px}.app-shell{padding-bottom:var(--dock-h)}.dock-title{grid-area:title}.transport{grid-area:transport}.timeline{grid-area:timeline}.compact-select,.ab-loop{display:none}.section-summary{grid-template-columns:auto 1fr}.summary-actions{grid-column:1 / -1;justify-content:flex-start}.toast-stack{right:14px;bottom:16px;left:14px;max-width:none}}@media(max-width:560px){.brand-copy{display:none}.spell-row{grid-template-columns:1fr;gap:2px}.topbar{gap:10px;overflow:hidden}.top-actions{flex:1;gap:6px;overflow-x:auto;scrollbar-width:none}.top-actions::-webkit-scrollbar{display:none}.user-chip{width:38px;padding:0;justify-content:center}.user-chip span{display:none}.accuracy-block{grid-template-columns:1fr;justify-items:center;text-align:center}.accuracy-block dl{width:100%}.overview-chips{grid-template-columns:1fr 1fr 1fr}.dictation-card{padding:12px}.prompt-word h3{font-size:30px}.dictation-actions,.dictation-actions.is-review{grid-template-columns:1fr 1fr}.player-stage{align-items:stretch;flex-direction:column}.player-main{width:58px;height:58px}.player-stop{width:100%;border-radius:var(--radius-sm)}.player-answer-actions{display:grid;grid-template-columns:1fr 1fr}}@media(max-width:390px){.practice{padding:10px}.prompt-actions button{flex:1 1 calc(50% - 9px);justify-content:center}}@media(prefers-reduced-motion:reduce){*{animation-duration:.001ms!important;transition-duration:.001ms!important}}