@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@600;700;800&display=swap";html{background:#f7f6f2}body{margin:0}#root{min-height:100vh}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--n-0:#fff;--n-25:#fafafa;--n-50:#f4f4f6;--n-100:#eaeaee;--n-200:#dededf;--n-300:#c5c5cd;--n-400:#96969f;--n-500:#71717c;--n-600:#555560;--n-700:#42424c;--n-800:#2b2b33;--n-900:#1a1a20;--accent-50:#eef0f8;--accent-100:#dee3f1;--accent-200:#c4cbe4;--accent-300:#98a4d0;--accent-400:#7280bb;--accent-500:#48589e;--accent-600:#3a4884;--accent-700:#2c3768;--ink-800:#25252d;--ink-900:#1a1a20;--ok-50:#eff5f2;--ok-100:#deece6;--ok-200:#c0dcd3;--ok-400:#5a9282;--ok-500:#3e7869;--ok-600:#346356;--ok-700:#294f45;--bad-50:#fbf2ef;--bad-100:#f5e3dc;--bad-200:#e8c5b9;--bad-300:#d59b85;--bad-400:#bd785d;--bad-500:#a55c44;--bad-600:#8b4a35;--bad-700:#713b2c;--warn-50:#faf4e8;--warn-100:#f2e7ce;--warn-200:#e5d2a4;--warn-300:#d2b471;--warn-400:#b59548;--warn-500:#8f742e;--warn-600:#775f26;--shadow-sm:0 1px 2px #12121c0d;--shadow-md:0 1px 3px #12121c0f, 0 6px 16px #12121c0a;--shadow-lg:0 2px 6px #12121c12, 0 18px 40px #12121c12;--scrim:#12121c73;--hairline-on-dark:#ffffff24;--shadow-emoji:#12121c38;--ink:var(--n-900);--muted:var(--n-600);--line:var(--n-200);--purple:var(--accent-500);--purple-soft:var(--accent-50);--cream:var(--n-25);--paper:var(--n-0);--surface:var(--n-0);--coral:var(--bad-500);--teal:var(--ok-500);--on-dark:#fff}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--n-0:#17171d;--n-25:#101014;--n-50:#1d1d24;--n-100:#26262e;--n-200:#33333d;--n-300:#474752;--n-400:#8a8a96;--n-500:#a4a4af;--n-600:#c0c0c9;--n-700:#d5d5dc;--n-800:#e7e7ec;--n-900:#f4f4f7;--accent-50:#20263a;--accent-100:#2a3149;--accent-200:#38416090;--accent-300:#5d6a9e;--accent-400:#7f8dc6;--accent-500:#93a1d9;--accent-600:#adb8e5;--accent-700:#c6cdee;--ink-800:#22222a;--ink-900:#1c1c23;--ok-50:#16241f;--ok-100:#1c2f29;--ok-200:#2a463d;--ok-400:#57a08c;--ok-500:#6fb49f;--ok-600:#8cc7b5;--ok-700:#a8d6c7;--bad-50:#2a1a15;--bad-100:#37221b;--bad-200:#4d3025;--bad-300:#a86a50;--bad-400:#cd8a6e;--bad-500:#dda184;--bad-600:#e8b79e;--bad-700:#f0cab5;--warn-50:#251f12;--warn-100:#332a18;--warn-200:#4a3d21;--warn-300:#a98a45;--warn-400:#c9a95e;--warn-500:#dcc07c;--warn-600:#e7d29a;--shadow-sm:0 1px 2px #0006;--shadow-md:0 1px 3px #00000073, 0 6px 16px #00000059;--shadow-lg:0 2px 6px #00000080, 0 18px 40px #00000073;--scrim:#0009;--hairline-on-dark:#ffffff1a}}*{box-sizing:border-box}body{background:var(--cream);min-width:320px;min-height:100vh;color:var(--ink);margin:0;font-family:DM Sans,sans-serif}button,input{font:inherit}button{color:inherit}.app-shell{min-height:100vh;display:flex}.sidebar{background:var(--n-25);border-right:1px solid var(--line);z-index:20;flex-direction:column;width:258px;padding:28px 20px 18px;display:flex;position:fixed;inset:0 auto 0 0}.brand{letter-spacing:-.6px;align-items:center;gap:11px;padding:0 9px 34px;font:800 20px Manrope;display:flex}.brand-mark{width:35px;height:35px;color:var(--on-dark);background:var(--purple);box-shadow:var(--shadow-md);border-radius:11px 11px 11px 3px;place-items:center;display:grid;transform:rotate(-3deg)}.brand-mark svg{transform:rotate(3deg)}.nav-label{color:var(--n-400);letter-spacing:1.5px;margin:0 11px 9px;font-size:10px;font-weight:800}.nav-label.lower{margin-top:28px}.nav-item{width:100%;height:45px;color:var(--n-600);cursor:pointer;text-align:left;background:0 0;border:0;border-radius:10px;align-items:center;gap:12px;margin:2px 0;padding:0 12px;font-size:14px;font-weight:600;display:flex}.nav-item:hover{background:var(--n-50);color:var(--ink)}.nav-item.active{color:var(--purple);background:var(--purple-soft)}.nav-item b{background:var(--coral);min-width:22px;height:22px;color:var(--on-dark);border-radius:11px;place-items:center;margin-left:auto;padding:0 6px;font-size:11px;display:grid}.level-card{border:1px solid var(--accent-200);background:var(--surface);border-radius:13px;margin-top:auto;padding:16px}.level-row{align-items:center;gap:11px;display:flex}.level-row>span{background:var(--ink-900);width:37px;height:37px;color:var(--on-dark);border-radius:50%;place-items:center;font:700 12px Manrope;display:grid}.level-row div{flex-direction:column;display:flex}.level-row b{font-size:12px}.level-row small,.profile small{color:var(--n-400);margin-top:2px;font-size:10px}.mini-progress{background:var(--n-100);border-radius:4px;height:5px;margin:14px 0 8px;overflow:hidden}.mini-progress i,.stat-progress i,.session-progress i,.unit-progress i{background:var(--purple);border-radius:inherit;height:100%;display:block}.level-card p{color:var(--n-500);margin:0;font-size:10px}.profile{align-items:center;gap:10px;padding:17px 7px 0;display:flex}.profile>div:nth-child(2){flex-direction:column;min-width:0;display:flex}.profile b{font-size:12px}.profile svg{color:var(--n-400);margin-left:auto}.avatar{background:var(--n-300);height:34px;color:var(--n-800);border-radius:50%;flex:0 0 34px;place-items:center;font-weight:700;display:grid}.close-menu,.menu-button{display:none}main{width:calc(100% - 258px);margin-left:258px}.topbar{border-bottom:1px solid var(--line);background:color-mix(in srgb, var(--surface) 75%, transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);justify-content:flex-end;align-items:center;height:72px;padding:0 42px;display:flex}.mobile-brand{display:none}.top-stats{align-items:center;gap:25px;display:flex}.top-stats>span{color:var(--n-600);align-items:center;gap:6px;font-size:12px;display:flex}.top-stats svg{color:var(--coral)}.top-stats>span:nth-child(2) svg{color:var(--warn-500);fill:var(--warn-500)}.help{border:1px solid var(--line);background:var(--surface);cursor:pointer;border-radius:50%;place-items:center;width:34px;height:34px;display:grid}.help svg{color:var(--n-500)}.page{width:min(1280px,100%);margin:auto;padding:44px 48px 70px}.welcome{justify-content:space-between;align-items:center;margin-bottom:30px;display:flex}.eyebrow,.page-heading>div>span,.learn-header span{color:var(--purple);letter-spacing:1.6px;margin:0 0 9px;font-size:10px;font-weight:800}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:Manrope,sans-serif}.welcome h1{letter-spacing:-.5px;margin:0 0 8px;font-size:23px;line-height:1.35}.welcome p:not(.eyebrow){color:var(--muted);margin:0;font-size:14px}.streak-badge{border:1px solid var(--line);background:var(--surface);color:var(--n-700);border-radius:10px;align-items:center;gap:9px;padding:10px 15px;display:flex}.streak-badge svg{width:17px;height:17px;color:var(--warn-400);fill:var(--warn-400)}.streak-badge strong{font:700 17px/1 Manrope}.streak-badge span{color:var(--n-500);font-size:10px}.stat-grid{grid-template-columns:repeat(3,1fr);gap:15px;margin-bottom:44px;display:grid}.stat-card{border:1px solid var(--line);background:var(--paper);min-height:116px;box-shadow:var(--shadow-md);border-radius:14px;grid-template-rows:1fr auto;grid-template-columns:45px 1fr auto;column-gap:13px;padding:20px;display:grid;position:relative}.stat-icon{border-radius:12px;grid-row:span 2;place-items:center;width:43px;height:43px;display:grid}.stat-icon svg{width:20px}.purple{color:var(--purple);background:var(--purple-soft)}.coral{color:var(--bad-400);background:var(--bad-100)}.teal{color:var(--ok-600);background:var(--ok-100)}.stat-card>div:nth-child(2){flex-direction:column;display:flex}.stat-card span,.section-title>div>span{color:var(--n-400);letter-spacing:1.2px;font-size:9px;font-weight:800}.stat-card strong{margin-top:3px;font:800 23px Manrope}.stat-card strong small{color:var(--n-400);font-size:11px;font-weight:500}.stat-progress{background:var(--n-100);border-radius:4px;align-self:end;height:4px}.stat-card em{color:var(--n-400);align-self:end;margin-left:8px;font-size:9px;font-style:normal}.stat-card>button{background:var(--bad-100);height:28px;color:var(--bad-500);cursor:pointer;border:0;border-radius:7px;grid-column:2/4;justify-content:center;align-self:end;align-items:center;gap:5px;font-size:11px;font-weight:700;display:flex}.ring{background:conic-gradient(var(--teal) 67%,var(--ok-100) 0);border-radius:50%;grid-area:1/3/3;place-items:center;width:49px;height:49px;display:grid}.ring:before{content:"";background:var(--surface);border-radius:50%;width:38px;height:38px;position:absolute}.ring span{color:var(--ok-600);font-size:9px;position:relative}.content-grid{grid-template-columns:minmax(0,1fr) 300px;gap:28px;display:grid}.section-title{justify-content:space-between;align-items:flex-end;margin-bottom:15px;display:flex}.section-title h2{letter-spacing:-.4px;margin:3px 0 0;font-size:18px}.text-button{color:var(--n-600);cursor:pointer;background:0 0;border:0;align-items:center;gap:2px;padding:5px;font-size:11px;font-weight:600;display:flex}.lesson-card{background:var(--ink-900);min-height:260px;color:var(--on-dark);box-shadow:var(--shadow-md);border-radius:13px;display:flex;position:relative;overflow:hidden}.lesson-art{background:linear-gradient(155deg,var(--accent-300),var(--accent-400));width:31%;min-width:190px;position:relative;overflow:hidden}.planet{background:var(--warn-300);width:145px;height:145px;box-shadow:inset -18px -14px 0 var(--warn-400);border-radius:50%;position:absolute;top:48px;left:26px}.planet:before,.planet:after{content:"";border:3px solid var(--warn-200);border-left-color:#0000;border-right-color:#0000;border-radius:50%;position:absolute;transform:rotate(-13deg)}.planet:before{inset:43px -22px}.planet:after{inset:62px -34px}.planet span{z-index:2;font-size:28px;position:absolute;top:18px;left:66px;transform:rotate(26deg)}.cloud{background:var(--accent-100);border-radius:13px;height:15px;position:absolute}.c1{width:75px;top:35px;left:-15px}.c2{width:90px;bottom:25px;right:-25px}.lesson-info{flex:1;padding:35px 31px}.lesson-meta{color:var(--accent-300);letter-spacing:1px;gap:7px;font-size:9px;font-weight:800;display:flex}.lesson-info h2{letter-spacing:-.8px;margin:10px 0 7px;font-size:27px}.lesson-info>p{color:#ffffff9e;font-size:12px}.lesson-tags{color:#ffffff8c;flex-wrap:wrap;gap:16px;margin:22px 0;font-size:10px;display:flex}.lesson-tags span{align-items:center;gap:5px;display:flex}.primary{color:#1a1a20;cursor:pointer;background:#fff;border:0;border-radius:9px;align-items:center;gap:9px;height:38px;padding:0 17px;font-size:11px;font-weight:800;display:flex}.lesson-progress{text-align:right;flex-direction:column;display:flex;position:absolute;top:28px;right:25px}.lesson-progress span{font:700 12px Manrope}.lesson-progress small{color:var(--n-500);font-size:8px}.section-title.compact{margin-top:34px}.word-row{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.weak-word{border:1px solid var(--line);background:var(--surface);border-radius:12px;gap:9px;min-width:0;padding:15px 13px;display:flex;position:relative}.sound{background:var(--accent-100);height:29px;color:var(--purple);cursor:pointer;border:0;border-radius:8px;flex:0 0 29px;place-items:center;display:grid}.weak-word div{min-width:0}.weak-word b{font:700 13px Manrope}.weak-word small{color:var(--n-400);white-space:nowrap;text-overflow:ellipsis;font-size:8px;display:block;overflow:hidden}.weak-word p{color:var(--n-600);margin:6px 0 0;font-size:10px}.weak-word>span{border-radius:4px;padding:3px 5px;font-size:7px;font-weight:800;position:absolute;top:12px;right:10px}.danger{color:var(--bad-500);background:var(--bad-50)}.warning{color:var(--warn-600);background:var(--warn-100)}.right-column{flex-direction:column;gap:18px;display:flex}.weekly-card,.coach-card{border:1px solid var(--line);background:var(--surface);border-radius:15px;padding:21px}.weekly-card .section-title>b{color:var(--ok-500);font-size:10px}.week-bars{border-bottom:1px solid var(--n-100);justify-content:space-between;align-items:end;height:115px;padding-top:12px;display:flex}.week-bars>div{flex-direction:column;align-items:center;gap:7px;display:flex}.bar{background:var(--n-100);width:20px;min-height:20px;color:var(--on-dark);border-radius:6px 6px 1px 1px;place-items:center;display:grid}.bar.filled{background:var(--accent-400)}.week-bars small{color:var(--n-400);font-size:8px}.weekly-card>p{color:var(--n-600);align-items:center;gap:5px;margin:16px 0 0;font-size:9px;display:flex}.weekly-card>p svg{color:var(--coral);fill:var(--coral)}.coach-card{color:var(--n-100);background:var(--ink-800);border:0}.coach-head{align-items:center;gap:10px;display:flex}.ai-orb{width:37px;height:37px;color:var(--on-dark);background:linear-gradient(135deg,var(--accent-400),var(--accent-400));border-radius:11px;place-items:center;display:grid}.ai-orb svg{width:19px}.coach-head span{color:var(--accent-400);letter-spacing:1px;font-size:8px}.coach-head h3{color:var(--on-dark);margin:2px 0 0;font-size:14px}.coach-card>p{color:#ffffff9e;margin:17px 0;font-size:11px;line-height:1.7}.coach-card>p b{color:var(--on-dark)}.coach-card>button{color:#fff;cursor:pointer;background:#ffffff12;border:1px solid #ffffff2e;border-radius:8px;justify-content:center;align-items:center;gap:7px;width:100%;height:34px;font-size:10px;display:flex}.learn-page{max-width:900px}.learn-header{justify-content:space-between;align-items:end;display:flex}.learn-header h1{margin:5px 0 0;font-size:28px}.session-count{color:var(--n-600);font-weight:700}.session-progress{background:var(--n-200);border-radius:10px;height:6px;margin:20px 0 30px;overflow:hidden}.flashcard{border:1px solid var(--line);background:var(--surface);min-height:390px;box-shadow:var(--shadow-lg);cursor:pointer;border-radius:14px;padding:26px 35px}.card-top{color:var(--n-400);letter-spacing:1px;justify-content:space-between;font-size:10px;font-weight:700;display:flex}.card-top button{color:var(--purple);cursor:pointer;background:0 0;border:0;align-items:center;gap:7px;font-size:11px;display:flex}.card-top svg{width:17px}.word-main{text-align:center;padding:50px 0 32px}.topic-pill{color:var(--ok-700);background:var(--ok-100);border-radius:12px;padding:5px 9px;font-size:9px;font-weight:700}.word-main h2{letter-spacing:-2px;margin:14px 0 3px;font-size:52px}.word-main p{color:var(--n-500)}.tap-hint{color:var(--n-500);justify-content:center;align-items:center;gap:4px;font-size:11px;display:flex}.tap-hint svg{width:16px}.answer-area{text-align:center;animation:.25s fadeUp}.meaning{font:700 20px Manrope}.example{background:var(--n-25);border-radius:11px;flex-direction:column;gap:5px;max-width:560px;margin:19px auto;padding:16px;display:flex}.example b{font-size:13px}.example span{color:var(--n-500);font-size:11px}.ai-button{border:1px solid var(--accent-200);background:var(--accent-50);height:37px;color:var(--purple);cursor:pointer;border-radius:9px;align-items:center;gap:7px;padding:0 14px;font-size:10px;font-weight:700;display:inline-flex}.ai-button svg{width:15px}.ai-button:disabled{opacity:.65}.ai-response{border-left:3px solid var(--purple);background:var(--accent-50);max-width:600px;color:var(--n-700);text-align:left;white-space:pre-wrap;border-radius:6px;margin:14px auto 0;padding:14px 17px;font-size:11px;line-height:1.65}.rating{text-align:center;margin-top:24px}.rating>p{color:var(--n-500);font-size:11px}.rating>div{justify-content:center;gap:10px;display:flex}.rating button{border:1px solid var(--line);background:var(--surface);cursor:pointer;border-radius:11px;justify-content:center;align-items:center;gap:9px;width:150px;height:54px;display:flex}.rating button svg{width:18px}.rating button span{text-align:left;flex-direction:column;font-size:11px;font-weight:700;display:flex}.rating button small{color:var(--n-400);margin-top:2px;font-size:8px;font-weight:500}.rating .again{color:var(--bad-500)}.rating .hard{color:var(--warn-600)}.rating .easy{color:var(--ok-600)}.page-heading{justify-content:space-between;align-items:center;margin-bottom:32px;display:flex}.page-heading h1{letter-spacing:-1px;margin:6px 0 7px;font-size:31px}.page-heading p{color:var(--muted);margin:0;font-size:13px}.library-total{border-left:1px solid var(--line);flex-direction:column;padding:15px 22px;display:flex}.library-total strong{font:800 24px Manrope}.library-total span{color:var(--n-500);font-size:9px}.source-link{color:var(--purple);margin-top:9px;font-size:9px;font-weight:700;text-decoration:none;display:inline-block}.library-tools{justify-content:space-between;margin-bottom:18px;display:flex}.library-tools label{border:1px solid var(--line);background:var(--surface);border-radius:10px;align-items:center;gap:8px;width:340px;height:42px;padding:0 13px;display:flex}.library-tools label svg{width:17px;color:var(--n-400)}.library-tools input{background:0 0;border:0;outline:0;width:100%;font-size:12px}.library-tools>div{gap:5px;display:flex}.library-tools>div button{border:1px solid var(--line);background:var(--surface);color:var(--n-600);cursor:pointer;border-radius:9px;padding:0 13px;font-size:10px}.library-tools>div button.active{color:var(--on-dark);border-color:var(--purple);background:var(--purple)}.word-table{border:1px solid var(--line);background:var(--surface);border-radius:14px;overflow:hidden}.table-head,.table-row{grid-template-columns:1fr 120px 90px 36px;align-items:center;padding:0 20px;display:grid}.table-head{height:40px;color:var(--n-400);background:var(--n-50);letter-spacing:1px;font-size:8px;font-weight:800}.table-row{border-top:1px solid var(--n-100);min-height:65px}.table-row>div{align-items:center;gap:11px;display:flex}.table-row button{background:var(--accent-100);width:30px;height:30px;color:var(--purple);cursor:pointer;border:0;border-radius:8px;place-items:center;display:grid}.table-row button svg{width:15px}.table-row p{flex-direction:column;margin:0;display:flex}.table-row b{font-size:12px}.table-row small{color:var(--n-400);margin-top:2px;font-size:9px}.table-row>span:not(.status){color:var(--n-400);font-size:10px}.status{border-radius:10px;width:max-content;padding:4px 7px;font-size:8px;font-weight:700}.status.learned{color:var(--ok-600);background:var(--ok-100)}.status.new{color:var(--n-500);background:var(--n-100)}.table-row>button:last-child{color:var(--n-300);background:0 0}.cefr{vertical-align:2px;border-radius:5px;place-items:center;min-width:23px;height:16px;margin-left:5px;font:800 7px DM Sans;display:inline-grid}.cefr.a1{color:var(--ok-600);background:var(--ok-100)}.cefr.a2{color:var(--accent-500);background:var(--accent-50)}.cefr.b1{color:var(--warn-600);background:var(--warn-100)}.cefr.b2{color:var(--bad-500);background:var(--bad-100)}.goal-control{border:1px solid var(--line);background:var(--surface);border-radius:13px;min-width:220px;padding:15px 19px}.goal-control>span,.goal-control>strong,.goal-control>small{display:block}.goal-control>span{color:var(--n-500);letter-spacing:.8px;font-size:9px;font-weight:700}.goal-control>div{justify-content:space-between;align-items:center;margin:7px 0 5px;display:flex}.goal-control button{background:var(--purple-soft);width:27px;height:27px;color:var(--purple);cursor:pointer;border:0;border-radius:7px;font-size:17px}.goal-control strong{margin:6px 0 3px;font:700 20px Manrope}.goal-control small{color:var(--n-400);font-size:8px}.roadmap-list{max-width:800px;margin:auto;position:relative}.roadmap-list:before{content:"";background:var(--n-300);width:2px;position:absolute;top:30px;bottom:30px;left:29px}.unit-card{border:1px solid var(--line);background:var(--surface);border-radius:14px;align-items:center;gap:18px;min-height:100px;margin-bottom:13px;padding:17px 19px 17px 78px;display:flex;position:relative}.unit-number{border:5px solid var(--cream);width:36px;height:36px;color:var(--on-dark);border-radius:50%;outline:2px solid #fff;place-items:center;font:700 11px Manrope;display:grid;position:absolute;left:12px}.unit-number svg{width:16px}.unit-copy{flex:1}.unit-copy>span{color:var(--n-400);letter-spacing:1px;font-size:8px;font-weight:800}.unit-copy h3{margin:3px 0;font-size:15px}.unit-copy p{color:var(--n-400);margin:0 0 10px;font-size:9px}.unit-progress{background:var(--n-100);border-radius:4px;max-width:330px;height:4px}.unit-card>strong{color:var(--n-500);font-size:11px}.unit-card>button{background:var(--purple);color:var(--on-dark);cursor:pointer;border:0;border-radius:8px;align-items:center;gap:6px;padding:9px 12px;font-size:9px;font-weight:700;display:flex}.unit-card>button svg{width:14px}.unit-card.locked{opacity:.65}@keyframes fadeUp{0%{opacity:0;transform:translateY(6px)}}@media (width<=1050px){.content-grid{grid-template-columns:1fr}.right-column{grid-template-columns:1fr 1fr;display:grid}.stat-grid{grid-template-columns:1fr 1fr}.stat-card:last-child{grid-column:span 2}.word-row{grid-template-columns:1fr}}@media (width<=760px){.sidebar{transition:transform .25s;transform:translate(-100%)}.sidebar.open{transform:none}.close-menu{cursor:pointer;background:0 0;border:0;place-items:center;display:grid;position:absolute;top:25px;right:15px}.scrim{z-index:19;background:var(--scrim);position:fixed;inset:0}main{width:100%;margin:0}.topbar{justify-content:space-between;height:60px;padding:0 18px}.menu-button{background:0 0;border:0;place-items:center;display:grid}.mobile-brand{margin-right:auto;font:800 17px Manrope;display:block}.top-stats>span{display:none}.page{padding:28px 18px 55px}.welcome{align-items:flex-start}.welcome h1{font-size:25px}.streak-badge{grid-template-columns:23px 1fr;width:76px;height:76px;padding:12px}.streak-badge svg{width:20px}.streak-badge strong{font-size:19px}.streak-badge span{font-size:7px}.stat-grid{grid-template-columns:1fr}.stat-card:last-child{grid-column:auto}.content-grid{gap:20px}.lesson-card{flex-direction:column}.lesson-art{width:100%;height:155px}.planet{width:110px;height:110px;top:23px;left:calc(50% - 55px)}.planet span{top:10px;left:48px}.lesson-info{padding:25px 23px}.lesson-progress{top:175px}.right-column{grid-template-columns:1fr}.page-heading{align-items:flex-start;gap:18px}.page-heading h1{font-size:25px}.library-total{display:none}.library-tools{flex-direction:column;gap:10px}.library-tools label{width:100%}.library-tools>div{overflow:auto}.library-tools>div button{white-space:nowrap;height:34px}.table-head,.table-row{grid-template-columns:1fr 78px 30px;padding:0 12px}.table-head span:nth-child(3),.table-row>span:nth-child(3){display:none}.table-row small{white-space:nowrap;text-overflow:ellipsis;max-width:170px;overflow:hidden}.flashcard{min-height:400px;padding:22px 18px}.word-main h2{font-size:40px}.rating>div{gap:5px}.rating button{width:33%;padding:0 5px}.rating button svg{display:none}.goal-control{min-width:155px}.unit-card{padding-left:65px}.unit-number{left:8px}.unit-card>button{display:none}}@media (width<=460px){.welcome br,.streak-badge{display:none}.stat-grid{gap:9px}.lesson-info h2{font-size:23px}.lesson-tags{gap:8px}.right-column{display:block}.coach-card{margin-top:14px}.page-heading{flex-direction:column}.goal-control{width:100%}.card-top button{font-size:0}.card-top button svg{width:19px}.word-main{padding-top:42px}.rating button small{display:none}}.app-loading{background:var(--n-50);text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;display:flex}.app-loading .brand-mark{width:52px;height:52px}.app-loading h1{margin:18px 0 4px}.app-loading p{color:var(--muted);font-size:13px}.app-loading>i{background:var(--n-200);border-radius:5px;width:180px;height:4px;margin-top:20px;overflow:hidden}.app-loading>i:after{content:"";background:var(--purple);width:45%;height:100%;animation:1.1s ease-in-out infinite loading;display:block}.app-loading.error svg{color:var(--coral)}.app-loading.error button{background:var(--purple);color:var(--on-dark);cursor:pointer;border:0;border-radius:9px;padding:10px 17px}@keyframes loading{0%{transform:translate(-100%)}to{transform:translate(320%)}}.placement-shell{background:radial-gradient(circle at 50% 0,var(--accent-100) 0,transparent 38%),var(--n-50);place-items:center;min-height:100vh;padding:36px 18px;display:grid}.placement-card{border:1px solid var(--line);background:var(--surface);width:min(468px,100%);box-shadow:var(--shadow-lg);text-align:center;border-radius:14px;padding:34px 36px}.placement-logo{background:var(--purple);width:38px;height:38px;color:var(--on-dark);box-shadow:var(--shadow-md);border-radius:11px;place-items:center;margin:0 auto 16px;font:800 20px Manrope;display:grid}.placement-card>span,.quiz-meta span{color:var(--purple);letter-spacing:1.5px;font-size:9px;font-weight:800}.placement-card h1{letter-spacing:-.4px;margin:8px 0 12px;font-size:23px;line-height:1.3}.placement-card>p{color:var(--n-500);font-size:12px;line-height:1.65}.placement-benefits{text-align:left;gap:9px;margin:25px 0;display:grid}.placement-benefits div{color:var(--n-700);align-items:center;gap:9px;font-size:11px;display:flex}.placement-benefits svg{width:18px;color:var(--ok-500)}.purple-primary{box-shadow:var(--shadow-md);background:var(--purple)!important;color:var(--on-dark)!important}.purple-primary svg{width:16px}.intro-card>.primary{justify-content:center;width:100%;height:45px}.skip-link{color:var(--n-500);cursor:pointer;background:0 0;border:0;margin-top:16px;font-size:10px}.quiz-card{position:relative}.placement-progress{background:var(--n-100);border-radius:14px 24px 0 0;height:6px;position:absolute;top:0;left:0;right:0;overflow:hidden}.placement-progress i{border-radius:inherit;background:var(--purple);height:100%;display:block}.quiz-meta{justify-content:space-between;display:flex}.quiz-meta b{color:var(--n-500);font-size:10px}.placement-audio{color:var(--purple);cursor:pointer;background:0 0;border:0;align-items:center;gap:6px;margin:30px auto 4px;font-size:10px;display:flex}.placement-audio svg{width:17px}.quiz-card h1{margin:6px 0 2px;font-size:43px}.quiz-card .phonetic{margin-bottom:28px}.quiz-card h3{font-size:12px}.placement-options{grid-template-columns:1fr 1fr;gap:9px;margin:16px 0 10px;display:grid}.placement-options button,.unknown-button{border:1px solid var(--line);background:var(--surface);min-height:46px;color:var(--n-600);cursor:pointer;border-radius:10px;padding:9px 12px;font-size:10px}.placement-options button:hover,.placement-options button.selected{border-color:var(--accent-300);background:var(--accent-50)}.placement-options button.correct{border-color:var(--ok-400);background:var(--ok-100);color:var(--ok-700)}.placement-options button.incorrect{border-color:var(--bad-300);background:var(--bad-50)}.unknown-button{border-style:dashed;width:100%}.placement-feedback{background:var(--bad-50);color:var(--bad-600);border-radius:8px;margin:13px 0 0;padding:10px;font-size:10px}.placement-feedback.good{color:var(--ok-700);background:var(--ok-100)}.next-placement{justify-content:center;width:100%;height:43px;margin-top:14px}.next-placement:disabled,.check-answer:disabled{opacity:.45;cursor:not-allowed}.curriculum-lesson{min-height:240px}.topic-hero{flex:0 0 30%;place-items:center;display:grid;position:relative;overflow:hidden}.topic-hero:before,.topic-hero:after{content:"";border:1px solid var(--hairline-on-dark);border-radius:50%;width:180px;height:180px;position:absolute}.topic-hero:after{width:110px;height:110px}.curriculum-lesson .lesson-info h2{max-width:560px;font-size:22px;line-height:1.35}.lesson-tags svg{width:15px}.weak-letter{background:var(--accent-100);height:29px;color:var(--purple);border-radius:8px;flex:0 0 29px;place-items:center;font-weight:800;display:grid}.empty-inline{border:1px dashed var(--n-300);color:var(--n-500);text-align:center;border-radius:12px;grid-column:1/-1;padding:23px;font-size:11px}.modern-session{max-width:940px}.exercise-card{border:1px solid var(--line);background:var(--surface);box-shadow:var(--shadow-lg);border-radius:14px;padding:25px 40px 34px}.exercise-top{justify-content:space-between;align-items:center;display:flex}.exercise-top>span:first-child{color:var(--n-600);align-items:center;gap:7px;font-size:10px;font-weight:700;display:flex}.retry-tag{background:var(--bad-50);color:var(--bad-600);letter-spacing:.5px;border-radius:8px;align-items:center;gap:4px;margin-left:auto;margin-right:9px;padding:3px 8px;font-size:8px;font-weight:800;display:flex}.retry-tag svg{width:11px!important;color:var(--bad-600)!important}.exercise-top svg{width:17px;color:var(--purple)}.question-prompt,.listening-prompt{text-align:center;padding:42px 0 25px}.question-prompt>span{color:var(--n-500);letter-spacing:1px;font-size:9px;font-weight:800}.question-prompt h2,.listening-prompt h2{margin:8px 0 5px;font-size:28px}.question-prompt>p,.listening-prompt>p{color:var(--n-500);font-size:11px}.word-question h2{margin-top:8px;font-size:50px}.word-question>button{background:var(--purple-soft);width:36px;height:36px;color:var(--purple);cursor:pointer;border:0;border-radius:10px;place-items:center;margin:auto;display:grid}.word-question svg{width:18px}.listening-prompt>button{background:var(--purple);width:74px;height:74px;color:var(--on-dark);box-shadow:var(--shadow-md);cursor:pointer;border:0;border-radius:50%;place-items:center;margin:0 auto 19px;display:grid}.listening-prompt svg{width:29px}.answer-options{grid-template-columns:1fr 1fr;gap:10px;max-width:670px;margin:auto;display:grid}.answer-options button{border:1px solid var(--line);background:var(--surface);min-height:49px;color:var(--n-700);cursor:pointer;border-radius:11px;padding:10px 14px;font-size:11px}.answer-options button:hover,.answer-options button.selected{border-color:var(--accent-300);background:var(--accent-50)}.answer-options button.correct{border-color:var(--ok-500);background:var(--ok-100);color:var(--ok-700)}.answer-input,.sentence-input{border:2px solid var(--n-200);background:var(--n-25);text-align:center;border-radius:11px;outline:0;width:min(620px,100%);margin:0 auto;padding:0 17px;font:600 15px DM Sans;display:block}.answer-input{height:52px}.sentence-input{resize:vertical;text-align:left;height:100px;padding:16px}.answer-input:focus,.sentence-input:focus{border-color:var(--accent-400);background:var(--surface)}.check-answer{justify-content:center;width:max-content;height:41px;margin:18px auto 0}.known-link{color:var(--n-500);cursor:pointer;background:0 0;border:0;align-items:center;gap:5px;margin:15px auto 0;font-size:9px;display:flex}.known-link svg{width:14px}.reveal-button{border:1px solid var(--accent-200);background:var(--accent-50);height:42px;color:var(--purple);cursor:pointer;border-radius:10px;margin:18px auto 0;padding:0 20px;font-size:10px;font-weight:700;display:block}.cloze-sentence{max-width:680px;line-height:1.5;margin-inline:auto!important;font-size:22px!important}.word-details{border-top:1px solid var(--line);margin-top:25px;padding-top:22px;animation:.25s fadeUp}.result-banner{background:var(--bad-50);color:var(--bad-500);text-align:center;border-radius:9px;margin-bottom:16px;padding:10px 14px;font-size:10px;font-weight:700}.correct-result{color:var(--ok-700);background:var(--ok-100)}.detail-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.detail-grid>div{background:var(--n-25);border-radius:10px;padding:15px}.detail-grid span{color:var(--n-400);letter-spacing:1px;margin-bottom:5px;font-size:8px;font-weight:800;display:block}.detail-grid strong{font-size:11px;line-height:1.5;display:block}.detail-grid small{color:var(--n-500);margin-top:5px;font-size:9px;line-height:1.4;display:block}.context-example{border-left:3px solid var(--purple);background:var(--n-25);color:var(--n-700);border-radius:5px;margin:10px 0;padding:14px;font-size:11px;line-height:1.6}.word-details>.ai-button{margin:12px auto;display:flex}.srs-actions{justify-content:center;gap:8px;margin-top:17px;display:flex}.srs-actions>button{border:1px solid var(--line);background:var(--surface);cursor:pointer;border-radius:10px;justify-content:center;align-items:center;gap:6px;min-width:118px;min-height:48px;font-size:10px;font-weight:700;display:flex}.srs-actions svg{width:16px}.srs-actions small{color:var(--n-400);margin-left:3px;font-size:7px;font-weight:500;display:block}.srs-actions .again{color:var(--bad-500)}.srs-actions .hard{color:var(--warn-600)}.srs-actions .good{color:var(--ok-600)}.srs-actions .easy{color:var(--purple)}.srs-actions .continue-correct,.srs-actions .continue-wrong{min-width:180px;color:var(--on-dark);background:var(--ok-500);border:0}.srs-actions .continue-wrong{background:var(--bad-400)}.empty-session,.session-finished{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:70vh;display:flex}.empty-session>svg,.session-finished>svg{width:55px;height:55px;color:var(--purple);background:var(--purple-soft);border-radius:17px;padding:14px}.empty-session h1,.session-finished h1{margin:17px 0 6px}.empty-session p,.session-finished p{color:var(--muted);font-size:12px}.finish-stats{gap:10px;margin:18px 0;display:flex}.finish-stats>div{border:1px solid var(--line);background:var(--surface);border-radius:11px;flex-direction:column;min-width:120px;padding:15px;display:flex}.finish-stats strong{font:800 20px Manrope}.finish-stats span{color:var(--n-500);font-size:8px}.advanced-filters{grid-template-columns:minmax(230px,1fr) repeat(3,160px);gap:8px;margin-bottom:12px;display:grid}.advanced-filters label{border:1px solid var(--line);background:var(--surface);border-radius:10px;align-items:center;gap:8px;height:42px;padding:0 12px;display:flex}.advanced-filters svg{width:17px;color:var(--n-400)}.advanced-filters input{background:0 0;border:0;outline:0;width:100%;font-size:11px}.advanced-filters select,.form-grid select,.form-grid input{border:1px solid var(--line);background:var(--surface);height:42px;color:var(--n-700);border-radius:9px;outline:0;padding:0 11px;font-size:10px}.library-summary{color:var(--n-500);gap:20px;margin:15px 2px 10px;font-size:9px;display:flex}.library-summary .dot{border-radius:50%;width:7px;height:7px;margin-right:4px;display:inline-block}.library-summary .dot.mastered{background:var(--ok-500)}.rich-table .table-head,.rich-table .table-row{grid-template-columns:1fr 180px 100px 36px}.rich-row-wrap{border-top:1px solid var(--n-100)}.rich-row-wrap .table-row{border:0}.topic-cell{color:var(--n-600)!important;font-size:9px!important}.status.mastered{color:var(--ok-600);background:var(--ok-100)}.status.review{color:var(--accent-500);background:var(--accent-50)}.status.learning{color:var(--warn-600);background:var(--warn-100)}.rotated{transform:rotate(180deg)}.expanded-word{grid-template-columns:1fr 1fr 1fr auto;gap:12px;padding:0 20px 18px 62px;animation:.2s fadeUp;display:grid}.expanded-word>div{background:var(--n-25);border-radius:9px;padding:12px}.expanded-word span{color:var(--n-400);font-size:8px;font-weight:800}.expanded-word p{color:var(--n-700);margin:5px 0 0;font-size:9px;line-height:1.5}.expanded-word>button{min-width:135px;height:35px;color:var(--on-dark);background:var(--ok-500);cursor:pointer;border:0;border-radius:8px;justify-content:center;align-self:center;align-items:center;gap:5px;font-size:8px;display:flex}.expanded-word>.unmark-button{color:var(--n-600);background:var(--n-100)}.expanded-word svg{width:14px}.load-more{border:1px solid var(--line);background:var(--surface);color:var(--n-600);cursor:pointer;border-radius:9px;margin:20px auto 0;padding:10px 18px;font-size:10px;display:block}.level-checkpoints{margin-bottom:35px}.level-card-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.level-check{border:1px solid var(--line);background:var(--surface);border-radius:13px;grid-template-columns:44px 1fr auto;align-items:center;gap:12px;min-height:94px;padding:15px;display:grid}.level-check.locked{opacity:.55}.level-orb{width:38px;height:38px;color:var(--on-dark);background:var(--accent-500);border-radius:11px;place-items:center;font:800 10px Manrope;display:grid}.level-orb svg{width:16px}.level-orb.a2{background:var(--ok-400)}.level-orb.b1{background:var(--warn-500)}.level-orb.b2{background:var(--bad-500)}.level-check>div:nth-child(2){flex-direction:column;display:flex}.level-check b{font-size:11px}.level-check span{color:var(--n-500);margin:3px 0 8px;font-size:8px}.level-check .unit-progress{width:100%}.level-check .unit-progress i{background:var(--purple)}.level-check>em{color:var(--ok-600);background:var(--ok-100);border-radius:8px;padding:4px 7px;font-size:8px;font-style:normal}.level-check>em.retry{color:var(--bad-600);background:var(--bad-50)}.level-check>button{background:var(--purple-soft);height:32px;color:var(--purple);cursor:pointer;border:0;border-radius:8px;align-items:center;gap:5px;font-size:8px;font-weight:700;display:flex}.level-check>button:disabled{opacity:.45}.level-check>button svg{width:13px}.topic-grid{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.topic-card{border:1px solid var(--line);background:var(--surface);cursor:pointer;border-radius:15px;flex-direction:column;min-height:250px;padding:19px;transition:all .2s;display:flex}.topic-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.topic-card.selected{border-color:var(--topic);box-shadow:inset 0 3px 0 var(--topic)}.topic-card-top{justify-content:space-between;align-items:center;display:flex}.topic-emoji{background:var(--warn-50);border-radius:12px;place-items:center;width:41px;height:41px;font-size:20px;display:grid}.topic-count{color:var(--n-400);font-size:8px}.topic-card h3{margin:15px 0 6px;font-size:14px}.topic-card>p{color:var(--n-500);flex:1;font-size:10px;line-height:1.55}.topic-mastery>div:first-child{color:var(--n-500);justify-content:space-between;margin-bottom:6px;font-size:8px;display:flex}.topic-mastery b{color:var(--n-600)}.topic-actions{gap:6px;margin-top:14px;display:flex}.topic-actions button{border:1px solid var(--line);background:var(--surface);height:32px;color:var(--n-600);cursor:pointer;border-radius:8px;flex:1;justify-content:center;align-items:center;gap:4px;font-size:8px;font-weight:700;display:flex}.topic-actions .topic-learn{border-color:var(--n-200);background:var(--n-50);color:var(--n-700)}.topic-card.selected .topic-learn{border-color:var(--accent-500);background:var(--accent-500);color:var(--on-dark)}.topic-actions button:disabled{opacity:.38}.topic-actions svg{width:12px}.roadmap-note{background:var(--ink-800);color:var(--on-dark);border-radius:13px;justify-content:space-between;align-items:center;margin-top:20px;padding:16px 19px;display:flex}.roadmap-note>div{align-items:center;gap:11px;display:flex}.roadmap-note svg{width:19px}.roadmap-note p{flex-direction:column;margin:0;display:flex}.roadmap-note b{font-size:10px}.roadmap-note span{color:#ffffff94;margin-top:3px;font-size:8px}.roadmap-note>button{color:#25252d;cursor:pointer;background:#fff;border:0;border-radius:8px;align-items:center;gap:5px;height:33px;padding:0 12px;font-size:8px;font-weight:700;display:flex}.checkpoint-page{max-width:790px}.checkpoint-heading{justify-content:space-between;align-items:end;display:flex}.checkpoint-heading span,.checkpoint-result>span{color:var(--purple);letter-spacing:1px;font-size:9px;font-weight:800}.checkpoint-heading h1{margin:5px 0 0;font-size:28px}.checkpoint-heading>b{color:var(--n-500);font-size:11px}.checkpoint-card{border:1px solid var(--line);background:var(--surface);text-align:center;border-radius:13px;padding:32px 45px 40px}.checkpoint-card>.placement-audio{margin-top:0}.checkpoint-card h2{margin:13px 0 3px;font-size:43px}.checkpoint-card>p{color:var(--n-500);font-size:10px}.checkpoint-options{margin-top:30px}.checkpoint-next{margin:18px auto 0}.checkpoint-result{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:75vh;display:flex}.result-orb{width:65px;height:65px;color:var(--bad-500);background:var(--bad-50);border-radius:50%;place-items:center;margin-bottom:18px;display:grid}.result-orb.passed{color:var(--ok-600);background:var(--ok-100)}.result-orb svg{width:27px}.checkpoint-result h1{margin:9px 0 5px}.checkpoint-result p{max-width:490px;color:var(--n-500);font-size:11px;line-height:1.6}.checkpoint-result>strong{margin-top:12px;font:800 37px Manrope}.checkpoint-result>small{color:var(--n-400);font-size:8px}.checkpoint-result>button{margin-top:20px}.stats-since{border-left:1px solid var(--line);flex-direction:column;padding-left:20px;display:flex}.stats-since span{color:var(--n-400);font-size:8px;font-weight:800}.stats-since strong{margin-top:4px;font-size:11px}.stats-overview{grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:20px;display:grid}.stats-overview>div{border:1px solid var(--line);background:var(--surface);border-radius:13px;align-items:center;gap:12px;padding:17px;display:flex}.analytics-icon{border-radius:11px;flex:0 0 39px;place-items:center;height:39px;display:grid}.analytics-icon svg{width:18px}.analytics-icon.gold{color:var(--warn-600);background:var(--warn-100)}.stats-overview p{flex-direction:column;margin:0;display:flex}.stats-overview small{color:var(--n-400);letter-spacing:1px;font-size:7px;font-weight:800}.stats-overview strong{font:800 21px Manrope}.stats-overview em{color:var(--n-500);font-size:8px;font-style:normal}.analytics-grid{grid-template-columns:1.35fr 1fr;gap:14px;margin-bottom:14px;display:grid}.analytics-card{border:1px solid var(--line);background:var(--surface);border-radius:14px;padding:20px}.analytics-card .section-title>b{color:var(--bad-400);align-items:center;gap:4px;font-size:9px;display:flex}.analytics-card .section-title svg{width:15px}.activity-bars{border-bottom:1px solid var(--n-100);align-items:end;gap:7px;height:150px;padding:15px 0 0;display:flex}.activity-bars>div{flex-direction:column;flex:1;justify-content:end;align-items:center;gap:6px;height:100%;display:flex}.activity-bars i{background:var(--n-100);border-radius:5px 5px 1px 1px;width:100%;max-width:22px;position:relative}.activity-bars i.active{background:var(--accent-400)}.activity-bars i span{width:100%;color:var(--accent-400);text-align:center;font-size:7px;font-style:normal;position:absolute;top:-14px}.activity-bars small{color:var(--n-400);font-size:7px}.skill-line{grid-template-columns:80px 1fr 30px;align-items:center;gap:8px;margin:12px 0;display:grid}.skill-line>span,.skill-line>b{color:var(--n-600);font-size:9px}.skill-line>b{text-align:right}.skill-line>div{background:var(--n-100);border-radius:5px;height:5px;overflow:hidden}.skill-line i{border-radius:inherit;background:var(--purple);height:100%;display:block}.lower-analytics{grid-template-columns:1fr 1fr}.level-stat{align-items:center;gap:10px;margin:11px 0;display:flex}.level-stat>div{flex:1}.level-stat p{justify-content:space-between;margin:0 0 7px;display:flex}.level-stat b{font-size:9px}.level-stat small{color:var(--n-400);font-size:8px}.hard-list>div{border-bottom:1px solid var(--n-100);align-items:center;gap:9px;padding:8px 0;display:flex}.hard-list>div>span{background:var(--bad-50);width:28px;height:28px;color:var(--bad-500);border-radius:8px;place-items:center;font-weight:800;display:grid}.hard-list p{flex-direction:column;flex:1;margin:0;display:flex}.hard-list b{font-size:10px}.hard-list small{color:var(--n-400);font-size:8px}.hard-list em{color:var(--bad-600);font-size:8px;font-style:normal}.empty-copy{color:var(--n-500);font-size:10px}.topic-analytics{margin-top:0}.topic-stat-grid{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.topic-stat-grid>div{background:var(--n-25);border-radius:9px;align-items:center;gap:8px;padding:10px;display:flex}.topic-stat-grid>div>span{background:var(--n-50);border-radius:7px;place-items:center;width:26px;height:26px;display:grid}.topic-stat-grid p{flex-direction:column;flex:1;margin:0;display:flex}.topic-stat-grid b{font-size:8px}.topic-stat-grid small{color:var(--n-400);font-size:7px}.topic-stat-grid em{color:var(--purple);font-size:8px;font-style:normal;font-weight:700}.privacy-badge{border:1px solid var(--ok-200);background:var(--ok-50);color:var(--ok-600);border-radius:11px;align-items:center;gap:9px;padding:11px 14px;display:flex}.privacy-badge svg{width:20px}.privacy-badge div{flex-direction:column;display:flex}.privacy-badge b{font-size:9px}.privacy-badge span{color:var(--ok-400);font-size:7px}.settings-message{background:var(--ok-100);color:var(--ok-700);border-radius:9px;align-items:center;gap:8px;margin-bottom:15px;padding:11px 14px;font-size:10px;display:flex}.settings-message button{color:inherit;cursor:pointer;background:0 0;border:0;margin-left:auto}.message-check{background:var(--ok-500);width:18px;height:18px;color:var(--on-dark);border-radius:50%;place-items:center;display:grid}.settings-layout{grid-template-columns:minmax(0,1fr) 300px;gap:15px;display:grid}.settings-main,.settings-side{flex-direction:column;gap:12px;display:flex}.settings-card{border:1px solid var(--line);background:var(--surface);border-radius:14px;padding:21px}.settings-title{align-items:flex-start;gap:10px;margin-bottom:20px;display:flex}.settings-title>svg{width:19px;color:var(--purple)}.settings-title h2{margin:0;font-size:13px}.settings-title p{color:var(--n-500);margin:3px 0 0;font-size:8px}.form-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.form-grid label{flex-direction:column;gap:6px;display:flex}.form-grid label.wide{grid-column:1/-1}.form-grid label>span{color:var(--n-600);font-size:9px;font-weight:700}.settings-link{color:var(--purple);cursor:pointer;background:0 0;border:0;align-items:center;gap:5px;margin-top:14px;font-size:8px;display:flex}.settings-link svg{width:13px}.slider-setting{margin:17px 0}.slider-setting>div{justify-content:space-between;display:flex}.slider-setting span{color:var(--n-700);font-size:9px;font-weight:700}.slider-setting b{color:var(--purple);font-size:10px}.slider-setting input{width:100%;accent-color:var(--purple);margin:10px 0 5px}.slider-setting small{color:var(--n-400);font-size:7px}.toggle-row{justify-content:space-between;align-items:center;margin-top:17px;display:flex}.toggle-row>div{flex-direction:column;display:flex}.toggle-row b{font-size:9px}.toggle-row span{color:var(--n-400);margin-top:3px;font-size:7px}.toggle{background:var(--n-300);cursor:pointer;border:0;border-radius:12px;width:38px;height:21px;padding:2px}.toggle i{background:var(--surface);border-radius:50%;width:17px;height:17px;transition:all .2s;display:block}.toggle.on{background:var(--purple)}.toggle.on i{transform:translate(17px)}.test-voice{border:1px solid var(--line);background:var(--surface);color:var(--n-600);cursor:pointer;border-radius:8px;align-items:center;gap:5px;margin-top:15px;padding:8px 11px;font-size:8px;display:flex}.test-voice svg{width:13px}.data-numbers{grid-template-columns:repeat(3,1fr);margin-bottom:15px;display:grid}.data-numbers>div{text-align:center;border-right:1px solid var(--line);flex-direction:column;display:flex}.data-numbers>div:last-child{border:0}.data-numbers strong{font:800 15px Manrope}.data-numbers span{color:var(--n-400);font-size:7px}.export-button,.import-button{background:var(--purple);width:100%;height:36px;color:var(--on-dark);cursor:pointer;border:0;border-radius:8px;justify-content:center;align-items:center;gap:6px;margin-top:7px;font-size:8px;font-weight:700;display:flex}.import-button{border:1px solid var(--line);background:var(--surface);color:var(--n-600)}.export-button svg,.import-button svg{width:14px}.data-help{color:var(--n-400);margin:12px 0 0;font-size:7px;line-height:1.5}.danger-card .settings-title>svg{color:var(--bad-500)}.danger-card>button{border:1px solid var(--bad-200);background:var(--bad-50);width:100%;height:34px;color:var(--bad-600);cursor:pointer;border-radius:8px;font-size:8px}.credits-card{background:var(--ink-800);color:var(--on-dark);border-radius:12px;padding:17px}.credits-card b{margin-bottom:8px;font-size:9px;display:block}.credits-card p{color:#ffffff8c;margin:4px 0;font-size:7px}.profile.signed-in{cursor:pointer;text-align:left;width:100%;font:inherit;background:0 0;border:0}.profile.signed-in:hover{opacity:.85}.profile img.avatar{object-fit:cover}.sign-in-chip{border:1px solid var(--line);background:var(--surface);width:30px;height:30px;color:var(--purple);cursor:pointer;border-radius:9px;place-items:center;margin-left:auto;display:grid}.sign-in-chip svg{width:15px}.account-card .settings-title>svg{color:var(--accent-600)}.account-row{align-items:center;gap:11px;margin-bottom:12px;display:flex}.account-row img,.account-initial{object-fit:cover;border-radius:50%;flex:0 0 40px;width:40px;height:40px}.account-initial{background:var(--accent-100);color:var(--accent-600);place-items:center;font:800 15px Manrope;display:grid}.account-row>div{flex-direction:column;min-width:0;display:flex}.account-row b{font-size:12px}.account-row small{color:var(--n-400);text-overflow:ellipsis;white-space:nowrap;font-size:9px;overflow:hidden}.account-card .settings-link{width:100%;color:var(--n-500);justify-content:center;margin-top:10px}.account-card .settings-link svg{width:13px}.sync-card .settings-title>svg{color:var(--ok-500)}.sync-code-row{align-items:flex-start;gap:6px;margin-bottom:11px;display:flex}.sync-code{border:1px solid var(--line);background:var(--n-25);min-width:0;color:var(--n-800);letter-spacing:.6px;word-break:break-all;-webkit-user-select:all;user-select:all;border-radius:9px;flex:1;padding:9px 11px;font:700 11px/1.7 DM Sans}.sync-code.masked{color:var(--n-400);letter-spacing:1px;word-break:normal;-webkit-user-select:none;user-select:none}.sync-code-row button{border:1px solid var(--line);background:var(--surface);height:32px;color:var(--n-600);cursor:pointer;border-radius:8px;flex:0 0 32px;place-items:center;display:grid}.sync-code-row button svg{width:14px}.sync-hint{color:var(--n-500);margin:0 0 12px;font-size:8px;line-height:1.6}.sync-hint b{color:var(--n-700)}.sync-meta{color:var(--n-400);justify-content:space-between;margin-bottom:10px;font-size:7px;display:flex}.sync-join{flex-direction:column;gap:6px;margin-bottom:11px;display:flex}.sync-join span{color:var(--n-600);font-size:9px;font-weight:700}.sync-join input{border:1px solid var(--line);background:var(--surface);letter-spacing:1px;text-transform:uppercase;border-radius:9px;outline:0;height:40px;padding:0 11px;font:700 11px DM Sans}.sync-join input:focus{border-color:var(--accent-400)}.sync-card .settings-link{width:100%;color:var(--n-500);justify-content:center;margin-top:10px}.sync-status{background:var(--ok-100);color:var(--ok-700);border-radius:8px;margin:11px 0 0;padding:9px 11px;font-size:8px;line-height:1.5}.sync-status.error{background:var(--bad-50);color:var(--bad-600)}.placement-return{border-top:1px solid var(--line);margin-top:20px;padding-top:16px}.placement-return>p{color:var(--n-500);margin:0 0 10px;font-size:10px}.placement-google{border:1px solid var(--accent-200);background:var(--accent-50);width:100%;height:44px;color:var(--purple);cursor:pointer;border-radius:10px;justify-content:center;align-items:center;gap:8px;font:700 11px DM Sans;display:flex}.placement-google:hover{background:var(--accent-100)}.placement-google svg{width:16px}.placement-return .skip-link{width:100%;margin-top:10px;display:block}.placement-sync{flex-direction:column;gap:9px;margin-top:14px;display:flex}.placement-sync input{border:1px solid var(--line);background:var(--n-25);letter-spacing:1px;text-align:center;text-transform:uppercase;border-radius:10px;outline:0;height:44px;padding:0 14px;font:700 12px DM Sans}.placement-sync input:focus{border-color:var(--accent-400);background:var(--surface)}.placement-sync .primary{justify-content:center;width:100%;height:44px}.placement-card .sync-status{text-align:left;font-size:10px}@media (width<=1100px){.topic-grid,.advanced-filters,.stats-overview,.topic-stat-grid{grid-template-columns:1fr 1fr}}@media (width<=760px){.placement-card{padding:34px 22px}.placement-card h1{font-size:25px}.placement-options{grid-template-columns:1fr}.curriculum-lesson .topic-hero{flex-basis:auto;min-height:150px}.exercise-card{padding:20px 16px 27px}.question-prompt,.listening-prompt{padding-top:32px}.word-question h2{font-size:40px}.answer-options,.detail-grid{grid-template-columns:1fr}.srs-actions{grid-template-columns:1fr 1fr;display:grid}.srs-actions>button{min-width:0}.expanded-word{grid-template-columns:1fr;padding:0 12px 15px}.rich-table .table-head,.rich-table .table-row{grid-template-columns:1fr 80px 32px}.rich-table .table-head span:nth-child(2),.rich-table .topic-cell{display:none}.advanced-filters,.level-card-grid,.topic-grid{grid-template-columns:1fr}.roadmap-note{align-items:flex-start;gap:12px}.roadmap-note>button{display:none}.analytics-grid,.lower-analytics,.settings-layout{grid-template-columns:1fr}.topic-stat-grid{grid-template-columns:1fr 1fr}.checkpoint-card{padding:25px 17px}}@media (width<=460px){.stats-overview,.topic-stat-grid,.form-grid{grid-template-columns:1fr}.level-check{grid-template-columns:40px 1fr}.level-check>button{grid-column:1/-1;justify-content:center}.exercise-card{border-radius:15px}.question-prompt h2{font-size:22px}}.topic-hero>svg{z-index:2;width:52px;height:52px;color:var(--on-dark);opacity:.92;stroke-width:1.5px;filter:none;position:relative}.topic-emoji svg{width:18px;height:18px;color:var(--topic,var(--n-500));stroke-width:1.75px}.topic-stat-grid>div>span svg{width:16px;height:16px;color:var(--n-500);stroke-width:1.75px}