:root{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#172033;background:#eef3f8}*{box-sizing:border-box}body{margin:0}main{width:min(980px,calc(100% - 32px));margin:0 auto;padding:32px 0 80px}header{margin-bottom:24px}header h1{margin-bottom:6px}header p{margin-top:0;color:#5f6b7a}.panel{background:#fff;border-radius:16px;padding:24px;margin-bottom:20px;box-shadow:0 8px 24px #14253f14}label{display:block;margin-bottom:16px;font-weight:600}input,select{display:block;width:100%;margin-top:7px;padding:12px;border:1px solid #cdd6e1;border-radius:10px;font:inherit}button{border:0;border-radius:10px;background:#2864dc;color:#fff;padding:11px 18px;font:inherit;font-weight:700;cursor:pointer}button:disabled{opacity:.55;cursor:not-allowed}button.secondary{background:#e7eef9;color:#234e9b}.actions{display:flex;gap:10px;margin-top:12px}.question-card,.example,.mastery,.mistake{border:1px solid #dce3ec;border-radius:12px;padding:16px;margin:14px 0}.hint{margin-top:10px;padding:10px;border-radius:8px;background:#fff6d8}.feedback{margin-top:10px;padding:10px;border-radius:8px;background:#eaf6ed}.error{margin-bottom:18px;padding:12px;border-radius:10px;background:#ffe8e8;color:#8c1d1d}.progress-heading{display:flex;align-items:center;justify-content:space-between;gap:16px}@media(max-width:640px){main{width:min(100% - 20px,980px);padding-top:18px}.panel{padding:18px;border-radius:12px}.progress-heading{align-items:flex-start;flex-direction:column}}.mission-hero{border-top:6px solid #2864dc}.mission-label{display:inline-block;padding:6px 10px;border-radius:999px;background:#e7eef9;color:#234e9b;font-weight:700;font-size:.85rem;margin-bottom:12px}.mission-meta{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:20px;color:#5f6b7a}.mission-meta span{padding:6px 10px;border-radius:8px;background:#f2f5f9}.curiosity-card{padding:20px;border-radius:14px;background:#fff7dc;margin:18px 0}.mission-story{padding:18px;border-left:4px solid #2864dc;background:#f4f7fc;margin:18px 0}.activity-panel{border-left:5px solid #8c62d6}.reflection-box,.discovery-card,.why-box{margin-top:16px;padding:16px;border-radius:12px;background:#f4f7fc}.challenge-panel{border-left:5px solid #e6872b}.creative-panel{border-left:5px solid #7a52c7}.teach-back-panel{border-left:5px solid #298d78}.celebration-panel{text-align:center;background:#edf8f2}.next-question{margin-top:18px;padding-top:18px;border-top:1px solid #cfe2d7}details{margin-top:12px;padding:12px;border-radius:10px;background:#f4f7fc}summary{cursor:pointer;font-weight:700}.dashboard-panel{background:linear-gradient(135deg,#fff,#f4f7fc)}.dashboard-header{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;margin-bottom:20px}.dashboard-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px}.dashboard-card{border:1px solid #dce3ec;border-radius:14px;padding:18px;background:#fff;min-height:180px}.dashboard-card h3{margin-top:0}.continue-card{border-top:5px solid #2864dc}.review-card{border-top:5px solid #e6872b}.explore-card{border-top:5px solid #7a52c7}.strengthen-card{border-top:5px solid #c64a4a}.progress-card{border-top:5px solid #298d78}@media(max-width:640px){.dashboard-header{flex-direction:column}.dashboard-grid{grid-template-columns:1fr}}.mode-description{margin-top:-4px;color:#5f6b7a;font-size:.92rem}select{width:100%}.mission-complete-panel{text-align:center;border:2px solid #b9dfca;background:linear-gradient(135deg,#f4fcf7,#e8f7ee)}.mission-complete-icon{display:flex;align-items:center;justify-content:center;width:68px;height:68px;margin:0 auto 14px;border-radius:50%;background:#298d78;color:#fff;font-size:2rem;font-weight:800}.completion-stats{display:grid;grid-template-columns:repeat(3,minmax(120px,1fr));gap:14px;margin:24px 0}.completion-stats div{display:flex;flex-direction:column;gap:6px;padding:16px;border-radius:12px;background:#fff;border:1px solid #d1e8da}.completion-stats strong{font-size:1.45rem}.completion-stats span{color:#5f6b7a;font-size:.9rem}.completion-message{max-width:650px;margin:16px auto;font-weight:600}.review-date{color:#4f5d57}@media(max-width:640px){.completion-stats{grid-template-columns:1fr}}.app-shell{width:min(1180px,calc(100% - 36px));padding-top:20px}.app-header{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:20px;margin:0 0 14px;padding:14px 18px;border:1px solid rgba(205,214,225,.8);border-radius:18px;background:#fffffff2;box-shadow:0 10px 30px #14253f14;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.brand-block,.header-actions,.primary-nav,.view-heading{display:flex;align-items:center}.brand-block{gap:12px}.brand-mark{display:grid;place-items:center;width:44px;height:44px;border-radius:14px;background:linear-gradient(135deg,#2864dc,#7a52c7);color:#fff;font-size:1.25rem;font-weight:900}.brand-block h1,.view-heading h2{margin:0}.brand-block p{margin:3px 0 0}.header-actions{gap:12px}.student-switcher{display:flex;align-items:center;gap:8px;margin:0;font-size:.84rem;color:#5f6b7a}.student-switcher select{width:auto;min-width:190px;margin:0;padding:9px 34px 9px 10px}.compact-button{padding:10px 14px}.primary-nav{position:sticky;top:88px;z-index:15;justify-content:center;gap:8px;margin:0 auto 20px;padding:8px;border:1px solid #dce3ec;border-radius:16px;background:#fffffff5;box-shadow:0 8px 22px #14253f0f}.primary-nav button{display:flex;align-items:center;justify-content:center;gap:8px;min-width:128px;background:transparent;color:#4b5870}.primary-nav button.active{background:#2864dc;color:#fff;box-shadow:0 6px 16px #2864dc3d}.view-heading{justify-content:space-between;gap:16px;margin:26px 2px 18px}.eyebrow{display:block;margin-bottom:5px;color:#2864dc;font-size:.78rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.lesson-builder-panel{max-width:760px;margin-right:auto;margin-left:auto}.parent-centre-panel,.progress-view{max-width:900px;margin-right:auto;margin-left:auto}@media(max-width:760px){.app-shell{width:min(100% - 20px,1180px);padding-bottom:104px}.app-header{position:static;align-items:flex-start;flex-direction:column}.header-actions{width:100%}.student-switcher{flex:1}.student-switcher select{width:100%;min-width:0}.primary-nav{position:fixed;right:10px;bottom:10px;left:10px;top:auto;z-index:50;display:grid;grid-template-columns:repeat(4,1fr);margin:0;padding:7px;border-radius:18px;box-shadow:0 14px 38px #14253f33}.primary-nav button{flex-direction:column;gap:3px;min-width:0;padding:9px 4px;font-size:.76rem}.primary-nav button span:first-child{font-size:1.1rem}.view-heading{align-items:flex-start;flex-direction:column}.dashboard-card{min-height:auto}}