:root{--green: #2f9e44;--green-dark: #1b7a43;--yellow: #f59f00;--red: #e03131;--cream: #fffef7;--ink: #213221;--card: #ffffff;--shadow: 0 3px 10px rgba(27, 122, 67, .14);--radius: 18px}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;padding:0;background:var(--cream);color:var(--ink);font-family:Segoe UI,system-ui,-apple-system,sans-serif;font-size:17px}#root{max-width:480px;margin:0 auto;min-height:100dvh}.screen{padding:16px 16px 40px;display:flex;flex-direction:column;gap:12px;min-height:100dvh}.screen.center{align-items:center;text-align:center;justify-content:flex-start;padding-top:28px}h1{font-size:1.6rem;margin:4px 0}h2{font-size:1.15rem;margin:0}h3{color:var(--green-dark);margin:14px 0 6px;font-size:1rem}.subtitle{margin:0;color:#4c5b4c}button{font-family:inherit;font-size:1rem;border:none;cursor:pointer;border-radius:var(--radius)}.btn-primary{background:var(--green);color:#fff;padding:14px 26px;font-size:1.1rem;font-weight:700;box-shadow:var(--shadow);min-height:52px}.btn-primary:disabled{opacity:.45;cursor:default}.btn-primary:active{transform:scale(.97)}.btn-secondary{background:#dff3e2;color:var(--green-dark);padding:12px 22px;font-weight:700;min-height:48px}.btn-ghost{background:transparent;color:var(--green-dark);padding:8px 12px;font-weight:600}.btn-ghost.small{font-size:.85rem}.wordmark{display:flex;flex-direction:column;align-items:center;line-height:1.05;margin-bottom:-4px}.wordmark-top{font-weight:900;font-style:italic;font-size:1.05rem;letter-spacing:.12em;color:#14181f;text-transform:uppercase;background:linear-gradient(180deg,#2b3240,#14181f 60%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;text-shadow:0 1px 0 rgba(201,151,0,.35)}.wordmark-sub{font-size:.66rem;letter-spacing:.34em;text-transform:uppercase;color:#c99700;font-weight:700}.mbengs-credit{margin-top:auto;padding-top:18px;font-size:.75rem;color:#8b968b;letter-spacing:.02em}.buddy-avatar{border-radius:50%;border:3px solid var(--green);object-fit:cover;background:#fff;box-shadow:var(--shadow)}.buddy-avatar.small{width:60px;height:60px}.results-buddy{border-width:5px}.buddy-hero{display:flex;align-items:center;gap:12px;border-radius:var(--radius);padding:12px 16px;width:100%;max-width:360px;text-align:left;box-shadow:var(--shadow)}.buddy-hero-text{display:flex;flex-direction:column;gap:3px;font-size:.92rem}.buddy-hero-text span{color:#4c5b4c}.buddy-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.buddy-pick{background:var(--card);border:3px solid transparent;border-radius:var(--radius);box-shadow:var(--shadow);padding:10px 6px;display:flex;flex-direction:column;align-items:center;gap:4px}.buddy-pick-name{font-weight:800;font-size:.9rem}.buddy-pick-tag{font-size:.68rem;color:#6b786b}.feedback-who{margin:0;font-size:.8rem;font-weight:800;text-transform:uppercase;letter-spacing:.06em}.profile-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;width:100%;max-width:360px}.profile-card{background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow);padding:18px 10px;display:flex;flex-direction:column;align-items:center;gap:6px;min-height:120px}.profile-card.add{background:#f0f8f1;border:2px dashed var(--green);box-shadow:none}.avatar{font-size:2.4rem}.pname{font-weight:700}.pclass{font-size:.85rem;color:#4c5b4c}.new-profile{display:flex;flex-direction:column;gap:12px;width:100%;max-width:340px;text-align:left}.new-profile label{font-weight:700;display:flex;flex-direction:column;gap:6px}.avatar-row{display:flex;flex-wrap:wrap;gap:8px}.avatar-pick{background:var(--card);box-shadow:var(--shadow);font-size:1.5rem;width:54px;height:54px;border-radius:14px;border:3px solid transparent}.avatar-pick.on{border-color:var(--green);background:#eaf7ec}.home-head{width:100%;display:flex;justify-content:space-between;align-items:center}.streak{background:#fff4e0;color:#b35c00;font-weight:700;border-radius:999px;padding:6px 12px;font-size:.9rem}.subject-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;width:100%;max-width:360px;margin:10px 0}.subject-card{background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow);padding:22px 10px;font-size:1.05rem;font-weight:800;color:var(--green-dark);display:flex;flex-direction:column;align-items:center;gap:8px;min-height:110px}.subject-emoji{font-size:2.2rem}.row-head{display:flex;align-items:center;gap:8px}.self-start{align-self:flex-start}.strand{background:#f3faf4;border-radius:var(--radius);padding:10px 12px}.topic-list{display:flex;flex-direction:column;gap:8px}.topic-card{background:var(--card);box-shadow:var(--shadow);padding:14px 16px;display:flex;justify-content:space-between;align-items:center;font-weight:700;text-align:left;min-height:52px}.topic-card .play{color:var(--green);font-size:1.1rem}.coming-soon{color:#7c8a7c;font-size:.85rem;margin:2px 4px}.quiz-top{display:flex;align-items:center;gap:10px}.progress-bar{flex:1;height:12px;border-radius:999px;background:#e3efe4;overflow:hidden}.progress-bar.wide{width:100%}.progress-fill{height:100%;background:linear-gradient(90deg,var(--green),#69c179);border-radius:999px;transition:width .4s ease}.quiz-count{font-weight:700;color:var(--green-dark)}.topic-label{margin:0;color:#4c5b4c;font-size:.9rem;font-weight:600}.prompt-card{background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow);padding:18px}.prompt{font-size:1.2rem;font-weight:700;margin:0 0 6px}.btn-listen{background:#eaf7ec;color:var(--green-dark);font-weight:700;padding:12px 18px;min-height:48px}.options{display:flex;flex-direction:column;gap:10px}.btn-option{background:var(--card);box-shadow:var(--shadow);padding:14px 16px;text-align:left;font-size:1.05rem;font-weight:600;min-height:52px;border:3px solid transparent}.btn-option.right{border-color:var(--green);background:#eaf7ec}.btn-option.dim{opacity:.55}.answer-form{display:flex;gap:8px}.answer-input{flex:1;border:2px solid #cfe3d1;border-radius:14px;padding:12px 14px;font-size:1.05rem;font-family:inherit;background:var(--card);min-height:50px}.answer-input:focus{outline:none;border-color:var(--green)}.order-area{display:flex;flex-direction:column;gap:12px}.order-built{min-height:58px;background:var(--card);border:2px dashed #cfe3d1;border-radius:14px;padding:8px;display:flex;flex-wrap:wrap;gap:6px;align-items:center}.order-hint{color:#93a293;padding:4px 8px}.order-bank{display:flex;flex-wrap:wrap;gap:8px}.tile{background:#eaf7ec;color:var(--green-dark);font-weight:700;padding:10px 14px;border-radius:12px;box-shadow:var(--shadow);min-height:44px}.tile.chosen{background:var(--green);color:#fff}.feedback{position:sticky;bottom:0;background:var(--card);border-radius:var(--radius) var(--radius) 0 0;box-shadow:0 -4px 16px #1b7a432e;padding:14px;display:flex;align-items:center;gap:12px;margin:auto -16px -40px;flex-wrap:wrap}.feedback.good{border-top:5px solid var(--green)}.feedback.bad{border-top:5px solid var(--yellow)}.feedback-title{font-weight:800;margin:0}.feedback-explain{margin:4px 0 0;font-size:.9rem;color:#4c5b4c}.feedback .btn-primary{margin-left:auto}.chip-row{display:flex;flex-wrap:wrap;gap:8px}.chip{background:var(--card);box-shadow:var(--shadow);padding:10px 16px;border-radius:999px;font-weight:700;color:#4c5b4c;border:3px solid transparent;min-height:46px}.chip.on{border-color:var(--green);background:#eaf7ec;color:var(--green-dark)}.exam-timer{font-weight:700;color:#b35c00;font-size:.9rem;white-space:nowrap}.btn-option.picked{border-color:var(--green);background:#eaf7ec}.exam-next{margin-top:auto}.fslc-card{background:#14181f;color:#f4f0e6;border-radius:var(--radius);padding:14px 16px;margin-top:18px;box-shadow:var(--shadow)}.fslc-card h3{color:#c99700;margin-top:0}.fslc-card .subtitle{color:#cfd4dc}.fslc-card .coming-soon{color:#9aa3ad}.exam-results-head{min-height:unset;padding-bottom:0}.mark-of{font-size:1.1rem;color:#7c8a7c;font-weight:600}.grade-badge{border-radius:999px;padding:6px 16px;font-weight:800;font-size:.95rem}.grade-badge.small{padding:3px 10px;font-size:.85rem}.grade-badge.good{background:#dff3e2;color:var(--green-dark)}.grade-badge.mid{background:#fff4e0;color:#b35c00}.grade-badge.low{background:#fdeaea;color:#b02a2a}.review-list{display:flex;flex-direction:column;gap:8px}.review-row{background:var(--card);border-radius:14px;box-shadow:var(--shadow);padding:10px 12px;display:flex;gap:10px;align-items:flex-start;border-left:5px solid var(--green)}.review-row.wrong{border-left-color:var(--red)}.review-mark{font-weight:900;font-size:1.1rem;color:var(--green)}.review-row.wrong .review-mark{color:var(--red)}.review-q{margin:0;font-weight:700;font-size:.92rem}.review-a{margin:4px 0 0;font-size:.85rem;color:#4c5b4c}.topic-card-row{background:var(--card);box-shadow:var(--shadow);border-radius:var(--radius);padding:12px 14px;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px}.topic-card-name{font-weight:700;flex:1 1 140px}.topic-card-actions{display:flex;gap:6px;flex-shrink:0}.btn-topic{font-size:.85rem;font-weight:700;padding:8px 14px;border-radius:12px;min-height:38px}.btn-topic.learn{background:#fdf3d5;color:#8a6800}.btn-topic.practice{background:#eaf7ec;color:var(--green-dark)}.lesson{gap:10px}.lesson-step{display:flex;flex-direction:column;gap:10px;flex:1}.lesson-step-title{font-size:1.15rem;margin:0;color:var(--green-dark)}.lesson-buddy-row{display:flex;align-items:center;gap:8px}.lesson-buddy-name{font-weight:800;font-size:.82rem;text-transform:uppercase;letter-spacing:.04em}.lesson-narration{background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow);padding:14px 16px}.lesson-narration p{margin:0 0 6px;line-height:1.55;font-size:1.05rem}.lesson-visual{background:#f3faf4;border-radius:var(--radius);padding:14px}.lesson-visual-title{margin:0 0 8px;font-weight:700;color:var(--green-dark);font-size:.95rem}.lesson-visual-caption{margin:8px 0 0;font-size:.88rem;color:#4c5b4c;text-align:center}.word-chips{display:flex;flex-wrap:wrap;gap:6px}.word-chip{background:var(--card);box-shadow:var(--shadow);padding:6px 14px;border-radius:999px;font-weight:600;font-size:.95rem}.counter-grid{display:flex;flex-wrap:wrap;gap:6px;justify-content:center}.counter-dot{width:22px;height:22px;border-radius:50%;background:#cfe3d1}.counter-dot.on{background:var(--green)}.number-line{position:relative;height:56px;margin:10px 16px 24px}.number-line-bar{position:absolute;top:14px;left:0;right:0;height:4px;background:var(--green);border-radius:2px}.nl-tick{position:absolute;top:0;transform:translate(-50%);display:flex;flex-direction:column;align-items:center}.nl-mark{width:3px;height:14px;background:var(--green);border-radius:2px}.nl-tick.hl .nl-mark{background:var(--red);width:5px;height:18px}.nl-label{font-size:.72rem;font-weight:700;margin-top:4px;white-space:nowrap}.nl-tick.hl .nl-label{color:var(--red);font-size:.82rem}.table-wrap{overflow-x:auto}.lesson-table{width:100%;border-collapse:collapse;font-size:.92rem}.lesson-table th{background:var(--green);color:#fff;padding:8px 10px;text-align:left;font-size:.85rem}.lesson-table td{padding:8px 10px;border-bottom:1px solid #e3efe4}.lesson-table tr:last-child td{border-bottom:none}.lesson-table.pv td{text-align:center;font-size:1.6rem;font-weight:800}.pv-digit{color:var(--green-dark)}.fraction-row{display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap}.frac-block{display:inline-flex;flex-direction:column;align-items:center;gap:2px}.frac-num,.frac-den{font-size:1.4rem;font-weight:800;color:var(--green-dark)}.frac-line{width:28px;height:3px;background:var(--green);border-radius:2px}.frac-op{font-size:1.4rem;font-weight:800;color:#4c5b4c}.frac-result{font-size:1.4rem;font-weight:800;color:var(--green-dark)}.comparison-row{display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap;text-align:center}.cmp-side{background:var(--card);box-shadow:var(--shadow);padding:10px 16px;border-radius:14px;font-weight:700;flex:1;min-width:100px}.cmp-sym{font-size:1.6rem;font-weight:800;color:var(--green)}.lesson-steps-list{margin:0;padding-left:22px;display:flex;flex-direction:column;gap:6px}.lesson-steps-list li{font-size:.95rem;line-height:1.45}.clock-svg{display:block;margin:0 auto}.lesson-check{background:#fdf3d5;border-radius:var(--radius);padding:14px;display:flex;flex-direction:column;gap:8px}.lesson-check-prompt{font-weight:700;margin:0;font-size:1.05rem}.lesson-check .btn-option.wrong-pick{border-color:var(--red);background:#fdeaea}.lesson-check-fb{display:flex;align-items:center;gap:10px;padding:10px;border-radius:14px}.lesson-check-fb.good{background:#eaf7ec}.lesson-check-fb.bad{background:#fff4e0}.lesson-nav{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-top:auto;padding-top:8px}.stars{font-size:3rem;letter-spacing:6px}.star{color:#d8e4d8}.star.on{color:var(--yellow);text-shadow:0 2px 8px rgba(245,159,0,.4)}.progress-row{background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow);padding:12px 14px}.progress-row-head{display:flex;justify-content:space-between;gap:8px;margin-bottom:6px}.progress-note{margin:6px 0 0;font-size:.85rem;color:#4c5b4c}