:root{
  --ink:#183249;--ink-2:#29465f;--muted:#6e8294;--paper:#fffaf1;--paper-2:#fff3de;
  --white:#fff;--line:#eadfce;--coral:#f46f5e;--coral-dark:#cf5146;--teal:#1da99b;
  --teal-dark:#0d7e75;--yellow:#ffca4b;--yellow-dark:#d99a27;--blue:#74a7ed;
  --violet:#7d66cb;--violet-dark:#5c43aa;--mint:#ddf4ee;--peach:#ffe4d7;
  --shadow:#dfd2bf;--shadow-dark:rgba(24,50,73,.12)
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);font-family:"Nunito","Arial Rounded MT Bold","Trebuchet MS",sans-serif;font-weight:700}
button,input{font:inherit}
button{color:inherit}
button:focus-visible,input:focus-visible{outline:4px solid rgba(29,169,155,.22);outline-offset:2px}
svg{fill:none;stroke:currentColor;stroke-width:2.7;stroke-linecap:round;stroke-linejoin:round}
.app-shell{min-height:100vh;display:grid;grid-template-columns:248px minmax(0,1fr)}
.sidebar{height:100vh;position:sticky;top:0;background:var(--paper-2);border-right:2px solid #eeddbd;padding:28px 18px 22px;display:flex;flex-direction:column;z-index:20}
.brand,.mobile-brand{border:0;background:transparent;display:flex;align-items:center;gap:12px;font-size:30px;font-weight:1000;letter-spacing:-1.4px;padding:0 9px;cursor:pointer}
.brand-mark{width:44px;height:44px;border-radius:15px;background:var(--coral);border-bottom:5px solid var(--coral-dark);display:inline-flex;align-items:center;justify-content:center;gap:3px;position:relative}
.brand-mark i{display:block;width:5px;background:#fff9ed;border-radius:5px;transform:rotate(-18deg)}
.brand-mark i:nth-child(1){height:15px}.brand-mark i:nth-child(2){height:24px}.brand-mark i:nth-child(3){height:19px}
.side-nav{display:grid;gap:7px;margin-top:35px}
.nav-item{height:56px;border:0;background:transparent;border-radius:16px;padding:0 15px;display:flex;align-items:center;gap:14px;color:#65798b;font-size:16px;font-weight:900;cursor:pointer;position:relative;text-align:left}
.nav-item svg{width:25px;height:25px;flex:0 0 25px}
.nav-item:hover{background:#fff7e9;color:var(--ink)}
.nav-item.is-active{background:var(--white);color:var(--ink);box-shadow:0 5px 0 #e5d5bc}
.nav-item.is-active svg{color:var(--coral)}
.nav-dot{width:8px;height:8px;border-radius:50%;background:var(--coral);margin-left:auto;box-shadow:0 0 0 4px #ffe4dc}
.sound-panel{margin-top:auto;border:2px solid #ead4aa;border-radius:20px;background:#fff8e8;padding:12px;display:grid;grid-template-columns:38px 1fr 38px;gap:9px;align-items:center}
.sound-panel small{display:block;color:#8a7459;font-size:10px;margin-top:3px;line-height:1.2}.sound-panel b{font-size:13px}
.sound-icon{width:38px;height:38px;border-radius:12px;background:#fff;display:grid;place-items:center;color:var(--teal);box-shadow:0 3px 0 #ead9b8}.sound-icon svg{width:21px}
.switch{width:38px;height:23px;border:0;background:#d7d8d5;border-radius:20px;padding:3px;cursor:pointer}.switch i{display:block;width:17px;height:17px;border-radius:50%;background:#fff;transition:.2s}.switch.is-on{background:var(--teal)}.switch.is-on i{transform:translateX(15px)}
.main{width:100%;max-width:1320px;margin:auto;padding:0 42px 70px}
.topbar{height:84px;display:flex;align-items:center;justify-content:flex-end;border-bottom:2px solid #f0e7da;margin-bottom:28px}
.mobile-brand{display:none}
.top-stats{display:flex;gap:10px}
.stat-pill{height:40px;padding:0 13px;border-radius:14px;display:flex;align-items:center;gap:7px;background:#fff;border:2px solid var(--line)}
.stat-pill svg{width:21px;height:21px}.stat-pill b{font-size:14px}.stat-pill.streak{color:#eb7851}.stat-pill.gem{color:#3297d0}.stat-pill.xp{color:#b18422}
.view{display:none;animation:view-in .28s ease}.view.is-visible{display:block}@keyframes view-in{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:none}}
.kicker{display:block;color:var(--teal-dark);font-size:11px;font-weight:1000;letter-spacing:1.2px;margin-bottom:6px}.kicker.light{color:#fff4c8}
.quest-hero{min-height:320px;border-radius:30px;border-bottom:8px solid var(--coral-dark);position:relative;overflow:hidden;padding:40px 45px;color:#fff}
.panel-coral{background:var(--coral)}.panel-violet{background:var(--violet)}
.quest-hero:before,.quest-hero:after{content:"";position:absolute;border:28px solid rgba(255,255,255,.12);border-radius:50%}.quest-hero:before{width:260px;height:260px;right:70px;top:-185px}.quest-hero:after{width:110px;height:110px;right:340px;bottom:-105px}
.hero-copy{max-width:650px;position:relative;z-index:3}.hero-copy h1,.quests-header h1{font-size:43px;line-height:1.05;letter-spacing:-1.5px;margin:9px 0 12px}.hero-copy p,.quests-header p{font-size:17px;line-height:1.45;max-width:570px;margin:0 0 20px}
.hero-progress{display:flex;align-items:center;gap:12px;margin:18px 0 22px}.hero-progress>span{display:block;width:235px;height:14px;border-radius:20px;background:rgba(24,50,73,.26);padding:3px}.hero-progress>span>i{display:block;height:100%;width:0;background:var(--yellow);border-radius:20px;transition:width .35s}.hero-progress b{font-size:13px}
.button{border:0;border-radius:16px;padding:14px 20px;font-weight:1000;display:inline-flex;align-items:center;justify-content:center;gap:9px;cursor:pointer;transition:transform .12s,border-width .12s}.button svg{width:21px;height:21px}
.button:active{transform:translateY(4px)}.button-yellow{background:var(--yellow);border-bottom:6px solid var(--yellow-dark);color:#634714}.button-yellow:active,.button-coral:active,.button-ink:active,.button-soft:active{border-bottom-width:2px}
.button-coral{background:var(--coral);border-bottom:6px solid var(--coral-dark);color:#fff}.button-ink{background:var(--ink);border-bottom:6px solid #0c2133;color:#fff}.button-soft{background:#fff;border:2px solid var(--line);border-bottom:5px solid #d8c9b4}.full{width:100%}
.mascot-stage{position:absolute;right:15px;bottom:-22px;width:300px;height:315px;background:transparent;border:0;cursor:pointer;z-index:2}.mascot-pose{position:absolute;right:0;bottom:0;width:100%;height:100%;object-fit:contain;object-position:center bottom;filter:drop-shadow(0 12px 0 rgba(12,76,70,.16));transition:opacity .15s,transform .22s}.mascot-wave{opacity:0;transform:scale(.94)}.mascot-stage.is-waving .mascot-idle{opacity:0;transform:scale(.96)}.mascot-stage.is-waving .mascot-wave{opacity:1;transform:scale(1)}.mascot-bubble{position:absolute;right:185px;top:20px;width:150px;background:#fff;color:var(--ink);padding:10px 12px;border-radius:16px 16px 3px 16px;font-size:12px;z-index:5;box-shadow:0 5px 0 rgba(97,56,47,.18);transform:rotate(-3deg);transition:.2s}.mascot-stage:hover .mascot-bubble{transform:rotate(0) translateY(-4px)}
.spark{position:absolute;width:12px;height:12px;background:var(--yellow);transform:rotate(45deg);opacity:0;z-index:6}.s1{right:245px;top:80px}.s2{right:250px;top:125px;width:8px;height:8px}.s3{right:205px;top:62px;width:7px;height:7px}.mascot-stage.is-waving .spark{animation:spark .7s ease both}@keyframes spark{0%{opacity:0;transform:scale(.2) rotate(45deg)}45%{opacity:1;transform:scale(1) rotate(45deg)}100%{opacity:0;transform:translateY(-18px) rotate(90deg)}}
.today-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(320px,.85fr);gap:28px;margin-top:36px}
.section-heading{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:15px}.section-heading h2{margin:0;font-size:27px;letter-spacing:-.7px}.section-heading.compact{align-items:center}.section-heading.compact h2{font-size:24px}.text-button{border:0;background:transparent;color:var(--teal-dark);font-weight:900;cursor:pointer}.text-button span{font-size:20px;margin-left:4px}
.lesson-list{display:grid;gap:14px}.lesson-row{width:100%;min-height:105px;border:2px solid var(--line);border-bottom:6px solid var(--shadow);border-radius:23px;background:#fff;padding:14px 16px;display:flex;align-items:center;gap:16px;text-align:left;cursor:pointer;transition:.16s}.lesson-row:hover{transform:translateY(-3px);box-shadow:0 7px 0 rgba(223,210,191,.45)}.lesson-row.is-current{border-color:#c9e7e1}.lesson-row.is-locked{opacity:.62;cursor:not-allowed}.lesson-sticker{width:70px;height:70px;border-radius:19px;overflow:hidden;flex:0 0 70px;display:grid;place-items:center}.lesson-sticker img{width:100%;height:100%;object-fit:cover}.sticker-blue{background:#e0ebff}.sticker-mint{background:#dff5ef}.sticker-peach{background:#ffe5d9}.lesson-meta{display:grid;gap:4px}.lesson-meta small{font-size:10px;letter-spacing:.8px;color:var(--teal-dark)}.lesson-meta b{font-size:18px}.lesson-meta em{font-size:12px;color:var(--muted);font-style:normal}.lesson-action{margin-left:auto;width:44px;height:44px;border-radius:15px;background:var(--mint);color:var(--teal-dark);display:grid;place-items:center}.lesson-action svg{width:22px}.lesson-action.lock{background:#f1ede7;color:#7e8b94}
.daily-card{background:#fff0cf;border:2px solid #ebd09a;border-bottom:7px solid #dfbd7d;border-radius:26px;padding:22px;height:max-content}.reward-badge{padding:7px 10px;background:#fff9e9;color:#8b6727;border-radius:12px;display:flex;align-items:center;gap:5px;font-size:12px}.reward-badge svg{width:17px;color:#3da1d3}
.mini-quest{display:grid;grid-template-columns:52px 1fr;gap:12px;align-items:center;background:#fffaf0;border:1px solid #ead4a7;border-radius:18px;padding:12px;margin:12px 0}.quest-icon{width:52px;height:52px;border-radius:15px;display:grid;place-items:center}.quest-icon svg{width:28px}.icon-yellow{background:#fff0b8;color:#c88817}.icon-mint{background:#dbf3eb;color:var(--teal-dark)}.mini-quest>span:last-child{display:grid;gap:4px}.mini-quest b{font-size:14px}.mini-quest small{font-size:11px;color:#8a7459}.thin-progress{display:block;height:9px;background:#eadfc9;border-radius:10px;overflow:hidden}.thin-progress i{display:block;height:100%;width:0;background:var(--teal);border-radius:10px;transition:width .35s}
.page-heading{margin:16px 0 32px}.page-heading h1{font-size:42px;letter-spacing:-1.3px;margin:5px 0 10px}.page-heading p{max-width:690px;color:var(--muted);line-height:1.55;margin:0}

/* BẢN ĐỒ VƯỢT ẢI (GAMIFIED LEVEL MAP) */
.adventure-container{display:grid;gap:36px;margin-top:10px}
.stage-world{background:#fff;border:2px solid var(--line);border-bottom:8px solid var(--shadow);border-radius:32px;padding:32px 36px 50px;position:relative;overflow:hidden}
.world-banner{background:linear-gradient(135deg,#10a894 0%,#0c7f73 100%);color:#fff;border-radius:24px;border-bottom:6px solid #085d54;padding:26px 30px;display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:42px;box-shadow:0 12px 24px rgba(16,168,148,.18)}
.world-badge{display:inline-block;padding:5px 11px;border-radius:10px;background:#ffc928;color:#5c3e06;font-size:11px;font-weight:900;letter-spacing:.8px;margin-bottom:8px}
.world-meta h2{font-size:32px;margin:0 0 6px;letter-spacing:-1px}
.world-meta p{margin:0;color:#d5f7f0;font-size:15px;max-width:540px;line-height:1.45}
.world-stats{display:flex;align-items:center;gap:18px}
.world-stat-item{background:rgba(255,255,255,.15);border:1px solid rgba(255,255,255,.25);border-radius:18px;padding:10px 18px;text-align:center;min-width:110px}
.world-stat-item b{display:block;font-size:22px;color:#fff}
.world-stat-item small{display:block;font-size:11px;color:#d1fff7;margin-top:2px}
.play-current-btn{background:#ff6b5b;border-color:#d94b40;color:#fff;box-shadow:0 4px 12px rgba(255,107,91,.35);white-space:nowrap}

/* Vùng bản đồ uốn lượn */
.stage-map-wrap{position:relative;max-width:680px;margin:0 auto;padding:20px 20px 40px}
.stage-track{position:relative;display:flex;flex-direction:column;gap:38px;align-items:center}
.map-connections-svg{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1}

/* Hàng từng ải */
.stage-step-row{position:relative;width:100%;display:flex;justify-content:center;z-index:2}
.stage-step-row.offset-right{transform:translateX(110px)}
.stage-step-row.offset-semi-right{transform:translateX(55px)}
.stage-step-row.offset-left{transform:translateX(-110px)}
.stage-step-row.offset-semi-left{transform:translateX(-55px)}

/* Node Cửa Ải (Nút 3D tròn phong cách game) */
.stage-node-wrap{position:relative;display:flex;flex-direction:column;align-items:center}
.stage-btn{width:90px;height:90px;border-radius:50%;border:4px solid #fff;border-bottom-width:9px;display:grid;place-items:center;cursor:pointer;position:relative;transition:transform .12s,border-bottom-width .12s,box-shadow .2s;background:#fff}
.stage-btn:hover{transform:translateY(-3px)}
.stage-btn:active{transform:translateY(5px);border-bottom-width:3px}
.stage-btn svg{width:38px;height:38px;stroke-width:2.8}

/* Các loại Ải */
.stage-btn.type-lesson{background:linear-gradient(180deg,#20c4af 0%,#10a894 100%);color:#fff;border-bottom-color:#08786d;box-shadow:0 8px 16px rgba(16,168,148,.25)}
.stage-btn.type-challenge{background:linear-gradient(180deg,#9480f2 0%,#7a66df 100%);color:#fff;border-bottom-color:#5542b8;box-shadow:0 8px 16px rgba(122,102,223,.25)}
.stage-btn.type-boss{background:linear-gradient(180deg,#ffd147 0%,#ffb020 100%);color:#5a3c00;border-bottom-color:#d48800;box-shadow:0 8px 18px rgba(255,176,32,.35)}
.stage-btn.type-boss:before{content:"👑";position:absolute;top:-24px;font-size:26px;filter:drop-shadow(0 4px 6px rgba(0,0,0,.2))}

/* Trạng thái Ải */
.stage-node-wrap.is-completed .stage-btn{border-color:#fff}
.stage-node-wrap.is-current .stage-btn{animation:stage-pulse 2s infinite}
@keyframes stage-pulse{0%,100%{box-shadow:0 0 0 0 rgba(255,107,91,.45),0 8px 16px rgba(0,0,0,.15)}50%{box-shadow:0 0 0 16px rgba(255,107,91,0),0 12px 20px rgba(0,0,0,.18)}}
.stage-node-wrap.is-locked .stage-btn{background:#e7e2d9;color:#a39d93;border-bottom-color:#c8c1b6;box-shadow:none;cursor:not-allowed}
.stage-node-wrap.is-locked .stage-btn:active{transform:none;border-bottom-width:9px}

/* Số sao đánh giá */
.stage-stars-row{display:flex;gap:3px;margin-top:7px;background:#fffaf0;border:1px solid #eadfc9;border-radius:12px;padding:2px 6px}
.stage-stars-row svg{width:16px;height:16px;stroke:none;fill:#ded2be}
.stage-stars-row svg.is-active{fill:#ffb020;filter:drop-shadow(0 1px 2px rgba(217,154,0,.4))}

/* Nhãn tên ải */
.stage-label-pill{background:#fff;border:2px solid var(--line);border-bottom:4px solid var(--shadow);border-radius:16px;padding:6px 14px;margin-top:6px;text-align:center;min-width:140px;max-width:210px;box-shadow:0 4px 10px rgba(20,47,70,.05);transition:transform .15s}
.stage-label-pill b{display:block;font-size:12px;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.stage-label-pill small{display:block;font-size:10px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.stage-node-wrap:hover .stage-label-pill{transform:translateY(-2px)}

/* Mascot Guide đứng cạnh ải hiện tại */
.stage-mascot-guide{position:absolute;left:calc(100% + 18px);top:50%;transform:translateY(-50%);display:flex;align-items:center;gap:10px;pointer-events:none;z-index:5;white-space:nowrap}
.stage-mascot-guide img{width:68px;height:68px;object-fit:contain;filter:drop-shadow(0 6px 8px rgba(0,0,0,.15));animation:mascot-guide-hop 1.5s ease-in-out infinite}
@keyframes mascot-guide-hop{0%,100%{transform:translateY(0)}50%{transform:translateY(-6px)}}
.stage-mascot-bubble{background:#ff6b5b;color:#fff;border-radius:14px;padding:8px 12px;font-size:11px;font-weight:900;border-bottom:4px solid #d94b40;box-shadow:0 4px 8px rgba(217,75,64,.25);position:relative}
.stage-mascot-bubble:after{content:"";position:absolute;left:-6px;top:50%;transform:translateY(-50%);border-width:6px 6px 6px 0;border-style:solid;border-color:transparent #ff6b5b transparent transparent}

/* Rương báu */
.chest-node-wrap{position:relative;display:flex;flex-direction:column;align-items:center}
.chest-btn{width:76px;height:76px;border-radius:22px;border:3px solid #ebd09a;border-bottom:7px solid #dfbd7d;background:#fff5db;display:grid;place-items:center;cursor:pointer;transition:transform .12s,box-shadow .2s;position:relative}
.chest-btn svg{width:42px;height:42px}
.chest-btn:hover{transform:translateY(-3px)}
.chest-btn:active{transform:translateY(4px);border-bottom-width:3px}
.chest-node-wrap.can-open .chest-btn{animation:chest-wiggle 2s ease-in-out infinite;background:#fff1cc;box-shadow:0 0 0 6px rgba(255,202,75,.35)}
@keyframes chest-wiggle{0%,100%{transform:rotate(0)}15%{transform:rotate(-6deg)}30%{transform:rotate(6deg)}45%{transform:rotate(-3deg)}60%{transform:rotate(3deg)}75%{transform:rotate(0)}}
.chest-node-wrap.is-opened .chest-btn{opacity:.65;background:#ece6dc;border-color:#d4ccbe;cursor:default}
.chest-tag{margin-top:6px;background:#fff0bd;color:#805d22;padding:4px 10px;border-radius:10px;font-size:11px;font-weight:900}

/* Các Chặng khóa tiếp theo */
.locked-worlds{display:grid;gap:18px;margin-top:10px}
.locked-world-card{background:#f9f6ef;border:2px dashed #ded4c3;border-radius:24px;padding:22px 28px;display:flex;align-items:center;justify-content:space-between;gap:24px;opacity:.78}
.locked-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:10px;background:#e5dfd5;color:#6d7984;font-size:11px;font-weight:900}
.locked-badge svg{width:16px;height:16px}
.locked-info h3{font-size:20px;margin:0 0 5px;color:var(--ink)}
.locked-info p{margin:0;color:var(--muted);font-size:13px;max-width:620px;line-height:1.4}
.locked-cond{padding:8px 14px;border-radius:12px;background:#fff;border:1px solid #ddd3c2;color:#847663;font-size:12px;font-weight:800;white-space:nowrap}

/* Modal Vượt ải chuyên sâu */
.stage-modal-card{width:min(680px,94vw);background:#fff;border-radius:30px;overflow:hidden;border:2px solid var(--line);border-bottom:8px solid var(--shadow);display:flex;flex-direction:column}
.stage-modal-header{padding:20px 24px;border-bottom:2px solid #f0e6d6;display:flex;align-items:center;gap:16px}
.stage-modal-title{flex:1}
.stage-modal-title h2{font-size:22px;margin:3px 0 0;letter-spacing:-.5px}
.stage-modal-progress{display:flex;align-items:center;gap:10px}
.stage-modal-progress .modal-progress{width:120px}
.stage-modal-body{padding:26px 28px;min-height:360px;display:flex;flex-direction:column;justify-content:center}
.stage-modal-footer{padding:18px 24px;border-top:2px solid #f0e6d6;display:flex;align-items:center;justify-content:space-between;background:#fffdf9}

/* Cụm từ bên trong ải học */
.stage-lesson-view{display:grid;grid-template-columns:minmax(220px,260px) 1fr;gap:24px;align-items:center}
.stage-lesson-media{height:250px;background:#e4f6f2;border:2px solid #cfece6;border-radius:20px;display:grid;place-items:center;padding:16px}
.stage-lesson-media img{max-width:100%;max-height:100%;object-fit:contain;filter:drop-shadow(0 6px 8px rgba(8,120,109,.12))}
.stage-lesson-info h1{font-size:38px;margin:4px 0 8px;letter-spacing:-1px}
.stage-lesson-info p{color:var(--muted);font-size:14px;line-height:1.5;margin:0 0 16px}
.stage-tip-card{background:#fff8e8;border:1px solid #ebd8b0;border-radius:16px;padding:12px 14px;display:flex;gap:10px;align-items:flex-start}
.stage-tip-card svg{width:22px;height:22px;color:#d99a00;flex-shrink:0}
.stage-tip-card span{display:grid;gap:2px}
.stage-tip-card b{font-size:12px;color:#755306}
.stage-tip-card small{font-size:11px;color:#856c39;line-height:1.35}

/* Màn hình chiến thắng ải */
.stage-victory-view{text-align:center;padding:20px 10px}
.stage-victory-stars{display:flex;justify-content:center;gap:12px;margin:16px 0}
.stage-victory-stars svg{width:48px;height:48px;fill:#ffb020;filter:drop-shadow(0 4px 8px rgba(255,176,32,.35))}
.stage-victory-title{font-size:34px;margin:0 0 8px;letter-spacing:-.8px}
.stage-victory-desc{font-size:16px;color:var(--muted);margin:0 0 22px}
.stage-victory-pills{display:flex;justify-content:center;gap:14px}
.stage-victory-pill{padding:10px 18px;border-radius:16px;background:#fff2d4;color:#7e5603;font-size:14px;font-weight:900}

/* Modal Rương Kho Báu */
.chest-modal-card{width:min(480px,92vw);background:#fff;border-radius:30px;padding:36px 30px;text-align:center;border:2px solid var(--line);border-bottom:8px solid var(--shadow)}
.chest-modal-art{margin-bottom:20px;position:relative;display:grid;place-items:center}
.chest-glow{position:absolute;width:140px;height:140px;border-radius:50%;background:radial-gradient(circle,rgba(255,202,75,.45) 0%,rgba(255,202,75,0) 70%)}
.chest-big-icon{width:90px;height:90px}
.chest-rewards{display:flex;justify-content:center;gap:14px;margin:22px 0 28px}
.chest-reward-item{background:#fff8e8;border:2px solid #ecd4a3;border-radius:18px;padding:12px 20px;display:flex;align-items:center;gap:8px;font-size:16px;font-weight:900;color:#7a5504}

.dictionary-title{display:flex;align-items:end;justify-content:space-between;gap:25px}.search-box{width:min(470px,100%);height:58px;background:#fff;border:2px solid var(--line);border-bottom:5px solid var(--shadow);border-radius:18px;display:flex;align-items:center;padding:0 13px;gap:8px}.search-box svg{width:23px;color:var(--teal)}.search-box input{border:0;outline:0;background:transparent;color:var(--ink);width:100%;font-weight:700}.search-box kbd{background:#f2ece2;border-radius:7px;padding:4px 6px;color:#81909c;font-size:10px}
.filter-row{display:flex;gap:9px;flex-wrap:wrap;margin-bottom:22px}.filter{border:2px solid var(--line);border-bottom:4px solid #ddd0bd;background:#fff;border-radius:13px;padding:9px 13px;cursor:pointer;font-size:13px}.filter.is-active{background:var(--ink);color:#fff;border-color:var(--ink)}
.word-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.word-card{border:2px solid var(--line);border-bottom:6px solid var(--shadow);border-radius:22px;background:#fff;padding:13px;text-align:left;cursor:pointer;transition:.16s}.word-card:hover{transform:translateY(-4px)}.word-thumb{height:170px;border-radius:16px;background:#e2f5f0;overflow:hidden;display:grid;place-items:center;position:relative}.word-thumb img{width:100%;height:100%;object-fit:contain}.word-thumb .play-badge{position:absolute;right:9px;bottom:9px;width:34px;height:34px;border-radius:11px;background:#fff;color:var(--teal);display:grid;place-items:center;box-shadow:0 3px 0 rgba(18,90,82,.18)}.word-thumb .play-badge svg{width:18px}.word-card-body{padding:12px 4px 5px}.word-card h3{font-size:20px;margin:0 0 5px}.word-card p{color:var(--muted);font-size:12px;line-height:1.4;margin:0;min-height:34px}.word-foot{display:flex;align-items:center;justify-content:space-between;margin-top:12px}.region-chip{padding:5px 8px;border-radius:8px;background:#fff1cf;color:#8b6727;font-size:10px}.category-chip{font-size:10px;color:var(--teal-dark)}
.empty-state{grid-column:1/-1;background:#fff;border:2px dashed #ddcfbc;border-radius:22px;padding:50px;text-align:center;color:var(--muted)}
.practice-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.practice-card{min-height:350px;border:0;border-bottom:8px solid rgba(24,50,73,.15);border-radius:27px;padding:25px;text-align:left;cursor:pointer;transition:.17s}.practice-card:hover{transform:translateY(-5px)}.practice-card.mint{background:#dff5ef}.practice-card.blue{background:#dfebff}.practice-card.yellow{background:#fff0bd}.practice-icon{width:82px;height:82px;border-radius:24px;background:#fff;display:grid;place-items:center;margin-bottom:26px;box-shadow:0 6px 0 rgba(24,50,73,.12)}.practice-icon svg{width:49px;height:49px}.practice-card.mint .practice-icon{color:var(--teal)}.practice-card.blue .practice-icon{color:#4f86d4}.practice-card.yellow .practice-icon{color:#c88b18}.practice-card small{font-size:10px;letter-spacing:1px;color:#547080}.practice-card h2{font-size:26px;line-height:1.1;margin:9px 0}.practice-card p{font-size:13px;color:#607487;line-height:1.5}.practice-cta{display:flex;align-items:center;justify-content:space-between;margin-top:28px;font-size:14px}.practice-cta b{font-size:24px}
.quests-header{height:285px;border-radius:30px;border-bottom:8px solid var(--violet-dark);color:#fff;padding:36px 42px;position:relative;overflow:hidden}.quests-header>div{position:relative;z-index:2}.quests-header img{position:absolute;right:25px;bottom:-35px;height:310px;filter:drop-shadow(0 12px 0 rgba(54,34,120,.18))}.quests-header .hero-progress{margin-bottom:0}.quest-columns{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:28px;margin-top:32px}.timer{font-size:12px;color:var(--muted);background:#f5eee3;padding:7px 10px;border-radius:10px}.quest-list{display:grid;gap:13px}.quest-item{background:#fff;border:2px solid var(--line);border-bottom:6px solid var(--shadow);border-radius:21px;padding:15px;display:grid;grid-template-columns:60px 1fr auto;gap:14px;align-items:center}.quest-item .quest-icon{width:60px;height:60px}.quest-item h3{margin:0 0 5px;font-size:16px}.quest-item p{margin:0;color:var(--muted);font-size:11px}.quest-reward{color:#328fc0;background:#e7f5ff;border-radius:10px;padding:7px 9px;font-size:12px}.badge-card{background:#fff0cf;border:2px solid #ebd09a;border-bottom:7px solid #dfbd7d;border-radius:27px;padding:26px;text-align:center;height:max-content}.badge-art{width:150px;height:150px;border-radius:50%;background:#fff9e8;margin:0 auto 18px;display:grid;place-items:center;box-shadow:inset 0 0 0 8px #ffe29a}.badge-art svg{width:112px;color:var(--coral);fill:#ffde75;stroke:var(--coral-dark)}.badge-card h2{margin:7px 0}.badge-card p{color:#7e6a4f;font-size:13px}
.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.stats-grid article{background:#fff;border:2px solid var(--line);border-bottom:6px solid var(--shadow);border-radius:23px;padding:24px;display:grid;gap:7px}.big-stat{font-size:44px;color:var(--teal-dark);letter-spacing:-2px}.stats-grid small{color:var(--muted);font-size:11px}.week-card{margin-top:22px;background:#fff;border:2px solid var(--line);border-bottom:6px solid var(--shadow);border-radius:24px;padding:24px;display:grid;grid-template-columns:220px 1fr;align-items:end}.week-card h2{margin:0}.week-bars{height:190px;display:flex;align-items:end;gap:12px;border-bottom:2px solid #eadfce;padding:0 15px}.day-bar{flex:1;height:100%;display:flex;align-items:end;position:relative}.day-bar i{display:block;width:100%;background:var(--teal);border-radius:10px 10px 0 0;min-height:8px}.day-bar span{position:absolute;top:calc(100% + 7px);left:50%;transform:translateX(-50%);font-size:10px;color:var(--muted)}
.modal{position:fixed;inset:0;display:none;z-index:100}.modal.is-open{display:grid;place-items:center}.modal-backdrop{position:absolute;inset:0;background:rgba(18,38,56,.66);backdrop-filter:blur(4px)}.modal-card{position:relative;background:var(--paper);border-radius:29px;border-bottom:8px solid #c8bca9;width:min(900px,calc(100vw - 30px));max-height:calc(100vh - 30px);overflow:auto;animation:modal-in .22s ease}@keyframes modal-in{from{opacity:0;transform:scale(.95) translateY(10px)}to{opacity:1;transform:none}}.modal-card header{display:grid;grid-template-columns:45px 1fr auto;gap:14px;align-items:center;padding:18px 22px;border-bottom:2px solid var(--line)}.icon-button{width:42px;height:42px;border-radius:13px;border:2px solid var(--line);background:#fff;display:grid;place-items:center;cursor:pointer}.icon-button svg{width:21px}.modal-progress{height:12px;background:#e2ded7;border-radius:12px;overflow:hidden}.modal-progress i{display:block;width:15%;height:100%;background:var(--teal);border-radius:12px;transition:.3s}.modal-card header>span{font-size:12px;color:var(--muted)}.lesson-stage{display:grid;grid-template-columns:1.08fr .92fr;gap:26px;padding:28px}.lesson-media{height:390px;border-radius:23px;background:#dff4ee;display:grid;place-items:center;overflow:hidden}.lesson-media img{width:100%;height:100%;object-fit:contain}.lesson-copy h1{font-size:39px;margin:6px 0 10px}.lesson-copy>p{color:var(--muted);line-height:1.6}.word-tags{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.word-tags>span{padding:8px 10px;border-radius:10px;background:#fff0cf;color:#866323;font-size:11px}.speak-button{height:38px;border:0;border-bottom:4px solid var(--coral-dark);border-radius:11px;background:var(--coral);color:#fff;padding:0 12px;display:flex;align-items:center;gap:7px;cursor:pointer;font-size:11px}.speak-button svg{width:19px}.tip-box{margin-top:25px;border:2px solid #c7e9e2;background:#e8f8f4;border-radius:17px;padding:13px;display:flex;gap:10px}.tip-box svg{width:24px;color:var(--teal);flex:none}.tip-box span{display:grid;gap:3px}.tip-box small{color:#56736d;font-size:11px}.modal-card footer{display:flex;align-items:center;justify-content:space-between;padding:18px 28px;border-top:2px solid var(--line)}
.word-modal{display:grid;grid-template-columns:1.08fr .92fr;overflow:hidden}.word-modal-media{min-height:550px;background:#dff4ee;display:grid;place-items:center}.word-modal-media img{width:100%;height:100%;object-fit:contain}.word-modal-copy{padding:42px 32px}.word-modal-copy h1{font-size:42px;margin:5px 0 10px}.word-modal-copy>p{color:var(--muted);line-height:1.55}.word-modal-copy hr{border:0;border-top:2px solid var(--line);margin:25px 0}.floating{position:absolute;right:15px;top:15px;z-index:2}.related-list{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0 25px}.related-list button{border:2px solid var(--line);background:#fff;border-radius:10px;padding:8px 10px;cursor:pointer;font-size:11px}
.quiz-modal{width:min(720px,calc(100vw - 30px))}.quiz-modal #quizContent{padding:26px 34px}.quiz-title{text-align:center}.quiz-title .kicker{margin-bottom:5px}.quiz-title h1{font-size:29px;margin:0}.quiz-media{width:330px;height:230px;margin:20px auto;background:#dff4ee;border-radius:21px;overflow:hidden;display:grid;place-items:center}.quiz-media img{width:100%;height:100%;object-fit:contain}.quiz-choices{display:grid;grid-template-columns:1fr 1fr;gap:12px}.quiz-choice{border:2px solid var(--line);border-bottom:5px solid #d9cdbb;background:#fff;border-radius:15px;padding:13px;text-align:left;cursor:pointer}.quiz-choice.is-selected{border-color:var(--teal);background:#e1f5f0}.quiz-choice.is-correct{border-color:#4aae86;background:#daf3e7}.quiz-choice.is-wrong{border-color:var(--coral);background:#ffe2dc}.quiz-modal footer{min-height:80px}.quiz-modal footer>span{font-size:13px;color:var(--muted)}
.toast{position:fixed;left:50%;bottom:24px;transform:translate(-50%,120px);opacity:0;background:var(--ink);color:#fff;border-radius:16px;padding:11px 16px;display:flex;align-items:center;gap:10px;z-index:200;transition:.25s;box-shadow:0 8px 25px var(--shadow-dark)}.toast.is-visible{transform:translate(-50%,0);opacity:1}.toast-icon{width:28px;height:28px;border-radius:9px;background:var(--teal);display:grid;place-items:center}.toast-icon svg{width:17px}
@media(max-width:1050px){.app-shell{grid-template-columns:92px minmax(0,1fr)}.sidebar{padding:24px 13px}.brand{padding:0;justify-content:center}.brand>span:last-child,.nav-item span:not(.nav-dot),.sound-panel{display:none}.side-nav{margin-top:30px}.nav-item{padding:0;justify-content:center}.nav-dot{position:absolute;right:14px;top:10px}.main{padding:0 28px 60px}.today-grid,.quest-columns{grid-template-columns:1fr}.daily-card{max-width:none}.path-layout{grid-template-columns:280px 1fr}.dictionary-title{align-items:flex-start;flex-direction:column}.word-grid{grid-template-columns:repeat(2,1fr)}.practice-grid{grid-template-columns:1fr 1fr}.practice-card:last-child{grid-column:1/-1}.quest-columns .badge-card{display:none}}
@media(max-width:760px){.app-shell{display:block}.sidebar{height:auto;position:fixed;left:0;right:0;bottom:0;top:auto;border-right:0;border-top:2px solid #ead9bd;display:block;padding:8px 8px 10px;background:#fff9ef}.brand{display:none}.side-nav{display:flex;margin:0;gap:2px;justify-content:space-around}.nav-item{width:56px;height:50px}.nav-item.is-active{box-shadow:none;background:#fff0d9}.nav-item svg{width:24px;height:24px}.nav-dot{right:8px;top:7px}.main{padding:0 16px 100px}.topbar{height:68px;margin-bottom:18px;justify-content:space-between}.mobile-brand{display:flex;padding:0;font-size:24px}.mobile-brand .brand-mark{width:36px;height:36px;border-radius:12px}.top-stats{gap:5px}.stat-pill{height:35px;padding:0 8px}.stat-pill svg{width:18px}.stat-pill b{font-size:11px}.quest-hero{padding:28px 22px;min-height:430px}.hero-copy h1,.quests-header h1{font-size:34px}.hero-copy p{font-size:15px;max-width:390px}.mascot-stage{width:215px;height:230px;right:-12px}.mascot-bubble{right:125px;top:26px;width:120px}.quest-hero .button{position:relative;z-index:8}.today-grid{margin-top:26px}.section-heading h2{font-size:23px}.lesson-row{min-height:94px;padding:11px}.lesson-sticker{width:59px;height:59px;flex-basis:59px}.lesson-meta b{font-size:15px}.lesson-meta small{font-size:9px}.lesson-action{width:38px;height:38px}.page-heading h1{font-size:34px}.path-layout{display:block}.unit-card{position:relative;top:0;margin-bottom:30px}.learning-path{min-height:650px}.word-grid{grid-template-columns:1fr 1fr;gap:12px}.word-thumb{height:135px}.practice-grid{grid-template-columns:1fr}.practice-card:last-child{grid-column:auto}.quests-header{height:410px;padding:28px 22px}.quests-header img{height:230px;right:0}.stats-grid{grid-template-columns:1fr}.week-card{grid-template-columns:1fr;gap:22px}.lesson-stage{grid-template-columns:1fr;padding:18px}.lesson-media{height:260px}.word-modal{display:block}.word-modal-media{min-height:260px;height:260px}.word-modal-copy{padding:25px 20px}.quiz-choices{grid-template-columns:1fr}.quiz-media{width:100%;height:205px}}
@media(max-width:470px){.stat-pill.gem{display:none}.quest-hero{min-height:455px}.hero-copy h1{font-size:30px}.hero-progress{align-items:flex-start;flex-direction:column}.hero-progress>span{width:210px}.mascot-stage{width:190px;height:210px;opacity:.92}.today-grid{gap:20px}.word-grid{grid-template-columns:1fr}.lesson-meta em{display:none}.text-button{font-size:11px}.path-node .node-label{min-width:130px}.path-node:nth-child(odd) .node-label{right:calc(50% + 50px)}.path-node:nth-child(even) .node-label{left:calc(50% + 50px)}.modal-card footer{padding:14px;gap:8px}.modal-card footer .button{padding:12px 10px;font-size:12px}.quiz-modal #quizContent{padding:20px}}


.video-choice{display:grid;grid-template-columns:62px 1fr;align-items:center;gap:10px}
.video-choice img{width:62px;height:52px;object-fit:contain;border-radius:9px;background:#e2f5f0}
.flash-card{max-width:430px;margin:22px auto;background:#fff;border:2px solid var(--line);border-bottom:7px solid var(--shadow);border-radius:24px;padding:38px;text-align:center}
.flash-card h2{font-size:42px;margin:8px 0 12px}
.flash-card p{color:var(--muted);line-height:1.5;min-height:48px}
.quiz-next:disabled,.button:disabled{opacity:.5;cursor:not-allowed}
@media(max-width:470px){.video-choice{grid-template-columns:52px 1fr}.video-choice img{width:52px;height:46px}.flash-card{padding:26px 18px}.flash-card h2{font-size:34px}}
/* KY VIET REDESIGN */
:root{--ink:#142f46;--ink-2:#254963;--muted:#5f7487;--paper:#fffdf7;--paper-2:#fff8e9;--coral:#ff6b5b;--coral-dark:#d94b40;--teal:#10a894;--teal-dark:#08786d;--yellow:#ffc928;--yellow-dark:#d99a00;--blue:#55a9ff;--violet:#7a66df;--violet-dark:#5542b8;--line:#eadfce;--shadow:#ddcfba}
body{font-weight:750}
.app-shell{grid-template-columns:274px minmax(0,1fr)}
.sidebar{padding:24px 16px 20px;background:#fffaf0;border-right:2px solid #f0dfc5}
.brand{width:100%;padding:0 7px;text-align:left}
.brand-copy{display:grid;gap:1px;letter-spacing:0}.brand-copy b{font-size:25px;line-height:1}.brand-copy small{font-size:10px;color:var(--muted);letter-spacing:.2px}
.brand-mark{width:50px;height:50px;border-radius:17px;background:var(--coral);border-bottom:6px solid var(--coral-dark);flex:0 0 50px}
.brand-mark svg{width:34px;height:34px;fill:#fff8e8;stroke:none}.brand-mark svg .brand-detail{fill:none;stroke:#d94b40;stroke-width:3;stroke-linecap:round}
.side-nav{gap:8px;margin-top:27px}.nav-item{height:62px;padding:0 11px;gap:12px;border:2px solid transparent;border-bottom-width:5px;border-radius:18px;font-size:15px;transition:transform .12s,background .12s,border-color .12s}.nav-item:hover{background:#fff;transform:translateY(-1px)}.nav-item:active{transform:translateY(3px);border-bottom-width:2px}.nav-item.is-active{background:#fff;border-color:#e9ddca;border-bottom-color:#d9c8ad;box-shadow:none}.nav-item.is-active svg{color:inherit}
.nav-icon{width:40px;height:40px;display:grid;place-items:center;flex:0 0 40px}.nav-item .nav-icon svg{width:40px;height:40px;stroke:none}.nav-item .nav-icon svg *{stroke:none}
.sound-panel{border-bottom-width:5px;background:#fff;border-color:#e8d8bc}.sound-icon{background:#ddf5ef}.sound-icon svg{stroke-width:3.1}
.topbar{height:76px}.stat-pill{border-bottom:4px solid #dfd2bf}.stat-pill svg{fill:currentColor;stroke:none}
.panel-coral{background:#10a894}.quest-hero{min-height:390px;border-bottom-color:#08786d;padding:38px 42px}.quest-hero:before,.quest-hero:after{border-color:rgba(255,255,255,.13)}.hero-copy{max-width:730px}.hero-copy h1{font-size:46px;max-width:720px}.hero-copy p{max-width:650px}.hero-proof{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0}.hero-proof span{padding:7px 10px;border-radius:12px;background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.28);font-size:11px;color:#fff}.hero-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.button{border-radius:17px;min-height:48px}.button:hover{transform:translateY(-2px)}.button:active{transform:translateY(4px)}.button-quiet{background:#fff;color:var(--ink);border:2px solid rgba(20,47,70,.12);border-bottom:6px solid rgba(20,47,70,.2)}.button-quiet:active{border-bottom-width:2px}.button svg{stroke-width:3.1}
.mascot-stage{right:12px;width:305px;height:325px}.mascot-pose{transition:opacity .08s;transform:none}.mascot-idle{animation:mascot-breathe 3.4s ease-in-out infinite}.mascot-wave{opacity:0;transform:none}.mascot-stage.is-waving .mascot-idle{animation:mascot-idle-frame 1.9s step-end both}.mascot-stage.is-waving .wave-frame-2{animation:mascot-hand-up 1.9s step-end both}@keyframes mascot-breathe{0%,100%{transform:translateY(0)}50%{transform:translateY(-3px)}}@keyframes mascot-idle-frame{0%,18%,42%,60%,84%,100%{opacity:1}19%,41%,61%,83%{opacity:0}}@keyframes mascot-hand-up{0%,18%,42%,60%,84%,100%{opacity:0}19%,41%,61%,83%{opacity:1}}
.mascot-bubble{right:190px;top:18px;width:164px;font-size:13px;border-bottom:5px solid rgba(20,47,70,.15);box-shadow:none}.mascot-stage:active .mascot-bubble{transform:translateY(3px)}
.lesson-row,.word-card,.stats-grid article,.week-card,.quest-item{border-color:#eadfce;border-bottom-color:#d9cbb7}.lesson-row:hover,.word-card:hover{box-shadow:none}.lesson-sticker{border:2px solid rgba(20,47,70,.08)}.lesson-action{border-bottom:4px solid #aeddd3}.lesson-action svg{stroke-width:3.2}
.word-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.word-card{padding:14px;border-radius:24px}.word-thumb{height:190px;background:#e4f6f2;border:2px solid #cfece6}.word-thumb img,.lesson-media img,.word-modal-media img,.quiz-media img,.video-choice img{width:auto;height:auto;max-width:100%;max-height:100%;object-fit:contain}.word-thumb .play-badge{width:40px;height:40px;border-radius:13px;color:#08786d;border-bottom:4px solid #bfddd6;box-shadow:none}.duotone-icon{stroke-width:2.6}.source-chip{padding:5px 8px;border-radius:8px;background:#e8f7f3;color:#08786d;font-size:10px}.category-chip{font-weight:900}.region-chip{background:#fff0cf}
.lesson-media,.word-modal-media,.quiz-media{background:#e4f6f2}.lesson-media img,.word-modal-media img{filter:drop-shadow(0 8px 0 rgba(8,120,109,.08))}.word-modal-media{padding:32px}.lesson-media{padding:24px}
.speak-button{min-height:43px;border-bottom-width:5px;font-size:12px}.speak-button:active{transform:translateY(3px);border-bottom-width:2px}.speak-button svg{stroke-width:3.2}
.icon-blue{background:#e2efff;color:#267bd8}.quest-status{font-size:10px;background:#edf0f2;color:#667786;padding:8px 9px;border-radius:10px}.quest-status.is-done{background:#dff5e9;color:#23855e}.quest-reward{display:none}.quest-item{grid-template-columns:60px minmax(0,1fr) auto}.quest-item .quest-icon svg{stroke-width:3.2}.thin-progress{height:12px}.thin-progress i{background:#10a894}
.about-hero{min-height:390px;background:#fff0c7;border:2px solid #efd296;border-bottom:8px solid #d9b766;border-radius:30px;padding:42px;display:grid;grid-template-columns:minmax(0,1.25fr) minmax(260px,.75fr);gap:30px;align-items:center;position:relative;overflow:hidden}.about-hero h1{font-size:46px;line-height:1.05;letter-spacing:-1.5px;margin:8px 0 14px}.about-hero p{font-size:17px;line-height:1.6;color:#5f543f}.about-mascot{height:310px;position:relative;display:grid;place-items:end center}.about-mascot img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 10px 0 rgba(106,75,28,.12))}.about-mascot span{position:absolute;left:-12px;top:8px;background:#fff;border-bottom:5px solid #d9c39d;border-radius:18px 18px 3px 18px;padding:11px 14px;font-size:13px;transform:rotate(-3deg)}
.about-features{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin:30px 0}.about-features article,.about-panel{background:#fff;border:2px solid var(--line);border-bottom:6px solid var(--shadow);border-radius:24px;padding:24px}.about-features h2,.about-panel h2{font-size:23px;margin:13px 0 8px}.about-features p,.about-panel p,.about-panel li{font-size:14px;line-height:1.6;color:var(--muted)}.feature-icon{width:72px;height:72px;border-radius:22px;display:grid;place-items:center;border-bottom:6px solid rgba(20,47,70,.16)}.feature-icon svg{width:44px;height:44px;stroke:none}.feature-icon svg *{stroke:none}.book-feature{background:#ffe0db;color:#ff6b5b}.book-feature svg{fill:#ff6b5b}.path-feature{background:#e9e4ff;color:#7a66df}.path-feature svg{fill:#7a66df}.sound-feature{background:#dff5ef;color:#10a894}.sound-feature svg{fill:#10a894}.sound-feature svg path:last-child{fill:none;stroke:#10a894;stroke-width:4;stroke-linecap:round}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.about-panel ul{padding-left:20px;margin-bottom:0}.source-links{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}.source-links a{padding:10px 12px;border-radius:12px;background:#e8f7f3;color:#08786d;text-decoration:none;border-bottom:4px solid #b8ddd5}.about-note{margin-top:20px;padding:20px 24px;border-radius:20px;background:#e7f1ff;border-left:7px solid #55a9ff}.about-note p{margin:6px 0 0;color:#546b7f;line-height:1.55}
@media(max-width:1050px){.app-shell{grid-template-columns:96px minmax(0,1fr)}.brand-copy{display:none}.nav-icon{width:42px}.nav-item{justify-content:center;padding:0}.quest-hero{padding-right:300px}.hero-copy h1{font-size:39px}.about-hero{grid-template-columns:1fr}.about-mascot{height:260px}.about-features{grid-template-columns:1fr 1fr}.about-features article:last-child{grid-column:1/-1}}
@media(max-width:760px){.side-nav{overflow-x:auto;justify-content:flex-start;padding-bottom:2px}.nav-item{flex:0 0 54px}.nav-icon,.nav-item .nav-icon svg{width:36px;height:36px}.quest-hero{padding:26px 20px;min-height:610px}.hero-copy h1{font-size:34px}.hero-proof{max-width:330px}.mascot-stage{width:235px;height:250px;right:-6px}.mascot-bubble{right:142px;width:145px;top:15px}.word-grid{grid-template-columns:1fr 1fr}.word-thumb{height:160px}.about-hero{padding:28px 22px}.about-hero h1{font-size:35px}.about-features,.about-grid{grid-template-columns:1fr}.about-features article:last-child{grid-column:auto}.about-mascot span{left:0}.brand-mark{width:40px;height:40px;flex-basis:40px}.mobile-brand .brand-mark svg{width:27px}}
@media(max-width:470px){.quest-hero{min-height:660px}.hero-copy h1{font-size:31px}.hero-actions{align-items:stretch;flex-direction:column;width:235px}.hero-actions .button{width:100%}.mascot-stage{width:210px;height:225px;opacity:1}.word-grid{grid-template-columns:1fr}.word-thumb{height:190px}.about-hero{padding-bottom:12px}.about-mascot{height:240px}.about-mascot span{top:0}.about-hero h1{font-size:31px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.mascot-idle{animation:none}}
/* REDESIGN QA FIXES */
@media(min-width:1051px){.hero-copy{max-width:575px}.hero-copy h1{font-size:42px}.hero-copy p{max-width:545px}.mascot-bubble{right:150px;width:138px;top:12px}}
.practice-icon svg path:first-child,.practice-icon svg rect:first-child{fill:currentColor;stroke:none}.practice-icon svg path:last-child{fill:none;stroke:#fff;stroke-width:4;stroke-linecap:round;stroke-linejoin:round}.practice-icon svg rect+path{fill:currentColor;stroke:none}.practice-card{border:2px solid rgba(20,47,70,.08);border-bottom-width:8px}.practice-card:active{transform:translateY(5px);border-bottom-width:3px}