@property --sidebar-current-width{syntax: "<length>"; inherits: true; initial-value: 224px;}:root{--brand-500: #6D5DF6;--brand-600: #5848D8;--brand-on-dark: #8B7DFF;--brand: var(--brand-500);--brand-soft: #F1EFFF;--purple-main: var(--brand-500);--purple-deep: var(--brand-600);--purple-bg: #F1EFFF;--purple-border: #E6E8F0;--primary: var(--brand-500);--primary-light: var(--brand-500);--primary-dark: var(--brand-600);--primary-hover: var(--brand-600);--secondary: #F472B6;--accent: #F59E0B;--danger: #EF4444;--danger-soft: rgba(239, 68, 68, .08);--danger-text: #DC2626;--warning: #F59E0B;--success: #10B981;--success-text: #047857;--bg-app: #F7F8FB;--bg-page: var(--bg-app);--bg-card: #FFFFFF;--bg-card-soft: #F8FAFC;--bg-hover: #F2F4F7;--bg-active: rgba(109, 93, 246, .08);--bg-sidebar: #F8FAFC;--bg-elevated: #FFFFFF;--shell-canvas: #F7F8FB;--shell-panel: #F8FAFC;--surface-raised: #FFFFFF;--surface-subtle: #F8FAFC;--surface-page: var(--bg-app);--surface-panel: var(--bg-card);--surface-sunken: #F2F4F7;--surface-hover: var(--bg-hover);--highlight-bg: #F1EFFF;--skeleton-from: #EEF2F6;--skeleton-to: #F8FAFC;--sidebar-hairline: rgba(15, 23, 42, .08);--sidebar-shadow: 0 1px 2px rgba(15, 23, 42, .04), 0 10px 28px -16px rgba(15, 23, 42, .16), inset 0 1px 0 rgba(255, 255, 255, .95);--text-primary: #101828;--text-secondary: #344054;--text-muted: #556070;--text-faint: #667085;--text-brand: var(--purple-deep);--border: #E6E8F0;--border-light: #EEF0F5;--border-subtle: #EAECF0;--border-normal: #D0D5DD;--border-active: rgba(109, 93, 246, .32);--border-hover: color-mix(in srgb, var(--brand-500) 32%, var(--border));--line: #E6E8F0;--line-strong: #D0D5DD;--line-soft: rgba(102, 112, 133, .14);--surface-line: rgba(102, 112, 133, .12);--action-primary-bg: var(--brand-500);--action-primary-hover: var(--brand-600);--action-primary-fg: #FFFFFF;--action-disabled-bg: var(--surface-sunken);--action-disabled-fg: var(--text-faint);--select-bg: rgba(109, 93, 246, .1);--select-fg: var(--text-brand);--fb-understood: #047857;--fb-understood-bg: #ECFDF5;--fb-familiar: #A16207;--fb-familiar-bg: #FEF6DC;--fb-unfamiliar: #B91C1C;--fb-unfamiliar-bg: #FEEEEC;--chart-bar: var(--brand-500);--chart-track: #EEF0F5;--on-brand: #FFFFFF;--surface-inverse: #101828;--shadow-soft: 0 1px 2px rgba(15, 23, 42, .04);--shadow-hover: 0 16px 36px -30px rgba(16, 24, 40, .26);--shadow-card: 0 1px 2px rgba(16, 24, 40, .04);--shadow-control: 0 1px 2px rgba(16, 24, 40, .08);--shadow-dialog: 0 24px 64px -24px rgba(16, 24, 40, .32);--overlay: rgba(15, 23, 42, .36);--focus-ring: 0 0 0 3px rgba(92, 80, 216, .13);--radius-sm: 8px;--radius: 10px;--radius-lg: 14px;--radius-page: 18px;--radius-card: 14px;--radius-nav: 10px;--radius-full: 9999px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--fs-xs: 12px;--fs-sm: 13px;--fs-base: 14px;--fs-md: 15px;--fs-lg: 16px;--fs-xl: 18px;--fs-2xl: 22px;--fs-3xl: 28px;--fs-display: clamp(64px, 5.6vw, 88px);--lh-tight: 1.3;--lh-base: 1.6;--lh-reading: 1.75;--control-h-sm: 32px;--control-h: 40px;--control-h-lg: 44px;--listen-serif: "Source Serif 4", "Iowan Old Style", "Palatino Linotype", "Book Antiqua", Georgia, serif;--listen-ui-sans: "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", sans-serif;--listen-mono: "IBM Plex Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;--font-figure: var(--listen-serif);--fw-body: 400;--fw-secondary: 500;--fw-emphasis: 600;--fw-title: 700;--fw-display: 700;--transition: color .18s cubic-bezier(.4, 0, .2, 1), background-color .18s cubic-bezier(.4, 0, .2, 1), background .18s cubic-bezier(.4, 0, .2, 1), border-color .18s cubic-bezier(.4, 0, .2, 1), opacity .18s cubic-bezier(.4, 0, .2, 1);--sidebar-width: 224px;--sidebar-frame: 12px;--sidebar-collapsed-width: 72px;--sidebar-current-width: 224px;--sidebar-collapse-duration: .28s;--sidebar-collapse-ease: cubic-bezier(.22, 1, .36, 1);--sidebar-radius: 14px;--page-max-dashboard: 1320px;--page-max-content: 1320px;--page-max-player: 1640px;--page-padding-x: 32px;--safe-area-top: env(safe-area-inset-top, 0px);--safe-area-right: env(safe-area-inset-right, 0px);--safe-area-bottom: env(safe-area-inset-bottom, 0px);--safe-area-left: env(safe-area-inset-left, 0px)}:root{--section-gap: 32px}@media (max-width: 640px){:root{--fs-xs: 13px;--fs-sm: 14px;--fs-base: 15px;--fs-md: 16px;--fs-xl: 17px;--fs-2xl: 20px;--fs-3xl: 24px;--fs-display: 60px;--section-gap: 24px}}html.dark-mode{color-scheme:dark;--brand: var(--brand-500);--brand-soft: rgba(109, 93, 246, .16);--primary: var(--brand-on-dark);--primary-light: #9B93F0;--primary-dark: var(--brand-600);--primary-hover: #7C6FF0;--secondary: #F18AB8;--accent: #F6C35B;--danger: #F87171;--danger-soft: rgba(248, 113, 113, .14);--danger-text: #F87171;--warning: #FBBF24;--success: #34D399;--success-text: #34D399;--bg-app: #0C1220;--bg-page: #0C1220;--bg-card: #181F2E;--bg-card-soft: #1E293C;--bg-hover: rgba(255, 255, 255, .04);--bg-active: rgba(109, 93, 246, .14);--bg-sidebar: #0E1524;--bg-elevated: #181F2E;--shell-canvas: #070B14;--shell-panel: #101826;--surface-raised: #181F2E;--surface-subtle: #121826;--surface-sunken: #111827;--surface-hover: rgba(255, 255, 255, .06);--highlight-bg: rgba(109, 93, 246, .14);--skeleton-from: #1A2436;--skeleton-to: #2C3A52;--sidebar-hairline: rgba(148, 163, 184, .16);--sidebar-shadow: 0 2px 10px rgba(0, 0, 0, .28), inset 0 1px 0 rgba(255, 255, 255, .04);--text-primary: #E8EEF7;--text-secondary: #B4C0D3;--text-muted: #94A3B8;--text-faint: #8A95A9;--text-brand: #A79CFF;--border: #2A3548;--border-light: rgba(148, 163, 184, .2);--border-subtle: rgba(148, 163, 184, .2);--border-normal: #2A3548;--border-active: rgba(109, 93, 246, .38);--line: rgba(148, 163, 184, .16);--line-strong: rgba(148, 163, 184, .3);--line-soft: rgba(148, 163, 184, .16);--action-primary-bg: var(--brand-500);--action-primary-hover: #7B6CF8;--select-bg: rgba(139, 125, 255, .16);--fb-understood: #6EE7B7;--fb-understood-bg: rgba(52, 211, 153, .15);--fb-familiar: #FCD34D;--fb-familiar-bg: rgba(251, 191, 36, .15);--fb-unfamiliar: #FCA5A5;--fb-unfamiliar-bg: rgba(248, 113, 113, .15);--chart-bar: var(--brand-on-dark);--chart-track: rgba(148, 163, 184, .12);--surface-inverse: #070B14;--shadow-soft: 0 16px 36px -28px rgba(0, 0, 0, .78);--shadow-hover: 0 22px 52px -30px rgba(0, 0, 0, .86);--shadow-card: none;--shadow-control: 0 1px 2px rgba(0, 0, 0, .4);--shadow-dialog: 0 24px 64px -16px rgba(0, 0, 0, .6);--overlay: rgba(0, 0, 0, .58);--focus-ring: 0 0 0 3px rgba(109, 93, 246, .2)}html.dark-mode .sidebar{background:var(--bg-sidebar);border-color:#94a3b82e}html.dark-mode .menu-toggle,html.dark-mode .toast,html.dark-mode .dialog-container,html.dark-mode .modal-container,html.dark-mode .transcript-container{background-color:var(--bg-card);border-color:var(--border)}html.dark-mode .brand-title{color:var(--text-primary)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--listen-ui-sans);background-color:var(--bg-app);color:var(--text-primary);line-height:1.7;overflow-x:hidden}a:not([class]){color:var(--text-brand)}:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.main-body{min-height:100vh}body{--sidebar-offset: calc(var(--sidebar-current-width) + var(--sidebar-frame) * 2);--main-remaining: calc(100% - var(--sidebar-offset) - var(--sidebar-frame));--main-panel-width: min(var(--page-max-content), var(--main-remaining));--main-panel-left: calc(var(--sidebar-offset) + max(0px, (var(--main-remaining) - var(--main-panel-width)) / 2));--player-panel-width: min(var(--page-max-player), var(--main-remaining));--player-panel-left: calc(var(--sidebar-offset) + max(0px, (var(--main-remaining) - var(--player-panel-width)) / 2));transition:--sidebar-current-width var(--sidebar-collapse-duration, .28s) var(--sidebar-collapse-ease, cubic-bezier(.22, 1, .36, 1))}.app-container{--sidebar-offset: calc(var(--sidebar-current-width) + var(--sidebar-frame) * 2);--main-remaining: calc(100% - var(--sidebar-offset) - var(--sidebar-frame));--main-panel-width: min(var(--page-max-content), var(--main-remaining));--main-panel-left: calc(var(--sidebar-offset) + max(0px, (var(--main-remaining) - var(--main-panel-width)) / 2));--player-panel-width: min(var(--page-max-player), var(--main-remaining));--player-panel-left: calc(var(--sidebar-offset) + max(0px, (var(--main-remaining) - var(--player-panel-width)) / 2));display:flex;min-height:100dvh;background:var(--shell-canvas, var(--bg-app, #F7F8FB))}.sidebar{width:var(--sidebar-current-width, var(--sidebar-width));background:var(--shell-panel, var(--bg-sidebar, #F8FAFC));display:flex;flex-direction:column;position:fixed;left:var(--sidebar-frame);top:var(--sidebar-frame);bottom:var(--sidebar-frame);height:calc(100dvh - var(--sidebar-frame) * 2);max-height:calc(100dvh - var(--sidebar-frame) * 2);min-height:0;z-index:100;overflow:hidden;overscroll-behavior:contain;border:1px solid var(--sidebar-hairline, rgba(0, 0, 0, .08));border-radius:var(--sidebar-radius, 14px);box-shadow:var(--sidebar-shadow)}.sidebar-header{min-height:66px;padding:10px;flex:0 0 auto;display:flex;align-items:center;gap:4px}.sidebar-header-expanded{display:flex;align-items:center;flex-wrap:nowrap;gap:8px;width:100%;min-width:0}.sidebar-collapse-toggle,.sidebar-rail-brand{display:none}.sidebar-header-expanded .brand-logo{min-width:0;flex:1 1 auto}.theme-toggle{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;margin-left:auto;padding:0;border:0;border-radius:8px;background:transparent;color:var(--text-muted);-moz-appearance:none;appearance:none;-webkit-appearance:none;cursor:pointer;touch-action:manipulation}.theme-toggle:focus-visible{outline:none;box-shadow:var(--focus-ring, 0 0 0 3px rgba(109, 93, 246, .2))}@media (hover: hover){.theme-toggle:hover{background:var(--surface-hover, #F2F4F7);color:var(--text-primary)}}@media (prefers-reduced-motion: reduce){body{transition:none}}.brand-logo{display:flex;align-items:center;gap:12px;text-decoration:none}.brand-icon-cute{position:relative;display:flex;justify-content:center;align-items:center;background:var(--brand-500, #6D5DF6);color:#fff;flex-shrink:0;box-shadow:none}.brand-wave-mark{display:block;color:#fff}.brand-text{display:flex;flex-direction:column;justify-content:center;min-width:0}.brand-title{font-family:var(--listen-ui-sans);font-size:16px;font-weight:var(--fw-title);color:var(--text-primary, #101828);letter-spacing:0;line-height:1.15}.brand-subtitle{font-family:"Space Grotesk",var(--listen-ui-sans);font-size:11px;font-weight:var(--fw-emphasis);color:var(--brand-600, #5848D8);letter-spacing:.14em;line-height:1.25;margin-top:2px;margin-right:-.14em}.brand-logo--icon .brand-text,.brand-logo--wordmark .brand-icon-cute{display:none}.sidebar-nav{flex:1;min-height:0;padding:0 0 8px;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:rgba(148,163,184,.45) transparent;scrollbar-gutter:stable}.sidebar-nav::-webkit-scrollbar{display:block;width:6px}.sidebar-nav::-webkit-scrollbar-track{background:transparent}.sidebar-nav::-webkit-scrollbar-thumb{border-radius:999px;background:#94a3b852}.nav-section{margin-bottom:1px}.nav-group-label{margin:var(--space-4) 12px var(--space-1);overflow:hidden;color:var(--text-muted);font-family:var(--listen-ui-sans);font-size:var(--fs-xs);font-weight:var(--fw-secondary);letter-spacing:0;line-height:20px;white-space:nowrap}.sidebar-nav>.nav-group-label:first-of-type{margin-top:var(--space-1)}.sidebar-footer{flex:0 0 auto;z-index:2;padding:var(--space-2) 0;border-top:1px solid var(--line);background:var(--bg-sidebar)}.sidebar-footer .nav-group-label{margin-top:var(--space-1)}@media (max-width: 768px){.sidebar-footer{padding:var(--space-2) 10px}.nav-group-label{margin:var(--space-3) 6px 2px}}.nav-static-title{cursor:default}.nav-item{display:flex;align-items:center;gap:8px;padding:6px 8px;color:var(--text-secondary);text-decoration:none;border-radius:var(--radius-nav);transition:var(--transition);margin-bottom:0;position:relative;background:transparent;border:1px solid transparent;box-shadow:none}button.nav-item{width:100%;font:inherit;text-align:left;cursor:pointer}.nav-item.active{background:var(--select-bg);color:var(--select-fg)}.nav-item-icon-wrap{width:24px;height:24px;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;background:transparent;color:var(--text-muted);transition:color .16s ease}.nav-item.active .nav-item-icon-wrap{color:var(--select-fg)}@media (hover: hover){.nav-item:not(.active):not(.nav-static-title):hover{background:var(--surface-hover);color:var(--text-primary)}.nav-item:not(.active):hover .nav-item-icon-wrap{color:var(--text-secondary)}.nav-item:not(.active):hover .nav-item-title{color:var(--text-primary)}}.nav-item-content{display:flex;flex-direction:column;gap:4px;min-width:0;flex:1}.nav-item-title small{margin-left:4px;color:var(--text-muted);font-size:.75em;font-weight:var(--fw-emphasis)}.sidebar .nav-item-title{display:flex;align-items:baseline;gap:6px}.sidebar .nav-item-title small{margin-left:auto;font-weight:var(--fw-secondary)}.sidebar .nav-item.active .nav-item-title{font-weight:var(--fw-emphasis)}.nav-item-title{font-size:.94rem;font-weight:var(--fw-secondary);color:var(--text-secondary);line-height:1.35}.nav-item.active .nav-item-title{color:var(--select-fg)}@keyframes nav-eq{0%,to{transform:scaleY(.65);opacity:.65}50%{transform:scaleY(1);opacity:1}}.nav-icon{width:18px;height:18px;flex-shrink:0}body.sidebar-collapsed,body:has(.sidebar.is-collapsed){--sidebar-current-width: var(--sidebar-collapsed-width)}body.sidebar-collapsed .floating-action-bar{opacity:1;pointer-events:auto}body.player-page-active.player-mode-immersive .sidebar{transform:none;width:var(--sidebar-current-width)}body.player-page-active.player-mode-immersive .sidebar:after{width:auto}@media (max-width: 1024px){.main-content,.main-content.review-page,.main-content.error-prone-page,.main-content.exam-select-page,.main-content.buddy-page,.main-content.learning-records-page,.main-content.wordbook-page,.main-content.player-page-content{margin:0;flex:1 1 auto;width:100%;max-width:100vw;min-height:100vh;border:none;border-radius:0;box-shadow:none}.sidebar-header{flex-wrap:nowrap}.sidebar-header-expanded{display:flex!important;flex-wrap:nowrap;opacity:1!important;width:100%;pointer-events:auto}.sidebar-header .brand-text{opacity:1!important;max-width:none!important}.sidebar-collapse-toggle,.sidebar-rail-brand{display:none!important;width:0!important;height:0!important;margin:0!important;padding:0!important;overflow:hidden!important;pointer-events:none!important}.sidebar-header .theme-toggle{margin-left:auto;flex:0 0 auto}}.main-content{padding:30px clamp(24px,4vw,48px)}@media (min-width: 1025px) and (max-width: 1200px){.main-content{padding-left:clamp(20px,2.4vw,32px);padding-right:clamp(20px,2.4vw,32px)}}@media (max-width: 1024px){.main-content:not(.player-page-content){padding:calc(20px + var(--safe-area-top)) calc(24px + var(--safe-area-right)) calc(24px + var(--safe-area-bottom)) calc(24px + var(--safe-area-left))}}@media (max-width: 640px){.main-content:not(.player-page-content){padding:calc(12px + var(--safe-area-top)) calc(16px + var(--safe-area-right)) calc(32px + var(--safe-area-bottom)) calc(16px + var(--safe-area-left))}}.main-content{margin-top:var(--sidebar-frame);margin-right:var(--sidebar-frame);margin-bottom:var(--sidebar-frame);margin-left:var(--main-panel-left);flex:0 0 var(--main-panel-width);width:var(--main-panel-width);min-height:calc(100dvh - var(--sidebar-frame) * 2);max-width:var(--main-panel-width);overflow:visible;background:transparent;border:0;border-radius:0;box-shadow:none}.main-content:not(.player-page-content) .route-main-view{width:min(980px,100%);margin-inline:auto}.main-content:not(.player-page-content) .content-header{width:min(980px,100%);margin-inline:auto}.content-header{display:flex;align-items:center;gap:var(--space-3);min-height:52px;margin-bottom:var(--space-6)}.menu-toggle{display:inline-flex;flex:none;align-items:center;justify-content:center;width:var(--control-h);height:var(--control-h);padding:0;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface-panel);color:var(--text-secondary);cursor:pointer;transition:var(--transition)}.menu-toggle:hover{background:var(--surface-hover);color:var(--text-primary)}.menu-toggle:focus-visible{outline:none;box-shadow:var(--focus-ring)}.menu-toggle svg{width:18px;height:18px}.page-masthead{display:flex;flex:1 1 auto;flex-wrap:nowrap;align-items:center;justify-content:space-between;gap:var(--space-6);min-width:0;min-height:44px}.page-masthead-title{display:flex;flex:1 1 auto;flex-wrap:wrap;align-items:baseline;gap:2px 11px;min-width:0}.page-masthead-eyebrow{color:var(--text-muted);font-size:.64rem;font-weight:var(--fw-secondary);letter-spacing:.13em;line-height:1;text-transform:uppercase;white-space:nowrap}.page-masthead .page-title{margin:0;min-width:0;color:var(--text-primary);font-size:clamp(1.4rem,1.24rem + .42vw,1.72rem);font-weight:var(--fw-title);letter-spacing:-.035em;line-height:1.2}.page-masthead-meta{margin:0;color:var(--text-muted);font-size:var(--fs-xs);font-weight:var(--fw-secondary);font-variant-numeric:tabular-nums;line-height:1.4;white-space:nowrap}.page-masthead-actions{display:flex;flex:none;flex-wrap:nowrap;align-items:center;gap:var(--space-2);margin-left:auto}.page-masthead-actions:not(:has(a,button)){display:none}.page-masthead-actions>*{animation:masthead-action-in .18s ease}@media (prefers-reduced-motion: reduce){.page-masthead-actions>*{animation:none}}.content-header:has(.page-masthead[data-tone=quiet]){min-height:0;margin-bottom:var(--space-4)}@media (max-width: 1024px){.page-masthead{gap:var(--space-3)}.page-masthead-eyebrow{display:none}.page-masthead .page-title{overflow:hidden;font-size:1.28rem;text-overflow:ellipsis;white-space:nowrap}.page-masthead-meta{overflow:hidden;width:100%;text-overflow:ellipsis}}@media (max-width: 768px){.content-header{min-height:0;margin-bottom:var(--space-4)}}@media (min-width: 1025px){.menu-toggle{display:none}}:root{--mobile-tabbar-h: 56px}.mobile-back,.ui-seg.exam-level-switch{display:none}@media (max-width: 768px){.sidebar,.sidebar-overlay,.menu-toggle{display:none!important}.ui-seg.exam-level-switch{display:inline-flex}.desktop-back-link{display:none!important}.main-content:not(.player-page-content) .content-header{position:sticky;top:0;z-index:30;width:auto;min-height:calc(56px + var(--safe-area-top));margin:calc(-1 * (20px + var(--safe-area-top))) calc(-1 * (24px + var(--safe-area-right))) var(--space-4) calc(-1 * (24px + var(--safe-area-left)));padding:calc(6px + var(--safe-area-top)) calc(24px + var(--safe-area-right)) 6px calc(24px + var(--safe-area-left));background:var(--bg-app);box-shadow:0 1px 0 var(--line)}.mobile-back{display:inline-flex;flex:none;align-items:center;justify-content:center;width:44px;height:44px;margin-left:-12px;padding:0;border:0;border-radius:var(--radius-full);background:transparent;color:var(--text-primary);cursor:pointer;-webkit-tap-highlight-color:transparent}.mobile-back:active{background:var(--surface-hover)}.mobile-back:focus-visible{outline:none;box-shadow:var(--focus-ring)}.page-masthead .page-title{font-size:1.5rem}body.is-mobile-child .page-masthead .page-title{font-size:1.125rem}body.has-mobile-tabbar .main-content:not(.player-page-content){padding-bottom:calc(var(--mobile-tabbar-h) + var(--safe-area-bottom) + var(--space-8))}body.has-mobile-tabbar{--toast-lift: var(--mobile-tabbar-h)}}@media (max-width: 640px){.main-content:not(.player-page-content) .content-header{margin:calc(-1 * (12px + var(--safe-area-top))) calc(-1 * (16px + var(--safe-area-right))) var(--space-4) calc(-1 * (16px + var(--safe-area-left)));padding:calc(6px + var(--safe-area-top)) calc(16px + var(--safe-area-right)) 6px calc(16px + var(--safe-area-left))}}.main-content.player-page-content{height:calc(100dvh - var(--sidebar-frame) * 2);overflow-y:hidden}.page-title{display:flex;align-items:center;gap:8px}.masthead-swap-enter-active,.masthead-swap-leave-active{transition:opacity .15s ease,transform .15s ease}.masthead-swap-enter-from{opacity:0;transform:translateY(4px)}.masthead-swap-leave-to{opacity:0;transform:translateY(-3px)}@media (prefers-reduced-motion: reduce){.masthead-swap-enter-active,.masthead-swap-leave-active{transition:none}.masthead-swap-enter-from,.masthead-swap-leave-to{opacity:1;transform:none}}.app-shell-header-actions{display:contents}@keyframes masthead-action-in{0%{opacity:0}}.loading-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#ffffffe6;display:flex;align-items:center;justify-content:center;z-index:9999;opacity:0;transition:opacity .18s ease}.loading-overlay.active{opacity:1}.loading-spinner{display:flex;flex-direction:column;align-items:center;gap:16px}.spinner-ring{width:48px;height:48px;border:4px solid var(--bg-hover);border-top-color:var(--primary);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.loading-text{color:var(--text-secondary);font-size:.875rem}.toast-container{position:fixed;top:20px;right:20px;z-index:10000;display:flex;flex-direction:column;gap:12px}.toast{display:flex;align-items:center;gap:12px;padding:16px 20px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-soft);transform:translate(120%);opacity:0;transition:transform .3s cubic-bezier(.4,0,.2,1),opacity .3s cubic-bezier(.4,0,.2,1);max-width:400px}.toast.show{transform:translate(0);opacity:1}.toast-icon{width:24px;height:24px;flex-shrink:0}.toast-success .toast-icon{color:var(--success)}.toast-error .toast-icon{color:var(--danger-text)}.toast-warning .toast-icon{color:var(--warning)}.toast-info .toast-icon{color:var(--primary)}.toast-message{flex:1;font-size:.9375rem;color:var(--text-primary)}.toast-close{display:inline-grid;place-items:center;flex-shrink:0;width:28px;height:28px;padding:0;border:none;border-radius:var(--radius-sm);background:none;color:var(--text-muted);cursor:pointer;font-size:1.25rem;line-height:1;transition:background-color .16s ease,color .16s ease}@media (hover: hover){.toast-close:hover{background:var(--surface-hover);color:var(--text-primary)}}@media (max-width: 768px){.sidebar{width:min(300px,calc(100vw - 24px));transform:translate(calc(-100% - 24px));transition:transform .3s ease;z-index:1000;box-shadow:0 22px 50px #00000029}.sidebar:after{width:auto}.sidebar-nav{padding:0 14px 24px}.nav-item{padding:12px 12px 12px 14px}.sidebar.open{transform:translate(0)}.sidebar-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;opacity:0;visibility:hidden;transition:all .3s ease;z-index:999}.sidebar-overlay.active{opacity:1;visibility:visible}.main-content{margin-left:0;max-width:100vw}.floating-action-bar{width:calc(100% - 32px);justify-content:center;padding:8px 12px}.feedback-btn span{display:none}.feedback-btn{padding:14px;min-width:48px;justify-content:center}}@media (max-width: 480px){.transcript-container{padding:20px}.floating-action-bar{bottom:20px;padding:8px 12px}}.modal-overlay,.dialog-overlay{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;padding:var(--space-4);background:var(--overlay);opacity:0;visibility:hidden;transition:opacity .18s ease,visibility .18s ease}.modal-overlay{z-index:2000}.dialog-overlay{z-index:3000}.modal-overlay.active,.dialog-overlay.active{opacity:1;visibility:visible}.dialog-container,.modal-container{width:100%;max-width:420px;max-height:calc(100dvh - 32px);overflow-y:auto;padding:var(--space-6);border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface-panel);box-shadow:var(--shadow-dialog);transform:scale(.98);transition:transform .18s ease}.dialog-overlay.active .dialog-container,.modal-overlay.active .modal-container{transform:none}.dialog-header{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-3)}.dialog-icon{display:flex;flex:none;align-items:center;justify-content:center;width:24px;height:24px;color:var(--brand)}.dialog-icon svg{width:100%;height:100%}.dialog-icon.warning{color:var(--warning)}.dialog-icon.danger{color:var(--danger-text)}.dialog-title{margin:0;color:var(--text-primary);font-size:var(--fs-xl);font-weight:var(--fw-emphasis);line-height:var(--lh-tight)}.dialog-body{margin-bottom:var(--space-6);color:var(--text-secondary);font-size:var(--fs-md);line-height:var(--lh-base)}.dialog-footer{display:flex;justify-content:flex-end;gap:var(--space-3)}@media (prefers-reduced-motion: reduce){.dialog-container,.modal-container{transition:none}}.modal-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);margin-bottom:var(--space-5)}.modal-header h2{margin:0;color:var(--text-primary);font-size:var(--fs-xl);font-weight:var(--fw-emphasis);line-height:var(--lh-tight)}.modal-close{display:inline-flex;flex:none;align-items:center;justify-content:center;width:var(--control-h-sm);height:var(--control-h-sm);border:0;border-radius:var(--radius-sm);background:transparent;color:var(--text-secondary);cursor:pointer;transition:var(--transition)}.modal-close:hover{background:var(--surface-hover);color:var(--text-primary)}.modal-close:focus-visible{outline:none;box-shadow:var(--focus-ring)}.modal-close svg{width:18px;height:18px}.qrcode-box{width:180px;height:180px;margin:0 auto 12px;background:#f9fafb;border-radius:12px;overflow:hidden;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #0000000a}.qrcode-box img{width:100%;height:100%;object-fit:cover}.qrcode-section-minimal{display:flex;flex-direction:column;align-items:center;gap:10px;margin-bottom:24px}.qrcode-section-minimal .qrcode-box{width:160px;height:160px;margin:0 auto;background:#f9fafb;border-radius:12px;overflow:hidden;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #0000000a}.qrcode-wxid{font-size:.8125rem;color:var(--text-faint);cursor:pointer;transition:color .2s ease;-webkit-user-select:none;user-select:none}.qrcode-wxid:hover{color:var(--brand-500)}.support-footer{text-align:center;font-size:.8125rem;color:var(--text-faint);line-height:1.8;margin:0}.contact-email-inline{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;background:transparent;padding:0;color:var(--brand-500);font-weight:var(--fw-emphasis);font-size:inherit;cursor:pointer;text-decoration:underline;text-decoration-color:#a594f966;text-underline-offset:2px;transition:color .2s ease}.contact-email-inline:hover{color:var(--brand-500)}@media (max-width: 480px){.modal-container{padding:24px;margin:16px}.qrcode-box,.qrcode-section-minimal .qrcode-box{width:150px;height:150px}}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background-color:#0000001f;border-radius:10px}::-webkit-scrollbar-thumb:hover{background-color:#00000040}::-webkit-scrollbar-button{display:none}::-webkit-scrollbar-corner{background:transparent}html{scrollbar-width:thin;scrollbar-color:rgba(0,0,0,.15) transparent}@keyframes slideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slideOut{0%{transform:translate(0);opacity:1}to{transform:translate(100%);opacity:0}}@keyframes fadeOut{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(20px)}}@keyframes page-skeleton-shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}.speed-menu-fixed{position:fixed;z-index:9999;display:flex;flex-direction:column;align-items:stretch;gap:2px;min-width:72px;margin:0;padding:var(--space-1);border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface-panel);box-shadow:var(--shadow-dialog)}.speed-menu-fixed.favorite-settings-menu{min-width:88px}.speed-menu-fixed .speed-option{display:flex;align-items:center;justify-content:center;width:100%;min-width:0;height:34px;padding:0 var(--space-3);border:0;border-radius:6px;background:transparent;color:var(--text-secondary);font:inherit;font-size:var(--fs-sm);font-weight:var(--fw-emphasis);white-space:nowrap;cursor:pointer;transition:var(--transition)}.speed-menu-fixed .speed-option:hover{background:var(--surface-hover);color:var(--text-primary)}.speed-menu-fixed .speed-option.active{background:var(--select-bg);color:var(--select-fg)}.immersive-gloss-pop{position:absolute;z-index:150;width:max-content;max-width:260px;padding:var(--space-3);border:1px solid var(--line);border-radius:var(--radius);background:var(--surface-panel);box-shadow:var(--shadow-dialog);color:var(--text-primary);pointer-events:none}.immersive-gloss-head{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-2);margin:0 0 6px}.immersive-gloss-word{display:grid;gap:2px;min-width:0}.immersive-gloss-lemma{margin:0;color:var(--text-primary);font-family:var(--listen-serif);font-size:var(--fs-lg);font-weight:var(--fw-emphasis);line-height:1.2}.immersive-gloss-phonetic{overflow:hidden;color:var(--text-muted);font-size:var(--fs-xs);line-height:1.3;text-overflow:ellipsis;white-space:nowrap}.immersive-gloss-actions{display:inline-flex;flex-shrink:0;align-items:center;gap:2px}.immersive-gloss-speak{display:inline-flex;flex-shrink:0;align-items:center;justify-content:center;width:28px;height:28px;margin:-2px -2px 0 0;border:0;border-radius:var(--radius-sm);background:transparent;color:var(--text-secondary);cursor:pointer;pointer-events:auto;-webkit-appearance:none;-moz-appearance:none;appearance:none;transition:var(--transition)}.immersive-gloss-speak:hover{background:var(--surface-hover);color:var(--text-primary)}.immersive-gloss-list{display:grid;gap:var(--space-1);margin:0;padding:0;list-style:none}.immersive-gloss-list li{color:var(--text-secondary);font-size:var(--fs-sm);line-height:1.45}.immersive-gloss-list li.is-empty{color:var(--text-muted)}.immersive-gloss-decide{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:var(--space-3);padding-top:var(--space-3);border-top:1px solid var(--line)}.immersive-gloss-decide.is-single{grid-template-columns:1fr}.immersive-gloss-choice{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:32px;padding:0 var(--space-3);border:1px solid var(--line);border-radius:var(--radius-sm);background:transparent;color:var(--text-secondary);font:inherit;font-size:var(--fs-sm);font-weight:var(--fw-secondary);cursor:pointer;pointer-events:auto;-webkit-appearance:none;-moz-appearance:none;appearance:none;transition:var(--transition)}.immersive-gloss-choice:hover{background:var(--surface-hover);color:var(--text-primary)}.immersive-gloss-choice.is-known[aria-pressed=true]{border-color:currentColor;background:var(--surface-sunken);color:var(--success-text)}.immersive-gloss-choice.is-unknown[aria-pressed=true]{border-color:transparent;background:var(--select-bg);color:var(--select-fg)}.ui-btn{--ui-spinner: var(--text-muted);display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);height:var(--control-h);padding:0 var(--space-4);border:1px solid transparent;border-radius:var(--radius);background:transparent;color:var(--text-primary);font:inherit;font-size:var(--fs-base);font-weight:var(--fw-emphasis);line-height:1;white-space:nowrap;text-decoration:none;cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;transition:var(--transition),box-shadow .18s ease}.ui-btn svg{width:16px;height:16px;flex:none}.ui-btn:focus-visible{outline:none;box-shadow:var(--focus-ring)}.ui-btn--primary{--ui-spinner: var(--action-primary-fg);background:var(--action-primary-bg);color:var(--action-primary-fg)}.ui-btn--secondary{background:var(--surface-panel);border-color:var(--line-strong);color:var(--text-primary)}.ui-btn--ghost{color:var(--text-secondary)}.ui-btn--danger{color:var(--danger-text)}.ui-btn--danger.ui-btn--solid{--ui-spinner: var(--action-primary-fg);background:var(--danger);color:var(--action-primary-fg)}.ui-btn--sm{height:var(--control-h-sm);padding:0 var(--space-3);border-radius:var(--radius-sm);font-size:var(--fs-sm);gap:6px}.ui-btn--sm svg{width:14px;height:14px}.ui-btn--lg{height:var(--control-h-lg);padding:0 var(--space-5);font-size:var(--fs-md)}.ui-btn--block{display:flex;width:100%}.ui-btn--icon{width:var(--control-h);padding:0}.ui-btn--icon.ui-btn--sm{width:var(--control-h-sm)}.ui-btn--icon.ui-btn--lg{width:var(--control-h-lg)}.ui-btn:disabled:not([aria-busy=true]),.ui-btn[aria-disabled=true]{background:var(--action-disabled-bg);border-color:transparent;color:var(--action-disabled-fg);box-shadow:none;cursor:not-allowed}.ui-btn--ghost:disabled:not([aria-busy=true]),.ui-btn--ghost[aria-disabled=true],.ui-btn--danger:not(.ui-btn--solid):disabled:not([aria-busy=true]){background:transparent}.ui-btn[aria-busy=true]{cursor:progress;opacity:.86}.ui-btn.is-loading{position:relative;color:transparent;pointer-events:none}.ui-btn.is-loading:after{content:"";position:absolute;width:16px;height:16px;border:2px solid var(--ui-spinner);border-right-color:transparent;border-radius:50%;animation:ui-spin .7s linear infinite}@keyframes ui-spin{to{transform:rotate(360deg)}}.ui-chips{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2)}.ui-chip{display:inline-flex;align-items:center;gap:6px;height:var(--control-h-sm);padding:0 var(--space-3);border:1px solid var(--line);border-radius:var(--radius-full);background:var(--surface-panel);color:var(--text-secondary);font:inherit;font-size:var(--fs-sm);font-weight:var(--fw-secondary);line-height:1;white-space:nowrap;text-decoration:none;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:var(--transition),box-shadow .18s ease}.ui-chip:focus-visible{outline:none;box-shadow:var(--focus-ring)}.ui-chip.is-active,.ui-chip[aria-pressed=true]{background:var(--select-bg);border-color:transparent;color:var(--select-fg);font-weight:var(--fw-emphasis)}.ui-chip__count{color:var(--text-faint);font-size:var(--fs-xs);font-weight:var(--fw-secondary);font-variant-numeric:tabular-nums}.ui-chip.is-active .ui-chip__count,.ui-chip[aria-pressed=true] .ui-chip__count{color:inherit}.ui-seg{display:inline-flex;align-items:center;gap:2px;max-width:100%;padding:3px;border-radius:var(--radius);background:var(--surface-sunken)}.ui-seg__item{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-width:0;height:calc(var(--control-h) - 6px);padding:0 var(--space-4);border:0;border-radius:calc(var(--radius) - 3px);background:transparent;color:var(--text-muted);font:inherit;font-size:var(--fs-base);font-weight:var(--fw-secondary);line-height:1;white-space:nowrap;text-decoration:none;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:var(--transition),box-shadow .18s ease}.ui-seg__item:focus-visible{outline:none;box-shadow:var(--focus-ring)}.ui-seg__item.is-active,.ui-seg__item[aria-selected=true]{background:var(--surface-panel);color:var(--text-primary);font-weight:var(--fw-emphasis);box-shadow:var(--shadow-control)}.ui-seg__item .ui-chip__count{color:var(--text-faint)}.ui-seg--block{display:flex;width:100%}.ui-seg--block .ui-seg__item{flex:1 1 0}.ui-seg--sm .ui-seg__item{height:calc(var(--control-h-sm) - 6px);padding:0 var(--space-3);font-size:var(--fs-sm)}.ui-panel{background:var(--surface-panel);border:1px solid var(--line);border-radius:var(--radius-card);padding:var(--space-5)}.ui-panel--flush{padding:0}.ui-rows{display:flex;flex-direction:column;min-width:0}.ui-row{display:flex;align-items:center;gap:var(--space-4);min-width:0;padding:var(--space-4) 0}.ui-rows>.ui-row+.ui-row,.ui-rows>*+.ui-row{border-top:1px solid var(--line)}.ui-panel--flush>.ui-rows>.ui-row,.ui-panel--flush>.ui-row{padding-left:var(--space-5);padding-right:var(--space-5)}.ui-row--link{cursor:pointer;color:inherit;text-decoration:none;transition:var(--transition)}.ui-row--link:focus-visible{outline:none;box-shadow:inset var(--focus-ring)}.ui-row__main{flex:1 1 auto;min-width:0}.ui-row__title{color:var(--text-primary);font-size:var(--fs-md);font-weight:var(--fw-emphasis);line-height:var(--lh-tight);overflow-wrap:anywhere}.ui-row__meta{margin-top:var(--space-1);color:var(--text-muted);font-size:var(--fs-sm);line-height:var(--lh-base)}.ui-row__aside{display:flex;flex:none;align-items:center;gap:var(--space-2)}.ui-section-head{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-3);margin-bottom:var(--space-3);min-width:0}.ui-section-head__title{margin:0;color:var(--text-primary);font-size:var(--fs-lg);font-weight:var(--fw-emphasis);line-height:var(--lh-tight)}.ui-section-head__kicker{display:block;margin-bottom:2px;color:var(--text-muted);font-size:var(--fs-xs);font-weight:var(--fw-secondary);letter-spacing:.02em}.ui-section-head--lead{align-items:flex-end;margin-bottom:var(--space-4)}.ui-section-head--lead .ui-section-head__title{font-size:var(--fs-2xl);font-weight:var(--fw-title);letter-spacing:-.01em}.ui-section-head__meta{color:var(--text-muted);font-size:var(--fs-sm);font-variant-numeric:tabular-nums;white-space:nowrap}.ui-figure{display:flex;align-items:baseline;gap:var(--space-2);margin:0;color:var(--text-brand)}.ui-figure__num{font-family:var(--font-figure);font-size:var(--fs-display);font-weight:var(--fw-secondary);font-variant-numeric:lining-nums tabular-nums;letter-spacing:-.04em;line-height:.9}.ui-figure__unit{color:var(--text-muted);font-size:var(--fs-md);font-weight:var(--fw-secondary)}.ui-figure--quiet{color:var(--text-faint)}.ui-empty{display:flex;flex-direction:column;align-items:center;gap:var(--space-3);padding:var(--space-10) var(--space-6);text-align:center}.ui-empty__title{margin:0;color:var(--text-primary);font-size:var(--fs-lg);font-weight:var(--fw-emphasis);line-height:var(--lh-tight)}.ui-empty__text{margin:0;max-width:36em;color:var(--text-muted);font-size:var(--fs-base);line-height:var(--lh-base)}.ui-empty .ui-btn{margin-top:var(--space-2)}.ui-metrics{display:flex;flex-wrap:wrap;align-items:baseline;column-gap:var(--space-5);row-gap:var(--space-1);color:var(--text-muted);font-size:var(--fs-sm);line-height:var(--lh-base)}.ui-metric strong,.ui-metric b{margin:0 2px;color:var(--text-primary);font-weight:var(--fw-emphasis);font-variant-numeric:tabular-nums}.ui-field{display:flex;flex-direction:column;gap:6px;min-width:0}.ui-field__label{color:var(--text-secondary);font-size:var(--fs-sm);font-weight:var(--fw-secondary)}.ui-input{width:100%;height:var(--control-h);padding:0 var(--space-3);border:1px solid var(--line-strong);border-radius:var(--radius);background:var(--surface-panel);color:var(--text-primary);font:inherit;font-size:var(--fs-base);transition:var(--transition),box-shadow .18s ease}.ui-input::placeholder{color:var(--text-faint)}.ui-input:focus{outline:none;border-color:var(--brand);box-shadow:var(--focus-ring)}.ui-menu{display:flex;flex-direction:column;min-width:148px;padding:var(--space-1);border:1px solid var(--line);border-radius:var(--radius);background:var(--surface-panel);box-shadow:var(--shadow-dialog)}.ui-menu__item{display:flex;align-items:center;gap:var(--space-2);height:36px;padding:0 var(--space-3);border:0;border-radius:var(--radius-sm);background:transparent;color:var(--text-primary);font:inherit;font-size:var(--fs-base);text-align:left;white-space:nowrap;cursor:pointer}.ui-menu__item:focus-visible{outline:none;box-shadow:inset var(--focus-ring)}.ui-menu__item--danger{color:var(--danger-text)}.ui-menu__item:disabled{color:var(--text-faint);cursor:not-allowed}.ui-skeleton{display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-2) 0 var(--space-5)}.ui-skeleton__block{width:70%;height:64px;border-radius:var(--radius);background-color:var(--skeleton-from);background-image:linear-gradient(90deg,var(--skeleton-from),var(--skeleton-to),var(--skeleton-from));background-size:200% 100%;animation:ui-shimmer 1.2s ease-in-out infinite}.ui-skeleton__block--wide{width:100%;height:88px}.ui-skeleton__block--short{width:40%;height:48px}@keyframes ui-shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}.ui-tag{display:inline-flex;align-items:center;flex:none;height:22px;padding:0 var(--space-2);border-radius:6px;background:var(--surface-sunken);color:var(--text-muted);font-size:var(--fs-xs);font-weight:var(--fw-secondary);line-height:1;white-space:nowrap}.ui-tag--brand{background:var(--select-bg);color:var(--select-fg)}.ui-num{font-variant-numeric:tabular-nums}.ui-en{font-family:var(--listen-serif)}@media (max-width: 640px){.ui-panel{padding:var(--space-4);border-radius:var(--radius-lg)}.ui-panel--flush{padding:0}.ui-panel--flush>.ui-rows>.ui-row,.ui-panel--flush>.ui-row{padding-left:var(--space-4);padding-right:var(--space-4)}.ui-row{padding:var(--space-3) 0}.ui-section-head{margin-bottom:var(--space-2)}.ui-empty{padding:var(--space-8) var(--space-4)}}@media (hover: hover){.ui-btn--primary:hover{background:var(--action-primary-hover);color:var(--action-primary-fg)}.ui-btn--secondary:hover{background:var(--surface-hover);border-color:var(--border-hover);color:var(--text-primary)}.ui-btn--ghost:hover{background:var(--surface-hover);color:var(--text-primary)}.ui-btn--danger:hover{background:var(--danger-soft);color:var(--danger-text)}.ui-chip:hover{border-color:var(--line-strong);color:var(--text-primary)}.ui-seg__item:hover{color:var(--text-primary)}.ui-row--link:hover{background:var(--surface-hover)}.ui-input:hover{border-color:var(--border-hover)}.ui-menu__item:hover{background:var(--surface-hover)}.ui-menu__item--danger:hover{background:var(--danger-soft)}}@media (prefers-reduced-motion: reduce){.ui-btn,.ui-chip,.ui-seg__item,.ui-row--link,.ui-input{transition:none}.ui-btn.is-loading:after{animation-duration:1.6s}.ui-skeleton__block{animation:none}}body.mobile-menu-open .floating-action-bar{display:none!important;visibility:hidden;opacity:0;pointer-events:none}body.mobile-menu-open{overflow:hidden;overscroll-behavior:none}@media (max-width: 768px){.player-page-content .floating-action-bar{left:50%;right:auto;bottom:calc(12px + var(--safe-area-bottom));width:max-content;max-width:calc(100vw - 24px - var(--safe-area-left) - var(--safe-area-right));padding:0;gap:8px;border:0;background:transparent;box-shadow:none;transform:translate(-50%);flex-wrap:nowrap}.player-page-content .feedback-bar-copy{display:none!important}.player-page-content .feedback-btn-group{width:max-content;flex:0 0 auto;gap:8px;flex-wrap:nowrap}.player-page-content .floating-action-bar .feedback-btn{width:40px;height:40px;min-width:40px;min-height:40px;flex:0 0 40px;padding:0;border-radius:50%}.player-page-content .floating-action-bar .feedback-btn span{display:none!important}}@media (min-width: 769px){.floating-action-bar{display:flex;align-items:center;flex-wrap:nowrap;width:max-content;max-width:calc(100vw - 72px);gap:14px;overflow-x:auto;scrollbar-width:none}.floating-action-bar::-webkit-scrollbar{display:none}.feedback-btn-group{display:flex;flex-wrap:nowrap;gap:14px}.floating-action-bar .feedback-btn{flex:0 0 auto;min-width:0;white-space:nowrap}}@media (max-width: 768px){.main-content.player-page-content{padding-bottom:calc(76px + var(--safe-area-bottom))}.floating-action-bar{left:50%;right:auto;bottom:calc(12px + var(--safe-area-bottom));display:flex;align-items:center;justify-content:center;width:auto;max-width:calc(100vw - 24px - var(--safe-area-left) - var(--safe-area-right));padding:0;gap:8px;border:0;border-radius:0;background:transparent;box-shadow:none;transform:translate(-50%)}.feedback-bar-copy{display:none!important}.feedback-btn-group{display:flex;align-items:center;gap:8px;flex:0 0 auto}.floating-action-bar .feedback-btn{display:inline-flex;width:40px;height:40px;min-width:40px;min-height:40px;flex:0 0 40px;padding:0;border-radius:50%;justify-content:center;box-shadow:0 8px 18px -14px #0f172a80}.floating-action-bar .feedback-btn span{display:none!important}.floating-action-bar .feedback-icon{width:17px;height:17px}}@media (max-width: 380px){.floating-action-bar,.feedback-btn-group{gap:6px}.floating-action-bar .feedback-btn{width:38px;height:38px;min-width:38px;min-height:38px;flex-basis:38px}}@media (max-width: 768px){.swipe-cell-right{display:flex!important}.feedback-btn{width:auto;min-width:56px;height:28px;min-height:28px;padding:0 14px;border-radius:50px;gap:4px}.feedback-btn span{display:inline;font-size:.6875rem}}@media (max-width: 480px){.feedback-btn{min-width:64px;height:32px;min-height:32px;padding:0 10px;border-radius:50px}.feedback-btn span{font-size:.6875rem}}@media (max-width: 768px){.sidebar{width:min(320px,calc(100vw - 24px));padding-top:0}.sidebar:after{width:auto}.main-content.player-page-content{min-height:100dvh;height:auto;overflow-y:visible;padding-bottom:calc(136px + var(--safe-area-bottom))}.page-title.dropdown-title{width:100%;min-width:0;justify-content:space-between;padding:12px 14px;border-radius:16px;font-size:1.125rem;line-height:1.4}.title-dropdown{width:100%;max-width:none}.dropdown-content{max-height:none;overflow:visible}.transcript-container{max-height:none;min-height:calc(100dvh - 340px);padding:20px 16px;border-radius:20px}.floating-action-bar{left:calc(12px + var(--safe-area-left));right:calc(12px + var(--safe-area-right));width:auto;transform:none;bottom:calc(12px + var(--safe-area-bottom));padding:10px;gap:8px;border-radius:18px;justify-content:stretch;flex-wrap:wrap}.feedback-bar-copy{width:100%;justify-content:center;min-height:38px;font-size:.75rem}.feedback-btn{flex:1;min-width:0;padding:12px 10px;min-height:46px;border-radius:14px}.feedback-btn span{display:inline;font-size:.8125rem;white-space:nowrap}.modal-container{width:min(100%,560px);margin:calc(16px + var(--safe-area-top)) calc(12px + var(--safe-area-right)) calc(16px + var(--safe-area-bottom)) calc(12px + var(--safe-area-left))}.toast-container{top:auto;bottom:calc(12px + var(--safe-area-bottom, 0px) + var(--toast-lift, 0px));right:calc(12px + var(--safe-area-right));left:calc(12px + var(--safe-area-left));align-items:flex-end;pointer-events:none}.toast{width:min(360px,100%);max-width:100%;padding:12px 14px;pointer-events:auto}}@media (max-width: 480px){.main-content.player-page-content{padding-bottom:calc(128px + var(--safe-area-bottom))}.main-content.player-page-content.player-mode-clear,.main-content.player-page-content.player-mode-dictation{padding-bottom:calc(20px + var(--safe-area-bottom))}.page-title.dropdown-title{font-size:1rem;padding:11px 12px}.transcript-container{min-height:calc(100dvh - 320px);padding:16px 12px}.floating-action-bar{left:calc(8px + var(--safe-area-left));right:calc(8px + var(--safe-area-right));bottom:calc(8px + var(--safe-area-bottom));padding:8px;gap:6px}.feedback-btn{padding:11px 8px}.feedback-btn span{display:none}.feedback-icon{width:18px;height:18px}}@media (max-width: 768px){.sidebar:after{display:none}.main-content.player-page-content{padding-bottom:calc(96px + var(--safe-area-bottom))}.main-content.player-page-content.player-mode-clear,.main-content.player-page-content.player-mode-dictation{padding-bottom:calc(24px + var(--safe-area-bottom))}.player-page-content .content-header{position:relative;display:block;min-height:52px}.player-page-content .menu-toggle{position:absolute;top:0;left:0;width:40px;height:40px;border-radius:14px;z-index:20;pointer-events:auto}.player-page-content .page-title.dropdown-title{width:100%;margin:0;padding:8px 34px 8px 10px;background:transparent;border:none;box-shadow:none;border-radius:0;min-height:40px}.dropdown-title:hover,.dropdown-title.active{transform:none;background:transparent;border:none}.dropdown-title .dropdown-arrow{width:16px;height:16px}.title-dropdown{left:0;right:0;width:auto;min-width:0;margin-top:6px}.transcript-container{height:auto;min-height:0;max-height:calc(100dvh - 248px);padding:14px 10px;border-radius:18px;overflow-y:auto;overscroll-behavior:contain}.floating-action-bar{background:transparent;box-shadow:none;border:none;padding:0;gap:10px;justify-content:center;bottom:calc(10px + var(--safe-area-bottom))}.feedback-bar-copy{width:100%;min-height:34px;font-size:.7rem;background:#fffffff0}.feedback-btn{width:44px;height:44px;min-width:44px;min-height:44px;padding:0;border-radius:50%;box-shadow:var(--shadow-soft);justify-content:center;flex:0 0 auto}.feedback-btn span{display:none}.feedback-icon{width:18px;height:18px}}@media (max-width: 480px){.player-page-content .content-header{min-height:48px}.player-page-content .menu-toggle{width:36px;height:36px;min-height:36px;border-radius:12px}.player-page-content .page-title.dropdown-title{padding:7px 28px 7px 6px}.transcript-container{height:auto;min-height:0;max-height:calc(100dvh - 224px);padding:12px 8px}.floating-action-bar{gap:8px;bottom:calc(8px + var(--safe-area-bottom))}.feedback-bar-copy{min-height:32px;padding:0 12px}.feedback-btn{width:44px;height:44px;min-width:44px;min-height:44px}.feedback-icon{width:16px;height:16px}}@media (max-width: 768px){.main-content.player-page-content{min-height:100dvh;height:auto;overflow-y:visible;padding:calc(14px + var(--safe-area-top)) calc(10px + var(--safe-area-right)) calc(96px + var(--safe-area-bottom)) calc(10px + var(--safe-area-left))}.main-content.player-page-content.player-mode-clear,.main-content.player-page-content.player-mode-dictation{padding-bottom:calc(24px + var(--safe-area-bottom))}.player-page-content .content-header{position:relative;display:block;min-height:52px;margin-bottom:12px}.player-page-content .menu-toggle{position:absolute;top:0;left:0;width:40px;height:40px;border-radius:14px;z-index:20}.player-page-content .page-title.dropdown-title{width:100%;min-height:40px;margin:0;padding:8px 34px 8px 10px;border:0;border-radius:0;background:transparent;box-shadow:none}.transcript-container{height:auto;min-height:0;max-height:calc(100dvh - 248px);padding:14px 10px;border-radius:18px;overflow-y:auto;overscroll-behavior:contain}.floating-action-bar{left:50%;right:auto;bottom:calc(10px + var(--safe-area-bottom));width:max-content;max-width:calc(100vw - 24px - var(--safe-area-left) - var(--safe-area-right));padding:0;gap:8px;border:0;background:transparent;box-shadow:none;transform:translate(-50%);justify-content:center;flex-wrap:nowrap}.feedback-bar-copy{display:none!important}.feedback-btn-group{width:max-content;flex:0 0 auto;gap:8px;flex-wrap:nowrap}.feedback-btn{width:40px;height:40px;min-width:40px;min-height:40px;padding:0;border-radius:50%;flex:0 0 40px;justify-content:center}.feedback-btn span{display:none}}@media (max-width: 480px){.main-content.player-page-content{padding-bottom:calc(88px + var(--safe-area-bottom))}.main-content.player-page-content.player-mode-clear,.main-content.player-page-content.player-mode-dictation{padding-bottom:calc(20px + var(--safe-area-bottom))}.player-page-content .content-header{min-height:48px}.player-page-content .menu-toggle{width:36px;height:36px;min-height:36px;border-radius:12px}.transcript-container{max-height:calc(100dvh - 224px);padding:12px 8px}.feedback-btn{width:44px;height:44px;min-width:44px;min-height:44px}}@media (max-width: 768px){.dictation-panel{grid-template-columns:1fr;grid-template-rows:auto auto auto;gap:14px;min-height:auto}.dictation-focus-stage{min-height:180px}.dictation-focus-body{padding:16px}.dictation-blurred-text{font-size:1.05rem}.dictation-input-area{min-height:180px}.dictation-textarea{min-height:100px;font-size:1rem;padding:14px}.dictation-actions{justify-content:center}.dictation-submit-btn,.dictation-next-btn{width:100%;justify-content:center;padding:12px 20px}.dictation-feedback-bar{justify-self:stretch;width:100%;gap:8px;padding:10px 12px;flex-wrap:wrap}.dictation-feedback-btn{flex:1;min-width:70px;justify-content:center;padding:8px 12px;font-size:.8125rem}.dictation-feedback-btn svg{width:14px;height:14px}.dictation-stat-value{font-size:1.1rem}.dictation-diff-result{font-size:1rem;line-height:1.7}}body{background:var(--shell-canvas, var(--bg-app));color:var(--text-primary);letter-spacing:0;text-rendering:geometricPrecision}.page-title,.dropdown-title .title-meta,.set-progress-indicator{letter-spacing:0}.sidebar{background:var(--shell-panel, var(--bg-sidebar, #F8FAFC));border-color:var(--sidebar-hairline, rgba(0, 0, 0, .08))}.sidebar:after{display:none}.sidebar-header{min-height:66px;padding:10px;display:flex;align-items:center;gap:4px}.brand-icon-cute{background:var(--brand-500, #6D5DF6);box-shadow:0 12px 22px -16px #4c40c48c}.brand-wave-mark{color:#fff}.sidebar-nav{padding-bottom:8px}.nav-item{border-radius:8px}.dropdown-title,.transcript-container,.floating-action-bar{border:1px solid var(--border-light);box-shadow:var(--shadow-card)}.dropdown-title{width:fit-content;min-width:300px;max-width:min(320px,calc(100vw - 420px));border-radius:9px;padding:10px 16px}.title-dropdown{width:max-content;min-width:148px;max-width:200px}.dropdown-title:hover,.dropdown-title.active{border-color:var(--border-hover);box-shadow:0 14px 26px -24px #4438b973}.dropdown-title .title-meta{color:var(--text-muted);font-weight:var(--fw-title)}.dropdown-title .title-text{color:#101828;font-weight:var(--fw-title)}.player-page-content .content-header{margin-bottom:18px}.player-inline-context{min-width:72px;color:var(--text-secondary);font-weight:var(--fw-title)}.speed-menu{border:1px solid var(--border-light);border-radius:8px;box-shadow:var(--shadow-hover)}.transcript-container{border-radius:10px;background:#fff;padding:16px;max-height:calc(100dvh - 238px);position:relative}.line-feedback-group{gap:6px}.line-feedback-btn,.swipe-action-btn{border-radius:7px}.floating-action-bar{border-radius:10px;background:#fff}.feedback-btn.reveal-answer{background:var(--brand-500);box-shadow:0 16px 28px -18px #4438b9db}.page-title{color:#101828;font-size:clamp(1.35rem,1.1rem + .58vw,1.9rem);font-weight:var(--fw-title);line-height:1.18}.stat-card{border:1px solid var(--border-light);border-radius:var(--radius-card);background:var(--surface-raised);box-shadow:var(--shadow-card)}.stat-card:hover{border-color:var(--border-hover);box-shadow:var(--shadow-hover)}.stats-overview{gap:14px}.stat-card{min-height:92px;align-items:flex-start;padding:18px}.stat-card .stat-icon{border-radius:8px;box-shadow:inset 0 0 0 1px #ffffff80}.stat-card .stat-info{gap:3px}.stat-card .stat-label{color:var(--text-muted);font-size:.78rem;font-weight:var(--fw-title)}.stat-card .stat-value{color:#101828;font-size:1.55rem;font-weight:var(--fw-title);letter-spacing:0;line-height:1.15}.remove-favorite{border-radius:8px}.empty-state{border:1px dashed rgba(102,112,133,.22);border-radius:var(--radius-card);background:var(--surface-subtle)}.empty-action{border-radius:8px;background:var(--brand-500);font-weight:var(--fw-title)}.support-intro,.support-note,.support-footer{color:var(--text-muted)}.copy-wxid-btn{background:var(--brand-500);font-weight:var(--fw-title)}html.dark-mode body{background:var(--bg-app)}html.dark-mode .sidebar{background:var(--bg-sidebar);border-color:#94a3b829;box-shadow:none}html.dark-mode .sidebar:after{display:none}html.dark-mode .brand-title,html.dark-mode .dropdown-title .title-text{color:var(--text-primary)}html.dark-mode .brand-subtitle{color:var(--brand-on-dark, #8B7DFF)}html.dark-mode .dropdown-title,html.dark-mode .transcript-container,html.dark-mode .floating-action-bar{background:var(--bg-card);border-color:var(--border)}html.dark-mode .page-title,html.dark-mode .stat-card .stat-value{color:var(--text-primary)}html.dark-mode .stat-card{background:var(--bg-card);border-color:var(--border)}html.dark-mode .empty-state{background:var(--surface-subtle);border-color:var(--border)}html.dark-mode .support-intro,html.dark-mode .support-note,html.dark-mode .support-footer{color:var(--text-muted)}.dropdown-title,.transcript-container,.floating-action-bar,.stat-card{border-color:transparent}.stat-card{box-shadow:0 18px 50px -44px #1118275c}.stat-card:hover{border-color:transparent;box-shadow:0 22px 56px -42px #11182761}.transcript-container,.floating-action-bar{box-shadow:0 16px 42px -36px #11182757}.dropdown-title{box-shadow:0 12px 34px -30px #11182761}.remove-favorite{border-color:#66708524}.empty-state{border-color:transparent;background:#fafbffc7;box-shadow:inset 0 0 0 1px #66708512}html.dark-mode .dropdown-title,html.dark-mode .transcript-container,html.dark-mode .floating-action-bar,html.dark-mode .stat-card{border-color:#98a2b314}html.dark-mode .empty-state{box-shadow:inset 0 0 0 1px #98a2b30f}@media (max-width: 1024px){.dropdown-title{min-width:0;max-width:min(320px,calc(100vw - 380px))}}@media (max-width: 768px){.sidebar{width:min(292px,calc(100vw - 24px));height:auto;max-height:none;overflow:hidden;box-shadow:0 22px 50px #1118272e}.sidebar:after{width:auto}.sidebar-overlay{background:#11182785}.sidebar-nav{flex:1 1 auto;min-height:0;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;touch-action:pan-y}.main-content.player-page-content{padding:calc(14px + var(--safe-area-top)) 14px calc(96px + var(--safe-area-bottom))}.main-content.player-page-content.player-mode-clear{padding-bottom:calc(18px + var(--safe-area-bottom))}.player-page-content .header-left{width:100%;padding-left:46px;padding-right:52px;gap:8px}.player-page-content .menu-toggle{width:38px;height:38px;border-radius:9px}.dropdown-title{width:100%;max-width:none;min-width:0;margin:0;padding:8px 10px;gap:8px}.dropdown-title .title-meta{font-size:.68rem}.dropdown-title .title-text{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.94rem}.player-inline-context{grid-area:context;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.player-mobile-favorite-btn{grid-area:favorite;display:inline-flex;width:40px;height:40px;min-height:40px;padding:0;margin-left:0;justify-content:center}.player-mobile-favorite-btn span{display:none}.transcript-container{max-height:calc(100dvh - 204px);padding:10px;border-radius:10px}.floating-action-bar{left:12px;right:12px;bottom:calc(12px + var(--safe-area-bottom));transform:none;justify-content:center;padding:10px;border-radius:10px}.page-title{font-size:1.32rem}.stats-overview{gap:10px}.stat-card{border-radius:10px;padding:16px}}@media (max-width: 480px){.main-content.player-page-content{padding-left:10px;padding-right:10px}.player-page-content .header-left{padding-left:44px;padding-right:48px}.dropdown-title .dropdown-arrow{width:16px;height:16px}.player-mobile-favorite-btn{width:38px;height:38px;min-height:38px}.transcript-container{max-height:calc(100dvh - 196px)}}.training-insight-section{border:0!important;border-radius:16px!important;background:#fff!important;box-shadow:0 22px 56px -48px #1f293773,inset 0 0 0 1px #6670851a!important}.main-content.review-page,.main-content.error-prone-page,.main-content.exam-select-page,.main-content.buddy-page,.main-content.learning-records-page,.main-content.player-page-content{width:100%}@media (max-width: 768px){.main-content.review-page,.main-content.error-prone-page,.main-content.exam-select-page,.main-content.buddy-page,.main-content.learning-records-page,.main-content.player-page-content{width:100%!important;max-width:100vw!important;margin-left:0!important;margin-right:0!important}}.weakness-rank-bar{border-radius:999px!important;background:linear-gradient(90deg,var(--brand-500),#a594f9)!important}@media (max-width: 768px){.training-insight-section{padding:18px!important;border-radius:14px!important}}@media (max-width: 768px){.sidebar{width:min(280px,calc(100vw - 24px))!important}.sidebar:after{width:auto!important}.sidebar-header{padding:12px 12px 8px!important}.sidebar-nav{padding:0 12px calc(88px + var(--safe-area-bottom))!important}.nav-item{min-height:46px!important;padding:8px 10px!important;border-radius:13px!important}.nav-item-icon-wrap{width:30px!important;height:30px!important;border-radius:10px!important}.nav-item-title{font-size:.86rem!important}.sentence-difficulty-tag,.sentence-difficulty-tags span{padding:3px 7px!important;font-size:.68rem!important;line-height:1.15!important}.sentence-difficulty-tags{gap:5px!important}.sentence-card-wave{width:30px!important;height:20px!important}.main-content.player-page-content{padding-bottom:calc(112px + var(--safe-area-bottom))!important}.main-content.player-page-content.player-mode-clear,.main-content.player-page-content.player-mode-dictation{padding-bottom:calc(28px + var(--safe-area-bottom))!important}.feedback-btn-group{gap:6px!important}.feedback-btn{width:38px!important;height:38px!important;min-width:38px!important;min-height:38px!important;flex-basis:38px!important}}@media (max-width: 1024px){.sidebar{top:max(var(--sidebar-frame),var(--safe-area-top))!important;right:auto!important;bottom:max(var(--sidebar-frame),var(--safe-area-bottom))!important;left:max(var(--sidebar-frame),var(--safe-area-left))!important;width:min(280px,calc(100vw - 24px))!important;height:auto!important;max-height:none!important;padding-top:0!important;border-radius:14px!important;transform:translate(calc(-100% - 24px))!important;transition:transform .3s ease!important;z-index:1000!important;overflow:hidden!important;box-shadow:0 22px 50px #11182738!important}.sidebar.open{transform:translate(0)!important}.sidebar:after{width:auto!important}.sidebar-overlay{position:fixed!important;top:0!important;right:0!important;bottom:0!important;left:0!important;background:#11182785!important;opacity:0!important;visibility:hidden!important;transition:opacity .3s ease,visibility .3s ease!important;z-index:999!important}.sidebar-overlay.active{opacity:1!important;visibility:visible!important}.sidebar-nav{flex:1 1 auto!important;min-height:0!important;overflow-x:hidden!important;overflow-y:auto!important;overscroll-behavior:contain!important;-webkit-overflow-scrolling:touch!important;touch-action:pan-y!important}.main-content,.main-content.review-page,.main-content.error-prone-page,.main-content.exam-select-page,.main-content.buddy-page,.main-content.learning-records-page,.main-content.player-page-content{width:100%!important;max-width:100vw!important;flex:1 1 auto!important;margin:0!important;border:none!important;border-radius:0!important;box-shadow:none!important}.dropdown-title{max-width:min(520px,calc(100vw - 168px))!important}}@media (min-width: 769px) and (max-width: 1024px){.main-content.player-page-content{min-height:100dvh!important;height:auto!important;overflow-y:visible!important;padding-bottom:calc(32px + var(--safe-area-bottom))!important}.player-page-content .content-header{min-height:52px!important;margin-bottom:18px!important}.player-status-block{grid-area:status!important;min-width:0!important}.player-wave{grid-area:wave!important;justify-self:center!important;max-width:110px!important}.player-mobile-favorite-btn{display:none!important}}@media (min-width: 769px) and (max-width: 860px){.player-wave{display:none!important}}@media (min-width: 1025px) and (max-width: 1200px){.main-content.player-page-content.player-mode-clear .transcript-container{max-height:calc(100dvh - 254px)!important;overflow-y:auto!important;overscroll-behavior:contain!important;-webkit-overflow-scrolling:touch!important}}@media (max-width: 420px){.sidebar{width:min(260px,calc(100vw - 24px))!important}.sidebar:after{width:auto!important}}.sidebar{background:var(--shell-panel, var(--bg-sidebar, #F8FAFC))!important}.support-card{border-color:transparent!important;background:transparent!important;box-shadow:none!important}.nav-item{min-height:34px!important;padding:8px 10px!important}.nav-item-icon-wrap{width:18px!important;height:18px!important}.nav-icon{width:16px!important;height:16px!important}.nav-item-title{font-size:.86rem!important}.support-card{margin-top:8px!important;border-top:1px solid rgba(102,112,133,.1)!important;border-radius:0!important}.sentence-difficulty-tag,.sentence-difficulty-tags span{border-color:var(--border-subtle, rgba(102, 112, 133, .12))!important;background:var(--surface-subtle, #F8FAFC)!important;color:var(--text-muted, #667085)!important;box-shadow:none!important}.training-action-btn{border-color:transparent!important;background:transparent!important;color:var(--text-muted)!important;box-shadow:none!important}.training-action-btn:hover{background:#f2f4f7!important;color:var(--text-secondary)!important}.training-insight-section{border-color:#6670851f!important;background:#fff!important;box-shadow:none!important}.sentence-difficulty-tags{gap:5px!important}.sentence-card-wave{width:34px!important;color:#cbd5e1!important}.training-action-grid{grid-template-columns:1fr!important;gap:4px!important}.training-action-btn{justify-content:flex-start!important;min-height:30px!important;padding:0!important;border:0!important;border-radius:0!important;font-size:.8rem!important;font-weight:var(--fw-title)!important}.training-action-btn.active{background:transparent!important;color:var(--brand-500)!important}@media (max-width: 768px){.sentence-card-wave{display:none!important}}.training-action-list{display:flex!important;flex-wrap:wrap!important;gap:5px 10px!important}@media (max-width: 768px){.main-content.player-page-content.player-mode-clear{height:100dvh!important;min-height:100dvh!important;overflow:hidden!important;display:flex!important;flex-direction:column!important}.main-content.player-page-content.player-mode-clear .transcript-container{flex:1 1 0%!important;min-height:0!important;height:0!important;max-height:none!important;contain:none!important;overflow-x:hidden!important;overflow-y:auto!important;overscroll-behavior-y:contain!important;-webkit-overflow-scrolling:touch!important;touch-action:pan-y!important;scrollbar-width:thin!important;scrollbar-color:rgba(148,163,184,.28) transparent!important;padding-bottom:calc(16.666dvh + 72px + var(--safe-area-bottom))!important;scroll-padding-bottom:calc(16.666dvh + 72px + var(--safe-area-bottom))!important}.main-content.player-page-content.player-mode-clear .transcript-container::-webkit-scrollbar{width:4px!important}.main-content.player-page-content.player-mode-clear .transcript-container::-webkit-scrollbar-thumb{border-radius:999px!important;background:#94a3b847!important}.main-content.player-page-content.player-mode-clear .transcript-container::-webkit-scrollbar-button{display:none!important;height:0!important;width:0!important}}@media (max-width: 768px){.player-page-content .dropdown-title{min-width:0!important}.player-page-content .dropdown-title .title-copy{flex:1 1 auto!important;min-width:0!important;overflow:hidden!important}.player-page-content .dropdown-title .title-meta{display:block!important;max-width:100%!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;font-size:.66rem!important;line-height:1.15!important}.player-page-content .dropdown-title .dropdown-arrow{flex:0 0 auto!important}}@media (max-width: 768px){.player-status-block{grid-area:status!important;min-width:0!important;overflow:hidden!important}.player-status-label,.player-status-block strong{max-width:100%!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}.player-status-block strong{font-size:clamp(.86rem,3.7vw,.98rem)!important;line-height:1.1!important}.player-mobile-favorite-btn{grid-area:favorite!important;width:36px!important;height:36px!important;min-width:36px!important;min-height:36px!important}}@media (max-width: 380px){.player-mobile-favorite-btn{width:32px!important;height:32px!important;min-width:32px!important;min-height:32px!important}}@media (min-width: 769px){.main-content.player-page-content.player-mode-clear{height:100dvh!important;min-height:100dvh!important;overflow:hidden!important;display:flex!important;flex-direction:column!important}.main-content.player-page-content.player-mode-clear .content-header{flex:0 0 auto!important}.main-content.player-page-content.player-mode-clear .transcript-surface{flex:1 1 0%!important;min-height:0!important;display:flex!important;flex-direction:column!important;overflow:hidden!important;margin-bottom:0!important}.main-content.player-page-content.player-mode-clear .transcript-container{flex:1 1 0%!important;min-height:0!important;height:0!important;max-height:none!important;overflow-x:hidden!important;overflow-y:auto!important;overscroll-behavior:contain!important;scrollbar-width:auto!important;scrollbar-gutter:stable!important;scrollbar-color:var(--text-faint) transparent!important}}.translation-btn{width:auto;min-width:42px;padding:0 12px;font-size:.8125rem;font-weight:var(--fw-title)}.translation-text{color:inherit;font-size:.8125rem;font-weight:var(--fw-title);line-height:1}.translation-btn.active{background:var(--purple-bg);color:var(--brand-600)}.mobile-only{display:none!important}@media (min-width: 769px){.listening-sticky-chrome{display:contents!important}.mobile-top-nav,.listening-sticky-chrome>.mobile-top-nav,.mobile-course-info{display:none!important}}@media (max-width: 768px){.desktop-only{display:none!important}.main-content.player-page-content.player-mode-clear,.main-content.player-page-content.player-mode-immersive,.main-content.player-page-content.player-mode-dictation{padding:0 0 calc(18px + env(safe-area-inset-bottom,0px)) 0!important;width:100%!important;max-width:100vw!important;height:auto!important;min-height:100dvh!important;overflow-y:auto!important}.player-mode-immersive .content-header,.player-mode-dictation .content-header,.player-mode-clear .content-header{display:none!important;height:0!important;min-height:0!important;padding:0!important;margin:0!important;overflow:hidden!important;border:none!important}.listening-shell{width:100%!important;padding:0!important;display:block!important;overflow:visible!important}.listening-sticky-chrome{position:sticky!important;top:0!important;z-index:80!important;background:var(--surface-raised, #fff)!important;padding-top:calc(4px + env(safe-area-inset-top,0px))!important;border-bottom:1px solid var(--border-subtle, #EAECF0)!important;overflow:visible!important;transition:box-shadow .2s ease!important}.listening-sticky-chrome.is-stuck{box-shadow:0 4px 16px #1018280f!important}.mobile-top-nav{display:flex!important;align-items:center!important;gap:2px!important;height:40px!important;min-height:40px!important;padding:0 4px!important;background:transparent!important;position:relative!important;z-index:90!important;overflow:visible!important;box-sizing:border-box!important}.mobile-top-nav-btn{display:inline-flex!important;align-items:center!important;justify-content:center!important;width:36px!important;height:36px!important;min-width:36px!important;padding:0!important;border:0!important;border-radius:10px!important;background:transparent!important;color:var(--text-secondary, #344054)!important;cursor:pointer!important;flex-shrink:0!important}.mobile-top-nav-btn.active{color:var(--brand-500)!important}.mobile-top-nav-btn.active svg{fill:var(--brand-500)!important}.mobile-top-nav-btn svg{width:18px!important;height:18px!important;display:block!important}.mobile-nav-center{flex:1 1 auto!important;min-width:0!important;display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:flex-start!important;gap:8px!important;padding:0 4px!important;position:relative!important}.mobile-nav-title{display:inline-flex!important;align-items:center!important;gap:4px!important;max-width:58%!important;min-width:0!important;padding:0!important;border:0!important;background:transparent!important;color:var(--text-primary, #101828)!important;font-size:14px!important;font-weight:var(--fw-emphasis)!important;line-height:1.2!important;cursor:pointer!important;text-align:left!important;flex:0 1 auto!important}.mobile-nav-title-text{overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;min-width:0!important}.mobile-nav-title-arrow{width:14px!important;height:14px!important;flex-shrink:0!important;color:var(--text-faint)!important;transition:transform .2s ease!important}.mobile-nav-title-arrow.open{transform:rotate(180deg)!important}.mobile-nav-meta{max-width:42%!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;font-size:11px!important;line-height:1.2!important;color:var(--text-faint)!important;font-weight:var(--fw-secondary)!important;flex:1 1 auto!important;min-width:0!important}.mobile-top-nav-actions{display:flex!important;align-items:center!important;flex-shrink:0!important}.mobile-article-dropdown{position:absolute!important;top:calc(100% + 4px)!important;left:0!important;z-index:100!important;min-width:200px!important;max-width:min(280px,calc(100vw - 48px))!important;max-height:min(360px,55vh)!important;overflow-y:auto!important;padding:6px!important;background:#fff!important;border:1px solid #E4E7EC!important;border-radius:12px!important;box-shadow:0 12px 32px -16px #0f172a33,0 4px 12px -8px #0f172a1a!important;box-sizing:border-box!important}.mobile-article-item{display:flex!important;align-items:center!important;gap:10px!important;width:100%!important;min-height:40px!important;padding:8px 10px!important;border:0!important;border-radius:8px!important;background:transparent!important;color:#101828!important;font-size:14px!important;font-weight:var(--fw-secondary)!important;text-align:left!important;cursor:pointer!important;box-sizing:border-box!important}.mobile-article-item.active{background:#f5f3ff!important;color:var(--brand-500)!important}.mobile-article-index{flex:0 0 24px!important;width:24px!important;text-align:center!important;font-size:13px!important;font-weight:var(--fw-emphasis)!important;color:var(--text-faint)!important}.mobile-article-item.active .mobile-article-index{color:var(--brand-500)!important}.mobile-article-name{flex:1 1 auto!important;min-width:0!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}.mobile-article-tag{flex-shrink:0!important;font-size:11px!important;font-weight:var(--fw-emphasis)!important;color:var(--brand-500)!important;background:#f5f3ff!important;padding:2px 8px!important;border-radius:999px!important}.mobile-article-tag.done{color:var(--text-muted)!important;background:#f2f4f7!important}.transcript-surface{margin-bottom:0!important;border-radius:0!important;border:none!important;background:transparent!important}}.player-mode-clear .menu-toggle,.player-mode-immersive .menu-toggle,.player-mode-dictation .menu-toggle,.main-content.player-page-content.player-mode-clear .menu-toggle,.main-content.player-page-content.player-mode-immersive .menu-toggle,.main-content.player-page-content.player-mode-dictation .menu-toggle{display:none!important}.player-mode-clear .content-header,.player-mode-immersive .content-header,.player-mode-dictation .content-header,.main-content.player-page-content.player-mode-clear .content-header,.main-content.player-page-content.player-mode-immersive .content-header,.main-content.player-page-content.player-mode-dictation .content-header{display:none!important;min-height:0!important;height:0!important;padding:0!important;margin:0!important;overflow:hidden!important;border:none!important;flex:0 0 auto!important}.player-left-group{display:flex!important;align-items:center!important;gap:6px!important;flex-shrink:0!important}.mode-menu-fixed{position:fixed!important;z-index:9999!important;display:flex!important;flex-direction:column!important;gap:2px!important;min-width:176px!important;max-width:min(280px,calc(100vw - 24px))!important;background:#fff!important;border:1px solid #E4E7EC!important;border-radius:10px!important;box-shadow:0 18px 42px -30px #11182757,0 8px 18px -12px #0f172a1f!important;padding:6px!important;margin:0!important;box-sizing:border-box!important}.mode-menu-item{display:flex!important;flex-direction:column!important;align-items:flex-start!important;gap:1px!important;width:100%!important;padding:8px 12px!important;border:none!important;background:transparent!important;border-radius:8px!important;cursor:pointer!important;text-align:left!important;box-sizing:border-box!important;transition:background .15s!important}.mode-menu-item:hover,.mode-menu-item.active{background:#6d5df614!important}.mode-menu-item.active .mode-menu-label{color:var(--brand-500)!important}.mode-menu-label{font-size:.8125rem!important;font-weight:var(--fw-title)!important;color:#101828!important;line-height:1.3!important}.mode-menu-desc{font-size:.7rem!important;color:var(--text-faint)!important;line-height:1.3!important}@media (max-width: 768px){.mobile-article-dropdown{max-height:min(168px,28vh)!important;min-width:148px!important;max-width:min(180px,calc(100vw - 56px))!important;padding:4px!important;top:calc(100% + 4px)!important}.mobile-article-item{min-height:30px!important;padding:4px 8px!important;font-size:13px!important;gap:8px!important}.title-dropdown{max-height:min(220px,36vh)!important;min-width:140px!important;max-width:180px!important;width:max-content!important}.title-dropdown .listening-item,.title-dropdown .dropdown-content .listening-item{min-height:34px!important;padding:6px 8px!important}.main-content.player-page-content.player-mode-clear,.main-content.player-page-content.player-mode-immersive,.main-content.player-page-content.player-mode-dictation{height:100dvh!important;max-height:100dvh!important;min-height:0!important;overflow:hidden!important;display:flex!important;flex-direction:column!important;padding:0!important;padding-bottom:env(safe-area-inset-bottom,0px)!important}.listening-shell{flex:1 1 auto!important;min-height:0!important;height:100%!important;display:flex!important;flex-direction:column!important;overflow:hidden!important}.listening-sticky-chrome{position:relative!important;top:auto!important;flex:0 0 auto!important;z-index:80!important}.listening-shell .transcript-surface{flex:1 1 0%!important;min-height:0!important;height:auto!important;margin:0!important;display:flex!important;flex-direction:column!important;overflow:hidden!important;border-radius:0!important}.listening-shell .transcript-surface .transcript-container{flex:1 1 0%!important;min-height:0!important;height:0!important;max-height:none!important;contain:none!important;overflow-x:hidden!important;overflow-y:auto!important;overscroll-behavior:contain!important;-webkit-overflow-scrolling:touch!important;scrollbar-width:thin!important;scrollbar-color:rgba(148,163,184,.28) transparent!important}.listening-shell .transcript-surface .transcript-container::-webkit-scrollbar{width:4px!important}.listening-shell .transcript-surface .transcript-container::-webkit-scrollbar-thumb{border-radius:999px!important;background:#94a3b847!important}.listening-shell .transcript-surface .transcript-container::-webkit-scrollbar-button{display:none!important;height:0!important;width:0!important}.listening-shell .dictation-section{flex:1 1 auto!important;min-height:0!important;overflow:hidden!important;display:flex!important;flex-direction:column!important}}.listening-shell .title-dropdown,.title-dropdown{min-width:148px!important;max-width:200px!important;width:max-content!important}@media (max-width: 768px){.mobile-article-dropdown{min-width:148px!important;max-width:min(180px,calc(100vw - 56px))!important}}.reveal-fade-enter-active,.reveal-fade-leave-active{transition:opacity .2s ease}.reveal-fade-enter-from,.reveal-fade-leave-to{opacity:0}@media (max-width: 768px){.listening-shell.is-dictation .dictation-play-btn{width:44px!important;height:44px!important}.listening-shell.is-dictation .dictation-play-btn svg{width:18px!important;height:18px!important}.listening-shell.is-dictation .dictation-nav-btn{width:44px!important;height:44px!important}.listening-shell.is-dictation .dictation-nav-btn svg{width:18px!important;height:18px!important}.listening-shell.is-dictation .dictation-submit-btn,.listening-shell.is-dictation .dictation-next-btn{min-height:48px!important;font-size:1rem!important}.listening-shell.is-dictation .dictation-feedback-btn{min-height:48px!important;font-size:.9rem!important}}@media (max-width: 768px){.sidebar{width:min(276px,calc(100vw - 24px))!important}.sidebar:after{width:auto!important}.sidebar-header{padding:12px 14px 8px!important}.sidebar-nav{padding:0 10px calc(48px + var(--safe-area-bottom))!important}.sidebar .nav-item{min-height:40px!important;padding:6px 8px!important;border-radius:10px!important}.sidebar .nav-item-icon-wrap{width:26px!important;height:26px!important;border-radius:8px!important}.sidebar .nav-item-title{font-size:.94rem!important}}@media (max-width: 420px){.sidebar{width:min(248px,calc(100vw - 24px))!important}.sidebar:after{width:auto!important}}html.dark-mode{color-scheme:dark}html.dark-mode body,html.dark-mode .route-view-shell{background:var(--bg-app);color:var(--text-primary)}html.dark-mode .sidebar{background:var(--bg-sidebar);border-color:#94a3b82e;box-shadow:0 2px 10px #00000047,inset 0 1px #ffffff0a}html.dark-mode .main-content{background:transparent;color:var(--text-primary)}html.dark-mode .dropdown-title,html.dark-mode .title-dropdown,html.dark-mode .transcript-container,html.dark-mode .floating-action-bar,html.dark-mode .toast,html.dark-mode .dictation-feedback-bar{background:var(--surface-raised);border-color:var(--border-light);box-shadow:var(--shadow-card)}html.dark-mode .page-title,html.dark-mode .brand-title,html.dark-mode .dictation-diff-result{color:var(--text-primary)}html.dark-mode .brand-subtitle,html.dark-mode .support-footer{color:var(--text-muted)}html.dark-mode .dictation-status,html.dark-mode .swipe-action-btn{background:var(--surface-subtle);border-color:var(--border-light);color:var(--text-secondary)}html.dark-mode .listening-item:hover,html.dark-mode .listening-item.active{background:var(--bg-active);border-color:#8ea3ff47;color:var(--primary-light)}html.dark-mode .brand-icon-cute{background:var(--brand-500);color:#fff;box-shadow:0 0 0 1px var(--brand-on-dark)}html.dark-mode .brand-wave-mark{color:#fff}html.dark-mode .brand-subtitle{color:var(--brand-on-dark)}@media (max-width: 768px){html.dark-mode .transcript-container{background:var(--surface-raised);border-color:var(--border-light)}}html.dark-mode .floating-action-bar,html.dark-mode .title-dropdown{background:#141a22f5;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}html.dark-mode .dictation-textarea{background:#0f151d;border-color:var(--border-light);color:var(--text-primary)}html.dark-mode .dictation-textarea:focus{border-color:#8ea3ff73;box-shadow:var(--focus-ring)}html.dark-mode .dictation-focus-head,html.dark-mode .dictation-input-header,html.dark-mode .dictation-actions,html.dark-mode .dictation-stats-bar{background:#10161f;border-color:var(--line-soft)}html.dark-mode .dictation-textarea:read-only{background:#0f151d;color:var(--text-muted)}html.dark-mode .dictation-blur-overlay{background:#0c111857}html.dark-mode .dictation-blurred-text{text-shadow:0 0 12px rgba(244,247,251,.62)}html.dark-mode .dictation-diff-result .diff-correct{color:var(--text-primary)}html.dark-mode .dictation-diff-result .diff-missed,html.dark-mode .dictation-diff-result .diff-wrong{color:#fca5a5;text-decoration-color:#fca5a5;border-bottom-color:#fca5a5}html.dark-mode .dictation-diff-result .diff-missed{background:#f8717129}html.dark-mode .card,html.dark-mode .panel,html.dark-mode .transcript-container,html.dark-mode .dictation-feedback-bar,html.dark-mode .toast{background:linear-gradient(180deg,var(--bg-card-soft) 0%,var(--bg-card) 100%)!important;border-color:var(--border-subtle)!important;color:var(--text-primary)!important;box-shadow:var(--shadow-card)!important}html.dark-mode .dictation-focus-stage,html.dark-mode .dictation-input-area,html.dark-mode .page-title,html.dark-mode .dictation-diff-result{color:var(--text-primary)!important}html.dark-mode .dictation-status{background:#0f172a!important;border-color:var(--border-subtle)!important;color:var(--text-secondary)!important;box-shadow:none!important}html.dark-mode .dictation-textarea,html.dark-mode input,html.dark-mode select,html.dark-mode textarea{background:#0f172a!important;border-color:var(--border-subtle)!important;color:var(--text-primary)!important}html.dark-mode .dictation-textarea:focus,html.dark-mode input:focus,html.dark-mode select:focus,html.dark-mode textarea:focus{border-color:var(--border-active)!important;box-shadow:var(--focus-ring)!important}@media (max-width: 768px){html.dark-mode .main-content{background:transparent!important}html.dark-mode .transcript-container{border-color:var(--border-subtle)!important;box-shadow:0 12px 32px #00000038!important}}html.dark-mode{background:var(--bg-page)!important}html.dark-mode,html.dark-mode body,html.dark-mode .route-view-shell{background:var(--bg-page)!important;color:var(--text-primary)!important}html.dark-mode body,html.dark-mode .route-view-shell{background:linear-gradient(180deg,#0c1220,#070b14 54%,#0c1220),var(--bg-page)!important}html.dark-mode .main-content,html.dark-mode .main-content.review-page{background:transparent!important;color:var(--text-primary)!important}html.dark-mode .transcript-container,html.dark-mode .dictation-feedback-bar,html.dark-mode .toast{background:linear-gradient(180deg,#111827f5,#0f172af5)!important;border-color:#94a3b81a!important;color:var(--text-primary)!important;box-shadow:0 18px 50px #00000038!important}html.dark-mode .page-title,html.dark-mode .brand-title{color:#e2e8f0!important}html.dark-mode .page-title,html.dark-mode .brand-title{color:var(--text-primary)!important}html.dark-mode .brand-subtitle{color:var(--text-muted)!important}html.dark-mode .sidebar-nav{scrollbar-color:rgba(148,163,184,.35) transparent}html.dark-mode .dictation-status{background:#94a3b814!important;border-color:var(--border-subtle)!important;color:var(--text-secondary)!important;box-shadow:none!important}html.dark-mode .toast{background:#111827f0!important;border-color:#94a3b824!important;box-shadow:0 16px 38px #0000003d!important}html:not(.dark-mode) body,html:not(.dark-mode) .route-view-shell,html:not(.dark-mode) .app-container{background:var(--shell-canvas, #F7F8FB)!important;color:var(--text-primary)!important}html:not(.dark-mode) .sidebar{background:var(--shell-panel, #F8FAFC)!important;border-color:var(--sidebar-hairline, rgba(0, 0, 0, .08))!important;box-shadow:var(--sidebar-shadow)!important}html:not(.dark-mode) .transcript-container,html:not(.dark-mode) .dictation-feedback-bar,html:not(.dark-mode) .toast{background:#fff!important;border-color:#e6e8f0!important;color:var(--text-primary)!important;box-shadow:0 1px 2px #1018280a!important}html:not(.dark-mode) .dictation-focus-stage,html:not(.dark-mode) .dictation-input-area{color:var(--text-primary)!important}html.dark-mode .transcript-container,html.dark-mode .dictation-feedback-bar,html.dark-mode .toast{background:linear-gradient(180deg,#151d2e,#151c2c)!important;border-color:#243047!important;color:var(--text-primary)!important;box-shadow:0 14px 38px #0000002e!important}html.dark-mode .dictation-focus-stage,html.dark-mode .dictation-input-area{color:var(--text-primary)!important}html.dark-mode .dictation-status{background:#151c2c!important;border-color:#243047!important;color:var(--text-muted)!important;box-shadow:none!important}html.dark-mode .transcript-container,html.dark-mode .dictation-feedback-bar,html.dark-mode .toast{background:linear-gradient(180deg,#172033,#151c2c)!important;border-color:#273247!important;box-shadow:0 14px 34px #00000029!important}html.dark-mode .dictation-status{background:#151c2c!important;border-color:#273247!important;color:#9aa7bd!important}html.dark-mode .transcript-container,html.dark-mode .dictation-feedback-bar{background:#151c2c!important;border-color:#26324a!important;box-shadow:0 14px 34px #0000002e!important}html:not(.dark-mode) .main-content,html:not(.dark-mode) .route-view-shell{background:#f7f8fb!important}html:not(.dark-mode) .dictation-feedback-bar{background:#fff!important;border-color:#e6e8f0!important;box-shadow:0 1px 2px #1018280a!important}html:not(.dark-mode) .dictation-status{background:#f9fafb!important;border-color:#e6e8f0!important;color:var(--text-secondary)!important;box-shadow:none!important}html.dark-mode body,html.dark-mode .route-view-shell{background:linear-gradient(180deg,#0e1524,#0c1220),var(--bg-page)!important}html.dark-mode .sidebar{background:var(--bg-sidebar)!important;border-color:#94a3b829!important;box-shadow:0 2px 10px #00000047,inset 0 1px #ffffff0a!important}html.dark-mode .transcript-container,html.dark-mode .dictation-feedback-bar{background:#151c2c!important;border-color:#94a3b821!important;box-shadow:0 14px 34px #0000002e!important}html.dark-mode .dictation-status{background:#151c2c!important;border-color:#94a3b821!important;color:#9aa7bd!important;box-shadow:none!important}html:not(.dark-mode) .transcript-container,html:not(.dark-mode) .dictation-feedback-bar,html.dark-mode .transcript-container,html.dark-mode .dictation-feedback-bar{border-style:solid!important;border-width:1px!important;border-radius:12px!important;overflow:hidden!important}html:not(.dark-mode) .dictation-focus-stage,html:not(.dark-mode) .dictation-input-area,html.dark-mode .dictation-focus-stage,html.dark-mode .dictation-input-area{overflow:hidden!important}html.dark-mode .sidebar{background:var(--bg-sidebar, #0E1524)!important;border-color:#94a3b829!important;box-shadow:0 2px 10px #00000047,inset 0 1px #ffffff0a!important}@media (min-width: 769px){html.dark-mode .main-content.player-page-content.player-mode-clear .transcript-container{scrollbar-color:var(--text-faint) transparent!important}}html.dark-mode .lesson-header .breadcrumb,html.dark-mode .title-row-meta{color:var(--text-secondary)!important}html.dark-mode .title-row-h1,html.dark-mode .title-row-h1.dropdown-title,html.dark-mode .title-row-h1-text{color:var(--text-primary)!important}html.dark-mode .title-row-h1.dropdown-title:hover,html.dark-mode .title-row-h1.dropdown-title.active{background:#7c6dff1f!important;color:#9b93f0!important;border-color:#7c6dff47!important}html.dark-mode .title-row-h1 .dropdown-arrow{color:var(--text-secondary)!important}html.dark-mode .title-row-h1 .dropdown-arrow.active{color:#9b93f0!important}html.dark-mode .title-action-btn.active svg{fill:#9b93f0!important}html.dark-mode .title-dropdown{background:var(--surface-raised)!important;border-color:#94a3b829!important;box-shadow:0 16px 36px #00000073!important}html.dark-mode .title-dropdown .listening-item{color:#e2e8f0e0!important}html.dark-mode .title-dropdown .listening-item:hover,html.dark-mode .title-dropdown .listening-item.active{background:#7c6dff24!important;color:#9b93f0!important}html.dark-mode .title-dropdown .item-index{color:var(--text-faint)!important}html.dark-mode .title-dropdown .listening-item.active .item-index{color:#9b93f0!important}html.dark-mode .title-dropdown .item-status.playing{background:#7c6dff2e!important;color:#9b93f0!important}html.dark-mode .title-dropdown .item-status.completed{background:#34d39924!important;color:#6ee7b7!important}html.dark-mode .transcript-surface{background:var(--surface-raised)!important;border-color:var(--border-subtle)!important;box-shadow:var(--shadow-card)!important}html.dark-mode .transcript-surface .transcript-container{background:transparent!important;border:0!important;box-shadow:none!important}html.dark-mode .mode-menu-fixed{background:#151c2c!important;border-color:#94a3b82e!important;box-shadow:0 18px 42px -24px #000000b8,0 8px 18px -12px #0006!important}html.dark-mode .mode-menu-item:hover,html.dark-mode .mode-menu-item.active{background:#6d5df624!important}html.dark-mode .mode-menu-item.active .mode-menu-label{color:#9b93f0!important}html.dark-mode .mode-menu-label{color:#e8eef7!important}html.dark-mode .mode-menu-desc{color:var(--text-muted)!important}@media (max-width: 768px){html.dark-mode .listening-sticky-chrome{background:#0b1020f5!important;border-bottom-color:#94a3b824!important}html.dark-mode .listening-sticky-chrome.is-stuck{box-shadow:0 4px 16px #00000059!important}html.dark-mode .mobile-top-nav{background:transparent!important}html.dark-mode .mobile-top-nav-btn{color:#e2e8f0e0!important}html.dark-mode .mobile-top-nav-btn.active,html.dark-mode .mobile-top-nav-btn.active svg{color:#9b93f0!important;fill:#9b93f0!important}html.dark-mode .mobile-nav-title{color:var(--text-primary)!important}html.dark-mode .mobile-nav-title-arrow,html.dark-mode .mobile-nav-meta{color:var(--text-secondary)!important}html.dark-mode .transcript-surface{background:transparent!important;border-color:transparent!important;box-shadow:none!important}}html.dark-mode .transcript-surface{background:var(--bg-card)!important;border:1px solid var(--border-subtle)!important;box-shadow:var(--shadow-card)!important}html.dark-mode .save-progress-banner{color:#c4b5fd!important;background:#6d5df61f!important;border-color:#6d5df647!important}html.dark-mode .save-progress-banner-dismiss{color:#c4b5fd!important}html.dark-mode .save-progress-banner-dismiss:hover{background:#6d5df629!important}@media (max-width: 768px){html.dark-mode .transcript-surface{background:transparent!important;border-color:transparent!important;box-shadow:none!important}}html.dark-mode .mobile-article-dropdown,html.dark-mode .mobile-article-dropdown-fixed{background:var(--bg-card)!important;border-color:var(--border)!important}html.dark-mode .mobile-article-item{color:var(--text-primary)!important}html.dark-mode .mobile-article-item.active{background:var(--brand-soft)!important;color:var(--brand-on-dark)!important}html.dark-mode .mobile-article-index{color:var(--text-faint)!important}html.dark-mode .mobile-article-item.active .mobile-article-index{color:var(--brand-on-dark)!important}html.dark-mode .mobile-article-tag{color:var(--brand-on-dark)!important;background:var(--brand-soft)!important}html.dark-mode .mobile-article-tag.done{color:var(--text-muted)!important;background:var(--bg-hover)!important}html.dark-mode .loading-overlay{background:#0f172adb}html.dark-mode .spinner-ring{border-color:var(--border-subtle);border-top-color:var(--primary)}html.dark-mode .loading-text{color:var(--text-secondary)}@media (min-width: 1025px){html,body,.main-body,.route-view-shell,.app-container{height:auto!important;max-height:none!important;min-height:100dvh!important;overflow-x:clip!important;overflow-y:visible!important;background:var(--shell-canvas, #F7F8FB)!important}html,body{overflow-y:auto!important}html.player-page-active,html.player-page-active body,html.player-page-active .main-body,html.player-page-active .route-view-shell,html.player-page-active .app-container{height:100dvh!important;max-height:100dvh!important;min-height:0!important;overflow:hidden!important}html:not(.dark-mode) .route-view-shell,html:not(.dark-mode) .app-container{background:var(--shell-canvas, #F7F8FB)!important}html.dark-mode,html.dark-mode body,html.dark-mode .route-view-shell,html.dark-mode .app-container{background:var(--shell-canvas, #070B14)!important}.sidebar-overlay{display:none!important}.sidebar{left:var(--sidebar-frame)!important;top:var(--sidebar-frame)!important;right:auto!important;bottom:var(--sidebar-frame)!important;width:var(--sidebar-current-width)!important;transition:width var(--sidebar-collapse-duration, .28s) var(--sidebar-collapse-ease, cubic-bezier(.22, 1, .36, 1));height:calc(100dvh - var(--sidebar-frame) * 2)!important;max-height:calc(100dvh - var(--sidebar-frame) * 2)!important;min-height:0!important;border:1px solid var(--sidebar-hairline, rgba(0, 0, 0, .08))!important;border-radius:var(--sidebar-radius, 14px)!important;background:var(--bg-sidebar, #FFFFFF)!important;box-shadow:var(--sidebar-shadow)!important;overflow:hidden!important}html.dark-mode .sidebar{background:var(--bg-sidebar, #0E1524)!important;border-color:var(--sidebar-hairline, rgba(148, 163, 184, .16))!important;box-shadow:var(--sidebar-shadow)!important}.sidebar:after{display:none!important}.sidebar-header{position:relative!important;min-height:66px!important;padding:10px!important;gap:4px!important;overflow:hidden!important;transition:min-height var(--sidebar-collapse-duration, .28s) var(--sidebar-collapse-ease, cubic-bezier(.22, 1, .36, 1))}.sidebar-header-expanded{display:flex;align-items:center;flex-wrap:nowrap;gap:4px;width:100%;min-width:0;opacity:1;transition:opacity .16s ease}.sidebar-header-expanded .brand-logo{flex:1 1 auto;min-width:0;gap:8px;overflow:hidden}.sidebar-header .brand-text{overflow:hidden;white-space:nowrap;max-width:160px;opacity:1;transition:opacity .14s ease,max-width var(--sidebar-collapse-duration, .28s) var(--sidebar-collapse-ease, cubic-bezier(.22, 1, .36, 1))}.sidebar-header .brand-title{font-size:15px!important;font-weight:var(--fw-title)!important;letter-spacing:0!important;line-height:22px!important}.sidebar-header .brand-subtitle{margin-top:0!important;font-size:10px!important;letter-spacing:.08em!important;font-weight:var(--fw-emphasis)!important}.sidebar-nav{flex:1 1 auto!important;min-height:0!important;padding:4px 0 8px!important}.sidebar .nav-item{box-sizing:border-box!important;width:calc(100% - 16px)!important;min-height:34px!important;margin:4px 8px!important;padding:7px 9px!important;overflow:hidden!important;border-radius:7px!important;transition:width var(--sidebar-collapse-duration, .28s) var(--sidebar-collapse-ease, cubic-bezier(.22, 1, .36, 1)),min-height var(--sidebar-collapse-duration, .28s) var(--sidebar-collapse-ease, cubic-bezier(.22, 1, .36, 1)),margin var(--sidebar-collapse-duration, .28s) var(--sidebar-collapse-ease, cubic-bezier(.22, 1, .36, 1)),padding var(--sidebar-collapse-duration, .28s) var(--sidebar-collapse-ease, cubic-bezier(.22, 1, .36, 1)),gap var(--sidebar-collapse-duration, .28s) var(--sidebar-collapse-ease, cubic-bezier(.22, 1, .36, 1)),background .16s ease,color .16s ease}.sidebar .nav-item-content,.sidebar .nav-static-title{overflow:hidden;white-space:nowrap;max-width:200px;opacity:1;transition:opacity .14s ease,max-width var(--sidebar-collapse-duration, .28s) var(--sidebar-collapse-ease, cubic-bezier(.22, 1, .36, 1))}.sidebar .nav-item.active{border-radius:var(--radius-nav)!important}.sidebar .nav-item-title{font-size:14px!important;letter-spacing:0!important;line-height:22px!important}.sidebar .nav-item-title small{flex:0 0 auto;margin-left:auto;font-weight:var(--fw-secondary)!important;line-height:22px!important}.sidebar .nav-item-icon-wrap{width:18px!important;height:18px!important}.main-content,.main-content.review-page,.main-content.error-prone-page,.main-content.exam-select-page,.main-content.buddy-page,.main-content.learning-records-page,.main-content.wordbook-page{box-sizing:border-box!important;flex:0 0 var(--main-panel-width)!important;width:var(--main-panel-width)!important;max-width:var(--main-panel-width)!important;min-width:0!important;margin-top:var(--sidebar-frame)!important;margin-right:var(--sidebar-frame)!important;margin-bottom:var(--sidebar-frame)!important;margin-left:var(--main-panel-left)!important;height:auto!important;min-height:calc(100dvh - var(--sidebar-frame) * 2)!important;max-height:none!important;overflow:visible!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;transition:margin-left var(--sidebar-collapse-duration, .28s) var(--sidebar-collapse-ease, cubic-bezier(.22, 1, .36, 1))}html:not(.dark-mode) .main-content,html:not(.dark-mode) .main-content.review-page,html:not(.dark-mode) .main-content.error-prone-page,html:not(.dark-mode) .main-content.exam-select-page,html:not(.dark-mode) .main-content.buddy-page,html:not(.dark-mode) .main-content.learning-records-page,html:not(.dark-mode) .main-content.wordbook-page,html:not(.dark-mode) .main-content.player-page-content{background:transparent!important;border:0!important;box-shadow:none!important}html.dark-mode .main-content,html.dark-mode .main-content.review-page,html.dark-mode .main-content.error-prone-page,html.dark-mode .main-content.exam-select-page,html.dark-mode .main-content.buddy-page,html.dark-mode .main-content.learning-records-page,html.dark-mode .main-content.wordbook-page,html.dark-mode .main-content.player-page-content{background:transparent!important;border:0!important;box-shadow:none!important}.main-content.player-page-content,.main-content.player-page-content.player-mode-clear,.main-content.player-page-content.player-mode-immersive,.main-content.player-page-content.player-mode-dictation,html.player-page-active .main-content.player-page-content{width:var(--player-panel-width)!important;max-width:var(--player-panel-width)!important;flex:0 0 var(--player-panel-width)!important;margin-left:var(--player-panel-left)!important;height:calc(100dvh - var(--sidebar-frame) * 2)!important;min-height:0!important;max-height:calc(100dvh - var(--sidebar-frame) * 2)!important;overflow:hidden!important;border:0!important;border-radius:0!important;box-shadow:none!important;background:transparent!important;transition:width var(--sidebar-collapse-duration, .28s) var(--sidebar-collapse-ease, cubic-bezier(.22, 1, .36, 1)),max-width var(--sidebar-collapse-duration, .28s) var(--sidebar-collapse-ease, cubic-bezier(.22, 1, .36, 1)),margin-left var(--sidebar-collapse-duration, .28s) var(--sidebar-collapse-ease, cubic-bezier(.22, 1, .36, 1));display:flex!important;flex-direction:column!important}html.player-page-active .main-content.player-page-content .route-main-view{flex:1 1 0%!important;min-height:0!important;min-width:0!important;overflow:hidden!important;display:flex!important;flex-direction:column!important}html.player-page-active .listening-shell{flex:1 1 0%!important;min-height:0!important;overflow:hidden!important;display:flex!important;flex-direction:column!important}html.player-page-active .listening-shell .transcript-surface,html.player-page-active .listening-shell .transcript-surface.is-content-short{flex:1 1 0%!important;min-height:0!important;overflow:hidden!important}html.player-page-active .listening-shell .transcript-surface .transcript-container,html.player-page-active .listening-shell .transcript-surface.is-content-short .transcript-container{flex:1 1 0%!important;min-height:0!important;height:0!important;max-height:none!important;overflow-x:hidden!important;overflow-y:auto!important;scrollbar-width:auto!important;scrollbar-gutter:stable!important;scrollbar-color:var(--text-faint) transparent!important}html.player-page-active .listening-shell .transcript-surface .transcript-container::-webkit-scrollbar{width:10px}html.player-page-active .listening-shell .transcript-surface .transcript-container::-webkit-scrollbar-track{background:transparent}html.player-page-active .listening-shell .transcript-surface .transcript-container::-webkit-scrollbar-thumb{border-radius:999px;background:var(--text-faint)}html.player-page-active .listening-shell .transcript-surface .transcript-container::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}html.player-page-active .listening-shell .transcript-surface .transcript-container::-webkit-scrollbar-button{display:none;height:0;width:0}.sidebar-collapse-toggle{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;border:0;border-radius:8px;background:transparent;color:var(--text-muted);cursor:pointer}.sidebar-collapse-toggle:hover,.sidebar-rail-brand:hover{background:#f2f4f7;color:#1d2939}html.dark-mode .sidebar-collapse-toggle,html.dark-mode .sidebar-rail-brand{color:var(--text-muted)}html.dark-mode .sidebar-collapse-toggle:hover,html.dark-mode .sidebar-rail-brand:hover{background:#ffffff14;color:#e8eef7}.sidebar-rail-brand{display:flex;position:absolute;left:50%;top:50%;z-index:1;flex:0 0 44px;width:44px;height:44px;padding:0;border:0;border-radius:8px;background:transparent;color:inherit;cursor:pointer;opacity:0;pointer-events:none;transform:translate(-50%,-50%);transition:opacity .16s ease}.sidebar-rail-brand-logo,.sidebar-rail-brand-action{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center}.sidebar-rail-brand .brand-logo{flex:0 0 auto;justify-content:center;align-items:center;overflow:visible}.sidebar-rail-brand-action{opacity:0;font-size:20px}.sidebar-rail-brand:hover .sidebar-rail-brand-logo,.sidebar-rail-brand:focus .sidebar-rail-brand-logo{opacity:0}.sidebar-rail-brand:hover .sidebar-rail-brand-action,.sidebar-rail-brand:focus .sidebar-rail-brand-action{opacity:1}@media (hover: none){.sidebar-rail-brand-logo{opacity:0}.sidebar-rail-brand-action{opacity:1}}body.sidebar-collapsed .sidebar-header,.sidebar.is-collapsed .sidebar-header{justify-content:center!important;align-items:center!important;padding:10px 0 6px!important;width:100%!important;min-height:56px!important}body.sidebar-collapsed .sidebar-header-expanded,.sidebar.is-collapsed .sidebar-header-expanded{opacity:0}body.sidebar-collapsed .sidebar-rail-brand,.sidebar.is-collapsed .sidebar-rail-brand{opacity:1;pointer-events:auto}body.sidebar-collapsed .sidebar-header .brand-text,.sidebar.is-collapsed .sidebar-header .brand-text{opacity:0!important;max-width:0!important}.sidebar .nav-group-label{max-height:28px;transition:opacity .14s ease,max-height var(--sidebar-collapse-duration) var(--sidebar-collapse-ease),margin var(--sidebar-collapse-duration) var(--sidebar-collapse-ease)}body.sidebar-collapsed .sidebar .nav-group-label,.sidebar.is-collapsed .nav-group-label{display:none}body.sidebar-collapsed .sidebar-footer,.sidebar.is-collapsed .sidebar-footer{display:flex;flex-direction:column;align-items:center}body.sidebar-collapsed .sidebar .nav-item-content,body.sidebar-collapsed .sidebar .nav-static-title,.sidebar.is-collapsed .nav-item-content,.sidebar.is-collapsed .nav-static-title{position:absolute!important;opacity:0!important;max-width:0!important;max-height:0!important;margin:0!important;padding:0!important;overflow:hidden!important;pointer-events:none;flex:0 0 0!important}body.sidebar-collapsed .sidebar .nav-item,.sidebar.is-collapsed .nav-item{display:flex!important;justify-content:center!important;align-items:center!important;width:44px!important;min-width:44px!important;max-width:44px!important;min-height:44px!important;margin:2px auto!important;padding:0!important;gap:0!important;text-align:center!important}body.sidebar-collapsed .sidebar .nav-item-icon-wrap,.sidebar.is-collapsed .nav-item-icon-wrap{width:18px!important;height:18px!important;min-width:18px!important;margin:0 auto!important;flex:0 0 18px!important}body.sidebar-collapsed .sidebar-nav,.sidebar.is-collapsed .sidebar-nav{padding:0!important;display:flex!important;flex-direction:column!important;align-items:center!important;overflow-x:hidden!important;overflow-y:auto!important;scrollbar-width:none;-ms-overflow-style:none}body.sidebar-collapsed .sidebar-nav::-webkit-scrollbar,.sidebar.is-collapsed .sidebar-nav::-webkit-scrollbar{display:none;width:0;height:0}body.sidebar-collapsed .sidebar .nav-section,.sidebar.is-collapsed .nav-section{margin:0!important;width:100%!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important}body.sidebar-collapsed .sidebar,.sidebar.is-collapsed{transform:none!important;width:var(--sidebar-collapsed-width)!important}body.sidebar-collapsed .main-content:not(.player-page-content),body.sidebar-collapsed .main-content.review-page,body.sidebar-collapsed .main-content.error-prone-page,body.sidebar-collapsed .main-content.exam-select-page,body.sidebar-collapsed .main-content.buddy-page,body.sidebar-collapsed .main-content.learning-records-page,body.sidebar-collapsed .main-content.wordbook-page,body:has(.sidebar.is-collapsed) .main-content:not(.player-page-content){flex:0 0 var(--main-panel-width)!important;width:var(--main-panel-width)!important;max-width:var(--main-panel-width)!important}body.sidebar-collapsed .main-content.player-page-content,body:has(.sidebar.is-collapsed) .main-content.player-page-content{flex:0 0 var(--player-panel-width)!important;width:var(--player-panel-width)!important;max-width:var(--player-panel-width)!important;margin-left:var(--player-panel-left)!important}body.player-page-active.player-mode-immersive .sidebar{transform:none!important;width:var(--sidebar-current-width)!important}.main-content:not(.player-page-content){font-weight:var(--fw-body)}.main-content:not(.player-page-content) .page-title,.main-content:not(.player-page-content) h1{font-size:22px!important;font-weight:var(--fw-title)!important;letter-spacing:-.02em!important;line-height:1.25!important}.main-content:not(.player-page-content) .page-masthead .page-title{font-size:clamp(1.4rem,1.24rem + .42vw,1.72rem)!important;font-weight:var(--fw-title)!important;letter-spacing:-.035em!important;line-height:1.2!important}.main-content:not(.player-page-content) h2,.main-content:not(.player-page-content) h3,.main-content:not(.player-page-content) h4{font-weight:var(--fw-emphasis)!important}@media (prefers-reduced-motion: reduce){body,.sidebar,.sidebar-header,.sidebar-header-expanded,.sidebar-rail-brand,.sidebar-header .brand-text,.sidebar .nav-item,.sidebar .nav-item-content,.sidebar .nav-group-label,.main-content,.main-content.player-page-content{transition:none!important}}}.route-push-enter-active,.route-pop-enter-active{transition:transform .24s cubic-bezier(.2,.8,.2,1),opacity .24s ease}.route-push-leave-active,.route-pop-leave-active{transition:transform .14s ease,opacity .14s ease}.route-push-enter-from{opacity:0;transform:translate(28%)}.route-push-leave-to,.route-pop-enter-from{opacity:0;transform:translate(-12%)}.route-pop-leave-to{opacity:0;transform:translate(28%)}@media (prefers-reduced-motion: reduce){.route-push-enter-active,.route-push-leave-active,.route-pop-enter-active,.route-pop-leave-active{transition:opacity .12s ease}.route-push-enter-from,.route-push-leave-to,.route-pop-enter-from,.route-pop-leave-to{transform:none}}@media (max-width: 768px){:root{--control-h-sm: 36px;--control-h: 44px;--control-h-lg: 50px}.ui-btn--sm,.ui-btn--icon,.ui-chip,.ui-seg--sm .ui-seg__item{position:relative}.ui-btn--sm:not(.is-loading):after,.ui-btn--icon:not(.is-loading):after,.ui-chip:after,.ui-seg--sm .ui-seg__item:after{content:"";position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px}.ui-chip{min-height:36px}.ui-chips{flex-wrap:nowrap;margin-right:calc(-1 * var(--space-4));padding:4px var(--space-4) 4px 0;overflow-x:auto;scrollbar-width:none;-webkit-mask-image:linear-gradient(to right,#000 calc(100% - 24px),transparent);mask-image:linear-gradient(to right,#000 calc(100% - 24px),transparent)}.ui-chips::-webkit-scrollbar{display:none}.ui-chip{flex:none}.ui-btn,.ui-chip,.ui-seg__item{-webkit-tap-highlight-color:transparent;transition:var(--transition),transform .1s ease}.ui-btn:active:not(:disabled),.ui-chip:active,.ui-seg__item:active{transform:scale(.97)}.ui-row--link,.review-run-link,.exam-set,.exam-continue,.wordbook-row-main,.listen-station,.listen-track-main{-webkit-tap-highlight-color:transparent}.ui-row--link:active,.review-run-link:active,.exam-set:active,.wordbook-row-main:active,.listen-station:active,.listen-track-main:active{background:var(--surface-hover)}.exam-continue:active{transform:scale(.99)}.modal-overlay,.dialog-overlay{align-items:flex-end;padding:0}.dialog-container,.modal-container{max-width:none;max-height:calc(100dvh - 48px - var(--safe-area-top));padding:var(--space-6) var(--space-5) calc(var(--space-6) + var(--safe-area-bottom));border:0;border-radius:16px 16px 0 0;transform:translateY(24px);transition:transform .24s cubic-bezier(.2,.8,.2,1)}.dialog-container:before,.modal-container:before{content:"";display:block;width:36px;height:4px;margin:calc(var(--space-6) * -1 + 8px) auto var(--space-5);border-radius:var(--radius-full);background:var(--line-strong)}.dialog-footer{display:grid;grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;gap:var(--space-2)}.speed-menu-fixed,.np-menu,.ui-menu.buddy-menu{position:fixed!important;top:auto!important;right:var(--space-2)!important;bottom:calc(var(--space-2) + var(--safe-area-bottom))!important;left:var(--space-2)!important;z-index:3000!important;min-width:0!important;max-width:none!important;max-height:60dvh;overflow-y:auto;padding:var(--space-2)!important;border:0!important;border-radius:14px!important;box-shadow:0 0 0 100vmax var(--overlay),var(--shadow-dialog)!important;animation:mobile-sheet-in .22s cubic-bezier(.2,.8,.2,1)}.speed-menu-fixed .speed-option,.np-menu .np-menu-item,.ui-menu.buddy-menu .ui-menu__item{justify-content:center;min-height:50px;height:auto;border-radius:10px;font-size:var(--fs-md)}@keyframes mobile-sheet-in{0%{opacity:0;transform:translateY(16px)}}}@media (max-width: 768px) and (prefers-reduced-motion: reduce){.speed-menu-fixed,.np-menu,.ui-menu.buddy-menu{animation:none}.dialog-container,.modal-container{transition:none}.ui-btn:active:not(:disabled),.ui-chip:active,.ui-seg__item:active,.exam-continue:active{transform:none}}@media (max-width: 768px){.player-page-content .ctl-bar{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));grid-template-areas:"prog prog prog prog sub" "speed prev play next slot4";align-items:center;justify-items:center;gap:var(--space-1) 0;min-height:0;margin:0;padding:var(--space-2) var(--space-4) calc(var(--space-1) + var(--safe-area-bottom));border:0;border-top:1px solid var(--line);border-radius:0}.player-page-content .ctl-bar:not(.has-subtitle){grid-template-areas:"prog prog prog prog prog" "speed prev play next slot4"}.player-page-content .ctl-transport,.player-page-content .ctl-right{display:contents}.player-page-content .ctl-progress{grid-area:prog;justify-self:stretch;padding:0;border:0}.player-page-content .ctl-prev{grid-area:prev}.player-page-content .ctl-play{grid-area:play;width:58px;height:58px;margin:0}.player-page-content .ctl-next{grid-area:next}.player-page-content .ctl-slot4{grid-area:slot4;margin:0}.player-page-content .ctl-speed{grid-area:speed;font-size:var(--fs-md)}.player-page-content .ctl-subtitle{grid-area:sub;justify-self:end;height:30px;padding:0 var(--space-2);font-size:var(--fs-xs)}.player-page-content .ctl-btn{width:48px;height:48px}.player-page-content .ctl-btn svg{width:23px;height:23px}.player-page-content .ctl-play svg{width:24px;height:24px}.player-page-content .ctl-count{display:none}.player-page-content .dictation-panel{grid-template-columns:minmax(0,1fr)}.player-page-content .dictation-input-area{order:-1}.player-page-content .dictation-textarea{min-height:120px;font-size:var(--fs-lg)}.player-page-content .dictation-level-bar{justify-content:stretch;padding:0 var(--space-4)}.player-page-content .dictation-level-seg,.player-page-content .dictation-level-seg .ui-seg__item{flex:1}.player-page-content .cloze-panel{gap:var(--space-4);padding:var(--space-3) var(--space-4) var(--space-5);border:0;border-radius:0;background:transparent}.player-page-content .cloze-sentence{font-size:var(--fs-xl);line-height:2.75}.player-page-content .cloze-blank{height:2.6em;line-height:2.6em;border-radius:var(--radius);vertical-align:middle}.player-page-content .cloze-actions .ui-btn{min-height:var(--control-h-lg)}.player-page-content .cloze-check-btn,.player-page-content .cloze-feedback,.player-page-content .cloze-actions__nav{flex:1 1 100%;justify-content:center}.player-page-content .cloze-feedback .dictation-feedback-btn,.player-page-content .cloze-actions__nav .ui-btn{flex:1;justify-content:center}body.player-page-active{--toast-lift: var(--player-bar-h, 0px)}}@media (max-width: 640px){.player-page-content .quiz-section{padding:0 var(--space-4)}.player-page-content .quiz-panel{gap:var(--space-3);max-width:none}.player-page-content .quiz-preview-options{grid-template-columns:minmax(0,1fr)}.player-page-content .quiz-actions{position:sticky;bottom:0;z-index:2;padding:var(--space-2) 0;background:var(--bg-page);box-shadow:0 24px 0 var(--bg-page)}.player-page-content .quiz-actions .ui-btn{flex:1 1 0;min-height:44px}.player-page-content .quiz-option:active:not(:disabled){transform:scale(.99)}}@media (max-width: 768px){.player-page-content .tx-list{padding:var(--space-3) var(--space-4)}.player-page-content .tx-line{grid-template-columns:28px minmax(0,1fr) 32px;column-gap:var(--space-1);padding:var(--space-3) 0}.player-page-content .tx-num{padding-top:4px;font-size:11px}.player-page-content .tx-act{opacity:1}.player-page-content .tx-act--more{margin-top:-2px}}@media (max-width: 768px){.player-page-content .sv-section{display:flex;flex-direction:column;overflow:hidden;border:0;border-radius:0}.player-page-content .sv-stage{display:flex;flex:1 1 auto;flex-direction:column;width:100%;max-width:none;min-height:0;margin:0;padding:0}.player-page-content .sv-scroll{flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:var(--space-4) var(--space-4) var(--space-3)}.player-page-content .sv-en{margin-top:var(--space-3);font-size:23px}.player-page-content .sv-zh{margin-top:var(--space-2);font-size:var(--fs-md)}.player-page-content .sv-veil{gap:var(--space-4);margin-top:var(--space-4)}.player-page-content .sv-actions{flex:0 0 auto;margin:0;padding:10px var(--space-4) var(--space-3);border-top:1px solid var(--line);background:var(--surface-panel)}.player-page-content .sv-action-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:var(--space-2)}.player-page-content .sv-action-row>.ui-btn{height:44px;min-height:44px}.player-page-content .sv-marks{gap:var(--space-2);margin-top:10px;padding-top:0;border-top:0}.player-page-content .sv-mark{height:44px;font-size:var(--fs-base)}.player-page-content .sv-kbd{display:none}}@media (max-width: 768px){.player-page-content .pm-btn--compact{gap:2px;padding:0 var(--space-2)}}@font-face{font-family:Space Grotesk;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/space-grotesk-latin-600-normal-DjKNqYRj.woff2) format("woff2"),url(/assets/space-grotesk-latin-600-normal-BflQw4A9.woff) format("woff")}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/ibm-plex-mono-latin-500-normal-DSY6xOcd.woff2) format("woff2"),url(/assets/ibm-plex-mono-latin-500-normal-CB9ihrfo.woff) format("woff")}@font-face{font-family:"Source Serif 4";font-style:normal;font-display:swap;font-weight:500;src:url(/assets/source-serif-4-latin-500-normal-CUHe9xxf.woff2) format("woff2"),url(/assets/source-serif-4-latin-500-normal-DVVamBqs.woff) format("woff")}.maintenance-overlay[data-v-d975d3ce]{position:fixed;top:0;right:0;bottom:0;left:0;z-index:12000;display:flex;align-items:center;justify-content:center;padding:24px;background:#0f172a94;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.maintenance-panel[data-v-d975d3ce]{width:min(92vw,430px);padding:30px;border:1px solid var(--border-light);border-radius:var(--radius-lg);background:var(--bg-card);box-shadow:var(--shadow-hover);text-align:center}.maintenance-icon[data-v-d975d3ce]{width:56px;height:56px;margin:0 auto 18px;border-radius:18px;display:flex;align-items:center;justify-content:center;color:#fff;background:linear-gradient(135deg,var(--primary) 0%,#0ea5e9 100%)}.maintenance-icon svg[data-v-d975d3ce]{width:30px;height:30px}.maintenance-panel h2[data-v-d975d3ce]{margin:0 0 10px;color:var(--text-primary);font-size:1.35rem;line-height:1.35}.maintenance-panel p[data-v-d975d3ce]{margin:0;color:var(--text-secondary);font-size:.95rem;line-height:1.7}.maintenance-meta[data-v-d975d3ce],.maintenance-contact[data-v-d975d3ce]{margin-top:12px;color:var(--text-muted);font-size:.9rem}.maintenance-refresh[data-v-d975d3ce]{width:100%;margin-top:22px;padding:12px 18px;border:0;border-radius:var(--radius);background:var(--primary);color:#fff;font:inherit;font-weight:var(--fw-emphasis);cursor:pointer;transition:var(--transition)}.maintenance-refresh[data-v-d975d3ce]:hover{background:var(--primary-dark);transform:translateY(-1px)}@media (max-width: 480px){.maintenance-overlay[data-v-d975d3ce]{padding:18px}.maintenance-panel[data-v-d975d3ce]{padding:26px 22px}}.pwa-install-help-lead[data-v-e11c18a6]{margin:0 0 16px;color:var(--text-secondary);font-size:.94rem;line-height:1.6}.pwa-install-help-steps[data-v-e11c18a6]{margin:0;padding-left:1.2em;color:var(--text-primary);font-size:.94rem;line-height:1.7}.pwa-install-help-steps li+li[data-v-e11c18a6]{margin-top:8px}.pwa-install-help-overlay.modal-overlay[data-v-e11c18a6]{z-index:11001}@media (max-width: 768px),(pointer: coarse){.pwa-install-help-overlay.modal-overlay[data-v-e11c18a6]{align-items:flex-start}.pwa-install-help.modal-container[data-v-e11c18a6]{width:100%;max-width:none;margin:0;padding:calc(20px + var(--safe-area-top)) 16px 20px;border-radius:0 0 16px 16px;transform:none}}.route-view-shell{min-height:100vh}.main-content{display:flex;flex-direction:column}.route-main-view{min-width:0;min-height:0;flex:1 1 auto}.app-shell-header{flex:1 1 auto;min-width:0;display:flex;align-items:center}.route-fade-enter-active,.route-fade-leave-active{transition:opacity .18s ease,transform .18s ease}.route-fade-enter-from{opacity:0;transform:translateY(6px)}.route-fade-leave-to{opacity:0;transform:translateY(-4px)}@media (prefers-reduced-motion: reduce){.route-fade-enter-active,.route-fade-leave-active{transition:none}.route-fade-enter-from,.route-fade-leave-to{opacity:1;transform:none}}