:root{--ink:#192033;--muted:#778093;--line:#e9eaf0;--paper:#fffdfa;--soft:#f6f7fb;--mint:#98e5d3;--coral:#ffb1a5;--violet:#c4b8ff;--amber:#f9d990;--accent:#4338ca}*{box-sizing:border-box}body{margin:0;background:var(--soft);font-family:Manrope,Arial,sans-serif;color:var(--ink)}button{font:inherit;cursor:pointer}.app-shell{min-height:100vh;display:flex}.sidebar{width:244px;position:fixed;inset:0 auto 0 0;background:#20283b;padding:28px 18px;color:#d7dce8;display:flex;flex-direction:column;z-index:5}.brand{color:#fff;text-decoration:none;font-size:21px;font-weight:800;letter-spacing:-1px;padding:0 10px}.brand-mark{display:inline-grid;place-items:center;width:28px;height:28px;margin-right:8px;color:#20283b;background:#9ae6d3;border-radius:9px}.nav{margin-top:55px;display:grid;gap:7px}.nav-link{border:0;background:transparent;color:#aeb6c7;text-align:left;padding:12px 13px;border-radius:10px;font-weight:700}.nav-link span{display:inline-block;width:25px;font-size:18px}.nav-link.active,.nav-link:hover{background:#323c55;color:#fff}.sidebar-bottom{margin-top:auto}.upgrade-card{background:#2b3650;border-radius:14px;padding:15px;display:grid;gap:5px;font-size:13px}.upgrade-card span{font-size:18px}.upgrade-card small,.sidebar-bottom p{color:#aeb6c7}.sidebar-bottom p{font:11px 'DM Mono';text-align:center;margin:20px 0 0}main{width:calc(100% - 244px);margin-left:244px}.topbar{height:76px;padding:0 54px;display:flex;align-items:center;justify-content:space-between;background:#fff;border-bottom:1px solid var(--line)}.crumb{font-size:13px;color:var(--muted)}.crumb b{margin:0 8px;color:#c9ccd4}.crumb strong{color:var(--ink)}.top-stats{display:flex;gap:20px;font-size:13px}.top-stats b{font-family:'DM Mono';font-size:12px}.menu-button{display:none}.view{display:none;padding:48px 54px;max-width:1320px;margin:auto}.view.active{display:block}.hero{min-height:270px;padding:39px 45px;background:#26324d;border-radius:22px;color:#fff;display:flex;justify-content:space-between;overflow:hidden}.eyebrow{font:500 11px 'DM Mono';letter-spacing:1.3px;color:#8792a9;margin:0 0 11px}.hero .eyebrow{color:#9de5d4}.hero h1,.page-heading h1{font-size:42px;line-height:1.06;letter-spacing:-2.5px;margin:0}.hero em,.page-heading em{font-family:Georgia,serif;font-weight:400}.hero-copy{max-width:370px;color:#c2c9d8;font-size:14px;line-height:1.7;margin:17px 0}.primary-button,.timer-button{border:0;border-radius:10px;background:#a8ead9;color:#17243a;padding:12px 17px;font-size:13px;font-weight:800}.primary-button span{margin-left:15px}.orbit{position:relative;width:255px;flex:none}.orbit-ring{position:absolute;border:1px solid #52617d;border-radius:50%;inset:15px}.r2{inset:53px;border-color:#6f7794}.atom{position:absolute;inset:100px;display:grid;place-items:center;width:56px;height:56px;border-radius:50%;background:#a8ead9;color:#26324d;font-size:22px}.orbit-dot{position:absolute;width:11px;height:11px;background:#ffb3a7;border-radius:50%}.d1{top:24px;right:65px}.d2{bottom:35px;left:45px;background:#c7bdff}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:22px 0}.stats-grid article,.section-card{background:#fff;border:1px solid var(--line);border-radius:16px}.stats-grid article{padding:20px;display:flex;gap:14px}.stat-icon{width:40px;height:40px;display:grid;place-items:center;border-radius:12px;font-size:18px}.mint{background:#dff9f2}.coral{background:#ffe7e3}.violet{background:#ebe8ff}.amber{background:#fff0c9}.stats-grid small{font:500 10px 'DM Mono';letter-spacing:1px;color:var(--muted)}.stats-grid strong{display:block;font:700 23px 'DM Mono';margin:4px 0}.stats-grid p,.timer-card p{font-size:11px;color:var(--muted);margin:0}.home-grid{display:grid;grid-template-columns:1.55fr 1fr;gap:18px}.section-card{padding:26px}.section-heading{display:flex;justify-content:space-between;align-items:start}.section-heading h2{font-size:18px;letter-spacing:-.7px;margin:0}.text-button,.back-button{border:0;background:none;color:var(--accent);font-size:12px;font-weight:800}.continue-content{margin-top:25px}.continue-row{display:flex;align-items:center;padding:18px;border-radius:12px;background:var(--soft);gap:14px}.chapter-number{font:500 11px 'DM Mono';color:var(--muted)}.continue-row h3{margin:3px 0;font-size:14px}.continue-row p{margin:0;color:var(--muted);font-size:11px}.continue-row button{margin-left:auto}.timer-dot{width:8px;height:8px;border-radius:50%;background:#9ae6d3}.timer{font:700 47px 'DM Mono';letter-spacing:-4px;margin:30px 0 15px}.timer-controls{display:flex;gap:8px;margin-bottom:15px}.icon-button{border:1px solid var(--line);background:#fff;border-radius:10px;width:42px}.roadmap{margin-top:18px}.progress-label{font:500 11px 'DM Mono';color:var(--muted)}.progress-label span{color:var(--accent);font-weight:700}.progress-track{height:6px;background:#eef0f5;border-radius:9px;margin:24px 0}.progress-track i{display:block;height:100%;width:0;background:var(--accent);border-radius:inherit;transition:.3s}.roadmap-list{display:flex;gap:9px;overflow:auto;padding-bottom:2px}.roadmap-chip{min-width:110px;padding:12px;border:1px solid var(--line);border-radius:10px;font-size:11px}.roadmap-chip b{font:500 10px 'DM Mono';color:var(--muted);display:block;margin-bottom:5px}.roadmap-chip.done{background:#f1fdf9;border-color:#bcecdf}.page-heading{margin-bottom:32px}.page-heading p:last-child{color:var(--muted);font-size:14px}.chapter-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.chapter-card{border:1px solid var(--line);background:#fff;border-radius:16px;padding:20px;min-height:190px;display:flex;flex-direction:column;transition:.2s}.chapter-card:hover{transform:translateY(-3px);box-shadow:0 10px 24px #20283b12}.chapter-card .card-top{display:flex;justify-content:space-between}.chapter-card .chapter-number{padding:8px;border-radius:8px;background:var(--soft)}.done-mark{color:#2aa982;font-size:13px}.chapter-card h2{font-size:16px;letter-spacing:-.6px;margin:24px 0 7px}.chapter-card p{font-size:11px;color:var(--muted);line-height:1.6;margin:0}.chapter-card button{margin-top:auto;padding-top:17px;border:0;background:none;text-align:left;color:var(--accent);font-weight:800;font-size:12px}.back-button{padding:0;margin-bottom:20px}.study-header{background:#26324d;color:white;border-radius:18px;padding:27px 30px}.study-header .eyebrow{color:#9ae6d3}.study-header h1{margin:0;font-size:27px;letter-spacing:-1.2px}.study-header p:last-child{color:#c2c9d8;font-size:13px;margin:10px 0 0}.study-tabs{display:flex;gap:28px;border-bottom:1px solid var(--line);margin-top:25px}.study-tab{border:0;background:0;color:var(--muted);padding:13px 2px;font-weight:800;font-size:13px}.study-tab.active{color:var(--accent);border-bottom:2px solid var(--accent)}.study-tab span{font:500 10px 'DM Mono';margin-left:4px}.study-panel{display:none;padding-top:26px}.study-panel.active{display:block}.learn-layout{display:grid;grid-template-columns:2fr 1fr;gap:20px}.learn-content,.side-box,.quiz-card,.notes-editor{background:#fff;border:1px solid var(--line);border-radius:16px;padding:27px}.learn-content h2{font-size:21px;margin:0 0 7px}.learn-content>p{color:var(--muted);font-size:14px;line-height:1.75}.learn-section{border-top:1px solid var(--line);padding-top:20px;margin-top:22px}.learn-section h3{font-size:16px;margin:0 0 7px}.learn-section p{font-size:13px;line-height:1.75;color:#465067}.side-box h3{font-size:13px;margin:0 0 13px}.formula{font:500 12px 'DM Mono';background:#f3f2ff;padding:11px;border-radius:8px;margin:7px 0;color:#4039a4}.complete-button{width:100%;border:0;border-radius:10px;background:#26324d;color:#fff;padding:13px;font-size:12px;font-weight:800;margin-top:18px}.complete-button.done{background:#dff9f2;color:#13755b}.quiz-card{max-width:780px}.quiz-progress{display:flex;justify-content:space-between;font:500 11px 'DM Mono';color:var(--muted);margin-bottom:20px}.question-text{font-size:19px;letter-spacing:-.5px;margin:0 0 19px}.option{width:100%;display:flex;text-align:left;gap:11px;margin:9px 0;padding:13px;border:1px solid var(--line);border-radius:10px;background:#fff;font-size:13px}.option b{color:var(--accent)}.option:hover:not(:disabled){border-color:#aaa5ed;background:#f8f7ff}.option.correct{background:#e8fbf5;border-color:#72d8b9}.option.wrong{background:#fff0ee;border-color:#ffb3aa}.explanation{padding:13px;background:#f3f2ff;border-radius:9px;color:#4a457f;font-size:12px;line-height:1.6;margin-top:15px}.quiz-next{margin-top:17px}.score-card{text-align:center;max-width:540px;margin:auto}.score-number{font:700 65px 'DM Mono';margin:10px}.notes-editor textarea{width:100%;min-height:250px;border:1px solid var(--line);border-radius:10px;padding:15px;resize:vertical;font:13px Manrope;color:var(--ink)}.notes-editor textarea:focus{outline:2px solid #c4b8ff;border-color:transparent}.save-row{display:flex;justify-content:space-between;align-items:center;margin-top:12px}.notes-list{display:grid;gap:13px}.note-card{background:#fff;border:1px solid var(--line);padding:20px;border-radius:14px}.note-card h3{font-size:14px;margin:0 0 8px}.note-card p{white-space:pre-wrap;font-size:13px;color:#536075;line-height:1.65;margin:0}.toast{position:fixed;bottom:25px;left:50%;transform:translate(-50%,20px);background:#20283b;color:#fff;padding:11px 16px;border-radius:10px;font-size:12px;opacity:0;pointer-events:none;transition:.25s;z-index:10}.toast.show{transform:translate(-50%,0);opacity:1}@media(max-width:900px){.sidebar{transform:translateX(-100%);transition:.25s}.sidebar.open{transform:none}.app-shell main{width:100%;margin:0}.menu-button{display:block;border:0;background:none;font-size:20px}.topbar{padding:0 20px}.view{padding:28px 20px}.hero{padding:30px;min-height:240px}.orbit{width:170px;transform:scale(.75);transform-origin:center}.chapter-grid{grid-template-columns:repeat(2,1fr)}.learn-layout{grid-template-columns:1fr}}@media(max-width:560px){.crumb{display:none}.top-stats{gap:10px}.hero h1,.page-heading h1{font-size:33px}.orbit{display:none}.stats-grid{grid-template-columns:1fr}.stats-grid article{padding:15px}.home-grid{grid-template-columns:1fr}.section-card{padding:20px}.chapter-grid{grid-template-columns:1fr}.study-header{padding:22px}.study-tabs{gap:17px}.learn-content,.side-box,.quiz-card,.notes-editor{padding:20px}}