:root,.theme-light{--bg:#f4f6f3;--surface:#fff;--surface2:#f8f9f6;--ink:#16211c;--ink-soft:#586057;--ink-faint:#98a29b;--line:#e6eae3;--green:#12a150;--green-soft:#e6f4eb;--green-dark:#0b6e37;--yellow:#ebd94a;--bio:#12a150;--chem:#e03a3e;--phys:#4f5bd5;--shadow:#14281e14}.theme-dark{--bg:#0b100e;--surface:#141c18;--surface2:#0f1613;--ink:#ecf1ee;--ink-soft:#9daba4;--ink-faint:#69766f;--line:#232c27;--green:#27c06a;--green-soft:#14271d;--green-dark:#5fe39b;--yellow:#e9dc55;--bio:#27c06a;--chem:#f2565b;--phys:#7e8af0;--shadow:#00000080}*{box-sizing:border-box}html,body{margin:0;padding:0}html{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}.theme-dark,.theme-dark body{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}body{background:var(--bg);color:var(--ink);-webkit-text-size-adjust:100%;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif}.app{background:var(--bg);min-height:100vh;color:var(--ink)}.display{letter-spacing:-.02em;font-family:Space Grotesk,system-ui,sans-serif;font-weight:600}a{color:inherit}button{cursor:pointer;color:inherit;background:0 0;border:none;font-family:inherit}.muted{color:var(--ink-soft)}.faint{color:var(--ink-faint)}.card{background:var(--surface);border:1px solid var(--line);border-radius:16px}.hoverlift{transition:all .15s}.hoverlift:hover{border-color:var(--green);box-shadow:0 6px 20px var(--shadow);transform:translateY(-1px)}.btn{border:1px solid var(--line);background:var(--surface);color:var(--ink);border-radius:11px;padding:11px 18px;font-size:14px;font-weight:600;text-decoration:none;transition:all .15s;display:inline-block}.btn:hover{transform:translateY(-1px)}.btn-primary{background:var(--green);color:#fff;border-color:var(--green)}.btn-primary:hover{box-shadow:0 6px 20px var(--shadow)}.btn-ghost{color:var(--ink-soft);background:0 0;border-color:#0000}.btn:disabled{opacity:.45;cursor:not-allowed;transform:none}.bar{background:var(--line);border-radius:999px;width:100%;height:7px;overflow:hidden}.bar>i{background:var(--green);border-radius:999px;height:100%;display:block}.pill{border-radius:999px;padding:7px 14px;font-size:13px;font-weight:600;transition:all .15s}.chip{border-radius:999px;align-items:center;gap:6px;padding:5px 11px;font-size:12.5px;font-weight:600;display:inline-flex}.input{border:1px solid var(--line);background:var(--surface2);width:100%;color:var(--ink);border-radius:11px;padding:12px 14px;font-size:16px}.input:focus{outline:2px solid var(--green);outline-offset:1px}.navitem{text-align:left;width:100%;color:var(--ink-soft);border-radius:11px;align-items:center;gap:11px;padding:10px 12px;font-size:14px;font-weight:500;text-decoration:none;transition:all .12s;display:flex}.navitem:hover{background:var(--surface2);color:var(--ink)}.navitem.active{background:var(--green-soft);color:var(--green-dark);font-weight:600}.subjecttile{text-align:left;text-decoration:none;transition:all .15s;display:block}.subjecttile:hover{box-shadow:0 10px 30px var(--shadow);border-color:var(--green);transform:translateY(-2px)}.gradebadge{border-radius:12px;justify-content:center;align-items:center;font-family:Space Grotesk,sans-serif;font-weight:700;display:inline-flex}.step{transition:height .5s cubic-bezier(.2,.7,.2,1)}.link{color:var(--green);cursor:pointer;font-weight:600}.link:hover{text-decoration:underline}.divide{border-top:1px solid var(--line)}.scrollarea::-webkit-scrollbar{width:9px}.scrollarea::-webkit-scrollbar-thumb{background:var(--line);border-radius:9px}input[type=range]{accent-color:var(--green)}.fadein{animation:.25s fade}@keyframes fade{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}.shell{display:flex}.sidebar{border-right:1px solid var(--line);background:var(--surface);z-index:40;flex-direction:column;flex-shrink:0;width:250px;height:100vh;padding:20px 14px;display:flex;position:sticky;top:0}.content{flex:1;min-width:0;min-height:100vh;padding:34px 40px 80px}.mobilebar{display:none}.grid3{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.grid4{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.grid2{grid-template-columns:1fr 1fr;gap:16px;display:grid}@media (max-width:860px){.sidebar{display:none}.sidebar.open{width:260px;display:flex;position:fixed;inset:0 auto 0 0;box-shadow:0 0 0 100vw #00000059}.mobilebar{background:var(--surface);border-bottom:1px solid var(--line);z-index:30;justify-content:space-between;align-items:center;gap:10px;padding:12px 16px;display:flex;position:sticky;top:0}.content{padding:20px 16px 72px}.grid3,.grid4,.grid2{grid-template-columns:1fr 1fr}.grid2{grid-template-columns:1fr}h1.display{font-size:24px!important}}@media (max-width:520px){.grid3,.grid4{grid-template-columns:1fr}}.hero-h1{margin:0 0 20px;font-size:50px;line-height:1.06}@media (max-width:720px){.hero-h1{font-size:34px}}.section{max-width:760px;margin:0 auto;padding:46px 22px}