@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Noto+Sans+SC:wght@400;500;600;700&display=swap";:root{color-scheme:light;font-family:DM Sans,Noto Sans SC,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;--canvas: #f3f6f4;--surface: #ffffff;--surface-raised: #ffffff;--surface-subtle: #f7f9f8;--surface-muted: #edf2ef;--text-primary: #172521;--text-secondary: #596a64;--text-tertiary: #7e8c87;--border-subtle: #dfe7e3;--border-strong: #c9d6d0;--brand: #0f6b5b;--brand-strong: #095447;--brand-soft: #deefea;--brand-softer: #edf7f4;--sidebar: #102f2a;--sidebar-surface: #1a3c36;--sidebar-text: #f2faf7;--sidebar-muted: #a6bbb5;--success: #158468;--success-soft: #ddf3eb;--warning: #a86517;--warning-soft: #fff1d9;--danger: #b64b4b;--danger-soft: #fbe8e7;--blue: #346a9b;--blue-soft: #e5eef7;--shadow-sm: 0 1px 2px rgb(23 37 33 / .04), 0 6px 18px rgb(23 37 33 / .04);--shadow-md: 0 18px 50px rgb(23 37 33 / .1);--shadow-dialog: 0 32px 100px rgb(8 26 21 / .24);--radius-sm: 9px;--radius-md: 14px;--radius-lg: 20px;--radius-xl: 28px;--ease: cubic-bezier(.2, .8, .2, 1);--duration: .18s}:root[data-theme=ocean]{color-scheme:dark;--canvas: #0b1521;--surface: #132334;--surface-raised: #182a3e;--surface-subtle: #102030;--surface-muted: #1b3044;--text-primary: #edf5f8;--text-secondary: #a9bbc5;--text-tertiary: #8196a3;--border-subtle: #263b4e;--border-strong: #385065;--brand: #50c5b0;--brand-strong: #74d5c3;--brand-soft: #173e3d;--brand-softer: #122e31;--sidebar: #08111b;--sidebar-surface: #122334;--sidebar-text: #f0f7fa;--sidebar-muted: #8ca2ae;--success: #5ed1b5;--success-soft: #183e39;--warning: #e6aa57;--warning-soft: #3d3021;--danger: #ef8c8c;--danger-soft: #43292d;--blue: #82b9e9;--blue-soft: #1c344b;--shadow-sm: 0 1px 2px rgb(0 0 0 / .2), 0 8px 20px rgb(0 0 0 / .12);--shadow-md: 0 22px 56px rgb(0 0 0 / .24)}:root[data-theme=paper]{--canvas: #f1ece2;--surface: #fffaf1;--surface-raised: #fffdf8;--surface-subtle: #f8f1e6;--surface-muted: #eee4d6;--text-primary: #342e28;--text-secondary: #71665b;--text-tertiary: #93877b;--border-subtle: #e2d7c7;--border-strong: #cebeaa;--brand: #96603e;--brand-strong: #79492e;--brand-soft: #f0dfd0;--brand-softer: #f8eee4;--sidebar: #342d27;--sidebar-surface: #463d35;--sidebar-text: #fff8ee;--sidebar-muted: #c8b9aa;--success: #6d7e4c;--success-soft: #e8ecd9;--warning: #ad731e;--warning-soft: #f7ead1;--blue: #5c7185;--blue-soft: #e5e9eb}:root[data-theme=focus]{--canvas: #f3f6fa;--surface: #ffffff;--surface-raised: #ffffff;--surface-subtle: #f7f9fc;--surface-muted: #eaf0f8;--text-primary: #15263a;--text-secondary: #5b6c7f;--text-tertiary: #8492a2;--border-subtle: #dfe6ef;--border-strong: #c5d1df;--brand: #2563eb;--brand-strong: #1d4ed8;--brand-soft: #dfe9ff;--brand-softer: #eef4ff;--sidebar: #14243a;--sidebar-surface: #203752;--sidebar-text: #f5f8ff;--sidebar-muted: #a8b8cb;--success: #16856a;--success-soft: #dcf3eb;--warning: #a86517;--warning-soft: #fff1d9;--blue: #2563eb;--blue-soft: #dfe9ff}:root[data-theme=classic-day]{color-scheme:light;--canvas: #eee6d5;--surface: #fffaf0;--surface-raised: #fffdf7;--surface-subtle: #f7efdf;--surface-muted: #e9deca;--text-primary: #302922;--text-secondary: #6d6053;--text-tertiary: #948675;--border-subtle: #d9ccb5;--border-strong: #c4b294;--brand: #7b4038;--brand-strong: #63312c;--brand-soft: #ead8ce;--brand-softer: #f5e8dd;--sidebar: #2b241e;--sidebar-surface: #41352c;--sidebar-text: #fbf1df;--sidebar-muted: #c4b5a2;--success: #69714a;--success-soft: #e6e7d2;--warning: #9a6f31;--warning-soft: #f2e4c8;--danger: #984940;--danger-soft: #f2dcd5;--blue: #536a78;--blue-soft: #dfe5e4;--shadow-sm: 0 1px 2px rgb(62 44 29 / .05), 0 9px 24px rgb(62 44 29 / .07);--shadow-md: 0 22px 58px rgb(62 44 29 / .14);--shadow-dialog: 0 36px 100px rgb(37 26 17 / .3);--radius-lg: 17px;--radius-xl: 23px}:root[data-theme=classic-night]{color-scheme:dark;--canvas: #161310;--surface: #221d18;--surface-raised: #2a231d;--surface-subtle: #1c1815;--surface-muted: #302820;--text-primary: #f2e8d7;--text-secondary: #b9aa96;--text-tertiary: #a69883;--border-subtle: #3e342a;--border-strong: #574838;--brand: #c7a466;--brand-strong: #dfbd7c;--brand-soft: #3b3022;--brand-softer: #2c251c;--sidebar: #0f0d0b;--sidebar-surface: #29221c;--sidebar-text: #f7ecd9;--sidebar-muted: #b4a48f;--success: #a7b47b;--success-soft: #2e3224;--warning: #d1a55f;--warning-soft: #3b2e1d;--danger: #d98275;--danger-soft: #402823;--blue: #8ba4af;--blue-soft: #26343a;--shadow-sm: 0 1px 2px rgb(0 0 0 / .28), 0 10px 28px rgb(0 0 0 / .2);--shadow-md: 0 24px 64px rgb(0 0 0 / .34);--shadow-dialog: 0 38px 110px rgb(0 0 0 / .55);--radius-lg: 17px;--radius-xl: 23px}:root[data-theme^=classic-] body{background:radial-gradient(circle at 82% -8%,color-mix(in srgb,var(--brand-soft) 78%,transparent) 0,transparent 32rem),repeating-linear-gradient(90deg,transparent 0 6px,color-mix(in srgb,var(--text-primary) 1.2%,transparent) 6px 7px),var(--canvas)}:root[data-theme^=classic-] .page-header h1,:root[data-theme^=classic-] .hero-content h2,:root[data-theme^=classic-] .scenario-intro-copy h2,:root[data-theme^=classic-] .section-heading h2,:root[data-theme^=classic-] .profile-identity h2,:root[data-theme^=classic-] .phrase-title-line h2,:root[data-theme^=classic-] .study-title h1,:root[data-theme^=classic-] .answer-meaning h2,:root[data-theme^=classic-] .session-complete h1{font-family:Georgia,Songti SC,STSong,serif;font-weight:600;letter-spacing:-.025em}:root[data-theme^=classic-] .sidebar{background:linear-gradient(#ffffff05,#ffffff05),repeating-linear-gradient(0deg,transparent 0 3px,rgb(255 255 255 / .012) 3px 4px),var(--sidebar);border-right-color:color-mix(in srgb,var(--brand) 32%,transparent)}:root[data-theme^=classic-] .brand-mark{color:var(--sidebar);background:linear-gradient(145deg,#f3dfb7,#b99559);border-radius:9px;box-shadow:inset 0 0 0 1px #ffffff59,0 5px 14px #0003}:root[data-theme^=classic-] .today-hero,:root[data-theme^=classic-] .scenario-intro{background:linear-gradient(120deg,var(--sidebar),color-mix(in srgb,var(--sidebar) 80%,#704038));border-color:color-mix(in srgb,var(--brand) 32%,transparent)}:root[data-theme^=classic-] .progress-ring-value{stroke:#d3b576}:root[data-theme^=classic-] .scenario-orbit .orbit-center{color:#3c2c1d;background:linear-gradient(145deg,#f5e4bf,#b99156)}:root[data-theme=classic-night] .button-primary{color:#25190e}:root[data-theme=classic-night] .audio-preview-card{color:#f6ead7;background:linear-gradient(112deg,#15110d,#35271c)}*{box-sizing:border-box}html{background:var(--canvas);scroll-behavior:smooth}body{margin:0;min-width:320px;min-height:100vh;color:var(--text-primary);background:radial-gradient(circle at 84% -12%,color-mix(in srgb,var(--brand-soft) 68%,transparent) 0,transparent 34rem),var(--canvas);font-size:15px;line-height:1.55;-webkit-font-smoothing:antialiased}button,input,select{font:inherit}button,select{cursor:pointer}button{color:inherit}button:disabled{cursor:not-allowed;opacity:.55}button,input,select,dialog{outline:none}:focus-visible{outline:3px solid color-mix(in srgb,var(--brand) 48%,transparent);outline-offset:3px}::selection{color:var(--text-primary);background:var(--brand-soft)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:fixed;top:12px;left:12px;z-index:200;padding:10px 14px;border-radius:var(--radius-sm);color:#fff;background:var(--brand-strong);transform:translateY(-160%);transition:transform var(--duration) var(--ease)}.skip-link:focus{transform:translateY(0)}.app-shell{min-height:100vh}.app-stage{min-height:100vh;margin-left:252px}.main-content{width:min(100%,1320px);margin:0 auto;padding:42px 48px 72px}.page-stack{display:flex;flex-direction:column;gap:28px}.sidebar{position:fixed;inset:0 auto 0 0;z-index:50;display:flex;flex-direction:column;width:252px;padding:28px 18px 20px;color:var(--sidebar-text);background:var(--sidebar);border-right:1px solid color-mix(in srgb,white 8%,transparent)}.sidebar-head{display:flex;align-items:center;justify-content:space-between;min-height:48px;padding:0 8px}.brand{display:inline-flex;align-items:center;gap:11px;min-width:0}.brand-mark{display:inline-grid;place-items:center;width:38px;height:38px;flex:0 0 38px;color:var(--sidebar);background:#bfe7db;border-radius:12px;box-shadow:inset 0 0 0 1px #ffffff59}.brand-copy{display:flex;flex-direction:column;line-height:1.2}.brand-copy strong{font-size:16px;letter-spacing:-.01em}.brand-copy small{margin-top:4px;color:var(--sidebar-muted);font-size:11px;letter-spacing:.08em}.brand-compact .brand-mark{color:#fff;background:var(--brand)}.brand-compact .brand-copy strong{color:var(--text-primary)}.sidebar-nav{display:flex;flex-direction:column;gap:5px;margin-top:38px}.sidebar-feature-nav{gap:7px;margin-top:22px;padding-top:19px;border-top:1px solid color-mix(in srgb,white 8%,transparent)}.feature-nav-item{min-height:57px;padding:8px 10px;gap:10px}.feature-nav-icon{display:grid;place-items:center;width:34px;height:34px;flex:0 0 34px;color:#d2b474;background:#d2b4741a;border:1px solid rgb(210 180 116 / .13);border-radius:10px}.feature-nav-copy{display:flex;min-width:0;flex:1;flex-direction:column}.feature-nav-copy strong{color:inherit;font-size:12px;line-height:1.25}.feature-nav-copy small{margin-top:3px;overflow:hidden;color:var(--sidebar-muted);font-size:9px;line-height:1.2;text-overflow:ellipsis;white-space:nowrap}.feature-nav-arrow{flex:0 0 auto;opacity:.55;transition:transform var(--duration) var(--ease),opacity var(--duration) var(--ease)}.feature-nav-item:hover .feature-nav-arrow,.feature-nav-item.nav-item-active .feature-nav-arrow{opacity:1;transform:translate(2px)}.feature-nav-item.nav-item-active .feature-nav-icon{color:var(--sidebar);background:#d8bf87;border-color:transparent}.nav-label{margin:0 12px 8px;color:var(--sidebar-muted);font-size:11px;font-weight:600;letter-spacing:.12em;text-transform:uppercase}.nav-item{position:relative;display:flex;align-items:center;gap:13px;min-height:45px;padding:0 13px;color:var(--sidebar-muted);background:transparent;border:0;border-radius:11px;text-align:left;transition:color var(--duration) var(--ease),background var(--duration) var(--ease),transform var(--duration) var(--ease)}.nav-item:hover{color:var(--sidebar-text);background:color-mix(in srgb,var(--sidebar-surface) 82%,transparent)}.nav-item:active{transform:scale(.985)}.nav-item-active{color:var(--sidebar-text);background:var(--sidebar-surface);box-shadow:inset 3px 0 #78cfbb}.nav-item span:nth-child(2){font-weight:550}.nav-dot{width:6px;height:6px;margin-left:auto;background:#e9b260;border-radius:50%;box-shadow:0 0 0 4px #e9b2601a}.sidebar-spacer{flex:1}.feature-content{width:auto;max-width:none;height:100vh;padding:20px;overflow:hidden}.feature-workspace{display:grid;height:100%;grid-template-rows:auto minmax(0,1fr);overflow:hidden;background:var(--surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.feature-toolbar{display:flex;align-items:center;gap:12px;min-height:66px;padding:11px 16px;background:color-mix(in srgb,var(--surface) 94%,var(--brand-softer));border-bottom:1px solid var(--border-subtle)}.feature-toolbar-icon{display:grid;place-items:center;width:38px;height:38px;flex:0 0 38px;color:var(--brand);background:var(--brand-soft);border-radius:11px}.feature-toolbar>div{min-width:0}.feature-toolbar h1{margin:0;font-size:15px;line-height:1.3;letter-spacing:-.01em}.feature-toolbar p{margin:3px 0 0;overflow:hidden;color:var(--text-secondary);font-size:11px;text-overflow:ellipsis;white-space:nowrap}.feature-open-link{display:inline-flex;min-height:40px;align-items:center;justify-content:center;gap:7px;padding:0 12px;margin-left:auto;flex:0 0 auto;color:var(--text-secondary);background:var(--surface-raised);border:1px solid var(--border-subtle);border-radius:10px;font-size:11px;font-weight:600;text-decoration:none;transition:color var(--duration),border-color var(--duration),transform var(--duration)}.feature-open-link:hover{color:var(--brand);border-color:var(--brand);transform:translateY(-1px)}.feature-open-link:focus-visible{outline:3px solid color-mix(in srgb,var(--brand) 28%,transparent);outline-offset:2px}.feature-frame-wrap{position:relative;min-height:0;background:var(--canvas)}.feature-frame{display:block;width:100%;height:100%;background:var(--canvas);border:0}.feature-frame-state{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:7px;color:var(--text-secondary);background:var(--canvas)}.feature-frame-state strong{margin-top:5px;color:var(--text-primary);font-size:14px}.feature-frame-state small{color:var(--text-tertiary);font-size:11px}.feature-frame-error svg{color:var(--danger)}.feature-frame-error .button{margin-top:8px}.feature-loader{width:28px;height:28px;border:2px solid var(--border-strong);border-top-color:var(--brand);border-radius:50%;animation:feature-spin .8s linear infinite}@keyframes feature-spin{to{transform:rotate(360deg)}}.streak-card{display:flex;align-items:center;gap:11px;padding:13px;margin:0 1px 13px;color:var(--sidebar-text);background:color-mix(in srgb,var(--sidebar-surface) 82%,transparent);border:1px solid color-mix(in srgb,white 8%,transparent);border-radius:13px}.streak-icon{display:grid;place-items:center;width:34px;height:34px;color:#f0bd73;background:#f0bd731f;border-radius:10px}.streak-card div:last-child,.profile-chip>span:nth-child(2){display:flex;min-width:0;flex-direction:column}.streak-card strong,.profile-chip strong{font-size:12px}.streak-card span,.profile-chip small{margin-top:2px;color:var(--sidebar-muted);font-size:10px}.profile-chip{display:flex;align-items:center;width:100%;gap:10px;min-height:54px;padding:8px 10px;color:var(--sidebar-text);background:transparent;border:0;border-top:1px solid color-mix(in srgb,white 8%,transparent);text-align:left}.profile-chip>svg{margin-left:auto;color:var(--sidebar-muted)}.avatar{display:inline-grid;place-items:center;width:36px;height:36px;flex:0 0 auto;color:#17352f;font-weight:700;background:#d3ebe4;border:1px solid rgb(255 255 255 / .25);border-radius:50%}.avatar-small{width:40px;height:40px;border:0}.avatar-large{width:64px;height:64px;font-size:22px}.sidebar-close,.mobile-header,.bottom-nav,.sidebar-backdrop{display:none}.page-header{display:flex;align-items:flex-end;justify-content:space-between;gap:24px}.page-header h1{margin:4px 0 7px;font-size:clamp(28px,3vw,38px);line-height:1.18;letter-spacing:-.035em}.page-header>div:first-child>p:last-child{max-width:690px;margin:0;color:var(--text-secondary);font-size:15px}.eyebrow{margin:0;color:var(--brand);font-size:11px;font-weight:700;letter-spacing:.11em;text-transform:uppercase}.icon-button{display:inline-grid;place-items:center;width:40px;height:40px;padding:0;color:var(--text-secondary);background:transparent;border:1px solid transparent;border-radius:11px;transition:color var(--duration),background var(--duration),border-color var(--duration),transform var(--duration)}.icon-button:hover{color:var(--text-primary);background:var(--surface-muted);border-color:var(--border-subtle)}.icon-button:active{transform:scale(.94)}.sidebar .sidebar-close{display:none}.icon-button-active{color:var(--brand);background:var(--brand-soft)}.quiet-button{background:var(--surface);border-color:var(--border-subtle);box-shadow:var(--shadow-sm)}.button{display:inline-flex;align-items:center;justify-content:center;min-height:43px;gap:9px;padding:0 17px;font-size:13px;font-weight:650;border:1px solid transparent;border-radius:11px;transition:background var(--duration) var(--ease),border-color var(--duration) var(--ease),color var(--duration) var(--ease),transform var(--duration) var(--ease),box-shadow var(--duration) var(--ease)}.button:hover{transform:translateY(-1px)}.button:active{transform:translateY(0) scale(.985)}.button-primary{color:#fff;background:var(--brand);box-shadow:0 8px 22px color-mix(in srgb,var(--brand) 21%,transparent)}.button-primary:hover{background:var(--brand-strong);box-shadow:0 10px 28px color-mix(in srgb,var(--brand) 28%,transparent)}:root[data-theme=ocean] .button-primary{color:#09231f}.button-secondary{color:var(--text-primary);background:var(--surface);border-color:var(--border-subtle)}.button-secondary:hover{background:var(--surface-muted);border-color:var(--border-strong)}.button-inverse{color:var(--sidebar);background:#eef9f5;box-shadow:0 9px 24px #00000024}.button-inverse:hover{background:#fff}.button-large{min-height:52px;padding:0 24px;font-size:15px;border-radius:14px}.full-width{width:100%}.text-button{display:inline-flex;align-items:center;gap:6px;min-height:40px;padding:0;color:var(--brand);font-size:12px;font-weight:650;background:transparent;border:0}.text-button:hover{color:var(--brand-strong)}.today-hero{position:relative;isolation:isolate;display:grid;grid-template-columns:minmax(0,1fr) 250px;min-height:292px;overflow:hidden;color:#f4fbf8;background:var(--sidebar);border:1px solid color-mix(in srgb,white 8%,transparent);border-radius:var(--radius-xl);box-shadow:var(--shadow-md)}.today-hero:before,.today-hero:after{position:absolute;z-index:-1;content:"";border:1px solid rgb(182 228 216 / .13);border-radius:50%}.today-hero:before{right:-92px;bottom:-188px;width:430px;height:430px}.today-hero:after{right:-10px;bottom:-108px;width:270px;height:270px}.hero-content{align-self:center;padding:44px 48px}.hero-kicker{display:inline-flex;align-items:center;gap:7px;color:#9fd5c7;font-size:12px;font-weight:700;letter-spacing:.08em}.hero-content h2{max-width:560px;margin:13px 0 10px;font-size:clamp(30px,4vw,46px);line-height:1.13;letter-spacing:-.04em}.hero-content>p{max-width:590px;margin:0;color:#b7cbc5;font-size:14px}.hero-actions{display:flex;align-items:center;gap:18px;margin-top:28px}.time-estimate{display:inline-flex;align-items:center;gap:7px;color:#a9c1ba;font-size:12px}.goal-ring-wrap{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:15px;padding:30px 36px 30px 0}.progress-ring{position:relative;width:144px;height:144px}.progress-ring svg{display:block;width:100%;height:100%;transform:rotate(-90deg)}.progress-ring circle{fill:none;stroke-width:7}.progress-ring-track{stroke:#ffffff1c}.progress-ring-value{stroke:#79d2bc;stroke-linecap:round;transition:stroke-dashoffset .52s var(--ease)}.progress-ring>span{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-content:center;text-align:center}.progress-ring strong{display:block;font-size:27px;letter-spacing:-.04em}.progress-ring small{color:#9fb9b2;font-size:10px}.hero-mini-stats{display:flex;gap:16px;color:#9fb9b2;font-size:11px}.hero-mini-stats span{display:flex;gap:4px}.hero-mini-stats strong{color:#fff}.metric-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.metric-card{display:flex;align-items:center;min-height:88px;gap:13px;padding:17px 19px;background:var(--surface);border:1px solid var(--border-subtle);border-radius:var(--radius-md);box-shadow:var(--shadow-sm)}.metric-icon{display:grid;place-items:center;width:39px;height:39px;flex:0 0 39px;border-radius:11px}.metric-green{color:var(--success);background:var(--success-soft)}.metric-amber{color:var(--warning);background:var(--warning-soft)}.metric-blue{color:var(--blue);background:var(--blue-soft)}.metric-copy{display:flex;min-width:0;flex-direction:column}.metric-copy small{color:var(--text-secondary);font-size:11px}.metric-copy strong{margin-top:2px;font-size:24px;line-height:1;letter-spacing:-.03em}.metric-suffix{margin-left:auto;color:var(--text-tertiary);font-size:10px;text-align:right}.dashboard-grid,.profile-grid,.review-groups{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(310px,.85fr);gap:18px}.panel{padding:24px;background:var(--surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:border-color var(--duration) var(--ease),box-shadow var(--duration) var(--ease),transform var(--duration) var(--ease)}.panel:hover{border-color:color-mix(in srgb,var(--brand) 18%,var(--border-subtle));box-shadow:0 14px 38px color-mix(in srgb,var(--text-primary) 8%,transparent)}.section-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}.section-heading h2,.review-group h2{margin:3px 0 0;font-size:19px;letter-spacing:-.02em}.section-heading>div>p:last-child:not(.eyebrow){margin:5px 0 0;color:var(--text-secondary);font-size:12px}.section-description{margin:12px 0 0;color:var(--text-secondary);font-size:13px}.course-progress-block{margin-top:22px}.progress-label{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px;color:var(--text-secondary);font-size:11px}.progress-label strong{color:var(--text-primary)}.progress-bar{width:100%;height:6px;overflow:hidden;background:var(--surface-muted);border-radius:99px}.progress-bar span{display:block;height:100%;background:var(--brand);border-radius:inherit;transition:width .42s var(--ease)}.phrase-preview-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:20px 0}.phrase-preview-row button{min-width:0;padding:12px;color:var(--text-primary);background:var(--surface-subtle);border:1px solid var(--border-subtle);border-radius:11px;text-align:left}.phrase-preview-row button:hover{background:var(--brand-softer);border-color:color-mix(in srgb,var(--brand) 28%,var(--border-subtle))}.phrase-preview-row span,.phrase-preview-row small,.compact-phrase strong,.compact-phrase small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.phrase-preview-row span{font-size:12px;font-weight:650}.phrase-preview-row small{margin-top:4px;color:var(--text-secondary);font-size:10px}.compact-list{display:flex;flex-direction:column;margin-top:12px}.compact-phrase{display:grid;grid-template-columns:36px minmax(0,1fr) auto 18px;align-items:center;gap:10px;min-height:56px;padding:8px 2px;color:var(--text-primary);background:transparent;border:0;border-bottom:1px solid var(--border-subtle);text-align:left}.compact-phrase:last-child{border-bottom:0}.compact-phrase:hover strong{color:var(--brand)}.compact-phrase strong{font-size:12px}.compact-phrase small{margin-top:2px;color:var(--text-secondary);font-size:10px}.compact-phrase>svg{color:var(--text-tertiary)}.letter-tile{display:grid;place-items:center;width:34px;height:34px;color:var(--brand);font-size:11px;font-weight:700;background:var(--brand-soft);border-radius:9px}.mastery-dots{display:flex;gap:3px}.mastery-dots i{width:5px;height:5px;background:var(--border-strong);border-radius:50%}.mastery-dots i.filled{background:var(--success)}.empty-mini{display:flex;align-items:center;gap:13px;min-height:132px;color:var(--text-secondary)}.empty-mini>span{display:grid;place-items:center;width:44px;height:44px;color:var(--brand);background:var(--brand-soft);border-radius:12px}.empty-mini strong{color:var(--text-primary);font-size:13px}.empty-mini p{max-width:280px;margin:3px 0 0;font-size:11px}.segmented-control{display:flex;align-self:flex-start;gap:4px;padding:4px;background:var(--surface-muted);border:1px solid var(--border-subtle);border-radius:12px}.segmented-control button{min-width:54px;min-height:40px;padding:0 13px;color:var(--text-secondary);background:transparent;border:0;border-radius:8px;font-size:12px;font-weight:600}.segmented-control button.active{color:var(--text-primary);background:var(--surface);box-shadow:0 2px 8px #14282114}.course-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.course-card{position:relative;display:flex;min-height:320px;overflow:hidden;flex-direction:column;padding:24px;background:var(--surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:border-color var(--duration),box-shadow var(--duration),transform var(--duration) var(--ease)}.course-card:after{position:absolute;top:-58px;right:-58px;width:150px;height:150px;content:"";background:var(--course-soft, var(--brand-soft));border-radius:50%;opacity:.65}.course-card:hover{border-color:var(--border-strong);box-shadow:var(--shadow-md);transform:translateY(-2px)}.course-accent-1{--course-accent: var(--brand);--course-soft: var(--brand-soft)}.course-accent-2{--course-accent: var(--blue);--course-soft: var(--blue-soft)}.course-accent-3{--course-accent: var(--warning);--course-soft: var(--warning-soft)}.course-accent-4{--course-accent: #7961a8;--course-soft: color-mix(in srgb, #7961a8 14%, var(--surface))}.course-card-top{z-index:1;display:flex;align-items:center;justify-content:space-between}.course-icon{display:grid;place-items:center;width:46px;height:46px;color:var(--course-accent);background:var(--course-soft);border-radius:13px}.course-count,.count-pill{padding:5px 9px;color:var(--text-secondary);background:var(--surface-subtle);border:1px solid var(--border-subtle);border-radius:99px;font-size:10px;font-weight:600}.course-card-copy{margin-top:25px}.course-card-copy p{margin:0 0 2px;color:var(--course-accent);font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.course-card-copy h2{margin:2px 0 8px;font-size:22px;letter-spacing:-.025em}.course-card-copy>span{display:block;min-height:44px;color:var(--text-secondary);font-size:12px}.course-card .course-progress-block{margin-top:auto}.course-card .progress-bar span{background:var(--course-accent)}.course-card-actions{display:grid;grid-template-columns:90px 1fr;gap:8px;margin-top:20px}.filter-panel{padding:18px;background:var(--surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.search-field{display:flex;align-items:center;min-height:50px;gap:10px;padding:0 14px;background:var(--surface-subtle);border:1px solid var(--border-subtle);border-radius:12px}.search-field>svg{color:var(--text-tertiary)}.search-field input{min-width:0;flex:1;color:var(--text-primary);background:transparent;border:0}.search-field input::placeholder{color:var(--text-tertiary)}.search-field button{display:grid;place-items:center;width:30px;height:30px;padding:0;color:var(--text-tertiary);background:transparent;border:0;border-radius:8px}kbd,.key-hint{padding:3px 6px;color:var(--text-tertiary);background:var(--surface);border:1px solid var(--border-subtle);border-bottom-color:var(--border-strong);border-radius:6px;font-family:inherit;font-size:9px;font-weight:600}.filter-row{display:flex;align-items:center;gap:8px;margin-top:12px}.select-field{display:flex;align-items:center;min-height:38px;gap:6px;padding:0 10px;color:var(--text-secondary);background:var(--surface);border:1px solid var(--border-subtle);border-radius:9px}.select-field select{max-width:150px;color:var(--text-primary);background:transparent;border:0;font-size:11px}.filter-reset{margin-left:auto;padding:0 9px}.alphabet-filter{display:flex;overflow-x:auto;gap:4px;padding-bottom:2px;scrollbar-width:none}.alphabet-filter::-webkit-scrollbar{display:none}.alphabet-filter button{min-width:34px;height:34px;flex:0 0 auto;padding:0 8px;color:var(--text-secondary);background:transparent;border:0;border-radius:9px;font-size:11px;font-weight:650}.alphabet-filter button:first-child{min-width:50px}.alphabet-filter button:hover{background:var(--surface-muted)}.alphabet-filter button.active{color:#fff;background:var(--brand)}.library-results{overflow:hidden;background:var(--surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.results-head{display:flex;align-items:center;justify-content:space-between;min-height:53px;padding:0 20px;border-bottom:1px solid var(--border-subtle)}.results-head p{margin:0;color:var(--text-secondary);font-size:12px}.results-head strong{color:var(--text-primary)}.results-head>span{color:var(--text-tertiary);font-size:10px}.phrase-table{display:flex;flex-direction:column}.phrase-row{display:grid;grid-template-columns:minmax(240px,1.5fr) minmax(150px,.8fr) 52px 90px 22px;align-items:center;min-height:69px;gap:18px;padding:10px 20px;color:var(--text-primary);background:transparent;border:0;border-bottom:1px solid var(--border-subtle);text-align:left;transition:background var(--duration)}.phrase-row:hover{background:var(--surface-subtle)}.phrase-main{display:flex;min-width:0;flex-direction:column}.phrase-main strong{overflow:hidden;font-size:13px;letter-spacing:-.005em;text-overflow:ellipsis;white-space:nowrap}.phrase-main small{overflow:hidden;margin-top:3px;color:var(--text-secondary);font-size:11px;text-overflow:ellipsis;white-space:nowrap}.phrase-structure{overflow:hidden;color:var(--text-secondary);font-size:10px;text-overflow:ellipsis;white-space:nowrap}.level-badge,.status-badge,.soft-tag,.source-chip,.trend-chip{display:inline-flex;align-items:center;justify-content:center;min-height:25px;gap:4px;padding:0 8px;border-radius:7px;font-size:10px;font-weight:700}.dialog-source-chips{display:flex;min-width:0;align-items:center;gap:6px}.dialog-source-chips .source-chip{max-width:min(420px,56vw);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.source-count-chip{flex:0 0 auto;color:var(--brand);font-size:9px;font-weight:700}.level-a2{color:var(--success);background:var(--success-soft)}.level-b1{color:var(--blue);background:var(--blue-soft)}.level-b2{color:var(--warning);background:var(--warning-soft)}.level-c1{color:var(--danger);background:var(--danger-soft)}.status-badge{color:var(--text-secondary);background:var(--surface-muted)}.status-已掌握{color:var(--success);background:var(--success-soft)}.status-学习中{color:var(--warning);background:var(--warning-soft)}.row-chevron,.saved-icon{color:var(--text-tertiary)}.saved-icon{color:var(--brand)}.load-more{display:flex;margin:18px auto}.load-more span{color:var(--text-tertiary);font-size:10px}.empty-state{display:flex;min-height:380px;align-items:center;justify-content:center;flex-direction:column;padding:44px;text-align:center}.empty-icon{display:grid;place-items:center;width:62px;height:62px;color:var(--brand);background:var(--brand-soft);border-radius:18px}.empty-state h2{margin:18px 0 5px;font-size:19px}.empty-state p{margin:0 0 20px;color:var(--text-secondary);font-size:12px}.review-hero{display:grid;grid-template-columns:58px minmax(0,1fr) auto;align-items:center;gap:18px;padding:25px 28px;background:var(--warning-soft);border:1px solid color-mix(in srgb,var(--warning) 22%,var(--border-subtle));border-radius:var(--radius-lg)}.review-hero-clear{background:var(--success-soft);border-color:color-mix(in srgb,var(--success) 22%,var(--border-subtle))}.review-hero-icon{display:grid;place-items:center;width:54px;height:54px;color:var(--warning);background:color-mix(in srgb,var(--surface) 65%,transparent);border-radius:15px}.review-hero-clear .review-hero-icon{color:var(--success)}.review-hero-copy h2{margin:2px 0 4px;font-size:21px;letter-spacing:-.02em}.review-hero-copy>p:last-child{margin:0;color:var(--text-secondary);font-size:12px}.review-groups{grid-template-columns:repeat(2,minmax(0,1fr))}.heading-with-icon{display:flex;align-items:flex-start;gap:11px}.heading-with-icon>span{display:grid;place-items:center;width:36px;height:36px;color:var(--brand);background:var(--brand-soft);border-radius:10px}.heading-with-icon h2{margin:0}.heading-with-icon p{margin:2px 0 0;color:var(--text-secondary);font-size:10px}.profile-summary{display:grid;grid-template-columns:minmax(300px,1fr) repeat(3,minmax(110px,.35fr));align-items:center;gap:12px;padding:22px 24px;background:var(--surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.profile-identity{display:flex;align-items:center;gap:15px}.profile-identity p{margin:0;color:var(--text-secondary);font-size:10px}.profile-identity h2{margin:2px 0 5px;font-size:17px}.profile-identity div>span{display:flex;align-items:center;gap:5px;color:var(--warning);font-size:10px;font-weight:600}.profile-stat{display:flex;min-height:58px;justify-content:center;flex-direction:column;padding-left:20px;border-left:1px solid var(--border-subtle)}.profile-stat strong{font-size:22px;line-height:1}.profile-stat span{margin-top:6px;color:var(--text-secondary);font-size:10px}.profile-grid{grid-template-columns:minmax(0,1.35fr) minmax(320px,.8fr)}.trend-chip{color:var(--success);background:var(--success-soft)}.activity-chart{display:grid;grid-template-columns:repeat(7,1fr);height:180px;gap:12px;margin-top:20px;padding-top:12px;border-bottom:1px solid var(--border-subtle)}.activity-day{display:grid;grid-template-rows:1fr 25px;align-items:end;text-align:center}.activity-bar-wrap{display:flex;height:100%;align-items:flex-end;justify-content:center}.activity-bar-wrap span{display:block;width:min(24px,65%);min-height:6px;background:var(--brand);border-radius:6px 6px 2px 2px}.activity-day small{color:var(--text-tertiary);font-size:9px}.activity-legend{display:flex;align-items:center;justify-content:space-between;padding-top:12px;color:var(--text-secondary);font-size:10px}.activity-legend span{display:flex;align-items:center;gap:6px}.activity-legend strong{color:var(--text-primary)}.legend-dot{width:7px;height:7px;background:var(--brand);border-radius:50%}.goal-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:19px}.goal-options button{display:flex;min-height:67px;align-items:center;justify-content:center;flex-direction:column;color:var(--text-secondary);background:var(--surface-subtle);border:1px solid var(--border-subtle);border-radius:11px}.goal-options button strong{color:var(--text-primary);font-size:18px;line-height:1}.goal-options button span{margin-top:4px;font-size:9px}.goal-options button.active{color:var(--brand);background:var(--brand-soft);border-color:color-mix(in srgb,var(--brand) 42%,var(--border-subtle))}.goal-options button.active strong{color:var(--brand)}.setting-switch{position:relative;display:grid;grid-template-columns:36px minmax(0,1fr) 42px;align-items:center;gap:10px;margin-top:18px;padding-top:17px;border-top:1px solid var(--border-subtle);cursor:pointer}.setting-icon{display:grid;place-items:center;width:34px;height:34px;color:var(--brand);background:var(--brand-soft);border-radius:9px}.setting-switch>span:nth-child(2){display:flex;flex-direction:column}.setting-switch strong{font-size:11px}.setting-switch small{margin-top:2px;color:var(--text-secondary);font-size:9px}.setting-switch input{position:absolute;opacity:0;pointer-events:none}.setting-switch>i{position:relative;width:42px;height:24px;background:var(--border-strong);border-radius:99px;transition:background var(--duration)}.setting-switch>i:after{position:absolute;top:3px;left:3px;width:18px;height:18px;content:"";background:#fff;border-radius:50%;box-shadow:0 1px 4px #0003;transition:transform var(--duration) var(--ease)}.setting-switch input:checked+i{background:var(--brand)}.setting-switch input:checked+i:after{transform:translate(18px)}.setting-switch input:focus-visible+i{outline:3px solid color-mix(in srgb,var(--brand) 45%,transparent);outline-offset:3px}.theme-panel{padding:26px}.theme-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:20px}.theme-card{display:flex;min-width:0;overflow:hidden;flex-direction:column;padding:0;color:var(--text-primary);background:var(--surface-subtle);border:1px solid var(--border-subtle);border-radius:13px;text-align:left;transition:border-color var(--duration),transform var(--duration),box-shadow var(--duration)}.theme-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-sm)}.theme-card-active{border-color:var(--brand);box-shadow:0 0 0 2px color-mix(in srgb,var(--brand) 14%,transparent)}.theme-preview{position:relative;display:block;height:94px;overflow:hidden;background:#f4f7f5;border-bottom:1px solid var(--border-subtle)}.theme-preview[data-preview=ocean]{background:#0b1521}.theme-preview[data-preview=paper]{background:#f2ede3}.theme-preview[data-preview=focus]{background:#f3f6fa}.theme-preview i{position:absolute;display:block;border-radius:4px}.preview-sidebar{inset:0 auto 0 0;width:26%;background:#102f2a;border-radius:0!important}[data-preview=ocean] .preview-sidebar{background:#08111b}[data-preview=paper] .preview-sidebar{background:#342d27}[data-preview=focus] .preview-sidebar{background:#14243a}.preview-hero{top:15px;right:10px;width:61%;height:35px;background:#0f6b5b}[data-preview=ocean] .preview-hero{background:#50c5b0}[data-preview=paper] .preview-hero{background:#96603e}[data-preview=focus] .preview-hero{background:#2563eb}.preview-card{bottom:13px;width:27%;height:21px;background:#fff;box-shadow:0 2px 5px #00000014}.preview-card.one{left:33%}.preview-card.two{left:65%}[data-preview=ocean] .preview-card{background:#182a3e}[data-preview=paper] .preview-card{background:#fffaf1}.theme-card-copy{display:flex;min-width:0;flex-direction:column;padding:13px}.theme-card-copy>strong{display:flex;align-items:center;justify-content:space-between;font-size:12px}.theme-card-copy>strong svg{color:var(--brand)}.theme-card-copy>small{overflow:hidden;margin-top:3px;color:var(--text-secondary);font-size:9px;text-overflow:ellipsis;white-space:nowrap}.theme-card-copy>span{display:flex;align-items:center;gap:4px;margin-top:10px;color:var(--text-tertiary);font-size:8px}.theme-card-copy>span i{width:9px;height:9px;border:1px solid rgb(0 0 0 / .08);border-radius:50%}.theme-card-copy>span i:last-of-type{margin-right:4px}.classic-theme-card{grid-column:1 / -1;display:grid;grid-template-columns:minmax(270px,.78fr) minmax(0,1.22fr);min-height:172px;overflow:hidden;color:var(--text-primary);background:var(--surface-subtle);border:1px solid var(--border-subtle);border-radius:15px;transition:border-color var(--duration),box-shadow var(--duration),transform var(--duration)}.classic-theme-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-sm)}.classic-theme-card-active{border-color:var(--brand);box-shadow:0 0 0 2px color-mix(in srgb,var(--brand) 14%,transparent)}.classic-theme-preview{position:relative;display:grid;grid-template-columns:1fr 1fr;min-height:172px;overflow:hidden;border-right:1px solid var(--border-subtle)}.classic-preview-half{position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;flex-direction:column;font-family:Georgia,serif}.classic-preview-day{color:#49372a;background:#efe4ce}.classic-preview-night{color:#e5c990;background:#171310}.classic-preview-half:before,.classic-preview-half:after{position:absolute;content:"";border:1px solid currentColor;opacity:.2}.classic-preview-half:before{top:16px;right:16px;bottom:16px;left:16px}.classic-preview-half:after{top:22px;right:22px;bottom:22px;left:22px;border-style:double}.classic-preview-half b{z-index:2;display:grid;place-items:center;width:51px;height:51px;border:1px solid currentColor;border-radius:50%;font-size:17px;font-weight:500;letter-spacing:.08em}.classic-preview-half small{z-index:2;margin-top:10px;font-size:7px;letter-spacing:.22em}.classic-spine{position:absolute;inset:0 auto 0 0;width:10px;background:#7b4038b3;box-shadow:inset -2px 0 #ffffff1f}.classic-preview-night .classic-spine{background:#865b3699}.classic-page{position:absolute;right:7px;bottom:7px;width:32px;height:5px;background:repeating-linear-gradient(0deg,currentColor 0 1px,transparent 1px 2px);opacity:.24;transform:rotate(-42deg)}.classic-ornament{position:absolute;top:50%;left:50%;z-index:4;display:grid;place-items:center;width:26px;height:26px;color:#f4dfb1;background:#7b4038;border:3px solid #d0ae6d;border-radius:50%;font-size:7px;transform:translate(-50%,-50%) rotate(45deg);box-shadow:0 4px 12px #00000038}.classic-theme-copy{display:flex;min-width:0;justify-content:center;flex-direction:column;padding:22px 24px}.classic-theme-heading{display:flex;align-items:center;justify-content:space-between}.classic-theme-heading>span{display:flex;flex-direction:column}.classic-theme-heading small{color:var(--brand);font-family:Georgia,serif;font-size:7px;letter-spacing:.18em}.classic-theme-heading strong{margin-top:3px;font-family:Georgia,Songti SC,STSong,serif;font-size:20px;font-weight:600}.classic-theme-heading>svg{color:var(--brand)}.classic-theme-description{margin-top:5px;color:var(--text-secondary);font-size:10px;line-height:1.5}.classic-mode-switch{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:17px}.classic-mode-switch button{display:grid;grid-template-columns:30px minmax(0,1fr) 16px;align-items:center;min-height:50px;gap:9px;padding:7px 10px;color:var(--text-secondary);background:var(--surface);border:1px solid var(--border-subtle);border-radius:10px;text-align:left;transition:background var(--duration),border-color var(--duration),transform var(--duration)}.classic-mode-switch button:hover{transform:translateY(-1px);border-color:var(--border-strong)}.classic-mode-switch button>svg:first-child{display:block;padding:7px;box-sizing:content-box;color:#9e7139;background:var(--warning-soft);border-radius:8px}.classic-mode-switch button:nth-child(2)>svg:first-child{color:#728693;background:var(--blue-soft)}.classic-mode-switch button>span{display:flex;flex-direction:column}.classic-mode-switch button strong{color:var(--text-primary);font-size:11px}.classic-mode-switch button small{margin-top:2px;color:var(--text-tertiary);font-family:Georgia,serif;font-size:8px;letter-spacing:.08em}.classic-mode-switch button>svg:last-child{color:var(--brand);opacity:0}.classic-mode-switch button.active{color:var(--brand);background:var(--brand-soft);border-color:color-mix(in srgb,var(--brand) 45%,var(--border-subtle))}.classic-mode-switch button.active>svg:last-child{opacity:1}.muted-icon{color:var(--text-tertiary)}.phrase-dialog{width:min(680px,calc(100vw - 32px));max-height:min(860px,calc(100vh - 32px));padding:0;overflow:hidden;color:var(--text-primary);background:var(--surface-raised);border:1px solid var(--border-subtle);border-radius:22px;box-shadow:var(--shadow-dialog)}.phrase-dialog::backdrop{background:#0614118c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.dialog-head{display:flex;align-items:center;justify-content:space-between;min-height:66px;padding:0 24px;border-bottom:1px solid var(--border-subtle)}.dialog-head>div{display:flex;gap:4px}.source-chip{color:var(--text-secondary);background:var(--surface-muted)}.dialog-body{max-height:calc(100vh - 190px);overflow-y:auto;padding:30px 30px 24px;overscroll-behavior:contain}.phrase-title-block{display:flex;align-items:flex-start;justify-content:space-between;gap:20px}.phrase-title-line{display:flex;align-items:center;gap:12px}.phrase-title-line h2{margin:0;font-size:clamp(27px,5vw,38px);line-height:1.15;letter-spacing:-.04em}.phrase-title-block>div:first-child>p{margin:9px 0 0;color:var(--text-secondary);font-size:16px}.tag-row{display:flex;justify-content:flex-end;flex-wrap:wrap;gap:6px;max-width:260px}.soft-tag{color:var(--text-secondary);background:var(--surface-muted);font-weight:600}.speak-button{display:inline-flex;align-items:center;justify-content:center;min-height:36px;gap:6px;padding:0 11px;flex:0 0 auto;color:var(--brand);background:var(--brand-soft);border:0;border-radius:10px;font-size:10px;font-weight:650}.speak-button:hover{background:color-mix(in srgb,var(--brand) 20%,var(--surface))}.speak-button-compact{width:32px;min-height:32px;padding:0}.alias-note{display:flex;align-items:center;gap:10px;margin-top:20px;padding:11px 13px;background:var(--surface-subtle);border:1px solid var(--border-subtle);border-radius:10px;font-size:11px}.alias-note span{color:var(--text-tertiary)}.examples-section,.vocab-section,.related-section{margin-top:30px}.dialog-section-title{display:flex;align-items:center;gap:9px;margin-bottom:12px}.dialog-section-title>span{display:grid;place-items:center;width:30px;height:30px;color:var(--brand);background:var(--brand-soft);border-radius:8px}.dialog-section-title h3,.vocab-section h3{margin:0;font-size:13px}.example-list{display:flex;flex-direction:column;gap:8px}.example-card{display:grid;grid-template-columns:28px minmax(0,1fr) 32px;align-items:start;gap:8px;padding:13px;background:var(--surface-subtle);border:1px solid var(--border-subtle);border-radius:11px}.example-card>span{color:var(--text-tertiary);font-size:9px;font-weight:700}.example-card p{margin:0;font-size:12px;font-weight:600}.example-card small{display:block;margin-top:4px;color:var(--text-secondary);font-size:10px}.vocab-section>div{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}.vocab-section>div span{padding:7px 9px;color:var(--text-secondary);background:var(--surface-muted);border-radius:8px;font-size:9px}.related-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.related-grid button{min-width:0;padding:11px;color:var(--text-primary);background:var(--surface-subtle);border:1px solid var(--border-subtle);border-radius:10px;text-align:left}.related-grid button:hover{border-color:var(--brand)}.related-grid strong,.related-grid small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.related-grid strong{font-size:10px}.related-grid small{margin-top:4px;color:var(--text-secondary);font-size:9px}.dialog-footer{display:flex;align-items:center;justify-content:space-between;min-height:78px;gap:16px;padding:14px 24px;background:var(--surface-subtle);border-top:1px solid var(--border-subtle)}.dialog-footer>span{color:var(--text-secondary);font-size:10px}.toast{position:fixed;right:24px;bottom:24px;z-index:150;display:flex;align-items:center;min-height:46px;gap:8px;padding:0 15px;color:#fff;background:var(--sidebar);border:1px solid rgb(255 255 255 / .12);border-radius:12px;box-shadow:var(--shadow-md);animation:toast-in .22s var(--ease) both;font-size:11px;font-weight:600}@keyframes toast-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.session-shell{min-height:100vh;color:var(--text-primary);background:var(--canvas)}.session-header{position:sticky;top:0;z-index:20;display:grid;grid-template-columns:44px minmax(0,560px) 60px;align-items:center;justify-content:center;gap:22px;min-height:78px;padding:0 28px;background:color-mix(in srgb,var(--canvas) 88%,transparent);border-bottom:1px solid var(--border-subtle);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.session-progress>span{display:block;margin-bottom:8px;color:var(--text-secondary);font-size:10px;text-align:center}.session-count{color:var(--text-tertiary);font-size:11px;text-align:right}.session-count strong{color:var(--text-primary)}.session-main{width:min(760px,calc(100% - 40px));margin:0 auto;padding:42px 0 72px}.study-card{min-height:470px;padding:26px 34px 32px;background:var(--surface-raised);border:1px solid var(--border-subtle);border-radius:24px;box-shadow:var(--shadow-md)}.study-card-meta{display:flex;align-items:center;gap:8px;color:var(--text-secondary);font-size:10px}.study-card-meta .icon-button{width:36px;height:36px;margin-left:auto}.study-prompt{display:flex;min-height:205px;align-items:center;justify-content:center;flex-direction:column;padding:30px 0;text-align:center}.study-prompt>p{margin:0 0 16px;color:var(--text-tertiary);font-size:11px}.study-title{display:flex;align-items:center;justify-content:center;gap:15px}.study-title h1{margin:0;font-size:clamp(36px,7vw,58px);line-height:1.12;letter-spacing:-.045em}.study-alias{margin-top:14px;color:var(--text-secondary);font-size:10px}.recall-hint{display:flex;min-height:92px;align-items:center;justify-content:center;gap:9px;color:var(--text-tertiary);background:var(--surface-subtle);border:1px dashed var(--border-strong);border-radius:13px;font-size:11px}.study-answer{display:flex;flex-direction:column;gap:13px;animation:reveal .22s var(--ease) both}@keyframes reveal{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.answer-meaning{padding:18px;background:var(--brand-softer);border:1px solid color-mix(in srgb,var(--brand) 18%,var(--border-subtle));border-radius:13px;text-align:center}.answer-meaning span{color:var(--brand);font-size:9px;font-weight:700;letter-spacing:.1em}.answer-meaning h2{margin:5px 0 0;font-size:20px}.study-example{display:grid;grid-template-columns:22px minmax(0,1fr) 32px;align-items:start;gap:9px;padding:15px;color:var(--text-secondary);background:var(--surface-subtle);border:1px solid var(--border-subtle);border-radius:13px}.study-example>svg{color:var(--brand)}.study-example p{margin:0;color:var(--text-primary);font-size:12px;font-weight:600}.study-example span{display:block;margin-top:4px;font-size:10px}.session-action-single{display:flex;justify-content:center;margin-top:24px}.key-hint{margin-left:5px;color:color-mix(in srgb,white 72%,transparent);background:#ffffff21;border-color:#ffffff2e}.rating-panel{margin-top:22px}.rating-panel>p{margin:0 0 10px;color:var(--text-secondary);font-size:11px;text-align:center}.rating-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.rating-button{display:grid;grid-template-columns:26px minmax(0,1fr) auto;align-items:center;min-height:64px;gap:8px;padding:0 12px;background:var(--surface);border:1px solid var(--border-subtle);border-radius:13px;text-align:left;transition:transform var(--duration),border-color var(--duration),background var(--duration)}.rating-button:hover{transform:translateY(-2px)}.rating-button>span{display:flex;min-width:0;flex-direction:column}.rating-button strong{font-size:11px}.rating-button small{margin-top:2px;color:var(--text-secondary);font-size:8px}.rating-again>svg{color:var(--danger)}.rating-hard>svg{color:var(--warning)}.rating-good>svg{color:var(--success)}.rating-again:hover{background:var(--danger-soft);border-color:color-mix(in srgb,var(--danger) 35%,var(--border-subtle))}.rating-hard:hover{background:var(--warning-soft);border-color:color-mix(in srgb,var(--warning) 35%,var(--border-subtle))}.rating-good:hover{background:var(--success-soft);border-color:color-mix(in srgb,var(--success) 35%,var(--border-subtle))}.session-complete-shell{display:grid;place-items:center;padding:30px}.session-complete{width:min(560px,100%);padding:48px;background:var(--surface);border:1px solid var(--border-subtle);border-radius:26px;box-shadow:var(--shadow-md);text-align:center}.complete-icon{display:grid;place-items:center;width:68px;height:68px;margin:0 auto 18px;color:var(--warning);background:var(--warning-soft);border-radius:20px}.session-complete h1{margin:5px 0 9px;font-size:28px;letter-spacing:-.03em}.session-complete>p:not(.eyebrow){margin:0 auto;color:var(--text-secondary);font-size:12px}.complete-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:28px 0}.complete-stats div{display:flex;min-height:75px;align-items:center;justify-content:center;flex-direction:column;background:var(--surface-subtle);border:1px solid var(--border-subtle);border-radius:12px}.complete-stats strong{font-size:22px}.complete-stats span{color:var(--text-secondary);font-size:9px}.session-empty{width:min(520px,calc(100% - 32px));margin:18vh auto 0;padding:44px;background:var(--surface);border:1px solid var(--border-subtle);border-radius:24px;text-align:center}.session-empty>svg{color:var(--warning)}.session-empty h1{font-size:25px}.session-empty p{color:var(--text-secondary)}.catalog-count{display:flex;min-width:168px;align-items:flex-end;flex-direction:column;padding:12px 15px;background:color-mix(in srgb,var(--surface) 84%,transparent);border:1px solid var(--border-subtle);border-radius:var(--radius-md);box-shadow:var(--shadow-sm)}.catalog-count strong{font-size:20px;line-height:1;letter-spacing:-.03em}.catalog-count small{margin-top:5px;color:var(--text-secondary);font-size:9px}.hero-scenario-link{display:inline-flex;align-items:center;gap:7px;min-height:42px;padding:0 2px;color:#c3ddd5;background:transparent;border:0;font-size:12px;font-weight:650}.hero-scenario-link:hover{color:#fff}.scenario-intro{position:relative;isolation:isolate;display:grid;grid-template-columns:minmax(0,1.25fr) minmax(340px,.75fr);min-height:300px;overflow:hidden;color:#f4fbf8;background:linear-gradient(116deg,#0d3f37f5,#102f37fa),var(--sidebar);border:1px solid rgb(255 255 255 / .08);border-radius:var(--radius-xl);box-shadow:var(--shadow-md)}.scenario-intro:before{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;content:"";background:radial-gradient(circle at 78% 34%,rgb(103 210 182 / .2),transparent 24%),linear-gradient(rgb(255 255 255 / .025) 1px,transparent 1px),linear-gradient(90deg,rgb(255 255 255 / .025) 1px,transparent 1px);background-size:auto,32px 32px,32px 32px;-webkit-mask-image:linear-gradient(90deg,transparent 12%,black 70%);mask-image:linear-gradient(90deg,transparent 12%,black 70%)}.scenario-intro-copy{display:flex;justify-content:center;flex-direction:column;padding:42px 50px}.scenario-intro-copy h2{margin:13px 0 12px;font-size:clamp(30px,3.5vw,43px);line-height:1.15;letter-spacing:-.045em}.scenario-intro-copy>p{max-width:620px;margin:0;color:#b8cec7;font-size:13px}.scenario-proof-row{display:flex;flex-wrap:wrap;gap:9px;margin-top:24px}.scenario-proof-row span{display:inline-flex;align-items:center;gap:5px;padding:7px 10px;color:#d7ebe5;background:#ffffff12;border:1px solid rgb(255 255 255 / .08);border-radius:99px;font-size:9px;font-weight:650}.scenario-orbit{position:relative;min-height:300px}.scenario-orbit:before,.scenario-orbit:after{position:absolute;inset:50% auto auto 50%;content:"";border:1px solid rgb(154 220 202 / .18);border-radius:50%;transform:translate(-50%,-50%)}.scenario-orbit:before{width:250px;height:250px}.scenario-orbit:after{width:160px;height:160px}.orbit-center{position:absolute;top:50%;left:50%;z-index:2;display:grid;place-items:center;width:76px;height:76px;color:#123b34;background:linear-gradient(145deg,#dff8f0,#7bd8c0);border:7px solid rgb(255 255 255 / .08);border-radius:24px;box-shadow:0 22px 45px #00000040;transform:translate(-50%,-50%) rotate(-5deg)}.orbit-chip{position:absolute;z-index:3;display:inline-flex;align-items:center;gap:6px;padding:9px 12px;color:#eaf8f4;background:#ffffff17;border:1px solid rgb(255 255 255 / .12);border-radius:11px;box-shadow:0 10px 26px #00000026;font-size:10px;font-weight:650;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.chip-one{top:42px;left:20px}.chip-two{top:72px;right:22px}.chip-three{right:18px;bottom:55px}.chip-four{bottom:34px;left:10px}.scenario-section-heading{align-items:flex-end;margin-bottom:15px}.scenario-section-heading h2{font-size:22px}.classification-note{display:inline-flex;align-items:center;gap:6px;color:var(--success);font-size:10px;font-weight:650}.scenario-category-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}.scenario-category-card{--scenario-accent: var(--brand);--scenario-soft: var(--brand-soft);position:relative;display:grid;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;min-height:78px;gap:11px;padding:12px 13px;overflow:hidden;color:var(--text-primary);background:color-mix(in srgb,var(--surface) 92%,var(--scenario-soft));border:1px solid var(--border-subtle);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);text-align:left;transition:transform var(--duration) var(--ease),border-color var(--duration),box-shadow var(--duration)}.scenario-category-card:after{position:absolute;inset:auto -18px -24px auto;width:62px;height:62px;content:"";background:var(--scenario-soft);border-radius:50%;opacity:.5}.scenario-category-card:hover{z-index:1;transform:translateY(-2px);border-color:color-mix(in srgb,var(--scenario-accent) 38%,var(--border-subtle));box-shadow:0 14px 32px color-mix(in srgb,var(--text-primary) 9%,transparent)}.scenario-category-card.active{border-color:var(--scenario-accent);box-shadow:0 0 0 2px color-mix(in srgb,var(--scenario-accent) 14%,transparent),var(--shadow-sm)}.scenario-tone-1{--scenario-accent: var(--blue);--scenario-soft: var(--blue-soft)}.scenario-tone-2{--scenario-accent: var(--warning);--scenario-soft: var(--warning-soft)}.scenario-tone-3{--scenario-accent: #8667b0;--scenario-soft: color-mix(in srgb, #8667b0 14%, var(--surface))}.scenario-tone-4{--scenario-accent: #bd656f;--scenario-soft: color-mix(in srgb, #bd656f 14%, var(--surface))}.scenario-tone-5{--scenario-accent: #477d92;--scenario-soft: color-mix(in srgb, #477d92 14%, var(--surface))}.scenario-card-icon{display:grid;place-items:center;width:42px;height:42px;color:var(--scenario-accent);background:var(--scenario-soft);border-radius:12px}.scenario-card-copy{display:flex;min-width:0;flex-direction:column}.scenario-card-copy strong{font-size:12px}.scenario-card-copy small{margin-top:3px;overflow:hidden;color:var(--text-tertiary);font-size:8px;text-overflow:ellipsis;white-space:nowrap}.scenario-card-count{align-self:start;color:var(--text-tertiary);font-size:9px;font-weight:700}.scenario-card-arrow{position:absolute;right:11px;bottom:10px;z-index:2;color:var(--scenario-accent);opacity:0;transform:translate(-3px);transition:opacity var(--duration),transform var(--duration)}.scenario-category-card:hover .scenario-card-arrow,.scenario-category-card.active .scenario-card-arrow{opacity:1;transform:translate(0)}.scenario-workspace{overflow:hidden;background:var(--surface);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm)}.scenario-workspace-head{display:grid;grid-template-columns:58px minmax(260px,1fr) minmax(190px,.55fr) auto;align-items:center;gap:18px;padding:26px 28px;background:linear-gradient(110deg,var(--brand-softer),color-mix(in srgb,var(--surface) 90%,var(--brand-soft)));border-bottom:1px solid var(--border-subtle)}.selected-scenario-icon{display:grid;place-items:center;width:58px;height:58px;color:var(--brand);background:var(--surface);border:1px solid color-mix(in srgb,var(--brand) 18%,var(--border-subtle));border-radius:17px;box-shadow:var(--shadow-sm)}.selected-scenario-copy h2{margin:3px 0 4px;font-size:22px;letter-spacing:-.025em}.selected-scenario-copy>p:last-child{margin:0;color:var(--text-secondary);font-size:11px}.scenario-progress-summary{display:flex;min-width:0;flex-direction:column}.scenario-progress-summary>span{color:var(--text-secondary);font-size:10px}.scenario-progress-summary>span strong{color:var(--text-primary);font-size:17px}.scenario-progress-summary>small{margin:3px 0 9px;overflow:hidden;color:var(--text-tertiary);font-size:8px;text-overflow:ellipsis;white-space:nowrap}.scenario-tabs{display:flex;overflow-x:auto;gap:7px;padding:18px 22px 6px;scrollbar-width:none}.scenario-tabs::-webkit-scrollbar{display:none}.scenario-tabs button{display:inline-flex;min-height:34px;flex:0 0 auto;align-items:center;gap:7px;padding:0 11px;color:var(--text-secondary);background:var(--surface-subtle);border:1px solid var(--border-subtle);border-radius:99px;font-size:10px}.scenario-tabs button span{color:var(--text-tertiary);font-size:8px}.scenario-tabs button.active{color:var(--brand);background:var(--brand-soft);border-color:color-mix(in srgb,var(--brand) 35%,var(--border-subtle));font-weight:700}.scenario-phrase-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;padding:16px 22px 22px}.scenario-phrase-card{display:flex;min-height:132px;min-width:0;flex-direction:column;padding:15px;color:var(--text-primary);background:var(--surface-subtle);border:1px solid var(--border-subtle);border-radius:var(--radius-md);text-align:left;transition:transform var(--duration),background var(--duration),border-color var(--duration),box-shadow var(--duration)}.scenario-phrase-card:hover{transform:translateY(-2px);background:var(--surface);border-color:color-mix(in srgb,var(--brand) 30%,var(--border-subtle));box-shadow:var(--shadow-sm)}.scenario-phrase-top{display:flex;align-items:center;gap:6px;color:var(--text-tertiary);font-size:8px}.scenario-phrase-top svg{margin-left:auto}.level-dot{display:block;width:7px;height:7px;padding:0;border-radius:50%}.scenario-phrase-card>strong{margin-top:12px;overflow:hidden;font-size:15px;text-overflow:ellipsis;white-space:nowrap}.scenario-phrase-card>small{margin-top:3px;overflow:hidden;color:var(--text-secondary);font-size:10px;text-overflow:ellipsis;white-space:nowrap}.scenario-phrase-tags{display:flex;overflow:hidden;gap:5px;margin-top:auto;padding-top:10px}.scenario-phrase-tags i{flex:0 0 auto;padding:3px 6px;color:var(--brand);background:var(--brand-softer);border-radius:5px;font-size:7px;font-style:normal}.scenario-pagination{display:flex;min-height:68px;align-items:center;justify-content:space-between;gap:18px;padding:12px 22px 18px;border-top:1px solid var(--border-subtle)}.scenario-pagination p{margin:0;color:var(--text-tertiary);font-size:10px;white-space:nowrap}.scenario-pagination p strong{color:var(--text-primary);font-size:11px}.scenario-pagination>div{display:flex;align-items:center;justify-content:flex-end;gap:7px}.scenario-page-button,.scenario-show-all{display:inline-flex;min-height:34px;align-items:center;justify-content:center;gap:5px;padding:0 11px;color:var(--text-secondary);background:var(--surface);border:1px solid var(--border-subtle);border-radius:9px;font-size:10px;font-weight:650}.scenario-page-button:hover:not(:disabled),.scenario-show-all:hover{color:var(--brand);background:var(--brand-softer);border-color:color-mix(in srgb,var(--brand) 34%,var(--border-subtle))}.scenario-page-button:disabled{cursor:not-allowed;opacity:.42}.scenario-show-all{color:var(--brand);background:var(--brand-soft);border-color:color-mix(in srgb,var(--brand) 30%,var(--border-subtle))}.scenario-page-picker{display:inline-flex;min-height:34px;align-items:center;gap:5px;padding:0 9px;color:var(--text-secondary);background:var(--surface-subtle);border:1px solid var(--border-subtle);border-radius:9px;font-size:10px;white-space:nowrap}.scenario-page-picker select{min-width:43px;padding:3px 5px;color:var(--text-primary);background:var(--surface);border:1px solid var(--border-subtle);border-radius:6px;font-size:10px;font-weight:700}.phrase-context{display:flex;min-width:0;flex-direction:column}.phrase-context small{color:var(--brand);font-size:8px;font-weight:700}.phrase-context span{margin-top:3px;overflow:hidden;color:var(--text-secondary);font-size:10px;text-overflow:ellipsis;white-space:nowrap}.scenario-dialog-tag{display:inline-flex;min-height:25px;align-items:center;gap:5px;padding:0 8px;color:var(--brand);background:var(--brand-soft);border-radius:7px;font-size:9px;font-weight:700}.audio-lab{position:relative;overflow:hidden;padding:27px}.audio-lab:after{position:absolute;top:-70px;right:-55px;width:200px;height:200px;content:"";background:radial-gradient(circle,color-mix(in srgb,var(--brand-soft) 82%,transparent),transparent 70%);pointer-events:none}.audio-lab-heading{position:relative;z-index:1;display:grid;grid-template-columns:54px minmax(0,1fr) auto;align-items:center;gap:15px}.audio-lab-icon{display:grid;place-items:center;width:54px;height:54px;color:var(--brand);background:linear-gradient(145deg,var(--brand-soft),var(--surface));border:1px solid color-mix(in srgb,var(--brand) 18%,var(--border-subtle));border-radius:16px}.audio-lab-heading h2{margin:3px 0;font-size:20px;letter-spacing:-.025em}.audio-lab-heading>div>p:last-child{margin:0;color:var(--text-secondary);font-size:10px}.audio-auto-switch{grid-template-columns:minmax(0,1fr) 42px;min-width:220px;margin:0;padding:0;border:0}.audio-auto-switch>span:first-child{display:flex;flex-direction:column;text-align:right}.audio-control-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:24px}.audio-control-block{display:flex;min-width:0;flex-direction:column;padding:16px;background:var(--surface-subtle);border:1px solid var(--border-subtle);border-radius:var(--radius-md)}.control-label{margin-bottom:10px;color:var(--text-secondary);font-size:9px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.accent-segment,.rate-segment{display:grid;grid-template-columns:repeat(2,1fr);gap:7px}.rate-segment{grid-template-columns:repeat(3,1fr)}.accent-segment button,.rate-segment button{display:flex;min-height:54px;align-items:center;gap:9px;padding:8px 10px;color:var(--text-secondary);background:var(--surface);border:1px solid var(--border-subtle);border-radius:10px;text-align:left}.accent-segment button>i{display:grid;place-items:center;width:28px;height:28px;color:var(--brand);background:var(--brand-softer);border-radius:8px;font-size:8px;font-style:normal;font-weight:800}.accent-segment button>span,.rate-segment button{flex-direction:column;align-items:flex-start;justify-content:center}.accent-segment button>span{display:flex;min-width:0;flex-direction:column}.accent-segment strong,.rate-segment strong{color:var(--text-primary);font-size:10px}.accent-segment small,.rate-segment small{color:var(--text-tertiary);font-size:8px}.accent-segment button>svg{margin-left:auto;color:var(--brand);opacity:0}.accent-segment button.active,.rate-segment button.active{color:var(--brand);background:var(--brand-soft);border-color:color-mix(in srgb,var(--brand) 38%,var(--border-subtle))}.accent-segment button.active>svg{opacity:1}.rate-segment button{align-items:center;text-align:center}.voice-select-wrap{display:flex;min-height:45px;align-items:center;gap:9px;padding:0 11px;color:var(--brand);background:var(--surface);border:1px solid var(--border-subtle);border-radius:10px}.voice-picker{grid-column:1 / -1}.voice-select-wrap select{width:100%;min-width:0;color:var(--text-primary);background:transparent;border:0;font-size:10px}.voice-quality{display:inline-flex;align-items:center;gap:5px;margin-top:9px;overflow:hidden;color:var(--success);font-size:8px;text-overflow:ellipsis;white-space:nowrap}.audio-preview-card{grid-column:1 / -1;display:grid;grid-template-columns:150px minmax(0,1fr) auto;align-items:center;gap:18px;min-height:90px;padding:17px 18px;color:#edf9f5;background:linear-gradient(112deg,var(--sidebar),color-mix(in srgb,var(--sidebar) 88%,#275b70));border-radius:var(--radius-md)}.audio-preview-wave{display:flex;height:34px;align-items:center;justify-content:center;gap:4px}.audio-preview-wave i{width:3px;height:calc(8px + (var(--wave, 1) * 2px));background:#78d1bb;border-radius:99px;opacity:.8}.audio-preview-wave i:nth-child(3n){height:28px}.audio-preview-wave i:nth-child(2n){height:18px}.audio-preview-wave i:nth-child(5n){height:34px}.audio-preview-card>div{display:flex;flex-direction:column}.audio-preview-card strong{font-size:13px}.audio-preview-card small{margin-top:3px;color:#a9c2ba;font-size:9px}.sound-wave{display:inline-flex;height:17px;align-items:center;gap:2px}.sound-wave i{width:2px;height:7px;background:currentColor;border-radius:2px}.sound-wave i:nth-child(2){height:13px}.speak-button.is-speaking .sound-wave i{animation:sound-pulse .62s ease-in-out infinite alternate}.speak-button.is-speaking .sound-wave i:nth-child(2){animation-delay:.12s}.speak-button.is-speaking .sound-wave i:nth-child(3){animation-delay:.24s}.speak-button.has-error{color:var(--danger);background:var(--danger-soft);border-color:color-mix(in srgb,var(--danger) 35%,var(--border-subtle))}@keyframes sound-pulse{0%{transform:scaleY(.55)}to{transform:scaleY(1.15)}}@media(max-width:1120px){.main-content{padding:36px 30px 68px}.today-hero{grid-template-columns:minmax(0,1fr) 210px}.hero-content{padding:38px 36px}.dashboard-grid{grid-template-columns:minmax(0,1.25fr) minmax(280px,.8fr)}.phrase-row{grid-template-columns:minmax(210px,1.4fr) minmax(120px,.7fr) 48px 82px 18px;gap:12px}.theme-grid{grid-template-columns:repeat(2,1fr)}.profile-summary{grid-template-columns:minmax(260px,1fr) repeat(3,90px)}.scenario-category-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.scenario-intro{grid-template-columns:minmax(0,1fr) 310px}.scenario-workspace-head{grid-template-columns:52px minmax(220px,1fr) minmax(150px,.5fr)}.scenario-workspace-head>.button{grid-column:2 / -1;justify-self:end;margin-top:-4px}}@media(max-width:860px){.app-stage{margin-left:0}.main-content{width:100%;padding:28px 24px 100px}.sidebar{width:min(290px,84vw);transform:translate(-105%);visibility:hidden;pointer-events:none;transition:transform .24s var(--ease),visibility 0s linear .24s;box-shadow:var(--shadow-dialog)}.sidebar-open{transform:translate(0);visibility:visible;pointer-events:auto;transition-delay:0s}.sidebar .sidebar-close{display:inline-grid;color:var(--sidebar-muted)}.sidebar-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:45;display:block;width:100%;height:100%;padding:0;background:#05110e85;border:0;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.mobile-header{position:sticky;top:0;z-index:35;display:flex;align-items:center;justify-content:space-between;min-height:64px;padding:0 20px;background:color-mix(in srgb,var(--canvas) 88%,transparent);border-bottom:1px solid var(--border-subtle);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.bottom-nav{position:fixed;inset:auto 0 0;z-index:40;display:grid;grid-template-columns:repeat(5,1fr);min-height:70px;padding:7px max(10px,env(safe-area-inset-right)) max(7px,env(safe-area-inset-bottom)) max(10px,env(safe-area-inset-left));background:color-mix(in srgb,var(--surface) 94%,transparent);border-top:1px solid var(--border-subtle);box-shadow:0 -10px 30px #14282112;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.bottom-nav button{display:flex;min-height:50px;align-items:center;justify-content:center;gap:3px;flex-direction:column;color:var(--text-tertiary);background:transparent;border:0;border-radius:10px;font-size:9px}.bottom-nav button svg{transition:transform var(--duration)}.bottom-nav button.bottom-nav-active{color:var(--brand);background:var(--brand-softer);font-weight:700}.bottom-nav button.bottom-nav-active svg{transform:translateY(-1px)}.today-hero{grid-template-columns:1fr 190px}.goal-ring-wrap{padding-right:24px}.dashboard-grid,.profile-grid{grid-template-columns:1fr}.course-grid{grid-template-columns:repeat(2,1fr)}.profile-summary{grid-template-columns:minmax(280px,1fr) repeat(3,90px);overflow-x:auto}.filter-row{overflow-x:auto;padding-bottom:3px}.select-field{flex:0 0 auto}.phrase-row{grid-template-columns:minmax(220px,1fr) 54px 18px}.phrase-context,.status-badge{display:none}.phrase-dialog{margin:auto}.scenario-intro{grid-template-columns:minmax(0,1fr) 280px}.scenario-intro-copy{padding:36px 32px}.scenario-orbit:before{width:210px;height:210px}.scenario-orbit:after{width:135px;height:135px}.scenario-category-grid,.scenario-phrase-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.scenario-workspace-head{grid-template-columns:52px minmax(0,1fr) auto}.scenario-progress-summary{grid-column:2 / 3}.scenario-workspace-head>.button{grid-column:3;grid-row:1 / span 2;align-self:center;margin:0}.audio-control-grid{grid-template-columns:1fr}.audio-preview-card{grid-column:auto}.feature-content{height:calc(100vh - 64px);padding:12px 12px 82px}}@media(max-width:640px){.main-content{padding:22px 16px 94px}.page-stack{gap:20px}.feature-content{padding:8px 8px 78px}.feature-workspace{border-radius:14px}.feature-toolbar{min-height:58px;padding:9px 11px}.feature-toolbar-icon{width:34px;height:34px;flex-basis:34px}.feature-toolbar p{display:none}.feature-open-link{width:36px;padding:0}.feature-open-link span{display:none}.page-header{align-items:flex-start}.page-header h1{margin-top:3px;font-size:27px}.page-header>div:first-child>p:last-child{font-size:13px}.page-header-action{display:none}.today-hero{grid-template-columns:1fr;min-height:auto;border-radius:22px}.hero-content{padding:30px 25px 16px}.hero-content h2{font-size:34px}.hero-actions{align-items:flex-start;flex-direction:column;gap:12px;margin-top:23px}.hero-actions .button{width:100%}.hero-scenario-link{min-height:40px}.goal-ring-wrap{flex-direction:row;justify-content:flex-start;padding:12px 25px 27px}.progress-ring{width:84px;height:84px}.progress-ring circle{stroke-width:8px}.progress-ring strong{font-size:18px}.progress-ring small{font-size:8px}.hero-mini-stats{flex-direction:column;gap:6px}.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.metric-grid .metric-card:last-child{grid-column:1 / -1}.metric-card{min-height:70px;padding:12px 14px}.metric-copy strong{font-size:20px}.dashboard-grid{grid-template-columns:1fr}.panel{padding:20px;border-radius:16px}.phrase-preview-row{grid-template-columns:1fr}.phrase-preview-row button:nth-child(n+3){display:none}.segmented-control{align-self:stretch;overflow-x:auto}.segmented-control button{flex:1 0 52px}.course-grid{grid-template-columns:1fr}.course-card{min-height:300px;padding:21px}.filter-panel{padding:12px;border-radius:15px}.search-field kbd{display:none}.filter-row{margin-right:-12px;padding-right:12px}.filter-reset{margin-left:0;flex:0 0 auto}.alphabet-filter{margin-right:-16px;padding-right:16px}.results-head{padding:0 14px}.results-head>span{display:none}.phrase-row{grid-template-columns:minmax(0,1fr) 48px 18px;min-height:72px;gap:9px;padding:10px 14px}.phrase-main strong{font-size:13px}.phrase-main small{white-space:normal;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical}.review-hero{grid-template-columns:46px 1fr;padding:20px}.review-hero-icon{width:44px;height:44px}.review-hero .button{grid-column:1 / -1;width:100%}.review-groups{grid-template-columns:1fr}.profile-summary{grid-template-columns:repeat(3,1fr);padding:18px}.profile-identity{grid-column:1 / -1;padding-bottom:15px;border-bottom:1px solid var(--border-subtle)}.profile-stat{min-height:50px;padding:0;border-left:0;text-align:center}.theme-grid{grid-template-columns:1fr 1fr;gap:8px}.theme-preview{height:75px}.theme-card-copy{padding:10px}.theme-card-copy>small{display:none}.classic-theme-card{grid-template-columns:1fr}.classic-theme-preview{min-height:122px;border-right:0;border-bottom:1px solid var(--border-subtle)}.classic-theme-copy{padding:18px}.classic-preview-half:before{top:12px;right:12px;bottom:12px;left:12px}.classic-preview-half:after{top:18px;right:18px;bottom:18px;left:18px}.scenario-intro{grid-template-columns:1fr;min-height:auto;border-radius:22px}.scenario-intro-copy{padding:30px 25px}.scenario-intro-copy h2{font-size:31px}.scenario-orbit{display:none}.scenario-section-heading{align-items:flex-start}.classification-note{display:none}.scenario-category-grid{gap:8px}.scenario-category-card{grid-template-columns:36px minmax(0,1fr) auto;min-height:68px;padding:10px}.scenario-card-icon{width:36px;height:36px;border-radius:10px}.scenario-workspace{border-radius:18px}.scenario-workspace-head{grid-template-columns:48px minmax(0,1fr);gap:12px;padding:20px}.selected-scenario-icon{width:48px;height:48px;border-radius:14px}.scenario-progress-summary{grid-column:1 / -1}.scenario-workspace-head>.button{grid-column:1 / -1;grid-row:auto;width:100%}.scenario-tabs{padding:14px 14px 4px}.scenario-phrase-grid{grid-template-columns:1fr;padding:12px 14px 16px}.scenario-phrase-card{min-height:116px}.scenario-pagination{align-items:stretch;flex-direction:column;gap:10px;padding:13px 14px 16px}.scenario-pagination>div{display:grid;grid-template-columns:1fr auto 1fr;justify-content:stretch;gap:6px}.scenario-page-button{padding:0 8px}.scenario-show-all{grid-column:1 / -1;width:100%}.audio-lab{padding:20px}.audio-lab-heading{grid-template-columns:46px minmax(0,1fr);align-items:start}.audio-lab-icon{width:46px;height:46px;border-radius:13px}.audio-auto-switch{grid-column:1 / -1;width:100%;margin-top:5px;padding:12px 0 0;border-top:1px solid var(--border-subtle)}.audio-auto-switch>span:first-child{text-align:left}.audio-control-grid{margin-top:17px}.audio-preview-card{grid-template-columns:1fr auto;gap:12px}.audio-preview-wave{display:none}.phrase-dialog{width:100%;max-width:none;max-height:calc(100vh - 12px);margin:auto 0 0;border-radius:22px 22px 0 0}.phrase-dialog::backdrop{-webkit-backdrop-filter:none;backdrop-filter:none}.dialog-head{min-height:58px;padding:0 16px}.dialog-body{max-height:calc(100vh - 164px);padding:24px 18px}.phrase-title-block{flex-direction:column}.tag-row{justify-content:flex-start}.related-grid{grid-template-columns:1fr}.dialog-footer{min-height:74px;padding:12px 16px max(12px,env(safe-area-inset-bottom))}.dialog-footer>span{display:none}.dialog-footer .button{width:100%}.session-header{grid-template-columns:40px minmax(0,1fr) 48px;min-height:66px;gap:10px;padding:0 14px}.session-main{width:calc(100% - 24px);padding:24px 0 110px}.study-card{min-height:460px;padding:20px 18px 22px;border-radius:20px}.study-prompt{min-height:195px}.study-title{flex-direction:column;gap:10px}.study-title h1{font-size:clamp(34px,11vw,48px)}.rating-panel{position:fixed;inset:auto 0 0;z-index:15;margin:0;padding:11px 12px max(12px,env(safe-area-inset-bottom));background:color-mix(in srgb,var(--canvas) 92%,transparent);border-top:1px solid var(--border-subtle);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.rating-panel>p{display:none}.rating-actions{gap:6px}.rating-button{grid-template-columns:1fr;min-height:58px;justify-items:center;gap:2px;padding:7px 4px;text-align:center}.rating-button>span{align-items:center}.rating-button small,.rating-button kbd{display:none}.session-action-single{position:fixed;inset:auto 0 0;z-index:15;padding:12px 16px max(12px,env(safe-area-inset-bottom));background:color-mix(in srgb,var(--canvas) 92%,transparent);border-top:1px solid var(--border-subtle);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.session-action-single .button{width:100%}.session-complete-shell{padding:16px}.session-complete{padding:34px 20px}.complete-stats{gap:5px}}@media(max-width:390px){.mobile-header{padding:0 14px}.main-content{padding-right:13px;padding-left:13px}.alphabet-filter{margin-right:-13px;padding-right:13px}.hero-content,.goal-ring-wrap{padding-right:21px;padding-left:21px}.theme-grid{grid-template-columns:1fr}.theme-card{display:grid;grid-template-columns:118px 1fr}.theme-preview{height:100%;min-height:90px;border-right:1px solid var(--border-subtle);border-bottom:0}.course-card-actions{grid-template-columns:78px 1fr}.profile-summary{gap:6px;padding:15px}.profile-identity h2{font-size:15px}.classic-theme-card{display:grid;grid-template-columns:1fr}.classic-mode-switch{grid-template-columns:1fr}.classic-theme-copy{padding:16px}.scenario-category-grid{grid-template-columns:1fr}.scenario-category-card{min-height:64px}.audio-preview-card{grid-template-columns:1fr}.audio-preview-card .button{width:100%}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}