:root{color:#eef2ff;font-synthesis:none;text-rendering:optimizelegibility;--bg:#070a13;--panel:#12192fad;--panel-strong:#161e38e6;--border:#ffffff1a;--muted:#98a2c6;--text:#f3f5ff;--primary:#8b5cf6;--primary-2:#4f46e5;--cyan:#22d3ee;--success:#34d399;--danger:#fb7185;--warning:#fbbf24;--radius:22px;--shadow:0 24px 70px #00000059;background:#070a13;font-family:Inter,Noto Sans,Noto Sans CJK SC,Noto Sans JP,Noto Sans KR,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(circle at 10% 0%,#182045 0,transparent 32%),radial-gradient(circle at 90% 10%,#32144f 0,transparent 28%),var(--bg);min-width:320px;min-height:100vh;color:var(--text);margin:0}button,input,select{font:inherit}button{color:inherit}button:focus-visible,input:focus-visible,select:focus-visible{outline-offset:2px;outline:2px solid #a78bfa}.app-shell{min-height:100vh;position:relative;overflow:hidden}.ambient{filter:blur(110px);opacity:.18;pointer-events:none;border-radius:50%;position:fixed}.ambient-one{background:#5b21b6;width:420px;height:420px;top:20%;left:-180px}.ambient-two{background:#0e7490;width:380px;height:380px;bottom:-160px;right:-120px}.glass{border:1px solid var(--border);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(22px);background:linear-gradient(145deg,#ffffff16,#ffffff09)}.topbar{z-index:30;border-width:0 0 1px;border-radius:0;justify-content:space-between;align-items:center;height:76px;padding:0 28px;display:flex;position:sticky;top:0}.brand-lockup{align-items:center;gap:12px;display:flex}.brand-mark{background:linear-gradient(135deg,#8b5cf6,#22d3ee);border-radius:14px;place-items:center;width:42px;height:42px;display:grid;box-shadow:0 10px 30px #6366f159}.brand-lockup div:last-child{flex-direction:column;display:flex}.brand-lockup span{text-transform:uppercase;letter-spacing:.18em;color:var(--muted);margin-top:2px;font-size:10px}.topbar-actions{align-items:center;gap:10px;display:flex}.language-quick-select,.streak-pill,.api-pill{border:1px solid var(--border);background:#0a0e1b99;border-radius:14px;align-items:center;gap:8px;height:42px;padding:0 12px;display:flex}.language-quick-select select{color:var(--text);cursor:pointer;background:0 0;border:0;outline:0}.language-quick-select option{background:#11182b}.streak-pill svg{color:#fb923c}.streak-pill span{color:var(--muted);font-size:12px}.api-pill{cursor:pointer}.api-pill.online{color:#a7f3d0;border-color:#34d39966}.api-pill span{font-size:12px;font-weight:700}.app-body{z-index:1;grid-template-columns:235px 1fr;gap:22px;padding:22px;display:grid;position:relative}.sidebar{border-radius:var(--radius);flex-direction:column;justify-content:space-between;height:calc(100vh - 120px);padding:15px;display:flex;position:sticky;top:98px}.sidebar nav{flex-direction:column;gap:7px;display:flex}.sidebar nav button{color:#b7c0df;cursor:pointer;text-align:left;background:0 0;border:0;border-radius:14px;align-items:center;gap:12px;padding:13px 14px;transition:all .22s;display:flex}.sidebar nav button:hover{color:#fff;background:#ffffff0f;transform:translate(2px)}.sidebar nav button.active{color:#fff;background:linear-gradient(135deg,#8b5cf64d,#22d3ee1f);border:1px solid #a78bfa40}.sidebar-tip{background:#080c198c;border-radius:16px;gap:9px;padding:13px;display:flex}.sidebar-tip p{color:var(--muted);margin:0;font-size:11px;line-height:1.55}.sidebar-tip b{color:#fff}.sidebar-mobile-head{display:none}.page-section{max-width:1500px;margin:0 auto;padding-bottom:40px}.section-heading{justify-content:space-between;align-items:flex-end;gap:20px;margin:8px 0 22px;display:flex}.section-heading h1{letter-spacing:-.04em;margin:5px 0 7px;font-size:clamp(28px,3vw,42px)}.section-heading p{color:var(--muted);max-width:680px;margin:0}.eyebrow{letter-spacing:.17em;color:#a5b4fc;font-size:10px;font-weight:800}.primary-button,.secondary-button,.ghost-button{cursor:pointer;border:0;border-radius:14px;justify-content:center;align-items:center;gap:8px;padding:12px 18px;font-weight:800;transition:all .2s;display:inline-flex}.primary-button{background:linear-gradient(135deg,#8b5cf6,#4f46e5);box-shadow:0 12px 28px #4f46e557}.primary-button:hover,.secondary-button:hover{transform:translateY(-2px)}.secondary-button{border:1px solid var(--border);background:#ffffff14}.ghost-button{color:var(--muted);background:0 0}.icon-button{border:1px solid var(--border);cursor:pointer;background:#ffffff0f;border-radius:12px;place-items:center;width:38px;height:38px;display:grid}.mobile-only{display:none}.hero-panel{border-radius:30px;grid-template-columns:1.2fr .8fr;align-items:center;min-height:350px;padding:clamp(28px,4vw,56px);display:grid;position:relative;overflow:hidden}.hero-panel:after{content:"";background:radial-gradient(circle,#22d3ee29,#0000 60%);height:150%;position:absolute;inset:auto -10% -80% 30%}.hero-panel h1{letter-spacing:-.055em;margin:12px 0 20px;font-size:clamp(38px,5vw,67px);line-height:1.02}.hero-panel h1 span{background:linear-gradient(90deg,#c4b5fd,#67e8f9);color:#0000;-webkit-background-clip:text;background-clip:text}.hero-panel p{color:var(--muted);max-width:610px;margin-bottom:26px;line-height:1.7}.hero-orbit{z-index:2;place-items:center;height:260px;display:grid;position:relative}.hero-flag{filter:drop-shadow(0 15px 25px #00000059);font-size:76px;animation:4s ease-in-out infinite float}.orbit{border:1px solid #ffffff26;border-radius:50%;position:absolute}.orbit-a{width:220px;height:220px}.orbit-b{width:310px;height:150px;transform:rotate(-18deg)}.floating-chip{border:1px solid var(--border);background:#0c1123e0;border-radius:999px;padding:8px 12px;font-size:11px;font-weight:800;position:absolute;box-shadow:0 12px 25px #00000040}.chip-1{top:24px;left:16%}.chip-2{top:45%;right:3%}.chip-3{bottom:14px;left:24%}.stats-grid{grid-template-columns:repeat(4,1fr);gap:14px;margin:18px 0;display:grid}.stat-card{border-radius:18px;align-items:center;gap:14px;padding:18px;display:flex}.stat-card>svg{color:#c4b5fd;background:#8b5cf629;border-radius:12px;width:40px;height:40px;padding:9px}.stat-card div{flex-direction:column;display:flex}.stat-card b{font-size:24px}.stat-card span{color:var(--muted);font-size:11px}.dashboard-columns{grid-template-columns:1.15fr .85fr;gap:18px;display:grid}.section-mini-head{justify-content:space-between;align-items:center;margin:4px 0 12px;display:flex}.section-mini-head h2{margin:0;font-size:18px}.section-mini-head span{color:var(--muted);font-size:11px}.action-stack{flex-direction:column;gap:10px;display:flex}.learning-action{text-align:left;cursor:pointer;color:inherit;border-radius:17px;grid-template-columns:48px 1fr auto;align-items:center;gap:12px;padding:14px;display:grid}.action-icon{color:#c4b5fd;background:#8b5cf629;border-radius:14px;place-items:center;width:46px;height:46px;display:grid}.learning-action>span:nth-child(2){flex-direction:column;gap:3px;display:flex}.learning-action small{color:var(--muted)}.learning-action em{color:#a5b4fc;align-items:center;gap:5px;font-size:11px;font-style:normal;font-weight:800;display:flex}.mini-language-panel{border-radius:20px;padding:17px}.mini-language-panel .language-grid{grid-template-columns:repeat(2,1fr);gap:8px}.mini-language-panel .language-card{min-height:105px;padding:12px}.mini-language-panel .language-card p,.mini-language-panel .language-meta{display:none}.mini-language-panel .language-flag{font-size:30px}.language-grid{grid-template-columns:repeat(4,1fr);gap:15px;display:grid}.language-card{text-align:left;cursor:pointer;color:inherit;border-radius:22px;min-height:260px;padding:22px;transition:all .24s;position:relative;overflow:hidden}.language-card:before{content:"";background:var(--lang-accent);filter:blur(70px);opacity:.13;border-radius:50%;width:130px;height:130px;position:absolute;top:-55px;right:-35px}.language-card:hover{border-color:#fff3;transform:translateY(-5px)}.language-card.selected{border-color:var(--lang-accent);box-shadow:0 20px 55px color-mix(in srgb,var(--lang-accent) 18%,transparent)}.language-flag{font-size:45px}.language-card h3{margin:12px 0 2px;font-size:19px}.language-card>div>b{color:var(--lang-accent);font-size:13px}.language-card p{color:var(--muted);font-size:12px;line-height:1.55}.language-meta{flex-wrap:wrap;gap:6px;margin-top:17px;display:flex}.language-meta span{color:#cbd5e1;background:#ffffff0f;border-radius:999px;padding:6px 8px;font-size:9px}.selected-check{background:var(--lang-accent);color:#071018;border-radius:50%;place-items:center;width:26px;height:26px;display:grid;position:absolute;top:15px;right:15px}.center-actions{text-align:center;margin-top:22px}.session-score{border:1px solid var(--border);border-radius:15px;flex-direction:column;align-items:center;padding:10px 18px;display:flex}.session-score b{font-size:22px}.session-score span{color:var(--muted);font-size:10px}.flashcard-layout{grid-template-columns:minmax(0,1fr) 290px;gap:18px;max-width:1050px;margin:auto;display:grid}.progress-track{background:#ffffff14;border-radius:10px;height:6px;margin-bottom:13px;overflow:hidden}.progress-track span{background:linear-gradient(90deg,#8b5cf6,#22d3ee);border-radius:10px;height:100%;transition:all .3s;display:block}.flashcard{perspective:1200px;cursor:pointer;height:440px}.flashcard-inner{height:100%;transform-style:preserve-3d;transition:transform .62s cubic-bezier(.2,.75,.25,1);position:relative}.flashcard.flipped .flashcard-inner{transform:rotateY(180deg)}.flashcard-face{backface-visibility:hidden;text-align:center;border-radius:28px;flex-direction:column;justify-content:center;align-items:center;padding:32px;display:flex;position:absolute;inset:0;overflow:hidden}.flashcard-face:before{content:"";filter:blur(120px);opacity:.25;background:#6d28d9;border-radius:50%;width:280px;height:280px;position:absolute}.flashcard-back{transform:rotateY(180deg)}.card-topline{color:var(--muted);text-transform:uppercase;letter-spacing:.1em;justify-content:space-between;font-size:11px;display:flex;position:absolute;top:22px;left:25px;right:25px}.sound-button{border:1px solid var(--border);cursor:pointer;z-index:2;background:#ffffff17;border-radius:50%;place-items:center;width:48px;height:48px;display:grid}.flashcard h2{z-index:1;margin:22px 0 5px;font-size:clamp(52px,8vw,88px);line-height:1.05}.flashcard h3{z-index:1;margin:0 0 28px;font-size:37px}.reading-stack{z-index:1;flex-direction:column;gap:6px;display:flex}.reading-stack b{color:#c4b5fd;font-size:20px}.reading-stack span{color:var(--muted)}.flip-hint{color:var(--muted);align-items:center;gap:6px;font-size:11px;display:flex;position:absolute;bottom:22px}.example-box{border:1px solid var(--border);z-index:1;background:#05091480;border-radius:17px;max-width:580px;padding:20px}.example-box b{font-size:18px}.example-box small{color:#a5b4fc;margin-top:7px;display:block}.example-box p{color:var(--muted);margin-bottom:0}.rating-row{grid-template-columns:repeat(4,1fr);gap:8px;margin-top:13px;display:grid}.rating-row button{border:1px solid var(--border);cursor:pointer;background:#ffffff0d;border-radius:14px;flex-direction:column;gap:2px;padding:10px 5px;display:flex}.rating-row button:disabled{opacity:.28;cursor:not-allowed}.rating-row span,.rating-row small{color:var(--muted);font-size:9px}.rating-again:not(:disabled):hover{border-color:#fb7185}.rating-hard:not(:disabled):hover{border-color:#fbbf24}.rating-good:not(:disabled):hover{border-color:#34d399}.rating-easy:not(:disabled):hover{border-color:#67e8f9}.review-insight{border-radius:22px;align-self:start;padding:23px}.review-insight>svg{color:#a78bfa}.review-insight h3{margin-bottom:7px}.review-insight>p{color:var(--muted);font-size:12px;line-height:1.6}.insight-list{flex-direction:column;gap:12px;margin:24px 0;display:flex}.insight-list span{align-items:center;gap:8px;font-size:11px;display:flex}.insight-list i{color:#c4b5fd;background:#8b5cf629;border-radius:8px;place-items:center;width:24px;height:24px;font-style:normal;display:grid}.session-summary{border-top:1px solid var(--border);justify-content:space-between;align-items:center;padding-top:16px;display:flex}.session-summary span{color:var(--muted);font-size:11px}.reader-layout{grid-template-columns:220px minmax(0,1fr) 310px;gap:14px;display:grid}.story-list,.reader-paper,.lookup-card,.ai-analysis{border-radius:20px}.story-list{height:fit-content;padding:14px}.story-list h3{align-items:center;gap:7px;margin:5px 5px 12px;font-size:13px;display:flex}.story-list>button{text-align:left;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:14px;flex-direction:column;gap:4px;width:100%;padding:12px;display:flex}.story-list>button:hover,.story-list>button.active{background:#8b5cf61f;border-color:#a78bfa2e}.story-list button span{color:#a5b4fc;font-size:9px}.story-list button b{font-size:12px}.story-list button small{color:var(--muted);font-size:10px;line-height:1.4}.reader-paper{padding:clamp(22px,3vw,38px)}.reader-title{border-bottom:1px solid var(--border);margin-bottom:18px;padding-bottom:20px}.reader-title>span{color:#a5b4fc;font-size:10px}.reader-title h2{margin:7px 0;font-size:30px}.reader-title p{color:var(--muted);margin:0}.sentence-list{flex-direction:column;gap:6px;display:flex}.sentence-block{border-radius:15px;padding:15px;transition:all .2s;position:relative}.sentence-block:hover{background:#ffffff09}.sentence-actions{justify-content:flex-end;gap:5px;display:flex}.sentence-actions button{cursor:pointer;background:#ffffff0f;border:0;border-radius:8px;align-items:center;gap:4px;padding:6px 8px;font-size:9px;display:flex}.interactive-sentence{margin:5px 0;font-size:20px;line-height:1.75}.interactive-sentence button{color:inherit;cursor:pointer;background:0 0;border:0;border-radius:3px;padding:0}.interactive-sentence button:hover{color:#67e8f9;background:#22d3ee29}.sentence-reading{color:#a5b4fc;line-height:1.6;display:block}.sentence-translation{color:var(--muted);margin-bottom:0;font-size:12px}.reader-tools{flex-direction:column;gap:14px;display:flex}.lookup-card,.ai-analysis{padding:19px}.lookup-card h3{margin:10px 0 4px;font-size:25px}.lookup-card p,.ai-analysis>p{color:var(--muted);font-size:12px;line-height:1.6}.analysis-head{align-items:center;gap:10px;display:flex}.analysis-head>svg{color:#a78bfa}.analysis-head div{flex-direction:column;display:flex}.analysis-head span{font-size:9px}.status-online{color:#34d399}.status-offline{color:#fbbf24}.ai-analysis pre{white-space:pre-wrap;font:inherit;color:#cbd5e1;max-height:420px;font-size:11px;line-height:1.65;overflow:auto}.loading-state{color:var(--muted);align-items:center;gap:8px;padding:20px 0;font-size:12px;display:flex}.roleplay-layout{grid-template-columns:230px minmax(0,1fr) 260px;gap:14px;min-height:650px;display:grid}.scenario-panel,.chat-shell,.pronunciation-panel{border-radius:22px}.scenario-panel{height:fit-content;padding:14px}.scenario-panel h3{margin:7px 8px 13px;font-size:13px}.scenario-panel>button{text-align:left;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:14px;gap:10px;width:100%;padding:12px;display:flex}.scenario-panel>button.active{background:#8b5cf624;border-color:#a78bfa33}.scenario-panel>button>span{font-size:24px}.scenario-panel button div{flex-direction:column;gap:4px;display:flex}.scenario-panel small{color:var(--muted);font-size:9px;line-height:1.4}.chat-shell{flex-direction:column;height:650px;display:flex;overflow:hidden}.chat-header{border-bottom:1px solid var(--border);align-items:center;gap:10px;padding:14px 18px;display:flex}.tutor-avatar{background:linear-gradient(135deg,#8b5cf6,#22d3ee);border-radius:14px;place-items:center;width:42px;height:42px;display:grid}.chat-header>div:last-child{flex-direction:column;display:flex}.chat-header span{color:var(--muted);margin-top:3px;font-size:10px}.chat-header i{background:#34d399;border-radius:50%;width:6px;height:6px;display:inline-block}.chat-messages{flex-direction:column;flex:1;gap:14px;padding:20px;display:flex;overflow-y:auto}.message{display:flex}.message.user{justify-content:flex-end}.message>div{border:1px solid var(--border);background:#ffffff12;border-radius:17px;max-width:80%;padding:12px 14px}.message.user>div{background:linear-gradient(135deg,#6d28d9,#4338ca)}.message p{white-space:pre-line;margin:0;font-size:13px;line-height:1.55}.message-label{letter-spacing:.12em;color:#a5b4fc;margin-bottom:5px;font-size:8px;display:block}.message button{color:#a5b4fc;cursor:pointer;background:0 0;border:0;align-items:center;gap:4px;padding:8px 0 0;font-size:9px;display:flex}.live-listening{color:#a5f3fc;background:#22d3ee14;align-items:center;gap:12px;padding:10px 18px;font-size:11px;display:flex}.voice-wave{align-items:center;gap:3px;height:20px;display:flex}.voice-wave i{background:#22d3ee;border-radius:4px;width:3px;animation:.8s infinite alternate wave}.voice-wave i:nth-child(2){animation-delay:.1s}.voice-wave i:nth-child(3){animation-delay:.2s}.voice-wave i:nth-child(4){animation-delay:.3s}.voice-wave i:nth-child(5){animation-delay:.4s}.chat-input{border-top:1px solid var(--border);grid-template-columns:44px 1fr 44px;gap:8px;padding:12px;display:grid}.chat-input input{border:1px solid var(--border);color:#fff;background:#05091480;border-radius:13px;padding:0 13px}.mic-button,.send-button{cursor:pointer;border:0;border-radius:13px;place-items:center;display:grid}.mic-button{background:#ffffff14}.mic-button.listening{background:#e11d48;animation:1s infinite pulse}.send-button{background:linear-gradient(135deg,#8b5cf6,#4f46e5)}.pronunciation-panel{text-align:center;height:fit-content;padding:22px}.support-badge{border-radius:999px;padding:8px 12px;font-size:10px;font-weight:800}.support-badge.ok{color:#6ee7b7;background:#34d3991f}.support-badge.warn{color:#fde68a;background:#fbbf241f}.score-ring{--score:0%;background:conic-gradient(#8b5cf6 var(--score),#ffffff14 0);border-radius:50%;place-items:center;width:145px;height:145px;margin:20px auto;display:grid;position:relative}.score-ring:before{content:"";background:#10162a;border-radius:50%;position:absolute;inset:9px}.score-ring b,.score-ring span{z-index:1;position:absolute}.score-ring b{font-size:36px;transform:translateY(-7px)}.score-ring span{color:var(--muted);font-size:9px;transform:translateY(19px)}.pronunciation-panel h3{margin:5px 0}.pronunciation-panel p{color:var(--muted);font-size:11px;line-height:1.55}.pronunciation-tips{text-align:left;border-top:1px solid var(--border);color:#cbd5e1;flex-direction:column;gap:8px;margin-top:18px;padding-top:15px;font-size:10px;display:flex}.character-layout{grid-template-columns:250px minmax(0,1fr) 290px;gap:14px;display:grid}.character-list,.character-main,.character-examples{border-radius:22px;height:fit-content;padding:18px}.search-box{border:1px solid var(--border);background:#05091480;border-radius:12px;align-items:center;gap:8px;height:40px;padding:0 10px;display:flex}.search-box input{color:#fff;background:0 0;border:0;outline:0;width:100%}.character-grid{grid-template-columns:repeat(2,1fr);gap:8px;margin-top:13px;display:grid}.character-grid button{border:1px solid var(--border);cursor:pointer;background:#ffffff0a;border-radius:14px;flex-direction:column;padding:13px;display:flex}.character-grid button.active{background:#8b5cf621;border-color:#a78bfa}.character-grid b{font-size:29px}.character-grid span{color:var(--muted);font-size:9px}.character-main{padding:28px}.character-hero{align-items:center;gap:28px;display:flex}.character-glyph{border:1px solid var(--border);background:linear-gradient(145deg,#8b5cf633,#22d3ee14);border-radius:27px;place-items:center;width:180px;height:180px;font-size:100px;display:grid;box-shadow:inset 0 0 50px #8b5cf61f}.character-hero span{color:#a5b4fc;font-size:10px}.character-hero h2{margin:8px 0 20px;font-size:32px}.character-facts{grid-template-columns:repeat(4,1fr);gap:9px;margin-top:25px;display:grid}.character-facts>div{background:#05091466;border-radius:13px;flex-direction:column;gap:5px;padding:14px;display:flex}.character-facts span{color:var(--muted);font-size:9px}.character-facts small{color:#a5b4fc;font-size:9px}.composition-box{background:#05091466;border-radius:17px;margin-top:16px;padding:20px}.composition-box h3{margin:8px 0;font-size:25px}.composition-box p{color:var(--muted);line-height:1.6}.character-examples h3{margin:8px 0 16px}.character-examples>div:not(.stroke-note){border-bottom:1px solid var(--border);gap:10px;padding:12px 0;display:flex}.character-examples>div>span{color:#c4b5fd;background:#8b5cf629;border-radius:8px;flex:none;place-items:center;width:24px;height:24px;font-size:10px;display:grid}.character-examples p{margin:3px 0;font-size:11px;line-height:1.5}.stroke-note{background:#22d3ee12;border-radius:14px;margin-top:18px;padding:14px}.stroke-note p{color:var(--muted)}.modal-backdrop{z-index:100;background:#000000a6;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.settings-modal{border-radius:26px;width:min(830px,100%);max-height:92vh;padding:25px;overflow:auto}.modal-head{border-bottom:1px solid var(--border);justify-content:space-between;align-items:flex-start;padding-bottom:17px;display:flex}.modal-head h2{margin:6px 0 0}.settings-grid{grid-template-columns:1fr 1fr;gap:25px;padding:22px 0;display:grid}.settings-grid section{flex-direction:column;gap:14px;display:flex}.settings-grid h3{align-items:center;gap:8px;margin:0;display:flex}.settings-grid section>p{color:var(--muted);margin:0;font-size:11px;line-height:1.55}.settings-grid label{flex-direction:column;gap:7px;font-size:11px;font-weight:700;display:flex}.settings-grid input:not([type=range]):not([type=checkbox]),.settings-grid select{border:1px solid var(--border);color:#fff;background:#0509148c;border-radius:12px;height:42px;padding:0 12px}.settings-grid select option{background:#10162a}.settings-grid label small{color:var(--muted);font-size:9px;font-weight:400}.password-field button{border:1px solid var(--border);background:#ffffff0f;border-left:0;border-radius:0 12px 12px 0;place-items:center;display:grid}.full-width{width:100%}.switch-row{border:1px solid var(--border);border-radius:13px;justify-content:space-between;align-items:center;padding:13px;flex-direction:row!important}.switch-row span{flex-direction:column;display:flex}.switch-row input{width:18px;height:18px}.security-note{color:#fde68a;background:#fbbf2414;border:1px solid #fbbf2429;border-radius:13px;padding:13px;font-size:10px;line-height:1.55}.settings-status{color:#a7f3d0;background:#34d39914;border-radius:12px;margin-top:10px;padding:11px;font-size:11px}.modal-actions{justify-content:flex-end;gap:8px;margin-top:17px;display:flex}.settings-grid input[type=range],.settings-grid input[type=checkbox]{accent-color:#8b5cf6}@keyframes float{50%{transform:translateY(-12px)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes wave{0%{height:5px}to{height:20px}}@keyframes pulse{50%{box-shadow:0 0 0 8px #e11d482e}}@media (width<=1180px){.app-body{grid-template-columns:205px 1fr}.reader-layout{grid-template-columns:190px 1fr}.reader-tools{grid-column:2;grid-template-columns:1fr 1fr;display:grid}.roleplay-layout{grid-template-columns:190px 1fr}.pronunciation-panel{grid-column:2}.character-layout{grid-template-columns:220px 1fr}.character-examples{grid-column:2}.language-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=820px){.topbar{padding:0 14px}.brand-lockup span,.streak-pill span,.api-pill span{display:none}.mobile-only{display:grid}.app-body{padding:13px;display:block}.sidebar{z-index:60;width:240px;height:calc(100vh - 100px);transition:all .25s;position:fixed;top:88px;left:12px;transform:translate(-280px)}.sidebar.open{transform:translate(0)}.sidebar-mobile-head{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.hero-panel{grid-template-columns:1fr}.hero-orbit{display:none}.stats-grid{grid-template-columns:repeat(2,1fr)}.dashboard-columns,.flashcard-layout,.reader-layout,.roleplay-layout,.character-layout{grid-template-columns:1fr}.review-insight,.reader-tools,.pronunciation-panel,.character-examples{grid-column:auto}.reader-tools{grid-template-columns:1fr;display:grid}.scenario-panel{grid-template-columns:repeat(2,1fr);display:grid}.scenario-panel h3{grid-column:1/-1}.chat-shell{height:620px}.settings-grid{grid-template-columns:1fr}.section-heading{align-items:flex-start}.character-facts{grid-template-columns:repeat(2,1fr)}}@media (width<=560px){.topbar-actions{gap:5px}.language-quick-select{padding:0 8px}.language-quick-select select{width:28px}.hero-panel{padding:25px}.hero-panel h1{font-size:39px}.stats-grid{grid-template-columns:1fr 1fr}.stat-card{padding:13px}.dashboard-columns{display:block}.mini-language-panel{margin-top:14px}.language-grid{grid-template-columns:1fr}.language-card{min-height:210px}.rating-row{grid-template-columns:repeat(2,1fr)}.flashcard{height:390px}.flashcard-face{padding:20px}.flashcard h2{font-size:55px}.reader-paper{padding:16px}.interactive-sentence{font-size:18px}.scenario-panel{grid-template-columns:1fr}.character-hero{flex-direction:column;align-items:flex-start}.character-glyph{width:150px;height:150px;font-size:82px}.character-facts{grid-template-columns:1fr 1fr}.section-heading{flex-direction:column}.settings-modal{padding:18px}}.interactive-sentence,.interactive-sentence .text-separator{white-space:pre-wrap}.voice-notice{color:#fde68a;background:#fbbf2414;border:1px solid #fbbf2440;border-radius:14px;align-items:flex-start;gap:9px;max-width:980px;margin:-8px auto 14px;padding:11px 14px;font-size:12px;line-height:1.5;display:flex}.chat-input button:disabled{opacity:.45;cursor:not-allowed}.module-error{border-radius:22px;align-items:flex-start;gap:18px;max-width:820px;margin:60px auto;padding:28px;display:flex}.module-error>svg{color:#fbbf24;flex:none}.module-error h2{margin:0 0 8px}.module-error p{color:var(--muted);line-height:1.6}.module-error details{color:#fde68a;margin:12px 0 18px}.module-error code{white-space:pre-wrap;word-break:break-word;background:#00000047;border-radius:10px;margin-top:8px;padding:10px;display:block}.sidebar{overflow:hidden}.sidebar nav{padding-right:3px;overflow-y:auto}.sidebar nav::-webkit-scrollbar{width:4px}.sidebar nav::-webkit-scrollbar-thumb{background:#ffffff1f;border-radius:9px}.primary-button:disabled,.secondary-button:disabled{opacity:.42;cursor:not-allowed;transform:none}.daily-plan{border-radius:20px;grid-template-columns:minmax(180px,1.2fr) repeat(3,1fr);align-items:center;gap:12px;margin-bottom:18px;padding:16px 18px;display:grid}.daily-plan h2{margin:4px 0 0;font-size:18px}.daily-task{background:#05091457;border-radius:14px;align-items:center;gap:10px;padding:12px;display:flex}.daily-task svg{color:#a78bfa;width:20px}.daily-task span{flex-direction:column;gap:3px;display:flex}.daily-task b{font-size:11px}.daily-task small{color:var(--muted);font-size:9px}.course-overview{border-radius:24px;grid-template-columns:1.35fr .65fr .9fr;align-items:center;gap:20px;margin-bottom:16px;padding:22px;display:grid}.course-overview h2{margin:5px 0;font-size:38px}.course-overview p{color:var(--muted);max-width:520px;margin:0;font-size:12px;line-height:1.55}.course-meter{align-items:center;gap:14px;display:flex}.course-meter-ring{--course:0%;background:conic-gradient(#8b5cf6 var(--course),#ffffff14 0);border-radius:50%;flex:none;place-items:center;width:82px;height:82px;display:grid;position:relative}.course-meter-ring:before{content:"";background:#11172a;border-radius:50%;position:absolute;inset:7px}.course-meter-ring b{z-index:1;font-size:18px}.course-meter>span{color:var(--muted);font-size:11px;line-height:1.45}.course-facts{flex-direction:column;gap:9px;display:flex}.course-facts span{color:#cbd5e1;align-items:center;gap:8px;font-size:11px;display:flex}.course-facts svg{color:#67e8f9;width:17px}.level-tabs{gap:8px;padding:4px 0 14px;display:flex;overflow-x:auto}.level-tabs button{border:1px solid var(--border);cursor:pointer;text-align:left;background:#ffffff09;border-radius:14px;flex-direction:column;gap:3px;min-width:120px;padding:11px 13px;display:flex}.level-tabs button.active{background:linear-gradient(135deg,#8b5cf647,#22d3ee17);border-color:#a78bfa8c}.level-tabs b{font-size:13px}.level-tabs small{color:var(--muted);font-size:9px}.unit-path{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.unit-card{border-radius:23px;padding:19px;position:relative;overflow:hidden}.unit-card.complete{border-color:#34d39959}.unit-card.locked{opacity:.72}.unit-heading{grid-template-columns:54px 1fr auto;align-items:start;gap:13px;display:grid}.unit-icon{background:linear-gradient(145deg,#8b5cf633,#22d3ee14);border-radius:16px;place-items:center;width:52px;height:52px;font-size:27px;display:grid}.unit-heading>div:nth-child(2)>span{color:#a5b4fc;letter-spacing:.12em;font-size:9px;font-weight:800}.unit-heading h2{margin:5px 0;font-size:18px}.unit-heading p{color:var(--muted);margin:0;font-size:11px;line-height:1.5}.unit-percent{flex-direction:column;align-items:center;gap:4px;display:flex}.unit-percent svg{color:#a78bfa;width:20px}.unit-percent b{font-size:11px}.unit-grammar{background:#05091466;border-radius:13px;flex-direction:column;gap:5px;margin:15px 0;padding:12px;display:flex}.unit-grammar b{color:#67e8f9;text-transform:uppercase;letter-spacing:.1em;font-size:9px}.unit-grammar span{color:#dbeafe;font-size:11px;line-height:1.45}.lesson-list{flex-direction:column;gap:7px;display:flex}.lesson-list button{border:1px solid var(--border);text-align:left;cursor:pointer;background:#ffffff09;border-radius:13px;grid-template-columns:34px 1fr 18px;align-items:center;gap:9px;padding:10px;display:grid}.lesson-list button:hover:not(:disabled){background:#8b5cf617;border-color:#a78bfa73}.lesson-list button.done{background:#34d3990d;border-color:#34d39940}.lesson-list button:disabled{opacity:.45;cursor:not-allowed}.lesson-number{background:#8b5cf626;border-radius:10px;place-items:center;width:31px;height:31px;display:grid}.lesson-number svg{width:16px}.lesson-list button.done .lesson-number{color:#6ee7b7;background:#34d39924}.lesson-list button div{flex-direction:column;gap:3px;display:flex}.lesson-list button small{color:var(--muted);font-size:9px}.lesson-list button>svg{width:15px;color:var(--muted)}.lesson-player{max-width:1050px}.lesson-topbar{grid-template-columns:auto 1fr auto;align-items:center;gap:16px;margin:6px 0 18px;display:grid}.lesson-topbar>span{color:var(--muted);font-size:11px}.lesson-progress{background:#ffffff14;border-radius:10px;height:7px;overflow:hidden}.lesson-progress span{background:linear-gradient(90deg,#8b5cf6,#22d3ee);border-radius:10px;height:100%;transition:all .3s;display:block}.lesson-stage{border-radius:28px;flex-direction:column;min-height:570px;padding:30px;display:flex;position:relative}.lesson-stage-meta{color:var(--muted);border-bottom:1px solid var(--border);justify-content:space-between;gap:15px;padding-bottom:13px;font-size:10px;display:flex}.lesson-stage-meta b{color:#c4b5fd}.lesson-intro,.grammar-lesson,.lesson-summary,.speak-step,.quiz-step,.learn-word{text-align:center;width:min(720px,100%);margin:auto;padding:30px 10px}.lesson-intro>svg,.grammar-lesson>svg,.lesson-summary>svg,.speak-step>svg,.quiz-step>svg{color:#a78bfa}.lesson-intro h1,.grammar-lesson h1,.lesson-summary h1,.learn-word h1{letter-spacing:-.04em;margin:14px 0;font-size:clamp(33px,5vw,58px)}.lesson-intro p,.grammar-lesson>p,.lesson-summary p,.speak-step>p{color:var(--muted);line-height:1.7}.lesson-note,.pattern-box{color:#cffafe;background:#22d3ee12;border:1px solid #22d3ee24;border-radius:15px;margin:22px auto 0;padding:15px 18px;line-height:1.55}.learn-word{position:relative}.lesson-speaker{cursor:pointer;background:linear-gradient(135deg,#8b5cf6,#4f46e5);border:0;border-radius:16px;place-items:center;width:52px;height:52px;margin:13px auto;display:grid}.learn-word h1{margin:10px 0 5px}.learn-word h3{color:#c4b5fd;margin:0;font-weight:600}.learn-word>small{color:var(--muted);margin-top:6px;display:block}.meaning-panel{background:#05091473;border-radius:18px;flex-direction:column;gap:8px;margin:24px auto 0;padding:18px;display:flex}.meaning-panel>b{color:#67e8f9;font-size:22px}.meaning-panel p{margin:4px 0;font-size:17px}.meaning-panel small{color:#c4b5fd}.meaning-panel span{color:var(--muted);font-size:12px}.grammar-lesson h1{font-size:38px}.grammar-lesson>p{font-size:16px}.pattern-box{flex-direction:column;gap:7px;display:flex}.pattern-box b{letter-spacing:.14em;font-size:10px}.pattern-box span{font-size:16px}.quiz-step h2,.speak-step h2{margin:14px 0 22px;font-size:27px}.listen-big{cursor:pointer;background:linear-gradient(135deg,#8b5cf6,#4f46e5);border:0;border-radius:18px;align-items:center;gap:9px;margin-bottom:20px;padding:17px 27px;font-weight:800;display:inline-flex}.target-sentence{background:#05091470;border-radius:16px;flex-direction:column;gap:6px;margin-bottom:18px;padding:17px;display:flex}.target-sentence b{font-size:20px}.target-sentence small{color:#a5b4fc}.answer-grid,.placement-options{grid-template-columns:1fr 1fr;gap:10px;display:grid}.answer-grid button,.placement-options button,.reading-quiz>div button{border:1px solid var(--border);text-align:left;cursor:pointer;background:#ffffff0a;border-radius:14px;padding:14px;line-height:1.45}.answer-grid button.selected,.placement-options button.selected,.reading-quiz>div button.selected{background:#8b5cf626;border-color:#a78bfa}.answer-grid button.right,.reading-quiz>div button.right{background:#34d3991f;border-color:#34d399}.answer-grid button.wrong,.reading-quiz>div button.wrong{background:#fb71851f;border-color:#fb7185}.typing-answer{border:1px solid var(--border);color:#fff;background:#05091480;border-radius:16px;width:100%;height:58px;margin-top:10px;padding:0 18px;font-size:18px}.correct-answer{color:var(--muted);margin-top:14px}.speech-target,.target-pronunciation{text-align:left;background:#05091473;border-radius:16px;align-items:center;gap:12px;max-width:650px;margin:16px auto;padding:16px;display:flex}.speech-target button,.target-pronunciation button{cursor:pointer;background:#8b5cf633;border:0;border-radius:12px;flex:none;place-items:center;width:38px;height:38px;display:grid}.speech-target b,.target-pronunciation b{line-height:1.5}.record-lesson{cursor:pointer;background:#e11d48;border:0;border-radius:16px;align-items:center;gap:8px;padding:14px 22px;font-weight:800;display:inline-flex}.record-lesson.active{animation:1s infinite pulse}.speech-result{background:#22d3ee14;border-radius:13px;flex-direction:column;gap:5px;max-width:650px;margin:14px auto 0;padding:12px;display:flex}.speech-result b{color:#67e8f9}.lesson-result-preview{background:#34d39914;border-radius:16px;flex-direction:column;width:190px;margin:22px auto 0;padding:15px;display:flex}.lesson-result-preview span{color:var(--muted);font-size:10px}.lesson-result-preview b{font-size:28px}.lesson-feedback{border-radius:16px;align-items:center;gap:10px;margin-top:auto;padding:13px 15px;display:flex}.lesson-feedback.correct{color:#a7f3d0;background:#34d3991a}.lesson-feedback.incorrect{color:#fecdd3;background:#fb71851a}.lesson-feedback div{flex-direction:column;gap:3px;display:flex}.lesson-feedback span{font-size:11px}.lesson-actions{justify-content:flex-end;margin-top:13px;display:flex}.lesson-actions .primary-button{min-width:180px}.placement-page{max-width:950px}.placement-card,.placement-result{text-align:center;border-radius:27px;max-width:780px;margin:20px auto;padding:clamp(25px,5vw,52px)}.question-level{color:#a5b4fc;letter-spacing:.12em;font-size:10px;font-weight:800}.placement-card h1{margin:18px 0 8px;font-size:clamp(27px,4vw,42px)}.placement-card>p{color:var(--muted)}.placement-options{margin:25px 0}.placement-options button{text-align:center}.placement-card>.primary-button{min-width:190px}.placement-result>svg{color:#c4b5fd}.placement-result h1{margin:12px 0;font-size:70px}.placement-result>p{color:var(--muted)}.recommended-level{background:linear-gradient(135deg,#8b5cf633,#22d3ee14);border-radius:18px;flex-direction:column;gap:7px;max-width:480px;margin:22px auto;padding:19px;display:flex}.recommended-level span{color:var(--muted);font-size:10px}.recommended-level b{font-size:35px}.recommended-level small{color:#cbd5e1;line-height:1.5}.placement-actions{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.study-filter-bar{border-radius:16px;align-items:center;gap:10px;margin-bottom:15px;padding:10px 12px;display:flex;overflow-x:auto}.study-filter-bar>svg{color:#a78bfa;flex:none}.mini-level-tabs{flex:1;gap:6px;display:flex}.mini-level-tabs button,.mode-switch button{border:1px solid var(--border);white-space:nowrap;cursor:pointer;background:#ffffff09;border-radius:10px;padding:7px 10px;font-size:10px}.mini-level-tabs button.active,.mode-switch button.active{color:#fff;background:#8b5cf638;border-color:#8b5cf6}.mode-switch{gap:5px;margin-left:auto;display:flex}.all-reviewed{color:#a7f3d0;background:#34d39914;border-radius:12px;align-items:center;gap:7px;margin-top:15px;padding:10px;font-size:10px;display:flex}.reading-quiz{border:1px solid var(--border);background:#0509146b;border-radius:18px;margin-top:25px;padding:18px}.reading-quiz h3{margin:8px 0 14px}.reading-quiz>div{gap:8px;display:grid}.reading-quiz>.primary-button{margin-top:12px}.quiz-ok,.quiz-bad{border-radius:12px;align-items:center;gap:8px;padding:11px;display:flex}.quiz-ok{color:#a7f3d0;background:#34d3991a}.quiz-bad{color:#fecdd3;background:#fb71851a}.target-pronunciation{margin-top:14px}.backup-box{border:1px solid var(--border);background:#05091459;border-radius:14px;padding:13px}.backup-box>b{font-size:12px}.backup-box p{color:var(--muted);line-height:1.5;font-size:10px!important}.backup-box>div{gap:7px;display:flex}.backup-box .secondary-button{padding:9px 11px;font-size:10px}.empty-state{text-align:center;border-radius:24px;padding:50px}@media (width<=1180px){.daily-plan{grid-template-columns:1fr 1fr}.daily-plan>div:first-child{grid-column:1/-1}.course-overview{grid-template-columns:1fr 1fr}.course-facts{grid-column:1/-1;grid-template-columns:repeat(3,1fr);display:grid}.unit-path{grid-template-columns:1fr}}@media (width<=820px){.course-overview,.course-facts{grid-template-columns:1fr}.unit-heading{grid-template-columns:50px 1fr}.unit-percent{flex-direction:row;grid-column:2;justify-content:flex-end}.lesson-stage{min-height:540px;padding:20px}.answer-grid,.placement-options,.daily-plan{grid-template-columns:1fr}.daily-plan>div:first-child{grid-column:auto}.lesson-player{padding-bottom:85px}.lesson-actions{z-index:20;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-top:1px solid var(--border);background:#070a13eb;padding:11px 16px;position:fixed;bottom:0;left:0;right:0}.lesson-actions .primary-button{width:100%}.study-filter-bar{align-items:flex-start}.mode-switch{margin-left:0}.mini-level-tabs{overflow-x:auto}.roleplay-layout .scenario-panel{max-height:none}}@media (width<=560px){.course-overview{padding:17px}.course-meter{align-items:center}.level-tabs button{min-width:100px}.unit-card{padding:15px}.unit-heading{grid-template-columns:45px 1fr}.unit-icon{width:43px;height:43px;font-size:22px}.lesson-stage{min-height:500px;padding:15px}.lesson-stage-meta{flex-direction:column;gap:5px}.lesson-intro,.grammar-lesson,.lesson-summary,.speak-step,.quiz-step,.learn-word{padding:18px 0}.lesson-intro h1,.learn-word h1{font-size:37px}.quiz-step h2,.speak-step h2{font-size:22px}.placement-card,.placement-result{padding:22px 16px}.study-filter-bar{flex-wrap:wrap}.mode-switch{width:100%}.mode-switch button{flex:1}.backup-box>div{flex-direction:column}}.dashboard-purpose-panel,.course-purpose-panel{border-radius:22px;margin:14px 0 18px;padding:16px}.course-purpose-panel{padding:20px}.purpose-selector{width:100%}.purpose-heading{justify-content:space-between;gap:18px;margin-bottom:16px;display:flex}.purpose-heading h2{margin:5px 0;font-size:22px}.purpose-heading p{color:var(--muted);max-width:720px;font-size:12px}.purpose-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.purpose-grid>button{border:1px solid var(--border);text-align:left;cursor:pointer;background:#ffffff09;border-radius:16px;align-items:flex-start;gap:10px;min-height:88px;padding:14px;transition:all .2s;display:flex;position:relative}.purpose-grid>button:hover{background:#8b5cf614;border-color:#8b5cf68c;transform:translateY(-2px)}.purpose-grid>button.active{background:linear-gradient(135deg,#8b5cf630,#22d3ee12);border-color:#8b5cf6;box-shadow:inset 0 0 0 1px #8b5cf629}.purpose-icon{flex:none;font-size:23px}.purpose-grid b{padding-right:20px;font-size:12px;display:block}.purpose-grid small{color:var(--muted);margin-top:5px;font-size:9px;line-height:1.45;display:block}.purpose-check{color:#a78bfa;width:16px;position:absolute;top:9px;right:9px}.purpose-selector.compact .purpose-grid{grid-template-columns:repeat(7,minmax(90px,1fr))}.purpose-selector.compact .purpose-grid>button{align-items:center;min-height:56px;padding:10px}.purpose-selector.compact .purpose-grid small{display:none}.purpose-selector.compact .purpose-icon{font-size:18px}.purpose-selector.compact .purpose-grid b{font-size:10px}.unit-goals{flex-wrap:wrap;gap:6px;margin:-2px 0 12px 64px;display:flex}.unit-goals span{color:#c4b5fd;background:#8b5cf614;border:1px solid #8b5cf640;border-radius:999px;padding:4px 8px;font-size:9px;font-weight:700}.settings-modal-wide{width:min(1120px,94vw);max-width:1120px;max-height:92vh;overflow:auto}.ai-provider-section{border:1px solid var(--border);background:#05091459;border-radius:18px;margin-bottom:16px;padding:16px}.ai-settings-head{grid-template-columns:1.25fr 1fr;align-items:start;gap:18px;margin-bottom:13px;display:grid}.ai-settings-head h3{align-items:center;gap:8px;margin:0 0 6px;display:flex}.ai-settings-head p{color:var(--muted);margin:0;font-size:10px;line-height:1.55}.compact-switch{background:#8b5cf612!important;border:1px solid #8b5cf633!important;margin:0!important}.provider-list{gap:10px;margin:12px 0;display:grid}.provider-card{border:1px solid var(--border);background:#ffffff06;border-radius:16px;grid-template-columns:48px 1fr;transition:all .2s;display:grid;overflow:hidden}.provider-card.disabled{opacity:.55}.provider-priority{border-right:1px solid var(--border);flex-direction:column;justify-content:center;align-items:center;gap:4px;padding:8px;display:flex}.provider-priority>b{background:#8b5cf626;border-radius:50%;place-items:center;width:27px;height:27px;font-size:11px;display:grid}.provider-priority button{color:var(--muted);cursor:pointer;background:0 0;border:0;place-items:center;width:24px;height:20px;display:grid}.provider-priority button:disabled{opacity:.2;cursor:not-allowed}.provider-priority svg{width:14px}.provider-main{padding:12px}.provider-title{grid-template-columns:36px 1fr auto;align-items:center;gap:9px;display:grid}.provider-title>span{background:#8b5cf621;border-radius:11px;place-items:center;width:34px;height:34px;font-weight:900;display:grid}.provider-title b{font-size:12px}.provider-title small{color:var(--muted);margin-top:2px;font-size:9px;line-height:1.45;display:block}.provider-enable{align-items:center;gap:5px;font-size:10px;font-weight:700;display:flex}.provider-fields{grid-template-columns:1.3fr 1fr auto;align-items:end;gap:9px;margin-top:10px;display:grid}.provider-fields>label{color:var(--muted);flex-direction:column;gap:5px;font-size:9px;display:flex}.provider-fields input{border:1px solid var(--border);height:38px;color:var(--text);background:#05091494;border-radius:10px;width:100%;padding:0 10px}.password-field{grid-template-columns:1fr 38px;display:grid}.password-field input{border-radius:10px 0 0 10px}.password-field button{border:1px solid var(--border);cursor:pointer;background:#ffffff0a;border-left:0;border-radius:0 10px 10px 0;place-items:center;display:grid}.password-field svg{width:15px}.provider-test{white-space:nowrap;height:38px;padding:0 12px}.provider-status{border-radius:10px;align-items:center;gap:7px;margin-top:8px;padding:8px 10px;font-size:9px;display:flex}.provider-status svg{width:14px}.provider-status.ok{color:#a7f3d0;background:#34d39914}.provider-status.error{color:#fecdd3;background:#fb718514}.provider-status.loading{color:#bae6fd;background:#38bdf814}.lower-settings{margin-top:14px}.full-width{justify-content:center;width:100%}.security-note{line-height:1.55}.example-audio-line{align-items:flex-start;gap:8px;display:flex}.example-audio-line button,.inline-audio{cursor:pointer;background:#8b5cf624;border:0;border-radius:9px;flex:none;place-items:center;width:31px;height:31px;display:grid}.example-audio-line p{margin:4px 0!important}.target-sentence{position:relative}.target-sentence .inline-audio{vertical-align:middle;margin-right:8px;display:inline-grid}.compact-audio{margin:10px auto;padding:9px 13px}.answer-hint{color:var(--muted);margin-top:9px;display:block}.speech-target>div{flex-direction:column;gap:4px;display:flex}.speech-target small,.speech-target span{color:var(--muted);font-size:10px}.support-badge{white-space:nowrap}@media (width<=1100px){.purpose-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.purpose-selector.compact .purpose-grid{grid-template-columns:repeat(4,minmax(100px,1fr))}.ai-settings-head{grid-template-columns:1fr}.provider-fields{grid-template-columns:1fr 1fr}.provider-test{grid-column:1/-1;justify-content:center}}@media (width<=720px){.purpose-grid,.purpose-selector.compact .purpose-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.purpose-grid>button{min-height:72px}.provider-card{grid-template-columns:38px 1fr}.provider-title{grid-template-columns:32px 1fr}.provider-enable{grid-column:2}.provider-fields{grid-template-columns:1fr}.provider-test{grid-column:auto}.settings-modal-wide{width:96vw}.unit-goals{margin-left:0}.dashboard-purpose-panel,.course-purpose-panel{padding:12px}}@media (width<=440px){.purpose-grid,.purpose-selector.compact .purpose-grid{grid-template-columns:1fr}.purpose-selector.compact .purpose-grid>button{min-height:48px}.provider-card{grid-template-columns:1fr}.provider-priority{border-right:0;border-bottom:1px solid var(--border);flex-direction:row}.provider-main{padding:10px}}.sidebar{gap:12px;overflow:hidden}.sidebar nav{scrollbar-width:thin;padding-right:3px;overflow-y:auto}.sidebar-group{flex-direction:column;gap:5px;margin-bottom:12px;display:flex}.sidebar-group:last-child{margin-bottom:0}.sidebar-group button{padding:10px 12px!important}.sidebar-tip{flex:none}.skill-heading h1{align-items:center;gap:12px;display:flex}.skill-heading h1>svg{color:#c4b5fd;width:34px;height:34px}.skill-purpose-panel{border-radius:20px;margin-bottom:16px;padding:13px}.skill-summary-grid{grid-template-columns:minmax(0,1fr) 170px 170px;gap:13px;margin-bottom:15px;display:grid}.skill-summary-main{border-radius:22px;grid-template-columns:54px 1fr 82px;align-items:center;gap:14px;padding:18px 20px;display:grid}.skill-summary-icon{color:#c4b5fd;background:#8b5cf626;border-radius:16px;place-items:center;width:52px;height:52px;display:grid}.skill-summary-main h2{margin:4px 0;font-size:25px}.skill-summary-main p{color:var(--muted);margin:0;font-size:11px}.skill-progress-ring{background:conic-gradient(#8b5cf6 var(--skill-progress),#ffffff14 0);border-radius:50%;place-items:center;width:72px;height:72px;display:grid;position:relative}.skill-progress-ring:after{content:"";background:#11162a;border-radius:50%;position:absolute;inset:7px}.skill-progress-ring b{z-index:1;font-size:13px;position:relative}.skill-mini-stat{border-radius:22px;align-items:center;gap:12px;padding:16px;display:flex}.skill-mini-stat>svg{color:#67e8f9;background:#22d3ee1a;border-radius:13px;width:38px;height:38px;padding:9px}.skill-mini-stat div{flex-direction:column;display:flex}.skill-mini-stat b{font-size:24px}.skill-mini-stat span{color:var(--muted);font-size:10px}.skill-level-tabs{margin-bottom:16px}.skill-unit-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:15px;display:grid}.skill-unit-card{border-radius:23px;flex-direction:column;gap:13px;min-width:0;padding:18px;display:flex}.skill-unit-top{align-items:center;gap:8px;display:flex}.skill-unit-number{color:var(--muted);letter-spacing:.12em;font-size:10px;font-weight:900}.skill-unit-badge{letter-spacing:.13em;color:#c4b5fd;background:#8b5cf61f;border-radius:999px;padding:5px 8px;font-size:8px;font-weight:900}.skill-complete{color:#34d399;width:19px;margin-left:auto}.skill-unit-title{grid-template-columns:48px 1fr;align-items:start;gap:12px;display:grid}.skill-unit-title>span{background:#ffffff0e;border-radius:15px;place-items:center;width:46px;height:46px;font-size:23px;display:grid}.skill-unit-title h2{margin:0 0 4px;font-size:19px}.skill-unit-title p{color:var(--muted);margin:0;font-size:10px;line-height:1.5}.skill-focus-box{background:#05091466;border-radius:14px;flex-direction:column;gap:4px;padding:11px 13px;display:flex}.skill-focus-box small{letter-spacing:.13em;color:#a5b4fc;font-size:8px}.skill-focus-box b{font-size:12px;line-height:1.5}.skill-audio-preview{text-align:left;cursor:pointer;background:#22d3ee0f;border:1px solid #22d3ee2e;border-radius:14px;align-items:center;gap:10px;padding:10px 12px;display:flex}.skill-audio-preview>svg{color:#67e8f9;flex:none}.skill-audio-preview span{flex-direction:column;min-width:0;display:flex}.skill-audio-preview b{font-size:10px}.skill-audio-preview small{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:9px;overflow:hidden}.skill-lesson-list{flex-direction:column;gap:7px;display:flex}.skill-lesson-list>button{border:1px solid var(--border);text-align:left;cursor:pointer;background:#ffffff06;border-radius:13px;grid-template-columns:30px 1fr 18px;align-items:center;gap:8px;padding:10px;display:grid}.skill-lesson-list>button:hover{background:#8b5cf612;border-color:#8b5cf673}.skill-lesson-list>button.done{background:#34d3990e;border-color:#34d39933}.skill-lesson-list>button>span{background:#8b5cf61f;border-radius:9px;place-items:center;width:28px;height:28px;display:grid}.skill-lesson-list>button>span svg{width:15px}.skill-lesson-list>button>div{flex-direction:column;gap:2px;display:flex}.skill-lesson-list>button b{font-size:11px}.skill-lesson-list>button small{color:var(--muted);font-size:9px}.skill-lesson-list>button>svg{width:15px;color:var(--muted)}.skill-roleplay-link{text-align:left;cursor:pointer;background:linear-gradient(135deg,#8b5cf633,#e11d481f);border:0;border-radius:13px;align-items:center;gap:8px;padding:11px 12px;font-size:10px;font-weight:800;display:flex}.skill-roleplay-link svg{width:16px}.skill-cyan .skill-unit-badge{color:#67e8f9;background:#22d3ee1a}.skill-purple .skill-unit-badge{color:#c4b5fd;background:#8b5cf624}.skill-blue .skill-unit-badge{color:#93c5fd;background:#60a5fa1f}.skill-pink .skill-unit-badge{color:#f9a8d4;background:#f472b61f}.skill-dashboard-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;margin:18px 0;display:grid}.skill-dashboard-action{border:1px solid var(--border);text-align:left;cursor:pointer;border-radius:20px;flex-direction:column;align-items:flex-start;gap:12px;min-height:170px;padding:17px;transition:all .2s;display:flex}.skill-dashboard-action:hover{border-color:#a78bfa66;transform:translateY(-3px)}.skill-dashboard-icon{color:#c4b5fd;background:#8b5cf626;border-radius:15px;place-items:center;width:48px;height:48px;display:grid}.skill-dashboard-action>span:nth-child(2){flex-direction:column;gap:5px;display:flex}.skill-dashboard-action b{font-size:17px}.skill-dashboard-action small{color:var(--muted);font-size:10px;line-height:1.5}.skill-dashboard-action em{color:#a5b4fc;align-items:center;gap:5px;margin-top:auto;font-size:10px;font-style:normal;font-weight:800;display:flex}.skill-dashboard-vocabulary .skill-dashboard-icon{color:#67e8f9;background:#22d3ee1c}.skill-dashboard-grammar .skill-dashboard-icon{color:#c4b5fd;background:#8b5cf626}.skill-dashboard-listening .skill-dashboard-icon{color:#93c5fd;background:#60a5fa1f}.skill-dashboard-speaking .skill-dashboard-icon{color:#f9a8d4;background:#f472b61f}.dashboard-support-row{margin-top:18px}.settings-backdrop{padding:14px}.settings-modal-wide{border-radius:24px;flex-direction:column;width:min(1000px,96vw);height:min(780px,92vh);max-height:92vh;display:flex;padding:0!important;overflow:hidden!important}.settings-fixed-head{flex:none;padding:18px 20px 14px}.settings-fixed-head h2{align-items:center;gap:9px;font-size:22px;display:flex}.settings-tabs{border-bottom:1px solid var(--border);background:#05091447;flex:none;gap:7px;padding:10px 20px;display:flex}.settings-tabs>button{color:var(--muted);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:12px;align-items:center;gap:7px;padding:9px 13px;font-size:11px;font-weight:800;display:flex}.settings-tabs>button.active{color:#fff;background:#8b5cf624;border-color:#8b5cf64d}.settings-tabs small{background:#ffffff14;border-radius:999px;padding:2px 6px;font-size:8px}.settings-scroll-body{scrollbar-width:thin;flex:1;min-height:0;padding:16px 20px;overflow-y:auto}.settings-tab-panel{margin:0!important}.settings-fixed-footer{border-top:1px solid var(--border);background:#080c19d9;flex:none;grid-template-columns:1fr auto;align-items:center;gap:12px;padding:11px 20px;display:grid}.settings-fixed-footer .modal-actions{margin:0}.settings-status-inline{color:#a7f3d0;font-size:10px}.provider-grid-v22{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}.provider-card-v22{padding:13px;display:block;overflow:visible}.provider-card-head{grid-template-columns:auto 36px minmax(0,1fr) auto;align-items:center;gap:8px;display:grid}.provider-priority-v22{align-items:center;gap:2px;display:flex}.provider-priority-v22>b{background:#8b5cf626;border-radius:50%;place-items:center;width:25px;height:25px;font-size:10px;display:grid}.provider-priority-v22 button{width:22px;height:22px;color:var(--muted);cursor:pointer;background:0 0;border:0;place-items:center;padding:0;display:grid}.provider-priority-v22 button:disabled{opacity:.2}.provider-priority-v22 svg{width:13px}.provider-logo-v22{background:#8b5cf621;border-radius:11px;place-items:center;width:34px;height:34px;display:grid}.provider-name-v22{min-width:0}.provider-name-v22 b{font-size:11px;display:block}.provider-name-v22 small{color:var(--muted);margin-top:2px;font-size:8px;line-height:1.35;display:block}.provider-fields-v22 .provider-test{justify-content:center;width:100%;grid-column:auto!important}.settings-inline-actions{justify-content:flex-end;margin-top:10px;display:flex}.settings-panel-intro{border:1px solid var(--border);background:#05091452;border-radius:18px;align-items:flex-start;gap:14px;margin-bottom:14px;padding:18px;display:flex}.settings-panel-icon{color:#c4b5fd;background:#8b5cf624;border-radius:15px;flex:none;place-items:center;width:48px;height:48px;display:grid}.settings-panel-intro h3{margin:2px 0 6px}.settings-panel-intro p{color:var(--muted);margin:0;font-size:11px;line-height:1.55}.settings-form-card{border:1px solid var(--border);background:#ffffff06;border-radius:18px;flex-direction:column;gap:16px;max-width:700px;padding:18px;display:flex}.settings-form-card>label:not(.switch-row){flex-direction:column;gap:8px;font-size:11px;display:flex}.settings-form-card select{border:1px solid var(--border);color:#fff;background:#0509148c;border-radius:12px;height:42px;padding:0 12px}.settings-form-card input[type=range]{accent-color:#8b5cf6}.backup-box-v22{max-width:700px;padding:20px}.backup-box-v22>div{margin-top:14px}.ai-provider-section{background:0 0;border:0;padding:0}.ai-settings-head{border:1px solid var(--border);background:#05091459;border-radius:16px;padding:14px}.security-note{margin-top:12px}@media (width<=1180px){.skill-dashboard-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.skill-summary-grid{grid-template-columns:minmax(0,1fr) 150px 150px}}@media (width<=900px){.skill-unit-grid,.provider-grid-v22{grid-template-columns:1fr}.settings-modal-wide{height:94vh;max-height:94vh}.skill-summary-grid{grid-template-columns:1fr 1fr}.skill-summary-main{grid-column:1/-1}.provider-name-v22 small{display:none}}@media (width<=720px){.settings-backdrop{padding:0}.settings-modal-wide{border-radius:0;height:100vh;max-height:100vh;width:100vw!important}.settings-fixed-head{padding:14px}.settings-tabs{padding:8px 12px;overflow-x:auto}.settings-tabs>button{white-space:nowrap}.settings-scroll-body{padding:12px}.settings-fixed-footer{grid-template-columns:1fr;padding:9px 12px}.settings-status-inline{display:none}.settings-fixed-footer .modal-actions{width:100%}.settings-fixed-footer .primary-button,.settings-fixed-footer .ghost-button{flex:1}.skill-summary-grid{grid-template-columns:1fr}.skill-summary-main{grid-template-columns:46px 1fr 64px}.skill-progress-ring{width:60px;height:60px}.skill-dashboard-grid{grid-template-columns:1fr 1fr}.skill-dashboard-action{min-height:150px}.sidebar nav{padding-bottom:8px}}@media (width<=480px){.skill-dashboard-grid{grid-template-columns:1fr}.skill-dashboard-action{min-height:125px}.skill-unit-card{padding:14px}.skill-summary-main{grid-template-columns:44px 1fr}.skill-progress-ring{background:linear-gradient(90deg,#8b5cf6 var(--skill-progress),#ffffff14 0);border-radius:999px;grid-column:1/-1;width:100%;height:7px}.skill-progress-ring:after,.skill-progress-ring b{display:none}.provider-card-head{grid-template-columns:auto 32px 1fr}.provider-enable{grid-column:3}.provider-priority-v22{flex-direction:column;grid-row:1/3}.settings-tabs>button span{display:none}.settings-tabs>button{flex:1;justify-content:center}.settings-tabs small{display:none}}.settings-modal-wide{-webkit-backdrop-filter:blur(28px);backdrop-filter:blur(28px);background:linear-gradient(145deg,#13192ffb,#080c19fc);box-shadow:0 30px 100px #000000b3}.settings-fixed-head,.settings-tabs,.settings-fixed-footer{background:#090d1bf0}.settings-scroll-body{background:#080c1999}.provider-grid-v22{grid-template-columns:1fr}.provider-card-v22{background:#12182ce6;border-color:#ffffff1c;grid-template-columns:minmax(280px,.9fr) minmax(0,1.35fr);align-items:center;gap:14px;display:grid}.provider-fields-v22{margin-top:0;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr) auto!important}.provider-fields-v22 .provider-test{width:auto;min-width:110px;grid-column:auto!important}.provider-card-v22 .provider-status{grid-column:1/-1;margin-top:-4px}.provider-name-v22 small{font-size:8.5px}.ai-settings-head{background:#12182ce0}@media (width<=900px){.provider-card-v22{grid-template-columns:1fr}.provider-fields-v22{grid-template-columns:1fr 1fr!important}.provider-fields-v22 .provider-test{width:100%;grid-column:1/-1!important}}@media (width<=560px){.provider-fields-v22{grid-template-columns:1fr!important}.provider-fields-v22 .provider-test{grid-column:auto!important}}@media (width<=480px){.settings-tabs>button span{font-size:9px;display:inline}.settings-tabs>button{gap:4px;padding:8px 6px}.settings-tabs>button svg{width:14px}.settings-tabs{gap:4px}}.vocab-lab-heading h1{align-items:center;gap:12px;display:flex}.vocab-lab-heading h1 svg{color:#67e8f9}.vocab-overview-grid{grid-template-columns:minmax(0,1.6fr) minmax(180px,.55fr) minmax(180px,.55fr);gap:14px;margin:18px 0;display:grid}.vocab-overview-main,.vocab-overview-stat{border-radius:20px;align-items:center;gap:14px;padding:18px;display:flex}.vocab-overview-main{min-height:118px}.vocab-overview-icon{color:#67e8f9;background:linear-gradient(135deg,#22d3ee2e,#8b5cf629);border-radius:18px;flex:none;place-items:center;width:58px;height:58px;display:grid}.vocab-overview-icon svg{width:29px;height:29px}.vocab-overview-main h2{margin:4px 0;font-size:22px}.vocab-overview-main p{color:var(--muted);margin:0;font-size:11px;line-height:1.55}.vocab-overview-stat>svg{color:#c4b5fd;background:#8b5cf624;border-radius:14px;flex:none;width:42px;height:42px;padding:10px}.vocab-overview-stat div{flex-direction:column;display:flex}.vocab-overview-stat b{font-size:21px}.vocab-overview-stat span{color:var(--muted);font-size:10px;line-height:1.4}.vocab-quick-practice{border-radius:22px;grid-template-columns:minmax(230px,1fr) 120px repeat(3,minmax(150px,.55fr));align-items:center;gap:10px;margin:18px 0 24px;padding:18px;display:grid}.vocab-quick-practice h2{margin:4px 0;font-size:18px}.vocab-quick-practice p{color:var(--muted);margin:0;font-size:10px}.vocab-quick-practice label{color:var(--muted);flex-direction:column;gap:5px;font-size:9px;font-weight:800;display:flex}.vocab-quick-practice select{border:1px solid var(--border);color:#fff;background:#070b16a6;border-radius:12px;height:40px;padding:0 10px}.vocab-quick-practice>button{border:1px solid var(--border);cursor:pointer;border-radius:14px;justify-content:center;align-items:center;gap:8px;height:52px;font-size:10px;font-weight:900;display:flex}.vocab-quick-practice>button:disabled{opacity:.35;cursor:not-allowed}.quick-remember{color:#a5f3fc;background:linear-gradient(135deg,#22d3ee33,#0e749038)}.quick-write{color:#ddd6fe;background:linear-gradient(135deg,#8b5cf63b,#4f46e538)}.quick-mistake{color:#fda4af;background:#fb71851a}.vocab-library-toolbar{grid-template-columns:1fr minmax(260px,380px) auto;align-items:center;gap:12px;margin:8px 0 14px;display:grid}.vocab-library-toolbar h2{margin:3px 0;font-size:18px}.vocab-search{border:1px solid var(--border);background:#080c198c;border-radius:14px;align-items:center;gap:8px;height:43px;padding:0 12px;display:flex}.vocab-search svg{width:16px;color:var(--muted)}.vocab-search input{color:#fff;background:0 0;border:0;outline:0;width:100%;font-size:11px}.vocab-filter-label{color:#c4b5fd;background:#8b5cf621;border-radius:13px;align-items:center;gap:7px;height:40px;padding:0 12px;font-size:10px;font-weight:900;display:flex}.vocab-filter-label svg{width:15px}.vocab-pack-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.vocab-pack-card{border-radius:21px;flex-direction:column;gap:13px;min-height:315px;padding:16px;transition:all .2s;display:flex}.vocab-pack-card:hover{border-color:#67e8f940;transform:translateY(-3px)}.vocab-pack-top{align-items:center;gap:7px;display:flex}.vocab-pack-number{color:#67e8f9;background:#22d3ee1a;border-radius:9px;place-items:center;width:28px;height:28px;font-size:9px;font-weight:900;display:grid}.vocab-pack-level,.vocab-pack-new{color:#c4b5fd;background:#8b5cf61f;border-radius:999px;padding:5px 8px;font-size:8px;font-weight:900}.vocab-pack-new{color:#6ee7b7;background:#34d3991a;margin-left:auto}.vocab-pack-title{align-items:center;gap:11px;display:flex}.vocab-pack-title>span{background:#ffffff0e;border-radius:14px;place-items:center;width:45px;height:45px;font-size:24px;display:grid}.vocab-pack-title h3{margin:0 0 3px;font-size:16px}.vocab-pack-title p{color:var(--muted);margin:0;font-size:9px}.vocab-word-preview{flex-wrap:wrap;align-content:flex-start;gap:5px;min-height:48px;display:flex}.vocab-word-preview span{color:#dbeafe;background:#ffffff0d;border:1px solid #ffffff0f;border-radius:8px;padding:5px 7px;font-size:9px}.vocab-pack-mastery{margin-top:auto}.vocab-pack-mastery>div:first-child{color:var(--muted);justify-content:space-between;margin-bottom:6px;font-size:9px;display:flex}.vocab-pack-mastery b{color:#67e8f9}.vocab-mastery-bar{background:#ffffff12;border-radius:999px;height:5px;overflow:hidden}.vocab-mastery-bar span{background:linear-gradient(90deg,#22d3ee,#8b5cf6);border-radius:999px;height:100%;display:block}.vocab-pack-actions{grid-template-columns:1fr 1fr;gap:8px;display:grid}.vocab-pack-actions button{border:1px solid var(--border);text-align:left;cursor:pointer;background:#ffffff09;border-radius:13px;grid-template-columns:27px 1fr;align-items:center;gap:7px;padding:10px;display:grid}.vocab-pack-actions button:first-child{border-color:#22d3ee2e}.vocab-pack-actions button:last-child{border-color:#8b5cf633}.vocab-pack-actions button:hover{background:#ffffff14}.vocab-pack-actions svg{color:#67e8f9;width:20px}.vocab-pack-actions button:last-child svg{color:#c4b5fd}.vocab-pack-actions span{flex-direction:column;display:flex}.vocab-pack-actions b{font-size:10px}.vocab-pack-actions small{color:var(--muted);margin-top:2px;font-size:7.5px}.vocab-session-top{grid-template-columns:auto 1fr auto;align-items:center;gap:14px;max-width:1120px;margin:8px auto 18px;display:grid}.vocab-session-progress{background:#ffffff14;border-radius:999px;height:7px;overflow:hidden}.vocab-session-progress span{background:linear-gradient(90deg,#22d3ee,#8b5cf6);border-radius:999px;height:100%;transition:all .3s;display:block}.vocab-session-top>b{color:var(--muted);font-size:11px}.vocab-session-layout{grid-template-columns:minmax(0,1fr) 280px;gap:16px;max-width:1120px;margin:auto;display:grid}.vocab-practice-card{border-radius:28px;flex-direction:column;min-height:620px;padding:22px;display:flex}.vocab-practice-meta{border-bottom:1px solid var(--border);color:var(--muted);justify-content:space-between;align-items:center;padding-bottom:14px;font-size:10px;display:flex}.vocab-practice-meta b{letter-spacing:.12em;color:#67e8f9}.writing-mode .vocab-practice-meta b{color:#c4b5fd}.remember-word-stage,.write-word-stage{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;padding:28px 14px;display:flex}.vocab-main-speaker{color:#67e8f9;cursor:pointer;background:#22d3ee1c;border:1px solid #22d3ee40;border-radius:20px;place-items:center;width:60px;height:60px;margin:18px 0 8px;display:grid}.vocab-main-speaker svg{width:28px;height:28px}.remember-word-stage h1{letter-spacing:-.04em;margin:10px 0;font-size:clamp(44px,6vw,76px)}.remember-word-stage h3{color:#a5b4fc;margin:0;font-size:20px}.remember-word-stage>small{color:var(--muted);margin-top:6px}.reveal-meaning{min-width:180px;margin-top:30px}.remember-meaning{background:#22d3ee0e;border:1px solid #22d3ee21;border-radius:18px;width:min(560px,100%);margin-top:25px;padding:20px}.remember-meaning>span{color:#67e8f9;letter-spacing:.13em;font-size:9px;font-weight:900}.remember-meaning h2{margin:6px 0;font-size:27px}.remember-meaning>small{color:var(--muted)}.vocab-example{border-top:1px solid var(--border);text-align:left;grid-template-columns:36px 1fr;gap:10px;margin-top:15px;padding-top:13px;display:grid}.vocab-example button{cursor:pointer;background:#ffffff12;border:0;border-radius:10px;place-items:center;width:34px;height:34px;display:grid}.vocab-example b{font-size:11px}.vocab-example p{color:var(--muted);margin:4px 0 0;font-size:10px}.remember-rating-row{grid-template-columns:repeat(3,1fr);gap:8px;margin-top:auto;display:grid}.remember-rating-row button{border:1px solid var(--border);text-align:left;cursor:pointer;border-radius:14px;grid-template-columns:28px 1fr;column-gap:7px;padding:11px;display:grid}.remember-rating-row svg{grid-row:1/3;align-self:center;width:19px}.remember-rating-row b{font-size:10px}.remember-rating-row span{color:var(--muted);font-size:8px}.remember-again{color:#fda4af;background:#fb718514}.remember-hard{color:#fde68a;background:#fbbf2414}.remember-good{color:#6ee7b7;background:#34d39914}.write-prompt-icon{color:#c4b5fd;background:#8b5cf624;border-radius:18px;place-items:center;width:58px;height:58px;margin:18px 0;display:grid}.write-word-stage>p{color:var(--muted);margin:0}.write-word-stage>h1{max-width:700px;margin:10px 0 18px;font-size:clamp(27px,4vw,45px)}.write-audio-hint{gap:8px;display:flex}.write-audio-hint button{border:1px solid var(--border);cursor:pointer;background:#ffffff0d;border-radius:12px;align-items:center;gap:7px;padding:9px 12px;font-size:10px;font-weight:800;display:flex}.writing-hint{color:#fde68a;background:#fbbf2412;border-radius:13px;flex-direction:column;gap:5px;margin:14px 0 0;padding:10px 16px;display:flex}.writing-hint b{letter-spacing:.12em;font-size:20px}.writing-hint span{font-size:9px}.write-correction-box{background:#fb718512;border:1px solid #fb71853d;border-radius:15px;width:min(600px,100%);margin:16px 0 0;padding:14px}.write-correction-box>span{letter-spacing:.12em;color:#fda4af;font-size:8px;font-weight:900}.write-correction-box h2{margin:5px 0;font-size:27px}.write-correction-box small{color:#c4b5fd}.write-correction-box p{color:var(--muted);margin:8px 0 0;font-size:9px}.vocab-writing-input{color:#fff;text-align:center;background:#060a16b8;border:1px solid #8b5cf659;border-radius:16px;width:min(620px,100%);height:62px;margin:18px 0 10px;padding:0 18px;font-size:23px;font-weight:800}.vocab-writing-input.correct{background:#34d3990f;border-color:#34d3998c}.vocab-writing-input.incorrect{background:#fb71850b;border-color:#fb718580}.vocab-write-feedback{text-align:left;border-radius:13px;align-items:center;gap:9px;width:min(620px,100%);padding:11px 13px;display:flex}.vocab-write-feedback.correct{color:#6ee7b7;background:#34d39917}.vocab-write-feedback.incorrect{color:#fda4af;background:#fb718517}.vocab-write-feedback svg{flex:none;width:20px}.vocab-write-feedback div{flex-direction:column;display:flex}.vocab-write-feedback b{font-size:10px}.vocab-write-feedback span{color:var(--muted);margin-top:2px;font-size:8px}.write-actions{margin-top:15px}.vocab-session-guide{border-radius:22px;height:max-content;padding:18px;position:sticky;top:98px}.vocab-guide-icon{color:#c4b5fd;background:#8b5cf624;border-radius:14px;place-items:center;width:46px;height:46px;display:grid}.vocab-session-guide h3{margin:13px 0;font-size:16px}.vocab-session-guide ol{color:var(--muted);margin:0;padding-left:18px;font-size:10px;line-height:1.8}.vocab-current-stats{border-top:1px solid var(--border);color:var(--muted);justify-content:space-between;margin-top:17px;padding-top:13px;font-size:9px;display:flex}.vocab-current-stats b{color:#67e8f9}.vocab-session-summary{text-align:center;border-radius:28px;max-width:760px;margin:35px auto;padding:35px}.vocab-summary-medal{color:#fde68a;background:linear-gradient(135deg,#fbbf2438,#8b5cf62e);border-radius:22px;place-items:center;width:72px;height:72px;margin:0 auto 16px;display:grid}.vocab-summary-medal svg{width:34px;height:34px}.vocab-session-summary h1{margin:7px 0;font-size:34px}.vocab-session-summary>p{color:var(--muted);margin:0}.vocab-score-circle{background:conic-gradient(#22d3ee var(--score),#ffffff12 0);border-radius:50%;align-content:center;place-items:center;width:130px;height:130px;margin:24px auto;display:grid;position:relative}.vocab-score-circle:after{content:"";background:#101628;border-radius:50%;position:absolute;inset:9px}.vocab-score-circle b,.vocab-score-circle span{z-index:1;position:relative}.vocab-score-circle b{font-size:34px}.vocab-score-circle span{color:var(--muted);font-size:9px}.vocab-summary-stats{grid-template-columns:repeat(3,1fr);gap:9px;display:grid}.vocab-summary-stats>div{border:1px solid var(--border);border-radius:15px;flex-direction:column;align-items:center;gap:4px;padding:12px;display:flex}.vocab-summary-stats svg{color:#a5b4fc;width:20px}.vocab-summary-stats b{font-size:19px}.vocab-summary-stats span{color:var(--muted);font-size:8px}.vocab-mistake-preview{text-align:left;background:#fb71850f;border-radius:15px;margin-top:16px;padding:14px}.vocab-mistake-preview>b{color:#fda4af;font-size:10px}.vocab-mistake-preview>div{flex-wrap:wrap;gap:6px;margin-top:9px;display:flex}.vocab-mistake-preview span{background:#ffffff0d;border-radius:8px;padding:5px 8px;font-size:9px}.vocab-summary-actions{justify-content:center;gap:9px;margin-top:20px;display:flex}@media (width<=1250px){.vocab-pack-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.vocab-quick-practice{grid-template-columns:1fr 110px repeat(2,minmax(150px,.55fr))}.vocab-quick-practice .quick-mistake{grid-column:3/5}.vocab-overview-grid{grid-template-columns:1fr 1fr}.vocab-overview-main{grid-column:1/-1}}@media (width<=900px){.vocab-session-layout{grid-template-columns:1fr}.vocab-session-guide{position:static}.vocab-practice-card{min-height:570px}.vocab-library-toolbar{grid-template-columns:1fr auto}.vocab-search{grid-area:2/1/auto/-1}.vocab-quick-practice{grid-template-columns:1fr 110px}.vocab-quick-practice>button{grid-column:auto}.vocab-quick-practice .quick-mistake{grid-column:1/-1}.vocab-summary-actions{flex-direction:column}}@media (width<=650px){.vocab-pack-grid,.vocab-overview-grid{grid-template-columns:1fr}.vocab-overview-main{grid-column:auto}.vocab-quick-practice{grid-template-columns:1fr}.vocab-quick-practice label,.vocab-quick-practice>button,.vocab-quick-practice .quick-mistake{grid-column:auto}.vocab-library-toolbar{grid-template-columns:1fr}.vocab-filter-label{width:max-content}.vocab-search{grid-area:auto}.vocab-session-top{grid-template-columns:1fr auto}.vocab-session-top .ghost-button{grid-column:1/-1;justify-self:start}.vocab-practice-card{min-height:560px;padding:14px}.remember-word-stage,.write-word-stage{padding:20px 4px}.remember-rating-row,.vocab-summary-stats{grid-template-columns:1fr}.vocab-session-summary{padding:24px 14px}.vocab-overview-main{align-items:flex-start}.vocab-overview-main h2{font-size:18px}}.ai-vocab-studio{background:linear-gradient(135deg,#141f3aeb,#25143ee0);border-color:#a78bfa3d;border-radius:24px;margin:18px 0;padding:18px}.ai-vocab-studio-head{justify-content:space-between;align-items:flex-start;gap:18px;display:flex}.ai-vocab-title{align-items:flex-start;gap:13px;display:flex}.ai-vocab-title>span{color:#c4b5fd;background:linear-gradient(135deg,#8b5cf640,#22d3ee24);border:1px solid #a78bfa38;border-radius:15px;flex:none;place-items:center;width:48px;height:48px;display:grid}.ai-vocab-title>span svg{width:25px}.ai-vocab-title small{letter-spacing:.15em;color:#a78bfa;font-size:8px;font-weight:900}.ai-vocab-title h2{margin:4px 0;font-size:20px}.ai-vocab-title p{color:var(--muted);max-width:720px;margin:0;font-size:10px;line-height:1.6}.ai-vocab-builder{border-top:1px solid var(--border);grid-template-columns:minmax(260px,1fr) 105px 150px 170px;align-items:end;gap:10px;margin-top:17px;padding-top:16px;display:grid}.ai-vocab-builder label{flex-direction:column;gap:6px;display:flex}.ai-vocab-builder label>span{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;font-size:8px;font-weight:900}.ai-vocab-builder input,.ai-vocab-builder select{border:1px solid var(--border);height:43px;color:var(--text);background:#050a17ad;border-radius:12px;outline:none;padding:0 12px}.ai-vocab-builder input:focus,.ai-vocab-builder select:focus{border-color:#a78bfa9e;box-shadow:0 0 0 3px #8b5cf61a}.ai-vocab-generate{justify-content:center;height:43px}.spin{animation:.9s linear infinite aiSpin}@keyframes aiSpin{to{transform:rotate(360deg)}}.ai-topic-suggestions{flex-wrap:wrap;align-items:center;gap:6px;margin-top:12px;display:flex}.ai-topic-suggestions>b{color:var(--muted);margin-right:2px;font-size:8px}.ai-topic-suggestions button{color:#ddd6fe;cursor:pointer;background:#8b5cf612;border:1px solid #a78bfa29;border-radius:999px;padding:6px 9px;font-size:8px}.ai-topic-suggestions button:hover{background:#8b5cf629;border-color:#a78bfa59}.ai-vocab-options{grid-template-columns:1fr 1fr;gap:9px;margin-top:14px;display:grid}.ai-auto-toggle,.ai-adaptive-info{border:1px solid var(--border);background:#050a175c;border-radius:15px;align-items:flex-start;gap:10px;padding:12px;display:flex}.ai-auto-toggle>input{accent-color:#8b5cf6;margin-top:4px}.ai-auto-toggle>span,.ai-adaptive-info>span{flex-direction:column;gap:3px;display:flex}.ai-auto-toggle svg,.ai-adaptive-info>svg{color:#a78bfa;flex:none;width:20px}.ai-auto-toggle b,.ai-adaptive-info b{font-size:10px}.ai-auto-toggle small,.ai-adaptive-info small{color:var(--muted);font-size:8px;line-height:1.5}.ai-vocab-status{border-radius:13px;align-items:flex-start;gap:9px;margin-top:12px;padding:11px 13px;font-size:9px;line-height:1.5;display:flex}.ai-vocab-status svg{flex:none;width:18px}.ai-vocab-status.success{color:#6ee7b7;background:#34d39914;border:1px solid #34d39924}.ai-vocab-status.error{color:#fda4af;background:#fb718514;border:1px solid #fb718529}.ai-vocab-library-head{border-top:1px solid var(--border);justify-content:space-between;align-items:center;margin-top:15px;padding-top:14px;display:flex}.ai-vocab-library-head>div{flex-direction:column;gap:3px;display:flex}.ai-vocab-library-head b{font-size:10px}.ai-vocab-library-head span{color:var(--muted);font-size:8px}.ai-vocab-library-head>button{color:#fda4af;cursor:pointer;background:0 0;border:0;align-items:center;gap:6px;font-size:8px;display:flex}.ai-vocab-library-head>button svg{width:15px}.ai-vocab-saved-list{grid-template-columns:1fr 1fr;gap:7px;margin-top:10px;display:grid}.ai-vocab-saved-list article{border:1px solid var(--border);background:#ffffff06;border-radius:13px;grid-template-columns:34px 1fr 28px;align-items:center;gap:8px;padding:9px;display:grid}.ai-pack-emoji{background:#8b5cf61c;border-radius:10px;place-items:center;width:32px;height:32px;display:grid}.ai-vocab-saved-list article>div{flex-direction:column;gap:3px;min-width:0;display:flex}.ai-vocab-saved-list b{white-space:nowrap;text-overflow:ellipsis;font-size:9px;overflow:hidden}.ai-vocab-saved-list small{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;font-size:7px;overflow:hidden}.ai-vocab-saved-list article>button{color:#fda4af;cursor:pointer;background:#fb718512;border:0;border-radius:9px;place-items:center;width:28px;height:28px;display:grid}.ai-vocab-saved-list article>button svg{width:14px}.ai-vocab-empty{color:var(--muted);border:1px dashed #a78bfa33;border-radius:14px;align-items:center;gap:10px;margin-top:10px;padding:14px;font-size:9px;display:flex}.ai-vocab-empty svg{color:#a78bfa;flex:none;width:22px}.vocab-pack-new.ai-created{color:#ddd6fe;background:linear-gradient(90deg,#8b5cf633,#22d3ee24);border-color:#a78bfa4d}.vocab-pack-new.smart-created{color:#6ee7b7;background:#34d3991a;border-color:#34d39933}@media (width<=1050px){.ai-vocab-builder{grid-template-columns:1fr 110px 160px}.ai-vocab-generate{grid-column:1/-1}.ai-vocab-saved-list{grid-template-columns:1fr}}@media (width<=720px){.ai-vocab-studio{padding:14px}.ai-vocab-studio-head{flex-direction:column}.ai-vocab-builder{grid-template-columns:1fr 1fr}.ai-vocab-topic,.ai-vocab-generate{grid-column:1/-1}.ai-vocab-options,.ai-vocab-saved-list{grid-template-columns:1fr}.ai-vocab-title h2{font-size:17px}}@media (width<=470px){.ai-vocab-builder{grid-template-columns:1fr}.ai-vocab-topic,.ai-vocab-generate{grid-column:auto}.ai-vocab-title>span{width:42px;height:42px}}.ai-cost-strip{border-top:1px solid var(--border);grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:16px;padding-top:15px;display:grid}.ai-cost-strip>div{border:1px solid var(--border);background:#050a1761;border-radius:14px;align-items:center;gap:9px;padding:10px;display:flex}.ai-cost-strip svg{color:#a78bfa;flex:none;width:19px}.ai-cost-strip span{flex-direction:column;min-width:0;display:flex}.ai-cost-strip small{color:var(--muted);letter-spacing:.08em;font-size:7px}.ai-cost-strip b{white-space:nowrap;text-overflow:ellipsis;margin-top:3px;font-size:9px;overflow:hidden}.ultra-options{grid-template-columns:1fr 1fr}.ai-batch-button{align-self:stretch;min-height:58px}.force-online-toggle{border-color:#fbbf242e}.force-online-toggle input{accent-color:#fbbf24}.ai-budget-warning{color:#fde68a;background:#fbbf2412;border:1px solid #fbbf2438;border-radius:13px;align-items:flex-start;gap:9px;margin-top:11px;padding:11px 13px;font-size:9px;line-height:1.5;display:flex}.ai-budget-warning svg{flex:none;width:17px}.budget-settings-panel{flex-direction:column;gap:14px;display:flex}.cost-mode-grid{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.cost-mode-grid button{border:1px solid var(--border);color:var(--text);text-align:left;cursor:pointer;background:#ffffff06;border-radius:15px;flex-direction:column;gap:5px;min-height:76px;padding:13px;display:flex}.cost-mode-grid button:hover{background:#8b5cf614}.cost-mode-grid button.active{background:linear-gradient(135deg,#8b5cf62e,#22d3ee14);border-color:#a78bfa8c;box-shadow:0 0 0 2px #8b5cf614}.cost-mode-grid b{font-size:11px}.cost-mode-grid small{color:var(--muted);font-size:8px;line-height:1.45}.budget-dashboard{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.budget-dashboard article{border:1px solid var(--border);background:#05091466;border-radius:16px;align-items:flex-start;gap:10px;padding:13px;display:flex}.budget-dashboard article>svg{color:#a78bfa;flex:none;width:22px}.budget-dashboard article>span{flex-direction:column;min-width:0;display:flex}.budget-dashboard small{letter-spacing:.08em;color:var(--muted);font-size:7px}.budget-dashboard b{margin:4px 0;font-size:14px}.budget-dashboard em{color:var(--muted);font-size:7.5px;font-style:normal;line-height:1.4}.budget-progress{border:1px solid var(--border);background:#05091459;border-radius:15px;padding:12px}.budget-progress>div:first-child{justify-content:space-between;margin-bottom:8px;font-size:9px;display:flex}.budget-progress>div:first-child span{color:var(--muted)}.budget-progress>div:last-child{background:#ffffff12;border-radius:999px;height:7px;overflow:hidden}.budget-progress>div:last-child span{background:linear-gradient(90deg,#34d399,#22d3ee,#fbbf24);border-radius:999px;height:100%;transition:all .3s;display:block}.cost-control-grid{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.cost-control-grid label,.daily-limit-grid label{color:var(--muted);flex-direction:column;gap:6px;font-size:8px;display:flex}.cost-control-grid input,.daily-limit-grid input,.provider-price-row input{border:1px solid var(--border);height:38px;color:var(--text);background:#05091494;border-radius:10px;width:100%;padding:0 10px}.daily-limit-grid{border:1px solid var(--border);background:#ffffff05;border-radius:16px;grid-template-columns:1.2fr repeat(4,1fr);align-items:end;gap:8px;padding:13px;display:grid}.daily-limit-grid>b{align-self:center;font-size:10px}.cost-switches{grid-template-columns:1fr 1fr;gap:8px;display:grid}.cost-switches .switch-row{border:1px solid var(--border);background:#0509144d;border-radius:14px;margin:0;padding:12px}.danger-soft{color:#fda4af;border-color:#fb71852e}.provider-price-row{border-top:1px solid var(--border);grid-column:1/-1;grid-template-columns:1fr 150px 150px;align-items:end;gap:8px;padding-top:10px;display:grid}.provider-price-row>span{color:var(--muted);align-self:center;font-size:8px}.provider-price-row label{color:var(--muted);align-items:center;gap:6px;font-size:8px;display:flex}.provider-price-row input{height:34px}@media (width<=1050px){.ai-cost-strip,.budget-dashboard,.cost-mode-grid,.cost-control-grid{grid-template-columns:repeat(2,1fr)}.daily-limit-grid{grid-template-columns:1fr 1fr}.daily-limit-grid>b{grid-column:1/-1}.provider-price-row{grid-template-columns:1fr 1fr}.provider-price-row>span{grid-column:1/-1}}@media (width<=720px){.ai-cost-strip,.budget-dashboard,.cost-mode-grid,.cost-control-grid,.cost-switches,.ultra-options{grid-template-columns:1fr}.daily-limit-grid{grid-template-columns:1fr 1fr}.provider-price-row{grid-template-columns:1fr}.provider-price-row>span{grid-column:auto}.settings-tabs>button span{font-size:8px;display:inline!important}.settings-tabs>button{min-width:max-content}.budget-dashboard article{min-height:84px}}@media (width<=460px){.daily-limit-grid,.ai-cost-strip{grid-template-columns:1fr}.settings-tabs>button span{display:none!important}}:root{--radius:18px;--shadow:0 14px 38px #00000047}body{background:radial-gradient(circle at 5% 0%,#253468b8 0,transparent 28%),radial-gradient(circle at 96% 5%,#46196894 0,transparent 25%),var(--bg)}.glass{-webkit-backdrop-filter:blur(18px);background:linear-gradient(145deg,#19213bd1,#0d1325b3)}.topbar{background:#080c18e6;height:64px;padding:0 20px;box-shadow:0 8px 26px #0000002e}.topbar-left{align-items:center;gap:10px;display:flex}.brand-lockup{gap:10px}.brand-mark{border-radius:11px;width:36px;height:36px}.brand-lockup strong{font-size:15px}.brand-lockup span{letter-spacing:.12em;font-size:8px}.topbar-actions{gap:8px}.language-quick-select,.streak-pill,.api-pill{border-radius:11px;height:38px;padding:0 10px}.quick-flag{font-size:18px}.language-quick-select select{max-width:120px;font-size:12px;font-weight:700}.streak-pill span,.api-pill span{font-size:11px}.app-body{grid-template-columns:210px minmax(0,1fr);gap:16px;padding:16px}.sidebar{border-radius:17px;justify-content:flex-start;gap:12px;height:calc(100vh - 96px);padding:10px;top:80px}.sidebar nav{flex:1;gap:8px}.sidebar-group{flex-direction:column;gap:4px;display:flex}.sidebar-group+.sidebar-group{border-top:1px solid #ffffff0f;padding-top:8px}.sidebar-group-label{letter-spacing:.14em;color:#7782a7;padding:4px 10px 3px;font-size:8px;font-weight:900}.sidebar nav button{border-radius:11px;gap:10px;min-height:40px;padding:9px 10px;font-size:12px;font-weight:700}.sidebar nav button svg{width:18px}.sidebar nav button:hover{transform:none}.sidebar nav button.active{border-color:#a78bfa33;box-shadow:inset 3px 0 #a78bfa}.sidebar-expand{color:#7782a7!important;letter-spacing:.12em!important;justify-content:space-between!important;min-height:32px!important;font-size:8px!important}.sidebar-expand span{font-weight:900}.sidebar-expand svg{transition:all .2s}.sidebar-extra.expanded .sidebar-expand svg{transform:rotate(180deg)}.sidebar-extra-items{opacity:0;flex-direction:column;gap:4px;max-height:0;transition:max-height .24s,opacity .2s;display:flex;overflow:hidden}.sidebar-extra.expanded .sidebar-extra-items{opacity:1;max-height:180px}.sidebar-tip{border-radius:12px;align-items:center;margin-top:auto;padding:10px}.sidebar-tip>span{color:#ddd6fe;background:#8b5cf62b;border-radius:10px;flex:none;place-items:center;width:34px;height:34px;font-size:10px;font-weight:900;display:grid}.sidebar-tip p{font-size:9px;line-height:1.45}.sidebar-scrim,.mobile-bottom-nav{display:none}main{min-width:0}.page-section{max-width:1320px;padding-bottom:28px}.section-heading{align-items:center;margin:2px 0 16px}.section-heading h1{margin:4px 0 5px;font-size:clamp(25px,2.4vw,34px)}.section-heading p{font-size:12px;line-height:1.55}.eyebrow{letter-spacing:.14em;font-size:8px}.primary-button,.secondary-button,.ghost-button{border-radius:11px;padding:10px 14px;font-size:11px}.icon-button{border-radius:10px;width:36px;height:36px}.dashboard-compact{flex-direction:column;gap:14px;display:flex}.dashboard-welcome{border-radius:22px;grid-template-columns:minmax(0,1.45fr) minmax(260px,.55fr);align-items:center;gap:20px;padding:22px;display:grid;position:relative;overflow:hidden}.dashboard-welcome:after{content:"";pointer-events:none;background:radial-gradient(circle,#22d3ee29,#0000 67%);border-radius:50%;width:280px;height:280px;position:absolute;top:-140px;right:-120px}.dashboard-welcome-main{z-index:1;position:relative}.dashboard-language-badge{align-items:center;gap:9px;margin-bottom:12px;display:flex}.dashboard-language-badge>span{background:#ffffff0f;border-radius:12px;place-items:center;width:38px;height:38px;font-size:22px;display:grid}.dashboard-language-badge>div{flex-direction:column;gap:2px;display:flex}.dashboard-language-badge small,.dashboard-progress-card small{color:var(--muted);letter-spacing:.12em;font-size:7px;font-weight:900}.dashboard-language-badge b{font-size:12px}.dashboard-welcome h1{letter-spacing:-.045em;margin:5px 0 7px;font-size:clamp(30px,3.5vw,44px)}.dashboard-welcome-main>p{color:var(--muted);margin:0 0 16px;font-size:12px}.dashboard-continue{text-align:left;justify-content:space-between;min-width:min(100%,390px)}.dashboard-continue>span{flex-direction:column;gap:3px;min-width:0;display:flex}.dashboard-continue small{letter-spacing:.1em;opacity:.75;font-size:7px}.dashboard-continue b{white-space:nowrap;text-overflow:ellipsis;font-size:11px;overflow:hidden}.dashboard-progress-card{z-index:1;background:#050a1761;border:1px solid #ffffff12;border-radius:17px;justify-content:center;align-items:center;gap:16px;padding:15px;display:flex;position:relative}.dashboard-progress-ring{background:conic-gradient(#8b5cf6 var(--dashboard-progress),#ffffff12 0);border-radius:50%;flex:none;align-content:center;place-items:center;width:92px;height:92px;display:grid;position:relative}.dashboard-progress-ring:before{content:"";background:#11182b;border-radius:50%;position:absolute;inset:7px}.dashboard-progress-ring span,.dashboard-progress-ring b{z-index:1;position:relative}.dashboard-progress-ring span{font-size:23px}.dashboard-progress-ring b{font-size:12px}.dashboard-progress-card>div:last-child{flex-direction:column;gap:5px;display:flex}.dashboard-progress-card>div:last-child>b{font-size:16px}.dashboard-progress-card button{color:#a5b4fc;cursor:pointer;background:0 0;border:0;align-items:center;gap:5px;padding:0;font-size:9px;font-weight:800;display:flex}.dashboard-purpose-compact{border-radius:15px!important;margin:0!important;padding:10px 13px!important}.dashboard-stat-strip{grid-template-columns:repeat(4,1fr);gap:9px;display:grid}.dashboard-stat-strip article{border:1px solid var(--border);background:#0f162a9e;border-radius:14px;align-items:center;gap:10px;min-height:64px;padding:11px 13px;display:flex}.dashboard-stat-strip svg{color:#a78bfa;width:19px}.dashboard-stat-strip span{flex-direction:column;display:flex}.dashboard-stat-strip b{font-size:16px}.dashboard-stat-strip small{color:var(--muted);font-size:8px}.dashboard-section-title{justify-content:space-between;align-items:flex-end;gap:12px;display:flex}.dashboard-section-title h2{margin:3px 0 0;font-size:17px}.dashboard-section-title>span{color:var(--muted);font-size:9px}.dashboard-skill-grid{grid-template-columns:repeat(4,1fr);gap:10px;display:grid}.dashboard-skill-card{border:1px solid var(--border);text-align:left;cursor:pointer;border-radius:16px;grid-template-columns:42px 1fr 18px;align-items:center;gap:10px;padding:14px;transition:all .18s;display:grid}.dashboard-skill-card:hover{border-color:#a78bfa59;transform:translateY(-2px)}.dashboard-skill-icon{background:#8b5cf621;border-radius:12px;place-items:center;width:40px;height:40px;display:grid}.dashboard-skill-icon svg{width:20px}.dashboard-skill-card>span:nth-child(2){flex-direction:column;gap:3px;display:flex}.dashboard-skill-card b{font-size:12px}.dashboard-skill-card small{color:var(--muted);font-size:8px}.dashboard-skill-card>svg{width:15px;color:var(--muted)}.tone-cyan .dashboard-skill-icon{color:#67e8f9;background:#22d3ee1a}.tone-purple .dashboard-skill-icon{color:#c4b5fd;background:#8b5cf61f}.tone-blue .dashboard-skill-icon{color:#93c5fd;background:#3b82f61a}.tone-pink .dashboard-skill-icon{color:#f9a8d4;background:#ec48991a}.dashboard-lower-grid{grid-template-columns:1.15fr .85fr;gap:12px;display:grid}.daily-plan-compact,.dashboard-tools{border-radius:17px;padding:16px}.daily-task-list{grid-template-columns:repeat(3,1fr);gap:8px;margin-top:12px;display:grid}.daily-task-list button,.dashboard-tools>button{border:1px solid var(--border);color:inherit;text-align:left;cursor:pointer;background:#ffffff06;border-radius:12px;grid-template-columns:30px 1fr 15px;align-items:center;gap:8px;padding:10px;display:grid}.daily-task-list button:hover,.dashboard-tools>button:hover{background:#8b5cf612}.daily-task-list svg:first-child,.dashboard-tools>button svg:first-child{color:#a78bfa;width:18px}.daily-task-list span,.dashboard-tools>button span{flex-direction:column;gap:2px;display:flex}.daily-task-list b,.dashboard-tools>button b{font-size:10px}.daily-task-list small,.dashboard-tools>button small{color:var(--muted);font-size:8px}.daily-task-list button>svg:last-child,.dashboard-tools>button>svg:last-child{width:13px;color:var(--muted)}.dashboard-tools{flex-direction:column;gap:8px;display:flex}.dashboard-tools .dashboard-section-title{margin-bottom:4px}.course-overview{border-radius:18px;gap:14px;margin-bottom:12px;padding:16px}.course-overview h2{font-size:29px}.course-meter-ring{width:70px;height:70px}.course-purpose-panel,.skill-purpose-panel{border-radius:15px!important;margin-bottom:12px!important;padding:10px 13px!important}.level-tabs{gap:6px;padding:2px 0 10px}.level-tabs button{border-radius:11px;min-width:105px;padding:9px 10px}.unit-path{gap:11px}.unit-card{border-radius:17px;padding:14px}.unit-heading{grid-template-columns:44px 1fr auto;gap:10px}.unit-icon{border-radius:12px;width:42px;height:42px;font-size:22px}.unit-heading h2{font-size:15px}.unit-heading p{font-size:9px}.unit-grammar{margin:10px 0;padding:9px}.lesson-list{gap:5px}.lesson-list button{border-radius:10px;grid-template-columns:29px 1fr 15px;padding:8px}.lesson-number{border-radius:8px;width:27px;height:27px}.lesson-list button b{font-size:9px}.lesson-list button small{font-size:7px}.skill-summary-grid{gap:9px;margin-bottom:10px}.skill-summary-main{border-radius:16px;padding:14px}.skill-mini-stat{border-radius:14px;padding:12px}.skill-unit-grid{gap:11px}.skill-unit-card{border-radius:17px;padding:14px}.skill-unit-title h2{font-size:15px}.skill-unit-title p{font-size:9px}.skill-focus-box{border-radius:10px;margin:9px 0;padding:9px}.skill-audio-preview{border-radius:10px;padding:9px}.skill-lesson-list{gap:5px}.skill-lesson-list button{border-radius:10px;padding:8px}.skill-roleplay-link{border-radius:10px;margin-top:8px;padding:9px}.vocab-lab-heading{margin-bottom:12px}.vocab-overview-grid{gap:9px}.vocab-overview-main,.vocab-overview-stat,.vocab-quick-practice,.vocab-pack-card,.ai-vocab-studio{border-radius:17px!important}.vocab-overview-main{padding:16px}.vocab-overview-stat{padding:13px}.vocab-quick-practice{padding:12px}.vocab-library-toolbar{border-radius:14px;padding:10px}.vocab-pack-grid{gap:10px}.vocab-pack-card{padding:14px}.ai-vocab-studio{padding:16px}.settings-modal{border-radius:20px!important}.settings-fixed-head{padding:14px 16px!important}.settings-tabs{gap:5px!important;padding:0 12px!important}.settings-tabs>button{border-radius:10px!important;min-height:38px!important}.settings-scroll-body{padding:14px 16px!important}.settings-form-card,.provider-grid-v22 .provider-card,.budget-dashboard article{border-radius:13px!important}.settings-fixed-footer{padding:11px 16px!important}@media (width<=1120px){.app-body{grid-template-columns:190px minmax(0,1fr);gap:12px;padding:12px}.sidebar{height:calc(100vh - 88px);top:76px}.dashboard-skill-grid{grid-template-columns:repeat(2,1fr)}.dashboard-lower-grid{grid-template-columns:1fr}.daily-task-list{grid-template-columns:repeat(3,1fr)}.dashboard-welcome{grid-template-columns:1fr 260px}.dashboard-stat-strip{grid-template-columns:repeat(2,1fr)}}@media (width<=860px){.topbar{height:58px;padding:0 12px}.mobile-only{display:grid}.brand-mark{width:34px;height:34px}.brand-lockup span{display:none}.brand-lockup strong{font-size:14px}.topbar-actions{gap:5px}.language-quick-select,.streak-pill,.api-pill{height:35px;padding:0 8px}.language-quick-select select{max-width:92px}.streak-pill span,.api-pill span{display:none}.api-pill{justify-content:center;width:35px}.app-body{padding:10px 10px 78px;display:block}.sidebar{z-index:60;width:min(310px,100vw - 38px);height:auto;padding:12px;transition:all .24s;position:fixed;top:10px;bottom:10px;left:10px;transform:translate(-115%);box-shadow:0 25px 80px #0000009e}.sidebar.open{transform:translate(0)}.sidebar-mobile-head{justify-content:space-between;align-items:center;padding:2px 3px 10px;display:flex}.sidebar-scrim{z-index:55;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#02050cad;border:0;display:block;position:fixed;inset:0}.mobile-bottom-nav{z-index:45;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#090e1cf0;border:1px solid #ffffff1f;border-radius:18px;grid-template-columns:repeat(6,1fr);min-height:59px;padding:5px;display:grid;position:fixed;bottom:8px;left:8px;right:8px;box-shadow:0 14px 45px #0000007a}.mobile-bottom-nav button{color:#8791b1;cursor:pointer;background:0 0;border:0;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:2px;padding:4px 2px;font-size:7px;font-weight:800;display:flex}.mobile-bottom-nav button svg{width:18px;height:18px}.mobile-bottom-nav button.active{color:#fff;background:linear-gradient(145deg,#8b5cf640,#22d3ee14)}.page-section{padding-bottom:12px}.dashboard-welcome{grid-template-columns:1fr;padding:16px}.dashboard-progress-card{justify-content:flex-start}.dashboard-skill-grid{grid-template-columns:repeat(2,1fr)}.daily-task-list,.dashboard-lower-grid,.unit-path,.skill-unit-grid{grid-template-columns:1fr}}@media (width<=600px){.language-quick-select select{display:none}.language-quick-select{justify-content:center;width:35px}.quick-flag{font-size:19px}.dashboard-welcome h1{font-size:30px}.dashboard-welcome-main>p{font-size:11px}.dashboard-progress-card{padding:11px}.dashboard-progress-ring{width:74px;height:74px}.dashboard-stat-strip{grid-template-columns:repeat(2,1fr)}.dashboard-stat-strip article{min-height:57px;padding:9px}.dashboard-skill-grid{grid-template-columns:1fr}.dashboard-skill-card{min-height:65px}.dashboard-section-title{align-items:flex-start}.dashboard-section-title>span{display:none}.skill-summary-grid{grid-template-columns:1fr 1fr}.skill-summary-main{grid-column:1/-1}.course-overview{grid-template-columns:1fr}.course-meter,.course-facts{margin-top:4px}.section-heading{flex-direction:column;align-items:flex-start}.section-heading>.secondary-button{width:100%}.mobile-bottom-nav{border-radius:15px;bottom:4px;left:4px;right:4px}.mobile-bottom-nav button:nth-child(3) span{font-size:6.5px}}