.settings-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:16px;gap:16px;max-width:780px}.settings-grid h3{grid-column:1/-1}.settings-grid label{display:grid;grid-gap:7px;gap:7px;border:0;padding:0;margin:0}.settings-grid input,.settings-grid select{width:100%;padding:11px;border:1px solid #dfe2e6;border-radius:9px;background:#fff}.listen-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));grid-gap:12px;gap:12px;margin-top:20px}.listen-grid article{display:grid;grid-gap:8px;gap:8px;border:1px solid #e5e7eb;border-radius:12px;padding:16px}.listen-grid span{color:#747b86;font-size:12px}.listen-grid a{justify-content:center}.dialogues{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));grid-gap:14px;gap:14px;margin-top:20px}.dialogues article{background:#faf8ef;border:1px solid #ede7d3;border-radius:12px;padding:18px}.dialogues p{line-height:1.55}.login-page{background:#0b0d12;padding:20px}.login-card{width:100%;max-width:430px;padding:34px}.login-card h1{font-family:Be Vietnam Pro,system-ui,sans-serif;margin-top:30px}.login-card>p{color:#69707d}.login-card input{border:1px solid #ddd;border-radius:9px}.login-error{color:#b34b20!important;font-size:13px}@media (max-width:700px){.settings-grid{grid-template-columns:1fr}.settings-grid h3{grid-column:auto}}.anki-card{min-height:560px;display:flex;flex-direction:column;align-items:center;justify-content:flex-start}.review-progress{width:100%;display:flex;justify-content:space-between;color:#7a8190;font-size:12px}.anki-card h2{margin-top:30px}.memory-prompt{margin:42px 0 18px;color:#69707d}.show-answer{width:min(100%,360px);margin-top:auto;border:0;border-radius:11px;padding:14px;background:#111318;color:#fff;font-weight:750;cursor:pointer}.anki-card .review-answer em{max-width:520px;color:#69707d;font-weight:400;line-height:1.55}.rate-hint{font-size:12px;color:#747b86}.anki-card .review-actions{width:100%}.anki-card .review-actions button{display:grid;grid-gap:4px;gap:4px}.anki-card .review-actions small{font-size:10px;color:#777}.review-error{color:#b42318;font-size:12px}.memory-hint+.memory-prompt{margin-top:16px}.memory-illustration{width:min(100%,420px);min-height:190px;margin:22px auto 0;border:1px solid #eadfca;border-radius:14px;background:radial-gradient(circle at top,#fff9e9,#f7f1e8);display:grid;place-items:center;align-content:center;grid-gap:8px;gap:8px;padding:22px}.memory-illustration span{font-size:74px;filter:drop-shadow(0 8px 12px #0002)}.memory-illustration p{max-width:330px;margin:0;color:#655b50;line-height:1.45;font-size:13px}.review-visual{display:block;position:relative;width:min(100%,420px);height:220px;margin:22px auto 0;border-radius:14px;overflow:hidden;background:#f0f1f3}.review-visual img,.review-visual video{width:100%;height:100%;object-fit:contain}.review-visual small{position:absolute;left:10px;bottom:9px;padding:5px 8px;border-radius:7px;background:#000a;color:#fff;font-size:10px}.anki-card.is-revealed{max-width:720px}.anki-card.is-revealed .review-answer{width:100%;margin:14px 0 10px;text-align:left}.answer-meta{display:flex;align-items:center;justify-content:center;gap:8px;margin-bottom:10px;color:#69707d}.answer-meta>b{padding:3px 7px;border-radius:6px;background:#fff0d7;color:#a65300;font-size:10px;text-transform:uppercase}.vietnamese-meaning{text-align:center;padding:0 22px}.vietnamese-meaning small{display:block;margin-bottom:6px;color:#a65300;font-size:10px;font-weight:800}.vietnamese-meaning strong{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2;font-size:18px;line-height:1.45}.vietnamese-meaning.expanded strong{display:block}.vietnamese-meaning button{margin-top:5px;border:0;background:transparent;color:#a65300;font-size:11px;font-weight:700;cursor:pointer}.detail-tabs{display:grid;grid-template-columns:repeat(3,1fr);margin-top:16px;border-bottom:1px solid #dfe3e8}.detail-tabs button{height:38px;border:0;border-bottom:2px solid transparent;background:transparent;color:#747b86;font-size:12px;font-weight:700;cursor:pointer}.detail-tabs button.active{border-bottom-color:#d96b00;color:#a65300}.detail-viewport{height:210px;overflow-y:auto;overscroll-behavior:contain;padding:4px 8px 0 0;scrollbar-width:thin}.detail-pane{padding:4px 0 10px}.definition-row{padding:9px 0}.definition-row+.definition-row{border-top:1px dashed #e1e4e8}.definition-row>div{display:flex;align-items:center;gap:7px}.definition-row>div>b{display:grid;place-items:center;width:20px;height:20px;border-radius:50%;background:#fff0d7;color:#a65300;font-size:11px}.definition-row>div>span{color:#a65300;font-size:10px;font-weight:750;text-transform:uppercase}.definition-row p{margin:6px 0 3px;font-size:14px;line-height:1.45}.definition-row em,.saved-context em{display:block;color:#69707d;font-size:12px;line-height:1.45}.saved-context{margin-top:8px;padding:10px 12px;border-left:3px solid #e88a2b;background:#faf8f5}.relation-groups small,.saved-context small{display:block;margin-bottom:5px;color:#8a4b10;font-size:9px;font-weight:800}.collocation-list{display:grid;grid-gap:12px;gap:12px}.collocation-list>div>b{display:block;margin-bottom:6px;color:#555d68;font-size:11px}.answer-chips{display:flex;flex-wrap:wrap;gap:6px}.answer-chips span{padding:5px 8px;border:1px solid #dde1e6;border-radius:6px;background:#f7f8fa;font-size:11px}.answer-chips.antonyms span{border-color:#f0d5d1;background:#fff7f6;color:#9b3428}.answer-chips>i,.word-family-list>i{color:#8a9099;font-size:12px;font-style:normal}.relation-groups{display:grid;grid-gap:14px;gap:14px}.word-family-list{display:flex;flex-wrap:wrap;gap:6px}.word-family-list>span{display:flex;align-items:baseline;gap:6px;padding:5px 8px;border:1px solid #dde1e6;border-radius:6px;font-size:11px}.word-family-list i{color:#7a8190;font-size:9px;font-style:normal}.detail-empty,.detail-loading{text-align:center;color:#7a8190;font-size:12px}.anki-card.is-revealed .rate-hint{margin:8px 0}.anki-card.is-revealed .review-actions{position:-webkit-sticky;position:sticky;bottom:0;background:#fff;padding-top:5px}@media (max-width:700px){.anki-card.is-revealed{padding:16px 14px}.anki-card.is-revealed h2{margin-top:16px}.anki-card.is-revealed .review-visual{height:150px;margin-top:12px}.vietnamese-meaning{padding:0 4px}.vietnamese-meaning strong{font-size:15px}.detail-tabs{margin-top:11px}.detail-viewport{height:165px}.anki-card.is-revealed .review-actions{gap:6px}.anki-card.is-revealed .review-actions button{padding:9px 4px}}.review-card.anki-card,.review-card.anki-card.is-revealed{width:min(100%,1080px);max-width:1080px;min-height:0;margin:24px auto!important;padding:24px 26px;text-align:left;align-items:stretch}.review-study{display:grid;grid-template-columns:minmax(320px,.9fr) minmax(390px,1.1fr);grid-gap:28px;gap:28px;align-items:stretch;margin-top:12px}.review-front{display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:0;padding:8px 28px 14px;border-right:1px solid #e6e8eb}.anki-card.is-revealed .review-front h2,.review-front h2{margin:0 0 10px;font:650 30px/1.2 Be Vietnam Pro,system-ui,sans-serif;letter-spacing:0}.review-front .sound{width:40px;height:40px;padding:0}.review-front .sound svg{width:19px}.review-front .review-visual{width:100%;max-width:390px;height:250px;margin:18px 0 0;border-radius:10px}.review-front .memory-illustration{width:100%;max-width:390px;min-height:220px;margin:18px 0 0;border-radius:10px}.review-back{display:flex;min-width:0;flex-direction:column;justify-content:center;padding:4px 0}.recall-state{align-items:flex-start;padding:40px 34px}.recall-state .memory-prompt{max-width:390px;margin:0 0 20px;font-size:15px;line-height:1.65}.recall-state .show-answer{width:100%;max-width:360px;margin:0}.review-back .review-answer{width:100%;margin:0;text-align:left}.answer-meta{justify-content:flex-start;margin-bottom:12px;font-size:13px}.vietnamese-meaning{text-align:left;padding:0}.vietnamese-meaning strong{font-size:16px;font-weight:650;line-height:1.5}.vietnamese-meaning button{padding:0}.detail-tabs{margin-top:13px}.detail-tabs button{text-align:left;padding:0 10px}.detail-tabs button:first-child{padding-left:0}.detail-viewport{height:190px}.anki-card.is-revealed .rate-hint{text-align:left;margin:10px 0 7px}.anki-card.is-revealed .review-actions{position:static;padding:0}.review-actions button b{font-size:13px}.review-progress{padding:0 2px}.review-error{text-align:center}@media (max-width:900px){.review-card.anki-card,.review-card.anki-card.is-revealed{width:100%;padding:18px}.review-study{grid-template-columns:1fr;gap:14px}.review-front{padding:4px 0 16px;border-right:0;border-bottom:1px solid #e6e8eb}.anki-card.is-revealed .review-front h2,.review-front h2{font-size:27px}.review-front .review-visual{height:170px;margin-top:12px}.review-front .memory-illustration{min-height:160px;margin-top:12px}.recall-state,.review-back{padding:0}.recall-state{align-items:center}.recall-state .memory-prompt{text-align:center;margin:0 0 14px;font-size:13px}.detail-viewport{height:160px}.detail-tabs button{text-align:center;padding:0}.vietnamese-meaning strong{font-size:15px}.anki-card.is-revealed .rate-hint{text-align:center}}.detail-tabs{grid-template-columns:repeat(4,1fr)}.auth-switch{display:flex;justify-content:center;align-items:center;gap:7px;margin-top:18px;color:#69707d;font-size:13px}.auth-switch button{border:0;background:transparent;color:#b85c00;font-weight:750;cursor:pointer;padding:4px}.dash{min-height:100vh;display:grid;grid-template-columns:248px minmax(0,1fr);background:var(--bg);color:var(--text)}.side{position:-webkit-sticky;position:sticky;top:0;height:100vh;display:flex;flex-direction:column;padding:24px 16px;background:var(--nav);color:#f2f8f4;border-right:1px solid #ffffff0b}.side .brand{padding:0 10px 26px}.side .brand img{width:36px;height:36px}.menu{display:grid;grid-gap:4px;gap:4px}.menu button{width:100%;height:44px;display:flex;align-items:center;gap:12px;border:0;border-radius:12px;padding:0 13px;background:transparent;color:#94a69c;text-align:left;font-size:13px;font-weight:650;cursor:pointer}.menu button:hover{background:#ffffff0b;color:#fff}.menu button.active{background:var(--brand);color:#0b2419;box-shadow:0 8px 24px #0002}.menu button svg{flex:0 0 auto}.side-foot{display:flex;align-items:center;gap:10px;margin-top:auto;padding:14px 10px 4px;border-top:1px solid #ffffff12}.side-avatar{width:36px;height:36px;border-radius:12px;display:grid;place-items:center;background:#ffffff12;color:var(--brand);font-weight:800}.side-foot>div:last-child{display:grid;min-width:0}.side-foot b{font-size:12px;overflow:hidden;text-overflow:ellipsis}.side-foot small{color:#7f9489;font-size:10px;margin-top:2px}.main{min-width:0;padding:34px clamp(22px,4vw,54px) 60px}.main>.topline{min-height:60px;margin-bottom:26px}.topline{display:flex;align-items:center;justify-content:space-between;gap:20px}.topline h1{margin:3px 0 0;font:750 29px Be Vietnam Pro,system-ui,sans-serif;letter-spacing:-.03em}.muted{color:var(--muted);line-height:1.55}.top-actions{display:flex;align-items:center;gap:9px}.theme-toggle{width:42px;height:42px;border:1px solid var(--line);border-radius:12px;background:var(--surface);display:grid;place-items:center;cursor:pointer}.review-cta{height:42px;padding:0 14px}.review-cta span{min-width:22px;height:22px;padding:0 6px;border-radius:8px;display:grid;place-items:center;background:#ffffff17;font-size:11px}.stats{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:14px;gap:14px;margin:0 0 18px}.panel,.stat{background:var(--surface);border:1px solid var(--line);box-shadow:0 1px 0 rgba(0,0,0,.02)}.stat{position:relative;overflow:hidden;border-radius:17px;padding:20px}.stat:after{content:"";position:absolute;width:58px;height:58px;right:-20px;bottom:-24px;border-radius:50%;background:var(--brand);opacity:.12}.stat small{color:var(--muted);font-size:11px}.stat strong{display:block;margin-top:8px;font:750 29px Be Vietnam Pro,system-ui,sans-serif}.panel{border-radius:18px;padding:22px}.panel h3{font-family:Be Vietnam Pro,system-ui,sans-serif;margin:0 0 14px}.panelgrid{grid-template-columns:minmax(0,1.25fr) minmax(280px,.75fr);grid-gap:16px;gap:16px;margin-top:16px}.panelgrid,.word,.words{display:grid}.word{grid-template-columns:minmax(130px,.8fr) minmax(190px,1.3fr) 36px 78px!important;align-items:center;grid-gap:13px;gap:13px;min-height:62px;border-bottom:1px solid var(--line);font-size:13px}.word:last-child{border-bottom:0}.term{font-weight:800}.term small{display:block;color:var(--muted);font-weight:500;margin-top:2px}.sound,.word-sound{border:1px solid var(--line);background:var(--surface-2);color:var(--text);border-radius:10px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.word-sound{width:34px;height:34px}.sound{padding:10px;gap:7px}.pill{justify-self:end;padding:5px 9px;border-radius:999px;background:color-mix(in srgb,var(--brand) 20%,transparent);font-size:9px;font-weight:800;text-transform:uppercase}.progress-list{display:grid;grid-gap:0;gap:0}.progress-list>div{display:flex;justify-content:space-between;padding:15px 2px;border-bottom:1px solid var(--line)}.full{width:100%;margin-top:22px}.login-page{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 50% 0,#284b3b,var(--nav) 50%)}.login-card{width:min(100%,430px);padding:34px!important;background:var(--surface);border:1px solid var(--line);border-radius:20px;box-shadow:0 28px 80px rgba(0,0,0,.38)}.login-card,.login-card .brand,.login-card h1{color:var(--text)}.login-card h1{margin:28px 0 8px;font:750 28px Be Vietnam Pro,system-ui,sans-serif}.login-card>p{color:var(--muted)}.login-card label{display:grid;grid-gap:7px;gap:7px;margin-top:15px;color:var(--text);font-size:12px;font-weight:700}.login-card input{width:100%;padding:13px;border:1px solid var(--line);border-radius:11px;background:var(--surface-2);color:var(--text)}.login-card .btn-dark{background:var(--text);color:var(--surface)}.login-error{color:#e8695f!important;font-size:12px}.auth-switch{color:var(--muted)}.auth-switch button{color:var(--brand-strong)}.practice-hub{max-width:1100px}.practice-hero{background:radial-gradient(circle at 85% 10%,#3c7057,var(--nav) 55%);border:1px solid #ffffff10;border-radius:22px;box-shadow:var(--shadow)}.due-orbit b,.practice-kicker{color:var(--brand)}.choice-grid button,.game-next,.game-stage,.game-tile,.letter-rack button,.practice-toolbar,.question-card{background:var(--surface);border-color:var(--line);color:var(--text)}.game-tile.featured{background:linear-gradient(100deg,color-mix(in srgb,var(--brand) 15%,var(--surface)),var(--surface));border-color:color-mix(in srgb,var(--brand) 48%,var(--line))}.game-tile:hover{border-color:var(--brand);box-shadow:var(--shadow)}.game-icon,.game-tile.amber .game-icon,.game-tile.blue .game-icon,.game-tile.cyan .game-icon,.game-tile.featured .game-icon,.game-tile.green .game-icon,.game-tile.rose .game-icon{background:color-mix(in srgb,var(--brand) 17%,var(--surface));color:var(--brand-strong)}.game-copy em,.game-copy small,.game-stage-head span,.question-label{color:var(--muted)}.game-progress{background:var(--surface-2)}.game-progress span{background:linear-gradient(90deg,var(--brand-strong),var(--brand),var(--accent))}.primary-answer{background:var(--brand);color:#092017}.big-listen,.listen-button,.meaning-clue{color:var(--brand-strong)}.big-listen{background:color-mix(in srgb,var(--brand) 16%,var(--surface))}.game-next{border-color:var(--line)}.game-memory{position:relative;width:min(100%,420px);height:190px;margin:16px auto 4px;border-radius:17px;overflow:hidden;border:1px solid var(--line);background:var(--surface-2)}.game-memory img{width:100%;height:100%;display:block;object-fit:cover}.game-memory>a{position:absolute;right:9px;bottom:8px;padding:5px 8px;border-radius:8px;background:#07130dbd;color:#fff;font-size:9px}.visual-fallback{height:100%;display:grid;place-content:center;justify-items:center;background:radial-gradient(circle at 50% 10%,color-mix(in srgb,var(--brand) 25%,var(--surface)),var(--surface-2));text-align:center}.visual-fallback span{width:70px;height:70px;display:grid;place-items:center;border-radius:22px;background:var(--surface);color:var(--brand-strong);font:800 33px Be Vietnam Pro,system-ui,sans-serif;box-shadow:var(--shadow)}.visual-fallback b{margin-top:10px}.visual-fallback small{margin-top:3px;color:var(--muted)}.question-card{padding-top:30px}.question-card .primary-answer{margin-top:18px}.flash-answer{margin-top:12px}.flash-answer strong{color:var(--brand-strong)}.ai-reading,.chat-compose input,.chat-message,.content-modes button,.practice-toolbar,.room-tabs button,.settings-card,.topic-grid article,.topic-tabs button,.word-picker button{background:var(--surface)!important;border-color:var(--line)!important;color:var(--text)!important}.settings-hero{background:var(--nav)!important}.settings-card input,.settings-card select,.settings-grid input,.settings-grid select{background:var(--surface-2)!important;border-color:var(--line)!important;color:var(--text)!important}.ai-reading-text,.learning-head p,.settings-title p,.topic-grid p,.word-picker span{color:var(--muted)!important}.theme-options label{border-color:var(--line)!important}.speed-field input,.theme-options input{accent-color:var(--brand)!important}.settings-title>span{background:color-mix(in srgb,var(--brand) 18%,var(--surface))!important;color:var(--brand-strong)!important}.preview-voice{background:var(--nav)!important;color:#fff}.chat-feed{background:var(--surface-2)!important;border-color:var(--line)!important}.content-modes button.active,.room-tabs button.active,.topic-tabs button.active{background:var(--nav)!important;color:#fff!important}.reading-empty{background:linear-gradient(145deg,color-mix(in srgb,var(--brand) 10%,var(--surface)),var(--surface))!important;border-color:var(--line)!important}.youglish-frame{background:var(--nav)!important}@media (max-width:900px){.dash{grid-template-columns:78px minmax(0,1fr)}.side{padding:20px 11px}.menu button span,.side .brand span,.side-foot>div:last-child{display:none}.side .brand{padding:0 9px 24px}.menu button{justify-content:center;padding:0}.side-foot{justify-content:center;padding-inline:0}.panelgrid{grid-template-columns:1fr}.stats{grid-template-columns:1fr 1fr}.main{padding:25px 22px 50px}}@media (max-width:620px){.dash{padding-bottom:72px}.dash,.side{display:block}.side{position:fixed;z-index:20;inset:auto 0 0;height:68px;padding:8px;background:color-mix(in srgb,var(--nav) 94%,transparent);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border:0;border-top:1px solid #ffffff15}.side .brand,.side-foot{display:none}.menu{height:100%;grid-template-columns:repeat(9,1fr);overflow-x:auto;gap:4px}.menu button{width:52px;height:50px}.main{padding:22px 14px 36px}.main>.topline{margin-bottom:20px}.topline h1{font-size:25px}.main>.topline small{display:none}.review-cta{padding:0 11px}.stats{gap:9px}.stat{padding:16px}.stat strong{font-size:25px}.word{grid-template-columns:minmax(100px,.8fr) minmax(135px,1.2fr) 34px!important}.word .pill{display:none}.panel{padding:17px}.practice-hero{padding:24px}.practice-hero h2{font-size:25px}.practice-hero p{display:none}.due-orbit{width:76px;height:76px;flex-basis:76px}.game-memory{height:160px}.question-card{padding:25px 15px}.settings-shell{margin-top:0}}.side{background:radial-gradient(circle at 5% 95%,rgba(255,184,0,.1),transparent 23%),#0b0d12}.side:after{content:"";position:absolute;left:-70px;bottom:88px;width:135px;height:100px;border:1px solid rgba(255,138,0,.38);border-radius:50%;box-shadow:0 0 0 17px #0b0d12,0 0 0 18px rgba(255,138,0,.3),0 0 0 35px #0b0d12,0 0 0 36px rgba(255,184,0,.22);pointer-events:none}.menu,.side .brand,.side-foot{position:relative;z-index:1}.menu button{color:#9ea2aa}.menu button.active{background:linear-gradient(135deg,#ffd15c,#ffb800 48%,#ff8a00);color:#0b0d12;box-shadow:0 9px 26px rgba(255,138,0,.2)}.side-avatar{background:linear-gradient(135deg,#ffd15c,#ff8a00);color:#0b0d12}.game-copy h3,.login-card h1,.panel h3,.practice-hero h2,.question-card h2,.review-front h2,.stat strong,.topline h1{font-family:Be Vietnam Pro,system-ui,sans-serif}.stat{border-radius:15px}.stat:after{background:linear-gradient(135deg,var(--brand),var(--accent));opacity:.14}.panel{border-radius:16px}.sound:hover,.theme-toggle:hover,.word-sound:hover{border-color:var(--brand);color:var(--brand-strong)}.pill{background:color-mix(in srgb,var(--brand) 17%,transparent);color:var(--brand-strong)}.practice-hero{background:radial-gradient(circle at 86% 18%,rgba(255,184,0,.18),transparent 24%),linear-gradient(125deg,#07090d,#15100a 120%)}.practice-hero:after{border-color:rgba(255,138,0,.35)}.primary-answer{background:linear-gradient(135deg,#ffd15c,#ffb800 48%,#ff8a00);color:#0b0d12}.login-page{background:radial-gradient(circle at 50% 0,rgba(255,184,0,.16),transparent 32%),#0b0d12}.settings-hero{background:linear-gradient(125deg,#080a0e,#19130a)!important}.settings-avatar{background:linear-gradient(135deg,#ffd15c,#ff8a00)!important;color:#0b0d12!important}