@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap');
:root{color-scheme:dark;--bg:#0a1118;--panel:#101922;--line:#23303a;--text:#edf2f4;--muted:#9aaab7;--mint:#82e5b5;--violet:#b6a3ff;--amber:#f3bd71}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:'DM Sans',sans-serif;font-size:16px}button,input,select{font:inherit}button{cursor:pointer;color:inherit;border:1px solid var(--line);background:#17232d;border-radius:7px;padding:10px 14px;transition:background .2s,border .2s}button:hover{background:#24363f;border-color:#617883}button:focus-visible,a:focus-visible,canvas:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--mint);outline-offset:3px}button:disabled{opacity:.35;cursor:default}header{height:78px;padding:0 28px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);background:#0d151d}.brand{color:var(--text);text-decoration:none;font-family:'Space Grotesk',sans-serif;font-weight:600;font-size:23px;letter-spacing:3px;display:flex;align-items:center;gap:12px}.brandmark{color:var(--mint);font-size:36px}.brand-sub{font:12px 'DM Sans',sans-serif;letter-spacing:2px;color:var(--muted);border-left:1px solid #43505b;padding-left:18px;margin-left:7px}.head-right{display:flex;align-items:center;gap:25px}.small{font-size:13px;color:var(--muted);line-height:1.65}.quiet{background:transparent;font-size:14px}main{display:grid;grid-template-columns:215px minmax(340px,1fr) 380px;height:calc(100dvh - 164px);min-height:650px}nav{padding:26px 14px 16px 20px;border-right:1px solid var(--line);overflow:auto}.eyebrow{font-size:11px;letter-spacing:2px;font-weight:700;color:var(--muted);line-height:1.6}nav .eyebrow{padding-left:10px;margin-bottom:20px}.mint{color:var(--mint)}.chapter{display:flex;align-items:center;gap:11px;padding:11px 9px;width:100%;text-align:left;background:transparent;border:1px solid transparent;font-size:14px;margin:2px 0;border-radius:7px;color:var(--muted)}.chapter .num{font-family:'Space Grotesk';font-size:12px;color:#778d9e}.chapter.active{background:#1b332e;border-color:#315449;color:#aff5d2}.chapter.active .num{color:var(--mint)}.chapter .arrow{margin-left:auto}.rail-note{font-size:13px;color:var(--muted);line-height:1.8;margin:24px 9px 0;padding-top:20px;border-top:1px solid var(--line)}.rail-note small{font-size:12px;color:#7d919f}.keydot{display:inline-block;width:6px;height:6px;background:var(--mint);border-radius:50%;margin-right:6px}.world{position:relative;overflow:hidden;background:radial-gradient(ellipse at 47% 52%,#162b32 0, #101c27 35%,#0a1118 76%)}.world-title{position:absolute;top:32px;left:30px;z-index:2;pointer-events:none}h1{font-family:'Space Grotesk',sans-serif;font-size:clamp(26px,2.4vw,42px);letter-spacing:-1.8px;font-weight:500;margin:8px 0}h1 span{color:var(--mint)}.world-title p{color:var(--muted);font-size:14px;margin:7px 0}.modebar{position:absolute;top:153px;left:30px;display:flex;padding:4px;background:#101922b0;border:1px solid var(--line);border-radius:9px;z-index:3}.modebar button{border:0;font-size:13px;padding:8px 12px;background:transparent;color:var(--muted)}.modebar .active{color:#b1f5d5;background:#244136}#world{position:absolute;width:100%;height:100%;inset:0;touch-action:none;outline-offset:-3px}#sceneLabels{position:absolute;inset:0;pointer-events:none;overflow:hidden}.node-label{position:absolute;font-size:12px;white-space:nowrap;background:#0b131ccd;border:1px solid #2b414d;padding:5px 8px;border-radius:4px;transform:translate(-50%,0);color:#b9ccd7;transition:opacity .2s}.node-label.selected{color:#adf3cf;border-color:#658e79;background:#142a23}.scene-caption{position:absolute;left:30px;right:72px;bottom:117px;color:#bbccd4;font-size:14px;line-height:1.6;max-width:560px;pointer-events:none}.legend{position:absolute;bottom:70px;left:30px;display:flex;gap:17px;flex-wrap:wrap;font-size:11px;letter-spacing:.1px;color:var(--muted);pointer-events:none}.legend i{display:inline-block;width:6px;height:6px;border-radius:50%;margin-right:6px}.view-controls{position:absolute;right:18px;bottom:65px;display:flex;flex-direction:column;gap:5px}.view-controls button{width:36px;height:34px;padding:0;font-size:18px;background:#12202be6}.orbit-hint{position:absolute;bottom:26px;left:30px;font-size:10px;letter-spacing:1.25px;color:#758c9c;pointer-events:none}.orbit-hint span{padding:0 8px}aside{background:#111b24;border-left:1px solid var(--line);overflow-y:auto;padding:29px 26px;scrollbar-width:thin;scrollbar-color:#3b505e transparent}.lesson-head{display:flex;justify-content:space-between;align-items:center}.lesson-head span:last-child{font-size:12px;color:#9cacc0;padding:4px 8px;border:1px solid #344654;border-radius:4px}h2{font:500 29px/1.14 'Space Grotesk',sans-serif;letter-spacing:-1px;margin:20px 0 16px}.intro{font-size:16px;line-height:1.65;color:#c0ccd6;margin-bottom:22px}.callout{border-left:2px solid var(--mint);padding:0 0 0 13px;margin:20px 0;color:#c3d5d4;font-size:14px;line-height:1.6}.callout strong{color:#b0f3cf;display:block;font-size:12px;letter-spacing:.7px;text-transform:uppercase;margin-bottom:6px}.lab{border:1px solid #304552;border-radius:10px;padding:17px;background:#0c151d;margin:24px 0}.lab h3{font-size:14px;margin:0 0 12px;font-weight:500;color:#d7e3e9}.lab p{font-size:13px;line-height:1.6;color:var(--muted)}label{display:block;font-size:13px;color:#aec0cd;margin:14px 0 7px}input[type=text],select{background:#172530;color:#e2edf3;border:1px solid #3a505d;border-radius:6px;padding:10px;width:100%;font-size:14px}input[type=range]{width:100%;accent-color:var(--mint);cursor:pointer}.tokens{display:flex;flex-wrap:wrap;gap:6px;margin:14px 0}.token{padding:7px 9px;border:1px solid #466559;border-radius:5px;background:#16342b;color:#c0f1d9;font-size:14px;min-width:35px;text-align:center}.token small{display:block;font-size:10px;color:#79b697;margin-top:3px}.flow-list{display:grid;gap:9px;font-size:14px}.flow-list div{border:1px solid #2f4350;border-radius:5px;padding:9px 11px;display:flex;justify-content:space-between;gap:9px}.flow-list em{color:var(--mint);font-size:12px;font-style:normal}.statrow{display:flex;gap:9px;margin:15px 0}.stat{flex:1;background:#17232e;border-radius:6px;padding:12px 8px}.stat strong{display:block;font-family:'Space Grotesk';font-size:23px;color:var(--mint)}.stat small{display:block;font-size:11px;color:var(--muted);margin-top:4px}.mini-canvas{display:block;width:100%;height:165px;background:#0c1721;border-radius:7px;margin:12px 0}.attention{display:grid;grid-template-columns:45px repeat(4,1fr);gap:4px}.attention div,.attention button{font-size:11px;text-align:center;padding:8px 2px}.attention .mask{background:#16212a;color:#607381;border-color:#20303d}.attention .attn{border-radius:4px;color:#e1ffee}.lab button.primary{width:100%;background:#86e7b8;border-color:#86e7b8;color:#0b251b;font-size:14px;font-weight:600;margin-top:10px}.lab button.secondary{width:100%;margin-top:8px;font-size:13px}.deep{border-top:1px solid var(--line);padding:16px 0;color:#b6c7d1;font-size:14px;line-height:1.7}.deep summary{cursor:pointer;font-weight:500;color:#e1e9ee;list-style:none;display:flex;justify-content:space-between}.deep summary:after{content:'+';color:var(--mint)}.deep[open] summary:after{content:'−'}.deep p{margin:13px 0}.formula{display:block;color:#b8adf0;background:#14212a;padding:12px;font-family:monospace;font-size:13px;overflow-wrap:anywhere}.bars{margin:15px 0}.barline{display:grid;grid-template-columns:60px 1fr 40px;align-items:center;gap:8px;font-size:12px;margin:9px 0}.bartrack{background:#1e2f3a;height:9px;border-radius:4px;overflow:hidden}.barfill{height:100%;background:var(--amber);transition:width .2s}.gpu-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin:14px 0}.gpu{padding:12px 4px;border:1px solid #416d5b;background:#16352c;border-radius:5px;text-align:center;font-size:10px;color:#b6efce;line-height:1.8}.gpu.off{background:#17202b;color:#64778a;border-color:#263845}.generated{min-height:78px;background:#172832;border-radius:6px;padding:13px;line-height:1.7;color:#f2d3a8;font-size:16px}.notice{font-size:12px;color:#89a2b3;line-height:1.65;margin-top:12px}.reading-links a{color:var(--mint)}footer{height:86px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 28px;background:#0d151d;gap:20px}.tour-info{display:flex;align-items:center;gap:13px}.live-symbol{font-size:30px;color:var(--mint)}.tour-info strong{display:block;font-size:14px;font-weight:500}.tour-info small{display:block;color:var(--muted);font-size:12px;margin-top:6px}.tour-dots{display:flex;gap:6px}.tour-dots button{padding:0;border:0;width:7px;height:7px;border-radius:50%;background:#344452}.tour-dots button.active{background:var(--mint);width:21px;border-radius:5px}.tour-actions{display:flex;align-items:center;gap:17px}.tour-actions>span{font-size:12px;color:var(--muted);white-space:nowrap}#previous{background:transparent;padding:9px 12px}#next{color:#13261e;background:var(--mint);border:0;font-weight:600;font-size:14px}#next span{margin-left:18px}dialog{background:#111d27;color:var(--text);border:1px solid #3a515e;border-radius:16px;max-width:570px;padding:36px;max-height:85vh}dialog::backdrop{background:#000a;backdrop-filter:blur(5px)}dialog p{color:#b0c0cb;line-height:1.7}dialog a{display:block;padding:17px 0;border-top:1px solid #304452;color:#b2efce;text-decoration:none}dialog a span{display:block;margin-top:7px;color:#90a8b6;font-size:13px}.close{float:right;font-size:22px;padding:3px 10px}.fade{animation:enter .35s ease}@keyframes enter{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@media(min-width:1600px){main{grid-template-columns:235px minmax(340px,1fr) 420px}aside{padding:32px}.world-title{top:40px}}@media(max-width:1180px){main{grid-template-columns:180px minmax(300px,1fr) 330px}nav{padding-left:10px}.chapter{font-size:12px;gap:8px}aside{padding:23px 20px}.head-right .small{display:none}.world-title{left:22px}h1{font-size:28px}.tour-dots{display:none}.legend{gap:8px;font-size:10px;right:50px}}@media(max-width:900px){header{height:65px;padding:0 18px}.brand-sub{display:none}main{height:auto;min-height:0;grid-template-columns:1fr;grid-template-rows:auto 620px auto}nav{padding:12px;display:block;border-right:0;border-bottom:1px solid var(--line);overflow:auto}nav>.eyebrow,.rail-note{display:none}#chapterList{display:flex;gap:5px}.chapter{width:auto;white-space:nowrap;font-size:13px;margin:0}.chapter .arrow{display:none}.world{min-height:620px}aside{border-left:0;border-top:1px solid var(--line);padding:25px;overflow:visible}#lesson{max-width:680px;margin:auto}footer{position:sticky;bottom:0;z-index:5;height:80px;padding:0 17px}.tour-info small{display:none}.tour-actions{gap:10px}.tour-info{gap:7px}.tour-info strong{font-size:12px}.live-symbol{font-size:24px}#next{font-size:12px;padding:11px}#next span{margin-left:8px}.world-title{top:24px}.modebar{top:135px}.world-title h1{font-size:34px}.scene-caption{bottom:107px}.legend{bottom:64px}.orbit-hint{font-size:9px;left:20px}.tour-actions>span{display:none}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}@media(max-width:440px){.head-right button{font-size:12px;padding:8px}.brand{font-size:18px}.brandmark{font-size:30px}main{grid-template-rows:auto 560px auto}.world{min-height:560px}.tour-info{max-width:120px}.world-title h1{font-size:31px}}
.nav-group{font-size:10px;color:#82b6a3;letter-spacing:1.3px;padding:20px 9px 8px;line-height:1.7}.source-inline{border:0;background:transparent;color:var(--mint);padding:0;font-size:12px;display:block;margin-top:8px}.tour-dots{gap:4px}.tour-dots button{width:5px;height:5px}.world.is-detail{background:radial-gradient(ellipse at 45% 38%,#1b3039 0,#101c27 40%,#0a1118 80%)}.world.is-detail .world-title{top:22px}.world.is-detail .world-title h1{font-size:clamp(25px,2.2vw,36px);margin:8px 0;letter-spacing:-1px}.world.is-detail .modebar{top:128px;left:26px}.world.is-detail .modebar button:not([data-mode=all]){display:none}.world.is-detail .modebar button[data-mode=all]{color:#bbeed7;font-size:12px}.world.is-detail .modebar button[data-mode=all]:before{content:'← ';padding-right:4px}.world.is-detail .scene-caption,.world.is-detail .legend{display:none}.world.is-detail .view-controls{bottom:auto;top:130px;right:15px;flex-direction:row}.world.is-detail .orbit-hint{bottom:8px;font-size:9px;letter-spacing:1px;left:26px}.world.is-detail #world{cursor:grab}#partLabels{position:absolute;inset:0;pointer-events:none}.part-label{position:absolute;pointer-events:auto;transform:translate(-50%,0);background:#101d29ed;border:1px solid #3b5261;padding:6px 8px;text-align:left;border-radius:5px;box-shadow:0 3px 10px #0002;line-height:1.35}.part-label>span{font-size:10px;font-family:'Space Grotesk';color:#91afbc;float:left;margin-right:6px;margin-top:2px}.part-label strong{font-weight:500;font-size:12px;display:block;line-height:1.3}.part-label small{display:none;color:#9abbc4;font-size:10px;margin:5px 0 0;overflow:hidden;max-height:30px;overflow-wrap:anywhere}.part-label.selected{border-color:#8be5b8;background:#1a382ef5;box-shadow:0 0 20px #82e5b513}.part-label.selected small{display:block}.part-label.selected strong{color:#c3f6dd}#flowControl{position:absolute;bottom:29px;left:24px;right:24px;background:#0e1b24f5;border:1px solid #365244;border-radius:10px;padding:13px 16px;box-shadow:0 6px 24px #0004}#flowControl[hidden],#partLabels[hidden],#sceneLabels[hidden]{display:none!important}.flow-top{display:flex;align-items:center;justify-content:space-between;gap:10px}.flow-top .eyebrow{font-size:10px;letter-spacing:1.2px}#flowPlay{padding:5px 9px;font-size:12px;background:#1e392f;border-color:#426756;color:#bcebd3}#flowSteps{display:flex;gap:6px;margin:9px 0}#flowSteps button{width:24px;height:24px;padding:0;border-radius:4px;font-size:11px;background:#192c36}#flowSteps button.active{background:#82e5b5;color:#143123;border-color:#82e5b5}#flowReadout>strong{font-size:14px;font-weight:500;color:#d8f1e4}#flowReadout p{font-size:13px;line-height:1.5;margin:6px 0 10px;color:#b9cbd4}.flow-bottom{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #293e46;padding-top:9px;gap:10px}#flowPayload{font:11px/1.4 monospace;color:#e2be84;max-width:65%;overflow-wrap:anywhere}#flowNext{border:0;padding:4px 0;font-size:12px;white-space:nowrap;background:transparent;color:#a2e4c2}.generated{overflow-wrap:anywhere}.lab label:has(input[type=checkbox]){display:flex;gap:9px;align-items:center}.lab input[type=checkbox]{accent-color:var(--mint)}@media(max-width:1180px){.tour-dots{display:none}.world.is-detail .world-title{left:22px}.world.is-detail .world-title h1{font-size:25px}#flowControl{left:14px;right:14px;padding:11px 12px}#flowReadout p{font-size:12px}.part-label strong{font-size:11px}.world.is-detail .view-controls{top:132px;gap:3px}.world.is-detail .view-controls button{width:29px;height:29px}.world.is-detail .modebar{left:20px}#flowPayload{font-size:10px}}@media(max-width:900px){.nav-group{display:none}.world.is-detail{min-height:760px}.world.is-detail .world-title h1{font-size:30px}.world.is-detail .world-title{left:24px}.world.is-detail .view-controls{top:130px}main:has(.is-detail){grid-template-rows:auto 760px auto}#flowControl{left:20px;right:20px}#flowReadout p{font-size:14px}#flowReadout>strong{font-size:16px}.part-label strong{font-size:12px}.world.is-detail .orbit-hint{font-size:8px}.tour-info{max-width:150px}.world.is-detail .modebar{left:24px}.part-label small{font-size:10px}}@media(max-width:440px){.world.is-detail{min-height:800px}main:has(.is-detail){grid-template-rows:auto 800px auto}.world.is-detail .world-title h1{font-size:26px}.world.is-detail .world-title .eyebrow{font-size:10px}.world.is-detail .view-controls{right:12px}#flowControl{left:12px;right:12px}#flowReadout p{font-size:13px}.flow-top .eyebrow{font-size:9px}.flow-bottom{align-items:flex-start}}
/* Foundation lessons share the original atlas controls and camera. */
.curriculum-intro{padding:14px 0 6px;line-height:1.6}.curriculum-intro strong{display:block;color:var(--mint);font-size:15px}.curriculum-intro span{display:block;font-size:14px;color:var(--muted);margin-top:7px}.foundation-lab>.eyebrow{font-size:12px;margin-bottom:10px}.foundation-lab h3{font-family:'Space Grotesk',sans-serif;font-size:20px;line-height:1.25;margin-bottom:16px}.foundation-lab p,.foundation-lab label,.foundation-lab .callout{font-size:14px;line-height:1.65}.foundation-lab .stat small{font-size:12px}.foundation-lab .formula{font-size:14px;line-height:1.7}.concept-pills{display:flex;gap:7px;flex-wrap:wrap;margin:16px 0}.concept-pills span{padding:6px 9px;border:1px solid #467260;border-radius:5px;background:#173129;font-size:14px;color:#c8f0dc}.concept-pills span:nth-child(2){border-color:#675888;background:#27233e;color:#d8ceff}.concept-pills span:nth-child(n+3){border-color:#8c6b42;background:#362d23;color:#f6d5a3}.example-pairs{display:grid;gap:6px}.example-pairs span{padding:9px 12px;border:1px solid #304b42;border-radius:5px;color:#bce5cf;font:14px monospace}.matrix-result{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:16px 0}.matrix-result button{padding:10px 7px;text-align:left}.matrix-result small{font-size:12px;display:block;line-height:1.4;color:#b7c9d4}.matrix-result strong{display:block;font:500 27px 'Space Grotesk',sans-serif;color:#f3bd71;margin-top:7px}.matrix-result button.chosen{border-color:#f3bd71;background:#332b21}.matrix-result button:hover{border-color:#f3bd71}.world-title p{max-width:min(440px,calc(100vw - 80px));line-height:1.6}.world.is-detail .world-title p{max-width:calc(100% - 30px)}.world.is-detail .world-title{right:15px}.part-label strong{font-size:14px}.part-label>span,.part-label small{font-size:12px}.nav-group{font-size:12px}.foundation-lab input[type=range]{min-height:24px}.foundation-lab input[type=range]:focus-visible{outline-offset:2px}#flowSteps button{min-width:28px;min-height:28px;font-size:12px}#flowPayload{font-size:12px}#flowReadout p{font-size:14px}#flowPlay,#flowNext{font-size:14px}.world.is-detail .world-title .eyebrow{font-size:12px;letter-spacing:1px}.world-title>.eyebrow{max-width:calc(100% - 24px);font-size:12px;letter-spacing:1.2px}.chapter{min-height:42px}.tour-dots{max-width:220px;flex-wrap:wrap;justify-content:center}@media(max-width:1180px){.part-label strong{font-size:12px}.part-label small{font-size:12px}.chapter{font-size:14px}.world.is-detail .world-title h1{font-size:25px}}@media(max-width:900px){.world-title p{max-width:calc(100vw - 60px)}.world.is-detail .world-title p{font-size:14px}.part-label strong{font-size:14px}.part-label>span{font-size:12px}.foundation-lab h3{font-size:22px}.chapter{font-size:14px}#flowControl{max-height:340px;overflow-y:auto}}@media(max-width:440px){.world-title{right:14px}.world-title>.eyebrow{font-size:11px;letter-spacing:.7px}.world-title p{font-size:13px}.world.is-detail .world-title .eyebrow{font-size:11px}.world.is-detail .world-title p{font-size:13px}#flowReadout p{font-size:14px}.part-label strong{font-size:12px}.flow-bottom{flex-wrap:wrap}#flowPayload{max-width:100%}.brand{letter-spacing:2px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}