500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{font-family:'DM Sans',sans-serif;color:#202735;background:#f6f7fb;font-synthesis:none;--blue:#2847ed;--muted:#687184;--line:#e6e9f1}*{box-sizing:border-box}body{margin:0}button,a,input,textarea{font:inherit}a{color:inherit;text-decoration:none}button,a{ -webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:default;opacity:.5}button:focus-visible,a:focus-visible,textarea:focus-visible{outline:3px solid #8195ff;outline-offset:4px}aside{width:238px;background:#fff;border-right:1px solid var(--line);position:fixed;inset:0 auto 0 0;padding:32px 22px;display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:10px;font-family:Manrope,sans-serif;font-size:25px;font-weight:800;letter-spacing:-1px}.logo{background:var(--blue);color:#fff;border-radius:11px;width:36px;height:36px;display:flex;align-items:center;justify-content:center;font-size:23px;letter-spacing:-7px;padding-right:7px}.workspace{display:flex;align-items:center;gap:10px;margin:36px 0 25px;padding:12px 8px;border:1px solid var(--line);border-radius:9px;font-size:14px;font-weight:600}small{display:block;color:var(--muted);font-size:12px;font-weight:400;margin-top:4px}.avatar{width:33px;height:33px;display:grid;place-items:center;background:#edf0ff;color:var(--blue);border-radius:8px;font-weight:700;flex-shrink:0}.nav-label{font-size:11px;font-weight:700;letter-spacing:1.6px;color:#969cac;margin:7px 12px 14px}nav a,.bottom>a{display:flex;gap:13px;align-items:center;padding:12px 13px;border-radius:8px;color:#697184;font-size:17px;margin:4px 0}nav a span,.bottom>a span{font-size:14px;font-weight:500}nav a.active,.bottom>a.active{background:#eef1ff;color:var(--blue);font-weight:700}.bottom{margin-top:auto}.opensource{margin:26px 0;padding:17px;background:#f7f8fc;border:1px solid var(--line);border-radius:10px;font-size:14px}.opensource>span{float:right;color:var(--blue)}.opensource a{display:block;color:var(--blue);font-size:12px;margin-top:16px}.profile{border-top:1px solid var(--line);padding-top:20px;display:flex;gap:10px;align-items:center;font-size:13px}.lilac{color:#744cb8;background:#eee6fc}.shell{margin-left:238px}header{height:77px;border-bottom:1px solid var(--line);background:#ffffffb0;display:flex;align-items:center;justify-content:space-between;padding:0 42px;font-size:14px}.demo{font-size:11px;letter-spacing:1px;color:#7c8494}.demo span{letter-spacing:0;font-size:12px}main{max-width:1320px;margin:auto;padding:36px 42px 24px;min-height:calc(100vh - 140px)}.eyebrow{color:var(--muted);font-size:12px;letter-spacing:1.7px;font-weight:700;text-transform:uppercase}h1,h2,h3{font-family:Manrope,sans-serif}h1{font-size:34px;letter-spacing:-1.2px;margin:9px 0 10px;font-weight:800}h2{font-size:20px;letter-spacing:-.5px;margin:0}h3{font-size:17px;margin:0 0 9px}p{line-height:1.65}.muted{color:var(--muted)}.intro{display:flex;justify-content:space-between;align-items:center;margin-bottom:29px}.intro p{margin:0;color:var(--muted);font-size:15px}.pill{border:1px solid var(--line);background:#fff;border-radius:30px;padding:10px 16px;font-size:13px}.focus{display:grid;grid-template-columns:1fr 200px;background:#223fe0;color:#fff;border-radius:16px;padding:30px 34px;position:relative;overflow:hidden}.focus .eyebrow{color:#c0caff}.focus h2{font-size:28px;margin:10px 0}.focus p{color:#d7deff;font-size:14px;max-width:450px;margin:10px 0 23px}.btn{border:0;background:var(--blue);color:white;padding:12px 20px;border-radius:8px;font-size:14px;font-weight:600;display:inline-block}.btn.white{color:#233ed7;background:#fff}.btn.secondary{border:1px solid var(--line);background:#fff;color:#414b60}.ring{height:145px;width:145px;border-radius:50%;border:12px solid #ffffff25;display:flex;align-items:center;justify-content:center;flex-direction:column;align-self:center;justify-self:center;outline:1px solid #ffffff18;outline-offset:10px}.ring strong{font-size:39px;letter-spacing:-2px}.ring span{font-size:12px;color:#d7deff}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:17px;margin:22px 0 32px}.stat{background:#fff;border:1px solid var(--line);border-radius:11px;padding:19px 22px;display:flex;align-items:center;gap:15px}.stat-icon,.subject-icon{display:grid;place-items:center;width:43px;height:43px;background:#eef1ff;color:var(--blue);border-radius:10px;font-size:22px}.stat strong{font-family:Manrope;font-size:22px}.stat small{font-size:12px}.section-heading{display:flex;align-items:center;justify-content:space-between;margin:27px 0 17px}.text-link{font-size:13px;color:var(--blue);font-weight:600}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.card{border:1px solid var(--line);border-radius:12px;background:#fff;padding:22px}.card-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:22px}.tag{font-size:11px;border-radius:5px;padding:5px 8px;background:#f4f5f8;color:#717889}.subject-icon.reading{background:#fff1dd;color:#b17516}.subject-icon.science{background:#e0f4ef;color:#21896c}.card p{font-size:13px;color:var(--muted);margin:0 0 22px}.progress-label{display:flex;justify-content:space-between;font-size:12px;color:var(--muted);margin:19px 0 9px}.track{height:5px;background:#edf0f6;border-radius:9px;overflow:hidden}.track div{height:100%;background:var(--blue);border-radius:9px}.card-bottom{display:flex;align-items:center;justify-content:space-between;margin-top:22px;font-size:12px;color:var(--muted)}.card-bottom button{border:0;background:transparent;color:var(--blue);font-size:13px;font-weight:700;padding:6px}.lower{display:grid;grid-template-columns:1.6fr 1fr;gap:22px}.lab{display:flex;align-items:center;gap:24px;background:#edf0ff;border:1px solid #e0e5ff;padding:24px;border-radius:12px}.lab-number{font-family:Manrope;font-size:48px;color:#b0bdf5;font-weight:800}.lab p{font-size:13px;color:#626d90;margin:6px 0 14px}.lab .eyebrow{font-size:10px;color:#616ca0}.note{background:#fff;border:1px solid var(--line);border-radius:12px;padding:24px}.note p{font-size:14px;color:var(--muted);margin:8px 0 0}.note strong{font-size:14px}footer{max-width:1320px;margin:auto;padding:20px 42px;color:#8a91a0;font-size:11px;display:flex;justify-content:space-between}dialog{border:0;border-radius:18px;padding:32px;width:min(650px,94vw);max-height:90vh;color:#202735;box-shadow:0 24px 100px #101a3850}dialog::backdrop{background:#101a3877;backdrop-filter:blur(3px)}.dialog-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.close{background:#f1f3f8;border:0;border-radius:50%;width:34px;height:34px;font-size:21px}.lesson-copy{background:#f3f5ff;border-radius:10px;padding:20px;font-size:16px;line-height:1.75}.options{display:grid;gap:10px;margin:22px 0}.option{border:1px solid var(--line);background:white;padding:15px;text-align:left;border-radius:8px}.option.selected{border-color:var(--blue);background:#eef1ff}.feedback{padding:16px;border-radius:10px;background:#edf5f2;line-height:1.6;margin:18px 0}.feedback.retry{background:#fff5e4}.actions{display:flex;gap:12px;justify-content:flex-end;margin-top:22px}.project{margin-bottom:20px}.project li{line-height:1.8;color:#626d80}textarea{width:100%;padding:14px;border:1px solid #cbd2df;border-radius:8px;min-height:110px;margin-top:10px;resize:vertical}.wide{grid-column:1/-1}.empty{padding:30px;text-align:center;color:var(--muted);background:#fff;border:1px dashed #cbd2df;border-radius:12px}table{border-collapse:collapse;width:100%;font-size:14px}th,td{padding:17px 13px;text-align:left;border-bottom:1px solid var(--line)}th{font-size:12px;color:var(--muted)}.table-wrap{overflow:auto}.notice{background:#eef1ff;border-radius:9px;padding:15px 19px;color:#4e5d93;font-size:14px;margin:20px 0}#toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);background:#202735;color:#fff;padding:12px 20px;border-radius:10px;display:none;z-index:3}
@media(min-width:1500px){main{padding-top:45px}.focus{padding:40px}.grid .card{padding:28px}}@media(max-width:1050px){aside{width:200px;padding:26px 14px}.shell{margin-left:200px}main{padding:28px 24px}.grid{gap:12px}.card{padding:17px}.lower{grid-template-columns:1fr}.intro .pill{display:none}header{padding:0 24px}.focus{grid-template-columns:1fr 150px;padding:26px}.ring{height:120px;width:120px}.stats{gap:10px}.stat{padding:15px 12px;gap:9px}.stat-icon{display:none}}@media(max-width:720px){aside{position:static;width:auto;padding:17px;border-right:0;border-bottom:1px solid var(--line)}.brand{font-size:23px}.workspace,.nav-label,.bottom{display:none}nav{display:flex;gap:3px;justify-content:space-between;margin-top:16px}nav a{padding:9px 7px;gap:5px}nav a span{font-size:12px}.shell{margin:0}header{height:52px;padding:0 20px}.demo span{display:none}main{padding:26px 19px}h1{font-size:29px}.focus{grid-template-columns:1fr;padding:26px}.ring{display:none}.focus h2{font-size:25px}.grid{grid-template-columns:1fr}.stats{gap:8px;margin-bottom:24px}.stat{padding:14px 9px}.stat strong{font-size:20px}.stat small{font-size:11px}.intro{margin-bottom:23px}.intro p{font-size:14px}.card-top{margin-bottom:17px}footer{padding:20px;gap:16px;font-size:10px}.lab{padding:20px;gap:16px}.section-heading h2{font-size:18px}dialog{padding:23px}.actions{flex-wrap:wrap}.table-wrap{margin:0 -10px}}

.top-controls{display:flex;align-items:center;gap:24px}.band-label{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:12px}select{font:inherit;font-size:14px;padding:8px 28px 8px 10px;border:1px solid var(--line);border-radius:8px;background:white;color:#202735}select:focus-visible{outline:3px solid #8195ff}@media(max-width:720px){.band-label{font-size:0}.top-controls{gap:12px}header{padding:0 15px}.demo{font-size:9px}}