:root,.theme-light{color-scheme:light;--critical-page-bg: #f7f7f7;--critical-text-main: #111111;--critical-text-secondary: #707070;--critical-primary: #1e80ff;font-family:Inter,SF Pro Display,SF Pro Text,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:var(--critical-page-bg);color:var(--critical-text-main)}@media(max-width:1180px){:root,.theme-light{--critical-page-bg: #f5f5f7;--critical-text-main: #1d2129;--critical-text-secondary: #6e7681}.theme-dark,:root[data-theme=dark]{--critical-page-bg: #1a1a1a;--critical-text-main: #efefef;--critical-text-secondary: #939393}}.theme-dark,:root[data-theme=dark]{color-scheme:dark;--critical-page-bg: #1e1e1e;--critical-text-main: #e5e5e5;--critical-text-secondary: #999999;--critical-primary: #1e80ff;background:var(--critical-page-bg);color:var(--critical-text-main)}html,body,#root{min-height:100%;margin:0}body{min-width:320px;background:var(--critical-page-bg);text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}button,input,textarea,select{font:inherit}.app-shell,.main-stage{min-height:100vh;min-height:100dvh}.bottom-tabs{display:none}@media(max-width:1199px){.side-nav{display:none}}.route-loading-fallback{min-height:100vh;min-height:100dvh;display:grid;place-items:center;gap:12px;background:var(--critical-page-bg);color:var(--critical-text-main)}.route-loading-fallback span{width:30px;height:30px;border-radius:999px;border:3px solid rgba(30,128,255,.16);border-top-color:var(--critical-primary);animation:critical-spin .8s linear infinite}.route-loading-fallback p{margin:0;font-size:14px}@keyframes critical-spin{to{transform:rotate(360deg)}}:root,.theme-light{color-scheme:light;font-family:SF Pro Display,PingFang SC,-apple-system,BlinkMacSystemFont,SF Pro Text,Segoe UI,system-ui,sans-serif;--aishadoo-bg: #f5f5f7;--aishadoo-bg-elevated: #f5f5f7;--aishadoo-primary: #1e80ff;--aishadoo-primary-strong: #1e80ff;--aishadoo-primary-pressed: #1e80ff;--aishadoo-card-radius: 24px;--aishadoo-sub-radius: 20px;--aishadoo-control-radius: 12px;--aishadoo-blur: 6px;--aishadoo-border: 1px solid #e5e7eb;--aishadoo-ease: cubic-bezier(.2, 0, .2, 1);--aishadoo-duration: .24s;--aishadoo-glass: rgba(255, 255, 255, .86);--aishadoo-glass-strong: #ffffff;--aishadoo-glass-soft: rgba(255, 255, 255, .72);--aishadoo-surface-matte: #ffffff;--aishadoo-surface-soft: #fafafa;--aishadoo-surface-accent: #eaf3ff;--card-bg: linear-gradient(145deg, rgba(255, 255, 255, .9) 0%, rgba(250, 250, 250, .82) 100%);--card-bg-strong: linear-gradient(145deg, #ffffff 0%, #fafafa 100%);--card-bg-soft: linear-gradient(145deg, #fafafa 0%, #fafafa 100%);--card-bg-accent: linear-gradient(145deg, #ffffff 0%, #eaf3ff 100%);--aishadoo-text: #1d2129;--aishadoo-text-title: #111111;--aishadoo-text-strong: #151a23;--aishadoo-text-body: #1d2129;--aishadoo-muted: #6e7681;--aishadoo-muted-2: #86909c;--aishadoo-disabled: #a8afba;--aishadoo-line: #e5e7eb;--aishadoo-line-strong: #dcdfe6;--aishadoo-glass-line: rgba(0, 0, 0, .06);--aishadoo-shadow: 0 10px 28px rgba(15, 23, 42, .06), inset 0 1px 0 rgba(255, 255, 255, .72);--aishadoo-shadow-hover: 0 16px 42px rgba(30, 128, 255, .1), inset 0 1px 0 rgba(255, 255, 255, .78);--aishadoo-icon-bg: #eaf3ff;--aishadoo-icon-bg-2: rgba(255, 255, 255, .78);--accent-blue-soft: #eaf3ff;--accent-cyan-soft: #ddf7ff;--accent-purple-soft: #f1ecff;--accent-mint-soft: #e9f8f1;--accent-peach-soft: #fff0f2;--accent-honey-soft: #fff6dd;--accent-blue-text: #1e80ff;--accent-cyan-text: #126a82;--accent-purple-text: #5946a8;--accent-mint-text: #167a45;--accent-peach-text: #b64255;--accent-honey-text: #9a6200;--brand-cat-blue: var(--aishadoo-primary);--brand-cat-blue-pressed: var(--aishadoo-primary-pressed);--brand-book-orange: #ffb020;--brand-success: #32bc56;--brand-warm-warning: #ffb020;--brand-reward: #8f7cf6;--brand-peach: #fff0f2;--brand-soft-bg: var(--aishadoo-bg);--bg: var(--aishadoo-bg);--bg-elevated: var(--aishadoo-bg-elevated);--surface: var(--aishadoo-glass);--surface-strong: var(--aishadoo-glass-strong);--surface-soft: var(--aishadoo-surface-soft);--surface-accent: var(--aishadoo-surface-accent);--line: var(--aishadoo-line);--line-soft: var(--aishadoo-line);--line-strong: var(--aishadoo-line-strong);--primary: var(--aishadoo-primary);--primary-strong: var(--aishadoo-primary-strong);--primary-pressed: var(--aishadoo-primary-pressed);--primary-soft: rgba(30, 128, 255, .1);--success: #32bc56;--warning: #ffb020;--danger: #ff3b30;--text: var(--aishadoo-text);--text-title: var(--aishadoo-text-title);--text-strong: var(--aishadoo-text-strong);--text-body: var(--aishadoo-text-body);--muted: var(--aishadoo-muted);--muted-2: var(--aishadoo-muted-2);--disabled: var(--aishadoo-disabled);--text-muted: var(--aishadoo-muted);--heading-gradient: linear-gradient(135deg, #1e80ff 0%, #5b9df7 52%, #8f7cf6 100%);--card-radius: var(--aishadoo-card-radius);--control-radius: var(--aishadoo-control-radius);--shadow: var(--aishadoo-shadow);--shadow-hover: var(--aishadoo-shadow-hover);--press-shadow: inset 0 -2px 0 color-mix(in srgb, var(--primary-pressed) 30%, transparent);--ease-out-soft: var(--aishadoo-ease);--favorite-detail-backdrop: rgba(18, 24, 38, .34);--favorite-detail-surface: #ffffff;--favorite-detail-border: rgba(20, 30, 45, .12);--favorite-detail-shadow: 0 24px 70px rgba(16, 24, 40, .2);--dialog-backdrop: rgba(15, 23, 42, .46);--dialog-surface: #ffffff;--dialog-surface-raised: #fafafa;--dialog-surface-soft: #fafafa;--dialog-border: #dcdfe6;--dialog-shadow: 0 30px 84px rgba(15, 23, 42, .28);--app-mobile-vh: 100dvh;--mobile-browser-bottom-offset: 0px;--mobile-browser-top-offset: 0px}.theme-dark,:root[data-theme=dark]{color-scheme:dark;--aishadoo-bg: #0f0f0f;--aishadoo-bg-elevated: #151515;--aishadoo-primary: #58a9ff;--aishadoo-primary-strong: #5b9df7;--aishadoo-primary-pressed: #84c0ff;--aishadoo-glass: rgba(29, 29, 29, .94);--aishadoo-glass-strong: #252525;--aishadoo-glass-soft: rgba(36, 36, 36, .86);--aishadoo-surface-matte: #202020;--aishadoo-surface-soft: #242424;--aishadoo-surface-accent: #182235;--card-bg: linear-gradient(145deg, rgba(31, 31, 31, .94) 0%, rgba(24, 24, 24, .88) 100%);--card-bg-strong: linear-gradient(145deg, #252525 0%, #1d1d1d 100%);--card-bg-soft: linear-gradient(145deg, #242424 0%, #1c1c1c 100%);--card-bg-accent: linear-gradient(145deg, #182235 0%, #161b24 100%);--aishadoo-text: #ededed;--aishadoo-text-title: #f4f4f4;--aishadoo-text-strong: #e8e8e8;--aishadoo-text-body: #dedede;--aishadoo-muted: #a3a3a3;--aishadoo-muted-2: #737373;--aishadoo-disabled: #666666;--aishadoo-line: #2a2a2a;--aishadoo-line-strong: #363636;--aishadoo-glass-line: rgba(255, 255, 255, .06);--aishadoo-shadow: 0 16px 42px rgba(0, 0, 0, .32), inset 0 1px 0 rgba(255, 255, 255, .06);--aishadoo-shadow-hover: 0 22px 54px rgba(0, 0, 0, .4), inset 0 1px 0 rgba(255, 255, 255, .08);--aishadoo-icon-bg: rgba(88, 169, 255, .16);--aishadoo-icon-bg-2: rgba(255, 255, 255, .08);--accent-blue-soft: rgba(91, 157, 247, .18);--accent-cyan-soft: rgba(74, 206, 236, .16);--accent-purple-soft: rgba(143, 124, 246, .16);--accent-mint-soft: rgba(50, 188, 86, .16);--accent-peach-soft: rgba(255, 122, 144, .15);--accent-honey-soft: rgba(255, 176, 32, .16);--accent-blue-text: #8fc2ff;--accent-cyan-text: #7dd9ee;--accent-purple-text: #b9adff;--accent-mint-text: #79dd9a;--accent-peach-text: #ff9aaa;--accent-honey-text: #ffd073;--bg: var(--aishadoo-bg);--bg-elevated: var(--aishadoo-bg-elevated);--surface: var(--aishadoo-glass);--surface-strong: var(--aishadoo-glass-strong);--surface-soft: var(--aishadoo-surface-soft);--surface-accent: var(--aishadoo-surface-accent);--line: var(--aishadoo-line);--line-soft: var(--aishadoo-line);--line-strong: var(--aishadoo-line-strong);--primary: var(--aishadoo-primary);--primary-strong: var(--aishadoo-primary-strong);--primary-pressed: var(--aishadoo-primary-pressed);--primary-soft: rgba(91, 157, 247, .18);--success: #32bc56;--warning: #ffb35c;--danger: #ff453a;--text: var(--aishadoo-text);--text-title: var(--aishadoo-text-title);--text-strong: var(--aishadoo-text-strong);--text-body: var(--aishadoo-text-body);--muted: var(--aishadoo-muted);--muted-2: var(--aishadoo-muted-2);--disabled: var(--aishadoo-disabled);--text-muted: var(--aishadoo-muted);--heading-gradient: linear-gradient(135deg, #eaf3ff 0%, #8fc2ff 54%, #b9adff 100%);--shadow: var(--aishadoo-shadow);--shadow-hover: var(--aishadoo-shadow-hover);--favorite-detail-backdrop: rgba(0, 0, 0, .58);--favorite-detail-surface: #1d1d1d;--favorite-detail-border: rgba(255, 255, 255, .1);--favorite-detail-shadow: 0 28px 82px rgba(0, 0, 0, .56);--dialog-backdrop: rgba(0, 0, 0, .72);--dialog-surface: #1d1d1d;--dialog-surface-raised: #252525;--dialog-surface-soft: #202020;--dialog-border: #363636;--dialog-shadow: 0 32px 92px rgba(0, 0, 0, .62)}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;overflow-x:hidden;background:radial-gradient(circle at 10% 0%,color-mix(in srgb,var(--primary) 12%,transparent),transparent 28rem),radial-gradient(circle at 90% 8%,color-mix(in srgb,var(--accent-cyan-text) 8%,transparent),transparent 24rem),linear-gradient(180deg,var(--bg-elevated) 0%,var(--bg) 46%,color-mix(in srgb,var(--bg) 92%,var(--primary-soft)) 100%),var(--bg-elevated);color:var(--text)}button,input{font:inherit}button{cursor:pointer}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}button:focus-visible,input:focus-visible,a:focus-visible{outline:3px solid color-mix(in srgb,var(--primary) 42%,transparent);outline-offset:3px}.skip-link{position:fixed;left:1rem;top:-4rem;z-index:20;border-radius:999px;background:var(--surface-strong);color:var(--text);padding:.7rem 1rem;transition:top .18s ease}.skip-link:focus{top:1rem}.app-shell{min-height:100vh;display:grid;grid-template-columns:244px minmax(0,1fr)}@media(min-width:1200px){.app-shell:not(.app-shell-landing){grid-template-columns:244px minmax(0,1fr)}.app-shell:not(.app-shell-landing)>.side-nav{display:block}.app-shell:not(.app-shell-landing)>.main-stage{grid-column:2;min-width:0}}.app-shell-landing{display:block}.side-nav{position:sticky;top:0;height:100vh;padding:1.15rem;border-right:1px solid var(--line-soft);background:linear-gradient(180deg,color-mix(in srgb,var(--surface-accent) 42%,transparent),transparent 38%),color-mix(in srgb,var(--surface) 82%,transparent);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px)}.brand{display:flex;align-items:center;gap:.75rem;margin-bottom:1.2rem;padding:.3rem .25rem}.brand .app-icon-mark{display:grid;width:2.45rem;height:2.45rem;place-items:center;border-radius:14px;box-shadow:0 9px 22px color-mix(in srgb,var(--primary) 18%,transparent)}.brand strong{color:var(--text);letter-spacing:-.02em}.app-icon-mark{display:inline-grid;width:2.5rem;height:2.5rem;place-items:center;flex:0 0 auto}.app-icon-mark svg{display:block;width:100%;height:100%;overflow:visible}.app-icon-mark rect{fill:color-mix(in srgb,var(--brand-cat-blue) 12%,#f5f5f7);stroke:color-mix(in srgb,var(--brand-cat-blue) 18%,transparent);stroke-width:1}.coach-avatar{position:relative;display:inline-grid;width:clamp(3rem,7vw,5.4rem);aspect-ratio:1;place-items:center;flex:0 0 auto;isolation:isolate;animation:coach-breathe 2.6s var(--ease-out-soft) infinite}.coach-avatar img{position:relative;z-index:1;display:block;width:112%;height:112%;object-fit:contain;filter:drop-shadow(0 10px 18px rgba(60,72,100,.14))}.coach-avatar-shadow{position:absolute;z-index:0;right:12%;bottom:8%;left:12%;height:16%;border-radius:999px;background:color-mix(in srgb,var(--primary) 18%,transparent);filter:blur(10px);opacity:.72}.coach-avatar.mood-thinking img,.coach-avatar.mood-listening img{animation:coach-nod 1.8s var(--ease-out-soft) infinite}.coach-avatar.mood-perfect img{animation:coach-hop 1.2s var(--ease-out-soft) infinite}.coach-line-mark{display:inline-grid;width:clamp(2.6rem,7vw,4.8rem);aspect-ratio:1;place-items:center;flex:0 0 auto;background:transparent;color:var(--brand-cat-blue)}.coach-line-mark svg{display:block;width:100%;height:100%;overflow:visible}.coach-line-mark path{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:3;vector-effect:non-scaling-stroke}.coach-line-mark .coach-line-face,.coach-line-mark .coach-line-ear,.coach-line-mark .coach-line-eye,.coach-line-mark .coach-line-smile,.coach-line-mark .coach-line-blush{stroke:#8a5a3c}.coach-line-mark .coach-line-book{stroke:var(--brand-book-orange)}.coach-line-mark .coach-line-wave,.coach-line-mark .coach-line-headset,.coach-line-mark .coach-line-cup{stroke:var(--brand-cat-blue)}.analyzing-wave{display:inline-flex;align-items:center;gap:.55rem;width:fit-content;max-width:100%;border:1px solid color-mix(in srgb,var(--primary) 14%,var(--line-soft));border-radius:999px;background:color-mix(in srgb,var(--surface) 92%,var(--primary-soft));color:var(--primary);padding:.38rem .72rem;font-size:.82rem;font-weight:800;box-shadow:0 8px 22px color-mix(in srgb,var(--primary) 10%,transparent)}.analyzing-wave.compact{padding:.28rem .56rem;font-size:.76rem}.wave-bars{display:inline-flex;align-items:center;gap:.12rem;height:1.1rem}.wave-bars i{--wave-i: 0;display:block;width:.18rem;height:42%;border-radius:999px;background:linear-gradient(180deg,var(--brand-cat-blue),var(--brand-success));animation:wave-bounce .82s var(--ease-out-soft) infinite;animation-delay:calc(var(--wave-i) * 68ms)}.wave-bars i:nth-child(2),.wave-bars i:nth-child(6){height:64%}.wave-bars i:nth-child(3),.wave-bars i:nth-child(5){height:86%}.wave-bars i:nth-child(4){height:100%}.score-ring{--score: 0%;position:relative;display:grid;width:clamp(4.65rem,11vw,6.4rem);aspect-ratio:1;place-items:center;border-radius:50%;background:radial-gradient(circle at center,var(--surface-strong) 0 58%,transparent 59%),conic-gradient(var(--brand-success) var(--score),color-mix(in srgb,var(--primary) 10%,var(--line-soft)) 0);box-shadow:0 14px 30px color-mix(in srgb,var(--brand-success) 16%,transparent)}.score-ring span{color:var(--text);font-size:clamp(1.55rem,4.5vw,2.25rem);font-weight:900;font-variant-numeric:tabular-nums;line-height:1}.score-ring small{margin-top:-.7rem;color:var(--muted);font-size:.68rem;font-weight:820}.coach-empty-state{display:grid;justify-items:center;gap:.5rem;width:100%;min-height:13rem;border:1px dashed color-mix(in srgb,var(--primary) 20%,var(--line-soft));border-radius:var(--card-radius);background:radial-gradient(circle at 50% 16%,color-mix(in srgb,var(--brand-book-orange) 10%,transparent),transparent 12rem),color-mix(in srgb,var(--surface) 92%,var(--primary-soft));padding:1.3rem;text-align:center}.coach-empty-state .coach-avatar{width:clamp(3.5rem,14vw,5.8rem)}.coach-empty-state strong{color:var(--text);font-size:1rem;line-height:1.25}.coach-empty-state p{max-width:28rem;margin:0;color:var(--muted);font-size:.9rem;line-height:1.55}.coach-empty-action{display:inline-flex;justify-content:center;margin-top:.25rem}.side-nav nav{display:grid;gap:.28rem}.side-nav button,.bottom-tabs button{border:0;background:transparent;color:var(--muted);transition:background .18s ease,color .18s ease,transform .18s ease}.side-nav button{display:flex;align-items:center;gap:.75rem;width:100%;min-height:2.85rem;border-radius:13px;padding:.68rem .82rem}.side-nav button:hover,.bottom-tabs button:hover{color:var(--primary);background:color-mix(in srgb,var(--primary-soft) 64%,transparent)}.side-nav button.active,.bottom-tabs button.active{background:var(--primary-soft);color:var(--primary);font-weight:650}.main-stage{width:100%;max-width:1320px;margin:0 auto;padding:1.35rem 1.35rem 6.2rem}.page-panel,.content-card,.metric-card,.settings-card,.favorites-card,.subtitle-card,.control-card{border:1px solid var(--line-soft);border-radius:var(--card-radius);background:var(--card-bg);color:var(--text-body);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(22px) saturate(1.16);backdrop-filter:blur(22px) saturate(1.16)}@media(hover:hover){.content-card,.metric-card,.settings-card,.favorites-card,.summary-card,.subtitle-card,.control-card,.note-list-card,.word-card,.article-card,.video-card,.cloud-material-card{transition:transform .26s cubic-bezier(.22,1,.36,1),box-shadow .26s cubic-bezier(.22,1,.36,1),border-color .26s ease,background .26s ease}.content-card:hover,.metric-card:hover,.settings-card:hover,.favorites-card:hover,.summary-card:hover,.subtitle-card:hover,.control-card:hover,.note-list-card:hover,.word-card:hover,.article-card:hover,.video-card:hover,.cloud-material-card:hover{transform:translate3d(0,-2px,0);border-color:color-mix(in srgb,var(--primary) 42%,var(--line-soft));box-shadow:var(--shadow-hover)}.primary-action:hover,.primary-button:hover,.soft-button:hover,.section-inline-action:hover,.text-action:hover,.saved-card:hover,.word-card:hover,.knowledge-vault-preview button:hover,.review-choice-grid button:hover,.review-rating-row button:hover{transform:translateY(-1px);box-shadow:var(--shadow-hover)}}.page-panel{min-height:calc(100vh - 2.7rem);padding:1.15rem;border-color:var(--line-soft);background:radial-gradient(circle at 94% 8%,color-mix(in srgb,var(--primary) 7%,transparent),transparent 20rem),var(--card-bg)}@keyframes auth-spin{to{transform:rotate(360deg)}}.desktop-pricing-grid{grid-template-columns:repeat(2,minmax(0,1fr));max-width:780px;margin:0 auto}@keyframes reveal-up{0%{opacity:0;transform:translate3d(0,14px,0)}to{opacity:1;transform:translateZ(0)}}@keyframes landing-float{0%{transform:translateZ(0) scale(1)}to{transform:translate3d(2.2rem,1.4rem,0) scale(1.04)}}.page-heading,.section-title,.subtitle-header,.control-row,.settings-row,.article-card-top,.course-bottom,.course-meta,.detail-toolbar,.note-card-top,.article-actions{display:flex;align-items:center;justify-content:space-between;gap:1rem}.page-heading{margin-bottom:1rem}.page-heading p,.section-title p,.ios-hero p,.detail-toolbar p{margin:0 0 .25rem;color:var(--muted);font-size:.88rem;font-weight:600;letter-spacing:.01em}.page-heading h1,.ios-hero h1{margin:0;font-size:clamp(2rem,4.4vw,3.25rem);line-height:1.04;letter-spacing:-.045em}.page-heading h1,.ios-hero h1,.notes-sidebar-title h1,.article-reading-header h1,.review-hero h1,.stats-hero-panel h1,.knowledge-hero h1,.plan-hero h1,.practice-prompt-card h1{background:var(--heading-gradient);background-clip:text;-webkit-background-clip:text;color:var(--primary);-webkit-text-fill-color:transparent}.section-title h2,.settings-card h2,.favorites-card h2,.detail-toolbar h2{margin:0;color:var(--text-strong);font-size:1.18rem;letter-spacing:-.025em}.content-card h2,.content-card h3,.settings-card h2,.settings-card h3,.favorites-card h2,.favorites-card h3,.summary-card strong,.metric-card strong,.article-mini strong,.note-preview strong{color:var(--text-strong)}.content-card p,.settings-card p,.favorites-card p,.metric-card span,.summary-card span,.summary-card small{color:var(--muted)}.primary-action,.soft-button,.pill-button,.icon-button,.heading-actions button,.theme-toggle button,.text-action,.icon-only,.note-actions-grid button,.course-bottom button,.article-actions button{display:inline-flex;align-items:center;justify-content:center;gap:.45rem;min-height:2.55rem;border-radius:var(--control-radius);border:1px solid var(--line-soft);background:var(--surface-strong);color:var(--text-body);padding:0 .9rem;transition:background .18s ease,color .18s ease,border-color .18s ease,opacity .18s ease}.primary-action{border-color:transparent;background:linear-gradient(135deg,var(--primary-strong),var(--primary));color:#fff;font-weight:650;box-shadow:0 10px 24px color-mix(in srgb,var(--primary) 18%,transparent)}.primary-action:hover{background:linear-gradient(135deg,var(--primary),var(--primary-pressed))}.soft-button:hover,.pill-button:hover,.icon-button:hover,.heading-actions button:hover,.theme-toggle button:hover,.text-action:hover,.icon-only:hover,.note-actions-grid button:hover,.course-bottom button:hover,.article-actions button:hover{color:var(--primary);border-color:color-mix(in srgb,var(--primary) 42%,var(--line));background:var(--primary-soft)}.text-action{min-height:auto;border:0;background:transparent;color:var(--primary);padding:0}.learning-main-column,.learning-side-column{display:grid;gap:.85rem;min-width:0}.learning-side-column{position:sticky;top:1rem;align-self:stretch;display:flex;flex-direction:column;height:100%}@keyframes videoLoadingWave{0%,to{transform:scaleY(.62);opacity:.58}45%{transform:scaleY(1.45);opacity:1}}@keyframes videoLoadingPulse{0%{opacity:.48;transform:scale(.94)}to{opacity:0;transform:scale(1.28)}}.empty-video{height:100%;min-height:220px;display:grid;place-items:center;align-content:center;gap:.48rem;color:#ffffffdb}.empty-video p,.empty-card p{margin:0;font-weight:700}.empty-video span,.empty-card span,.muted{color:var(--muted);line-height:1.55}.subtitle-card{display:flex;min-height:0;height:100%;flex-direction:column;min-height:380px;padding:1rem}.cue-actions,.word-chip-row{display:flex;flex-wrap:wrap;gap:.5rem}.cue-actions button,.word-chip-row button{display:inline-flex;align-items:center;justify-content:center;gap:.35rem;min-height:2.15rem;border:1px solid var(--line-soft);border-radius:999px;background:var(--surface-strong);color:var(--text);padding:0 .72rem}.listening-probe-panel{display:grid;gap:.72rem;margin-top:.25rem;padding:.78rem;border:1px solid color-mix(in srgb,var(--primary) 18%,var(--line-soft));border-radius:18px;background:linear-gradient(135deg,color-mix(in srgb,var(--primary) 8%,transparent),transparent 46%),color-mix(in srgb,var(--surface-strong) 92%,var(--surface))}.listening-probe-panel.compact{padding:.72rem}.listening-probe-head,.listening-probe-footer{display:flex;align-items:flex-start;justify-content:space-between;gap:.7rem}.listening-probe-head>div{display:grid;gap:.2rem}.listening-probe-head span{display:inline-flex;align-items:center;gap:.32rem;color:var(--primary);font-size:.76rem;font-weight:800}.listening-probe-head strong{color:var(--text);font-size:.92rem;line-height:1.35}.listening-probe-head button,.listening-probe-footer button{display:inline-flex;align-items:center;justify-content:center;gap:.35rem;min-height:2rem;border:1px solid color-mix(in srgb,var(--primary) 18%,var(--line-soft));border-radius:12px;background:color-mix(in srgb,var(--surface) 82%,transparent);color:var(--text);padding:0 .64rem;font:inherit;font-size:.78rem;font-weight:720}.listening-probe-head button{flex:0 0 auto}.listening-probe-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.62rem}.listening-probe-fields label{display:grid;gap:.34rem}.listening-probe-fields span{color:var(--text-muted);font-size:.76rem;font-weight:760}.listening-probe-fields textarea{width:100%;min-height:4.2rem;resize:vertical;border:1px solid color-mix(in srgb,var(--border, var(--line-soft)) 82%,transparent);border-radius:12px;background:color-mix(in srgb,var(--surface) 92%,transparent);color:var(--text);padding:.58rem .68rem;font:inherit;font-size:.86rem;line-height:1.45}.listening-probe-fields textarea:focus{outline:2px solid color-mix(in srgb,var(--primary) 26%,transparent);border-color:color-mix(in srgb,var(--primary) 38%,var(--line-soft))}.listening-probe-fields textarea::placeholder{color:var(--text-muted);opacity:.72}.listening-probe-footer p{margin:0;color:var(--text-muted);font-size:.8rem;line-height:1.45}.listening-probe-footer div{display:inline-flex;flex:0 0 auto;flex-wrap:wrap;gap:.4rem;justify-content:flex-end}.listening-probe-footer button:disabled{cursor:not-allowed;opacity:.46}@media(max-width:720px){.listening-probe-head,.listening-probe-footer,.listening-probe-fields{grid-template-columns:1fr;flex-direction:column;align-items:stretch}.listening-probe-head button,.listening-probe-footer button{width:100%;min-height:2.5rem}}.word-chip-row button{min-height:1.95rem;color:var(--primary);background:var(--primary-soft);font-size:.86rem}.anchored-word-lookup-popover,.article-word-lookup-popover{right:auto;bottom:auto;max-height:min(68dvh,calc(100dvh - 1.5rem));z-index:10000}@keyframes word-lookup-spin{to{transform:rotate(360deg)}}.control-card{display:grid;gap:.6rem;border:1px solid color-mix(in srgb,var(--primary) 9%,var(--line-soft));border-radius:24px;background:var(--surface);box-shadow:0 16px 42px color-mix(in srgb,var(--text) 9%,transparent);padding:.85rem}.progress{width:100%;accent-color:var(--primary)}.time-row{display:flex;justify-content:space-between;color:var(--muted);font-size:.82rem;font-variant-numeric:tabular-nums}.transport,.mini-actions,.heading-actions,.theme-toggle{display:flex;align-items:center;gap:.5rem}.control-card .control-row{display:grid;grid-template-columns:2.7rem 2.7rem 4.4rem 2.7rem 2.9rem 2.9rem 2.7rem 4.25rem 2.7rem;align-items:center;justify-content:center;gap:.55rem}.learning-control-card{position:relative;z-index:6;width:100%}.icon-button,.icon-only{width:2.55rem;padding:0}.control-card .icon-button{position:relative;width:2.78rem;height:2.78rem;border-radius:50%;background:var(--surface-strong);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--primary) 5%,transparent);transition:transform .15s ease,background .15s ease,color .15s ease,box-shadow .15s ease}.control-card .icon-button:hover,.control-card .icon-button:focus-visible,.control-card .icon-button.selected{background:var(--primary-soft);color:var(--primary);transform:translateY(-1px);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--primary) 18%,transparent),0 8px 18px color-mix(in srgb,var(--primary) 12%,transparent)}.control-card .icon-button small{position:absolute;right:-.22rem;bottom:-.18rem;min-width:1.35rem;border-radius:999px;background:var(--surface-strong);color:var(--primary);font-size:.64rem;font-weight:750;box-shadow:0 4px 10px #00000014}.play-button{display:grid;width:4.25rem;height:4.25rem;place-items:center;border:0;border-radius:50%;background:var(--primary);color:#fff;box-shadow:0 12px 26px color-mix(in srgb,var(--primary) 28%,transparent);transition:transform .15s ease,box-shadow .15s ease}.play-button:hover,.play-button:focus-visible{transform:translateY(-1px);box-shadow:0 16px 32px color-mix(in srgb,var(--primary) 32%,transparent)}.shadowing-hold-button{position:relative;display:grid;place-items:center;border:1px solid color-mix(in srgb,var(--warning) 24%,var(--line));border-radius:50%;background:linear-gradient(180deg,color-mix(in srgb,#fff 92%,var(--surface-strong)),color-mix(in srgb,var(--warning) 5%,var(--surface-strong))),var(--surface-strong);color:var(--text);font-weight:750;box-shadow:inset 0 1px color-mix(in srgb,#fff 78%,transparent),0 12px 26px #0f172a14;touch-action:none;-webkit-user-select:none;user-select:none}.shadowing-hold-button.recording{transform:scale(.98);border-color:color-mix(in srgb,var(--warning) 48%,var(--line));background:linear-gradient(180deg,color-mix(in srgb,#fff 86%,var(--surface-strong)),color-mix(in srgb,var(--warning) 12%,var(--surface-strong))),var(--surface-strong);color:color-mix(in srgb,var(--warning) 78%,var(--text))}.shadowing-hold-button.compact{width:4.25rem;height:4.25rem;min-height:4.25rem}.shadowing-hold-button svg:first-child{color:var(--warning)}.speed-control{position:relative}.subtitle-mode-menu,.speed-menu{position:absolute;z-index:40;right:0;bottom:calc(100% + .45rem);display:grid;min-width:8.6rem;overflow:hidden;border:1px solid var(--line-soft);border-radius:15px;background:var(--surface-strong);box-shadow:var(--shadow);padding:.32rem}.subtitle-mode-menu button,.speed-menu button{border:0;border-radius:11px;background:transparent;color:var(--text);padding:.62rem .78rem;text-align:left}.subtitle-mode-menu button.active,.subtitle-mode-menu button:hover,.speed-menu button.active,.speed-menu button:hover{background:var(--primary-soft);color:var(--primary)}@media(min-width:641px){.learning-side-column:has(.shadowing-card.result),.learning-side-column.has-shadowing-result{position:relative;top:0}}.shadowing-card-top span,.comparison-box span{color:var(--muted);font-size:.82rem;font-weight:650}.mic-orb{position:relative;z-index:2;display:grid;width:4.25rem;height:4.25rem;place-items:center;border-radius:50%;background:var(--surface-strong);color:var(--primary);box-shadow:0 10px 34px color-mix(in srgb,var(--primary) 18%,transparent)}.wave-ring{position:absolute;width:5.1rem;height:5.1rem;border:1px solid color-mix(in srgb,var(--primary) 38%,transparent);border-radius:50%;animation:listening-wave 2.2s ease-out infinite}.ring-two{animation-delay:.42s}.ring-three{animation-delay:.84s}.score-ring{--score-deg: 0deg;display:grid;width:4.7rem;height:4.7rem;place-items:center;justify-self:center;border-radius:50%;background:radial-gradient(circle at center,var(--surface-strong) 58%,transparent 59%),conic-gradient(var(--primary) var(--score-deg),var(--line-soft) 0deg)}.score-ring strong{align-self:end;margin-bottom:-.1rem}.score-ring span{align-self:start;color:var(--muted);font-size:.72rem}.shadowing-result{display:grid;gap:.75rem}.shadowing-result-card{display:grid;gap:.78rem;min-width:0;max-width:100%;overflow-x:clip}.shadowing-result-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,auto);align-items:center;gap:.8rem;min-width:0;max-width:100%;overflow:hidden;border:1px solid color-mix(in srgb,var(--primary) 18%,var(--line-soft));border-radius:18px;background:radial-gradient(circle at 96% 0%,color-mix(in srgb,var(--brand-success) 16%,transparent),transparent 10rem),linear-gradient(135deg,color-mix(in srgb,var(--primary) 12%,var(--surface)),var(--surface)),var(--surface);padding:.85rem}.shadowing-result-hero>*{min-width:0}.shadowing-result-hero span,.teacher-priority-kicker span,.teacher-priority-grid span,.teacher-priority-drill span,.diagnostic-teacher-head span,.diagnostic-evidence-grid span,.diagnostic-drill-panel>span,.teacher-token-panel>span,.next-rep-panel span,.teacher-feedback-panel>span{color:var(--primary);font-size:.76rem;font-weight:820;letter-spacing:0}.shadowing-result-hero strong{display:block;margin-top:.12rem;color:var(--text);font-size:1.85rem;line-height:1}.shadowing-score-stack .score-ring span{margin:0;color:var(--text);font-size:1.8rem;font-weight:920;letter-spacing:0}.shadowing-score-stack .score-ring small{color:var(--muted);font-size:.66rem}.shadowing-result-score-rings{display:grid;width:min(100%,20rem);max-width:100%;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(.24rem,1vw,.52rem);min-width:0;align-items:center;justify-self:end}.shadowing-result-score-rings .score-ring{width:clamp(2.8rem,6vw,3.75rem);height:clamp(2.8rem,6vw,3.75rem);justify-self:center;background:radial-gradient(circle at center,var(--surface-strong) 0 58%,transparent 59%),conic-gradient(var(--brand-success) var(--score),color-mix(in srgb,var(--primary) 10%,var(--line-soft)) 0);box-shadow:none}.shadowing-result-score-rings .score-ring span{font-size:clamp(.82rem,1.8vw,1.05rem);font-weight:900}.shadowing-result-score-rings .score-ring small{margin-top:-.36rem;font-size:clamp(.52rem,1.3vw,.62rem)}.shadowing-result-hero p,.teacher-priority-card p,.next-rep-panel p,.teacher-feedback-panel p,.shadowing-stage-message{margin:0;color:color-mix(in srgb,var(--text) 68%,var(--muted));font-size:.9rem;line-height:1.5}.teacher-priority-card{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.72rem;border:1px solid color-mix(in srgb,var(--brand-book-orange) 28%,var(--line-soft));border-radius:18px;background:linear-gradient(140deg,color-mix(in srgb,var(--brand-book-orange) 14%,var(--surface)),var(--surface) 58%),var(--surface);padding:.9rem}.learning-data-asset-card{display:grid;gap:.62rem;border:1px solid color-mix(in srgb,var(--primary) 20%,var(--line-soft));border-radius:16px;background:linear-gradient(135deg,color-mix(in srgb,var(--primary) 8%,var(--surface)),var(--surface) 64%),var(--surface);padding:.82rem}.learning-data-asset-head{display:flex;align-items:flex-start;gap:.55rem}.learning-data-asset-head svg{flex:0 0 auto;margin-top:.1rem;color:var(--primary)}.learning-data-asset-head span{display:block;color:var(--primary);font-size:.74rem;font-weight:850;letter-spacing:0}.learning-data-asset-head strong{display:block;margin-top:.14rem;color:var(--text);font-size:.98rem;line-height:1.24}.learning-data-asset-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.48rem}.learning-data-asset-grid p{min-width:0;margin:0;border-radius:12px;background:color-mix(in srgb,var(--surface-strong) 72%,transparent);color:color-mix(in srgb,var(--text) 76%,var(--muted));padding:.54rem .58rem;font-size:.78rem;line-height:1.48}.learning-data-asset-grid .learning-data-asset-context{grid-column:1 / -1;border-color:color-mix(in srgb,var(--primary) 24%,transparent);background:color-mix(in srgb,var(--primary) 10%,var(--surface-strong));color:color-mix(in srgb,var(--text) 88%,var(--primary));font-weight:780}.learning-data-asset-card small{color:var(--muted);font-size:.76rem;line-height:1.45}.teacher-priority-main{display:grid;align-content:start;gap:.34rem;min-width:0}.teacher-priority-kicker{display:flex;flex-wrap:wrap;align-items:center;gap:.34rem}.teacher-priority-kicker svg{color:var(--brand-book-orange)}.teacher-priority-kicker span,.teacher-priority-grid span,.teacher-priority-drill span{color:color-mix(in srgb,var(--text) 62%,var(--brand-book-orange))}.teacher-priority-kicker em{border-radius:999px;background:color-mix(in srgb,var(--brand-book-orange) 12%,var(--surface));color:color-mix(in srgb,var(--text) 70%,var(--brand-book-orange));padding:.18rem .46rem;font-size:.7rem;font-style:normal;font-weight:820}.teacher-priority-main>strong{color:var(--text);font-size:1.24rem;line-height:1.22;overflow-wrap:anywhere}.teacher-priority-score{display:grid;align-content:center;justify-items:center;min-width:5rem;min-height:5rem;border-radius:16px;background:color-mix(in srgb,var(--brand-book-orange) 10%,var(--surface))}.teacher-priority-score span{color:color-mix(in srgb,var(--text) 58%,var(--brand-book-orange));font-size:.72rem;font-weight:840}.teacher-priority-score strong{color:var(--text);font-size:2rem;line-height:1}.teacher-priority-grid{grid-column:1 / -1;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.48rem}.teacher-priority-grid div,.teacher-priority-drill{display:grid;gap:.18rem;border-radius:13px;background:color-mix(in srgb,var(--surface) 80%,var(--brand-book-orange) 5%);padding:.58rem}.teacher-priority-grid strong,.teacher-priority-drill strong{color:var(--text);font-size:.84rem;line-height:1.38;overflow-wrap:anywhere}.teacher-priority-drill{grid-column:1 / -1}.shadowing-memory-card{display:grid;gap:.38rem;border:1px solid color-mix(in srgb,#2d74b7 16%,var(--line-soft));border-radius:16px;background:linear-gradient(145deg,#f8fbfdf0,#f0f6fae0),var(--surface);box-shadow:inset 0 1px #ffffffbd;padding:.76rem .82rem}.shadowing-memory-card>div{display:flex;align-items:center;gap:.38rem;min-width:0}.shadowing-memory-card svg{color:#2d74b7}.shadowing-memory-card span{color:#2d74b7;font-size:.74rem;font-weight:880}.shadowing-memory-card em{margin-left:auto;border-radius:999px;background:color-mix(in srgb,#2d74b7 9%,var(--surface));color:#2d5f91;font-size:.7rem;font-style:normal;font-weight:820;padding:.18rem .44rem}.shadowing-memory-card strong{color:var(--text);font-size:.96rem;line-height:1.32}.shadowing-memory-card p,.shadowing-memory-card small{margin:0;color:color-mix(in srgb,var(--text) 66%,var(--muted));line-height:1.45}.shadowing-memory-card small{font-size:.76rem}.teacher-token-panel,.diagnostic-teacher-panel,.diagnostic-drill-panel,.next-rep-panel,.teacher-feedback-panel{display:grid;gap:.48rem;min-width:0;max-width:100%;border-radius:16px;background:var(--bg-elevated);padding:.82rem}.diagnostic-teacher-panel{border:1px solid color-mix(in srgb,var(--primary) 18%,var(--line-soft));background:var(--surface)}.diagnostic-teacher-head{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.55rem}.diagnostic-teacher-head svg{color:var(--primary)}.diagnostic-teacher-head strong,.diagnostic-drill-panel>strong{display:block;color:var(--text);line-height:1.25}.diagnostic-teacher-head em{border-radius:999px;background:color-mix(in srgb,var(--primary) 9%,var(--surface));color:var(--primary);padding:.22rem .46rem;font-size:.7rem;font-style:normal;font-weight:780;white-space:nowrap}.diagnostic-teacher-panel p{margin:0;color:color-mix(in srgb,var(--text) 72%,var(--muted));font-size:.9rem;line-height:1.5}.diagnostic-evidence-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem}.diagnostic-evidence-grid div{display:grid;gap:.2rem;border-radius:12px;background:var(--bg-elevated);padding:.58rem}.diagnostic-evidence-grid strong{color:var(--text);font-size:.82rem;line-height:1.42}.shadowing-result-card .result-card-deep-analysis{display:grid;gap:.62rem;min-width:0;max-width:100%;border:1px solid color-mix(in srgb,var(--primary) 16%,var(--line-soft));border-radius:16px;background:color-mix(in srgb,var(--surface) 94%,var(--primary-soft));padding:.82rem}.shadowing-result-card .result-card-deep-analysis>div:first-child,.shadowing-result-card .result-card-deep-analysis summary{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:.42rem .55rem}.shadowing-result-card .result-card-deep-analysis summary{display:block;cursor:pointer;list-style:none}.shadowing-result-card .result-card-deep-analysis[open]{border-color:color-mix(in srgb,var(--primary) 24%,var(--line-soft));background:linear-gradient(145deg,color-mix(in srgb,var(--primary) 8%,var(--surface)),var(--surface)),var(--surface)}.shadowing-result-card .result-card-deep-analysis summary::-webkit-details-marker{display:none}.shadowing-result-card .result-card-deep-analysis svg{color:var(--primary)}.shadowing-result-card .result-card-deep-analysis span,.shadowing-result-card .result-card-evidence-list>span,.shadowing-result-card .result-card-deep-section>span,.shadowing-result-card .result-card-latency-list span{color:var(--primary);font-size:.74rem;font-weight:820;letter-spacing:0}.shadowing-result-card .result-card-deep-analysis strong,.shadowing-result-card .result-card-deep-section strong{color:var(--text);line-height:1.28}.shadowing-result-card .result-card-deep-analysis p,.shadowing-result-card .result-card-deep-analysis small{margin:0;color:color-mix(in srgb,var(--text) 72%,var(--muted));font-size:.88rem;line-height:1.5}.shadowing-result-card .result-card-deep-analysis button{justify-self:start;display:inline-flex;align-items:center;gap:.35rem;border:1px solid color-mix(in srgb,var(--primary) 18%,var(--line-soft));border-radius:999px;background:var(--surface);color:var(--primary);padding:.46rem .72rem;font-weight:780}.shadowing-result-card .result-card-deep-analysis-locked{border-style:dashed;background:color-mix(in srgb,var(--brand-book-orange) 7%,var(--surface))}.shadowing-result-card .result-card-intelligence-summary{display:grid;grid-template-columns:auto minmax(0,1fr);gap:.5rem .65rem;align-items:start;min-width:0}.shadowing-result-card .intelligence-summary-icon{display:grid;width:2rem;height:2rem;place-items:center;border-radius:12px;background:color-mix(in srgb,var(--primary) 10%,var(--surface));color:var(--primary)}.shadowing-result-card .intelligence-primary{display:grid;gap:.16rem;min-width:0}.shadowing-result-card .intelligence-primary span,.shadowing-result-card .result-card-cognitive-map span,.shadowing-result-card .intelligence-metric-grid span{color:var(--primary);font-size:.72rem;font-weight:840;letter-spacing:0}.shadowing-result-card .intelligence-primary strong{color:var(--text);font-size:1.04rem;line-height:1.25;overflow-wrap:anywhere}.shadowing-result-card .intelligence-primary p{margin:0;color:color-mix(in srgb,var(--text) 74%,var(--muted));font-size:.88rem;line-height:1.48}.shadowing-result-card .intelligence-chip-row{grid-column:2;display:flex;flex-wrap:wrap;gap:.36rem;min-width:0}.shadowing-result-card .intelligence-chip-row span{border:1px solid color-mix(in srgb,var(--primary) 14%,var(--line-soft));border-radius:999px;background:color-mix(in srgb,var(--primary) 7%,var(--surface));color:color-mix(in srgb,var(--text) 78%,var(--primary));padding:.2rem .48rem;font-size:.7rem;font-weight:780;line-height:1.2;overflow-wrap:anywhere}.shadowing-result-card .result-card-cognitive-map{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:.62rem;border:1px solid color-mix(in srgb,var(--primary) 18%,var(--line-soft));border-radius:16px;background:linear-gradient(135deg,color-mix(in srgb,var(--primary) 9%,var(--surface)),var(--surface)),var(--surface);padding:.76rem}.shadowing-result-card .cognitive-map-primary{display:grid;align-content:start;gap:.34rem;min-width:0}.shadowing-result-card .cognitive-map-primary strong{color:var(--text);font-size:1.08rem;line-height:1.25}.shadowing-result-card .cognitive-map-primary p{margin:0;color:color-mix(in srgb,var(--text) 74%,var(--muted));font-size:.9rem;line-height:1.5}.shadowing-result-card .cognitive-map-primary .intelligence-chip-row{grid-column:auto}.shadowing-result-card .intelligence-metric-grid{display:grid;gap:.44rem;min-width:0}.shadowing-result-card .intelligence-metric-grid div{display:grid;grid-template-columns:auto minmax(0,1fr);gap:.12rem .42rem;align-items:center;border-radius:13px;background:var(--bg-elevated);padding:.54rem .58rem}.shadowing-result-card .intelligence-metric-grid svg{grid-row:span 2;color:var(--primary)}.shadowing-result-card .intelligence-metric-grid strong{color:var(--text);font-size:.84rem;line-height:1.35;overflow-wrap:anywhere}.shadowing-result-card .result-card-deep-body,.shadowing-result-card .result-card-deep-section,.shadowing-result-card .result-card-evidence-list,.shadowing-result-card .result-card-latency-list,.shadowing-result-card .listening-awareness-panel,.shadowing-result-card .listening-awareness-grid,.shadowing-result-card .listening-awareness-drill,.shadowing-result-card .teacher-v2-panel,.shadowing-result-card .teacher-v2-contract,.shadowing-result-card .teacher-v2-drill{display:grid;gap:.52rem}.shadowing-result-card .result-card-deep-body{margin-top:.68rem}.shadowing-result-card .listening-awareness-panel{border:1px solid color-mix(in srgb,var(--primary) 28%,var(--line-soft));border-radius:16px;background:linear-gradient(135deg,color-mix(in srgb,var(--primary) 13%,var(--surface)),color-mix(in srgb,var(--surface) 92%,var(--brand-book-orange) 4%)),var(--surface);padding:.78rem}.shadowing-result-card .listening-awareness-head{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.5rem}.shadowing-result-card .listening-awareness-head svg{color:var(--primary)}.shadowing-result-card .listening-awareness-head span,.shadowing-result-card .listening-awareness-grid span,.shadowing-result-card .listening-awareness-drill>span{color:var(--primary);font-size:.73rem;font-weight:840}.shadowing-result-card .listening-awareness-head strong{color:var(--text);font-size:1.03rem;line-height:1.32}.shadowing-result-card .listening-awareness-head em{border-radius:999px;background:color-mix(in srgb,var(--primary) 12%,var(--surface));color:color-mix(in srgb,var(--text) 76%,var(--primary));padding:.2rem .48rem;font-size:.7rem;font-style:normal;font-weight:780}.shadowing-result-card .listening-awareness-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.shadowing-result-card .listening-awareness-grid p{display:grid;gap:.18rem;border-radius:12px;background:color-mix(in srgb,var(--surface) 76%,var(--primary) 5%);padding:.58rem}.shadowing-result-card .listening-awareness-grid strong{color:var(--text);font-size:.86rem;line-height:1.38}.shadowing-result-card .listening-awareness-drill div{display:grid;gap:.42rem}.shadowing-result-card .listening-awareness-drill button{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:.42rem;border:1px solid color-mix(in srgb,var(--primary) 18%,var(--line-soft));border-radius:12px;background:var(--surface);color:var(--text);padding:.5rem .58rem;text-align:left}.shadowing-result-card .listening-awareness-drill i{display:inline-grid;width:1.45rem;height:1.45rem;place-items:center;border-radius:999px;background:color-mix(in srgb,var(--primary) 14%,var(--surface));color:var(--primary);font-size:.72rem;font-style:normal;font-weight:820}.shadowing-result-card .teacher-v2-panel{border:1px solid color-mix(in srgb,var(--brand-book-orange) 26%,var(--line-soft));border-radius:16px;background:linear-gradient(135deg,color-mix(in srgb,var(--brand-book-orange) 12%,var(--surface)),var(--surface)),var(--surface);padding:.78rem}.shadowing-result-card .teacher-v2-head{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.5rem}.shadowing-result-card .teacher-v2-head svg{color:var(--brand-book-orange)}.shadowing-result-card .teacher-v2-head span,.shadowing-result-card .teacher-v2-contract span,.shadowing-result-card .teacher-v2-drill>span{color:var(--brand-book-orange);font-size:.73rem;font-weight:840}.shadowing-result-card .teacher-v2-head strong{color:var(--text);font-size:1.02rem;line-height:1.32}.shadowing-result-card .teacher-v2-head em{border-radius:999px;background:color-mix(in srgb,var(--brand-book-orange) 12%,var(--surface));color:color-mix(in srgb,var(--text) 76%,var(--brand-book-orange));padding:.2rem .48rem;font-size:.7rem;font-style:normal;font-weight:780}.shadowing-result-card .teacher-v2-contract{grid-template-columns:repeat(2,minmax(0,1fr))}.shadowing-result-card .teacher-v2-contract p{display:grid;gap:.18rem;border-radius:12px;background:color-mix(in srgb,var(--surface) 74%,var(--brand-book-orange) 5%);padding:.58rem}.shadowing-result-card .teacher-v2-contract strong{color:var(--text);font-size:.86rem;line-height:1.38}.shadowing-result-card .teacher-v2-drill div{display:grid;gap:.42rem}.shadowing-result-card .teacher-v2-drill button{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:.42rem;border:1px solid color-mix(in srgb,var(--brand-book-orange) 18%,var(--line-soft));border-radius:12px;background:var(--surface);color:var(--text);padding:.5rem .58rem;text-align:left}.shadowing-result-card .teacher-v2-drill i{display:inline-grid;width:1.45rem;height:1.45rem;place-items:center;border-radius:999px;background:color-mix(in srgb,var(--brand-book-orange) 14%,var(--surface));color:var(--brand-book-orange);font-size:.72rem;font-style:normal;font-weight:820}@media(max-width:520px){.shadowing-result-hero{grid-template-columns:1fr}.shadowing-result-score-rings{grid-template-columns:repeat(4,minmax(0,1fr));width:100%;min-width:0;justify-self:stretch}.shadowing-result-score-rings .score-ring{width:clamp(2.55rem,18vw,3.2rem);height:clamp(2.55rem,18vw,3.2rem)}.shadowing-result-score-rings .score-ring span{font-size:.94rem}.shadowing-result-score-rings .score-ring small{font-size:.58rem}.shadowing-result-card .listening-awareness-head,.shadowing-result-card .listening-awareness-grid,.shadowing-result-card .teacher-v2-head,.shadowing-result-card .teacher-v2-contract{grid-template-columns:1fr}.shadowing-result-card .listening-awareness-head em,.shadowing-result-card .teacher-v2-head em{justify-self:start}}.shadowing-result-card .result-card-deep-section{border-radius:14px;background:var(--bg-elevated);padding:.72rem}.shadowing-result-card .result-card-evidence-list p,.shadowing-result-card .result-card-latency-list>div{border-radius:12px;background:var(--surface);padding:.54rem}.diagnostic-issue-row{display:flex;flex-wrap:wrap;gap:.38rem}.diagnostic-issue-row span{border-radius:999px;background:color-mix(in srgb,var(--primary) 8%,var(--bg-elevated));color:color-mix(in srgb,var(--text) 78%,var(--primary));padding:.24rem .46rem;font-size:.73rem;font-weight:780}.token-line{display:flex;flex-wrap:wrap;gap:.35rem;margin:0;color:var(--text);line-height:1.8}.tok{--tok-delay: 0ms;border-radius:8px;background:transparent;color:var(--text);padding:.05rem .25rem;font-weight:720;animation:token-rise .22s ease both;animation-delay:var(--tok-delay)}.token-translation{margin:0;color:var(--muted);line-height:1.55}.teacher-token-panel small{color:var(--muted);line-height:1.45}.teacher-audio-actions,.teacher-toolbar-actions,.teacher-score-strip,.teacher-result-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.55rem}.teacher-toolbar-actions{max-width:100%;grid-template-columns:repeat(auto-fit,minmax(min(8.6rem,100%),1fr));min-width:0}.teacher-audio-actions button,.teacher-toolbar-actions button,.teacher-result-actions button,.next-rep-steps button{cursor:pointer}.teacher-audio-actions button,.teacher-toolbar-actions button{display:inline-flex;min-height:42px;align-items:center;justify-content:center;gap:.38rem;border:1px solid var(--line-soft);border-radius:12px;background:var(--surface);color:var(--text);font-weight:780}.teacher-toolbar-actions button{min-width:0;max-width:100%;padding:.48rem .58rem;font-size:.84rem;line-height:1.2;white-space:normal;overflow-wrap:anywhere}.teacher-toolbar-actions button svg{flex:0 0 auto}.teacher-toolbar-actions .sample-pack-button{border-color:color-mix(in srgb,var(--brand-book-orange) 28%,var(--line-soft));background:color-mix(in srgb,var(--brand-book-orange) 9%,var(--surface));color:color-mix(in srgb,var(--text) 74%,var(--brand-book-orange))}.teacher-audio-actions button:disabled,.teacher-toolbar-actions button:disabled{cursor:not-allowed;opacity:.48}.next-rep-panel>div:first-child strong{display:block;color:var(--text)}.next-rep-steps{display:grid;gap:.46rem}.diagnostic-drill-panel>div{display:grid;gap:.44rem}.diagnostic-drill-panel button{display:grid;grid-template-columns:1.45rem minmax(0,1fr);align-items:center;gap:.44rem;border:1px solid var(--line-soft);border-radius:12px;background:var(--surface);color:var(--text);padding:.48rem .52rem;text-align:left;cursor:pointer}.diagnostic-drill-panel button i{display:grid;width:1.32rem;height:1.32rem;place-items:center;border-radius:50%;background:color-mix(in srgb,var(--primary) 10%,var(--bg-elevated));color:var(--primary);font-size:.72rem;font-style:normal;font-weight:850}.diagnostic-drill-panel button span{color:var(--text);font-size:.84rem;font-weight:780;overflow-wrap:anywhere}.next-rep-steps button{display:grid;grid-template-columns:1.75rem minmax(0,1fr);align-items:start;gap:.5rem;border:1px solid color-mix(in srgb,var(--primary) 12%,var(--line-soft));border-radius:13px;background:var(--surface);color:var(--text);padding:.58rem;text-align:left}.next-rep-steps i{display:grid;width:1.55rem;height:1.55rem;place-items:center;border-radius:50%;background:var(--primary-soft);color:var(--primary);font-style:normal;font-size:.78rem;font-weight:850}.next-rep-steps button span{display:grid;gap:.12rem}.next-rep-steps button strong{color:var(--text);font-size:.9rem}.next-rep-steps button em{color:var(--muted);font-style:normal;font-size:.78rem;line-height:1.42}.teacher-feedback-panel .shadowing-coach-button{margin-top:.1rem}.teacher-result-actions .primary-button,.teacher-result-actions .soft-button{min-height:44px;border-radius:12px}.teacher-result-actions .primary-button{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;border:0;background:linear-gradient(135deg,#007aff,#5b6cff);color:#fff;font-weight:850}.teacher-queue-note{display:flex;align-items:flex-start;gap:.38rem;color:var(--muted);font-size:.78rem;line-height:1.42}.teacher-queue-note svg{flex:0 0 auto;color:color-mix(in srgb,#22c55e 80%,var(--primary));margin-top:.04rem}.shadowing-save-status{display:flex;align-items:flex-start;gap:.48rem;border:1px solid color-mix(in srgb,var(--primary) 20%,transparent);border-radius:12px;background:color-mix(in srgb,var(--primary) 8%,var(--surface));padding:.62rem .7rem;color:color-mix(in srgb,var(--text) 82%,var(--primary));font-size:.9rem;font-weight:680;line-height:1.42}.shadowing-save-status svg{flex:0 0 auto;margin-top:.08rem;color:var(--primary)}.shadowing-save-status.weak{border-color:color-mix(in srgb,var(--warning, #f59e0b) 34%,transparent);background:color-mix(in srgb,var(--warning, #f59e0b) 12%,var(--surface));color:color-mix(in srgb,var(--text) 86%,#9a5c00)}.shadowing-save-status.weak svg{color:color-mix(in srgb,var(--warning, #f59e0b) 82%,var(--primary))}.shadowing-result audio{width:100%}@media(max-width:520px){.teacher-priority-card{grid-template-columns:1fr}.teacher-priority-score{justify-self:start;min-width:4.4rem;min-height:4.4rem}.teacher-priority-grid{grid-template-columns:1fr}.teacher-toolbar-actions{grid-template-columns:repeat(2,minmax(0,1fr))}.shadowing-result-hero{grid-template-columns:minmax(0,1fr)}.shadowing-score-stack .score-ring{width:4.7rem}.diagnostic-teacher-head{grid-template-columns:auto minmax(0,1fr)}.diagnostic-teacher-head em{grid-column:2;justify-self:start}.diagnostic-evidence-grid{grid-template-columns:1fr}}.shadowing-feedback-box{display:grid;gap:.65rem;border-radius:16px;background:color-mix(in srgb,var(--primary) 8%,var(--surface));padding:.85rem}.shadowing-feedback-box.compact{gap:.38rem;padding:.72rem}.shadowing-feedback-box div{display:grid;gap:.25rem}.shadowing-feedback-box span{color:var(--primary);font-size:.82rem;font-weight:750}.shadowing-feedback-box p{margin:0;color:color-mix(in srgb,var(--text) 72%,var(--muted));font-size:.92rem;line-height:1.55}.modal-backdrop{position:fixed;z-index:40;inset:0;display:grid;place-items:center;background:#00000047;padding:1rem;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}body:has(.favorite-detail-backdrop) .ai-assistant,body:has(.knowledge-detail-backdrop) .ai-assistant,body:has(.plan-modal-backdrop) .ai-assistant{display:none}body:has(.favorite-detail-backdrop) .bottom-tabs,body:has(.knowledge-detail-backdrop) .bottom-tabs,body:has(.plan-modal-backdrop) .bottom-tabs{display:none!important}.favorite-detail-modal .shadowing-card-top{position:relative;z-index:3;padding-inline:0}.favorite-detail-modal .comparison-box{position:relative;z-index:1;min-height:0;overflow:auto;border:0;border-radius:22px;background:color-mix(in srgb,var(--primary-soft) 34%,var(--surface-strong));padding:clamp(1.15rem,2.2vw,1.65rem);scrollbar-width:thin}.favorite-detail-modal .comparison-box p{color:color-mix(in srgb,var(--text) 82%,var(--muted));font-size:clamp(1rem,1.65vw,1.35rem);line-height:1.55}.favorite-detail-modal .comparison-box span{color:var(--primary);font-size:clamp(.86rem,1.2vw,1rem)}.favorite-detail-sentence .comparison-box{display:grid;gap:.72rem;padding-block:clamp(1.35rem,3vw,2.1rem)}.favorite-detail-sentence .comparison-box p{font-size:clamp(1.12rem,2vw,1.6rem);line-height:1.65}.saved-sentence-card{grid-template-columns:minmax(0,1fr);align-items:start}.saved-sentence-card strong,.saved-sentence-card span,.saved-sentence-card small{display:block;min-width:0;white-space:normal}.saved-sentence-card span{margin-top:.08rem}.favorite-detail-word .comparison-box{display:grid;grid-template-columns:max-content minmax(0,1fr);gap:.75rem 1.1rem;align-content:start}.favorite-detail-word .comparison-box span{padding-top:.15rem}.favorite-detail-modal .note-actions-grid{position:sticky;z-index:4;bottom:0;margin:0;padding-top:.75rem;background:linear-gradient(180deg,transparent,var(--favorite-detail-surface) 35%)}.sentence-note-modal{display:grid;gap:.9rem;width:min(560px,100%);max-height:min(86vh,760px);overflow:auto;border:1px solid var(--line-soft);border-radius:24px;background:color-mix(in srgb,var(--surface) 96%,transparent);box-shadow:var(--shadow);padding:1rem;-webkit-backdrop-filter:blur(24px) saturate(1.1);backdrop-filter:blur(24px) saturate(1.1)}.sentence-note-modal.inspiration-note-modal{border-color:color-mix(in srgb,var(--primary) 14%,var(--line-soft));background:linear-gradient(135deg,color-mix(in srgb,var(--surface) 98%,transparent),color-mix(in srgb,var(--primary-soft) 34%,var(--surface))),var(--surface)}.sentence-note-modal .source-quote em{display:block;color:var(--muted);font-style:normal;line-height:1.48}.route-loading-fallback{display:grid;min-height:min(420px,58vh);place-items:center;align-content:center;gap:.7rem;color:var(--text);background:var(--bg)}.route-loading-fallback span{width:2.25rem;height:2.25rem;border:2px solid color-mix(in srgb,var(--primary) 18%,transparent);border-top-color:var(--primary);border-radius:999px;animation:import-spin .76s linear infinite}.route-loading-fallback p{margin:0;font-size:.92rem;font-weight:650;color:var(--text)}.import-progress-layer{position:fixed;z-index:60;inset:0;display:grid;place-items:center;background:#0000003d;padding:1rem;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.import-progress-card{display:grid;width:min(360px,100%);justify-items:center;gap:.72rem;border:1px solid var(--line-soft);border-radius:24px;background:color-mix(in srgb,var(--surface) 94%,transparent);box-shadow:var(--shadow);padding:1.25rem;text-align:center;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px)}.import-progress-card p{margin:0;color:var(--muted);line-height:1.5}.import-progress-card progress{width:100%}.import-progress-card span{color:var(--primary);font-weight:750;font-variant-numeric:tabular-nums}.import-progress-icon{display:grid;width:3.2rem;height:3.2rem;place-items:center;border-radius:50%;background:conic-gradient(var(--primary),color-mix(in srgb,var(--primary) 18%,transparent));animation:import-spin 1s linear infinite}.import-progress-card.done .import-progress-icon{background:var(--success);animation:import-pop .36s ease both}.import-progress-card.done .import-progress-icon:after{content:"";width:1.35rem;height:.72rem;border-bottom:3px solid white;border-left:3px solid white;transform:rotate(-45deg) translate(1px,-1px)}.import-progress-card.error .import-progress-icon{background:var(--danger);animation:import-pop .36s ease both}@keyframes practice-result-badge-pop{0%{opacity:0;transform:translateY(5px) scale(.94) rotate(-2deg)}70%{opacity:1;transform:translateY(-2px) scale(1.04) rotate(1deg)}to{opacity:1;transform:translateY(0) scale(1) rotate(0)}}.toast-tip{position:fixed;z-index:30;left:50%;bottom:calc(5.7rem + env(safe-area-inset-bottom));transform:translate(-50%);border:1px solid var(--line-soft);border-radius:999px;background:color-mix(in srgb,var(--surface) 92%,transparent);box-shadow:var(--shadow);color:var(--text);padding:.72rem 1rem;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px)}.pill-button.selected,.theme-toggle button.selected,.icon-button.selected{background:var(--primary-soft);color:var(--primary)}.ios-hero .primary-action{background:#fff3;border-color:#ffffff47}.summary-card,.metric-card{display:grid;gap:.42rem;border-radius:var(--card-radius);padding:1rem;background:radial-gradient(circle at 88% 12%,color-mix(in srgb,var(--primary) 9%,transparent),transparent 7rem),var(--card-bg-strong);border:1px solid var(--line-soft);box-shadow:var(--shadow)}.summary-card svg,.metric-card svg{color:var(--accent-blue-text)}.summary-card.green svg{color:var(--accent-mint-text)}.summary-card.orange svg{color:var(--accent-honey-text)}.summary-card span,.metric-card span,.summary-card small{color:var(--muted)}.summary-card strong,.metric-card strong{color:var(--text-strong);font-size:1.75rem;letter-spacing:-.03em}.content-card{padding:1rem}.content-card.wide{grid-row:span 2}.note-preview-list,.saved-list,.jump-list{display:grid;gap:.7rem;margin-top:.9rem}.note-preview span,.article-mini span,.progress-line span,.saved-card small,.word-card small{color:var(--muted)}.note-preview p,.article-mini p,.course-card p,.article-card p,.settings-card p{margin:0;color:var(--muted);line-height:1.58}progress{width:100%;height:.42rem;overflow:hidden;border:0;border-radius:999px;background:var(--bg-elevated)}progress::-webkit-progress-bar{background:var(--bg-elevated)}progress::-webkit-progress-value{background:var(--primary);border-radius:999px}.search-box{display:flex;align-items:center;gap:.5rem;border-radius:13px;background:var(--bg-elevated);padding:.7rem .8rem;color:var(--muted)}.search-box input{width:100%;border:0;outline:0;background:transparent;color:var(--text)}.tag-cloud,.note-tags{display:flex;flex-wrap:wrap;gap:.45rem}.tag-cloud button,.note-tags span{border:0;border-radius:999px;background:var(--bg-elevated);color:var(--muted);padding:.32rem .58rem;font-size:.82rem}.highlight-dot{width:.75rem;height:.75rem;border-radius:50%}.yellow,.highlight-dot.yellow{--note-color: #ffcc00}.blue,.highlight-dot.blue{--note-color: #5ac8fa}.green,.highlight-dot.green{--note-color: #34c759}.pink,.highlight-dot.pink{--note-color: #ff2d55}.highlight-dot{background:var(--note-color)}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}.color-row{display:flex;align-items:center;gap:.55rem}.color-dot{width:2rem;height:2rem;border:2px solid transparent;border-radius:50%;background:var(--note-color)}.color-dot.active{border-color:var(--primary);box-shadow:0 0 0 4px var(--primary-soft)}:root[data-theme=dark] .notes-page{--notes-primary: #58a8ff;--notes-bg: #191c26;--notes-text: #e9ebf0;--notes-muted: #9499a6;--notes-border: rgba(255, 255, 255, .08);--notes-paper: #252938;--notes-paper-soft: #2d3141;--notes-paper-line: rgba(88, 168, 255, .1);--notes-binding: rgba(88, 168, 255, .28);--notes-sticky: rgba(255, 210, 96, .14);--notes-surface: rgba(40, 44, 56, .74);--notes-surface-soft: rgba(32, 36, 48, .82);--notes-system-tag: rgba(255, 255, 255, .08);--notes-focus-bg: rgba(88, 168, 255, .14);--notes-shadow: 0 8px 22px rgba(0, 0, 0, .2)}.learning-sentence-block,.learning-word-block,.learning-practice-block{display:grid;gap:7px;border:1px solid color-mix(in srgb,var(--notes-primary) 14%,var(--notes-border));border-radius:12px;background:var(--notes-paper);padding:10px}.learning-sentence-block textarea:first-child{font-weight:760}.learning-sentence-block textarea:nth-child(2){color:var(--notes-muted)}.learning-sentence-block>div{display:flex;flex-wrap:wrap;gap:6px}.learning-sentence-block button,.learning-word-block button,.learning-practice-block button{display:inline-flex;min-height:34px;align-items:center;justify-content:center;gap:5px;border:1px solid var(--notes-border);border-radius:9px;background:var(--notes-surface-soft);color:var(--notes-text);padding:0 9px;font-weight:760;cursor:pointer}.learning-word-block{grid-template-columns:minmax(72px,1fr) auto minmax(92px,1.2fr) auto;align-items:center}.learning-word-block span{color:var(--notes-muted);font-size:12px}.learning-practice-block{grid-template-columns:auto minmax(0,1fr) auto;align-items:center}.learning-practice-block svg{color:var(--notes-primary)}.slash-menu{position:absolute;z-index:12;top:calc(100% + 4px);left:0;display:grid;width:min(288px,100%);overflow:hidden;border:1px solid var(--notes-border);border-radius:12px;background:var(--notes-paper);box-shadow:var(--shadow);padding:4px}.slash-menu button{display:grid;gap:2px;border:0;border-radius:9px;background:transparent;color:var(--notes-text);padding:9px 10px;text-align:left;cursor:pointer}.slash-menu button:hover,.slash-menu button:focus-visible{background:var(--notes-surface-soft)}.slash-menu span{color:var(--notes-muted);font-size:12px}@media(max-width:720px){.quick-note-fab{right:calc(.85rem + env(safe-area-inset-right));bottom:calc(5.1rem + env(safe-area-inset-bottom));min-height:2.55rem;padding:0 .85rem;font-size:.84rem}.sentence-note-modal,.article-note-popover{top:auto!important;right:calc(.5rem + env(safe-area-inset-right))!important;bottom:calc(.5rem + env(safe-area-inset-bottom));left:auto!important;width:calc(100vw - 1rem);max-height:min(68dvh,600px);border-radius:18px 18px 14px 14px}.favorite-detail-modal .comparison-box{padding:1rem}.favorite-detail-word .comparison-box{grid-template-columns:1fr;gap:.35rem}.favorite-detail-modal .note-actions-grid{grid-template-columns:1fr}.mobile-settings-head{display:flex;align-items:center;justify-content:space-between;gap:.8rem;border-bottom:1px solid color-mix(in srgb,var(--primary) 10%,var(--line-soft));margin:-.2rem -.15rem .25rem;padding:0 .1rem .72rem}.mobile-settings-head>div{display:grid;gap:.18rem;min-width:0}.mobile-settings-head span{color:var(--primary);font-size:.82rem;font-weight:820}.mobile-settings-head strong{overflow:hidden;color:var(--text);font-size:.98rem;line-height:1.35;text-overflow:ellipsis;white-space:nowrap}.review-settings-backdrop,.practice-settings-backdrop{position:fixed;z-index:10040;inset:0;display:block;border:0;background:color-mix(in srgb,var(--bg) 42%,transparent);padding:0}.review-page .review-control-panel,.sentence-practice-page .practice-mode-panel{position:fixed;z-index:10050;top:max(.6rem,env(safe-area-inset-top));right:max(.6rem,env(safe-area-inset-right));bottom:calc(max(.6rem,env(safe-area-inset-bottom)) + var(--mobile-browser-bottom-offset, 0px));left:auto;display:grid;align-content:start;width:min(82vw,21rem);max-width:calc(100vw - 1.2rem);overflow:auto;border:1px solid color-mix(in srgb,var(--primary) 12%,var(--line-soft));border-radius:24px;background:linear-gradient(135deg,color-mix(in srgb,var(--surface) 96%,transparent),color-mix(in srgb,var(--primary-soft) 18%,var(--surface))),var(--surface);box-shadow:0 24px 72px color-mix(in srgb,var(--text) 22%,transparent);padding:.95rem;transform:translate(calc(100% + 1.2rem));transition:opacity .18s ease,visibility .18s ease,transform .22s cubic-bezier(.2,.8,.2,1);opacity:0;visibility:hidden;pointer-events:none}.review-page .review-control-panel.open,.sentence-practice-page .practice-mode-panel.open{transform:translate(0);opacity:1;visibility:visible;pointer-events:auto}.learning-note-fab{right:calc(1rem + env(safe-area-inset-right));bottom:calc(var(--bottom-nav-space, 5.8rem) + 5.35rem + env(safe-area-inset-bottom));min-width:0;min-height:2.75rem;border-radius:999px;padding:0 1rem;box-shadow:0 16px 34px color-mix(in srgb,var(--primary) 24%,transparent),0 0 0 1px color-mix(in srgb,white 18%,transparent) inset}.sentence-note-modal,.sentence-note-modal.article-note-popover{position:relative;inset:auto!important;display:block;width:min(100%,430px);max-height:min(88vh,calc(var(--app-stable-mobile-vh, 100vh) - var(--bottom-nav-space, 5.8rem) - 1.9rem - env(safe-area-inset-bottom)));overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;border-radius:24px 24px 18px 18px;background:linear-gradient(135deg,color-mix(in srgb,var(--surface-strong) 96%,var(--primary-soft)),color-mix(in srgb,var(--primary-soft) 20%,var(--surface-strong))),var(--surface-strong);box-shadow:0 24px 72px color-mix(in srgb,var(--text) 22%,transparent);padding:.9rem;animation:mobile-note-sheet-in .18s cubic-bezier(.2,.8,.2,1) both;pointer-events:auto}.sentence-note-modal:before{display:block;width:2.4rem;height:.28rem;margin:0 auto .82rem;border-radius:999px;background:color-mix(in srgb,var(--muted) 28%,transparent);content:""}.sentence-note-modal .source-quote{max-height:none;overflow:visible;margin-bottom:.78rem;border-radius:18px;padding:.72rem}.sentence-note-modal .source-quote p,.sentence-note-modal .source-quote em{display:block;overflow:visible}.sentence-note-modal .note-editor{overflow:visible;margin:0;padding-right:0}.mobile-keyboard-open .sentence-note-modal{max-height:min(88vh,calc(var(--app-stable-mobile-vh, 100vh) - var(--bottom-nav-space, 5.8rem) - 1.9rem - env(safe-area-inset-bottom)))}.mobile-keyboard-open .bottom-tabs{opacity:0;pointer-events:none}.learning-shell .sentence-note-layer{--sentence-note-mobile-top: max(4.6rem, calc(env(safe-area-inset-top) + 3.35rem) );position:fixed;inset:0;display:block;width:100vw;height:var(--app-stable-mobile-vh, 100vh);max-height:var(--app-stable-mobile-vh, 100vh);overflow:hidden;padding:0}.learning-shell .sentence-note-modal{position:fixed;top:var(--sentence-note-mobile-top)!important;right:max(.85rem,env(safe-area-inset-right))!important;bottom:auto!important;left:max(.85rem,env(safe-area-inset-left))!important;width:auto!important;max-height:min(82vh,calc(var(--app-stable-mobile-vh, 100vh) - var(--sentence-note-mobile-top) - var(--bottom-nav-space, 5.8rem) - .95rem));transform:none!important}.mobile-keyboard-open .learning-shell .sentence-note-modal{top:var(--sentence-note-mobile-top)!important;bottom:auto!important;max-height:min(82vh,calc(var(--app-stable-mobile-vh, 100vh) - var(--sentence-note-mobile-top) - var(--bottom-nav-space, 5.8rem) - .95rem));transform:none!important}.study-stats-page .review-summary-grid,.study-stats-page .study-data-metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.58rem;margin:.78rem 0}.study-stats-page .review-summary-grid article,.study-stats-page .study-data-metrics article{min-width:0;gap:.18rem;border-radius:18px;padding:.7rem .55rem}.study-stats-page .review-summary-grid svg{width:1rem;height:1rem}.study-stats-page .review-summary-grid span{font-size:.72rem;line-height:1.25}.study-stats-page .review-summary-grid strong{overflow-wrap:anywhere;font-size:clamp(1rem,6vw,1.38rem);line-height:1.1}.study-calendar-card .section-title{align-items:start;gap:.6rem}.study-calendar-card .section-title h2{font-size:clamp(1.2rem,7vw,1.65rem)}.study-calendar-weekdays,.study-calendar-grid{gap:.36rem}.study-calendar-weekdays{margin-top:.68rem;font-size:.8rem}.study-calendar-grid button small{font-size:.56rem}.video-history-card,.article-history-card{grid-column:auto}body>.note-detail-reader,.notes-page .note-detail-reader{position:fixed;z-index:2147482800;top:calc(var(--mobile-browser-top-offset, 0px) + max(.72rem,env(safe-area-inset-top)));right:max(.72rem,env(safe-area-inset-right));bottom:calc(4rem + env(safe-area-inset-bottom) + var(--mobile-browser-bottom-offset, 0px));left:max(.72rem,env(safe-area-inset-left));display:flex;flex-direction:column;gap:.78rem;width:auto;height:auto;max-height:none;min-height:0;overflow-y:auto;overflow-x:hidden;border:1px solid color-mix(in srgb,var(--primary) 12%,var(--line-soft));border-radius:24px;background:linear-gradient(135deg,color-mix(in srgb,var(--surface) 96%,transparent),color-mix(in srgb,var(--primary-soft) 18%,var(--surface))),var(--surface);box-shadow:0 24px 72px color-mix(in srgb,var(--text) 22%,transparent);padding:.9rem .9rem 1.18rem;transform:none;animation:mobile-note-fixed-in .16s ease both}body>.note-detail-reader.closed,.notes-page .note-detail-reader.closed{display:none}body>.note-detail-reader.open:before,.notes-page .note-detail-reader.open:before{justify-self:center;flex:0 0 auto;align-self:center;width:2.4rem;height:.28rem;border-radius:999px;background:color-mix(in srgb,var(--muted) 28%,transparent);content:""}body>.note-detail-reader .note-detail-back,.notes-page .note-detail-reader .note-detail-back{display:inline-flex;position:static;flex:0 0 auto;width:fit-content;min-height:44px;margin:0;padding:0 .86rem}body>.note-detail-reader .note-detail-head,.notes-page .note-detail-reader .note-detail-head{position:static;display:grid;gap:.7rem;margin:0;border-bottom:1px solid color-mix(in srgb,var(--primary) 10%,var(--line-soft));background:transparent;padding:0 0 .72rem}body>.note-detail-reader .note-detail-head>div:first-child,body>.note-detail-reader .note-detail-head>div:last-child,.notes-page .note-detail-reader .note-detail-head>div:first-child,.notes-page .note-detail-reader .note-detail-head>div:last-child{min-width:0}body>.note-detail-reader .note-detail-head>div:last-child,.notes-page .note-detail-reader .note-detail-head>div:last-child{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%;gap:.55rem}body>.note-detail-reader .note-detail-head button,.notes-page .note-detail-reader .note-detail-head button{width:100%;min-height:44px;border-radius:14px;font-size:.96rem}body>.note-detail-reader .note-detail-head p,.notes-page .note-detail-reader .note-detail-head p{overflow:hidden;margin-bottom:.26rem;font-size:.78rem;text-overflow:ellipsis;white-space:nowrap}body>.note-detail-reader .note-detail-head h2,.notes-page .note-detail-reader .note-detail-head h2{display:-webkit-box;overflow:hidden;font-size:1.04rem;line-height:1.32;-webkit-box-orient:vertical;-webkit-line-clamp:2}body>.note-detail-reader .source-quote,.notes-page .note-detail-reader .source-quote{flex:0 0 auto;max-height:none;overflow:visible;margin-bottom:0;padding:.68rem;font-size:.86rem}body>.note-detail-reader .note-editor,.notes-page .note-detail-reader .note-editor{display:grid;gap:.72rem;flex:0 0 auto;min-height:0;overflow:visible;padding-right:0}body>.note-detail-reader .note-editor label,.notes-page .note-detail-reader .note-editor label{gap:.45rem;font-size:.92rem}body>.note-detail-reader .note-editor input,body>.note-detail-reader .note-editor textarea,body>.note-detail-reader .note-editor select,.notes-page .note-detail-reader .note-editor input,.notes-page .note-detail-reader .note-editor textarea,.notes-page .note-detail-reader .note-editor select{min-height:44px;border-radius:14px;padding:.72rem .82rem;font-size:.95rem;line-height:1.45}body>.note-detail-reader .form-grid,.notes-page .note-detail-reader .form-grid{grid-template-columns:1fr;gap:.72rem}body>.note-detail-reader .note-editor textarea,.notes-page .note-detail-reader .note-editor textarea{min-height:13rem;max-height:none;overflow:visible}body>.note-detail-reader .note-editor textarea.compact,.notes-page .note-detail-reader .note-editor textarea.compact{min-height:5.6rem}body>.note-detail-reader .note-rich-toolbar,.notes-page .note-detail-reader .note-rich-toolbar{min-height:40px;overflow-x:auto}body>.note-detail-reader .note-rich-toolbar button,body>.note-detail-reader .color-dot,body>.note-detail-reader .note-delete-button,.notes-page .note-detail-reader .note-rich-toolbar button,.notes-page .note-detail-reader .color-dot,.notes-page .note-detail-reader .note-delete-button{min-width:40px;min-height:40px}body>.note-detail-reader .note-detail-bottom,.notes-page .note-detail-reader .note-detail-bottom{display:grid;grid-template-columns:1fr;gap:.7rem}.ai-assistant.open{display:grid;place-items:center;padding:0}.plan-modal-backdrop,.ai-note-layer,.sentence-note-layer,.article-note-layer,.modal-backdrop,.knowledge-detail-backdrop,.favorite-detail-backdrop{width:100vw;height:100dvh;overflow:hidden;padding:max(.5rem,env(safe-area-inset-top)) max(.5rem,env(safe-area-inset-right)) max(.5rem,env(safe-area-inset-bottom)) max(.5rem,env(safe-area-inset-left))}.ai-assistant-panel,.shadowing-card,.shadowing-card.result,.sentence-practice-page .practice-shadowing-result-modal,.sentence-practice-page .practice-recording-float{width:100vw;height:100dvh;max-height:100dvh;border-radius:0}.ai-assistant-panel:after,.sentence-note-modal:after,.plan-output-modal:after,.shadowing-card:after,.sentence-practice-page .practice-shadowing-result-modal:after{width:clamp(4.8rem,24vw,6.5rem);opacity:.72}.shadowing-card,.shadowing-card.result,.sentence-practice-page .practice-recording-float,.sentence-practice-page .practice-shadowing-result-modal{width:min(100%,calc(100vw - 2rem));height:auto;max-height:calc(100dvh - 2rem);border-radius:24px}.learning-shell .sentence-note-layer,.sentence-practice-page .practice-note-layer{place-items:stretch;padding:0;background:var(--surface-strong);backdrop-filter:none;-webkit-backdrop-filter:none}.learning-shell .sentence-note-modal,.sentence-practice-page .practice-note-modal{position:fixed!important;inset:0!important;width:100vw!important;min-height:100dvh;max-height:100dvh;border:0!important;border-radius:0;padding:max(1rem,env(safe-area-inset-top)) max(1rem,env(safe-area-inset-right)) max(1rem,env(safe-area-inset-bottom)) max(1rem,env(safe-area-inset-left))}.learning-shell .sentence-note-layer,.sentence-practice-page .practice-note-layer,.article-note-layer{position:fixed!important;inset:0!important;display:grid!important;place-items:stretch!important;width:100vw!important;max-width:100vw!important;height:100dvh!important;max-height:100dvh!important;overflow:hidden!important;padding:0!important;background:var(--surface-strong)!important;pointer-events:auto!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}.learning-shell .sentence-note-modal,.sentence-practice-page .practice-note-modal,.sentence-note-modal.article-note-popover,.sentence-note-modal.article-note-popover.article-note-panel,.article-note-layer .article-note-dialog{position:fixed!important;inset:0!important;display:grid!important;width:100vw!important;max-width:100vw!important;height:100dvh!important;min-height:100dvh!important;max-height:100dvh!important;overflow-y:auto!important;overflow-x:hidden!important;box-sizing:border-box!important;border:0!important;border-radius:0!important;padding:max(1rem,env(safe-area-inset-top)) max(1rem,env(safe-area-inset-right)) max(1rem,env(safe-area-inset-bottom)) max(1rem,env(safe-area-inset-left))!important;transform:none!important}.learning-shell .sentence-note-modal:before,.sentence-practice-page .practice-note-modal:before,.sentence-note-modal.article-note-popover:before{display:none!important}.sentence-practice-page .practice-shadowing-result-modal,.shadowing-card.result{position:fixed!important;inset:0!important;width:100vw!important;max-width:100vw!important;height:100dvh!important;max-height:100dvh!important;overflow-y:auto!important;overflow-x:hidden!important;box-sizing:border-box!important;border:0!important;border-radius:0!important;padding:max(1rem,env(safe-area-inset-top)) max(1rem,env(safe-area-inset-right)) max(1rem,env(safe-area-inset-bottom)) max(1rem,env(safe-area-inset-left))!important}}@media(prefers-reduced-motion:reduce){.quick-note-fab,.sentence-note-modal{transition:none;animation:none}.coach-avatar,.coach-avatar img,.analyzing-wave .wave-bars i,.wave-bars i{animation:none!important}.tok{animation:none}*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}.detail-switch-card,.ai-message{animation:none}.coach-toast,.reward-burst-orb,.reward-burst-orb i,.ai-thinking-orb,.ai-thinking-orb i,.ai-thinking-orb b,.ai-thinking-steps li{animation:none!important}.coach-avatar,.coach-avatar img,.analyzing-wave,.analyzing-wave .wave-bars i,.wave-bars i{animation:none!important;transition-duration:.01ms!important}*,*:before,*:after{animation-duration:1ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:1ms!important}}.section-inline-action{min-height:2rem;border:1px solid color-mix(in srgb,var(--primary) 30%,var(--line-soft));border-radius:999px;background:color-mix(in srgb,var(--primary-soft) 72%,var(--surface-strong));color:var(--primary);padding:0 .7rem;font-size:.82rem;font-weight:760;white-space:nowrap;transition:background .18s ease,border-color .18s ease,color .18s ease}.section-inline-action:hover,.section-inline-action:focus-visible{border-color:color-mix(in srgb,var(--primary) 54%,var(--line-soft));background:color-mix(in srgb,var(--primary-soft) 92%,var(--surface-strong))}.saved-card,.jump-list button{position:relative;display:grid;gap:.35rem;width:100%;border:1px solid var(--line-soft);border-radius:16px;background:var(--surface-strong);color:var(--text);padding:.9rem 2.3rem .9rem .9rem;text-align:left}.saved-card-secondary,.favorite-title-zh,.note-card-secondary{display:block;color:var(--muted);font-size:.86rem;font-style:normal;font-weight:650;line-height:1.42}.jump-list button{padding-right:.9rem}.course-grid,.article-grid,.video-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:.9rem}.course-detail-layout,.article-reader-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,.9fr);gap:.9rem;align-items:start}.course-card,.article-card,.video-card{overflow:hidden;border:1px solid var(--line-soft);border-radius:var(--card-radius);background:radial-gradient(circle at 96% 0%,color-mix(in srgb,var(--primary) 6%,transparent),transparent 9rem),var(--card-bg-strong);color:var(--text);box-shadow:var(--shadow)}.course-card.active,.article-card.active{border-color:color-mix(in srgb,var(--primary) 54%,var(--line));background:radial-gradient(circle at 96% 0%,color-mix(in srgb,var(--primary) 16%,transparent),transparent 10rem),var(--card-bg-accent);box-shadow:0 18px 44px color-mix(in srgb,var(--primary) 14%,transparent)}.course-cover{width:100%;border:0;min-height:150px;display:flex;align-items:flex-end;justify-content:space-between;padding:1rem;background:linear-gradient(135deg,#007affdb,#34c759b3),var(--primary);color:#fff;text-align:left}.course-cover span{border-radius:999px;background:#fff3;padding:.35rem .65rem}.course-content,.article-card{padding:1rem}.course-meta span,.article-card-top span,.article-actions span{display:inline-flex;align-items:center;gap:.3rem;color:var(--muted)}.course-card h2,.article-card h2{margin:.8rem 0 .5rem;color:var(--text-strong);letter-spacing:-.025em}.course-bottom{margin-top:.9rem}.course-bottom span{color:var(--muted)}:root[data-theme=dark] .article-reading-page{--article-reader-surface: color-mix(in srgb, #202633 92%, transparent);--article-reader-muted: #a8b0bf;--article-reader-border: rgba(255, 255, 255, .09);--article-reader-word-bg: rgba(88, 168, 255, .14);--article-reader-word-line: rgba(88, 168, 255, .74);--article-reader-phrase-bg: rgba(243, 189, 99, .14);--article-reader-phrase-line: rgba(243, 189, 99, .78)}:root[data-theme=dark] .markdown-section{background:color-mix(in srgb,#202633 88%,var(--primary-soft));box-shadow:0 14px 38px #0003}:root[data-theme=dark] .markdown-section-vocabulary{background:linear-gradient(135deg,#4ade801a,#202633f0 72%)}:root[data-theme=dark] .markdown-section-sentence{background:linear-gradient(90deg,rgba(14,165,233,.12),transparent 42%),#202633f0}:root[data-theme=dark] .markdown-section-grammar{background:linear-gradient(90deg,rgba(249,115,22,.12),transparent 46%),#202633f0}:root[data-theme=dark] .markdown-section-practice{background:linear-gradient(90deg,rgba(20,184,166,.12),transparent 46%),#202633f0}:root[data-theme=dark] .markdown-callout-original{background:#0ea5e91f}:root[data-theme=dark] .markdown-callout-structure{background:#f973161f}:root[data-theme=dark] .markdown-callout-translation{background:#14b8a61f}:root[data-theme=dark] .markdown-callout-exam,:root[data-theme=dark] .markdown-callout-answer{background:#eab30821}.word-level,.phrase-highlight,.grammar-highlight{border-radius:.28rem;padding:.08rem .24rem;color:var(--text)}.word-c1{background:color-mix(in srgb,#f59e0b 26%,transparent)}.phrase-highlight{background:color-mix(in srgb,#14b8a6 22%,transparent)}.grammar-highlight{background:color-mix(in srgb,#8b5cf6 20%,transparent)}.bilingual-list.compact{gap:.48rem}.focus-chip-list{display:flex;flex-wrap:wrap;gap:.42rem;margin-top:.72rem}.focus-chip-list span,.focus-chip-list button{display:inline-flex;align-items:center;border:1px solid color-mix(in srgb,var(--primary) 18%,var(--line-soft));border-radius:999px;background:var(--primary-soft);color:var(--primary);padding:.34rem .56rem;font-size:.82rem;font-weight:700;text-align:left;transition:background .16s ease,border-color .16s ease,color .16s ease}.focus-chip-list button:hover,.focus-chip-list button:focus-visible{border-color:color-mix(in srgb,var(--primary) 42%,var(--line));background:color-mix(in srgb,var(--primary) 18%,var(--surface-strong))}@keyframes article-note-layer-in{0%{opacity:0}to{opacity:1}}@keyframes article-note-layer-out{0%{opacity:1}to{opacity:0}}@keyframes article-note-dialog-in{0%{opacity:0;transform:translateY(16px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes article-note-dialog-out{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(10px) scale(.985)}}.segmented-control{display:flex;flex-wrap:wrap;gap:.25rem;border:1px solid var(--line-soft);border-radius:14px;background:var(--surface-strong);padding:.25rem}.segmented-control button{min-height:2.2rem;border:0;border-radius:11px;background:transparent;color:var(--muted);padding:0 .72rem}.segmented-control button.active{background:var(--primary-soft);color:var(--primary);font-weight:650}.course-outline{position:sticky;top:1rem}.lesson-row{display:grid;grid-template-columns:2.1rem minmax(0,1fr);gap:.7rem;align-items:center;width:100%;border:1px solid var(--line-soft);border-radius:16px;background:var(--surface-strong);color:var(--text);padding:.8rem;margin-top:.65rem;text-align:left}.lesson-row>span{display:grid;width:2rem;height:2rem;place-items:center;border-radius:50%;background:var(--primary-soft);color:var(--primary);font-weight:750}.lesson-row small{display:block;margin-top:.2rem;color:var(--muted)}.empty-card{min-height:340px;display:grid;place-items:center;align-content:center;gap:.55rem;border:1px dashed var(--line);border-radius:var(--card-radius);color:var(--muted)}.local-video-card{position:relative;height:100%}.thumb{position:relative;overflow:hidden;display:block;width:100%;height:0;min-height:0;padding-top:56.25%;align-self:start;border-radius:15px;background:radial-gradient(circle at 86% 16%,color-mix(in srgb,var(--accent-cyan-text) 18%,transparent),transparent 5rem),var(--accent-blue-soft);color:var(--primary)}.thumb:before{content:none}.thumb img,.thumb-media img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}.thumb-media{display:grid;width:100%;height:100%;min-height:0;place-items:center}.local-video-card>div:last-child{min-width:0}.video-card small.subtitle-ok,.video-card small.subtitle-missing,.category-card-copy small.subtitle-ok,.category-card-copy small.subtitle-missing{display:inline-flex;align-items:center;gap:.26rem}.local-material-section,.cloud-material-section{margin-bottom:.95rem}@keyframes subtitleWave{0%,to{height:.38rem;opacity:.38}50%{height:1.08rem;opacity:.86}}.asr-chunk-strip{display:flex;flex-wrap:wrap;gap:.3rem}.asr-chunk-dot{width:.62rem;height:.62rem;border-radius:999px;background:color-mix(in srgb,var(--text-muted) 18%,transparent)}.asr-chunk-dot.running{background:var(--primary);box-shadow:0 0 0 .22rem color-mix(in srgb,var(--primary) 12%,transparent)}.asr-chunk-dot.uploaded{background:color-mix(in srgb,var(--primary) 72%,var(--success))}.asr-chunk-dot.done{background:var(--success)}.asr-chunk-dot.failed{background:var(--danger)}.asr-chunk-dot.failed.retryable{background:color-mix(in srgb,var(--warning) 82%,var(--primary))}:root[data-theme=dark] .subtitle-workbench{border-color:color-mix(in srgb,var(--primary) 20%,rgba(255,255,255,.1));background:radial-gradient(circle at 96% 2%,rgba(91,157,247,.12),transparent 15rem),linear-gradient(135deg,#2f2f2fe0,#232323cc),color-mix(in srgb,var(--surface) 90%,transparent);box-shadow:0 20px 58px #00000047,inset 0 1px #ffffff14}.local-category-title-actions{display:inline-flex;align-items:center;gap:.55rem;min-height:2.2rem}.local-category-title-actions .inline-sync-status{height:2.2rem;min-height:2.2rem;margin:0;line-height:1}.local-category-title-actions .create-category-button{display:inline-flex;align-items:center;justify-content:center;height:2.2rem;min-height:2.2rem;border-radius:999px;margin:0}.category-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(270px,1fr));gap:.85rem;margin-top:.9rem}.category-empty-thumb{position:absolute;inset:0;display:grid;place-items:center;background:radial-gradient(circle at top left,color-mix(in srgb,var(--primary) 28%,transparent),transparent 62%),var(--surface-strong);color:var(--primary)}.category-card-gradient{position:absolute;inset:0;background:linear-gradient(180deg,#0000000a,#000000ad)}.category-source-pill{position:absolute;top:.75rem;left:.75rem;z-index:1;border-radius:999px;background:#ffffff38;padding:.26rem .58rem;color:#fff;font-size:.78rem;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.category-remove-button{position:absolute;top:.65rem;right:.65rem;z-index:2;display:grid;width:1.85rem;height:1.85rem;place-items:center;border-radius:50%;background:#141b248a;color:#fff;font-size:1.1rem;font-weight:800;line-height:1;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.category-card-copy{position:absolute;z-index:1;left:1rem;right:1rem;bottom:.9rem;display:grid;gap:.28rem}.category-card-copy strong{font-size:1.2rem}.category-card-copy span,.category-card-copy small{color:#ffffffd6}.cloud-material-card small,.cloud-empty-row{color:var(--muted)}.cloud-empty-row{display:flex;align-items:center;gap:.55rem;min-height:4rem;margin-top:.85rem;border-radius:16px;background:var(--bg-elevated);padding:.9rem}.inline-sync-status{display:inline-flex;align-items:center;min-height:2.2rem;border-radius:999px;background:var(--bg-elevated);color:var(--muted);padding:0 .85rem;margin:-.35rem 0 .85rem;font-size:.9rem}.inline-sync-status.success{background:color-mix(in srgb,var(--success) 16%,var(--surface-strong));color:var(--success)}.inline-sync-status.error{background:color-mix(in srgb,var(--danger) 14%,var(--surface-strong));color:var(--danger)}.inline-sync-status.syncing{background:color-mix(in srgb,var(--primary) 14%,var(--surface-strong));color:var(--primary)}.sync-banner.success{background:color-mix(in srgb,var(--success) 16%,var(--surface-strong));color:var(--success)}.sync-banner.error{background:color-mix(in srgb,var(--danger) 14%,var(--surface-strong));color:var(--danger)}.sync-banner.syncing{background:color-mix(in srgb,var(--primary) 14%,var(--surface-strong));color:var(--primary)}.bottom-tabs,.mobile-article-filter-button{display:none}@keyframes listening-wave{0%{opacity:.64;transform:scale(.74)}70%{opacity:.14}to{opacity:0;transform:scale(2.28)}}@keyframes coach-breathe{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-.16rem) scale(1.015)}}@keyframes coach-nod{0%,to{transform:rotate(0)}46%{transform:rotate(-2deg) translateY(.08rem)}}@keyframes coach-hop{0%,to{transform:translateY(0)}42%{transform:translateY(-.38rem)}}@keyframes wave-bounce{0%,to{transform:scaleY(.62);opacity:.72}48%{transform:scaleY(1);opacity:1}}@keyframes token-rise{0%{opacity:0;transform:translateY(.35rem)}to{opacity:1;transform:translateY(0)}}@keyframes karaoke-word{0%,to{background:transparent}18%,38%{background:color-mix(in srgb,var(--landing-primary) 12%,transparent)}}@keyframes missed-word-pulse{0%,to{box-shadow:inset 0 -2px color-mix(in srgb,#ef4444 48%,transparent)}50%{box-shadow:inset 0 -2px color-mix(in srgb,#ef4444 88%,transparent),0 0 0 4px color-mix(in srgb,#ef4444 10%,transparent)}}@keyframes import-spin{to{transform:rotate(360deg)}}@keyframes import-pop{0%{transform:scale(.82)}70%{transform:scale(1.06)}to{transform:scale(1)}}@media(max-width:1199px){.app-shell{grid-template-columns:1fr}.side-nav{display:none}.main-stage{max-width:920px}.learning-side-column{position:static}.bottom-tabs{position:fixed;z-index:10;left:max(.75rem,env(safe-area-inset-left));right:max(.75rem,env(safe-area-inset-right));bottom:max(.65rem,env(safe-area-inset-bottom));display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.2rem;max-width:760px;margin:0 auto;border:1px solid var(--line-soft);border-radius:24px;background:color-mix(in srgb,var(--surface) 86%,transparent);box-shadow:var(--shadow);padding:.32rem;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px)}.bottom-tabs button{display:grid;justify-items:center;gap:.12rem;border-radius:15px;padding:.42rem .2rem;font-size:.76rem}.pricing-grid,.step-timeline{grid-template-columns:1fr}.step-timeline:before{display:none}:root[data-theme=dark] .bottom-tabs{border-color:#ffffff12;background:#191c26db;box-shadow:0 8px 28px #0000003d}:root[data-theme=dark] .bottom-tabs button{color:#9499a6}:root[data-theme=dark] .bottom-tabs button.active{background:#58a8ff21;color:#58a8ff}}@media(min-width:768px)and (max-width:1024px){body>.note-detail-reader{position:fixed;z-index:2147482800;top:max(1rem,env(safe-area-inset-top));right:max(1.25rem,env(safe-area-inset-right));bottom:calc(4.85rem + env(safe-area-inset-bottom));left:max(1.25rem,env(safe-area-inset-left));display:flex;width:auto;max-width:min(760px,calc(100vw - 2.5rem));height:auto;max-height:none;margin:0 auto;min-height:0;flex-direction:column;overflow-y:auto;overflow-x:hidden;transform:none}body>.note-detail-reader.closed{display:none}:root{--bottom-nav-space: 5.7rem;--brand-cat-blue: #4d7cfe;--brand-book-orange: #ff9f43;--brand-success: #36d399}.app-shell{grid-template-columns:1fr}.bottom-tabs{z-index:2147483000;pointer-events:auto;isolation:isolate;max-width:720px}.bottom-tabs button{position:relative;z-index:1;min-height:3rem;pointer-events:auto}.page-panel:not(:has(.learning-shell)) button,.page-panel:not(:has(.learning-shell)) a,.modal-backdrop button,.knowledge-detail-backdrop button,.favorite-detail-backdrop button,.article-knowledge-backdrop button{min-height:44px}.page-panel:not(:has(.learning-shell)) input,.page-panel:not(:has(.learning-shell)) select,.page-panel:not(:has(.learning-shell)) textarea,.modal-backdrop input,.modal-backdrop select,.modal-backdrop textarea,.knowledge-detail-backdrop textarea,.article-note-layer input,.article-note-layer select,.article-note-layer textarea{min-height:44px}.page-heading,.knowledge-hero,.plan-hero,.stats-hero-panel{align-items:center}.favorite-layout,.study-stats-layout,.knowledge-vault-grid,.category-grid,.article-grid,.video-grid{gap:.78rem}.material-progress-detail-grid{grid-template-columns:1fr}.study-calendar-card,.day-detail-card{grid-column:auto}.category-grid{grid-template-columns:repeat(2,minmax(0,1fr))}body>.note-detail-reader.closed,.notes-page .note-detail-reader.closed{display:none}body>.note-detail-reader .note-detail-back,.notes-page .note-detail-reader .note-detail-back{display:inline-flex;position:static;flex:0 0 auto;width:fit-content;min-height:44px;margin:0 0 .75rem}body>.note-detail-reader .note-detail-head,.notes-page .note-detail-reader .note-detail-head{position:static;margin:0 0 .85rem;border-bottom:1px solid color-mix(in srgb,var(--primary) 10%,var(--line-soft));background:transparent;padding:0 0 .85rem}}@media(min-width:921px)and (orientation:landscape){.learning-main-column,.learning-side-column{min-height:0}.learning-main-column{grid-template-rows:minmax(0,1fr) auto}.learning-side-column{position:static;height:100%}.subtitle-card{display:flex;height:100%;min-height:0;flex-direction:column;overflow:hidden}}@media(max-width:920px){.quick-note-fab.learning-note-fab{display:inline-flex}.dashboard-layout,.notes-workspace,.favorite-layout,.course-detail-layout,.article-reading-page,.article-reader-layout{grid-template-columns:1fr}.content-card.wide,.favorite-layout .content-card:last-child{grid-column:auto;grid-row:auto}}@media(max-width:640px){.main-stage{padding:.38rem .38rem 4.9rem}.page-panel{padding:.68rem;border-radius:18px}.page-panel,.content-card,.metric-card,.settings-card,.favorites-card,.subtitle-card,.control-card,.minimal-product-card,.method-card,.minimal-feature-card,.quiet-cta-card,.pricing-card,.faq-item,.landing-footer{-webkit-backdrop-filter:blur(16px) saturate(1.1);backdrop-filter:blur(16px) saturate(1.1)}.ios-hero,.article-feature{display:grid;align-items:start;min-height:0}.page-heading{display:grid;justify-items:start;gap:.45rem}.page-heading h1{margin:0;font-size:1.26rem}.page-heading p{display:none}.main-stage:has(.learning-shell) .video-stage{flex:0 0 auto;width:calc(100% + .52rem);height:auto!important;aspect-ratio:16 / 9!important}.learning-main-column{display:contents}.learning-side-column{order:2;display:contents}.learning-control-card{position:fixed;z-index:9;left:max(.52rem,env(safe-area-inset-left));right:max(.52rem,env(safe-area-inset-right));bottom:calc(4.42rem + env(safe-area-inset-bottom) + var(--mobile-browser-bottom-offset, 0px));width:auto;order:3}body:has(.learning-shell) .ai-assistant{top:calc(.78rem + env(safe-area-inset-top));right:max(.78rem,env(safe-area-inset-right));bottom:auto}body:has(.learning-shell) .ai-assistant-panel{height:min(72dvh,calc(var(--app-mobile-vh, 100dvh) - 1.5rem));max-height:min(72dvh,calc(var(--app-mobile-vh, 100dvh) - 1.5rem))}.subtitle-card{order:2;flex:1 1 auto;min-height:0;max-height:none;padding:.5rem;overflow:hidden}.word-chip-row{display:none}.control-card{border-radius:22px;padding:.54rem .58rem;gap:.38rem}.control-card .control-row{display:flex;align-items:center;justify-content:space-between;gap:0}.shadowing-hold-button.compact,.play-button,.control-card .icon-button{width:2.75rem;height:2.75rem;min-height:2.75rem}.speed-menu,.subtitle-mode-menu{right:0;left:auto}.mobile-keyboard-open .learning-control-card,.mobile-keyboard-open .bottom-tabs{transform:translateY(var(--mobile-keyboard-height, 0px))}.shadowing-hold-button{min-height:3.25rem}.local-material-section{padding:.64rem}.local-category-title-actions{gap:.42rem}.local-category-title-actions .inline-sync-status{display:none}.category-grid{grid-template-columns:1fr;gap:.56rem;margin-top:.6rem}.category-source-pill,.category-card-copy small.subtitle-ok,.category-card-copy small.subtitle-missing,.video-card small.subtitle-ok,.video-card small.subtitle-missing{display:none!important}.category-card-copy{left:.78rem;right:.78rem;bottom:.72rem;gap:.12rem}.category-card-copy strong{font-size:1.02rem}.category-card-copy span{font-size:.78rem}.mini-actions,.transport{flex-wrap:wrap;justify-content:center}.form-grid{grid-template-columns:1fr}.bottom-tabs{grid-template-columns:repeat(4,minmax(0,1fr));left:max(1.25rem,env(safe-area-inset-left));right:max(1.25rem,env(safe-area-inset-right));bottom:calc(.42rem + env(safe-area-inset-bottom) + var(--mobile-browser-bottom-offset, 0px));max-width:390px;border-radius:22px;padding:.24rem;background:color-mix(in srgb,var(--surface) 74%,transparent)}.bottom-tabs button{min-height:2.52rem;gap:.04rem;border-radius:16px;padding:.28rem .12rem;font-size:.68rem}.bottom-tabs button svg{width:17px;height:17px}.mobile-article-filter-button{display:inline-flex;min-height:2.22rem;padding:0 .68rem;font-size:.8rem}.article-feature .feature-actions{margin-top:.55rem;justify-content:flex-start;max-width:100%}.article-reading-header .feature-actions{justify-content:flex-start;max-width:100%;gap:.42rem}.ai-assistant{right:.78rem;bottom:calc(var(--bottom-nav-space, 5.4rem) + .62rem + env(safe-area-inset-bottom))}.study-milestone-rail{margin-right:-1rem;margin-left:-1rem;border-right:0;border-left:0;border-radius:0;padding-inline:1rem}.coach-toast{grid-template-columns:auto minmax(0,1fr);border-radius:18px;padding:.64rem}.coach-toast em{grid-column:2;justify-self:start}.ai-thinking-steps li p{font-size:.78rem}.learning-brain-constellation{min-height:21rem}}.subpage-topbar{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1rem}.subpage-topbar>span{color:var(--muted);font-weight:700}@keyframes review-panel-enter{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.study-stats-page .review-summary-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(18rem,1fr)}.study-stats-page .review-summary-grid article,.study-stats-page .content-card{background:linear-gradient(135deg,color-mix(in srgb,var(--surface) 96%,transparent),color-mix(in srgb,var(--surface) 84%,transparent)),var(--surface)}.mini-study-calendar,.study-calendar-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:.45rem}.study-stats-page .review-summary-grid article{background:linear-gradient(145deg,color-mix(in srgb,var(--surface-strong) 86%,var(--primary-soft)),var(--surface));box-shadow:0 14px 32px color-mix(in srgb,var(--primary) 8%,transparent)}.study-calendar-weekdays{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:.45rem;margin:.8rem 0 .45rem;color:var(--muted);font-size:.78rem;font-weight:750;text-align:center}.calendar-selectors{display:flex;flex-wrap:wrap;gap:.45rem;justify-content:flex-end}.calendar-selectors select{min-height:2.2rem;border:1px solid var(--line-soft);border-radius:12px;background:var(--surface-strong);color:var(--text);padding:0 .55rem;font-weight:650}.mini-study-calendar button,.study-calendar-grid button{display:grid;place-items:center;align-content:center;gap:.08rem;aspect-ratio:1;border:1px solid var(--line-soft);border-radius:12px;background:color-mix(in srgb,var(--primary) calc(var(--study-intensity, 0) * 72%),var(--surface-strong));color:var(--text);font-size:.78rem;font-weight:800}.study-calendar-grid button.muted-month{opacity:.38}.study-calendar-grid button.holiday{border-color:color-mix(in srgb,var(--danger) 28%,var(--line-soft));background:linear-gradient(135deg,color-mix(in srgb,var(--danger) 8%,transparent),transparent),color-mix(in srgb,var(--primary) calc(var(--study-intensity, 0) * 72%),var(--surface-strong))}.study-calendar-grid button small{max-width:100%;overflow:hidden;color:var(--danger);font-size:.58rem;font-weight:750;text-overflow:ellipsis;white-space:nowrap}.study-calendar-grid button.active{border-color:var(--primary);background:linear-gradient(135deg,color-mix(in srgb,var(--primary) 16%,var(--surface-strong)),var(--surface-strong));box-shadow:0 0 0 3px var(--primary-soft),0 10px 24px color-mix(in srgb,var(--primary) 14%,transparent)}.study-growth-card{display:grid;gap:.85rem}.study-growth-head{align-items:start}.segmented-control{display:inline-flex;align-items:center;gap:.22rem;border:1px solid var(--line-soft);border-radius:12px;background:var(--bg-elevated);padding:.18rem}.segmented-control button{min-height:2rem;border:0;border-radius:9px;background:transparent;color:var(--muted);padding:0 .6rem;font-weight:780;cursor:pointer}.segmented-control button.active{background:var(--surface);color:var(--primary);box-shadow:0 5px 14px color-mix(in srgb,var(--shadow-color, #000) 8%,transparent)}.video-history-card,.article-history-card{grid-column:1 / -1}.long-sentence-list,.practice-prompt-list{display:grid;gap:.75rem}.long-sentence-list>div,.practice-prompt-list button{display:grid;gap:.45rem;border:1px solid var(--line-soft);border-radius:16px;background:var(--surface-strong);color:var(--text);padding:.85rem;text-align:left}:root:not([data-theme=dark]) .article-focus-card{color:#1f2933}:root:not([data-theme=dark]) .article-focus-card .section-title h2,:root:not([data-theme=dark]) .long-sentence-list strong,:root:not([data-theme=dark]) .grammar-list strong{color:#111827}:root:not([data-theme=dark]) .article-focus-card .section-title p,:root:not([data-theme=dark]) .long-sentence-list span,:root:not([data-theme=dark]) .long-sentence-list li,:root:not([data-theme=dark]) .grammar-list span,:root:not([data-theme=dark]) .grammar-list small{color:#4b5563}:root:not([data-theme=dark]) .long-sentence-list>div,:root:not([data-theme=dark]) .practice-prompt-list button,:root:not([data-theme=dark]) .grammar-list div,:root:not([data-theme=dark]) .grammar-list button{background:#fff;color:#1f2933}:root[data-theme=dark] body{background:#191c26}.review-filter-row,.review-type-row,.review-mode-row,.api-chip-row{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:0}.review-filter-row button,.review-type-row button,.review-mode-row button,.api-chip-row span{display:inline-flex;align-items:center;gap:.38rem;border:1px solid var(--line-soft);border-radius:999px;background:color-mix(in srgb,var(--surface) 82%,transparent);color:var(--muted);min-height:2.2rem;padding:0 .75rem;font-weight:750;transition:background .16s ease,border-color .16s ease,color .16s ease,transform .16s ease}.knowledge-hero,.plan-hero{display:flex;align-items:center;justify-content:space-between;gap:1rem;border:1px solid var(--line-soft);border-radius:24px;background:radial-gradient(circle at top left,var(--primary-soft),transparent 44%),var(--surface);box-shadow:var(--shadow-soft);padding:clamp(1rem,3vw,1.55rem)}.knowledge-hero p,.plan-hero p{margin:0 0 .2rem;color:var(--primary);font-size:.78rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.knowledge-hero h1,.plan-hero h1{margin:0;color:var(--text);font-size:clamp(1.7rem,4vw,2.35rem)}.knowledge-hero span,.plan-hero span{color:var(--muted)}.personal-brain-modal-evidence,.study-data-brain-evidence{display:flex;flex-wrap:wrap;gap:.42rem}.personal-brain-modal-evidence span,.study-data-brain-evidence small{display:inline-flex;align-items:center;min-height:1.9rem;border:1px solid color-mix(in srgb,#2d74b7 15%,var(--line-soft));border-radius:999px;background:#ffffffad;color:#385169;padding:0 .66rem;font-size:.78rem;font-weight:780}.soft-button.compact{min-height:2.25rem;padding:.42rem .7rem;font-size:.84rem}@keyframes daily-coach-breathe{0%,to{box-shadow:inset 0 1px #ffffffbd,0 0 0 1px #ffffff5c,0 22px 58px #2b90ef24;transform:scale(.985)}50%{box-shadow:inset 0 1px #ffffffd6,0 0 0 1px #ffffff6b,0 30px 88px #219fe13d;transform:scale(1.015)}}@keyframes daily-coach-ring-flow{to{transform:rotate(360deg)}}@keyframes daily-coach-dot-orbit{to{transform:rotate(360deg)}}.material-progress-detail-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.62rem}.material-progress-detail-grid>div{border:1px solid var(--line-soft);border-radius:16px;background:color-mix(in srgb,var(--surface-strong) 88%,var(--primary-soft));padding:.82rem}.material-progress-detail-grid strong,.material-progress-detail-grid p{display:block;margin:0}.material-progress-detail-grid strong{color:var(--text);font-size:.86rem}.material-progress-detail-grid p{margin-top:.38rem;color:var(--muted);font-size:.84rem;line-height:1.48}.scenario-segment button.active{border-color:color-mix(in srgb,var(--primary) 26%,var(--line-soft));background:color-mix(in srgb,var(--primary) 12%,var(--dialog-surface));color:var(--primary)}@keyframes modalFloatIn{0%{opacity:0;transform:translateY(8px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}.status-ladder div.active{border-color:var(--primary);background:var(--primary-soft);color:var(--primary);font-weight:800}@media(max-width:760px){.review-summary-grid,.ebbinghaus-stage-row,.review-insight-grid,.review-entry-body,.study-stats-layout,.daily-loop-card.compact-queue .daily-task-cards,.study-data-command-center,.study-data-metric-modal-grid,.study-data-action-grid{grid-template-columns:1fr}.study-data-action-grid button{min-height:4.9rem}.bottom-tabs{right:max(.72rem,env(safe-area-inset-right));bottom:max(.72rem,env(safe-area-inset-bottom));left:max(.72rem,env(safe-area-inset-left));border:var(--aishadoo-border);border-radius:24px;background:color-mix(in srgb,var(--aishadoo-glass-strong) 88%,transparent);box-shadow:var(--aishadoo-shadow);backdrop-filter:blur(var(--aishadoo-blur)) saturate(1.18);-webkit-backdrop-filter:blur(var(--aishadoo-blur)) saturate(1.18)}}:where(.favorites-page,.notes-page,.review-page,.study-stats-page,.knowledge-page,.learning-plan-page){background:radial-gradient(circle at 8% 0%,color-mix(in srgb,var(--primary) 10%,transparent),transparent 22rem),radial-gradient(circle at 92% 12%,color-mix(in srgb,var(--success) 8%,transparent),transparent 24rem),linear-gradient(135deg,color-mix(in srgb,var(--primary-soft) 36%,var(--surface)) 0%,var(--surface) 42%,color-mix(in srgb,var(--primary) 4%,var(--surface)) 100%)}.quick-note-fab{position:fixed;z-index:75;right:calc(1rem + env(safe-area-inset-right));bottom:calc(5.6rem + env(safe-area-inset-bottom));display:inline-flex;align-items:center;justify-content:center;gap:.42rem;min-height:2.7rem;border:1px solid color-mix(in srgb,var(--primary) 18%,var(--line-soft));border-radius:999px;background:linear-gradient(135deg,var(--primary),color-mix(in srgb,var(--primary) 76%,var(--success))),var(--primary);color:#fff;padding:0 1rem;font-size:.9rem;font-weight:780;box-shadow:0 14px 34px color-mix(in srgb,var(--primary) 28%,transparent);cursor:pointer;transition:box-shadow .18s ease,border-color .18s ease,transform .18s ease}.quick-note-fab.learning-note-fab{display:none}.quick-note-fab:hover,.quick-note-fab:focus-visible{border-color:color-mix(in srgb,var(--primary) 45%,#fff);box-shadow:0 18px 42px color-mix(in srgb,var(--primary) 36%,transparent);transform:translateY(-1px)}.sentence-note-modal{position:fixed;top:clamp(.75rem,2vh,1.5rem);right:calc(1rem + env(safe-area-inset-right));bottom:calc(1rem + env(safe-area-inset-bottom));width:min(430px,calc(100vw - 2rem));max-height:none;border-radius:20px;background:linear-gradient(90deg,color-mix(in srgb,var(--primary) 18%,var(--surface-strong)) 0 6px,transparent 6px),repeating-linear-gradient(0deg,transparent 0 30px,color-mix(in srgb,var(--primary) 8%,var(--surface-strong)) 30px 31px),var(--surface-strong);box-shadow:0 22px 58px #0f172a2e;pointer-events:auto;animation:note-side-panel-in .18s ease-out both;-webkit-backdrop-filter:none;backdrop-filter:none}.sentence-note-modal.article-note-popover.article-note-panel{display:grid;gap:.9rem;align-content:start;overflow-y:auto;overflow-x:hidden;border-radius:20px;background:linear-gradient(90deg,color-mix(in srgb,var(--primary) 18%,var(--surface-strong)) 0 6px,transparent 6px),repeating-linear-gradient(0deg,transparent 0 30px,color-mix(in srgb,var(--primary) 8%,var(--surface-strong)) 30px 31px),var(--surface-strong);box-shadow:0 22px 58px #0f172a2e;padding:1rem;pointer-events:auto;-webkit-backdrop-filter:none;backdrop-filter:none}.article-note-panel .source-quote{margin:0}.article-note-panel .source-quote pre{max-height:10rem;overflow:auto;margin:.35rem 0 0;color:var(--text);font:inherit;white-space:pre-wrap}@keyframes note-side-panel-in{0%{opacity:0;transform:translate(18px)}to{opacity:1;transform:translate(0)}}.ai-assistant{position:fixed;z-index:9500;right:max(1rem,env(safe-area-inset-right));bottom:calc(var(--bottom-nav-space, 5.8rem) + max(.85rem,env(safe-area-inset-bottom)));pointer-events:none;touch-action:none;-webkit-user-select:none;user-select:none}.ai-assistant-empty p,.ai-message p,.ai-assistant-error{margin:0}.ai-message{display:grid;gap:.28rem;max-width:min(88%,42rem);border-radius:16px;padding:.72rem .82rem;line-height:1.55;overflow-wrap:anywhere;white-space:pre-wrap}.ai-message.user{justify-self:end;border-bottom-right-radius:6px;background:var(--primary);color:#fff}.ai-message.assistant{justify-self:start;max-width:min(100%,45rem);border:1px solid color-mix(in srgb,var(--primary) 8%,var(--line-soft));border-bottom-left-radius:6px;background:var(--surface-strong);color:var(--text)}.ai-message-markdown{display:grid;gap:.48rem;white-space:normal}.ai-message-markdown h3,.ai-message-markdown p,.ai-message-markdown ul{margin:0}.ai-message-markdown h3{color:var(--text);font-size:.98rem;font-weight:840;line-height:1.38}.ai-message-markdown p{line-height:1.58;white-space:pre-wrap}.ai-message-markdown ul{display:grid;gap:.34rem;padding-left:1.05rem}.ai-message-markdown li{line-height:1.55;padding-left:.05rem}.ai-message-markdown strong{color:color-mix(in srgb,var(--primary) 78%,var(--text));font-weight:850}.ai-message-markdown code{border-radius:7px;background:color-mix(in srgb,var(--primary-soft) 64%,transparent);color:color-mix(in srgb,var(--primary) 78%,var(--text));padding:.05rem .28rem;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.92em}.ai-message small{color:var(--muted);font-size:.76rem}.ai-note-layer{position:absolute;z-index:3;inset:0;display:grid;place-items:center;border-radius:inherit;background:color-mix(in srgb,var(--surface) 78%,rgba(0,0,0,.2));padding:.85rem;cursor:auto;overscroll-behavior:contain}.ai-note-modal{width:min(620px,100%);max-height:min(100%,720px);overflow:auto;background:var(--surface-strong);-webkit-backdrop-filter:none;backdrop-filter:none;cursor:auto;overscroll-behavior:contain}.ai-note-editor{margin:0}.ai-note-editor textarea{min-height:11rem}.ai-note-editor textarea.compact{min-height:4.5rem}@keyframes spin{to{transform:rotate(360deg)}}:root[data-theme=dark] .notes-page{--notes-glass-bg: color-mix(in srgb, var(--surface) 72%, transparent);--notes-glass-strong: color-mix(in srgb, var(--surface-strong) 88%, transparent);--notes-glass-soft: color-mix(in srgb, var(--primary-soft) 18%, var(--surface));--notes-glass-border: color-mix(in srgb, var(--primary) 16%, var(--line-soft))}.detail-switch-card{position:relative;animation-duration:.19s;animation-fill-mode:both;animation-timing-function:cubic-bezier(.2,.8,.2,1)}.detail-switch-card.next{animation-name:detail-slide-next}.detail-switch-card.prev{animation-name:detail-slide-prev}.detail-switch-button{position:absolute;z-index:2;top:50%;display:inline-flex;align-items:center;justify-content:center;width:2.7rem;height:2.7rem;border:1px solid color-mix(in srgb,var(--primary) 14%,var(--line-soft));border-radius:999px;background:linear-gradient(135deg,color-mix(in srgb,var(--favorite-detail-surface) 94%,transparent),color-mix(in srgb,var(--surface-strong) 86%,transparent)),var(--favorite-detail-surface);color:var(--primary);box-shadow:0 12px 30px color-mix(in srgb,var(--primary) 12%,transparent);transform:translateY(-50%);transition:border-color .16s ease,background .16s ease,color .16s ease}.detail-switch-button:hover,.detail-switch-button:focus-visible{border-color:color-mix(in srgb,var(--primary) 40%,var(--line-soft));background:color-mix(in srgb,var(--primary-soft) 56%,var(--surface))}.detail-switch-button.prev{left:.8rem}.detail-switch-button.next{right:.8rem}@media(max-width:980px){.knowledge-detail-modal .detail-switch-button.prev,.favorite-detail-modal .detail-switch-button.prev{left:.6rem}.knowledge-detail-modal .detail-switch-button.next,.favorite-detail-modal .detail-switch-button.next{right:.6rem}.daily-loop-card.compact-queue .daily-task-cards,.study-data-command-center,.study-data-action-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@keyframes detail-slide-next{0%{opacity:0;transform:translate(18px)}to{opacity:1;transform:translate(0)}}@keyframes detail-slide-prev{0%{opacity:0;transform:translate(-18px)}to{opacity:1;transform:translate(0)}}.mobile-settings-head,.practice-drawer-switches,.practice-mobile-settings-toggle,.review-settings-backdrop,.practice-settings-backdrop{display:none}@keyframes mobile-note-sheet-in{0%{opacity:0;transform:translateY(14px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes mobile-note-popover-in{0%{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes mobile-note-fixed-in{0%{opacity:0}to{opacity:1}}@media(max-width:1024px){html,body,#root{width:100%;max-width:100%;overflow-x:hidden}img,video,canvas,svg{max-width:100%}.page-panel:not(:has(.learning-shell)),.content-card,.article-reading-page,.article-reading-main,.article-reading-aside,.knowledge-detail-modal,.favorite-detail-modal{min-width:0;max-width:100%}.modal-backdrop,.knowledge-detail-backdrop,.favorite-detail-backdrop,.article-knowledge-backdrop{max-width:100vw;overflow:hidden}.knowledge-detail-body p,.knowledge-detail-source small,.favorite-detail-modal p,.saved-card strong,.saved-card span,.article-body-reader,.article-reading-header{overflow-wrap:anywhere;word-break:break-word}.mobile-only-back{display:inline-flex;align-items:center;gap:.4rem;padding:.5rem .75rem;margin-bottom:.6rem;border:1px solid var(--line-soft);border-radius:10px;background:var(--surface);color:var(--text);font-size:.85rem;font-weight:580;cursor:pointer;transition:background .12s ease;align-self:flex-start}.mobile-only-back:hover{background:var(--surface-strong)}}@media(min-width:768px)and (max-width:1024px)and (orientation:landscape){.learning-main-column,.learning-side-column{display:contents}.subtitle-card{order:2;display:flex;flex:1 1 auto;min-height:0;max-height:none;flex-direction:column;overflow:hidden}.learning-control-card{position:static;order:3;flex:0 0 auto;width:100%}}@media(min-width:768px)and (max-width:1024px)and (orientation:portrait){.learning-main-column,.learning-side-column{display:contents}.subtitle-card{order:2;display:flex;flex:1 1 auto;min-height:0;max-height:none;flex-direction:column;overflow:hidden}.learning-control-card{position:static;order:3;flex:0 0 auto;width:100%}}@media(max-width:767px){:root{--bottom-nav-space: 5.25rem}body{min-width:0;-webkit-text-size-adjust:100%}.page-panel:not(:has(.learning-shell)) button,.page-panel:not(:has(.learning-shell)) a,.modal-backdrop button,.knowledge-detail-backdrop button,.favorite-detail-backdrop button,.article-knowledge-backdrop button{min-height:44px}.page-panel:not(:has(.learning-shell)) input,.page-panel:not(:has(.learning-shell)) select,.page-panel:not(:has(.learning-shell)) textarea,.modal-backdrop input,.modal-backdrop select,.modal-backdrop textarea,.knowledge-detail-backdrop textarea,.article-note-layer input,.article-note-layer select,.article-note-layer textarea{min-height:44px;font-size:max(16px,1rem)}.page-heading,.subpage-topbar,.article-reading-topbar{gap:.55rem}.page-heading{grid-template-columns:minmax(0,1fr) auto}.page-heading>div,.subpage-topbar>span,.section-title>div{min-width:0}.page-heading h1,.knowledge-hero h1,.plan-hero h1,.stats-hero-panel h1{font-size:clamp(1.35rem,7vw,1.9rem);line-height:1.16}.page-heading p,.knowledge-hero p,.plan-hero p,.stats-hero-panel p{display:none}.page-heading .soft-button,.subpage-topbar .soft-button,.mobile-article-filter-button,.section-inline-action{min-width:44px;min-height:44px}.bottom-tabs{z-index:2147483000;pointer-events:auto;isolation:isolate;left:max(.64rem,env(safe-area-inset-left));right:max(.64rem,env(safe-area-inset-right));bottom:calc(.45rem + env(safe-area-inset-bottom) + var(--mobile-browser-bottom-offset, 0px));max-width:420px}.bottom-tabs button{position:relative;z-index:1;pointer-events:auto;min-height:44px;font-size:.72rem}.knowledge-hero,.plan-hero,.stats-hero-panel{grid-template-columns:minmax(0,1fr) auto;border-radius:20px;padding:.9rem}.review-summary-grid,.knowledge-stats-strip,.daily-recommendation-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.knowledge-vault-preview button,.saved-card,.jump-list button{min-height:44px}.favorite-layout,.knowledge-vault-grid,.study-stats-layout,.article-reading-page,.article-reader-layout,.course-detail-layout{grid-template-columns:1fr}.knowledge-detail-backdrop,.favorite-detail-backdrop{align-items:center;justify-content:center;padding:max(.62rem,env(safe-area-inset-top)) max(.62rem,env(safe-area-inset-right)) calc(var(--bottom-nav-space, 5.25rem) + .72rem + env(safe-area-inset-bottom)) max(.62rem,env(safe-area-inset-left))}.knowledge-detail-modal,.favorite-detail-modal{width:min(100%,calc(100vw - 2rem));max-height:min(82dvh,calc(var(--app-mobile-vh, 100dvh) - var(--bottom-nav-space, 5.25rem) - 1.6rem));overflow:auto;border-radius:22px}.knowledge-detail-modal .detail-switch-button.prev,.favorite-detail-modal .detail-switch-button.prev{left:.28rem}.knowledge-detail-modal .detail-switch-button.next,.favorite-detail-modal .detail-switch-button.next{right:.28rem}.detail-switch-button{width:42px;height:42px}.material-progress-detail-grid,.training-prescription-panel,.trainer-actions,.scenario-segment{grid-template-columns:1fr}.training-prescription-panel .primary-button{width:100%;justify-content:center}.calendar-selectors{width:100%;justify-content:flex-start}.calendar-selectors select{min-width:7.2rem}.article-note-popover,.article-note-dialog,.sentence-note-modal.article-note-popover{width:100%;max-height:min(82dvh,calc(var(--app-mobile-vh, 100dvh) - var(--bottom-nav-space, 5.25rem) - 1.4rem))}.sentence-note-modal.article-note-popover.article-note-panel{position:fixed;top:var(--article-note-top, max(.72rem, env(safe-area-inset-top)))!important;right:auto!important;bottom:auto!important;left:var(--article-note-left, max(.72rem, env(safe-area-inset-left)))!important;display:block;width:min(var(--article-note-width, 430px),calc(100vw - 1.44rem))!important;max-height:min(82dvh,calc(var(--app-mobile-vh, 100dvh) - var(--bottom-nav-space, 5.25rem) - 1.4rem));overflow-y:auto;overflow-x:hidden;animation:mobile-note-popover-in .16s cubic-bezier(.2,.8,.2,1) both}.sentence-note-modal.article-note-popover.article-note-panel:before{display:block}.article-note-panel .source-quote{margin-bottom:.78rem}.article-note-panel .note-editor{overflow:visible;margin:0;padding-right:0}.video-grid,.category-grid{grid-template-columns:1fr}.video-remove-button,.category-remove-button{width:44px;height:44px}}.badge-urgent{background:color-mix(in srgb,#ff7043 18%,var(--surface-strong));color:#c0401a}.badge-empty{background:var(--surface-strong);color:var(--muted-2)}.badge-output{background:color-mix(in srgb,#43a047 18%,var(--surface-strong));color:#2e7d32}[data-theme=dark] .badge-urgent{color:#ff9575}[data-theme=dark] .badge-output{color:#81c784}.mobile-only-back{display:none}.favorite-detail-modal .comparison-box,.favorite-detail-modal .favorite-sentence-detail-card{width:100%}.favorite-detail-word .comparison-box p{font-size:1rem;line-height:1.55}.favorite-detail-word .comparison-box p{white-space:pre-wrap}@keyframes ai-fab-pulse{0%,to{transform:scale(1);opacity:.32}50%{transform:scale(1.14);opacity:0}}@keyframes ai-panel-rise{0%{opacity:0;transform:translateY(12px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.ai-message.user{background:linear-gradient(135deg,#007aff,#5b6cff)!important;color:#fff!important;border:none!important}.ai-message.user p,.ai-message.user small{color:#fff!important}.ai-message{animation:ai-message-in .22s ease}@keyframes ai-message-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.study-calendar-grid button{background:color-mix(in srgb,#5B6CFF calc(var(--study-intensity, 0) * 16%),var(--surface-strong))}.study-calendar-grid button.active{outline:2px solid #007AFF;outline-offset:1px}.study-companion-badge{margin-bottom:.1rem}.study-milestone-rail{align-self:stretch;border:1px solid rgba(226,232,240,.74);border-radius:22px;background:linear-gradient(135deg,#ffffffc7,#f8fafca3),var(--surface);padding:.62rem}@keyframes combo-chip-pop{0%{transform:scale(.7);opacity:0}to{transform:scale(1);opacity:1}}.grade-c{background:#9aa3b2}@keyframes combo-flash-fade{0%{transform:scale(.4);opacity:0}18%{transform:scale(1.12);opacity:1}32%{transform:scale(1);opacity:1}to{transform:scale(1.05) translateY(-14px);opacity:0}}@keyframes combo-flash-reduced{0%,80%{opacity:1}to{opacity:0}}.coach-toast{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.72rem;width:min(31rem,100%);border:1px solid color-mix(in srgb,var(--reward-accent) 24%,rgba(148,163,184,.22));border-radius:22px;background:linear-gradient(135deg,#fffffffa,color-mix(in srgb,var(--reward-soft) 72%,#ffffff)),#fff;box-shadow:inset 0 1px #fffffff0,inset 0 -12px 24px color-mix(in srgb,var(--reward-accent) 5%,transparent),0 22px 54px #0f172a21;color:#0f172a;padding:.72rem .82rem;text-align:left;animation:coach-toast-rise .26s cubic-bezier(.2,.92,.2,1) both;backdrop-filter:blur(18px) saturate(1.12);-webkit-backdrop-filter:blur(18px) saturate(1.12)}.coach-toast-icon{display:grid;place-items:center;width:2.42rem;height:2.42rem;border-radius:18px;background:linear-gradient(135deg,color-mix(in srgb,var(--reward-accent) 15%,#ffffff),var(--reward-soft));color:var(--reward-text);box-shadow:inset 0 -7px 16px color-mix(in srgb,var(--reward-accent) 10%,transparent)}.coach-toast strong,.coach-toast p,.coach-toast em{margin:0}.coach-toast strong{display:block;color:#0f172a;font-size:.98rem;font-weight:900;line-height:1.2}.coach-toast p{margin-top:.12rem;color:#475569;font-size:.84rem;font-weight:650;line-height:1.4}.coach-toast em{border-radius:999px;background:color-mix(in srgb,var(--reward-accent) 12%,#ffffff);color:var(--reward-text);padding:.22rem .48rem;font-size:.72rem;font-style:normal;font-weight:920;white-space:nowrap}.reward-burst{display:grid;place-items:center;gap:.32rem;color:var(--reward-text)}.reward-burst-orb{position:relative;display:grid;place-items:center;width:clamp(5.5rem,18vw,8rem);height:clamp(5.5rem,18vw,8rem);border-radius:999px;background:radial-gradient(circle at 50% 50%,rgba(255,255,255,.94) 0 34%,transparent 35%),conic-gradient(from 24deg,var(--reward-accent),var(--reward-accent-2),#7dd3fc,var(--reward-accent));box-shadow:0 24px 90px color-mix(in srgb,var(--reward-accent) 28%,transparent),inset 0 0 0 .72rem #ffffff94;animation:reward-orb-pop .72s cubic-bezier(.18,1.1,.22,1) both}.reward-burst-orb span{z-index:2;display:grid;place-items:center;width:3.1rem;height:3.1rem;border-radius:999px;background:#fffffff0;color:var(--reward-text);box-shadow:inset 0 -8px 18px color-mix(in srgb,var(--reward-accent) 12%,transparent)}.reward-burst-orb i{--burst-angle: calc(var(--burst-i) * 45deg);position:absolute;width:.54rem;height:.54rem;border-radius:999px;background:var(--reward-accent);box-shadow:0 0 18px color-mix(in srgb,var(--reward-accent) 42%,transparent);transform:rotate(var(--burst-angle)) translateY(-3.8rem);transform-origin:center;animation:reward-particle-float .9s ease-out both}.reward-burst strong{color:#0f172a;font-size:clamp(2.8rem,12vw,5.8rem);font-weight:950;line-height:.92;text-shadow:0 14px 42px color-mix(in srgb,var(--reward-accent) 18%,transparent)}.reward-burst p{margin:0;color:var(--reward-text);font-size:clamp(.82rem,2vw,1rem);font-weight:950;letter-spacing:.18em;text-transform:uppercase}.ai-thinking-steps{display:grid;gap:.58rem;width:min(26rem,100%);border:1px solid rgba(191,219,254,.6);border-radius:20px;background:linear-gradient(135deg,#ffffffeb,#eff6ffcc),#fff;padding:.72rem}.ai-thinking-steps.compact{gap:.46rem;padding:.62rem}.ai-thinking-head{display:flex;align-items:center;gap:.5rem;min-width:0}.ai-thinking-head strong{color:#0f172a;font-size:.9rem;font-weight:900}.ai-thinking-orb{position:relative;display:grid;place-items:center;width:2rem;height:2rem;border-radius:999px;background:radial-gradient(circle at 50% 50%,#1d4ed8 0 31%,transparent 33%),conic-gradient(from 20deg,#14b8a6,#38bdf8,#fb923c,#14b8a6);color:#fff;box-shadow:0 9px 24px #2563eb2e;animation:ai-thinking-breathe 2.2s ease-in-out infinite}.ai-thinking-orb svg{width:.86rem;height:.86rem}.ai-thinking-orb i,.ai-thinking-orb b{position:absolute;inset:-.28rem;border-radius:999px;border:1px solid rgba(59,130,246,.24);content:"";animation:ai-dot-orbit 2.9s linear infinite}.ai-thinking-orb b{animation-duration:3.6s;animation-direction:reverse}.ai-thinking-orb i:after,.ai-thinking-orb b:after{position:absolute;top:-.1rem;left:50%;width:.34rem;height:.34rem;border-radius:999px;background:#14b8a6;content:"";transform:translate(-50%)}.ai-thinking-orb b:after{background:#fb923c}.ai-thinking-steps ol{display:grid;gap:.34rem;margin:0;padding:0;list-style:none}.ai-thinking-steps li{--step-delay: 0ms;display:grid;grid-template-columns:1.42rem minmax(0,1fr);align-items:center;gap:.42rem;opacity:0;animation:ai-step-in .82s ease infinite;animation-delay:var(--step-delay)}.ai-thinking-steps li span{display:grid;place-items:center;width:1.42rem;height:1.42rem;border-radius:999px;background:#e0f2fe;color:#0369a1;font-size:.72rem;font-weight:950}.ai-thinking-steps li p{margin:0;color:#475569;font-size:.82rem;font-weight:720;line-height:1.32}.shadowing-hero-badge{margin-bottom:.38rem}.teacher-feedback-panel .ai-thinking-steps{margin-top:.18rem}@keyframes coach-toast-rise{0%{opacity:0;transform:translateY(14px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes reward-orb-pop{0%{transform:scale(.56) rotate(-18deg);opacity:0}42%{transform:scale(1.08) rotate(8deg);opacity:1}to{transform:scale(1) rotate(0);opacity:1}}@keyframes reward-particle-float{0%{opacity:0;transform:rotate(var(--burst-angle)) translateY(-1.9rem) scale(.4)}35%{opacity:1}to{opacity:0;transform:rotate(var(--burst-angle)) translateY(-4.8rem) scale(.9)}}@keyframes ai-thinking-breathe{0%,to{transform:scale(1);filter:saturate(1)}50%{transform:scale(1.05);filter:saturate(1.18)}}@keyframes ai-dot-orbit{to{transform:rotate(360deg)}}@keyframes ai-step-in{0%{opacity:.35;transform:translateY(3px)}28%,70%{opacity:1;transform:translateY(0)}to{opacity:.55;transform:translateY(-1px)}}body:has(.sentence-practice-page) .ai-assistant{display:none}.sentence-practice-page .practice-recording-float .recording-visual p{max-width:16rem;color:#111827;font-size:1rem;font-weight:760;text-align:center}.sentence-practice-page .practice-capture-dock button.review-saved{background:#ecfdf5;color:#059669}.sentence-practice-page .practice-note-modal .note-editor textarea:not(.compact){min-height:12rem}@keyframes liquid-feedback-rise{0%{opacity:0;transform:translateY(18px) scale(.94)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes practice-key-pop{0%{transform:translateY(3px) scale(.96);opacity:.45}to{transform:translateY(0) scale(1);opacity:1}}@keyframes practice-caret-blink{0%,48%{opacity:1}49%,to{opacity:0}}@media(hover:none)and (pointer:coarse)and (max-width:1180px){html:has(.sentence-practice-page),body:has(.sentence-practice-page),#root:has(.sentence-practice-page){width:100%;height:100dvh;overflow:hidden;overscroll-behavior:none}body:has(.sentence-practice-page) .bottom-tabs,body:has(.sentence-practice-page) .ai-assistant{display:none!important}}@keyframes practice-rotate-nudge{0%,to{transform:rotate(-12deg)}50%{transform:rotate(18deg)}}.page-panel,.content-card,.metric-card,.settings-card,.favorites-card,.subtitle-card{border-color:color-mix(in srgb,var(--primary) 10%,var(--line-soft));background:linear-gradient(135deg,color-mix(in srgb,var(--surface) 96%,transparent),color-mix(in srgb,var(--primary-soft) 18%,var(--surface))),var(--surface);box-shadow:var(--shadow)}.primary-action,.primary-button,.soft-button,.section-inline-action,.text-action,.side-nav button,.bottom-tabs button,.saved-card,.word-card,.knowledge-vault-preview button,.review-rating-row button,.review-choice-grid button,.note-list-card{transition:background .18s var(--ease-out-soft),border-color .18s var(--ease-out-soft),color .18s var(--ease-out-soft),box-shadow .18s var(--ease-out-soft),transform .18s var(--ease-out-soft)}.primary-action,.primary-button{border:1px solid color-mix(in srgb,var(--primary-pressed) 32%,var(--primary));background:linear-gradient(180deg,color-mix(in srgb,#ffffff 12%,transparent),transparent),var(--primary);box-shadow:var(--press-shadow),0 10px 22px color-mix(in srgb,var(--primary) 22%,transparent)}.soft-button,.section-inline-action,.text-action{border-color:color-mix(in srgb,var(--primary) 16%,var(--line-soft));background:color-mix(in srgb,var(--surface) 88%,var(--primary-soft));color:color-mix(in srgb,var(--text) 74%,var(--primary))}.primary-action:active,.primary-button:active,.soft-button:active,.section-inline-action:active,.text-action:active,.side-nav button:active,.bottom-tabs button:active,.saved-card:active,.word-card:active,.knowledge-vault-preview button:active,.review-choice-grid button:active,.review-rating-row button:active{transform:translateY(1px) scale(.98);box-shadow:none}.bottom-tabs{border-color:color-mix(in srgb,var(--primary) 13%,var(--line-soft));background:linear-gradient(135deg,color-mix(in srgb,var(--surface) 92%,transparent),color-mix(in srgb,var(--primary-soft) 36%,transparent)),var(--surface)}.bottom-tabs button{min-height:48px}.side-nav button.active,.bottom-tabs button.active{box-shadow:inset 0 -2px color-mix(in srgb,var(--primary) 24%,transparent)}.favorite-empty-state,.knowledge-empty-state,.review-card-main.empty .coach-empty-state,.notes-page .notes-empty,.ai-assistant-empty{min-height:10rem;border-style:solid}.favorite-empty-state .coach-avatar,.knowledge-empty-state .coach-avatar,.review-card-main.empty .coach-avatar,.notes-page .notes-empty .coach-avatar,.ai-assistant-empty .coach-avatar{width:clamp(3rem,11vw,4.6rem)}.knowledge-empty-state p,.favorite-empty-state p{font-size:.84rem}.saved-card,.word-card,.knowledge-vault-card,.review-card-main,.daily-task-card,.study-stats-page .stat-card{border-color:color-mix(in srgb,var(--primary) 12%,var(--line-soft));background:linear-gradient(135deg,color-mix(in srgb,var(--surface) 94%,transparent),color-mix(in srgb,var(--primary-soft) 24%,var(--surface))),var(--surface)}.knowledge-vault-head span,.favorite-section-actions svg,.review-icon-button,.daily-task-card>span:first-child{border-radius:14px;background:color-mix(in srgb,var(--primary-soft) 70%,var(--surface));color:var(--primary)}.app-icon-mark{overflow:hidden;border-radius:16px;background:transparent;box-shadow:0 8px 18px #4d7cfe24}.app-icon-mark .app-icon-image{display:block;width:100%;height:100%;object-fit:cover}.ai-assistant.open{inset:0!important;z-index:2147482100;display:grid;place-items:center;width:100vw;height:100dvh;padding:max(1rem,env(safe-area-inset-top)) max(1rem,env(safe-area-inset-right)) max(1rem,env(safe-area-inset-bottom)) max(1rem,env(safe-area-inset-left));background:radial-gradient(circle at 82% 18%,rgba(77,124,254,.12),transparent 24rem),radial-gradient(circle at 20% 88%,rgba(54,211,153,.1),transparent 22rem),#f9fafbc7;pointer-events:auto;backdrop-filter:blur(18px) saturate(1.04);-webkit-backdrop-filter:blur(18px) saturate(1.04)}.ai-assistant-panel:after,.sentence-note-modal:after,.plan-output-modal:after,.shadowing-card:after,.sentence-practice-page .practice-shadowing-result-modal:after{content:"";position:absolute;right:clamp(.6rem,2vw,1.3rem);bottom:clamp(.25rem,1.4vw,.9rem);width:clamp(5rem,12vw,8.4rem);aspect-ratio:1;background:url(/brand/aishadoo-coach-cutout-512.png) center / contain no-repeat;filter:drop-shadow(0 18px 22px rgba(77,124,254,.14));opacity:.96;pointer-events:none}.ai-message{border-radius:22px;box-shadow:0 8px 24px #20325c0f;padding:.9rem 1rem}.ai-message.user{border:0!important;border-bottom-right-radius:9px;background:linear-gradient(135deg,#4d7cfe,#36d399)!important}.ai-message.assistant{border:0;border-bottom-left-radius:9px;background:#fffffff5}.ai-note-layer,.sentence-note-layer,.article-note-layer,.modal-backdrop,.knowledge-detail-backdrop,.favorite-detail-backdrop,.plan-modal-backdrop{position:fixed;inset:0;z-index:2147482050;display:grid;place-items:center;background:radial-gradient(circle at 70% 18%,rgba(77,124,254,.1),transparent 24rem),#f9fafbc7;padding:max(1rem,env(safe-area-inset-top)) max(1rem,env(safe-area-inset-right)) max(1rem,env(safe-area-inset-bottom)) max(1rem,env(safe-area-inset-left));pointer-events:auto;backdrop-filter:blur(16px) saturate(1.05);-webkit-backdrop-filter:blur(16px) saturate(1.05)}.sentence-note-modal:after,.plan-output-modal:after{width:clamp(4.8rem,10vw,7.2rem);opacity:.78}.sentence-note-header,.shadowing-card-top,.knowledge-detail-header{position:relative;z-index:1}.sentence-note-header span,.shadowing-card-top span,.knowledge-detail-header span{color:#4d7cfe;font-weight:850}.sentence-note-header strong,.shadowing-card-top strong,.knowledge-detail-header h2{color:#111827;font-weight:900}.shadowing-result-hero,.diagnostic-teacher-panel,.teacher-token-panel,.next-rep-panel,.diagnostic-drill-panel,.teacher-feedback-panel,.shadowing-memory-card{border:0!important;border-radius:24px;background:#ffffffd1!important;box-shadow:0 10px 28px #20325c12}.shadowing-result-hero{min-height:clamp(12rem,25vw,18rem);padding:clamp(1.1rem,2.4vw,1.6rem)}.shadowing-result-hero strong{font-size:clamp(2.5rem,6vw,4.8rem)}.shadowing-score-stack .score-ring{width:clamp(7rem,14vw,10rem)}.shadowing-score-stack .score-ring span{font-size:clamp(2.4rem,5vw,4rem)}.mic-orb{background:linear-gradient(145deg,#4d7cfe,#2f6fe8);color:#fff;box-shadow:0 12px 32px #4d7cfe47}@keyframes doubao-modal-pop{0%{opacity:0;transform:translate(-50%,-50%) scale(.96)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}@keyframes doubao-card-pop{0%{opacity:0;transform:translateY(10px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.app-icon-mark,.brand .app-icon-mark{overflow:visible;border-radius:0;background:transparent;box-shadow:none}.app-icon-mark .app-icon-image{display:block;width:118%;height:118%;object-fit:contain;filter:drop-shadow(0 8px 14px rgba(77,124,254,.16))}.coach-avatar{overflow:visible;background:transparent}.coach-avatar img{width:118%;height:118%;object-fit:contain;filter:drop-shadow(0 12px 18px rgba(77,124,254,.18))}.ai-assistant-panel:after,.sentence-note-modal:after,.plan-output-modal:after,.shadowing-card:after,.sentence-practice-page .practice-recording-float:after,.sentence-practice-page .practice-shadowing-result-modal:after{content:none!important}.shadowing-result,.shadowing-result-card{box-sizing:border-box;width:100%;min-width:0;max-width:100%}.shadowing-result-card{gap:.78rem;overflow-x:clip}.shadowing-result-hero,.diagnostic-teacher-panel,.teacher-token-panel,.next-rep-panel,.diagnostic-drill-panel,.teacher-feedback-panel,.shadowing-memory-card{border-radius:16px;box-shadow:none}.shadowing-result-hero{min-height:0;grid-template-columns:minmax(0,1fr) minmax(0,auto);width:100%;max-width:100%;overflow:hidden;padding:.85rem}.shadowing-result-hero>*,.teacher-token-panel,.learning-data-asset-card,.teacher-priority-card,.shadowing-memory-card,.result-card-deep-analysis,.teacher-queue-note,.shadowing-save-status{min-width:0;max-width:100%;box-sizing:border-box}.shadowing-result-hero strong{font-size:1.85rem}.shadowing-result-score-rings{width:min(100%,20rem);max-width:100%;grid-template-columns:repeat(4,minmax(0,1fr));min-width:0;justify-self:end;overflow:hidden}.shadowing-result-score-rings .score-ring{width:clamp(2.8rem,6vw,3.75rem);height:clamp(2.8rem,6vw,3.75rem);min-width:0}.teacher-toolbar-actions{width:100%;max-width:100%;grid-template-columns:repeat(auto-fit,minmax(min(8.6rem,100%),1fr));min-width:0}.teacher-toolbar-actions button{min-width:0}.shadowing-recording-duration{display:block;color:var(--muted)}.shadowing-score-stack .score-ring{width:5.3rem}.shadowing-score-stack .score-ring span{font-size:1.8rem}.mic-orb{width:4.25rem;height:4.25rem;background:var(--surface-strong);color:var(--primary);box-shadow:0 10px 34px color-mix(in srgb,var(--primary) 18%,transparent)}.sentence-practice-page .practice-recording-float .recording-visual{min-height:15rem;overflow:visible;background:transparent}@media(min-width:721px){.learning-shell .sentence-note-layer{inset:0;display:block;background:transparent;padding:0;pointer-events:none;backdrop-filter:none;-webkit-backdrop-filter:none}.learning-shell .sentence-note-modal{position:fixed!important;top:var(--learning-note-panel-top, calc(1rem + env(safe-area-inset-top)) )!important;right:auto!important;bottom:auto!important;left:var(--learning-note-panel-left, auto)!important;width:var(--learning-note-panel-width, min(430px, calc(100vw - 2rem) ))!important;height:var(--learning-note-panel-height, calc(100dvh - 2rem) )!important;min-width:min(430px,calc(100vw - 2rem));max-height:none;overflow:auto;border:1px solid var(--line-soft)!important;border-radius:20px;background:linear-gradient(90deg,color-mix(in srgb,var(--primary) 18%,var(--surface-strong)) 0 6px,transparent 6px),repeating-linear-gradient(0deg,transparent 0 30px,color-mix(in srgb,var(--primary) 8%,var(--surface-strong)) 30px 31px),var(--surface-strong)!important;box-shadow:0 22px 58px #0f172a2e!important;padding:1rem;pointer-events:auto;animation:note-side-panel-in .18s ease-out both;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}.sentence-note-modal.article-note-popover,.sentence-note-modal.article-note-popover.article-note-panel{position:fixed!important;top:var(--article-note-top, clamp(.75rem, 2vh, 1.5rem))!important;right:auto!important;bottom:calc(1rem + env(safe-area-inset-bottom))!important;left:var(--article-note-left, auto)!important;width:min(max(var(--article-note-width, 430px),430px),calc(100vw - 2rem))!important;max-height:none;overflow-y:auto;overflow-x:hidden;border:1px solid var(--line-soft)!important;border-radius:20px;background:linear-gradient(90deg,color-mix(in srgb,var(--primary) 18%,var(--surface-strong)) 0 6px,transparent 6px),repeating-linear-gradient(0deg,transparent 0 30px,color-mix(in srgb,var(--primary) 8%,var(--surface-strong)) 30px 31px),var(--surface-strong)!important;box-shadow:0 22px 58px #0f172a2e!important;padding:1rem;pointer-events:auto;animation:note-side-panel-in .18s ease-out both;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}}@keyframes practice-ai-center-pop{0%{opacity:0;transform:translate(-50%,calc(-50% + 14px)) scale(.96)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}.plan-prescription-head span,.daily-loop-card.compact-queue .daily-loop-header strong,.study-data-kicker,.study-data-score-panel span{color:var(--tool-muted);font-size:.76rem;font-weight:780;letter-spacing:.04em;text-transform:uppercase}.category-grid{grid-template-columns:repeat(auto-fit,minmax(18rem,1fr));gap:.9rem}.category-card-gradient{background:linear-gradient(180deg,#14203305,#142033bd)}.category-source-pill{background:#ffffff38}.theme-toggle{display:inline-flex;align-items:center;gap:0;min-height:2.35rem;border:.5px solid var(--ios-line);border-radius:999px;background:#ffffffb8;padding:.18rem;box-shadow:inset 0 1px 1px #ffffffe6,0 2px 8px #0000000a;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.theme-toggle button{display:inline-grid;place-items:center;width:2rem;height:2rem;border:0;border-radius:999px;background:transparent;color:#8e8e93;transition:background .2s ease,color .2s ease,transform .2s ease,box-shadow .2s ease}.theme-toggle button.selected{background:var(--ios-primary);color:#fff;box-shadow:0 2px 8px #5b9df747}.study-data-action-grid strong{color:var(--ios-ink);font-size:1.12rem;font-weight:500;line-height:1.18}.study-data-action-grid span{color:var(--ios-muted);font-size:.88rem;font-weight:400}.plan-prescription-meta span,.study-data-score-panel small,.study-data-evidence-row span{border:.5px solid var(--ios-line);background:#ffffffb8;color:var(--ios-muted);box-shadow:0 1px 6px #00000009;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}@keyframes aishadoo-spin{to{transform:rotate(360deg)}}.learning-package-stage{grid-template-columns:minmax(0,1.24fr) minmax(19rem,.76fr)}:root{--aishadoo-page-font-scale: 1.12rem;--aishadoo-sheet-bg: color-mix(in srgb, var(--aishadoo-glass-strong) 92%, transparent);--aishadoo-sheet-line: color-mix(in srgb, var(--primary) 14%, var(--line));--aishadoo-state-layer: color-mix(in srgb, var(--primary) 9%, transparent);--brand-cat-blue: #4d7cfe;--brand-book-orange: #ff9f43;--brand-success: #36d399}body{background:radial-gradient(circle at 8% -6rem,color-mix(in srgb,var(--primary) 13%,transparent),transparent 28rem),radial-gradient(circle at 92% 8rem,color-mix(in srgb,#34c759 7%,transparent),transparent 22rem),var(--aishadoo-bg);transition:background-color var(--aishadoo-duration) var(--aishadoo-ease),color var(--aishadoo-duration) var(--aishadoo-ease)}.side-nav{border-right:var(--aishadoo-border);background:color-mix(in srgb,var(--aishadoo-glass-strong) 82%,transparent);box-shadow:1px 0 #ffffff42 inset,12px 0 34px #193c640a;backdrop-filter:blur(var(--aishadoo-blur)) saturate(1.16);-webkit-backdrop-filter:blur(var(--aishadoo-blur)) saturate(1.16)}.brand .app-icon-mark{border-radius:var(--aishadoo-control-radius);box-shadow:0 8px 18px color-mix(in srgb,var(--primary) 16%,transparent)}.side-nav button,.bottom-tabs button{min-height:48px;border-radius:var(--aishadoo-control-radius);transition:transform var(--aishadoo-duration) var(--aishadoo-ease),background var(--aishadoo-duration) var(--aishadoo-ease),color var(--aishadoo-duration) var(--aishadoo-ease),box-shadow var(--aishadoo-duration) var(--aishadoo-ease)}.side-nav button:hover,.side-nav button:focus-visible,.bottom-tabs button:hover,.bottom-tabs button:focus-visible{transform:translateY(-1px);background:var(--aishadoo-state-layer);color:var(--primary)}.side-nav button.active,.bottom-tabs button.active{background:color-mix(in srgb,var(--primary) 13%,var(--aishadoo-glass-strong));color:var(--primary);box-shadow:inset 0 0 0 .5px color-mix(in srgb,var(--primary) 18%,transparent)}.theme-toggle{min-height:2.4rem;border:var(--aishadoo-border);border-radius:999px;background:color-mix(in srgb,var(--aishadoo-glass-strong) 88%,transparent);box-shadow:inset 0 1px #ffffff85,0 2px 8px #193c640d;backdrop-filter:blur(var(--aishadoo-blur));-webkit-backdrop-filter:blur(var(--aishadoo-blur))}.theme-toggle button{border-radius:999px;transition:transform var(--aishadoo-duration) var(--aishadoo-ease),background var(--aishadoo-duration) var(--aishadoo-ease),color var(--aishadoo-duration) var(--aishadoo-ease),box-shadow var(--aishadoo-duration) var(--aishadoo-ease)}.theme-toggle button.selected{background:var(--primary);color:#fff;box-shadow:0 4px 12px color-mix(in srgb,var(--primary) 26%,transparent)}.glass-card{border:var(--aishadoo-border);border-radius:var(--aishadoo-card-radius);background:var(--aishadoo-glass);box-shadow:var(--aishadoo-shadow);backdrop-filter:blur(var(--aishadoo-blur)) saturate(1.12);-webkit-backdrop-filter:blur(var(--aishadoo-blur)) saturate(1.12);transition:transform var(--aishadoo-duration) var(--aishadoo-ease),box-shadow var(--aishadoo-duration) var(--aishadoo-ease),border-color var(--aishadoo-duration) var(--aishadoo-ease),background var(--aishadoo-duration) var(--aishadoo-ease);will-change:transform}.glass-card-interactive{cursor:pointer}.glass-card-interactive:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--primary) 24%,var(--line));box-shadow:var(--aishadoo-shadow-hover)}.glass-card-interactive:active{transform:translateY(0) scale(.98)}.svg-icon{display:inline-grid;width:1.3em;height:1.3em;place-items:center;flex:0 0 auto;color:currentColor;line-height:1;transition:transform var(--aishadoo-duration) var(--aishadoo-ease),filter var(--aishadoo-duration) var(--aishadoo-ease)}.svg-icon svg{display:block;overflow:visible;stroke-linecap:round;stroke-linejoin:round}button:hover .svg-icon,a:hover .svg-icon{transform:translateY(-1px);filter:drop-shadow(0 0 8px color-mix(in srgb,currentColor 18%,transparent))}.ios-theme-toggle{display:inline-flex;align-items:center;gap:.22rem;padding:.2rem}.ios-theme-toggle button{display:inline-grid;width:2rem;min-width:2rem;height:2rem;place-items:center;border:0;background:transparent;color:var(--muted)}.ios-theme-toggle button:not(.selected):hover{background:color-mix(in srgb,var(--primary) 8%,transparent);color:var(--primary)}.route-surface{animation:aishadoo-route-in var(--aishadoo-duration) var(--aishadoo-ease) both}.route-surface:has(.learning-shell),.route-surface:has(.article-reading-page),.route-surface:has(.sentence-practice-page){animation:none}.app-shell:has(.sentence-practice-page) :where(.sentence-note-layer,.modal-backdrop){background:color-mix(in srgb,#0f172a 34%,transparent);backdrop-filter:blur(var(--aishadoo-blur));-webkit-backdrop-filter:blur(var(--aishadoo-blur))}.toast-tip,.coach-toast{border:var(--aishadoo-border);border-radius:var(--aishadoo-sub-radius);background:color-mix(in srgb,var(--aishadoo-glass-strong) 90%,transparent);box-shadow:var(--aishadoo-shadow);backdrop-filter:blur(var(--aishadoo-blur));-webkit-backdrop-filter:blur(var(--aishadoo-blur))}@keyframes aishadoo-sheet-in{0%{opacity:0;transform:translateY(.5rem) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes aishadoo-drawer-in{0%{opacity:0;transform:translate(1rem)}to{opacity:1;transform:translate(0)}}@keyframes aishadoo-shimmer{to{transform:translate(100%)}}:root{--aishadoo-motion-fast: .2s;--aishadoo-motion-mid: .26s;--aishadoo-inner-glow: inset 0 1px 0 color-mix(in srgb, #ffffff 42%, transparent), inset 0 -1px 0 color-mix(in srgb, var(--primary) 7%, transparent);--aishadoo-edge-glow: 0 0 0 .5px color-mix(in srgb, var(--primary) 12%, transparent);--aishadoo-edge-glow-hover: 0 0 0 .5px color-mix(in srgb, var(--primary) 24%, transparent), 0 0 18px color-mix(in srgb, var(--primary) 8%, transparent)}html{scroll-behavior:smooth}.route-loading-fallback span,.import-progress-card.importing .import-progress-icon,.daily-coach-loading:before,.ai-assistant-loading:before{display:inline-block;width:1.4rem;height:1.4rem;border:2px solid color-mix(in srgb,var(--primary) 16%,transparent);border-top-color:var(--primary);border-radius:999px;animation:aishadoo-ring-spin .72s linear infinite;content:""}.route-loading-fallback span{width:1.7rem;height:1.7rem}.import-progress-card.done .import-progress-icon,.import-progress-card.error .import-progress-icon{border:0;animation:import-pop .3s var(--aishadoo-ease) both}.import-progress-card progress,progress{overflow:hidden;height:.5rem;border:0;border-radius:999px;background:color-mix(in srgb,var(--primary) 10%,var(--surface-strong))}.import-progress-card progress::-webkit-progress-bar,progress::-webkit-progress-bar{border-radius:999px;background:color-mix(in srgb,var(--primary) 10%,var(--surface-strong))}.import-progress-card progress::-webkit-progress-value,progress::-webkit-progress-value{border-radius:999px;background:linear-gradient(90deg,var(--primary),color-mix(in srgb,var(--primary) 68%,#ffffff));transition:width var(--aishadoo-motion-mid) var(--aishadoo-ease)}.import-progress-card progress::-moz-progress-bar,progress::-moz-progress-bar{border-radius:999px;background:linear-gradient(90deg,var(--primary),color-mix(in srgb,var(--primary) 68%,#ffffff))}.asr-job-meter span,.package-progress-track span,.milestone-progress i{position:relative;overflow:hidden;transition:width var(--aishadoo-motion-mid) var(--aishadoo-ease)}.asr-job-meter span:after,.package-progress-track span:after,.milestone-progress i:after{position:absolute;inset:0;background:linear-gradient(90deg,transparent,color-mix(in srgb,#ffffff 38%,transparent),transparent);transform:translate(-100%);animation:aishadoo-progress-sheen 1.6s var(--aishadoo-ease) infinite;content:""}.score-ring:before{transition:background var(--aishadoo-motion-mid) var(--aishadoo-ease)}.official-shadowing-card .shadowing-card-top{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1rem}.official-shadowing-card .shadowing-card-top span{display:block;color:var(--text-muted);font-size:.75rem;text-transform:uppercase;letter-spacing:.08em}.official-shadowing-card .shadowing-card-top strong{color:var(--text);font-size:1.15rem;font-weight:600}@keyframes official-wave{0%{opacity:.7;transform:scale(.72)}to{opacity:0;transform:scale(1.35)}}@keyframes aishadoo-mask-fade{0%{opacity:0}to{opacity:1}}@keyframes aishadoo-pop-sheet{0%{opacity:0;transform:translateY(10px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes aishadoo-route-in{0%{opacity:.86;transform:translate(.45rem)}to{opacity:1;transform:translate(0)}}@keyframes aishadoo-drawer-slide-in{0%{opacity:0;transform:translate(1rem)}to{opacity:1;transform:translate(0)}}@keyframes aishadoo-ring-spin{to{transform:rotate(360deg)}}@keyframes aishadoo-progress-sheen{to{transform:translate(100%)}}@keyframes aishadoo-mobile-sheet-up{0%{opacity:0;transform:translateY(.85rem)}to{opacity:1;transform:translateY(0)}}@media(hover:hover)and (pointer:fine)and (min-width:1025px){.glass-card-interactive:hover{transform:translateY(-2px)}}.sortable-ghost,.note-block.sortable-ghost{opacity:.5;transform:scale(.985)}.sortable-chosen,.note-block.sortable-chosen{box-shadow:var(--aishadoo-shadow-hover),var(--aishadoo-edge-glow-hover)}.sortable-drag,.note-block.sortable-drag{opacity:.86;transform:scale(1.012)}@keyframes aishadoo-card-answer-flip{0%{opacity:.92;transform:perspective(760px) rotateX(2.6deg) translateY(4px)}to{opacity:1;transform:perspective(760px) rotateX(0) translateY(0)}}@keyframes aishadoo-answer-correct-glow{0%{box-shadow:0 0 color-mix(in srgb,var(--success) 0%,transparent)}to{box-shadow:0 0 0 4px color-mix(in srgb,var(--success) 12%,transparent)}}@keyframes aishadoo-answer-wrong-glow{0%{box-shadow:0 0 color-mix(in srgb,var(--danger) 0%,transparent)}to{box-shadow:0 0 0 4px color-mix(in srgb,var(--danger) 10%,transparent)}}@media(prefers-reduced-motion:reduce),(update:slow){.review-page .review-card-main:has(.review-answer){transform:none!important}.asr-job-meter span:after,.package-progress-track span:after,.milestone-progress i:after,.aishadoo-card-answer-flip,.route-loading-fallback span,.import-progress-card.importing .import-progress-icon,.daily-coach-loading:before,.ai-assistant-loading:before,.coach-avatar,.coach-avatar img,.analyzing-wave,.analyzing-wave .wave-bars i{animation:none!important}}:root{--shadowing-style-name: "App-native Airy Glass Bento";--platform-brand-primary: #1e80ff;--platform-brand-soft-primary: #5b9df7;--platform-primary-soft: rgba(30, 128, 255, .1);--platform-primary-soft-dark: rgba(30, 128, 255, .15);--platform-pastel-blue: #eaf3ff;--platform-pastel-cyan: #ddf7ff;--platform-pastel-purple: #f1ecff;--platform-pastel-mint: #e9f8f1;--platform-pastel-peach: #fff0f2;--platform-pastel-honey: #fff6dd;--platform-pastel-blue-text: #1e80ff;--platform-pastel-cyan-text: #126a82;--platform-pastel-purple-text: #5946a8;--platform-pastel-mint-text: #167a45;--platform-pastel-peach-text: #b64255;--platform-pastel-honey-text: #9a6200;--platform-selected: var(--platform-brand-primary);--air-glass-shadow: 0 18px 44px rgba(15, 23, 42, .08);--air-glass-shadow-dark: 0 18px 44px rgba(0, 0, 0, .24);--air-glass-inner-line: inset 0 1px 0 rgba(255, 255, 255, .34);--air-glass-radius: 22px;--air-glass-radius-sm: 16px;--air-glass-radius-lg: 28px}@media(max-width:1180px){:root{--platform-light-page-bg: #f5f5f7;--platform-light-card-bg: #ffffff;--platform-light-subcard-bg: #fafafa;--platform-light-line-weak: #e5e7eb;--platform-light-line-strong: #dcdfe6;--platform-light-glass-line: rgba(0, 0, 0, .06);--platform-light-text-main: #1d2129;--platform-light-text-secondary: #6e7681;--platform-light-text-placeholder: #86909c;--platform-dark-page-bg: #101010;--platform-dark-card-bg: #1c1c1c;--platform-dark-subcard-bg: #242424;--platform-dark-line-weak: #2a2a2a;--platform-dark-line-strong: #363636;--platform-dark-glass-line: rgba(255, 255, 255, .06);--platform-dark-text-main: #ededed;--platform-dark-text-secondary: #a3a3a3;--platform-dark-text-placeholder: #737373;--platform-dark-secondary-icon: #868686;--platform-dark-bottom-nav: #747474;--platform-dark-selected: #32bc56}html.theme-dark body #root :where(.bottom-tabs,.mobile-bottom-nav,.bottom-nav,.tab-bar) :where(button.active,button.selected,button[aria-selected=true],button[aria-pressed=true]),html[data-theme=dark] body #root :where(.bottom-tabs,.mobile-bottom-nav,.bottom-nav,.tab-bar) :where(button.active,button.selected,button[aria-selected=true],button[aria-pressed=true]){color:var(--platform-dark-selected)!important;-webkit-text-fill-color:var(--platform-dark-selected)!important}}@media(min-width:1181px){:root{--platform-light-page-bg: #f7f7f7;--platform-light-card-bg: #ffffff;--platform-light-subcard-bg: #fafafa;--platform-light-line-weak: #e5e7eb;--platform-light-line-strong: #dcdfe6;--platform-light-glass-line: rgba(0, 0, 0, .06);--platform-light-text-main: #111111;--platform-light-text-secondary: #707070;--platform-light-text-placeholder: #999999;--platform-dark-page-bg: #0f0f0f;--platform-dark-card-bg: #1d1d1d;--platform-dark-subcard-bg: #252525;--platform-dark-line-weak: #2a2a2a;--platform-dark-line-strong: #363636;--platform-dark-glass-line: rgba(255, 255, 255, .06);--platform-dark-text-main: #ededed;--platform-dark-text-secondary: #a3a3a3;--platform-dark-text-placeholder: #737373;--platform-dark-secondary-icon: #868686;--platform-dark-bottom-nav: #747474;--platform-dark-selected: #1e80ff}html.theme-dark,html[data-theme=dark],:root.theme-dark,:root[data-theme=dark]{--platform-dark-page-bg: #0f0f0f;--platform-dark-card-bg: #1d1d1d;--platform-dark-subcard-bg: #252525;--platform-dark-line-weak: #2a2a2a;--platform-dark-line-strong: #363636;--platform-dark-text-main: #ededed;--platform-dark-text-secondary: #a3a3a3;--platform-dark-text-placeholder: #737373;--platform-dark-canvas-bg: #0f0f0f;--platform-dark-rail-bg: #1a1a1a;--platform-dark-list-bg: #202020;--platform-dark-hover-bg: #2a2a2a;--platform-page-bg: var(--platform-dark-canvas-bg);--platform-card-bg: var(--platform-dark-card-bg);--platform-subcard-bg: var(--platform-dark-subcard-bg);--platform-line-weak: var(--platform-dark-line-weak);--platform-line-strong: var(--platform-dark-line-strong);--platform-text-main: var(--platform-dark-text-main);--platform-text-secondary: var(--platform-dark-text-secondary);--platform-text-placeholder: var(--platform-dark-text-placeholder);--platform-primary-soft-current: rgba(30, 128, 255, .15);--air-glass-shadow: 0 16px 38px rgba(0, 0, 0, .32);--air-glass-shadow-dark: 0 16px 38px rgba(0, 0, 0, .32);--air-glass-shadow-current: 0 16px 38px rgba(0, 0, 0, .32);--page-bg: var(--platform-dark-canvas-bg);--bg-page: var(--platform-dark-canvas-bg);--bg-sidebar: var(--platform-dark-rail-bg);--surface: var(--platform-dark-card-bg);--surface-strong: var(--platform-dark-subcard-bg);--bg-elevated: var(--platform-dark-subcard-bg);--aishadoo-bg: var(--platform-dark-canvas-bg);--aishadoo-bg-elevated: var(--platform-dark-list-bg)}html.theme-dark body,html.theme-dark body #root,html[data-theme=dark] body,html[data-theme=dark] body #root{background:radial-gradient(circle at 20% 0%,rgba(30,128,255,.06),transparent 32rem),radial-gradient(circle at 84% 12%,rgba(255,255,255,.025),transparent 26rem),var(--platform-dark-canvas-bg)!important;color:var(--platform-dark-text-main)!important}html.theme-dark body #root .app-shell,html[data-theme=dark] body #root .app-shell{background:radial-gradient(circle at 20% 0%,rgba(30,128,255,.06),transparent 32rem),var(--platform-dark-canvas-bg)!important}html.theme-dark body #root .app-shell>.side-nav,html[data-theme=dark] body #root .app-shell>.side-nav{border-color:var(--platform-dark-line-weak)!important;background:var(--platform-dark-rail-bg)!important;box-shadow:inset -1px 0 0 var(--platform-dark-line-weak)}html.theme-dark body #root .app-shell>.side-nav :where(.brand,nav),html[data-theme=dark] body #root .app-shell>.side-nav :where(.brand,nav){background:transparent!important}html.theme-dark body #root .app-shell>.side-nav :where(button,a):not(.active):not(.selected):not([aria-selected=true]):not([aria-pressed=true]),html[data-theme=dark] body #root .app-shell>.side-nav :where(button,a):not(.active):not(.selected):not([aria-selected=true]):not([aria-pressed=true]){background:transparent!important;color:#8a8a8a!important;-webkit-text-fill-color:#8a8a8a!important}html.theme-dark body #root .app-shell>.side-nav :where(button,a):not(.active):not(.selected):not([aria-selected=true]):not([aria-pressed=true]):where(:hover,:focus-visible),html[data-theme=dark] body #root .app-shell>.side-nav :where(button,a):not(.active):not(.selected):not([aria-selected=true]):not([aria-pressed=true]):where(:hover,:focus-visible){background:var(--platform-dark-list-bg)!important;color:var(--platform-dark-text-secondary)!important;-webkit-text-fill-color:var(--platform-dark-text-secondary)!important}html.theme-dark body #root .app-shell>.side-nav :where(button.active,button.selected,[aria-selected=true],[aria-pressed=true]),html[data-theme=dark] body #root .app-shell>.side-nav :where(button.active,button.selected,[aria-selected=true],[aria-pressed=true]){border-color:color-mix(in srgb,var(--platform-brand-primary) 34%,var(--platform-dark-line-weak))!important;background:#1e80ff29!important;color:#8fc2ff!important;-webkit-text-fill-color:#8fc2ff!important}html.theme-dark body #root .app-shell>.main-stage.route-surface,html[data-theme=dark] body #root .app-shell>.main-stage.route-surface,html.theme-dark body #root .route-surface.route-videos,html[data-theme=dark] body #root .route-surface.route-videos,html.theme-dark body #root .route-surface.route-articles,html[data-theme=dark] body #root .route-surface.route-articles,html.theme-dark body #root .route-surface.route-profile,html[data-theme=dark] body #root .route-surface.route-profile{background:var(--platform-dark-canvas-bg)!important}html.theme-dark body #root .articles-page:not(:has(.article-reading-page)) .article-history-card,html[data-theme=dark] body #root .articles-page:not(:has(.article-reading-page)) .article-history-card{border-color:var(--platform-dark-line-weak)!important;background:var(--platform-dark-list-bg)!important;box-shadow:var(--air-glass-shadow-current)!important}html.theme-dark body #root .articles-page:not(:has(.article-reading-page)) .article-feature-list,html[data-theme=dark] body #root .articles-page:not(:has(.article-reading-page)) .article-feature-list{background:transparent!important}html.theme-dark body #root .articles-page:not(:has(.article-reading-page)) .article-feature,html[data-theme=dark] body #root .articles-page:not(:has(.article-reading-page)) .article-feature{border-color:var(--platform-dark-line-weak)!important;background:var(--platform-dark-card-bg)!important;box-shadow:var(--air-glass-shadow-current)!important}html.theme-dark body #root .articles-page:not(:has(.article-reading-page)) .article-feature:hover,html[data-theme=dark] body #root .articles-page:not(:has(.article-reading-page)) .article-feature:hover{border-color:var(--platform-dark-line-strong)!important;background:var(--platform-dark-hover-bg)!important}}html:not(.theme-dark):not([data-theme=dark]),html.theme-light,:root:not(.theme-dark):not([data-theme=dark]){--platform-page-bg: var(--platform-light-page-bg);--platform-card-bg: var(--platform-light-card-bg);--platform-subcard-bg: var(--platform-light-subcard-bg);--platform-line-weak: var(--platform-light-line-weak);--platform-line-strong: var(--platform-light-line-strong);--platform-glass-line: var(--platform-light-glass-line);--platform-text-main: var(--platform-light-text-main);--platform-text-secondary: var(--platform-light-text-secondary);--platform-text-placeholder: var(--platform-light-text-placeholder);--platform-primary: var(--platform-brand-primary);--platform-primary-soft-current: var(--platform-primary-soft);--platform-icon-muted: var(--platform-light-text-secondary);--platform-nav-muted: var(--platform-light-text-secondary);--air-glass-shadow-current: var(--air-glass-shadow)}html.theme-dark,html[data-theme=dark],:root.theme-dark,:root[data-theme=dark]{--platform-page-bg: var(--platform-dark-page-bg);--platform-card-bg: var(--platform-dark-card-bg);--platform-subcard-bg: var(--platform-dark-subcard-bg);--platform-line-weak: var(--platform-dark-line-weak);--platform-line-strong: var(--platform-dark-line-strong);--platform-glass-line: var(--platform-dark-glass-line);--platform-text-main: var(--platform-dark-text-main);--platform-text-secondary: var(--platform-dark-text-secondary);--platform-text-placeholder: var(--platform-dark-text-placeholder);--platform-primary: var(--platform-brand-primary);--platform-primary-soft-current: var(--platform-primary-soft-dark);--platform-selected: var(--platform-dark-selected);--platform-icon-muted: var(--platform-dark-secondary-icon);--platform-nav-muted: var(--platform-dark-bottom-nav);--platform-pastel-blue: rgba(91, 157, 247, .18);--platform-pastel-cyan: rgba(74, 206, 236, .16);--platform-pastel-purple: rgba(143, 124, 246, .16);--platform-pastel-mint: rgba(50, 188, 86, .16);--platform-pastel-peach: rgba(255, 122, 144, .15);--platform-pastel-honey: rgba(255, 176, 32, .16);--platform-pastel-blue-text: #8fc2ff;--platform-pastel-cyan-text: #7dd9ee;--platform-pastel-purple-text: #b9adff;--platform-pastel-mint-text: #79dd9a;--platform-pastel-peach-text: #ff9aaa;--platform-pastel-honey-text: #ffd073;--air-glass-shadow-current: var(--air-glass-shadow-dark);color-scheme:dark}html,html.theme-light,html.theme-dark,html[data-theme=dark]{--page-bg: var(--platform-page-bg);--bg-page: var(--platform-page-bg);--bg-sidebar: var(--platform-page-bg);--bg-card-container: var(--platform-card-bg);--bg-input-inner: var(--platform-card-bg);--card-main-bg: var(--platform-card-bg);--card-sub-bg: var(--platform-subcard-bg);--card-solid-bg: var(--platform-card-bg);--card-solid-bg-strong: var(--platform-subcard-bg);--surface: var(--platform-card-bg);--surface-strong: var(--platform-subcard-bg);--bg: var(--platform-page-bg);--bg-elevated: var(--platform-subcard-bg);--dialog-surface: var(--platform-subcard-bg);--dialog-surface-raised: var(--platform-subcard-bg);--dialog-surface-soft: var(--platform-card-bg);--favorite-detail-surface: var(--platform-subcard-bg);--border-normal: var(--platform-line-strong);--border-strong: var(--platform-line-strong);--line: var(--platform-line-weak);--line-soft: var(--platform-line-weak);--card-border: 1px solid var(--platform-line-weak);--dialog-border: var(--platform-line-weak);--favorite-detail-border: var(--platform-line-weak);--brand-primary: var(--platform-brand-primary);--primary: var(--platform-primary);--primary-pressed: var(--platform-primary);--primary-soft: var(--platform-primary-soft-current);--aishadoo-primary: var(--platform-primary);--aishadoo-primary-pressed: var(--platform-primary);--aishadoo-icon-bg: var(--platform-primary-soft-current);--text-primary: var(--platform-text-main);--text-title: var(--platform-text-main);--text-body: var(--platform-text-main);--text-assist: var(--platform-text-secondary);--text-weak: var(--platform-text-placeholder);--text: var(--platform-text-main);--muted: var(--platform-text-secondary);--muted-2: var(--platform-text-placeholder);--text-muted: var(--platform-text-secondary);--aishadoo-bg: var(--platform-page-bg);--aishadoo-bg-elevated: var(--platform-page-bg);--aishadoo-glass: var(--platform-card-bg);--aishadoo-glass-soft: var(--platform-card-bg);--aishadoo-glass-strong: var(--platform-subcard-bg);--aishadoo-sheet-bg: var(--platform-subcard-bg);--aishadoo-line: var(--platform-line-weak);--aishadoo-border: 1px solid var(--platform-line-weak);--aishadoo-text: var(--platform-text-main);--aishadoo-muted: var(--platform-text-secondary);--aishadoo-muted-2: var(--platform-text-placeholder)}html body,html body #root,html body :where(.app-shell,.app-shell-landing,.main-stage,.route-surface,.page-panel,.landing-page,.auth-page){background-color:var(--platform-page-bg)!important;color:var(--platform-text-main)!important}html body #root :where(.modal-card,.modal-content,.favorite-detail-modal,.plan-more-modal,.plan-output-modal,.article-note-dialog,.article-knowledge-modal,.article-knowledge-popover,.article-note-popover,.word-lookup-popover,.ai-assistant-panel,.toast-tip,.coach-toast,[class*=dialog],[class*=drawer]:not([class*=backdrop]),[class*=popover],[class*=sheet]){border:1px solid var(--platform-line-weak)!important;background:var(--platform-subcard-bg)!important;box-shadow:var(--air-glass-shadow)}html body #root :where(input,textarea,select,.search-input,.text-input,[contenteditable=true]){border:1px solid var(--platform-line-strong)!important;background:var(--platform-card-bg)!important;color:var(--platform-text-main)!important;-webkit-text-fill-color:var(--platform-text-main)!important}html body #root :where(input::placeholder,textarea::placeholder){color:var(--platform-text-placeholder)!important;-webkit-text-fill-color:var(--platform-text-placeholder)!important;opacity:1!important}html body :where(hr,.divider,.separator,.section-divider,[class*=divider],[class*=separator]){background-color:var(--platform-line-weak)!important;border-color:var(--platform-line-weak)!important}html body :where(h1,h2,h3,h4,h5,h6,strong,b,.brand strong,.card-title,.title,[class*=title],[class*=headline],[class*=heading]),html body :where(p,li,dd,dt,label,output,td,th,span,button,input,textarea,select,.body-text,.content-text,.markdown-section,.ai-message-markdown){color:var(--platform-text-main)!important}html body :where(small,figcaption,time,.muted,.helper-text,.description,.meta,.kicker,.hint,.caption,[class*=muted],[class*=meta],[class*=hint],[class*=caption],[class*=description],[class*=subtitle]){color:var(--platform-text-secondary)!important;-webkit-text-fill-color:var(--platform-text-secondary)!important}html body :where([disabled],[aria-disabled=true],.disabled,.placeholder,.empty,.weak,[class*=disabled],[class*=placeholder],[class*=empty],[class*=weak]){color:var(--platform-text-placeholder)!important;-webkit-text-fill-color:var(--platform-text-placeholder)!important}html body #root :where(.bottom-tabs,.mobile-bottom-nav,.bottom-nav,.tab-bar,.side-nav,.landing-nav){background:color-mix(in srgb,var(--platform-card-bg) 94%,transparent)!important;border-color:var(--platform-line-weak)!important;box-shadow:0 10px 30px #0f172a0f;backdrop-filter:blur(18px) saturate(1.16);-webkit-backdrop-filter:blur(18px) saturate(1.16)}html.theme-dark body #root :where(.bottom-tabs,.mobile-bottom-nav,.bottom-nav,.tab-bar,.side-nav,.landing-nav),html[data-theme=dark] body #root :where(.bottom-tabs,.mobile-bottom-nav,.bottom-nav,.tab-bar,.side-nav,.landing-nav){box-shadow:0 10px 30px #00000038}html body #root :where(.bottom-tabs,.mobile-bottom-nav,.bottom-nav,.tab-bar,.side-nav,.landing-nav) :where(button,a):not(.active):not(.selected):not([aria-selected=true]):not([aria-pressed=true]){color:var(--platform-nav-muted)!important;-webkit-text-fill-color:var(--platform-nav-muted)!important}html body #root :where(.daily-task-card,.video-category-card,.study-data-action-grid button){min-height:4.75rem;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease,background-color .18s ease}html body #root :where(.daily-task-card,.video-category-card,.study-data-action-grid button):where(:hover,:focus-visible){border-color:color-mix(in srgb,var(--platform-primary) 30%,var(--platform-line-weak))!important;box-shadow:0 18px 42px color-mix(in srgb,var(--platform-primary) 10%,transparent)}html body #root :where(.daily-task-card,.video-category-card,.study-data-action-grid button):active{transform:translateY(1px)}html body #root .articles-page:not(:has(.article-reading-page)){background:radial-gradient(circle at 9% 0%,rgba(114,201,192,.16),transparent 26rem),linear-gradient(135deg,rgba(114,201,192,.08),transparent 34%),var(--platform-page-bg)!important;color:var(--platform-text-main)!important}html body #root .articles-page:not(:has(.article-reading-page)) .article-history-card{border:1px solid var(--platform-line-weak)!important;background:var(--platform-card-bg)!important;box-shadow:var(--air-glass-shadow)}html body #root .articles-page:not(:has(.article-reading-page)) .article-filter-bar{border:1px solid var(--platform-line-weak)!important;border-radius:var(--air-glass-radius-sm);background:color-mix(in srgb,var(--platform-subcard-bg) 86%,transparent)!important;padding:.42rem;box-shadow:0 12px 30px color-mix(in srgb,var(--platform-text-main) 5%,transparent)}html body #root .articles-page:not(:has(.article-reading-page)) .article-filter-bar button{border-color:transparent!important;background:transparent!important;color:var(--platform-text-secondary)!important;-webkit-text-fill-color:var(--platform-text-secondary)!important}html body #root .articles-page:not(:has(.article-reading-page)) .article-filter-bar button.active,html body #root .articles-page:not(:has(.article-reading-page)) .article-filter-bar button:hover,html body #root .articles-page:not(:has(.article-reading-page)) .article-filter-bar button:focus-visible{border-color:color-mix(in srgb,var(--platform-primary) 24%,var(--platform-line-weak))!important;background:var(--platform-primary-soft-current)!important;color:var(--platform-primary)!important;-webkit-text-fill-color:var(--platform-primary)!important}html body #root .articles-page:not(:has(.article-reading-page)) .article-feature-list{gap:clamp(.85rem,2vw,1.1rem)!important}html body #root .articles-page:not(:has(.article-reading-page)) .article-feature{border:1px solid var(--platform-line-weak)!important;background:var(--platform-card-bg)!important;color:var(--platform-text-main)!important;box-shadow:var(--air-glass-shadow);backdrop-filter:blur(18px) saturate(1.18);-webkit-backdrop-filter:blur(18px) saturate(1.18)}html body #root .articles-page:not(:has(.article-reading-page)) .article-feature :where(h2,p,span){color:var(--platform-text-main)!important;-webkit-text-fill-color:var(--platform-text-main)!important}html body #root .articles-page:not(:has(.article-reading-page)) .article-feature>div:first-child>span,html body #root .articles-page:not(:has(.article-reading-page)) .article-feature .article-title-zh.list{color:var(--platform-text-secondary)!important;-webkit-text-fill-color:var(--platform-text-secondary)!important}html body #root :where(.knowledge-vault-head>span){background:var(--platform-pastel-purple)!important;color:var(--platform-pastel-purple-text)!important;-webkit-text-fill-color:var(--platform-pastel-purple-text)!important}html body #root :where(.subtitle-missing){background:var(--platform-pastel-honey)!important;color:var(--platform-pastel-honey-text)!important;-webkit-text-fill-color:var(--platform-pastel-honey-text)!important}.learning-brain-modal{width:min(70rem,100%)}.learning-brain-titlebar span,.prescription-evidence-modal .shadowing-card-top span{color:var(--brain-blue);letter-spacing:.06em}.learning-brain-grid{display:grid;grid-template-columns:minmax(20rem,.9fr) minmax(18rem,1fr);gap:.9rem;min-height:0}.learning-brain-hero,.learning-brain-constellation,.brain-signal-panel,.prescription-evidence-chain article,.brain-strategy-card{border:1px solid var(--brain-line);background:radial-gradient(circle at 14% 0%,color-mix(in srgb,var(--brain-blue) 10%,transparent),transparent 34%),linear-gradient(145deg,color-mix(in srgb,var(--brain-card) 96%,#ffffff),var(--brain-subcard));box-shadow:inset 0 1px color-mix(in srgb,#ffffff 46%,transparent),0 16px 36px #0f172a14}.learning-brain-hero{grid-column:1 / -1;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:1rem;border-radius:24px;padding:1rem}.learning-brain-hero-copy{display:grid;gap:.28rem}.learning-brain-hero-copy span,.brain-strategy-card span,.prescription-evidence-chain span,.brain-signal-stream span,.learning-brain-confidence small{color:var(--platform-text-secondary, var(--muted));font-size:.76rem;font-weight:820}.learning-brain-hero-copy strong{color:var(--platform-text-main, var(--text));font-size:clamp(1.35rem,2.8vw,1.95rem);line-height:1.12}.learning-brain-hero-copy p,.brain-strategy-card p,.prescription-evidence-chain small{margin:0;color:var(--platform-text-secondary, var(--muted));line-height:1.5}.learning-brain-confidence{position:relative;display:grid;place-items:center;width:7rem;height:7rem;border-radius:999px;background:radial-gradient(circle,var(--brain-subcard) 0 54%,transparent 55%),conic-gradient(var(--brain-blue) var(--brain-confidence),color-mix(in srgb,var(--brain-line) 74%,transparent) 0);box-shadow:inset 0 1px color-mix(in srgb,#ffffff 44%,transparent)}.learning-brain-confidence>span{position:absolute;inset:.58rem;border-radius:inherit;border:1px solid color-mix(in srgb,var(--brain-blue) 18%,transparent)}.learning-brain-confidence strong{color:var(--platform-text-main, var(--text));font-size:1.28rem;font-variant-numeric:tabular-nums;line-height:1}.learning-brain-confidence small{margin-top:2.1rem}.learning-brain-constellation{position:relative;min-height:29rem;overflow:hidden;border-radius:26px;background:radial-gradient(circle at 50% 50%,color-mix(in srgb,var(--brain-blue) 16%,transparent),transparent 28%),radial-gradient(circle at 74% 26%,color-mix(in srgb,var(--brain-lavender) 13%,transparent),transparent 25%),linear-gradient(145deg,var(--brain-card),var(--brain-subcard))}.learning-brain-constellation:before{position:absolute;inset:2rem;border:1px solid color-mix(in srgb,var(--brain-blue) 14%,transparent);border-radius:999px;background:linear-gradient(90deg,transparent calc(50% - .5px),color-mix(in srgb,var(--brain-line) 58%,transparent) 50%,transparent calc(50% + .5px)),linear-gradient(0deg,transparent calc(50% - .5px),color-mix(in srgb,var(--brain-line) 58%,transparent) 50%,transparent calc(50% + .5px));content:"";opacity:.72}.learning-brain-constellation:after{position:absolute;inset:5.8rem;border:1px dashed color-mix(in srgb,var(--brain-blue) 18%,transparent);border-radius:999px;content:""}@keyframes learning-brain-spin{to{transform:rotate(360deg)}}@keyframes learning-brain-pulse{0%,to{box-shadow:0 18px 48px color-mix(in srgb,var(--brain-blue) 22%,transparent)}50%{box-shadow:0 20px 58px color-mix(in srgb,var(--brain-blue) 34%,transparent)}}@keyframes learning-brain-node-in{0%{opacity:0;transform:translate(-50%,-46%) scale(.94)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}@media(max-width:900px){.learning-brain-grid,.learning-brain-hero{grid-template-columns:1fr}.learning-brain-confidence{justify-self:start;width:6.2rem;height:6.2rem}.learning-brain-constellation{min-height:24rem}}:where(.theme-dark,:root[data-theme=dark]) .learning-brain-hero,:where(.theme-dark,:root[data-theme=dark]) .learning-brain-constellation,:where(.theme-dark,:root[data-theme=dark]) .brain-signal-panel,:where(.theme-dark,:root[data-theme=dark]) .prescription-evidence-chain article,:where(.theme-dark,:root[data-theme=dark]) .brain-strategy-card,html.theme-dark body #root :where(.learning-brain-hero,.learning-brain-constellation,.brain-signal-panel,.prescription-evidence-chain article,.brain-strategy-card),html[data-theme=dark] body #root :where(.learning-brain-hero,.learning-brain-constellation,.brain-signal-panel,.prescription-evidence-chain article,.brain-strategy-card){border-color:#333!important;background:radial-gradient(circle at 12% 0%,rgba(91,157,247,.11),transparent 35%),linear-gradient(145deg,#272727,#2f2f2f)!important;box-shadow:inset 0 1px #ffffff0b,0 18px 44px #00000047!important}:where(.theme-dark,:root[data-theme=dark]) .learning-brain-confidence,html.theme-dark body #root .learning-brain-confidence,html[data-theme=dark] body #root .learning-brain-confidence{background:radial-gradient(circle,#2f2f2f 0 54%,transparent 55%),conic-gradient(#5b9df7 var(--brain-confidence),#444444 0)}html body #root .article-reading-page[data-reading-theme=neutral]{--article-reader-reading-bg: #F7F7F9;--article-reader-reading-text: #2A2A2A;--article-reader-reading-muted: #6B7280;--article-reader-reading-border: #E5E7EB;--article-reader-reading-strong-border: #DCDFE6;--article-reader-highlight-yellow: #FFF3CD;--article-reader-highlight-blue: #E8F0FE;--article-reader-highlight-purple: #EDE9FE;--article-reader-reading-shadow: 0 14px 34px rgba(17, 24, 39, .06)}html body #root .article-reading-page[data-reading-theme=paper]{--article-reader-reading-bg: #F7F3EE;--article-reader-reading-text: #2D2A26;--article-reader-reading-muted: #7A7268;--article-reader-reading-border: #E4DDD4;--article-reader-reading-strong-border: #D9CEC2;--article-reader-highlight-yellow: #FFF3CD;--article-reader-highlight-blue: #E8F0FE;--article-reader-highlight-purple: #EDE9FE;--article-reader-reading-shadow: 0 14px 34px rgba(71, 55, 38, .07)}html body #root .article-reading-theme-switch{display:inline-flex;align-items:center;gap:.18rem;min-height:2.45rem;padding:.2rem;border:1px solid var(--platform-line-weak, var(--line-soft));border-radius:999px;background:color-mix(in srgb,var(--platform-subcard-bg, var(--surface-strong)) 88%,transparent);box-shadow:inset 0 1px #ffffff8f,0 10px 24px #0f172a0f}html body #root .article-reading-theme-switch button{display:inline-flex;align-items:center;justify-content:center;min-width:4.1rem;min-height:2rem;border:1px solid transparent;border-radius:999px;background:transparent;color:var(--platform-text-secondary, var(--muted));font-size:.8rem;font-weight:760;letter-spacing:0;cursor:pointer;touch-action:manipulation;transition:background-color .18s ease,border-color .18s ease,color .18s ease,box-shadow .18s ease}html body #root .article-reading-theme-switch button.active,html body #root .article-reading-theme-switch button[aria-pressed=true]{border-color:color-mix(in srgb,var(--platform-primary, var(--primary)) 28%,var(--platform-line-weak, var(--line-soft)));background:color-mix(in srgb,var(--platform-primary, var(--primary)) 12%,#ffffff);color:var(--platform-primary, var(--primary));box-shadow:0 8px 18px color-mix(in srgb,var(--platform-primary, var(--primary)) 12%,transparent)}html body #root .article-reading-page[data-reading-theme]{--article-reader-surface: var(--surface-strong);--article-reader-muted: var(--muted);--article-reader-border: var(--line-soft)}html body #root .article-reading-page[data-reading-theme] .article-body-reader{--article-reader-surface: var(--article-reader-reading-bg);--article-reader-muted: var(--article-reader-reading-muted);--article-reader-border: var(--article-reader-reading-border);border-color:var(--article-reader-reading-border)!important;background:linear-gradient(135deg,color-mix(in srgb,#ffffff 38%,transparent),transparent 52%),var(--article-reader-reading-bg)!important;color:var(--article-reader-reading-text)!important;-webkit-text-fill-color:var(--article-reader-reading-text)!important;box-shadow:var(--article-reader-reading-shadow)!important}html body #root .article-reading-page[data-reading-theme] .article-body-reader :where(h1,h2,h3,h4,p,li,strong,span){color:var(--article-reader-reading-text)!important;-webkit-text-fill-color:var(--article-reader-reading-text)!important}html body #root .article-reading-page[data-reading-theme] .article-body-reader :where(.article-body-boundary,.article-body-translation,.article-body-translation p,.article-body-hint,.article-fallback-pair span){color:var(--article-reader-reading-muted)!important;-webkit-text-fill-color:var(--article-reader-reading-muted)!important}html body #root .article-reading-page[data-reading-theme] .article-body-reader :where(p,li){line-height:1.7;letter-spacing:.02em}html body #root .article-reading-page[data-reading-theme] .article-body-translation :where(p,span),html body #root .article-reading-page[data-reading-theme] .article-title-zh{letter-spacing:0}html body #root .article-reading-page[data-reading-theme] .article-body-translation{border-color:color-mix(in srgb,var(--article-reader-reading-strong-border) 78%,transparent)!important;border-left-color:color-mix(in srgb,var(--platform-primary, var(--primary)) 42%,var(--article-reader-reading-strong-border))!important;background:color-mix(in srgb,#ffffff 46%,var(--article-reader-reading-bg))!important}html body #root .article-reading-page[data-reading-theme] .article-body-boundary{background:color-mix(in srgb,var(--article-reader-highlight-blue) 70%,transparent)!important;color:color-mix(in srgb,var(--platform-primary, var(--primary)) 72%,var(--article-reader-reading-text))!important;-webkit-text-fill-color:color-mix(in srgb,var(--platform-primary, var(--primary)) 72%,var(--article-reader-reading-text))!important}html body #root .article-reading-page[data-reading-theme] .article-body-reader :where(.word-highlight-token,.word-level,.word-a2,.word-b1,.word-b2,.word-c1,.word-c2){border-radius:.34rem;padding:.01rem .14rem;background:color-mix(in srgb,var(--article-reader-highlight-yellow) 85%,transparent)!important;color:var(--article-reader-reading-text)!important;-webkit-text-fill-color:var(--article-reader-reading-text)!important;box-decoration-break:clone;-webkit-box-decoration-break:clone;font-weight:680;text-decoration-line:underline;text-decoration-color:color-mix(in srgb,#D9A928 58%,transparent);text-decoration-thickness:.08em;text-underline-offset:.18em}html body #root .article-reading-page[data-reading-theme] .article-body-reader :where(.phrase-highlight-token,.phrase-highlight){border-radius:.34rem;padding:.01rem .14rem;background:color-mix(in srgb,var(--article-reader-highlight-blue) 85%,transparent)!important;color:var(--article-reader-reading-text)!important;-webkit-text-fill-color:var(--article-reader-reading-text)!important;box-decoration-break:clone;-webkit-box-decoration-break:clone;font-weight:680;text-decoration-line:underline;text-decoration-color:color-mix(in srgb,var(--platform-primary, var(--primary)) 54%,transparent);text-decoration-thickness:.08em;text-underline-offset:.18em}html body #root .article-reading-page[data-reading-theme] .article-body-reader :where(.grammar-highlight){border-radius:.34rem;padding:.01rem .14rem;background:color-mix(in srgb,var(--article-reader-highlight-purple) 85%,transparent)!important;color:var(--article-reader-reading-text)!important;-webkit-text-fill-color:var(--article-reader-reading-text)!important;box-decoration-break:clone;-webkit-box-decoration-break:clone;font-weight:680;text-decoration-line:underline;text-decoration-color:color-mix(in srgb,#8B5CF6 48%,transparent);text-decoration-thickness:.08em;text-underline-offset:.18em}html.theme-dark body #root .article-reading-theme-switch,html[data-theme=dark] body #root .article-reading-theme-switch{border-color:#2a2a2a!important;background:#1d1d1d!important;box-shadow:inset 0 1px #ffffff0a,0 12px 28px #0000003d}html.theme-dark body #root .article-reading-theme-switch button,html[data-theme=dark] body #root .article-reading-theme-switch button{color:#a3a3a3!important;-webkit-text-fill-color:#a3a3a3!important}html.theme-dark body #root .article-reading-theme-switch button.active,html.theme-dark body #root .article-reading-theme-switch button[aria-pressed=true],html[data-theme=dark] body #root .article-reading-theme-switch button.active,html[data-theme=dark] body #root .article-reading-theme-switch button[aria-pressed=true]{border-color:color-mix(in srgb,#5B9DF7 36%,#444444)!important;background:#1e80ff26!important;color:#8fc2ff!important;-webkit-text-fill-color:#8FC2FF!important}html.theme-dark body #root .article-reading-page[data-reading-theme=neutral],html[data-theme=dark] body #root .article-reading-page[data-reading-theme=neutral]{--article-reader-reading-bg: #161616;--article-reader-reading-text: #ededed;--article-reader-reading-muted: #a3a3a3;--article-reader-reading-border: #2a2a2a;--article-reader-reading-strong-border: #363636;--article-reader-highlight-yellow: rgba(245, 158, 11, .24);--article-reader-highlight-blue: rgba(30, 128, 255, .2);--article-reader-highlight-purple: rgba(139, 92, 246, .22);--article-reader-reading-shadow: 0 18px 52px rgba(0, 0, 0, .34)}html.theme-dark body #root .article-reading-page[data-reading-theme=paper],html[data-theme=dark] body #root .article-reading-page[data-reading-theme=paper]{--article-reader-reading-bg: #181716;--article-reader-reading-text: #ededed;--article-reader-reading-muted: #a79f96;--article-reader-reading-border: #302e2b;--article-reader-reading-strong-border: #3b3732;--article-reader-highlight-yellow: rgba(245, 158, 11, .24);--article-reader-highlight-blue: rgba(30, 128, 255, .2);--article-reader-highlight-purple: rgba(139, 92, 246, .22);--article-reader-reading-shadow: 0 18px 52px rgba(0, 0, 0, .34)}html.theme-dark body #root .article-reading-page[data-reading-theme] .article-body-reader,html[data-theme=dark] body #root .article-reading-page[data-reading-theme] .article-body-reader{background:radial-gradient(circle at 14% 0%,rgba(30,128,255,.055),transparent 22rem),linear-gradient(135deg,rgba(255,255,255,.035),transparent 54%),var(--article-reader-reading-bg)!important}html.theme-dark body #root .article-reading-page[data-reading-theme] .article-body-translation,html[data-theme=dark] body #root .article-reading-page[data-reading-theme] .article-body-translation{background:color-mix(in srgb,var(--article-reader-reading-strong-border) 28%,var(--article-reader-reading-bg))!important}:where(html.theme-dark,html[data-theme=dark]) body #root .articles-page{--article-dark-text-title:#dddddd;--article-dark-text-main:#d2d2d2;--article-dark-text-secondary:#929292;--article-dark-text-tertiary:#787878;--article-dark-action:#77aef8;--article-dark-action-strong:#8abaff;--article-dark-action-bg:rgba(30, 128, 255, .11);--article-dark-action-border:rgba(91, 157, 247, .2)}:where(html.theme-dark,html[data-theme=dark]) body #root .articles-page:not(:has(.article-reading-page)) .page-heading p{color:var(--article-dark-text-tertiary)!important;-webkit-text-fill-color:var(--article-dark-text-tertiary)!important}:where(html.theme-dark,html[data-theme=dark]) body #root .articles-page:not(:has(.article-reading-page)) .page-heading h1{background:none!important;color:var(--article-dark-text-title)!important;-webkit-text-fill-color:var(--article-dark-text-title)!important;text-shadow:0 1px 0 rgba(255,255,255,.025)}:where(html.theme-dark,html[data-theme=dark]) body #root .articles-page:not(:has(.article-reading-page)) .article-history-card .section-title p{color:var(--article-dark-text-main)!important;-webkit-text-fill-color:var(--article-dark-text-main)!important}:where(html.theme-dark,html[data-theme=dark]) body #root .articles-page:not(:has(.article-reading-page)) .article-history-card .section-title h2{color:#d7d7d7!important;-webkit-text-fill-color:#d7d7d7!important}:where(html.theme-dark,html[data-theme=dark]) body #root .articles-page:not(:has(.article-reading-page)) .article-feature h2{color:var(--article-dark-text-title)!important;-webkit-text-fill-color:var(--article-dark-text-title)!important}:where(html.theme-dark,html[data-theme=dark]) body #root .articles-page:not(:has(.article-reading-page)) .article-feature :where(>div:first-child>span,.article-title-zh.list){color:var(--article-dark-text-secondary)!important;-webkit-text-fill-color:var(--article-dark-text-secondary)!important}:where(html.theme-dark,html[data-theme=dark]) body #root .articles-page:not(:has(.article-reading-page)) .article-filter-bar button:where(.active,:hover,:focus-visible){border-color:var(--article-dark-action-border)!important;background:var(--article-dark-action-bg)!important;color:var(--article-dark-action)!important;-webkit-text-fill-color:var(--article-dark-action)!important}:where(html.theme-dark,html[data-theme=dark]) body #root :where(.articles-page:not(:has(.article-reading-page)) .article-feature .primary-action,.article-reading-page .article-reading-header .primary-action){border-color:var(--article-dark-action-border)!important;background:linear-gradient(135deg,#1e80ff24,#1e80ff14),#182235!important;color:var(--article-dark-action)!important;-webkit-text-fill-color:var(--article-dark-action)!important;box-shadow:0 12px 30px #1e80ff14!important}:where(html.theme-dark,html[data-theme=dark]) body #root :where(.articles-page:not(:has(.article-reading-page)) .article-feature .primary-action,.article-reading-page .article-reading-header .primary-action) svg{color:var(--article-dark-action)!important;stroke:currentColor}:where(html.theme-dark,html[data-theme=dark]) body #root :where(.articles-page:not(:has(.article-reading-page)) .article-feature .primary-action,.article-reading-page .article-reading-header .primary-action):where(:hover,:focus-visible){border-color:#5b9df747!important;background:linear-gradient(135deg,#1e80ff30,#1e80ff1a),#182235!important;color:var(--article-dark-action-strong)!important;-webkit-text-fill-color:var(--article-dark-action-strong)!important}:where(html.theme-dark,html[data-theme=dark]) body #root .article-reading-page[data-reading-theme] .article-reading-header h1{color:var(--article-dark-text-title)!important;-webkit-text-fill-color:var(--article-dark-text-title)!important}:where(html.theme-dark,html[data-theme=dark]) body #root .article-reading-page[data-reading-theme] .article-reading-header :where(span,p){color:var(--article-dark-text-secondary)!important;-webkit-text-fill-color:var(--article-dark-text-secondary)!important}html body #root .article-reading-page[data-reading-theme] .article-reading-header,html body #root .article-reading-page[data-reading-theme] .article-reading-aside,html body #root .article-reading-page[data-reading-theme] :where(.article-focus-card,.doubao-markdown-panel,.article-output-practice),html body #root .article-reading-page[data-reading-theme] :where(.doubao-markdown-panel,.article-output-practice) .markdown-section{--article-reader-surface: var(--surface-strong);--article-reader-muted: var(--muted);--article-reader-border: var(--line-soft)}html body #root .article-reading-page[data-reading-theme] .article-reading-header{background:var(--surface-strong)!important;color:var(--text)!important;-webkit-text-fill-color:var(--text)!important}html body #root .article-reading-page[data-reading-theme] .article-reading-header :where(span,p){color:var(--muted)!important;-webkit-text-fill-color:var(--muted)!important}html body #root .article-reading-page[data-reading-theme] .article-reading-aside,html body #root .article-reading-page[data-reading-theme] :where(.article-focus-card,.doubao-markdown-panel,.article-output-practice),html body #root .article-reading-page[data-reading-theme] :where(.doubao-markdown-panel,.article-output-practice) .markdown-section{border-color:var(--line-soft)!important;background:var(--surface-strong)!important;color:var(--text)!important}html body #root .article-reading-page[data-reading-theme] :where(.article-reading-aside,.article-focus-card,.doubao-markdown-panel,.article-output-practice) :where(h1,h2,h3,h4,strong,b),html body #root .article-reading-page[data-reading-theme] :where(.doubao-markdown-panel,.article-output-practice) .markdown-section :where(h1,h2,h3,h4,strong,b){color:var(--text)!important;-webkit-text-fill-color:var(--text)!important}html body #root .article-reading-page[data-reading-theme] :where(.article-reading-aside,.article-focus-card,.doubao-markdown-panel,.article-output-practice) :where(p,li,span,small,em),html body #root .article-reading-page[data-reading-theme] :where(.doubao-markdown-panel,.article-output-practice) .markdown-section :where(p,li,span,small,em){color:var(--muted)!important;-webkit-text-fill-color:var(--muted)!important}.shadowing-result-card{--teacher-blue: #2563eb;--teacher-sky: #38bdf8;--teacher-orange: #ff8a2a;--teacher-green: #14b87a;--teacher-ink: color-mix(in srgb, var(--text) 92%, #162033);--teacher-soft-line: color-mix(in srgb, var(--line-soft) 70%, rgba(37, 99, 235, .22));width:100%;max-width:100%;gap:.78rem;container-type:inline-size;overflow-x:clip}.shadowing-result-card,.shadowing-result-card *{box-sizing:border-box;min-width:0}.shadowing-result-card :is(button,summary){touch-action:manipulation}.shadowing-result-card :is(p,strong,span,small,em,button,summary){overflow-wrap:anywhere}.shadowing-result-card :is(.teacher-token-panel,.teacher-voice-hero,.teacher-voice-main,.teacher-toolbar-actions,.teacher-voice-details,.teacher-voice-locked,.teacher-drill-card,.teacher-queue-note){max-width:100%}.shadowing-result-card .teacher-token-panel{overflow:hidden;border:1px solid color-mix(in srgb,var(--teacher-blue) 14%,var(--line-soft));background:linear-gradient(145deg,color-mix(in srgb,var(--teacher-blue) 7%,var(--surface)),color-mix(in srgb,var(--teacher-sky) 8%,var(--surface))),var(--surface)}.shadowing-result-card .teacher-token-panel .token-line{display:flex;flex-wrap:wrap;gap:.42rem;max-width:100%;overflow:visible}.shadowing-result-card .teacher-token-panel .tok{max-width:100%;white-space:normal;border:1px solid transparent;border-radius:999px;padding:.1rem .42rem;font-weight:860;line-height:1.45}.shadowing-result-card .teacher-token-panel .tok-ok{border-color:color-mix(in srgb,var(--teacher-green) 30%,transparent);background:color-mix(in srgb,var(--teacher-green) 12%,#ffffff);color:color-mix(in srgb,var(--teacher-green) 62%,#0f3d2a)}.shadowing-result-card .teacher-token-panel .tok-missed{border-color:color-mix(in srgb,#8b95a7 22%,transparent);background:color-mix(in srgb,#9aa4b5 15%,#ffffff);color:color-mix(in srgb,#64748b 82%,var(--teacher-ink));text-decoration:line-through;text-decoration-thickness:.08em;text-decoration-color:color-mix(in srgb,#64748b 62%,transparent)}.shadowing-result-card .teacher-token-panel .tok-weak{border-color:color-mix(in srgb,var(--teacher-orange) 38%,transparent);background:color-mix(in srgb,var(--teacher-orange) 16%,#ffffff);color:color-mix(in srgb,#b45309 78%,var(--teacher-ink))}.shadowing-result-card .teacher-token-panel .tok-extra{border-color:color-mix(in srgb,var(--teacher-blue) 26%,transparent);background:color-mix(in srgb,var(--teacher-blue) 11%,#ffffff);color:color-mix(in srgb,var(--teacher-blue) 70%,var(--teacher-ink))}.shadowing-result-card .teacher-token-panel .token-transcript{margin:0;color:var(--teacher-ink);font-size:clamp(1rem,2.4cqw,1.14rem);font-weight:880;line-height:1.46}.shadowing-result-loading-panel{--teacher-blue: #2563eb;--teacher-sky: #38bdf8;--teacher-ink: color-mix(in srgb, var(--text) 92%, #162033);display:grid;place-items:center;gap:clamp(.82rem,2vw,1.1rem);width:100%;min-height:clamp(18rem,46dvh,30rem);overflow:hidden;border:1px solid color-mix(in srgb,var(--teacher-blue) 16%,var(--line-soft));border-radius:24px;background:radial-gradient(circle at 52% 22%,color-mix(in srgb,var(--teacher-sky) 18%,transparent),transparent 15rem),linear-gradient(145deg,color-mix(in srgb,var(--teacher-blue) 8%,var(--surface)),color-mix(in srgb,var(--teacher-sky) 7%,var(--surface)) 54%,#fff),var(--surface);padding:clamp(1.2rem,3vw,1.8rem);text-align:center;box-shadow:0 18px 46px #2563eb1a}.shadowing-result-loading-panel,.shadowing-result-loading-panel *{box-sizing:border-box;min-width:0}.shadowing-result-loading-orbit{position:relative;display:grid;width:6.6rem;height:6.6rem;place-items:center;border-radius:999px;background:color-mix(in srgb,var(--teacher-blue) 10%,#ffffff);color:var(--teacher-blue);box-shadow:inset 0 1px #fffc,0 18px 38px #2563eb21}.shadowing-result-loading-orbit .loading-orbit-ring{position:absolute;inset:.45rem;border:1px solid color-mix(in srgb,var(--teacher-blue) 25%,transparent);border-radius:inherit;animation:shadowing-result-orbit 1.45s ease-in-out infinite}.shadowing-result-loading-orbit .ring-b{inset:1rem;border-color:color-mix(in srgb,var(--teacher-sky) 36%,transparent);animation-delay:.18s;animation-direction:reverse}.shadowing-result-loading-copy{display:grid;gap:.34rem;max-width:31rem}.shadowing-result-loading-copy span{justify-self:center;border-radius:999px;background:color-mix(in srgb,var(--teacher-blue) 10%,#ffffff);color:color-mix(in srgb,var(--teacher-blue) 82%,var(--text));padding:.24rem .68rem;font-size:.76rem;font-weight:920}.shadowing-result-loading-copy strong{color:var(--teacher-ink);font-size:clamp(1.12rem,3.6vw,1.5rem);font-weight:940;line-height:1.28}.shadowing-result-loading-copy p{margin:0;color:color-mix(in srgb,var(--text) 68%,var(--muted));font-size:.92rem;line-height:1.56}.shadowing-result-loading-steps{display:flex;flex-wrap:wrap;justify-content:center;gap:.48rem;width:100%}.shadowing-result-loading-steps span{display:inline-flex;min-height:2.28rem;align-items:center;gap:.34rem;border:1px solid color-mix(in srgb,var(--teacher-blue) 14%,var(--line-soft));border-radius:999px;background:#ffffffb8;color:color-mix(in srgb,var(--text) 72%,var(--teacher-blue));padding:.44rem .68rem;font-size:.8rem;font-weight:820}@keyframes shadowing-result-orbit{0%,to{transform:scale(.92) rotate(0);opacity:.52}50%{transform:scale(1.06) rotate(16deg);opacity:1}}.shadowing-result-card .teacher-voice-hero{position:relative;grid-template-columns:minmax(7.8rem,.72fr) minmax(12rem,1.28fr);align-items:center;gap:clamp(.58rem,1.7vw,.86rem);overflow:hidden;border:1px solid color-mix(in srgb,var(--teacher-blue) 15%,var(--line-soft));border-radius:22px;background:linear-gradient(135deg,color-mix(in srgb,var(--teacher-blue) 9%,var(--surface)),color-mix(in srgb,var(--teacher-sky) 7%,var(--surface)) 54%,color-mix(in srgb,#ffffff 88%,var(--teacher-blue))),var(--surface);padding:clamp(.68rem,1.65vw,.92rem);box-shadow:0 16px 42px #2563eb14}.shadowing-result-card .teacher-voice-hero:before{content:"";position:absolute;inset:0;pointer-events:none;background-color:#2f6fe809;background-size:22px 22px;opacity:.72}.shadowing-result-card .teacher-voice-score-block{position:relative;z-index:1;display:grid;align-content:center;gap:.22rem;border:1px solid rgba(255,255,255,.76);border-radius:18px;background:color-mix(in srgb,#ffffff 78%,var(--teacher-blue));padding:clamp(.64rem,1.5vw,.82rem);box-shadow:inset 0 1px #ffffffb3}.shadowing-result-card .teacher-voice-score-block span{color:color-mix(in srgb,var(--teacher-blue) 78%,var(--text));font-size:.76rem;font-weight:920}.shadowing-result-card .teacher-voice-score-block strong{color:var(--teacher-ink);font-size:clamp(2.08rem,6.4cqw,3.1rem);font-weight:950;line-height:.92}.shadowing-result-card .teacher-voice-score-block p{max-width:16rem;color:color-mix(in srgb,var(--text) 62%,var(--muted));font-size:.82rem}.shadowing-result-card .teacher-voice-hero .shadowing-result-score-rings{position:relative;z-index:1;align-self:center;justify-self:stretch;display:grid;width:100%;grid-template-columns:repeat(4,minmax(2.75rem,1fr));gap:clamp(.3rem,.9vw,.5rem);overflow:hidden}.shadowing-result-card .teacher-voice-hero .shadowing-result-score-rings .score-ring{width:clamp(2.82rem,7.2cqw,3.45rem);height:clamp(2.82rem,7.2cqw,3.45rem);border:1px solid rgba(255,255,255,.82);background:conic-gradient(var(--teacher-green) var(--score),color-mix(in srgb,var(--teacher-blue) 10%,var(--line-soft)) 0)}.shadowing-result-card .teacher-voice-hero .shadowing-result-score-rings .score-ring span{align-self:end;margin:0;color:var(--teacher-ink);font-size:clamp(.94rem,2.2cqw,1.12rem);font-weight:930;line-height:1}.shadowing-result-card .teacher-voice-hero .shadowing-result-score-rings .score-ring small{align-self:start;margin:-.16rem 0 0;color:color-mix(in srgb,var(--teacher-blue) 65%,var(--muted));font-size:.58rem;font-weight:860;line-height:1}.shadowing-result-card .teacher-voice-main{position:relative;display:grid;grid-template-columns:minmax(0,1fr);gap:.62rem;overflow:hidden;border:1px solid color-mix(in srgb,var(--teacher-blue) 18%,var(--line-soft));border-radius:24px;background:linear-gradient(145deg,color-mix(in srgb,var(--teacher-blue) 10%,var(--surface)),color-mix(in srgb,var(--teacher-sky) 8%,var(--surface)) 44%,color-mix(in srgb,#ffffff 86%,var(--teacher-blue))),var(--surface);padding:clamp(.76rem,1.8vw,.98rem);box-shadow:0 18px 46px #2563eb1a}.shadowing-result-card .teacher-ear-studio{gap:.72rem}.shadowing-result-card .teacher-ear-reaction{display:grid;gap:.42rem;border:1px solid rgba(255,255,255,.8);border-radius:20px;background:linear-gradient(140deg,#ffffffeb,color-mix(in srgb,var(--teacher-sky) 10%,#ffffff)),#fff;padding:clamp(.82rem,2vw,1.08rem);box-shadow:0 12px 30px #2563eb13}.shadowing-result-card .teacher-ear-reaction>span,.shadowing-result-card .teacher-ear-lane-section>span{width:fit-content;border-radius:999px;background:color-mix(in srgb,var(--teacher-blue) 10%,#ffffff);color:color-mix(in srgb,var(--teacher-blue) 82%,var(--text));padding:.24rem .62rem;font-size:.72rem;font-weight:920}.shadowing-result-card .teacher-ear-reaction strong{max-width:34rem;color:var(--teacher-ink);font-size:clamp(1.14rem,3.2cqw,1.48rem);font-weight:940;line-height:1.34}.shadowing-result-card .teacher-ear-reaction p{margin:0;color:color-mix(in srgb,var(--text) 72%,var(--muted));font-size:clamp(.9rem,2.1cqw,1rem);font-weight:720;line-height:1.56}.shadowing-result-card .teacher-ear-focus-card{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:.68rem;border:1px solid color-mix(in srgb,var(--teacher-blue) 16%,var(--line-soft));border-radius:18px;background:radial-gradient(circle at 0 0,color-mix(in srgb,var(--teacher-sky) 12%,transparent),transparent 38%),#ffffffd1;padding:.72rem}.shadowing-result-card .teacher-ear-focus-card>div{display:grid;gap:.26rem}.shadowing-result-card .teacher-ear-focus-card span,.shadowing-result-card .teacher-ear-lane div span{color:color-mix(in srgb,var(--teacher-blue) 78%,var(--text));font-size:.72rem;font-weight:920}.shadowing-result-card .teacher-ear-focus-card strong{color:var(--teacher-ink);font-size:1.06rem;line-height:1.25}.shadowing-result-card .teacher-ear-focus-card p,.shadowing-result-card .teacher-ear-focus-card small{margin:0;color:color-mix(in srgb,var(--text) 68%,var(--muted));font-size:.84rem;line-height:1.48}.shadowing-result-card .teacher-ear-focus-card button,.shadowing-result-card .teacher-ear-playback-row button{display:inline-flex;min-height:2.75rem;align-items:center;justify-content:center;gap:.38rem;border:1px solid color-mix(in srgb,var(--teacher-blue) 24%,var(--line-soft));border-radius:999px;background:color-mix(in srgb,var(--teacher-blue) 11%,#ffffff);color:color-mix(in srgb,var(--teacher-blue) 84%,var(--text));padding:.56rem .74rem;font-size:.78rem;font-weight:900;line-height:1.18;cursor:pointer;transition:transform .17s ease,border-color .17s ease,background .17s ease}.shadowing-result-card .teacher-ear-focus-card button:hover,.shadowing-result-card .teacher-ear-playback-row button:hover{transform:translateY(-1px);border-color:color-mix(in srgb,var(--teacher-blue) 42%,var(--line-soft));background:color-mix(in srgb,var(--teacher-sky) 14%,#ffffff)}.shadowing-result-card .teacher-ear-lane-section{display:grid;gap:.52rem}.shadowing-result-card .teacher-ear-lanes{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:.48rem}.shadowing-result-card .teacher-ear-lane{display:grid;align-content:start;gap:.36rem;min-height:9.4rem;border:1px solid color-mix(in srgb,var(--teacher-blue) 13%,var(--line-soft));border-radius:17px;background:linear-gradient(180deg,#ffffffe0,color-mix(in srgb,var(--teacher-blue) 4%,#ffffff)),#fff;padding:.68rem;box-shadow:0 8px 20px #2563eb0e}.shadowing-result-card .teacher-ear-lane div{display:grid;gap:.12rem}.shadowing-result-card .teacher-ear-lane strong{color:var(--teacher-ink);font-size:.9rem;line-height:1.25}.shadowing-result-card .teacher-ear-lane p,.shadowing-result-card .teacher-ear-lane small{margin:0;color:color-mix(in srgb,var(--text) 66%,var(--muted));font-size:.78rem;line-height:1.42}.shadowing-result-card .teacher-ear-playback-row{display:flex;flex-wrap:wrap;gap:.46rem;max-width:100%}.shadowing-result-card .teacher-ear-playback-row button{min-width:min(9.6rem,100%);justify-content:flex-start;border-radius:15px;background:#ffffffc2}.shadowing-result-card .teacher-ear-playback-row button span{flex:0 0 auto;color:color-mix(in srgb,var(--teacher-blue) 72%,var(--muted));font-size:.7rem}.shadowing-result-card .teacher-ear-playback-row button strong{color:var(--teacher-ink);font-size:.8rem}.shadowing-result-card .teacher-correction-head{display:grid;gap:.32rem;border:1px solid rgba(255,255,255,.74);border-radius:19px;background:linear-gradient(135deg,#ffffffdb,color-mix(in srgb,var(--teacher-sky) 9%,#ffffff)),#fff;padding:clamp(.74rem,1.8vw,1rem)}.shadowing-result-card .teacher-correction-head>span,.shadowing-result-card .teacher-correction-list span{width:fit-content;border-radius:999px;background:color-mix(in srgb,var(--teacher-blue) 10%,#ffffff);color:color-mix(in srgb,var(--teacher-blue) 82%,var(--text));padding:.22rem .58rem;font-size:.72rem;font-weight:900}.shadowing-result-card .teacher-correction-head>strong{color:var(--teacher-ink);font-size:clamp(1.12rem,3cqw,1.42rem);font-weight:950;line-height:1.24}.shadowing-result-card .teacher-correction-head p{margin:0;color:color-mix(in srgb,var(--text) 74%,var(--muted));font-size:clamp(.88rem,2cqw,.98rem);font-weight:760;line-height:1.52}.shadowing-result-card .teacher-correction-list{display:grid;gap:.5rem;margin:0;padding:0;list-style:none}.shadowing-result-card .teacher-correction-list li{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr);gap:.62rem;align-items:start;border:1px solid color-mix(in srgb,var(--teacher-blue) 12%,var(--line-soft));border-radius:18px;background:#ffffffd1;padding:.7rem;box-shadow:0 8px 22px #2563eb0e}.shadowing-result-card .teacher-correction-list i{display:inline-grid;width:1.62rem;height:1.62rem;place-items:center;border-radius:999px;background:linear-gradient(135deg,var(--teacher-blue),var(--teacher-sky));color:#fff;font-size:.76rem;font-style:normal;font-weight:930}.shadowing-result-card .teacher-correction-list li>div{display:grid;gap:.3rem}.shadowing-result-card .teacher-correction-list strong{color:var(--teacher-ink);font-size:clamp(.96rem,2.2cqw,1.06rem);line-height:1.34}.shadowing-result-card .teacher-correction-list p{margin:0;color:color-mix(in srgb,var(--text) 72%,var(--muted));font-size:.86rem;line-height:1.45}.shadowing-result-card .teacher-correction-list small{color:color-mix(in srgb,var(--text) 64%,var(--muted));font-size:.79rem;line-height:1.42}.shadowing-result-card .teacher-toolbar-actions.teacher-primary-actions,.shadowing-result-card .teacher-toolbar-actions.teacher-save-actions{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(9rem,100%),1fr));gap:.48rem}.shadowing-result-card .teacher-toolbar-actions.teacher-primary-actions button,.shadowing-result-card .teacher-toolbar-actions.teacher-save-actions button{display:inline-flex;min-height:2.72rem;align-items:center;justify-content:center;gap:.42rem;border:1px solid var(--teacher-soft-line);border-radius:14px;background:color-mix(in srgb,var(--surface) 88%,#ffffff);color:color-mix(in srgb,var(--text) 82%,var(--teacher-blue));padding:.58rem .7rem;font-size:.86rem;font-weight:850;line-height:1.2;white-space:normal;transition:transform .16s ease,border-color .16s ease,background .16s ease}.shadowing-result-card .teacher-toolbar-actions.teacher-primary-actions button:hover,.shadowing-result-card .teacher-toolbar-actions.teacher-save-actions button:hover{transform:translateY(-1px);border-color:color-mix(in srgb,var(--teacher-blue) 34%,var(--line-soft))}.shadowing-result-card .teacher-toolbar-actions.teacher-primary-actions button:disabled,.shadowing-result-card .teacher-toolbar-actions.teacher-save-actions button:disabled{cursor:not-allowed;opacity:.54;transform:none}.shadowing-result-card .teacher-primary-actions .teacher-action-hot,.shadowing-result-card .teacher-save-actions .sample-pack-button{border-color:color-mix(in srgb,var(--teacher-blue) 34%,var(--line-soft));background:color-mix(in srgb,var(--teacher-blue) 12%,var(--surface));color:color-mix(in srgb,var(--teacher-blue) 82%,var(--text))}.shadowing-result-card .teacher-voice-details,.shadowing-result-card .teacher-voice-locked,.shadowing-result-card .teacher-drill-card{overflow:hidden;border:1px solid var(--teacher-soft-line);border-radius:17px;background:color-mix(in srgb,var(--teacher-blue) 3%,var(--surface))}.shadowing-result-card .teacher-voice-details summary{display:flex;align-items:center;justify-content:space-between;gap:.6rem;cursor:pointer;color:var(--teacher-ink);padding:.7rem .82rem;font-size:.86rem;font-weight:900;list-style:none}.shadowing-result-card .teacher-voice-details summary:after{content:"展开";flex:0 0 auto;border-radius:999px;background:color-mix(in srgb,var(--teacher-blue) 9%,var(--surface));color:var(--teacher-blue);padding:.18rem .48rem;font-size:.68rem;font-weight:850}.shadowing-result-card .teacher-voice-details[open] summary:after{content:"收起"}.shadowing-result-card .teacher-voice-details summary::-webkit-details-marker{display:none}.shadowing-result-card .teacher-voice-detail-body,.shadowing-result-card .teacher-voice-memory-body{display:grid;gap:.56rem;border-top:1px solid color-mix(in srgb,var(--line-soft) 72%,transparent);padding:.78rem .9rem .9rem}.shadowing-result-card .teacher-voice-detail-body p{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:start;gap:.5rem;margin:0;border-radius:13px;background:#ffffffb3;color:color-mix(in srgb,var(--text) 72%,var(--muted));padding:.62rem .68rem;font-size:.84rem;line-height:1.52}.shadowing-result-card .teacher-voice-detail-body i,.shadowing-result-card .teacher-drill-steps i,.shadowing-result-card .teacher-cognitive-actions i{display:inline-grid;width:1.45rem;height:1.45rem;place-items:center;border-radius:999px;background:color-mix(in srgb,var(--teacher-blue) 13%,#ffffff);color:var(--teacher-blue);font-size:.72rem;font-style:normal;font-weight:900}.shadowing-result-card .teacher-memory-main{margin:0;border-radius:15px;background:color-mix(in srgb,var(--teacher-green) 9%,var(--surface));color:color-mix(in srgb,var(--text) 82%,var(--teacher-green));padding:.7rem .76rem;font-size:.9rem;font-weight:720;line-height:1.56}.shadowing-result-card .teacher-memory-grid,.shadowing-result-card .teacher-cognitive-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem}.shadowing-result-card .teacher-memory-grid p,.shadowing-result-card .teacher-cognitive-grid p{margin:0;border-radius:14px;background:color-mix(in srgb,var(--teacher-green) 6%,var(--surface));color:color-mix(in srgb,var(--text) 72%,var(--muted));padding:.62rem;font-size:.8rem;line-height:1.48}.shadowing-result-card .teacher-voice-locked{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.7rem;border-style:dashed;padding:.78rem .86rem}.shadowing-result-card .teacher-voice-locked>div{display:grid;grid-template-columns:auto minmax(0,1fr);gap:.12rem .52rem;align-items:center}.shadowing-result-card .teacher-voice-locked svg{grid-row:span 2;color:var(--teacher-blue)}.shadowing-result-card .teacher-voice-locked span,.shadowing-result-card .teacher-technical-group>strong,.shadowing-result-card .teacher-cognitive-summary span,.shadowing-result-card .teacher-drill-card span{color:color-mix(in srgb,var(--teacher-blue) 82%,var(--text));font-size:.74rem;font-weight:900}.shadowing-result-card .teacher-voice-locked strong{color:color-mix(in srgb,var(--text) 72%,var(--muted));font-size:.82rem;line-height:1.42}.shadowing-result-card .teacher-voice-locked button{display:inline-flex;min-height:2.35rem;align-items:center;justify-content:center;gap:.36rem;border:0;border-radius:999px;background:var(--teacher-blue);color:#fff;padding:.48rem .78rem;font-weight:880}.shadowing-result-card .teacher-technical-group{display:grid;gap:.38rem;border-radius:15px;background:color-mix(in srgb,var(--teacher-blue) 5%,var(--surface));padding:.68rem}.shadowing-result-card .teacher-technical-group p{display:block;background:transparent;padding:0}.shadowing-result-card .teacher-cognitive-summary{display:grid;gap:.68rem;margin:0 .9rem .9rem;border-radius:17px;background:color-mix(in srgb,var(--teacher-blue) 8%,var(--surface));padding:.82rem}.shadowing-result-card .teacher-cognitive-summary>div:first-child{display:grid;grid-template-columns:auto minmax(0,1fr);gap:.18rem .55rem}.shadowing-result-card .teacher-cognitive-summary>div:first-child svg{grid-row:span 3;color:var(--teacher-blue)}.shadowing-result-card .teacher-cognitive-summary strong{color:var(--teacher-ink);line-height:1.32}.shadowing-result-card .teacher-cognitive-summary p{margin:0;color:color-mix(in srgb,var(--text) 70%,var(--muted));font-size:.86rem;line-height:1.52}.shadowing-result-card .teacher-cognitive-grid p{display:grid;gap:.2rem;background:#ffffff9e}.shadowing-result-card .teacher-cognitive-note{border-left:3px solid var(--teacher-green);padding-left:.62rem}.shadowing-result-card .teacher-cognitive-actions,.shadowing-result-card .teacher-drill-steps{display:grid;gap:.5rem}.shadowing-result-card .teacher-cognitive-actions button,.shadowing-result-card .teacher-drill-steps button{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:.5rem;border:1px solid color-mix(in srgb,var(--teacher-blue) 14%,var(--line-soft));border-radius:14px;background:#ffffffc2;color:var(--teacher-ink);padding:.58rem .64rem;text-align:left;font-weight:760}.shadowing-result-card .teacher-drill-card{display:grid;gap:.7rem;border-color:color-mix(in srgb,var(--teacher-blue) 22%,var(--line-soft));background:color-mix(in srgb,var(--teacher-blue) 7%,var(--surface));padding:.86rem}.shadowing-result-card .teacher-drill-card>div:first-child{display:grid;gap:.18rem}.shadowing-result-card .teacher-drill-card>div:first-child strong{color:var(--teacher-ink);font-size:1.05rem;line-height:1.28}.shadowing-result-card .teacher-drill-card>div:first-child p{margin:0;color:color-mix(in srgb,var(--text) 66%,var(--muted));font-size:.84rem}.shadowing-result-card .teacher-drill-card .teacher-drill-record{justify-self:start;display:inline-flex;min-height:2.52rem;align-items:center;gap:.42rem;border:0;border-radius:999px;background:var(--teacher-blue);color:#fff;padding:.55rem .84rem;font-weight:900}.shadowing-result-card .teacher-queue-note{border-radius:15px;background:color-mix(in srgb,var(--teacher-green) 6%,var(--surface));padding:.68rem .74rem}:is(.theme-dark,[data-theme=dark]) .shadowing-result-card .teacher-voice-hero,:is(.theme-dark,[data-theme=dark]) .shadowing-result-card .teacher-voice-main,:is(.theme-dark,[data-theme=dark]) .shadowing-result-card :is(.teacher-voice-details,.teacher-voice-locked,.teacher-drill-card){background:color-mix(in srgb,#1f2937 88%,var(--surface))}:is(.theme-dark,[data-theme=dark]) .shadowing-result-card :is(.teacher-voice-score-block,.teacher-voice-orbit,.teacher-ear-reaction,.teacher-ear-focus-card,.teacher-ear-lane,.teacher-ear-playback-row button,.teacher-toolbar-actions button,.teacher-voice-detail-body p,.teacher-memory-main,.teacher-memory-grid p,.teacher-cognitive-grid p,.teacher-cognitive-actions button,.teacher-drill-steps button){background:color-mix(in srgb,#111827 82%,var(--surface))}@container (max-width: 780px){.shadowing-result-card .teacher-ear-lanes{grid-template-columns:repeat(2,minmax(0,1fr))}}@container (max-width: 560px){.shadowing-result-card .teacher-voice-hero,.shadowing-result-card .teacher-voice-main{grid-template-columns:1fr}.shadowing-result-card .teacher-voice-focus{grid-column:1}.shadowing-result-card .teacher-voice-hero .shadowing-result-score-rings{grid-template-columns:repeat(4,minmax(0,1fr))}.shadowing-result-card .teacher-memory-grid,.shadowing-result-card .teacher-cognitive-grid,.shadowing-result-card .teacher-ear-lanes,.shadowing-result-card .teacher-ear-focus-card{grid-template-columns:1fr}.shadowing-result-card .teacher-ear-lane{min-height:0}.shadowing-result-card .teacher-ear-focus-card button,.shadowing-result-card .teacher-ear-playback-row button{width:100%}.shadowing-result-card .teacher-voice-locked{display:grid}.shadowing-result-card .teacher-voice-locked button,.shadowing-result-card .teacher-drill-card .teacher-drill-record{justify-self:stretch}}@keyframes teacher-wave-dot{0%,to{transform:translateY(0);opacity:.56}50%{transform:translateY(-2px);opacity:1}}