*,:before,:after{box-sizing:border-box}*{margin:0;padding:0}html{-webkit-text-size-adjust:100%}body{min-height:100dvh;font-family:var(--font);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer;background:0 0;border:none}ul,ol{list-style:none}a{color:inherit}img,svg{display:block}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--font:-apple-system, BlinkMacSystemFont, "SF Pro Display", "SF Pro Text", "Segoe UI", Inter, system-ui, sans-serif;--fs-display:clamp(34px, 4.8vw, 56px);--fs-h1:clamp(28px, 3.4vw, 38px);--fs-title:clamp(22px, 2.6vw, 30px);--fs-section:clamp(18px, 1.8vw, 22px);--fs-body:16px;--fs-meta:13.5px;--fs-label:12px;--track-display:-.045em;--track-tight:-.02em;--bg-app:#f5f7fa;--bg-secondary:#edf1f6;--surface-primary:#fff;--surface-secondary:#f8fafc;--surface-raised:#fff;--surface-inset:#f1f4f8;--ink-primary:#101828;--ink-secondary:#344054;--ink-muted:#667085;--ink-faint:#98a2b3;--border-soft:#10182812;--border-medium:#1018281c;--border-default:#1018281f;--accent:#4668f2;--accent-hover:#3a5aea;--accent-active:#2f4dd8;--accent-soft:#eef1ff;--accent-ink:#2e48c8;--learning:#2e9e7b;--learning-hover:#27896a;--learning-soft:#e9f6f1;--learning-ink:#1f7a5a;--error:#d95c5c;--error-soft:#fceded;--error-ink:#b23b3b;--warning:#d49a38;--warning-soft:#fbf1df;--warning-ink:#8a5a12;--text-primary-light-bg:#101828;--text-secondary-light-bg:#344054;--text-muted-light-bg:#667085;--text-primary-dark-bg:#f5f7fa;--text-secondary-dark-bg:#d0d5dd;--text-muted-dark-bg:#98a2b3;--text-button-primary:#fff;--text-button-secondary:#101828;--text-success:#1f7a5a;--text-error:#b23b3b;--text-warning:#8a5a12;--on-accent:#fff;--on-learning:#fff;--radius-xs:8px;--radius-sm:10px;--radius-md:14px;--radius-lg:18px;--radius-xl:24px;--radius-pill:999px;--hi:#ffffffa6;--shadow-xs:0 1px 2px #1018280d;--shadow-sm:0 1px 2px #1018280d, 0 6px 16px #1018280f, inset 0 1px 0 var(--hi);--shadow-md:0 1px 2px #1018280a, 0 10px 28px #10182812, 0 28px 64px #1018280d, inset 0 1px 0 var(--hi);--shadow-lg:0 2px 4px #1018280a, 0 18px 44px #10182817, inset 0 1px 0 var(--hi);--shadow-glow:0 8px 30px #4668f22e;--s1:6px;--s2:10px;--s3:14px;--s4:20px;--s5:28px;--s6:40px;--s7:64px;--maxw:1140px;--dur:.2s;--ease:cubic-bezier(.2, .8, .2, 1)}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg-app:#0d121b;--bg-secondary:#111824;--surface-primary:#151d29;--surface-secondary:#192330;--surface-raised:#1d2938;--surface-inset:#101722;--ink-primary:#f5f7fa;--ink-secondary:#d0d5dd;--ink-muted:#98a2b3;--ink-faint:#6b7689;--border-soft:#ffffff0f;--border-medium:#ffffff1c;--border-default:#ffffff21;--accent:#7c93ff;--accent-hover:#93a6ff;--accent-active:#6e84f5;--accent-soft:#7c93ff24;--accent-ink:#aebeff;--learning:#5cc1a2;--learning-hover:#6fcbae;--learning-soft:#5cc1a221;--learning-ink:#8ad9c1;--error:#e57a7a;--error-soft:#d95c5c24;--error-ink:#f0a0a0;--warning:#e2ae5b;--warning-soft:#d49a3824;--warning-ink:#efc588;--text-button-primary:#fff;--text-button-secondary:#f5f7fa;--text-success:#8ad9c1;--text-error:#f0a0a0;--text-warning:#efc588;--on-accent:#fff;--on-learning:#052019;--hi:#ffffff0f;--shadow-xs:0 1px 0 var(--hi) inset, 0 1px 2px #00000059;--shadow-sm:0 1px 0 var(--hi) inset, 0 6px 18px #00000052;--shadow-md:0 1px 0 var(--hi) inset, 0 12px 32px #0000005c, 0 30px 74px #0000004d;--shadow-lg:0 1px 0 var(--hi) inset, 0 20px 50px #0000006b;--shadow-glow:0 10px 34px #7c93ff3d}}body{background:var(--bg-app);color:var(--ink-primary);font-size:var(--fs-body);letter-spacing:var(--track-tight);line-height:1.6;position:relative}body:before{content:"";pointer-events:none;z-index:0;background:radial-gradient(1200px 760px at 82% -8%,#4668f20f,#0000 60%),radial-gradient(900px 620px at 0 100%,#2e9e7b0b,#0000 55%);position:fixed;inset:0}@media (prefers-color-scheme:dark){body:before{background:radial-gradient(1300px 820px at 84% -12%,#7c93ff1f,#0000 58%),radial-gradient(1000px 700px at -5% 102%,#5cc1a217,#0000 55%),radial-gradient(900px 700px at 50% 120%,#4668f20d,#0000 60%)}}input::placeholder,textarea::placeholder{opacity:1;color:var(--ink-faint)}button:disabled,input:disabled,select:disabled{opacity:1;cursor:not-allowed}:focus-visible{outline:3px solid var(--accent);outline-offset:2px;border-radius:4px}.text-display{font-size:var(--fs-display);letter-spacing:var(--track-display);color:var(--ink-primary);font-weight:720;line-height:1.04}.text-h1{font-size:var(--fs-h1);letter-spacing:var(--track-tight);color:var(--ink-primary);font-weight:700;line-height:1.1}h1,h2,h3{letter-spacing:var(--track-tight);color:var(--ink-primary)}.eyebrow{font-size:var(--fs-label);letter-spacing:.14em;text-transform:uppercase;color:var(--accent-ink);margin-bottom:var(--s2);font-weight:650;display:inline-block}@media (prefers-color-scheme:dark){.eyebrow{color:var(--accent)}}.text-label{font-size:var(--fs-meta);color:var(--ink-secondary);font-weight:550}.btn-primary,.btn-secondary,.btn-ghost,.btn-text,.quiet-button{min-height:46px;letter-spacing:var(--track-tight);border-radius:var(--radius-sm);transition:transform var(--dur) var(--ease), background var(--dur) var(--ease), box-shadow var(--dur) var(--ease), border-color var(--dur) var(--ease);border:1px solid #0000;justify-content:center;align-items:center;gap:8px;padding:0 22px;font-size:15px;font-weight:600;display:inline-flex}.btn-primary{background:var(--accent);color:var(--on-accent);box-shadow:var(--shadow-glow), inset 0 1px 0 #ffffff38}.btn-primary:hover{background:var(--accent-hover);transform:translateY(-1px)}.btn-primary:active{background:var(--accent-active);transform:translateY(0)}.btn-primary:disabled{box-shadow:none;background:#93b0f2}.btn-secondary{background:var(--surface-primary);color:var(--text-button-secondary);border-color:var(--border-medium);box-shadow:var(--shadow-xs)}.btn-secondary:hover{border-color:var(--border-default);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.btn-ghost{color:var(--ink-secondary);background:0 0}.btn-ghost:hover{background:var(--surface-secondary);color:var(--ink-primary)}.btn-text{color:var(--accent-ink);background:0 0;min-height:38px;padding:0 10px;font-weight:600}.btn-text:hover{background:var(--accent-soft)}.quiet-button{background:var(--surface-primary);color:var(--ink-secondary);border-color:var(--border-medium);box-shadow:var(--shadow-xs)}.quiet-button.bordered{border-color:var(--border-default)}.quiet-button:hover{box-shadow:var(--shadow-sm);transform:translateY(-1px)}.wide{width:100%}.logo-lockup{align-items:center;gap:12px;display:inline-flex}.brandmark{letter-spacing:.02em;color:#fff;width:42px;height:42px;box-shadow:var(--shadow-glow), inset 0 1px 0 #ffffff4d;background:linear-gradient(150deg,#5b78f7,#3f55e6);border-radius:12px;flex:none;place-items:center;font-size:17px;font-weight:800;display:grid}.logo-lockup strong{letter-spacing:var(--track-tight);color:var(--ink-primary);font-size:16px;font-weight:700;line-height:1.15;display:block}.logo-lockup span{color:var(--ink-muted);letter-spacing:.01em;font-size:11.5px;font-weight:500;display:block}main,.app-frame{z-index:1;position:relative}.focus-shell{min-height:100dvh;padding:var(--s6) var(--s4);flex-direction:column;align-items:center;display:flex}.focus-header{width:100%;max-width:560px;margin-bottom:var(--s5);grid-template-columns:1fr auto 1fr;align-items:center;display:grid}.focus-header .back-button{justify-self:start}.focus-header .logo-lockup{justify-self:center}.focus-header span:last-child{justify-self:end}.intro-card{background:var(--surface-primary);border:1px solid var(--border-soft);border-radius:var(--radius-lg);width:100%;max-width:560px;box-shadow:var(--shadow-md);padding:var(--s6) var(--s5);text-align:center}.intro-card .text-h1{margin-bottom:var(--s3)}.intro-card p{color:var(--ink-secondary);margin-bottom:var(--s4)}.back-button{color:var(--ink-muted);border-radius:var(--radius-sm);align-items:center;gap:6px;padding:8px 12px;font-size:14px;font-weight:550;display:inline-flex}.back-button:hover{background:var(--surface-secondary);color:var(--ink-primary)}.loading-screen{place-content:center;justify-items:center;gap:18px;min-height:100dvh;display:grid}.loading-screen .brandmark{width:64px;height:64px;animation:pulse 2.4s var(--ease) infinite;border-radius:18px;font-size:24px}.loading-screen p{color:var(--ink-muted);font-size:14px}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.85;transform:scale(1.04)}}.welcome-shell{width:100%;max-width:1080px;min-height:100dvh;padding:var(--s6) var(--s4) var(--s7);align-items:center;gap:var(--s5);flex-direction:column;margin:0 auto;display:flex}.brandbar{justify-content:center;align-items:center;gap:12px;width:100%;display:flex}.welcome-mentor{object-fit:cover;width:108px;height:108px;margin-bottom:var(--s3);box-shadow:var(--shadow-md), 0 14px 40px #4668f23d;border:1px solid #ffffff80;border-radius:28px}@media (prefers-color-scheme:dark){.welcome-mentor{box-shadow:var(--shadow-md), 0 14px 40px #7c93ff38;border-color:#ffffff14}}.welcome-copy{text-align:center;max-width:660px;margin:var(--s2) auto 0;flex-direction:column;align-items:center;display:flex}.welcome-copy .eyebrow{color:var(--learning-ink)}@media (prefers-color-scheme:dark){.welcome-copy .eyebrow{color:var(--learning)}}.welcome-copy .text-display{margin-bottom:var(--s3)}.welcome-copy p{color:var(--ink-secondary);max-width:520px;margin:0 auto;font-size:17px}.profile-grid{gap:var(--s4);width:100%;max-width:960px;margin-top:var(--s3);grid-template-columns:repeat(3,1fr);display:grid}@media (width<=760px){.profile-grid{grid-template-columns:1fr;max-width:420px}}.profile-card{text-align:left;padding:30px var(--s5);background:var(--surface-primary);border:1px solid var(--border-soft);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);transition:transform var(--dur) var(--ease), box-shadow var(--dur) var(--ease), border-color var(--dur) var(--ease);flex-direction:column;align-items:flex-start;gap:0;display:flex}.profile-card:hover{box-shadow:var(--shadow-md);border-color:var(--border-medium);transform:translateY(-4px)}.profile-card:active{transform:translateY(-1px)}.profile-card .avatar{width:66px;height:66px;margin-bottom:var(--s3);border-radius:var(--radius-lg);transition:transform var(--dur) var(--ease);font-size:24px}.profile-card:hover .avatar{transform:scale(1.04)}.profile-name{color:var(--ink-primary);letter-spacing:var(--track-tight);font-size:20px;font-weight:700}.profile-note{color:var(--ink-muted);margin-top:2px;font-size:13px}.continue-label{color:var(--ink-secondary);background:var(--surface-secondary);border:1px solid var(--border-soft);border-radius:var(--radius-pill);transition:background var(--dur) var(--ease), color var(--dur) var(--ease), border-color var(--dur) var(--ease), box-shadow var(--dur) var(--ease);align-items:center;gap:8px;margin-top:auto;padding:9px 16px;font-size:13.5px;font-weight:640;display:inline-flex}.profile-card:hover .continue-label{background:var(--accent);color:#fff;box-shadow:var(--shadow-glow);border-color:#0000;gap:10px}.continue-label b{transition:transform var(--dur) var(--ease);font-weight:700}.profile-card:hover .continue-label b{transform:translate(3px)}.privacy-note{margin:var(--s4) auto 0;max-width:560px;padding:var(--s3) var(--s4);background:var(--surface-secondary);border:1px solid var(--border-soft);border-radius:var(--radius-md);align-items:center;gap:14px;display:flex}.privacy-note span{color:var(--learning);font-size:20px}.privacy-note p{color:var(--ink-secondary);font-size:13.5px;line-height:1.5}.privacy-note strong{color:var(--ink-primary)}.avatar{color:#fff;letter-spacing:.01em;border-radius:var(--radius-md);flex:none;place-items:center;font-weight:720;display:grid;position:relative;box-shadow:inset 0 1px #ffffff47,0 6px 16px #1018281f}.avatar.mint{background:linear-gradient(150deg,#84c2ab,#5e9e86)}.avatar.coral{background:linear-gradient(150deg,#eba98f,#d9856e)}.avatar.violet{background:linear-gradient(150deg,#b49ae6,#9276c9)}.avatar.blue{background:linear-gradient(150deg,#7c93ff,#4f6ef7)}.avatar.small{border-radius:var(--radius-sm);width:36px;height:36px;font-size:14px}.avatar.tiny{border-radius:var(--radius-sm);width:34px;height:34px;font-size:13px}.app-frame{grid-template-columns:268px 1fr;min-height:100dvh;display:grid}.sidebar{align-self:start;gap:var(--s3);height:100dvh;padding:var(--s5) var(--s4);background:var(--surface-primary);border-right:1px solid var(--border-soft);flex-direction:column;display:flex;position:sticky;top:0}.current-profile{padding:var(--s2) var(--s3);background:var(--surface-secondary);border:1px solid var(--border-soft);border-radius:var(--radius-md);align-items:center;gap:12px;margin-top:6px;display:flex}.current-profile b{color:var(--ink-primary);font-size:14.5px;font-weight:650;display:block}.current-profile small{color:var(--ink-muted);font-size:11.5px}.current-profile button{color:var(--ink-muted)}.sidebar nav{margin-top:var(--s2);flex-direction:column;gap:2px;display:flex}.sidebar nav button,.side-secondary button{border-radius:var(--radius-sm);color:var(--ink-secondary);transition:background var(--dur) var(--ease), color var(--dur) var(--ease);align-items:center;gap:12px;padding:11px 14px;font-size:14.5px;font-weight:550;display:flex}.sidebar nav button span,.side-secondary button span{text-align:center;opacity:.85;width:22px;font-size:17px}.sidebar nav button:hover,.side-secondary button:hover{background:var(--surface-secondary);color:var(--ink-primary)}.sidebar nav button.active,.side-secondary button.active{background:var(--accent-soft);color:var(--accent-ink);font-weight:650}@media (prefers-color-scheme:dark){.sidebar nav button.active,.side-secondary button.active{color:var(--accent)}}.sidebar nav button em{background:var(--accent);color:#fff;border-radius:var(--radius-pill);place-items:center;min-width:22px;height:22px;margin-left:auto;padding:0 6px;font-size:12px;font-style:normal;font-weight:700;display:grid}.side-secondary{flex-direction:column;gap:2px;margin-top:auto;display:flex}.offline-badge{margin-top:var(--s3);color:var(--learning-ink);background:var(--learning-soft);border-radius:var(--radius-pill);text-align:center;border:1px solid #2e9e7b2e;padding:6px 10px;font-size:11.5px;font-weight:600}@media (prefers-color-scheme:dark){.offline-badge{color:var(--learning)}}.app-content{min-width:0;padding:var(--s5) var(--s6) var(--s7)}.mobile-top,.bottom-nav{display:none}.page-wrap{gap:var(--s5);flex-direction:column;max-width:1000px;margin:0 auto;display:flex}.page-head{justify-content:space-between;align-items:flex-end;gap:var(--s4);margin-bottom:var(--s1);display:flex}.page-head>div span{font-size:var(--fs-label);letter-spacing:.12em;text-transform:uppercase;color:var(--ink-faint);margin-bottom:6px;font-weight:600;display:block}.page-head h1{font-size:var(--fs-title);letter-spacing:var(--track-tight);font-weight:700}.streak{align-items:baseline;gap:6px;display:inline-flex}.streak span{color:var(--learning);font-size:18px}.streak b{color:var(--ink-primary);font-size:22px;font-weight:720}.streak small{color:var(--ink-muted);font-size:12px}.teacher-hero{padding:30px var(--s5);background:var(--surface-primary);border:1px solid var(--border-soft);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);grid-template-columns:auto 1fr auto;align-items:center;gap:26px;display:grid;position:relative;overflow:hidden}.teacher-hero:after{content:"";pointer-events:none;background:radial-gradient(140% 160% at 100% 0,#4668f21f,#0000 52%),linear-gradient(90deg,#2e9e7b0f,#0000 32%);position:absolute;inset:0}.teacher-orb{color:#fff;width:76px;height:76px;box-shadow:var(--shadow-glow), inset 0 1px 0 #ffffff52;background:linear-gradient(150deg,#6b85f9,#3f55e6);border-radius:22px;flex:none;place-items:center;font-size:28px;font-weight:780;display:grid}.hero-copy span{font-size:var(--fs-label);letter-spacing:.12em;text-transform:uppercase;color:var(--accent-ink);margin-bottom:8px;font-weight:650;display:block}@media (prefers-color-scheme:dark){.hero-copy span{color:var(--accent)}}.hero-copy h2{letter-spacing:var(--track-tight);margin-bottom:8px;font-size:clamp(20px,2.2vw,27px);font-weight:700}.hero-copy p{color:var(--ink-secondary);max-width:620px;font-size:15px}.hero-tags{flex-wrap:wrap;gap:8px;margin:16px 0;display:flex}.hero-tags b{color:var(--ink-secondary);background:var(--surface-secondary);border:1px solid var(--border-soft);border-radius:var(--radius-pill);padding:6px 12px;font-size:12.5px;font-weight:600}.hero-ring{text-align:center;background:conic-gradient(var(--accent) 0 72%, var(--border-soft) 72% 100%);border-radius:50%;flex:none;place-content:center;width:96px;height:96px;display:grid;-webkit-mask:radial-gradient(30px,#0000 98%,#000 100%);mask:radial-gradient(30px,#0000 98%,#000 100%)}.hero-ring strong{color:var(--ink-primary);grid-area:1/1;align-self:center;font-size:22px;font-weight:760}.hero-ring span{color:var(--ink-muted);grid-area:1/1;align-self:end;font-size:10.5px;transform:translateY(16px)}.light-button{min-height:46px;color:var(--on-accent);background:var(--accent);border-radius:var(--radius-sm);box-shadow:var(--shadow-glow), inset 0 1px 0 #ffffff38;transition:transform var(--dur) var(--ease), background var(--dur) var(--ease);align-self:flex-start;align-items:center;gap:8px;padding:0 22px;font-size:15px;font-weight:600;display:inline-flex}.light-button:hover{background:var(--accent-hover);transform:translateY(-1px)}.dashboard-grid{gap:var(--s4);grid-template-columns:1.1fr 1fr;display:grid}.panel{background:var(--surface-primary);border:1px solid var(--border-soft);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:var(--s4) var(--s5)}.panel-title{justify-content:space-between;align-items:flex-start;gap:var(--s3);margin-bottom:var(--s3);display:flex}.panel-title span{font-size:var(--fs-label);letter-spacing:.12em;text-transform:uppercase;color:var(--ink-faint);margin-bottom:4px;font-weight:650;display:block}.panel-title h3{letter-spacing:var(--track-tight);font-size:16px;font-weight:650}.panel-title small{color:var(--ink-muted);font-size:12px}.plan-panel{background:linear-gradient(180deg, var(--accent-soft), var(--surface-primary) 70%)}@media (prefers-color-scheme:dark){.plan-panel{background:linear-gradient(180deg, #7c93ff1a, var(--surface-primary) 72%)}}.plan-row{text-align:left;border-radius:var(--radius-md);background:var(--surface-primary);border:1px solid var(--border-soft);width:100%;transition:transform var(--dur) var(--ease), border-color var(--dur) var(--ease), box-shadow var(--dur) var(--ease);align-items:center;gap:14px;padding:16px;display:flex}.plan-row+.plan-row{margin-top:10px}.plan-row:hover{border-color:var(--border-medium);box-shadow:var(--shadow-sm);transform:translateY(-2px)}.plan-row i{color:#fff;border-radius:11px;flex:none;place-items:center;width:38px;height:38px;font-size:16px;display:grid}.plan-row i.mint-dot{background:linear-gradient(150deg,#84c2ab,#5e9e86)}.plan-row i.blue-dot{background:linear-gradient(150deg,#7c93ff,#4f6ef7)}.plan-row i.coral-dot{background:linear-gradient(150deg,#eba98f,#d9856e)}.plan-row div{flex:1;min-width:0}.plan-row b{color:var(--ink-primary);font-size:15px;font-weight:640;display:block}.plan-row span{color:var(--ink-muted);font-size:13px}.plan-row em{color:var(--ink-muted);font-size:12.5px;font-style:normal;font-weight:600}.plan-row strong{color:var(--accent);transition:transform var(--dur) var(--ease);font-size:18px}.plan-row:hover strong{transform:translate(3px)}.skill-bars{flex-direction:column;gap:12px;display:flex}.skill-bars>div{grid-template-columns:130px 1fr 44px;align-items:center;gap:12px;display:grid}.skill-bars span{color:var(--ink-secondary);font-size:13px}.skill-bars i{border-radius:var(--radius-pill);background:var(--surface-inset);height:8px;overflow:hidden}.skill-bars i b{border-radius:var(--radius-pill);background:linear-gradient(90deg,#5b78f7,#3f55e6);height:100%;display:block}.skill-bars strong{color:var(--ink-primary);text-align:right;font-size:13px;font-weight:650}.memory-strip{padding:var(--s4) var(--s5);background:var(--surface-secondary);border:1px solid var(--border-soft);border-radius:var(--radius-lg);align-items:center;gap:16px;display:flex}.memory-strip>div{flex:1}.memory-strip span{color:var(--accent);font-size:20px}.memory-strip p{color:var(--ink-secondary);font-size:14px;line-height:1.5}.memory-strip b{color:var(--ink-primary)}.memory-strip button{color:var(--accent-ink);border-radius:var(--radius-sm);background:var(--surface-primary);border:1px solid var(--border-medium);flex:none;padding:10px 16px;font-size:14px;font-weight:600}@media (prefers-color-scheme:dark){.memory-strip button{color:var(--accent)}}.memory-strip button:hover{border-color:var(--accent)}.lesson-page{max-width:760px}.lesson-counter,.assessment-step{color:var(--ink-muted);background:var(--surface-secondary);border:1px solid var(--border-soft);border-radius:var(--radius-pill);padding:6px 12px;font-size:13px;font-weight:600}.progress-track{border-radius:var(--radius-pill);background:var(--surface-inset);height:6px;overflow:hidden}.progress-track.thick{height:8px}.progress-track span{border-radius:var(--radius-pill);height:100%;transition:width var(--dur) var(--ease);background:linear-gradient(90deg,#5b78f7,#3f55e6);display:block}.lesson-progress{margin:4px 0 8px}.lesson-card{background:var(--surface-primary);border:1px solid var(--border-soft);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);padding:var(--s6) var(--s5)}.step-type{font-size:var(--fs-label);letter-spacing:.14em;text-transform:uppercase;color:var(--accent-ink);background:var(--accent-soft);border-radius:var(--radius-pill);margin-bottom:var(--s3);padding:6px 12px;font-weight:700;display:inline-block}@media (prefers-color-scheme:dark){.step-type{color:var(--accent)}}.lesson-card h2{letter-spacing:var(--track-tight);margin-bottom:var(--s2);font-size:clamp(22px,2.6vw,30px);font-weight:700;line-height:1.25}.translation{color:var(--ink-secondary);margin-bottom:var(--s4);font-size:17px}.explain-box{background:var(--surface-secondary);border:1px solid var(--border-soft);border-radius:var(--radius-md);padding:var(--s4);margin:var(--s3) 0}.explain-box b{color:var(--accent-ink);margin-bottom:6px;font-size:14px;font-weight:680;display:block}@media (prefers-color-scheme:dark){.explain-box b{color:var(--accent)}}.explain-box p{color:var(--ink-secondary);font-size:14.5px;line-height:1.6}.contrast-mini{flex-wrap:wrap;gap:10px;margin-top:12px;display:flex}.contrast-mini span{color:var(--ink-primary);background:var(--surface-primary);border:1px solid var(--border-soft);border-radius:var(--radius-sm);flex-direction:column;padding:8px 12px;font-size:14px;display:flex}.contrast-mini small{color:var(--ink-muted);margin-bottom:2px;font-size:11px}.hint-box{color:var(--ink-secondary);background:var(--learning-soft);border-radius:var(--radius-sm);margin:var(--s3) 0;border:1px solid #2e9e7b2e;padding:12px 14px;font-size:14px}@media (prefers-color-scheme:dark){.hint-box{color:var(--learning-ink)}}.lesson-actions{margin-top:var(--s4);gap:12px;display:flex}.lesson-actions .btn-primary,.lesson-actions .btn-ghost{flex:1}.lesson-support{flex-wrap:wrap;gap:10px;display:flex}.lesson-support button{color:var(--ink-muted);background:var(--surface-secondary);border:1px solid var(--border-soft);border-radius:var(--radius-sm);transition:color var(--dur), border-color var(--dur);padding:10px 14px;font-size:13.5px}.lesson-support button:hover{color:var(--ink-primary);border-color:var(--border-medium)}.contrast-library{background:var(--surface-primary);border:1px solid var(--border-soft);border-radius:var(--radius-lg);padding:var(--s4) var(--s5)}.contrast-library details{border-top:1px solid var(--border-soft);padding:12px 0}.contrast-library summary{color:var(--ink-primary);cursor:pointer;justify-content:space-between;align-items:center;font-size:15px;font-weight:600;display:flex}.contrast-library summary span{color:var(--ink-muted)}.contrast-library .wrong-line{color:var(--error-ink)}.contrast-library .right-line{color:var(--learning-ink)}@media (prefers-color-scheme:dark){.contrast-library .right-line{color:var(--learning)}}.contrast-library p{margin-top:6px;font-size:14px;line-height:1.6}.option-stack{margin:var(--s3) 0;flex-direction:column;gap:10px;display:flex}.option-stack button{text-align:left;width:100%;color:var(--ink-primary);background:var(--surface-secondary);border:1px solid var(--border-soft);border-radius:var(--radius-md);transition:border-color var(--dur), background var(--dur), transform var(--dur);justify-content:space-between;align-items:center;padding:14px 18px;font-size:15px;display:flex}.option-stack button span{color:var(--ink-faint)}.option-stack button:hover{border-color:var(--border-medium);transform:translateY(-1px)}.option-stack button.chosen{border-color:var(--accent);background:var(--accent-soft);color:var(--accent-ink)}@media (prefers-color-scheme:dark){.option-stack button.chosen{color:var(--accent)}}.answer-input{width:100%;color:var(--ink-primary);background:var(--surface-primary);border:1px solid var(--border-medium);border-radius:var(--radius-md);transition:border-color var(--dur), box-shadow var(--dur);padding:14px 16px;font-size:16px}.answer-input.large{padding:18px 20px;font-size:18px}.answer-input:focus{border-color:var(--accent);box-shadow:0 0 0 4px var(--accent-soft);outline:none}.question-actions{margin-top:var(--s4);gap:12px;display:flex}.question-actions>*,.question-actions span{flex:1}.audio-button,.mic-button,.sound-pulse,.mic-assessment,.real-mic button{justify-content:center;align-items:center;gap:10px;display:inline-flex}.audio-button{color:var(--ink-secondary);background:var(--surface-primary);border:1px solid var(--border-medium);border-radius:var(--radius-sm);transition:border-color var(--dur), transform var(--dur), color var(--dur);padding:12px 18px;font-size:14px;font-weight:600}.audio-button:hover{border-color:var(--accent);color:var(--accent-ink);transform:translateY(-1px)}.audio-button.big{padding:16px 24px;font-size:15px}.audio-button span{font-size:13px}.speech-box{flex-direction:column;align-items:flex-start;gap:14px;display:flex}.mic-button{text-align:center;width:100%;max-width:360px;margin:var(--s2) auto;padding:var(--s5);background:var(--surface-secondary);border:1px solid var(--border-soft);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);flex-direction:column;align-items:center;gap:14px}.mic-button button,.mic-assessment,.real-mic button{color:#fff;width:92px;height:92px;box-shadow:var(--shadow-glow), inset 0 1px 0 #ffffff52, 0 0 0 10px #4668f214;transition:transform var(--dur) var(--ease), box-shadow var(--dur) var(--ease);background:linear-gradient(150deg,#6b85f9,#3f55e6);border-radius:50%;flex:none;place-items:center;font-size:32px;display:grid}.mic-button span,.real-mic div b{color:var(--ink-primary);font-size:14px;font-weight:600;display:block}.mic-button span{color:var(--ink-muted);font-weight:500}.mic-button button:hover,.mic-assessment:hover,.real-mic button:hover{transform:translateY(-2px)}.mic-button.recording button,.mic-assessment.recording,.real-mic.recording button{animation:micpulse 1.6s var(--ease) infinite;background:linear-gradient(150deg,#e57a7a,#d95c5c)}@keyframes micpulse{0%,to{box-shadow:0 0 #d95c5c66,0 0 0 10px #d95c5c12}50%{box-shadow:0 0 0 20px #d95c5c00,0 0 0 10px #d95c5c00}}.placement-speaking{margin:var(--s3) 0;flex-direction:column;align-items:flex-start;gap:10px;display:flex}.mic-assessment{border-radius:var(--radius-pill);width:auto;height:52px;padding:0 26px;font-size:15px;font-weight:600}.speech-unavailable{background:var(--warning-soft);border-radius:var(--radius-md);padding:var(--s3);border:1px solid #d49a3840}.speech-unavailable b{color:var(--warning-ink);margin-bottom:4px;display:block}.speech-unavailable p{color:var(--ink-secondary);font-size:13.5px}.teacher-feedback,.inline-feedback{border-radius:var(--radius-md);padding:var(--s3) var(--s4);margin:var(--s3) 0;border-left:3px solid var(--border-medium);background:var(--surface-secondary)}.teacher-feedback b{color:var(--ink-primary);font-size:14.5px;font-weight:650;display:block}.teacher-feedback p{color:var(--ink-secondary);margin-top:4px;font-size:13.5px;line-height:1.55}.teacher-feedback.correct{border-left-color:var(--learning);background:var(--learning-soft)}.teacher-feedback.correct b{color:var(--learning-ink)}@media (prefers-color-scheme:dark){.teacher-feedback.correct b{color:var(--learning)}}.teacher-feedback.wrong{border-left-color:var(--error);background:var(--error-soft)}.teacher-feedback.wrong b{color:var(--error-ink)}.inline-feedback.correct{border-left-color:var(--learning);background:var(--learning-soft);color:var(--learning-ink);font-size:14px}@media (prefers-color-scheme:dark){.inline-feedback.correct{color:var(--learning)}}.inline-feedback.partial{border-left-color:var(--warning);background:var(--warning-soft);color:var(--warning-ink);font-size:14px}.listening-card,.question-card,.speech-conversation,.conversation-card{background:var(--surface-primary);border:1px solid var(--border-soft);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);padding:var(--s5)}.question-meta{margin-bottom:var(--s3);align-items:center;gap:10px;display:flex}.question-meta span{font-size:var(--fs-label);letter-spacing:.1em;text-transform:uppercase;color:var(--accent-ink);font-weight:650}@media (prefers-color-scheme:dark){.question-meta span{color:var(--accent)}}.question-meta b{color:var(--ink-muted);background:var(--surface-secondary);border-radius:var(--radius-pill);padding:4px 10px;font-size:12px;font-weight:650}.instruction{color:var(--ink-secondary);margin-bottom:var(--s2);font-size:16px}.question-card .instruction{margin-bottom:var(--s3)}.dictionary-test-word{letter-spacing:var(--track-tight);margin:var(--s2) 0 var(--s4);font-size:clamp(26px,3.4vw,38px);font-weight:720}.sound-pulse{border-radius:var(--radius-lg);background:var(--accent-soft);color:var(--accent-ink);transition:transform var(--dur), background var(--dur);align-items:center;gap:16px;padding:18px 26px;font-size:15px;font-weight:600;display:inline-flex}@media (prefers-color-scheme:dark){.sound-pulse{color:var(--accent)}}.sound-pulse i{background:var(--accent);color:#fff;width:46px;height:46px;box-shadow:var(--shadow-glow);border-radius:50%;place-items:center;font-size:18px;font-style:normal;display:grid}.sound-pulse:hover{transform:translateY(-2px)}.sound-pulse.played{background:var(--surface-secondary);color:var(--ink-secondary)}.sound-pulse.played i{background:var(--surface-primary);color:var(--accent);border:1px solid var(--border-medium);box-shadow:none}.listening-response{margin-top:var(--s4);padding:var(--s4);background:var(--surface-secondary);border:1px solid var(--border-soft);border-radius:var(--radius-md)}.listening-response b{color:var(--learning-ink);text-transform:uppercase;letter-spacing:.1em;margin-bottom:6px;font-size:13px;font-weight:650;display:block}@media (prefers-color-scheme:dark){.listening-response b{color:var(--learning)}}.listening-response p{color:var(--ink-primary);margin-bottom:var(--s3);font-size:16px}.speed-control{color:var(--ink-secondary);background:var(--surface-secondary);border:1px solid var(--border-soft);border-radius:var(--radius-pill);align-items:center;gap:6px;padding:8px 14px;font-size:14px;font-weight:600;display:inline-flex}.speech-teacher-page{max-width:920px}.speech-engine-bar{padding:var(--s3) var(--s4);background:var(--surface-secondary);border:1px solid var(--border-soft);border-radius:var(--radius-md);justify-content:space-between;align-items:center;gap:16px;display:flex}.speech-engine-bar b{color:var(--ink-primary);font-size:14px}.speech-engine-bar span{color:var(--ink-muted);font-size:12.5px;display:block}.speech-engine-bar select{border-radius:var(--radius-sm);border:1px solid var(--border-medium);background:var(--surface-primary);color:var(--ink-primary);padding:10px 14px;font-size:14px}.model-download{padding:var(--s4);background:var(--learning-soft);border-radius:var(--radius-md);border:1px solid #2e9e7b33}.model-download b{color:var(--learning-ink);margin-bottom:6px;display:block}@media (prefers-color-scheme:dark){.model-download b{color:var(--learning)}}.model-download p{color:var(--ink-secondary);margin-bottom:12px;font-size:13.5px;line-height:1.55}.download-progress{border-radius:var(--radius-pill);background:var(--surface-primary);height:8px;overflow:hidden}.download-progress span{background:linear-gradient(90deg,#5b78f7,#3f55e6);height:100%;display:block}.model-download small{color:var(--ink-muted);margin-top:8px;font-size:12px;display:block}.scenario-switch{justify-content:space-between;align-items:flex-start;gap:var(--s3);margin-bottom:var(--s3);display:flex}.scenario-label{font-size:var(--fs-label);letter-spacing:.1em;text-transform:uppercase;color:var(--accent-ink);margin-bottom:6px;font-weight:650;display:block}@media (prefers-color-scheme:dark){.scenario-label{color:var(--accent)}}.scenario-switch h2{letter-spacing:var(--track-tight);font-size:20px;font-weight:700}.scenario-switch p{color:var(--ink-secondary);max-width:520px;margin-top:4px;font-size:14px}.scenario-switch select{border-radius:var(--radius-sm);border:1px solid var(--border-medium);background:var(--surface-primary);color:var(--ink-primary);align-self:center;padding:10px 14px;font-size:14px}.tts-controls{margin-bottom:var(--s3);align-items:center;gap:8px;display:flex}.tts-controls span{color:var(--ink-muted);margin-right:4px;font-size:13px}.tts-controls button{border-radius:var(--radius-sm);border:1px solid var(--border-soft);background:var(--surface-secondary);min-width:44px;height:38px;color:var(--ink-secondary);transition:all var(--dur);font-size:13.5px;font-weight:600}.tts-controls button.active{background:var(--accent-soft);color:var(--accent-ink);border-color:#0000}@media (prefers-color-scheme:dark){.tts-controls button.active{color:var(--accent)}}.conversation-transcript{padding:var(--s4);background:var(--surface-secondary);border:1px solid var(--border-soft);border-radius:var(--radius-md);flex-direction:column;gap:12px;max-height:360px;display:flex;overflow-y:auto}.turn{flex-direction:column;gap:4px;max-width:86%;display:flex}.turn span{letter-spacing:.08em;text-transform:uppercase;color:var(--ink-faint);font-size:11px;font-weight:650}.turn p{border-radius:var(--radius-md);padding:12px 16px;font-size:15px;line-height:1.55}.turn.teacher{align-self:flex-start}.turn.teacher p{background:var(--surface-primary);border:1px solid var(--border-soft);color:var(--ink-primary);border-bottom-left-radius:4px}.turn.you{align-self:flex-end;align-items:flex-end}.turn.you p{background:var(--accent);color:#fff;border-bottom-right-radius:4px}.turn.teacher button{color:var(--accent-ink);border-radius:var(--radius-sm);background:0 0;align-self:flex-start;padding:4px 8px;font-size:12px}@media (prefers-color-scheme:dark){.turn.teacher button{color:var(--accent)}}.beginner-support{margin-top:var(--s3);padding:var(--s3) var(--s4);background:var(--learning-soft);border-radius:var(--radius-md);border:1px solid #2e9e7b33}.beginner-support b{color:var(--learning-ink);margin-bottom:4px;font-size:13px;display:block}@media (prefers-color-scheme:dark){.beginner-support b{color:var(--learning)}}.beginner-support p{color:var(--ink-secondary);font-size:14px;line-height:1.55}.real-mic{margin:var(--s3) 0;padding:var(--s3) var(--s4);background:var(--surface-secondary);border:1px solid var(--border-soft);border-radius:var(--radius-md);align-items:center;gap:16px;display:flex}.real-mic div{flex-direction:column;display:flex}.real-mic div b{color:var(--ink-primary);font-size:14.5px}.real-mic div span{color:var(--ink-muted);font-size:12.5px}.speech-analysis{margin-top:var(--s3);padding:var(--s4);background:var(--surface-primary);border:1px solid var(--border-soft);border-radius:var(--radius-md)}.heard-transcript{margin-bottom:var(--s3)}.heard-transcript small{letter-spacing:.1em;text-transform:uppercase;color:var(--ink-faint);font-size:11px;font-weight:650}.heard-transcript p{color:var(--ink-primary);margin:6px 0;font-size:17px;font-style:italic}.heard-transcript span{color:var(--ink-muted);font-size:12.5px}.analysis-grid{margin-bottom:var(--s3);grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.analysis-grid p{background:var(--surface-secondary);border-radius:var(--radius-sm);flex-direction:column;gap:2px;padding:10px 12px;display:flex}.analysis-grid span{color:var(--ink-muted);font-size:11.5px}.analysis-grid b{color:var(--ink-primary);font-size:14px;font-weight:650}.speech-footer{margin-top:var(--s3);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.speech-footer p{color:var(--ink-muted);font-size:13.5px}.speech-footer b{color:var(--ink-primary)}.privacy-speech{padding:var(--s3) var(--s4);background:var(--surface-secondary);border:1px solid var(--border-soft);border-radius:var(--radius-md)}.privacy-speech b{color:var(--ink-primary);font-size:13.5px}.privacy-speech p{color:var(--ink-secondary);margin-top:4px;font-size:13px;line-height:1.55}.speech-diagnostics{padding:var(--s4);background:var(--surface-primary);border:1px solid var(--border-soft);border-radius:var(--radius-md)}.speech-diagnostics p{border-bottom:1px solid var(--border-soft);justify-content:space-between;gap:12px;padding:8px 0;font-size:13.5px;display:flex}.speech-diagnostics b{color:var(--ink-muted);font-weight:650}.speech-diagnostics span{color:var(--ink-primary);text-align:right}.speech-diagnostics small{color:var(--ink-muted);margin-top:8px;font-size:12.5px;line-height:1.5;display:block}.dictionary-count{text-align:right}.dictionary-count b{color:var(--ink-primary);font-size:22px;font-weight:720;display:block}.dictionary-count span{color:var(--ink-muted);font-size:12px}.dictionary-tools{flex-direction:column;gap:12px;display:flex}.dictionary-tools label{display:block}.dictionary-tools input{background:var(--surface-primary);border:1px solid var(--border-medium);border-radius:var(--radius-md);width:100%;color:var(--ink-primary);padding:14px 18px;font-size:15px}.dictionary-tools input:focus{border-color:var(--accent);box-shadow:0 0 0 4px var(--accent-soft);outline:none}.filter-row{flex-wrap:wrap;gap:8px;display:flex}.filter-row button{color:var(--ink-secondary);border-radius:var(--radius-pill);background:var(--surface-secondary);border:1px solid var(--border-soft);transition:all var(--dur);padding:7px 13px;font-size:13px;font-weight:550}.filter-row button:hover{border-color:var(--border-medium);color:var(--ink-primary)}.filter-row button.active{background:var(--accent);color:#fff;border-color:#0000}.dictionary-layout{gap:var(--s4);grid-template-columns:1fr 1.2fr;align-items:start;display:grid}.word-list{flex-direction:column;gap:2px;display:flex}.word-list button{text-align:left;border:1px solid #0000;border-bottom:1px solid var(--border-soft);border-radius:var(--radius-sm);transition:background var(--dur), border-color var(--dur);background:0 0;grid-template-columns:1fr auto auto;align-items:center;gap:4px 12px;padding:14px;display:grid}.word-list button:hover{background:var(--surface-secondary);border-color:var(--border-soft)}.word-list button.selected{background:var(--accent-soft);border-radius:var(--radius-md);border-color:#0000}.word-list b{color:var(--ink-primary);font-size:15.5px;font-weight:650}.word-list span{color:var(--ink-muted);font-size:12px}.word-list p{color:var(--ink-secondary);grid-column:1/3;font-size:13px}.word-list em{border-radius:var(--radius-pill);text-transform:uppercase;letter-spacing:.04em;grid-row:1/3;align-self:center;padding:4px 9px;font-size:11px;font-style:normal;font-weight:650}.word-list em.new{background:var(--surface-inset);color:var(--ink-muted)}.word-list em.learning{background:var(--warning-soft);color:var(--warning-ink)}.word-list em.familiar{background:var(--accent-soft);color:var(--accent-ink)}.word-list em.mastered{background:var(--learning-soft);color:var(--learning-ink)}@media (prefers-color-scheme:dark){.word-list em.familiar{color:var(--accent)}.word-list em.mastered{color:var(--learning)}}.word-list strong{color:var(--ink-faint);grid-row:1/3;align-self:center;font-size:18px}.empty-state{padding:var(--s5);text-align:center;color:var(--ink-muted);background:var(--surface-secondary);border:1px dashed var(--border-medium);border-radius:var(--radius-md)}.word-detail{top:var(--s4);padding:var(--s5);background:var(--surface-primary);border:1px solid var(--border-soft);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);position:sticky}.detail-head{margin-bottom:var(--s3);justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.detail-head span{color:var(--ink-muted);font-size:12px}.detail-head h2{letter-spacing:var(--track-tight);font-size:26px;font-weight:720}.detail-head p{color:var(--ink-muted);font-size:14px}.detail-head .speaker,.detail-head .favourite{border-radius:var(--radius-sm);border:1px solid var(--border-medium);background:var(--surface-secondary);width:40px;height:40px;color:var(--ink-secondary);flex:none;font-size:15px}.detail-head .favourite.active{color:var(--warning);border-color:var(--warning);background:var(--warning-soft)}.detail-head>div:last-child{gap:8px;display:flex}.meaning{margin-bottom:var(--s3)}.meaning small,.pattern small,.examples small,.mastery-details small{letter-spacing:.1em;text-transform:uppercase;color:var(--ink-faint);margin-bottom:6px;font-size:11px;font-weight:650;display:block}.meaning h3{color:var(--ink-primary);font-size:19px;font-weight:650}.pattern{padding:var(--s3) 0;border-top:1px solid var(--border-soft)}.pattern b{color:var(--ink-primary);font-size:15px}.examples{padding-top:var(--s3);border-top:1px solid var(--border-soft);flex-direction:column;gap:10px;display:flex}.examples p{flex-direction:column;gap:2px;display:flex}.examples b{color:var(--ink-primary);font-size:15px;font-weight:500}.examples span{color:var(--ink-muted);font-size:13.5px}.canada-note{margin-top:var(--s3);background:var(--learning-soft);border-radius:var(--radius-sm);border:1px solid #2e9e7b2e;padding:12px 14px}.canada-note b{color:var(--learning-ink);font-size:13.5px}@media (prefers-color-scheme:dark){.canada-note b{color:var(--learning)}}.canada-note p{color:var(--ink-secondary);margin-top:4px;font-size:13px}.detail-empty{min-height:280px;color:var(--ink-muted);text-align:center;place-content:center;justify-items:center;gap:10px;display:grid}.detail-empty span{width:64px;height:64px;color:var(--accent);background:var(--accent-soft);border-radius:18px;place-items:center;font-size:24px;font-weight:700;display:grid}@media (prefers-color-scheme:dark){.detail-empty span{color:var(--accent)}}.detail-empty h3{color:var(--ink-primary);font-size:17px}.detail-empty p{max-width:240px;font-size:13.5px}.mastery-details{margin-top:var(--s3);padding-top:var(--s3);border-top:1px solid var(--border-soft)}.mastery-details>div:first-child{justify-content:space-between;align-items:center;display:flex}.mastery-details>div:first-child b{color:var(--ink-primary);font-size:15px}.mastery-details p{color:var(--ink-secondary);grid-template-columns:120px 1fr 44px;align-items:center;gap:10px;margin-top:8px;font-size:13px;display:grid}.mastery-details i{border-radius:var(--radius-pill);background:var(--surface-inset);height:7px;overflow:hidden}.mastery-details i b{background:linear-gradient(90deg,#5b78f7,#3f55e6);height:100%;display:block}.mastery-details strong{text-align:right;color:var(--ink-primary);font-weight:650}.pronunciation-trainer{margin-top:var(--s3);padding:var(--s3) var(--s4);background:var(--surface-secondary);border:1px solid var(--border-soft);border-radius:var(--radius-md)}.pronunciation-trainer small{letter-spacing:.1em;text-transform:uppercase;color:var(--ink-faint);margin-bottom:6px;font-size:11px;font-weight:650;display:block}.pronunciation-trainer b{color:var(--ink-primary);font-size:15px}.pronunciation-trainer div{gap:10px;margin:10px 0;display:flex}.pronunciation-trainer button{border-radius:var(--radius-sm);border:1px solid var(--border-medium);background:var(--surface-primary);color:var(--ink-secondary);padding:10px 16px;font-size:14px;font-weight:550}.pronunciation-trainer button:hover:not(:disabled){border-color:var(--accent);color:var(--accent-ink)}.pronunciation-trainer p{color:var(--ink-secondary);font-size:13.5px}.pronunciation-trainer span{color:var(--ink-muted);margin-top:6px;font-size:12px;display:block}.review-buttons{margin-top:var(--s3);flex-wrap:wrap;align-items:center;gap:8px;display:flex}.review-buttons span{color:var(--ink-muted);width:100%;font-size:13px}.review-buttons button{border-radius:var(--radius-sm);border:1px solid var(--border-medium);background:var(--surface-primary);min-width:64px;color:var(--ink-secondary);flex:1;padding:10px;font-size:13.5px;font-weight:600}.review-buttons button:hover{border-color:var(--accent);color:var(--accent-ink)}.metric-grid{gap:var(--s3);grid-template-columns:repeat(4,1fr);display:grid}.metric{padding:var(--s4);background:var(--surface-primary);border:1px solid var(--border-soft);border-radius:var(--radius-md);box-shadow:var(--shadow-xs)}.metric b{color:var(--ink-primary);letter-spacing:var(--track-tight);font-size:28px;font-weight:760;display:block}.metric span{color:var(--ink-muted);font-size:12.5px}.level-pill{color:var(--accent-ink);background:var(--accent-soft);border-radius:var(--radius-pill);padding:7px 14px;font-size:13px;font-weight:600}@media (prefers-color-scheme:dark){.level-pill{color:var(--accent)}}.memory-report p{color:var(--ink-secondary);align-items:center;gap:10px;padding:8px 0;font-size:14px;display:flex}.memory-report b{color:var(--ink-primary)}.memory-report .green-dot,.memory-report .amber-dot,.memory-report .coral-small,.memory-report .blue-small{border-radius:50%;flex:none;width:9px;height:9px}.memory-report .green-dot{background:var(--learning)}.memory-report .amber-dot{background:var(--warning)}.memory-report .coral-small{background:var(--error)}.memory-report .blue-small{background:var(--accent)}.checkpoint{padding:var(--s4) var(--s5);background:linear-gradient(180deg, var(--accent-soft), var(--surface-primary) 80%);border:1px solid var(--border-soft);border-radius:var(--radius-lg);align-items:center;gap:18px;display:flex}@media (prefers-color-scheme:dark){.checkpoint{background:linear-gradient(180deg, #7c93ff1a, var(--surface-primary) 82%)}}.checkpoint>span{color:#fff;width:56px;height:56px;box-shadow:var(--shadow-glow);background:linear-gradient(150deg,#5b78f7,#3f55e6);border-radius:18px;flex:none;place-items:center;font-size:24px;font-weight:760;display:grid}.checkpoint b{color:var(--ink-primary);font-size:15px}.checkpoint h3{margin:2px 0;font-size:16px;font-weight:650}.checkpoint p{color:var(--ink-secondary);font-size:13.5px}.assessment-shell{min-height:100dvh;padding:var(--s5) var(--s4) var(--s7);flex-direction:column;display:flex}.assessment-header{width:100%;max-width:720px;margin:0 auto var(--s4);grid-template-columns:1fr auto 1fr;align-items:center;display:grid}.assessment-header .back-button{justify-self:start}.assessment-header .logo-lockup{justify-self:center}.assessment-step{justify-self:end}.pin-card{max-width:440px}.pin-label{text-align:left;margin:var(--s3) 0;display:block}.input-pin{text-align:center;letter-spacing:.5em;background:var(--surface-primary);border:1px solid var(--border-medium);border-radius:var(--radius-md);width:100%;color:var(--ink-primary);padding:16px;font-size:26px;font-weight:700}.input-pin:focus{border-color:var(--accent);box-shadow:0 0 0 4px var(--accent-soft);outline:none}.info-panel{text-align:left;padding:var(--s3) var(--s4);background:var(--learning-soft);border-radius:var(--radius-md);margin:var(--s3) 0;border:1px solid #2e9e7b2e;gap:14px;display:flex}.info-panel span{color:var(--learning);font-size:20px}.info-panel strong{color:var(--learning-ink);font-size:14px;display:block}@media (prefers-color-scheme:dark){.info-panel strong{color:var(--learning)}}.info-panel p{color:var(--ink-secondary);margin-top:2px;font-size:13.5px;line-height:1.5}.intro-facts{margin:var(--s3) 0;text-align:left;grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.intro-facts li{padding:var(--s3);background:var(--surface-secondary);border:1px solid var(--border-soft);border-radius:var(--radius-md)}.intro-facts b{color:var(--ink-primary);font-size:15px;display:block}.intro-facts span{color:var(--ink-muted);font-size:12px}.result-card{color:var(--text-primary-light-bg);background:var(--surface-primary);border:1px solid var(--border-soft);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);padding:var(--s6) var(--s5);text-align:center}.result-card .eyebrow{color:var(--accent-ink)}@media (prefers-color-scheme:dark){.result-card .eyebrow{color:var(--accent)}}.result-card h1{letter-spacing:var(--track-display);margin:var(--s2) 0 var(--s3);color:var(--text-primary-light-bg);font-size:clamp(34px,5vw,52px);font-weight:760}.result-card p{color:var(--text-secondary-light-bg);max-width:460px;margin:0 auto var(--s4);font-size:15px;line-height:1.6}.result-skills{margin:var(--s4) 0;padding:var(--s4);background:var(--surface-secondary);border-radius:var(--radius-md)}.assessment-note{text-align:left;padding:var(--s3) var(--s4);background:var(--surface-secondary);border:1px solid var(--border-soft);border-radius:var(--radius-md);margin-top:var(--s3)}.assessment-note b{color:var(--ink-primary);margin-bottom:6px;font-size:14px;display:block}.assessment-note p{color:var(--ink-secondary);margin:0;font-size:13.5px;line-height:1.55}.speech-incomplete{text-align:left;padding:var(--s3) var(--s4);background:var(--warning-soft);border-radius:var(--radius-md);margin-top:var(--s3);border:1px solid #d49a3838}.speech-incomplete b{color:var(--warning-ink);margin-bottom:4px;font-size:14px;display:block}.speech-incomplete p{color:var(--ink-secondary);font-size:13.5px}.settings-list{background:var(--surface-primary);border:1px solid var(--border-soft);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);flex-direction:column;gap:2px;display:flex;overflow:hidden}.settings-list>div{padding:var(--s4) var(--s5);border-bottom:1px solid var(--border-soft);align-items:center;gap:14px;display:flex}.settings-list>div:last-child{border-bottom:none}.settings-list span:first-child{background:var(--surface-secondary);width:38px;height:38px;color:var(--accent);border-radius:11px;flex:none;place-items:center;font-size:16px;display:grid}.settings-list div div{flex:1;min-width:0}.settings-list b{color:var(--ink-primary);font-size:15px;display:block}.settings-list p{color:var(--ink-muted);font-size:13px;line-height:1.5}.settings-list em{color:var(--ink-secondary);font-size:14px;font-style:normal;font-weight:600}.backup-card,.install-card,.danger-row{margin-top:var(--s4)}.backup-card,.install-card{padding:var(--s4) var(--s5);background:var(--surface-primary);border:1px solid var(--border-soft);border-radius:var(--radius-lg);align-items:center;gap:16px;display:flex}.install-card{flex-direction:column;align-items:flex-start}.install-card span,.backup-card>div span{color:var(--accent);font-size:22px}.backup-card h3,.install-card h3{font-size:16px;font-weight:650}.backup-card p,.install-card p{color:var(--ink-secondary);margin-top:4px;font-size:13.5px;line-height:1.55}.backup-card button,.backup-card .btn-ghost{margin-left:auto}.danger-row{flex-wrap:wrap;gap:10px;display:flex}.danger-row button{border-radius:var(--radius-sm);border:1px solid var(--border-medium);background:var(--surface-primary);color:var(--ink-secondary);padding:11px 18px;font-size:14px;font-weight:600}.danger-row button:hover{border-color:var(--error);color:var(--error-ink)}.settings-notice{color:var(--learning-ink);margin-top:10px;font-size:13.5px}@media (prefers-color-scheme:dark){.settings-notice{color:var(--learning)}.result-card{color:var(--text-primary-dark-bg);background:var(--surface-primary)}.result-card p{color:var(--text-secondary-dark-bg)}.result-card h1{color:var(--text-primary-dark-bg)}.word-detail{border-color:var(--border-soft);background:#182b28fa}.word-detail h2,.word-detail .meaning h3,.word-detail b,.word-detail strong{color:var(--text-primary-dark-bg)}.word-detail .detail-head span,.word-detail .detail-head p,.word-detail .examples span{color:var(--text-muted-dark-bg)}.word-detail .speaker,.word-detail .favourite{color:var(--text-secondary-dark-bg);background:#ffffff0f;border-color:#ffffff1f}.turn.you p{color:#fff}.memory-strip button{background:var(--surface-primary)}}@media (width<=880px){:root{--maxw:100%}.app-frame{grid-template-columns:1fr}.sidebar{display:none}.mobile-top{z-index:20;padding:calc(var(--s3) + env(safe-area-inset-top)) var(--s4) var(--s3);background:color-mix(in srgb, var(--bg-app) 86%, transparent);-webkit-backdrop-filter:saturate(140%)blur(14px);backdrop-filter:saturate(140%)blur(14px);border-bottom:1px solid var(--border-soft);justify-content:space-between;align-items:center;display:flex;position:sticky;top:0}.app-content{padding:var(--s4) var(--s4) 96px}.bottom-nav{z-index:30;padding:8px 6px calc(8px + env(safe-area-inset-bottom));background:color-mix(in srgb, var(--surface-primary) 92%, transparent);-webkit-backdrop-filter:saturate(140%)blur(16px);backdrop-filter:saturate(140%)blur(16px);border-top:1px solid var(--border-soft);grid-template-columns:repeat(5,1fr);display:grid;position:fixed;bottom:0;left:0;right:0}.bottom-nav button{color:var(--ink-muted);border-radius:var(--radius-sm);flex-direction:column;align-items:center;gap:3px;padding:7px 2px;font-size:11px;font-weight:600;display:flex}.bottom-nav button span{font-size:19px;line-height:1}.bottom-nav button.active{color:var(--accent);background:var(--accent-soft)}.dashboard-grid,.dictionary-layout{grid-template-columns:1fr}.word-detail{position:static}.metric-grid,.analysis-grid{grid-template-columns:repeat(2,1fr)}.profile-grid{grid-template-columns:1fr}.teacher-hero{grid-template-columns:auto 1fr}.scenario-switch{gap:var(--s3);flex-direction:column}.scenario-switch select{align-self:stretch}.hero-ring{display:none}.intro-card,.app-content{padding-left:var(--s4);padding-right:var(--s4)}.lesson-card,.listening-card,.question-card,.conversation-card{padding:var(--s4)}.checkpoint{text-align:center;flex-direction:column;align-items:center}}@media (width<=480px){.welcome-shell{padding:var(--s4) var(--s4) var(--s6)}.profile-grid{gap:var(--s3)}.metric-grid{grid-template-columns:1fr 1fr}.intro-facts{grid-template-columns:1fr}.page-head{align-items:flex-start;gap:var(--s2);flex-direction:column}.dictionary-count{text-align:left}.analysis-grid{grid-template-columns:1fr}}.safe-top{padding-top:env(safe-area-inset-top)}.safe-right{padding-right:env(safe-area-inset-right)}.safe-bottom{padding-bottom:env(safe-area-inset-bottom)}.safe-left{padding-left:env(safe-area-inset-left)}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}