:root{color:#3a3048;background:#faf8ff;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--ink: #3a3048;--muted: #81758f;--cream: #faf8ff;--paper: #ffffff;--pink: #d89bea;--purple: #b89af8;--primary: #cbb8ff;--sky: #9edfff;--sky-soft: #eef9ff;--lavender: #f0ebff;--blush: #fbf3ff;--line: rgba(77, 55, 105, .11);--success: #42b883;--wrong: #df6671;--shadow: 0 20px 54px rgba(83, 62, 124, .1);--soft-shadow: 0 12px 32px rgba(83, 62, 124, .08);--button-shadow: 0 16px 30px rgba(184, 154, 248, .28)}*{box-sizing:border-box}html,body,#root{overflow-x:hidden}body{margin:0;min-width:320px;min-height:100vh;background:radial-gradient(circle at 10% 0%,rgba(203,184,255,.24),transparent 30%),radial-gradient(circle at 94% 12%,rgba(184,154,248,.18),transparent 34%),linear-gradient(180deg,#faf8ff,#fff 48%,#f7f2ff)}button,input{font:inherit}button{cursor:pointer;transition:transform .16s ease,box-shadow .16s ease,background .16s ease,border-color .16s ease,color .16s ease}button:disabled{cursor:not-allowed;opacity:.55}h1,h2,h3,p{margin:0}.premium-shell{display:grid;grid-template-columns:248px minmax(0,1fr);width:100%;min-height:100vh}.sidebar{position:sticky;top:0;height:100vh;padding:24px 16px;border-right:1px solid var(--line);background:#ffffffc2;box-shadow:10px 0 34px #533e7c0a;-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px)}.brand,.user-chip,.top-stats,.sidebar-nav button,.mobile-nav button,.metric-card,.achievement,.character-chip,.card-actions,.lesson-meta,.section-header,.lesson-player-top{display:flex;align-items:center}.brand{gap:12px;margin-bottom:28px}.brand-icon,.avatar,.word-emoji,.mascot-large{display:grid;place-items:center;border-radius:22px;background:linear-gradient(135deg,#fff4fb,#eee8ff)}.brand-icon{width:50px;height:50px;font-size:1.5rem}.brand strong,.brand span{display:block}.brand strong{font-weight:950}.brand span{color:var(--muted);font-size:.82rem;font-weight:750}.sidebar-nav{display:grid;gap:8px}.sidebar-nav button{gap:12px;min-height:48px;padding:0 14px;border:0;border-radius:18px;background:transparent;color:var(--muted);font-weight:900}.sidebar-nav button:hover{background:#cbb8ff29;color:var(--ink)}.sidebar-nav button.active{background:linear-gradient(135deg,#fff,#f7f2ff);color:var(--purple);box-shadow:var(--soft-shadow)}.app-main{width:min(1120px,100%);min-width:0;padding:22px 28px 48px}.top-bar{position:sticky;top:0;z-index:8;display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:22px;padding:12px;border:1px solid var(--line);border-radius:28px;background:#ffffffdb;box-shadow:var(--soft-shadow);-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px)}.user-chip{gap:10px}.avatar{width:46px;height:46px;font-size:1.35rem}.user-chip strong,.user-chip span{display:block}.user-chip span{color:var(--muted);font-size:.82rem;font-weight:750}.top-stats{gap:8px}.top-stats span,.soft-pill,.heart-pill{display:inline-flex;align-items:center;gap:7px;min-height:38px;padding:0 12px;border-radius:999px;background:var(--blush);color:var(--purple);font-weight:950;box-shadow:inset 0 0 0 1px #cbb8ff47}.page-stack{display:grid;gap:16px}.onboarding-screen{display:grid;min-height:100vh;place-items:center;padding:22px}.onboarding-card,.content-card,.path-card,.metric-card,.learning-card,.page-title{border:1px solid var(--line);border-radius:30px;background:#ffffffeb;box-shadow:var(--shadow)}.onboarding-card{display:grid;width:min(620px,100%);gap:18px;justify-items:center;padding:clamp(24px,6vw,46px);text-align:center}.mascot-large{width:92px;height:92px;font-size:2.8rem}.eyebrow{color:var(--purple);font-size:.78rem;font-weight:950;text-transform:uppercase}.onboarding-card h1,.page-title h1,.hero-dashboard h1,.learning-card h1{font-size:clamp(2.2rem,7vw,4.6rem);line-height:1.02;letter-spacing:0}.onboarding-card p,.page-title p,.hero-dashboard p,.content-card p,.path-card p,.learning-card p,.empty-state p{color:var(--muted);line-height:1.65}.language-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;width:100%}.language-grid button,.test-mode-grid button,.tab-row button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:50px;border:1px solid var(--line);border-radius:20px;background:#fff;color:var(--ink);font-weight:900}.language-grid button.active,.test-mode-grid button.active,.tab-row button.active{border-color:#b89af86b;background:linear-gradient(135deg,#fff,var(--lavender));color:var(--purple)}.hero-dashboard{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:20px;padding:clamp(18px,4vw,32px);border:1px solid var(--line);border-radius:36px;background:linear-gradient(135deg,#fffffffa,#f8f4fff0),var(--paper);box-shadow:var(--shadow)}.hero-dashboard h1{margin-top:8px;max-width:720px}.hero-dashboard p{max-width:560px;margin:12px 0 20px}.primary-button,.text-button,.round-button,.icon-text-button,.ghost-action,.audio-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0}.primary-button{min-height:52px;padding:0 20px;border-radius:20px;background:linear-gradient(180deg,rgba(255,255,255,.22),transparent),linear-gradient(135deg,var(--primary),var(--purple));color:#fff;font-weight:950;box-shadow:var(--button-shadow)}.primary-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 18px 38px #b89af857}.primary-button:active:not(:disabled){transform:translateY(0);box-shadow:0 10px 22px #b89af83d}.primary-button.full,.ghost-action{width:100%}.text-button{background:transparent;color:var(--purple);font-weight:950}.text-button:hover{color:#9d7fed}.progress-orb{display:grid;width:154px;height:154px;place-items:center;border-radius:50%;background:radial-gradient(circle at center,#fff 0 58%,transparent 59%),conic-gradient(var(--purple) var(--value),#eee8ff 0);box-shadow:inset 0 0 0 1px var(--line),0 18px 36px #533e7c1a}.progress-orb span,.progress-orb small{grid-area:1 / 1}.progress-orb span{color:var(--ink);font-size:2rem;font-weight:950}.progress-orb small{margin-top:52px;color:var(--muted);font-weight:850}.dashboard-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.metric-card{gap:12px;padding:16px}.metric-card>span{display:grid;width:46px;height:46px;place-items:center;border-radius:16px;background:linear-gradient(135deg,#f8f3ff,#efe8ff);color:var(--purple)}.metric-card small,.achievement small,.vocab-card small,.lesson-vocab-card small{display:block;color:var(--muted);font-weight:750}.metric-card strong{display:block;color:var(--ink);font-size:1.24rem}.content-card,.page-title{padding:clamp(16px,3.5vw,24px)}.section-header{justify-content:space-between;gap:16px;margin-bottom:16px}.section-header h2,.page-title h1{margin-top:5px}.lesson-path-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));align-items:stretch;gap:16px}.path-card{display:grid;grid-template-rows:auto minmax(0,1fr) auto;align-items:stretch;gap:16px;min-height:454px;padding:16px;min-width:0}.path-card:hover{transform:translateY(-3px);box-shadow:0 24px 58px #533e7c21}.path-card.locked{opacity:.72}.path-card.locked .illustration-card{filter:grayscale(.25)}.path-card.locked .primary-button{background:#e8e1f3;color:#8b7b92;box-shadow:none}.illustration-card,.cozy-illustration{display:grid;place-items:center;border:5px solid rgba(255,255,255,.9);border-radius:26px;box-shadow:inset 0 0 0 1px #ffffffa6,0 12px 28px #533e7c12}.illustration-card{width:100%;height:202px}.illustration-card span,.cozy-illustration span{font-size:4.8rem}.path-card-body{display:grid;align-content:start;gap:11px;min-width:0}.path-card-body h3{color:var(--ink);font-size:1.18rem;line-height:1.2}.path-card-body h3,.path-card-body p,.path-node strong{overflow-wrap:anywhere}.lesson-meta{flex-wrap:wrap;gap:8px}.lesson-meta span{padding:5px 10px;border-radius:999px;background:#f2edff;color:var(--purple);font-size:.76rem;font-weight:950}.progress-wrap{display:grid;gap:7px}.progress-track{height:13px;overflow:hidden;border-radius:999px;background:#eee8ff;box-shadow:inset 0 1px 2px #533e7c14}.progress-fill{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--primary),var(--purple));box-shadow:0 0 18px #b89af852}.progress-label{color:var(--muted);font-size:.82rem;font-weight:850}.mini-path,.word-row,.achievement-list,.vocab-grid{display:grid;gap:12px}.mini-path{grid-template-columns:repeat(4,minmax(0,1fr))}.path-node,.word-mini-card{display:grid;gap:7px;min-height:112px;padding:14px;border:1px solid var(--line);border-radius:22px;background:#fff;color:var(--ink);text-align:left}.home-path-card .path-node{min-height:96px}.path-node.locked{opacity:.62}.path-node span,.word-mini-card span{display:grid;width:38px;height:38px;place-items:center;border-radius:14px;background:var(--lavender);color:var(--purple);font-weight:950}.word-row{grid-template-columns:repeat(4,minmax(0,1fr))}.compact-words{width:100%}.word-mini-card small{color:var(--muted);font-weight:800}.achievement-list{grid-template-columns:repeat(3,minmax(0,1fr))}.achievement{gap:12px;padding:14px;border:1px solid var(--line);border-radius:22px;background:#fff}.achievement>span{font-size:1.6rem}.tab-row{display:flex;flex-wrap:wrap;gap:8px}.tab-row button{min-height:44px;padding:0 14px}.vocab-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.vocab-card{display:grid;gap:12px;padding:18px;border:1px solid var(--line);border-radius:24px;background:#fff;box-shadow:0 12px 30px #4d2d5b0f}.word-emoji{width:58px;height:58px;font-size:1.7rem}.vocab-card h3{font-size:1.35rem}.vocab-card p{color:var(--purple);font-weight:900}.card-actions{gap:8px}.card-actions button,.lesson-vocab-card button,.round-button{display:grid;width:38px;height:38px;place-items:center;border:0;border-radius:14px;background:var(--blush);color:var(--pink)}.card-actions button.active,.lesson-vocab-card button.active{background:var(--lavender);color:var(--purple)}.test-layout{display:grid;grid-template-columns:280px minmax(0,1fr);gap:16px}.test-mode-grid{display:grid;gap:10px}.test-card{display:grid;gap:16px;justify-items:start}.answer-input{width:100%;min-height:54px;border:1px solid var(--line);border-radius:18px;padding:0 16px;outline:0}.choice-list{display:grid;gap:10px;width:100%}.choice-list.compact{grid-template-columns:repeat(2,minmax(0,1fr))}.choice-button{width:100%;min-height:56px;padding:13px 16px;border:1px solid var(--line);border-radius:20px;background:#fff;color:var(--ink);font-weight:900;text-align:left;box-shadow:0 8px 20px #533e7c0d}.choice-button:hover:not(:disabled){transform:translateY(-1px);border-color:#b89af875;box-shadow:0 12px 24px #533e7c14}.choice-button.selected{border-color:#b89af88c;background:linear-gradient(135deg,#fff,var(--lavender));color:var(--purple)}.feedback{width:100%;min-height:48px;padding:13px 14px;border-radius:18px;font-weight:950}.feedback span{display:block}.feedback-translation{margin-top:6px;color:var(--muted);font-size:.95rem}.feedback.correct{background:#42b88321;color:#267a57}.feedback.wrong{background:#df667121;color:#ae4450}.mini-result{padding:10px 12px;border-radius:14px;font-size:.9rem;font-weight:900}.mini-result.correct{background:#42b8831f;color:#267a57}.mini-result.wrong{background:#df66711f;color:#ae4450}.score-list{display:grid;gap:10px}.score-row{display:flex;justify-content:space-between;gap:10px;padding:13px 14px;border-radius:18px;background:#fff}.settings-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.empty-state{display:grid;gap:8px;justify-items:center;padding:34px;border:1px dashed var(--line);border-radius:24px;background:#ffffffad;text-align:center}.empty-state span{font-size:2rem}.lesson-screen{display:grid;gap:18px}.lesson-player-top{position:sticky;top:88px;z-index:7;justify-content:space-between;gap:12px;padding:10px;border:1px solid var(--line);border-radius:26px;background:#ffffffe6;box-shadow:var(--soft-shadow);-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px)}.lesson-progress-area{flex:1}.lesson-progress-area .progress-label{color:var(--ink);font-size:.86rem;font-weight:950}.reading-mode-switch{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;width:min(720px,100%);justify-self:center;padding:8px;border:1px solid var(--line);border-radius:24px;background:#ffffffe0;box-shadow:var(--soft-shadow)}.reading-mode-switch button{min-height:46px;border:0;border-radius:18px;background:transparent;color:var(--muted);font-weight:950}.reading-mode-switch button.active{background:linear-gradient(135deg,#fff,var(--lavender));color:var(--purple);box-shadow:inset 0 0 0 1px #cbb8ff5c}.reading-mode-switch button:disabled{opacity:.45}.icon-text-button,.ghost-action{min-height:42px;padding:0 14px;border-radius:18px;background:#fff;color:var(--muted);font-weight:950;box-shadow:inset 0 0 0 1px var(--line)}.icon-text-button:hover,.ghost-action:hover{color:var(--purple);background:#f8f3ff}.round-button.active,.audio-button.active{color:#fff;background:linear-gradient(135deg,var(--sky),#79c9f2)}.audio-button{flex:0 0 auto;width:34px;height:34px;border-radius:13px;background:var(--sky-soft);color:#4f9fca;box-shadow:inset 0 0 0 1px #9edfff6b}.audio-button:hover{transform:translateY(-1px);background:#e2f5ff}.lesson-card-stage{display:grid;place-items:center}.learning-card{display:grid;width:min(720px,100%);max-width:100%;gap:16px;padding:clamp(16px,3.5vw,24px)}.polished-card{background:#fffffff2}.story-scene-header{display:flex;justify-content:space-between;gap:14px}.story-step-card{overflow:hidden}.chat-story-card{gap:14px}.character-chip{gap:10px}.character-chip>span{display:grid;width:54px;height:54px;place-items:center;border-radius:18px;background:linear-gradient(135deg,#fff5fb,#eee8ff);font-size:1.7rem}.character-chip strong,.character-chip small{display:block}.character-chip small{color:var(--muted);font-weight:800}.cozy-illustration{position:relative;min-height:280px;overflow:hidden;background:radial-gradient(circle at 18% 16%,rgba(255,255,255,.74),transparent 26%),radial-gradient(circle at 82% 24%,rgba(255,255,255,.5),transparent 28%)}.cozy-illustration:after{position:absolute;right:18px;bottom:14px;left:18px;height:26px;border-radius:50%;background:#3a304814;content:"";filter:blur(10px)}.cozy-illustration .scene-emoji,.cozy-illustration span{position:relative;z-index:1;font-size:clamp(5.2rem,15vw,8rem);line-height:1}.story-bubbles{display:grid;gap:12px}.story-bubbles p{position:relative;padding:16px 18px;border:1px solid rgba(203,184,255,.32);border-radius:24px;background:linear-gradient(135deg,#fff,#fbf8ff);color:var(--ink);font-size:clamp(1.08rem,2.7vw,1.28rem);font-weight:780;line-height:1.55;box-shadow:0 12px 24px #533e7c0f}.sentence-row{display:flex;align-items:flex-start;gap:10px}.sentence-row>span{min-width:0}.story-bubbles p:before{position:absolute;top:-8px;left:28px;width:18px;height:18px;border-top:1px solid rgba(203,184,255,.32);border-left:1px solid rgba(203,184,255,.32);background:#fff;content:"";transform:rotate(45deg)}.chat-phone{display:grid;overflow:hidden;border:1px solid rgba(203,184,255,.32);border-radius:30px;background:radial-gradient(circle at 12% 8%,rgba(203,184,255,.24),transparent 28%),linear-gradient(180deg,#fff,#fbf8ff);box-shadow:inset 0 0 0 1px #ffffffb3,0 18px 38px #533e7c14}.chat-phone-top{display:flex;align-items:center;gap:10px;padding:14px 16px;border-bottom:1px solid rgba(203,184,255,.28);background:#ffffffb8}.chat-phone-top>span{display:grid;width:42px;height:42px;place-items:center;border-radius:16px;background:var(--lavender);font-size:1.35rem}.chat-phone-top strong,.chat-phone-top small{display:block}.chat-phone-top small{color:var(--muted);font-weight:850}.chat-thread{display:grid;gap:12px;padding:16px}.chat-moment{display:grid;gap:10px}.chat-row{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:end;gap:9px}.chat-row.right{grid-template-columns:minmax(0,1fr) auto}.chat-row.right .chat-avatar{grid-column:2}.chat-row.right .chat-message{grid-column:1;grid-row:1;justify-self:end;border-bottom-right-radius:8px;border-bottom-left-radius:22px;background:linear-gradient(135deg,var(--primary),var(--purple));color:#fff}.chat-row.right .chat-message p,.chat-row.right .chat-message strong{color:#fff}.chat-avatar{display:grid;width:40px;height:40px;place-items:center;border-radius:50%;background:#fff;box-shadow:0 8px 18px #533e7c1a}.chat-message{display:grid;max-width:min(440px,100%);gap:4px;padding:12px 14px;border-radius:22px 22px 22px 8px;background:#fff;color:var(--ink);box-shadow:0 10px 22px #533e7c14}.chat-message strong{color:var(--purple);font-size:.78rem}.chat-message p{color:inherit;font-size:1rem;font-weight:820;line-height:1.45}.chat-message .audio-button{width:30px;height:30px;border-radius:11px;background:#ffffffb8}.chat-row.right .chat-message .audio-button{color:#4f9fca}.chat-inline-illustration{display:grid;min-height:128px;place-items:center;border:4px solid rgba(255,255,255,.82);border-radius:24px;box-shadow:inset 0 0 0 1px #ffffff80,0 12px 24px #533e7c14}.chat-inline-illustration span{font-size:4rem;line-height:1}.lesson-vocab-strip{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.lesson-vocab-card{display:grid;grid-template-columns:auto minmax(0,1fr) auto auto auto;align-items:center;gap:8px;padding:10px;border:1px solid var(--line);border-radius:18px;background:#fff}.lesson-vocab-card>span{font-size:1.4rem}.prompt-box{display:grid;gap:6px;padding:16px;border:1px dashed rgba(184,154,248,.4);border-radius:24px;background:linear-gradient(135deg,#fff,#f7f2ff);color:var(--ink);font-size:clamp(1.55rem,5vw,2.4rem);font-weight:950;text-align:center}.prompt-box span{color:var(--muted);font-size:1rem}.pronunciation-card,.vocabulary-audio-card{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:12px;padding:12px;border:1px solid rgba(203,184,255,.34);border-radius:20px;background:linear-gradient(135deg,#fff,#fbf8ff);box-shadow:0 10px 24px #533e7c0d}.pronunciation-card strong,.pronunciation-card span,.pronunciation-card small,.vocabulary-audio-card strong,.vocabulary-audio-card span,.vocabulary-audio-card small{display:block}.pronunciation-card strong,.vocabulary-audio-card strong{color:var(--ink);font-size:1.05rem}.pronunciation-card span,.vocabulary-audio-card span{color:var(--purple);font-weight:900}.pronunciation-card small,.vocabulary-audio-card small{color:var(--muted);font-weight:850}.vocabulary-audio-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%;gap:10px;max-height:320px;overflow:auto;padding:2px}.lesson-word-list{display:grid;width:min(520px,100%);gap:8px;padding:10px;border:1px solid rgba(158,223,255,.42);border-radius:22px;background:linear-gradient(135deg,#fff,var(--sky-soft))}.lesson-word-row{display:grid;grid-template-columns:auto minmax(0,1fr) minmax(0,1fr);align-items:center;gap:10px;min-height:42px;padding:7px 9px;border-radius:16px;background:#ffffffb8;text-align:left}.lesson-word-row strong,.lesson-word-row span{min-width:0;overflow-wrap:anywhere}.lesson-word-row strong{color:var(--ink);font-weight:950}.lesson-word-row span{color:var(--muted);font-weight:850}.picture-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.picture-tile{display:grid;justify-items:center;width:100%;line-height:1.1;text-align:center}.picture-tile strong{font-size:2.7rem;line-height:1}.quiz-list{display:grid;gap:14px}.quiz-item{display:grid;gap:12px;padding:16px;border:1px solid var(--line);border-radius:24px;background:#fff;box-shadow:0 10px 26px #533e7c0d}.quiz-item h2{font-size:1rem}.complete-card{justify-items:center;text-align:center}.complete-card>p{max-width:420px;color:var(--muted);font-weight:800}.celebration-mark{display:grid;width:90px;height:90px;place-items:center;border-radius:28px;background:linear-gradient(135deg,#ffe1ef,#e9ddff);color:var(--purple)}.reward-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%;gap:12px}.reward-grid div{display:grid;gap:4px;padding:14px;border-radius:20px;background:linear-gradient(135deg,#fff,#f7f2ff);box-shadow:inset 0 0 0 1px #cbb8ff3d}.reward-grid span{color:var(--muted);font-weight:850}.reward-grid strong{color:var(--purple);font-size:2rem}.mvp-reward-grid{grid-template-columns:repeat(2,minmax(0,1fr));max-width:520px}.completion-actions{display:grid;width:100%;gap:10px}.inline-word-button{display:inline;padding:0 2px;border:0;border-radius:8px;background:transparent;color:inherit;font:inherit;font-weight:inherit;text-decoration:underline;text-decoration-color:#b89af86b;text-decoration-thickness:2px;text-underline-offset:4px}.inline-word-button:hover{background:#cbb8ff2e;color:var(--purple)}.word-modal-backdrop{position:fixed;inset:0;z-index:40;display:grid;place-items:end center;padding:18px;background:#3a30482e;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.word-modal{width:min(430px,100%)}.smart-word-card{position:relative;display:grid;gap:14px;padding:16px;border:1px solid rgba(203,184,255,.36);border-radius:26px;background:#fffffffa;box-shadow:0 22px 52px #533e7c29}.word-card-main{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:12px}.word-card-emoji{display:grid;width:56px;height:56px;place-items:center;border-radius:20px;background:linear-gradient(135deg,var(--sky-soft),#eee8ff);font-size:1.7rem}.word-card-main h3,.word-card-main span,.word-card-main p{display:block}.word-card-main h3{color:var(--ink);font-size:1.35rem}.word-card-main span{color:#4f9fca;font-weight:950}.word-card-main p{color:var(--muted);font-weight:850}.word-card-actions{display:grid;grid-template-columns:auto minmax(0,1fr);gap:10px}.save-word-button{min-height:42px;border:0;border-radius:16px;background:linear-gradient(135deg,var(--primary),var(--purple));color:#fff;font-weight:950;box-shadow:var(--button-shadow)}.save-word-button.saved{background:linear-gradient(135deg,#fff,var(--lavender));color:var(--purple);box-shadow:inset 0 0 0 1px #cbb8ff6b}.smart-word-card .round-button{background:var(--sky-soft);color:#4f9fca}.smart-word-card .round-button:hover{background:#e2f5ff}.word-card-close{position:absolute;top:12px;right:12px;display:grid;width:34px;height:34px;place-items:center;border:0;border-radius:13px;background:var(--blush);color:var(--muted)}.clickable-pronunciation{width:100%;cursor:pointer}.story-words-action{max-width:520px}.words-page .page-title p{max-width:620px}.words-hero-card{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:16px}.words-hero-card h2{margin-top:4px;font-size:clamp(2rem,6vw,3.5rem)}.smart-vocab-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:12px}.smart-vocab-grid .smart-word-card{box-shadow:0 12px 30px #533e7c12}.vocab-training-card,.vocabulary-section-card{display:grid;gap:14px}.vocabulary-section-toggle{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;min-height:54px;border:0;border-radius:20px;background:linear-gradient(135deg,#fff,var(--sky-soft));color:var(--ink);font-size:1.08rem;font-weight:950;text-align:left;box-shadow:inset 0 0 0 1px #9edfff75}.vocabulary-section-toggle span{min-width:0;overflow-wrap:anywhere}.vocabulary-section-toggle strong{color:#4f9fca;font-size:.95rem}.audio-prompt-button{display:grid;width:92px;height:92px;place-items:center;justify-self:center;border:0;border-radius:32px;background:linear-gradient(135deg,var(--sky),#8dcfff);color:#fff;box-shadow:0 16px 30px #63b7e047}.training-result{display:grid;gap:12px;justify-items:center;text-align:center}.training-result strong{color:var(--purple);font-size:2.5rem}.training-page .page-title{background:radial-gradient(circle at 88% 12%,rgba(158,223,255,.34),transparent 28%),#fffffff0}.training-start-card,.training-card,.training-complete-card{display:grid;gap:16px}.training-start-card{background:radial-gradient(circle at 12% 10%,rgba(158,223,255,.32),transparent 30%),linear-gradient(135deg,#fff,#fbfdff)}.training-start-copy{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:14px}.training-orb{display:grid;width:74px;height:74px;place-items:center;border-radius:26px;background:linear-gradient(135deg,var(--sky-soft),#eef0ff);font-size:2rem;box-shadow:inset 0 0 0 1px #9edfff7a}.training-stats-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.training-mode-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.training-mode-card{display:grid;gap:6px;justify-items:start;min-height:118px;padding:14px;border:1px solid rgba(158,223,255,.36);border-radius:22px;background:#ffffffe0;color:var(--ink);text-align:left;box-shadow:0 10px 24px #533e7c0f}.training-mode-card span{font-size:1.8rem}.training-mode-card strong,.training-mode-card small{display:block}.training-mode-card small{color:var(--muted);font-weight:850}.training-mode-card.active{border-color:#63b7e0a3;background:linear-gradient(135deg,#fff,var(--sky-soft));color:#4f9fca;box-shadow:0 14px 30px #63b7e029}.training-primary-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:54px;border:0;border-radius:20px;background:linear-gradient(135deg,var(--sky),#7bcdf4);color:#fff;font-weight:950;box-shadow:0 16px 30px #63b7e047}.training-primary-button.full{width:100%}.training-primary-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 18px 36px #63b7e057}.training-question-stack{display:grid;gap:14px}.training-question-stack h2{font-size:clamp(1.45rem,5vw,2.3rem);line-height:1.15}.sentence-translation-prompt{margin:-4px 0 2px;padding:12px 14px;border-radius:18px;background:#63b7e01f;color:var(--ink);font-size:1.05rem;font-weight:900;line-height:1.35}.match-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.match-column{display:grid;gap:10px}.match-button,.word-chip{min-height:50px;border:1px solid var(--line);border-radius:18px;background:#fff;color:var(--ink);font-weight:950;box-shadow:0 8px 20px #533e7c0d}.match-button.selected{border-color:#63b7e094;background:var(--sky-soft);color:#4f9fca}.match-button.matched{border-color:#42b88347;background:#42b8831f;color:#267a57}.sentence-build-zone{display:flex;flex-wrap:wrap;gap:8px;min-height:72px;align-items:center;padding:12px;border:1px dashed rgba(99,183,224,.48);border-radius:22px;background:linear-gradient(135deg,#fff,var(--sky-soft))}.sentence-build-zone>span{color:var(--muted);font-weight:850}.word-chip{min-height:42px;padding:0 14px;color:#4f9fca}.build-word-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.training-complete-card{justify-items:center;text-align:center}.mobile-nav{display:none}@media(max-width:980px){.premium-shell{grid-template-columns:1fr}.sidebar{display:none}.app-main{width:100%;padding:12px 12px 92px}.mobile-nav{position:fixed;right:12px;bottom:12px;left:12px;z-index:20;display:grid;grid-template-columns:repeat(6,1fr);gap:6px;padding:8px;border:1px solid var(--line);border-radius:26px;background:#fffffff0;box-shadow:0 18px 44px #533e7c29;-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px)}.mobile-nav button{flex-direction:column;gap:3px;min-height:54px;border:0;border-radius:20px;background:transparent;color:var(--muted);font-size:.58rem;font-weight:900}.mobile-nav button.active{background:linear-gradient(135deg,#fff,var(--lavender));color:var(--purple);box-shadow:inset 0 0 0 1px #cbb8ff5c}.hero-dashboard,.test-layout,.words-hero-card{grid-template-columns:1fr}.progress-orb{width:132px;height:132px;justify-self:center}}.compact-settings{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:18px}.compact-settings h1{margin-top:5px;font-size:clamp(1.6rem,4vw,2.4rem)}.compact-settings p{margin-top:6px}@media(max-width:760px){.page-stack{gap:12px}.top-bar{align-items:stretch;flex-direction:column}.top-stats{justify-content:space-between}.dashboard-grid,.vocab-grid,.achievement-list,.mini-path,.word-row,.lesson-vocab-strip,.settings-grid,.language-grid{grid-template-columns:1fr}.dashboard-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.metric-card{display:grid;justify-items:center;gap:8px;padding:12px 8px;text-align:center}.metric-card>span{width:38px;height:38px}.metric-card strong{font-size:1rem}.compact-settings{grid-template-columns:1fr}.path-card{grid-template-columns:1fr;grid-template-rows:auto minmax(0,1fr) auto;gap:12px;min-height:420px;padding:13px}.path-card .primary-button{grid-column:1 / -1}.illustration-card{width:100%;height:172px}.lesson-player-top{top:124px;display:grid;grid-template-columns:1fr auto}.lesson-progress-area{grid-column:1 / -1}.reading-mode-switch{border-radius:22px}.picture-options,.choice-list.compact{grid-template-columns:1fr}.hero-dashboard{border-radius:26px}.progress-orb{width:104px;height:104px}.progress-orb span{font-size:1.55rem}.progress-orb small{margin-top:42px}.cozy-illustration{min-height:220px}.cozy-illustration .scene-emoji,.cozy-illustration span{font-size:clamp(4.6rem,20vw,6rem)}}@media(max-width:460px){.section-header{align-items:start;flex-direction:column;gap:8px;margin-bottom:12px}.onboarding-card h1,.page-title h1,.hero-dashboard h1,.learning-card h1{font-size:clamp(1.7rem,9vw,2.35rem)}.hero-dashboard p{margin:10px 0 14px}.top-bar{margin-bottom:12px;border-radius:20px}.top-stats span{min-height:36px;padding:0 10px}.path-card{grid-template-columns:1fr}.path-card .illustration-card{width:100%;height:158px}.path-card .primary-button{min-height:52px}.mini-path{gap:10px}.path-node{min-height:84px;padding:12px}.learning-card{border-radius:24px;padding:14px}.reading-mode-switch{gap:6px;padding:7px}.reading-mode-switch button{min-height:44px;border-radius:16px;font-size:.86rem}.story-scene-header{align-items:center}.cozy-illustration{min-height:188px}.cozy-illustration .scene-emoji,.cozy-illustration span{font-size:clamp(4.1rem,18vw,5.2rem)}.character-chip>span{width:46px;height:46px;border-radius:16px}.story-bubbles p{font-size:.98rem;line-height:1.55}.chat-phone{border-radius:24px}.chat-thread{gap:10px;padding:12px}.chat-avatar{width:36px;height:36px}.chat-message{max-width:100%;padding:11px 12px}.chat-message p{font-size:.96rem}.vocabulary-audio-grid{grid-template-columns:1fr;max-height:260px}.chat-inline-illustration{min-height:108px;border-radius:20px}.chat-inline-illustration span{font-size:3.25rem}.picture-tile strong{font-size:2.25rem}.prompt-box{font-size:clamp(1.35rem,8vw,1.9rem)}.reward-grid{grid-template-columns:1fr}.word-modal-backdrop{align-items:end;padding:10px}.smart-vocab-grid,.word-card-actions{grid-template-columns:1fr}.word-card-actions .round-button{width:100%}.audio-prompt-button{width:82px;height:82px;border-radius:28px}.training-start-copy,.training-stats-grid,.training-mode-grid,.match-grid,.build-word-grid{grid-template-columns:1fr}.training-orb{width:62px;height:62px;border-radius:22px}}