:root{color-scheme:dark;--bg:#0b1220;--side:#0a1322;--panel:#111d2d;--border:#26394e;--text:#edf3fc;--muted:#9bacbf;--accent:#6fe0c2;--warm:#efbf80}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font:14px/1.55 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.skip{position:absolute;left:-9999px}.skip:focus{left:12px;top:10px;z-index:200;background:#fff;color:#111;padding:10px}.shell{display:flex;min-height:100vh}.sidebar{width:268px;flex-shrink:0;position:sticky;top:0;height:100vh;background:var(--side);border-right:1px solid var(--border);display:flex;flex-direction:column;padding:26px 15px 14px;z-index:50}.brand{display:flex;align-items:center;gap:12px;padding:4px 9px 24px}.brand .mark{font-size:36px;line-height:1;color:var(--accent)}.brand strong{font-size:16px;letter-spacing:.6px}.brand em{font-style:normal;color:var(--accent)}.brand small{font-size:9px;letter-spacing:2px;color:#8199b2;display:block}.sectionLabel{font-size:10px;letter-spacing:1.6px;color:#718da9;font-weight:800;margin:19px 12px 9px}.sectionLabel span{float:right}.sidebar nav a{display:block;padding:9px 13px;color:#afc0d5;border-radius:7px;font-size:12px}.sidebar nav a:hover,.sidebar nav a.active{color:#dffef5;background:#183635}.sidebetween{flex:1;overflow-y:auto;min-height:140px}.asidefooter{border-top:1px solid var(--border);padding:16px 12px 0;font-size:12px;color:#c3d5e6}.asidefooter p{color:#7890a7;font-size:11px}.green{color:var(--accent)}.workspace{min-width:0;flex:1;display:flex;flex-direction:column}.toolbar{height:74px;border-bottom:1px solid var(--border);display:flex;align-items:center;gap:16px;padding:0 32px;position:sticky;top:0;z-index:15;background:#0b1220eb;backdrop-filter:blur(10px)}.crumb{font-size:10px;letter-spacing:1.2px;color:#8ea5b9}.crumb b{color:var(--accent);padding:0 9px}.toplab{margin-left:auto;border:1px solid #427d74;background:#163b3a;border-radius:6px;padding:10px 14px;font-size:12px;color:#94eed5;font-weight:750}#menu{display:none;background:#172638;color:#d5eaf4;border:1px solid var(--border);padding:8px 12px;border-radius:7px}main{width:100%}#screen{padding:38px clamp(18px,4.2vw,62px) 70px;max-width:1390px;margin:0 auto}.eyebrow{color:var(--accent);font-size:11px;letter-spacing:2px;font-weight:800}.hero{display:grid;grid-template-columns:1.45fr .55fr;gap:28px;align-items:center;padding:18px 0}.hero h1,.pagehead h1{font-size:clamp(29px,4.3vw,52px);line-height:1.11;letter-spacing:-1.6px;margin:11px 0 15px}.hero h1 em{font-style:normal;color:var(--accent)}.hero p,.pagehead p{color:#a4b7cb;max-width:700px}.heroart{display:grid;place-items:center;min-height:210px;border:1px solid #1d4850;border-radius:16px;background:radial-gradient(circle at center,#173d45,#102338 60%,#0c1a29);font-size:104px;color:#68c6b1}.btn,.ghost{display:inline-flex;justify-content:center;align-items:center;gap:8px;border-radius:7px;padding:11px 16px;font-size:12px;font-weight:750;border:1px solid #3b5764;background:#1a2b3f;color:#cfe7f2;margin:4px 7px 4px 0}.btn.primary{background:var(--accent);border-color:var(--accent);color:#0b2225}.btn:hover,.ghost:hover{filter:brightness(1.1)}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:25px 0 37px}.stat,.card,.panel{background:var(--panel);border:1px solid var(--border);border-radius:11px}.stat{padding:21px}.stat small{font-size:11px;color:#91a8bc;text-transform:uppercase;letter-spacing:.5px}.stat strong{display:block;font-size:30px;letter-spacing:-1px;margin:6px 0}.stat span{font-size:11px;color:#7690a7}.track{height:8px;background:#263547;border-radius:20px;overflow:hidden;margin-top:10px}.fill{height:100%;background:linear-gradient(90deg,#3cabb5,var(--accent))}.sectionHead{display:flex;justify-content:space-between;align-items:end;gap:15px;margin:30px 0 16px}.sectionHead h2{margin:0;font-size:20px}.sectionHead small{color:#8298af}.sectionHead a{color:var(--accent);font-size:12px}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.card{padding:21px;display:flex;flex-direction:column;min-height:190px;transition:border-color .2s,transform .2s}.card:hover{border-color:#477568;transform:translateY(-2px)}.cardtop{display:flex;justify-content:space-between;gap:10px;color:#8ba6b8;font-size:11px;font-weight:800}.tag{border:1px solid #385061;background:#1b2c3c;border-radius:5px;color:#a5bacc;padding:3px 7px;font-size:10px}.card h3{font-size:17px;line-height:1.28;margin:20px 0 8px}.card p{color:#95abc0;font-size:12px;margin:0}.cardbottom{color:var(--accent);font-size:12px;margin-top:auto;padding-top:16px}.pagehead{margin-bottom:22px}.pagehead h1{font-size:37px}.filter{background:#132337;color:#edf5fb;border:1px solid #34495f;border-radius:8px;padding:12px 13px;width:min(100%,450px);margin-bottom:20px}.lessonlayout{display:grid;grid-template-columns:minmax(0,1fr) 235px;gap:18px}.panel{padding:23px;margin-bottom:17px}.panel h2{margin:0 0 12px;font-size:19px}.panel h3{font-size:14px;margin:19px 0 8px}.panel p,.panel li{color:#afc1d1}.panel li{margin:6px 0}.sidePanel{align-self:start;position:sticky;top:95px}.sidePanel a{display:block;color:var(--accent);font-size:12px;padding:9px 0}.sidePanel label{display:flex;gap:8px;align-items:center}.sidePanel input{accent-color:var(--accent)}.notes{resize:vertical;min-height:150px;width:100%;background:#0a1423;border:1px solid #35475c;border-radius:8px;color:#e5f5ff;padding:12px;line-height:1.6}.quiz{margin:22px 0}.quiz fieldset{border:0;margin:0;padding:0}.quiz legend{font-weight:700;margin-bottom:8px}.choice{display:flex;gap:8px;align-items:start;border:1px solid #2b4056;border-radius:8px;padding:11px;margin:8px 0;background:#0e1c2e;color:#c1d3e2}.choice input{accent-color:var(--accent);margin-top:3px}.result{margin-top:15px;padding:14px;border-radius:8px;background:#163333;border:1px solid #397a6f;color:#b2efdd}.flash{border:1px solid #3a7770;background:radial-gradient(circle at top right,#1c4246,#112137 65%);border-radius:14px;min-height:250px;text-align:center;display:grid;place-items:center;padding:26px;margin:18px 0;cursor:pointer}.flash strong{font-size:clamp(18px,3vw,24px);line-height:1.45;max-width:630px}.flash small{display:block;color:#9fd1c3;margin-bottom:12px}.row{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.muted{color:#94a8bb}.notice{padding:16px;background:#253029;border-left:3px solid #e0ba78;color:#d8d0bc;margin:18px 0;border-radius:5px}.resgrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.resgrid .panel{margin:0}.resgrid a{color:var(--accent);text-decoration:underline;text-underline-offset:3px}.foot{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;color:#6f89a1;font-size:10px;border-top:1px solid var(--border);padding:22px 32px}.shade{display:none}#toast{position:fixed;bottom:24px;right:20px;background:#183b37;border:1px solid #409e8b;border-radius:8px;padding:12px 16px;color:#e2fff8;opacity:0;pointer-events:none;transition:opacity .2s;z-index:90}#toast.show{opacity:1}@media(max-width:1100px){.cards{grid-template-columns:repeat(2,1fr)}.lessonlayout{grid-template-columns:1fr}.sidePanel{position:static}}@media(max-width:850px){.sidebar{position:fixed;transform:translateX(-105%);transition:transform .2s;width:min(85vw,310px)}.sidebar.open{transform:translateX(0)}.shade{position:fixed;inset:0;z-index:40;background:#020912ad;display:block}.shade[hidden]{display:none}#menu{display:inline-block}.toolbar{height:64px;padding:0 15px}.hero{grid-template-columns:1fr}.heroart{display:none}.stats{grid-template-columns:repeat(2,1fr)}.foot{flex-direction:column}}@media(max-width:540px){#screen{padding:25px 16px 55px}.cards,.resgrid{grid-template-columns:1fr}.card{min-height:160px}.card h3{margin:11px 0}.stat{padding:16px}.stat strong{font-size:26px}.panel{padding:18px}.toplab{padding:8px;font-size:10px}.crumb{font-size:9px}.crumb b{padding:0 4px}.pagehead h1{font-size:30px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}