:root{--bg:#f9f7f1;--surface:#ffffff;--surface2:#fffdf8;--ink:#29313b;--muted:#808894;--border:#eae9e3;--teal:#2c8e77;--teal-dark:#176b58;--mint:#c2eadb;--yellow:#ffe6a2;--coral:#f3a988;--lav:#c9ccfa;--shadow:0 18px 40px rgba(48,50,59,.045);--radius:22px;--sidebar:250px;font-synthesis:none;color-scheme:light}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:'Nunito',system-ui,-apple-system,'Segoe UI',sans-serif;background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased}button,input,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.57}a{color:inherit;text-decoration:none}h1,h2,h3,p{margin:0}h1,h2,h3{line-height:1.22}h1,h2,h3,.brand strong{font-family:'Baloo 2','Nunito',sans-serif;letter-spacing:-.025em}h1{font-size:clamp(2rem,3.4vw,2.75rem)}h2{font-size:1.65rem}h3{font-size:1.3rem}p{line-height:1.65}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #6ccab3;outline-offset:3px}.app-layout{display:flex;min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:var(--sidebar);background:#fffefa;border-right:1px solid #e8e7df;z-index:30}.sidebar-inner{display:flex;flex-direction:column;min-height:100%;padding:32px 17px 18px}.brand{display:flex;align-items:center;gap:11px;margin:4px 8px 58px}.brand-mark{font-family:serif;width:42px;height:42px;display:grid;place-items:center;color:#fff;background:#f6ad78;border-radius:15px;font-size:31px;transform:rotate(-12deg);box-shadow:0 7px 0 #fce2cc}.brand strong{display:block;font-size:26px;font-weight:800;letter-spacing:-1.5px;white-space:nowrap;line-height:1.1}.brand strong span{color:#e89965}.brand small{display:block;font-size:8.5px;font-weight:900;letter-spacing:1.1px;color:#999ba0;text-transform:uppercase;margin-top:3px}.nav-heading,.eyebrow{font-size:10px;font-weight:900;letter-spacing:2px;text-transform:uppercase;color:#9298a0}.nav-heading{padding-left:18px;margin-bottom:15px}.sidebar nav{display:grid;gap:7px}.nav-item{display:flex;align-items:center;gap:13px;height:46px;padding:0 16px;border:0;background:transparent;border-radius:12px;text-align:left;color:#6e7682;font-size:13px;font-weight:800;transition:.2s}.nav-item:hover{background:#f4f4ed;color:#34423d}.nav-item.active{background:#dcefe6;color:#257763}.nav-ic{font-size:22px;width:25px;text-align:center;font-weight:800;line-height:1}.nav-count{margin-left:auto;background:#f5bf8f;color:#5b412e;border-radius:50%;font-size:11px;padding:2px 6px}.sidebar-bottom{margin-top:auto}.buddy-mini{background:#f7e9ce;border-radius:17px;padding:16px 12px;display:flex;gap:8px;align-items:center}.buddy-mini>span{font-size:31px}.buddy-mini b{font-size:12px}.buddy-mini p{font-size:10px;color:#837969;line-height:1.5;margin-top:4px}.sidebar-meta{display:flex;justify-content:space-between;font-size:8px;letter-spacing:1px;color:#a1a4a4;font-weight:900;margin:26px 7px 0}.main-area{min-width:0;margin-left:var(--sidebar);width:calc(100% - var(--sidebar));min-height:100vh;display:flex;flex-direction:column}.topbar{height:82px;padding:0 clamp(24px,4vw,66px);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border);background:rgba(250,248,243,.75);gap:20px}.breadcrumb{font-weight:900;font-size:13px;color:#515b65}.top-actions{display:flex;align-items:center;gap:14px}.date-pill{font-size:12px;color:#8b928d;font-weight:800}.level-pill{padding:9px 15px;background:#fff3d7;border-radius:30px;font-size:12px;font-weight:900;color:#ab7a22}.profile-avatar{width:37px;height:37px;display:grid;place-items:center;border-radius:13px;background:#a5d9c5;color:#216c56;font-family:'Baloo 2';font-size:22px;font-weight:900;box-shadow:3px 3px 0 #d2eade}.mobile-menu{display:none}.page-content{width:min(1220px,100%);padding:34px clamp(24px,4vw,66px) 65px;margin:0 auto;flex:1}.hello{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-bottom:26px}.hello .eyebrow{color:#348c75;display:flex;align-items:center;gap:8px;margin-bottom:9px}.sun-dot{width:9px;height:9px;background:#f4b56a;box-shadow:0 0 0 4px #ffebc9;border-radius:50%;display:inline-block}.hello h1{font-size:clamp(2rem,3vw,2.55rem);margin-bottom:1px}.hello p{font-size:13px;color:#90949a;font-weight:700}.hello-chips{display:flex;gap:9px;align-self:flex-end;margin-bottom:5px}.hello-chips span{border-radius:30px;background:#fff;border:1px solid #ecebe5;padding:10px 13px;font-weight:900;color:#6a767a;font-size:11px;white-space:nowrap}.wave{font-size:.7em;display:inline-block;animation:wave 2.5s ease-in-out infinite;transform-origin:75% 75%}@keyframes wave{0%,70%,100%{transform:rotate(0)}12%,30%{transform:rotate(18deg)}22%,40%{transform:rotate(-9deg)}}.hero{min-height:302px;position:relative;background:#c8e7d4;border:2px solid #b7dfca;border-radius:26px;display:flex;align-items:center;overflow:hidden;margin-bottom:42px;box-shadow:var(--shadow)}.hero:before{content:'';position:absolute;width:390px;height:390px;background:#b5dcc1;border-radius:50%;right:38px;top:55px}.hero:after{content:'';position:absolute;width:230px;height:230px;border-radius:50%;border:2px dashed rgba(255,255,255,.55);right:143px;top:25px}.hero-copy{padding:38px 0 40px 43px;z-index:3;max-width:450px}.hero-label{display:inline-block;border-radius:30px;background:#ffefd0;padding:8px 14px;color:#735c38;font-size:10px;font-weight:900;letter-spacing:1px;margin-bottom:15px}.hero h2{font-size:clamp(2.3rem,4vw,3.6rem);line-height:1.05;color:#2e5546}.hero h2 em{font-style:normal;color:#14765f}.hero p{font-size:12px;line-height:1.75;color:#50786c;margin:12px 0 20px;max-width:300px;font-weight:800}.btn{display:inline-flex;align-items:center;justify-content:center;gap:13px;border:0;border-radius:13px;padding:13px 21px;font-weight:900;font-size:12px;transition:transform .2s,box-shadow .2s;min-height:46px;white-space:normal}.btn:not(:disabled):hover{transform:translateY(-2px);box-shadow:0 9px 19px rgba(0,0,0,.11)}.btn span:last-child{font-size:18px;line-height:1}.btn-dark{background:#263c36;color:white}.btn-primary{background:#238b73;color:#fff}.btn-outline{background:transparent;border:1.5px solid #d9ddd7;color:#49545e}.btn-danger{background:#fff1ee;color:#bb655c;border:1px solid #ffd8d2}.btn.wide{width:100%}.mascot-wrap{position:absolute;right:8%;bottom:-2px;width:33%;max-width:335px;z-index:2;transform:rotate(-3deg);animation:float 4.5s ease-in-out infinite}@keyframes float{50%{transform:rotate(0) translateY(-6px)}}.mascot-svg{width:100%;height:auto;display:block}.hero-sticker{position:absolute;right:2%;top:22px;background:#fff4d2;color:#d48b46;border:2px dashed #e6b77b;border-radius:50%;width:104px;height:104px;display:flex;align-items:center;justify-content:center;gap:4px;transform:rotate(18deg);z-index:3;box-shadow:0 8px 0 rgba(145,175,121,.1)}.hero-sticker b{font-size:13px;line-height:1.05}.hero-sticker>span{font-size:18px}.hero-decor{position:absolute;color:#fff5d8;font-size:44px;z-index:2}.sparkle-one{left:48%;top:27px;transform:rotate(20deg)}.sparkle-two{left:52%;bottom:35px;font-size:34px}.section-title{display:flex;align-items:flex-end;justify-content:space-between;gap:15px;margin-bottom:19px}.section-title .eyebrow{display:block;margin-bottom:7px}.section-title h2{font-size:1.75rem}.section-title h2 span{color:#e3a16d;font-family:'Nunito'}.link-btn,.text-link{font-size:11px;font-weight:900;color:#288873;background:transparent;border:none;padding:8px 0}.link-btn:hover,.text-link:hover{text-decoration:underline}.subjects-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-bottom:33px}.subject-card{position:relative;overflow:hidden;display:flex;flex-direction:column;align-items:flex-start;min-height:225px;border:1px solid rgba(0,0,0,.035);border-radius:21px;padding:20px 21px 18px;text-align:left;transition:transform .22s,box-shadow .22s}.subject-card:hover{transform:translateY(-5px);box-shadow:0 14px 28px rgba(65,59,55,.1)}.subject-math{background:#fce4ca}.subject-vietnamese{background:#e0e5fc}.subject-english{background:#d7eee1}.subject-card:after{content:'';width:180px;height:180px;position:absolute;right:-75px;top:-46px;border:2px dashed rgba(255,255,255,.72);border-radius:50%}.subject-number{font-size:9px;font-weight:900;color:#8d8175;letter-spacing:1.6px}.subject-emoji{font-size:49px;position:absolute;right:22px;top:52px;filter:drop-shadow(4px 5px 0 rgba(255,255,255,.37));transition:transform .2s}.subject-card:hover .subject-emoji{transform:rotate(-9deg) scale(1.13)}.subject-card h3{margin-top:51px;font-size:1.72rem}.subject-card p{font-size:11px;font-weight:800;color:#7e817e}.subject-bottom{display:flex;align-items:center;justify-content:space-between;width:100%;margin-top:auto;padding-top:18px}.subject-bottom b{font-size:10px;font-weight:900;color:#777b79}.circle-arrow{border-radius:50%;background:rgba(255,255,255,.7);width:32px;height:32px;display:grid;place-items:center;font-size:19px}.home-bottom{display:grid;grid-template-columns:1.45fr 1fr;gap:18px}.daily-panel,.note-panel{border:1px solid var(--border);border-radius:22px;padding:23px;background:#fff;min-height:262px}.daily-panel .compact{margin-bottom:18px}.daily-panel h2{font-size:1.5rem}.goal-card{display:flex;align-items:center;gap:13px;padding:14px 15px;background:#f7f9f4;border-radius:13px}.progress-icon{font-size:24px}.goal-copy{flex:1}.goal-copy b{font-size:12px}.goal-copy p{font-size:10px;font-weight:800;color:#9299a0;margin-bottom:9px}.goal-card strong{font-size:16px;color:#2e8d75}.progress-track{height:9px;background:#e4ebe5;overflow:hidden;border-radius:30px}.progress-track>span{display:block;height:100%;background:#43b494;border-radius:30px;transition:width .5s}.three-stats{display:grid;grid-template-columns:repeat(3,1fr);text-align:center;margin-top:20px;gap:6px}.three-stats>div{border-right:1px solid #efefec}.three-stats>div:last-child{border:0}.three-stats b{display:block;font-family:'Baloo 2';font-size:26px;line-height:1.1}.three-stats span{font-size:10px;font-weight:800;color:#a3a4a4}.note-panel{position:relative;background:#fdf0df;border-color:#f6e7d2;overflow:hidden}.note-panel .eyebrow{color:#bf926b}.note-panel h2{margin:13px 0 8px;font-size:1.75rem;color:#69513f}.note-panel p{font-size:12px;color:#9a8575;max-width:245px;font-weight:700;margin-bottom:14px}.note-panel .text-link{color:#b47c4d}.note-pin{position:absolute;right:22px;top:20px;color:#e7b779;font-size:28px}.note-doodle{position:absolute;right:24px;bottom:2px;font-size:75px;transform:rotate(-15deg);opacity:.75}.footer{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:0 clamp(24px,4vw,66px);border-top:1px solid var(--border);padding:25px 0;font-size:10px;color:#a0a5a3;font-weight:800}.footer b{color:#e5b88e}.footer button{border:none;background:none;font-weight:900;color:#7f8c85;font-size:10px}.page-intro{margin:8px 0 28px}.page-intro .eyebrow{color:#2a997f}.page-intro h1{margin:9px 0 4px}.page-intro p{font-size:13px;font-weight:700;color:var(--muted)}.filter-row{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:23px}.filter{border:1px solid var(--border);border-radius:12px;padding:11px 16px;background:var(--surface);font-size:12px;font-weight:900;color:#717c7a}.filter.selected{background:#287f69;color:white;border-color:#287f69}.filter b{display:inline-block;margin-left:6px;opacity:.58}.lessons-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.lesson-card{background:var(--surface);border:1px solid var(--border);border-radius:20px;padding:21px;text-align:left;min-height:217px;display:flex;flex-direction:column;transition:.2s}.lesson-card:hover{transform:translateY(-4px);box-shadow:var(--shadow);border-color:#aadcc5}.lesson-head{display:flex;gap:8px;align-items:center}.lesson-emoji{font-size:25px;width:53px;height:53px;display:grid;place-items:center;border-radius:14px;background:#fff0dc}.lesson-emoji.vietnamese{background:#eef0ff}.lesson-emoji.english{background:#e4f9ee}.lesson-subject{font-size:10px;color:#8b928f;font-weight:900}.learned{margin-left:auto;color:#2e997e;font-weight:900;font-size:9px}.lesson-card h3{margin:18px 0 4px;font-size:1.28rem}.lesson-card p{font-size:11px;color:#9298a0;font-weight:700;line-height:1.55}.lesson-foot{display:flex;justify-content:space-between;gap:5px;padding-top:15px;margin-top:auto;font-size:10px;color:#93a0a0;font-weight:900}.lesson-foot span:last-child{color:#2c9279}.lesson-detail{max-width:950px;margin:auto}.back-link{border:0;background:transparent;color:#6d877e;padding:0;font-size:12px;font-weight:900;margin-bottom:18px}.detail-hero{background:var(--accent-soft);border-radius:22px;padding:34px;position:relative;overflow:hidden}.detail-hero:before{content:'';position:absolute;width:240px;height:240px;border:3px dashed #fff;border-radius:50%;right:-30px;bottom:-90px}.detail-hero .eyebrow{color:#777b77}.detail-hero h1{max-width:620px;margin:14px 0 4px}.detail-hero p{font-size:13px;color:#748078;max-width:520px;font-weight:800}.detail-big-emoji{position:absolute;font-size:72px;right:65px;top:40px}.detail-body{display:grid;grid-template-columns:1.65fr 1fr;gap:20px;margin-top:22px}.content-card,.detail-actions,.practice-config,.types-card,.parent-card{background:var(--surface);border:1px solid var(--border);border-radius:22px;padding:26px}.content-card h2{margin:9px 0 24px}.bullet-points{display:grid;gap:17px}.bullet-points>div{display:flex;gap:14px;align-items:flex-start}.bullet-points b{border-radius:10px;background:#d7eee5;color:#358f76;padding:6px 11px}.bullet-points p{font-weight:700;font-size:13px;line-height:1.6}.example,.tip{padding:18px;border-radius:15px;background:#fff5e2;margin-top:22px}.example b,.tip b{font-size:12px;color:#bd8855}.example p,.tip p{font-size:13px;font-weight:800;margin-top:5px}.tip{background:#edf7f3;margin-top:10px}.tip b{color:#368d76}.detail-actions{height:max-content;text-align:center}.detail-sticker{font-size:66px;padding:17px}.detail-actions h3{font-size:1.6rem}.detail-actions p{font-size:12px;color:var(--muted);margin:9px 0 20px}.detail-actions .btn+.btn{margin-top:10px}.practice-layout{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(230px,.85fr);gap:18px}.practice-config h2{margin:9px 0 15px;font-size:1.5rem}.choose-subject{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.choose-tile{background:#fbfaf5;border:2px solid #eeeee9;border-radius:15px;min-height:124px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:10px 5px;gap:4px;color:#6d7675;transition:.2s}.choose-tile.picked{background:#e4f4ec;border-color:#2c987e;color:#23755f}.choose-tile span{font-size:32px}.choose-tile b{font-size:12px}.choose-tile small{font-size:9px;text-align:center;line-height:1.35;font-weight:800;color:#939d99}.config-controls{margin-top:30px;display:grid;grid-template-columns:1fr 1fr;gap:20px}.big-select,.settings-form input,.settings-form select{border:1.5px solid #e1e6e2;background:var(--surface);padding:13px 12px;border-radius:11px;width:100%;outline:none;font-size:12px;color:var(--ink)}.big-select:focus,.settings-form input:focus{border-color:#2c957c}.count-picker{display:flex;gap:7px}.count-picker button{flex:1;min-width:0;border:1.5px solid #e0e6df;border-radius:11px;background:#fff;padding:13px 4px;font-size:12px;font-weight:900;color:#66766d}.count-picker button.picked{background:#2c8e77;border-color:#2c8e77;color:white}.start-practice{width:100%;margin-top:28px;padding:17px}.practice-side{display:grid;gap:15px;align-content:start}.practice-banner{background:#eee6fb;padding:27px;border-radius:22px;overflow:hidden;position:relative}.practice-banner-icon{font-size:65px}.practice-banner h3{font-size:1.7rem;margin:10px 0 7px;color:#5b5475}.practice-banner p{font-size:12px;font-weight:800;color:#8981a0}.paper-stars{text-align:right;color:#c3a5e9;font-size:27px;letter-spacing:4px}.types-card{padding:22px}.types-card .eyebrow{display:block;margin-bottom:15px}.types-card div{display:flex;align-items:center;gap:10px;padding:7px 0;font-size:12px;font-weight:800;color:#7b8987}.types-card div span{font-size:18px}.mistake-panel{background:#e3f1e7;border-radius:22px;padding:28px;display:flex;gap:23px;align-items:center}.mistake-illustration{display:grid;place-items:center;background:#c8e6d0;width:134px;height:134px;border-radius:22px;font-size:64px;flex-shrink:0}.mistake-panel h2{margin:9px 0 3px}.mistake-panel p{font-size:12px;color:#748b81;max-width:540px;margin-bottom:15px}.list-title{margin:30px 0 14px}.mistake-list{display:grid;gap:9px}.mistake-item{display:flex;gap:14px;align-items:center;background:var(--surface);border:1px solid var(--border);padding:15px;border-radius:14px}.mistake-item>span:first-child{font-size:24px}.mistake-item>div{flex:1;min-width:0}.mistake-item b{display:block;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mistake-item small{color:#939e9e;font-size:10px;font-weight:800}.mistake-icon{color:#bda778}.empty-text{color:var(--muted);padding:15px}.achievement-hero{background:#fce9c7;border-radius:22px;display:flex;gap:30px;align-items:center;padding:26px 32px}.big-trophy{font-size:80px}.achievement-hero h2{margin:6px 0}.achievement-hero p{color:#9c8663;font-size:12px}.achievement-hero .progress-track{max-width:370px;margin:14px 0 3px;background:#efd6a3}.achievement-hero small{color:#99866c;font-size:10px;font-weight:800}.badges-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:23px}.badge-card{padding:24px 14px;text-align:center;background:var(--surface);border:1px solid var(--border);border-radius:20px;min-height:220px}.badge-card.locked{filter:grayscale(.7);opacity:.58}.badge-emblem{width:80px;height:80px;border-radius:50%;background:#fff2d7;display:grid;place-items:center;font-size:46px;margin:0 auto 13px}.badge-card h3{font-size:1.15rem}.badge-card p{font-size:11px;color:var(--muted);margin:4px auto 10px}.badge-status{font-size:9px;letter-spacing:1px;font-weight:900;color:#2b9c7c}.locked .badge-status{color:#aaa}.parent-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:18px}.parent-metrics>div{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:20px}.parent-metrics span{font-size:10px;color:#8e969a;font-weight:900}.parent-metrics strong{display:block;font-family:'Baloo 2';font-size:32px;line-height:1.2;margin-top:7px}.parent-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-bottom:18px}.parent-card h2{margin:9px 0 18px}.weekly-bars{display:flex;gap:12px;height:220px;align-items:flex-end}.bar-col{display:flex;flex-direction:column;align-items:center;flex:1;height:100%;justify-content:flex-end;gap:7px}.bar-col>span{font-size:11px;font-weight:900;color:#6c8079;min-height:14px}.bar-track{height:165px;width:100%;background:#edf6ef;border-radius:7px;display:flex;align-items:flex-end;overflow:hidden}.bar-track div{width:100%;background:#85d2b7;border-radius:7px 7px 2px 2px;transition:.2s}.bar-col small{font-size:10px;color:#97a29e;font-weight:900}.settings-form{display:grid;gap:13px}.settings-form label{display:grid;gap:6px;font-size:11px;font-weight:900;color:#697b75}.settings-form .switch-label{display:flex;align-items:center}.switch-label input{width:auto}.settings-form small{color:var(--muted);font-size:10px}.answers-form{display:grid;grid-template-columns:1fr 1fr;gap:8px}.muted{color:var(--muted);font-size:12px;font-weight:700;margin:-9px 0 15px}.data-buttons{display:flex;flex-wrap:wrap;gap:9px}.data-buttons .btn{font-size:11px;padding:11px 14px}.upload-label{cursor:pointer}.parent-warning{background:#f9f1df;border-radius:12px;color:#9a8665;font-size:11px;font-weight:700;padding:14px;margin-top:20px}.recent-title{margin:23px 0 8px;font-size:1.2rem}.activity-list>div{display:flex;justify-content:space-between;border-top:1px solid var(--border);font-size:11px;padding:11px 0}.activity-list b.good{color:#299b7b}.activity-list b.bad{color:#c58e66}
.quiz-shell{max-width:820px;margin:0 auto}.quiz-top{display:flex;justify-content:space-between;align-items:center}.quiz-score{font-weight:900;font-size:12px;color:#d09233}.quiz-progress{margin:19px 0}.quiz-progress>div:first-child{display:flex;justify-content:space-between;font-size:12px;font-weight:900;margin-bottom:9px;color:#7c8b86}.quiz-progress b{color:#2f8d75}.quiz-progress .progress-track{height:10px}.question-card{padding:32px;background:var(--surface);border:1px solid var(--border);border-radius:24px;box-shadow:var(--shadow)}.question-meta{display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:11px;color:#a5a49c;font-weight:900}.question-pill{border-radius:30px;color:#44886f;background:#e4f4eb;padding:8px 12px}.question-card h1{font-size:clamp(1.5rem,2.5vw,2.3rem);margin:30px 0 24px;line-height:1.34}.question-visual{font-size:70px;text-align:center;padding:20px 0 0}.reading-passage{background:#fff7e7;border:1px dashed #e2caa6;border-radius:14px;padding:19px;margin-top:23px}.reading-passage b{font-size:12px;color:#a67e48}.reading-passage p{font-size:13px;color:#705f4a;margin-top:6px;font-weight:700;line-height:1.8}.listen-button{border:1px solid #d2e6f2;border-radius:12px;background:#e8f5fb;color:#4286a7;padding:10px 14px;font-size:12px;font-weight:900;margin:-10px 0 22px}.answer-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px}.answer-option{min-height:77px;background:var(--surface2);border:2px solid #eaece7;border-radius:15px;display:flex;gap:14px;align-items:center;padding:14px;text-align:left;font-size:15px;font-weight:900;color:#485b57;transition:.15s}.answer-option:not(:disabled):hover{border-color:#78c4a4;background:#f0faf5;transform:translateY(-2px)}.answer-option .choice-letter{font-weight:900;border-radius:11px;background:#f0f1ed;color:#829087;width:34px;height:34px;flex-shrink:0;display:grid;place-items:center;font-size:12px}.answer-option.right-answer{border-color:#63bd91;background:#e5f7ed;color:#287b58;opacity:1}.answer-option.wrong-answer{border-color:#f0a59e;background:#fff0ed;color:#b26e63;opacity:1}.option-check{margin-left:auto;color:#279f73}.answer-option:disabled{cursor:default}.answer-option:disabled:not(.right-answer):not(.wrong-answer){opacity:.55}.answer-grid.two{max-width:560px}.fill-form label{display:block;color:#7f8c88;font-size:12px;font-weight:900;margin-bottom:9px}.fill-input-row{display:flex;gap:10px}.fill-input-row input{flex:1;min-width:0;border:2px solid #e3e9e5;border-radius:13px;padding:12px 15px;background:var(--surface2);color:var(--ink);font-weight:900;font-size:16px}.order-built{display:flex;align-items:center;gap:8px;flex-wrap:wrap;min-height:85px;border:2px dashed #b7d8ca;background:#f7fdf9;border-radius:14px;padding:12px;margin-bottom:17px}.order-hint{color:#97aca2;font-size:12px;font-weight:800}.order-built button,.word-bank button{background:#fff;border:1px solid #c5e2d7;padding:9px 14px;border-radius:10px;font-size:13px;font-weight:900;color:#41745f}.order-built button span{color:#aaada9;margin-left:8px}.word-bank{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:20px}.word-bank button{background:#f1f1ff;border-color:#d5d6fa;color:#6765a0}.word-bank button:disabled{opacity:.28}.matching-area>p{font-size:12px;font-weight:800;color:#87938f;margin-bottom:15px}.matching-columns{display:grid;grid-template-columns:1fr 1fr;gap:18px}.matching-columns>div{display:grid;gap:11px}.match-option{min-height:58px;background:#fbfaf6;border:2px solid #e2e9e1;border-radius:12px;font-weight:900;color:#53645c;padding:12px}.match-option:not(:disabled):hover,.match-option.selected{border-color:#51b99c;background:#e7f5ed}.match-option.matched{border-color:#b8dfcb;background:#edf8f0;color:#4a9a78;opacity:.65}.matching-area .match-status{margin-top:16px;color:#3e997d;font-size:12px}.answer-feedback{display:flex;justify-content:space-between;gap:16px;margin-top:22px;padding:20px;border-radius:16px;background:#e7f8ed;border:1px solid #c8e8d4}.answer-feedback.incorrect{background:#fff2e7;border-color:#f4d9c0}.answer-feedback b{color:#2f936f}.answer-feedback.incorrect b{color:#a97d55}.answer-feedback p{font-size:12px;font-weight:700;color:#768a7c;margin-top:4px;line-height:1.6}.answer-feedback p strong{color:#465d50}.answer-feedback>span{font-size:30px}.next-btn{width:100%;margin-top:17px;min-height:53px}.quiz-note{text-align:center;color:#9a9f9f;font-size:11px;font-weight:800;margin:20px}.result-card{margin:12px auto;background:var(--surface);border-radius:26px;max-width:640px;padding:36px;text-align:center;border:1px solid var(--border)}.result-confetti{color:#c3c8a5;letter-spacing:8px}.result-medal{font-size:90px;margin:17px 0 7px}.result-card h1{margin:11px 0;font-size:2.4rem}.result-card>p{color:var(--muted);font-size:13px}.result-score{background:#f1faf3;border-radius:20px;margin:25px auto;padding:21px;display:grid;gap:0;max-width:280px}.result-score strong{font-family:'Baloo 2';color:#2b9275;font-size:68px;line-height:1.15}.result-score small{font-size:23px;color:#9ab7aa}.result-score span{font-size:9px;color:#7b9889;font-weight:900;letter-spacing:1px}.result-metrics{display:flex;justify-content:center;gap:22px;flex-wrap:wrap;font-size:12px;color:#83918a;font-weight:800}.result-metrics b{color:#238b70}.result-buttons{display:flex;justify-content:center;flex-wrap:wrap;gap:12px;margin-top:26px}.toast{position:fixed;z-index:70;left:50%;bottom:28px;max-width:calc(100vw - 30px);transform:translate(-50%,25px);background:#2b4c40;color:white;box-shadow:0 15px 40px #1a3f3233;padding:13px 20px;border-radius:14px;font-size:12px;font-weight:900;opacity:0;pointer-events:none;transition:.2s;text-align:center}.toast.show{opacity:1;transform:translate(-50%,0)}.menu-overlay{display:none}.loading-screen{display:grid;place-content:center;gap:4px;text-align:center;height:100vh}.loading-screen span{font-size:65px}.loading-screen h1{color:#2e9579}.loading-screen p{font-size:12px;color:#809085}
@media(max-width:1200px){:root{--sidebar:218px}.page-content{padding-left:30px;padding-right:30px}.topbar{padding:0 30px}.footer{margin:0 30px}.hero-copy{padding-left:33px}.hero-sticker{width:82px;height:82px;font-size:9px}.mascot-wrap{right:4%;width:36%}.subject-card{padding:17px}.subject-bottom b{font-size:9px}.home-bottom{grid-template-columns:1.15fr 1fr}}
@media(max-width:950px){.sidebar{transform:translateX(-100%);transition:transform .24s;width:260px}.sidebar.mobile-open{transform:translateX(0)}.main-area{margin-left:0;width:100%}.mobile-menu{display:inline-grid;place-items:center;font-size:20px;background:transparent;border:0;color:#42574e}.topbar{justify-content:flex-start}.top-actions{margin-left:auto}.menu-overlay.visible{display:block;position:fixed;inset:0;z-index:20;background:#1a302680}.hero-copy{max-width:55%}.mascot-wrap{width:36%;right:7%}.hero-sticker{right:1%}}
@media(max-width:650px){.topbar{height:67px;padding:0 18px}.date-pill{display:none}.level-pill{padding:8px 12px}.top-actions{gap:8px}.page-content{padding:24px 16px 45px}.hello{align-items:flex-start;flex-direction:column;gap:10px}.hello h1{font-size:2.2rem}.hello-chips{align-self:auto}.hello-chips span{font-size:10px;padding:8px 10px}.hero{min-height:375px;align-items:flex-start;margin-bottom:33px}.hero:before{width:260px;height:260px;right:-15px;top:157px}.hero:after{width:180px;height:180px;right:10px;top:152px}.hero-copy{padding:26px;max-width:100%}.hero h2{font-size:2.45rem}.hero p{max-width:275px;margin-top:7px;margin-bottom:15px}.mascot-wrap{width:205px;right:-1%;bottom:-9px}.hero-sticker{right:7px;top:16px;width:65px;height:65px}.hero-sticker b{font-size:9px}.hero-sticker>span{font-size:12px}.hero-decor{display:none}.section-title{align-items:flex-start}.section-title h2{font-size:1.55rem}.link-btn{max-width:105px;text-align:right}.subjects-grid{grid-template-columns:1fr;gap:10px}.subject-card{min-height:157px}.subject-card h3{margin-top:14px;font-size:1.5rem}.subject-emoji{top:25px;right:28px;font-size:45px}.subject-bottom{padding-top:14px}.home-bottom{grid-template-columns:1fr}.daily-panel,.note-panel{min-height:unset}.note-panel{padding-bottom:30px}.lessons-grid{grid-template-columns:1fr 1fr;gap:10px}.lesson-card{min-height:220px;padding:15px}.lesson-head{gap:5px;flex-wrap:wrap}.lesson-emoji{width:45px;height:45px}.lesson-card h3{font-size:1.18rem;margin-top:12px}.lesson-foot{flex-direction:column;gap:5px}.detail-big-emoji{font-size:44px;right:20px;top:25px}.detail-hero{padding:25px}.detail-hero h1{padding-right:25px}.detail-body,.practice-layout,.parent-grid{grid-template-columns:1fr}.practice-side{grid-template-columns:1fr 1fr}.practice-banner,.types-card{padding:18px}.practice-banner h3{font-size:1.3rem}.practice-banner-icon{font-size:38px}.types-card div{font-size:10px}.badges-grid{grid-template-columns:1fr 1fr}.parent-metrics{grid-template-columns:1fr 1fr}.question-card{padding:22px}.question-card h1{margin:25px 0 20px}.answer-option{min-height:70px;padding:10px;gap:8px;font-size:13px}.answer-option .choice-letter{width:28px;height:28px}.footer{margin:0 16px}.footer span{font-size:9px}}
@media(max-width:420px){.hello-chips{flex-wrap:wrap}.hero h2{font-size:2.15rem}.hero p{max-width:226px}.hero-label{font-size:9px}.hero .btn{font-size:10px;padding:10px 13px}.mascot-wrap{width:180px;right:-24px}.hero-sticker{display:none}.subject-card{min-height:150px}.lessons-grid{grid-template-columns:1fr}.lesson-card{min-height:170px}.lesson-foot{flex-direction:row}.practice-side{grid-template-columns:1fr}.choose-subject{grid-template-columns:1fr 1fr}.choose-tile{min-height:105px}.config-controls{grid-template-columns:1fr}.question-card{padding:18px}.answer-grid{grid-template-columns:1fr}.answer-option{min-height:57px}.fill-input-row{flex-direction:column}.mistake-panel{flex-direction:column;align-items:flex-start}.mistake-illustration{width:90px;height:90px;font-size:45px}.result-card{padding:25px 18px}.result-card h1{font-size:2rem}.badge-card{padding:20px 10px}.badge-emblem{width:60px;height:60px;font-size:33px}.achievement-hero{padding:20px;gap:14px}.big-trophy{font-size:56px}.achievement-hero h2{font-size:1.25rem}.footer{align-items:flex-start}}
.dark{color-scheme:dark;--bg:#202831;--surface:#2c3540;--surface2:#29333d;--ink:#eef3ef;--muted:#aab8b7;--border:#46515a;--shadow:0 18px 40px rgba(0,0,0,.12)}.dark .sidebar{background:#27303a;border-color:var(--border)}.dark .topbar{background:#242d36}.dark .brand strong,.dark .breadcrumb{color:#f2f3e8}.dark .nav-item{color:#c2cbc7}.dark .nav-item.active{background:#325747;color:#a8ead3}.dark .buddy-mini{background:#3e3c36}.dark .buddy-mini p{color:#b5a99b}.dark .hero{background:#3a765e;border-color:#4b8c75}.dark .hero:before{background:#44836a}.dark .hero h2,.dark .hero h2 em{color:#edfff0}.dark .hero p{color:#b5e0cf}.dark .hello p,.dark .subject-card p,.dark .subject-bottom b{color:#5b635d}.dark .hello-chips span,.dark .lesson-card,.dark .daily-panel,.dark .parent-card{background:var(--surface)}.dark .nav-item:hover{background:#34473c}.dark .goal-card,.dark .choose-tile{background:#34453f}.dark .choose-tile.picked{background:#355e4b}.dark .note-panel{background:#4a4139;border-color:#5c5144}.dark .note-panel h2{color:#ffe9d5}.dark .note-panel p{color:#c5b5a6}.dark .note-panel .eyebrow{color:#e2b688}.dark .lesson-emoji{color:#2b3135}.dark .detail-hero h1,.dark .detail-hero p,.dark .detail-hero .eyebrow{color:#2d3a35}.dark .example,.dark .tip,.dark .reading-passage,.dark .parent-warning{color:#564b3b}.dark .example p,.dark .tip p,.dark .reading-passage p{color:#574c3c}.dark .big-select,.dark .settings-form input,.dark .settings-form select,.dark .count-picker button,.dark .answer-option,.dark .order-built,.dark .word-bank button,.dark .match-option{background:#34404b;color:#e0efea;border-color:#52615d}.dark .filter{background:#34404b;color:#e0efea}.dark .filter.selected{background:#287f69}.dark .question-pill{background:#335b4d;color:#bfead3}.dark .answer-option.right-answer{background:#295845;color:#caf1d2}.dark .answer-option.wrong-answer{background:#5d4540;color:#ffd4c8}.dark .answer-feedback{background:#34594c;border-color:#507968}.dark .answer-feedback.incorrect{background:#5a4940;border-color:#80614d}.dark .answer-feedback p,.dark .answer-feedback p strong{color:#e3efe9}.dark .result-score{background:#324b41}.dark .achievement-hero{background:#6d5940}.dark .achievement-hero .eyebrow,.dark .achievement-hero p,.dark .achievement-hero small{color:#e2d1a8}.dark .badge-emblem{background:#48544a}.dark .week-bars{background:#30423b}.dark .mistake-panel{background:#375847}.dark .mistake-panel p{color:#c3d9cb}.dark .mistake-illustration{background:#48745b}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}