@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{--bg:#101511;--panel:#171d18;--edge:#303a30;--ink:#edf0e5;--muted:#a1ad9c;--green:#c5e799;--mono:ui-monospace,SFMono-Regular,Consolas,monospace}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--bg);font:15px/1.6 'DM Sans',sans-serif}button,input,textarea{font:inherit}a{color:inherit;text-underline-offset:4px}button,a,input,textarea{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:default;opacity:.5}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid var(--green);outline-offset:4px}header{max-width:1440px;margin:auto;padding:26px 42px;border-bottom:1px solid var(--edge);display:flex;justify-content:space-between;align-items:center;font-size:13px}header>a{text-decoration:none}.brand{font:700 24px 'Space Grotesk',sans-serif;display:flex;align-items:center;gap:10px}.brand-icon{background:var(--green);color:var(--bg);border-radius:9px;font-size:30px;width:35px;height:35px;line-height:30px;text-align:center}.brand-tag{font:9px var(--mono);border-left:1px solid var(--edge);padding-left:15px;margin-left:8px;color:var(--muted);letter-spacing:2px}main{max-width:1440px;margin:auto;padding:0 42px}.hero{display:flex;align-items:center;justify-content:space-between;min-height:370px;padding:48px 20px 42px 0}.eyebrow{font:10px/1.6 var(--mono);letter-spacing:1.7px;color:var(--muted);margin:0 0 15px}.dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--green);margin-right:8px;box-shadow:0 0 12px #c5e74455}h1,h2,h3,p{margin-top:0}h1{font:500 clamp(36px,4.4vw,61px)/1.08 'Space Grotesk',sans-serif;letter-spacing:-2.5px;margin-bottom:20px}h1 em{color:var(--green);font-style:normal}.intro{max-width:490px;color:var(--muted);font-size:16px}.hero-tags{display:flex;gap:23px;font:10px var(--mono);color:var(--green);margin-top:28px}.ghost-scene{position:relative;width:280px;height:270px;display:grid;place-items:center;flex-shrink:0}.ghost{width:155px;z-index:1;filter:drop-shadow(0 0 35px #c5e72222);animation:float 5s ease-in-out infinite}.orbit{position:absolute;border:1px solid #364334;border-radius:50%;width:240px;height:240px}.o2{width:180px;height:180px;border-style:dashed;opacity:.5}.cross{position:absolute;color:#769362;font:20px var(--mono)}.c1{left:24px;top:59px}.c2{right:28px;bottom:68px}.scene-label{position:absolute;bottom:-1px;color:#7e9871;font:9px var(--mono);letter-spacing:1px}.workspace{display:grid;grid-template-columns:210px minmax(0,1fr) 280px;border-top:1px solid var(--edge);border-bottom:1px solid var(--edge);gap:26px;padding:30px 0}.lessons{padding:10px 0}.lessons h2{font:500 19px 'Space Grotesk';margin-bottom:26px}.lesson-button{display:flex;gap:12px;align-items:center;width:100%;text-align:left;padding:16px 11px;background:none;border:1px solid transparent;color:var(--muted);border-radius:7px;margin-bottom:7px}.lesson-button.active{border-color:#4d6240;background:#20291d;color:var(--ink)}.lesson-index{font:11px var(--mono);color:#829779;border:1px solid var(--edge);width:25px;height:25px;border-radius:50%;display:grid;place-items:center;flex-shrink:0}.active .lesson-index{border-color:var(--green);color:var(--green)}.lesson-button strong{display:block;font-size:12px;font-weight:500}.lesson-button small{font-size:10px;color:var(--muted)}.progress{margin:35px 8px 20px;font-size:10px}.progress>div:first-child{display:flex;justify-content:space-between;gap:10px}.progress strong{font:10px var(--mono);color:var(--green)}.progress-track{height:3px;background:#2c352a;margin-top:12px}.progress-track i{display:block;height:3px;background:var(--green);width:0;transition:width .3s}.small{font-size:11px;line-height:1.7;color:var(--muted)}.lab{border:1px solid var(--edge);border-radius:10px;overflow:hidden;background:var(--panel);min-width:0}.lab-top{background:#20281e;padding:13px 20px;display:flex;justify-content:space-between;gap:8px;font:9px var(--mono);letter-spacing:1px;color:#b1c1a3}.lab-top .dot{width:5px;height:5px}.lab-content{padding:25px}.lesson-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:10px}.lesson-heading .eyebrow{font-size:9px;color:var(--green);margin-bottom:9px}.lesson-heading h2{font:500 25px/1.2 'Space Grotesk';letter-spacing:-.6px;margin-bottom:12px}.level{font:8px var(--mono);padding:4px 6px;border:1px solid #3d4b33;border-radius:3px;color:#b6ce9b}.muted{color:var(--muted)}#lesson-intro{font-size:13px;margin-bottom:24px}label{display:block;font-size:11px;margin-bottom:9px;color:#bdc8b5}.command-input{display:flex;align-items:center;border:1px solid #4e6142;border-radius:6px;background:#0e140f;padding:7px 7px 7px 12px;gap:10px}.command-input>span{color:var(--green)}input{min-width:0;width:100%;background:none;border:0;color:var(--green);font:12px var(--mono);outline:none}.command-input button{white-space:nowrap;background:var(--green);border:0;border-radius:4px;color:#203017;font-size:10px;font-weight:700;padding:11px 10px}.command-input button span{margin-left:6px}#command-note{font-size:9px;margin:8px 0 22px}.section-label{font:9px var(--mono);letter-spacing:1.5px;color:var(--muted);margin:24px 0 10px}.token-row{display:grid;grid-template-columns:105px 1fr;gap:12px;padding:12px 0;border-bottom:1px solid #2c352b;font-size:12px}.token-row code{font:11px/1.6 var(--mono);color:var(--green);overflow-wrap:anywhere}.token-row p{margin:0;color:#c4cebd}.facts{font-size:11px;color:var(--muted);margin-top:14px}.facts p{margin-bottom:8px}.facts a{color:#b4cf9a}.whisper{display:flex;gap:12px;padding:18px 15px;margin:23px 0;background:#252d21;border:1px solid #3d4c32;border-radius:7px}.whisper-icon{font-size:24px;color:var(--green)}.whisper .eyebrow{font-size:8px;letter-spacing:1px;color:#adc18f;margin-bottom:8px}.source-label{display:block;font-size:7px;opacity:.7;margin-top:3px}.whisper p:last-child{font-size:13px;line-height:1.7;margin:0;color:#dce9cf}.quiz{border-top:1px solid var(--edge);padding-top:21px}.quiz .eyebrow{font-size:8px;margin-bottom:8px}.quiz h3{font-size:14px;font-weight:500;margin-bottom:13px}#quiz-options{display:grid;gap:8px}.answer{background:#1b231b;border:1px solid #394333;border-radius:5px;text-align:left;color:#c9d2c0;padding:11px 13px;font-size:11px}.answer:hover{border-color:#76965b}.answer.correct{border-color:var(--green);background:#2d3c24;color:var(--green)}.answer.wrong{border-color:#b98062;background:#3b2b22}#quiz-feedback{font-size:11px;margin:12px 0;color:var(--green)}.next-button{display:flex;justify-content:space-between;width:100%;border:0;border-top:1px solid var(--edge);padding:17px 0 0;background:none;color:var(--green);font-size:12px}.tutor{padding:10px 0 0}.tutor-heading{display:flex;align-items:center;gap:12px}.tiny-ghost{display:grid;place-items:center;border:1px solid #4b5c3c;background:#273020;border-radius:50%;width:43px;height:43px;font-size:26px;color:var(--green)}.tutor-heading h2{font:500 19px 'Space Grotesk';margin:0}.tutor-heading p{margin:2px 0}.tutor>.muted{font-size:12px;margin:20px 0}.status-pill{display:inline-block;background:#242d20;border:1px solid #3d4933;border-radius:20px;font:9px var(--mono);color:#b8caa4;padding:6px 10px;margin-bottom:16px;max-width:100%;overflow-wrap:anywhere}.wake-button{width:100%;background:none;border:1px solid #708653;color:var(--green);border-radius:6px;padding:12px;font-size:12px;display:flex;justify-content:space-between}.tutor #download-note{font-size:10px}.chat{margin:20px 0;max-height:320px;overflow-y:auto;border-top:1px solid var(--edge);border-bottom:1px solid var(--edge);padding:16px 0}.chat-empty{font:400 14px/1.8 'Space Grotesk';color:#92a282}.message{font-size:12px;line-height:1.8;white-space:pre-wrap;overflow-wrap:anywhere;padding:12px;border-radius:6px;margin:8px 0;background:#20291e}.message.user{background:#2b3525;color:#d7e5c8}.message strong{display:block;font:9px var(--mono);color:var(--green);margin-bottom:7px}textarea{width:100%;resize:vertical;background:#151c15;border:1px solid #3d4935;border-radius:6px;padding:12px;color:var(--ink);font-size:12px}#ask-ai{width:100%;border:0;border-radius:5px;background:var(--green);color:#243719;padding:11px;font-size:11px;margin-top:8px}progress{width:100%;accent-color:var(--green)}.error{background:#39271e;border:1px solid #a77453;border-radius:6px;padding:12px;font-size:12px;color:#f0c6a6;margin-bottom:15px}.field-guide{padding:55px 0;display:grid;grid-template-columns:1fr 1.5fr;gap:60px}.field-guide h2{font:500 30px/1.2 'Space Grotesk';letter-spacing:-1px;margin-bottom:16px}.field-guide .muted{font-size:12px;max-width:330px}.state-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;padding-top:10px}.state-grid h3{font:500 14px 'Space Grotesk';margin:9px 0}.state-grid p{font-size:11px;color:var(--muted)}.state-grid>a{grid-column:1/-1;color:var(--green);font-size:10px}.state-dot{display:inline-block;width:8px;height:8px;border-radius:50%}.green{background:#badd95}.orange{background:#d6a16d}.gray{background:#9ba68e}footer{border-top:1px solid var(--edge);padding:25px 0;display:flex;justify-content:space-between;gap:20px;font-size:10px;color:var(--muted)}footer>span:first-child{color:var(--green)}@keyframes float{50%{transform:translateY(-12px)}}@media(min-width:1600px){main{padding:0 28px}.workspace{grid-template-columns:220px minmax(0,1fr) 300px;gap:32px}}@media(max-width:1150px){header{padding:22px 25px}main{padding:0 25px}.workspace{grid-template-columns:170px minmax(0,1fr);gap:20px}.tutor{grid-column:2;border:1px solid var(--edge);border-radius:8px;padding:25px}.hero{min-height:330px}.ghost-scene{width:220px}.orbit{width:210px;height:210px}.hero-tags{gap:13px}.field-guide{gap:30px}}@media(max-width:700px){header{padding:18px}.brand{font-size:21px}.brand-tag{display:none}main{padding:0 18px}.hero{padding:35px 0 28px;min-height:0}.hero .eyebrow{font-size:8px}.ghost-scene{display:none}h1{font-size:37px;letter-spacing:-1.7px}.intro{font-size:14px}.hero-tags{font-size:8px;gap:12px}.workspace{display:flex;flex-direction:column;padding-top:20px;gap:20px}.lessons h2{display:none}.lessons>.eyebrow{margin-bottom:12px}#lesson-list{display:grid;grid-template-columns:1fr 1fr;gap:7px}.lesson-button{padding:9px 8px;gap:8px;margin:0}.lesson-button small{font-size:9px}.lessons>.small{display:none}.progress{margin:15px 0 0}.lab-content{padding:19px}.lab-top{padding:12px 15px;font-size:8px}.lesson-heading h2{font-size:23px}.command-input{flex-wrap:wrap}.command-input input{width:calc(100% - 30px)}.command-input button{width:100%;margin-top:4px}.token-row{grid-template-columns:90px 1fr}.tutor{padding:22px}.field-guide{grid-template-columns:1fr;gap:15px;padding:35px 0}.field-guide h2 br{display:none}.state-grid{gap:12px}footer{flex-direction:column;gap:9px}.lesson-heading .level{font-size:7px}}@media(prefers-reduced-motion:reduce){*{animation:none!important;scroll-behavior:auto!important;transition:none!important}}

#reset-progress{border:0;background:none;color:var(--muted);font-size:9px;padding:9px 0 0;text-decoration:underline;text-underline-offset:3px}
/* A haunted observatory: quiet atmosphere around a readable classroom. */
:root{--bg:#0d1012;--panel:#151a1c;--edge:#34393a;--ink:#eeeade;--muted:#acb0a5;--green:#c8dfa0}
body{background:radial-gradient(ellipse at 82% 4%,#37223f44,transparent 40%),radial-gradient(ellipse at 0% 45%,#17363230,transparent 40%),var(--bg)}
body::before{content:"";position:fixed;inset:0;pointer-events:none;z-index:0;background:radial-gradient(ellipse at 20% 65%,#b2c9b30b,transparent 43%),radial-gradient(ellipse at 80% 75%,#c2b7d50a,transparent 40%);animation:mist-drift 24s ease-in-out infinite alternate}
header,main{position:relative;z-index:1}header{border-bottom-color:#39333d}.brand-icon{background:#d5a66e;box-shadow:0 0 22px #da9a3b20}.brand-tag{color:#c39976}.hero{position:relative}.hero>.eyebrow{color:#d0ad86}.hero h1{ text-shadow:0 3px 30px #0008}.hero h1 em{color:#d1dca9}.hero-tags{color:#c8ad8e}.hero .dot{background:#e6ae68;box-shadow:0 0 14px #e4a25399}
.ghost-scene::before{content:"";position:absolute;width:66px;height:66px;border-radius:50%;right:28px;top:4px;background:#e4d9b5;box-shadow:0 0 45px #dfc69626;opacity:.65}.ghost-scene::after{content:"";position:absolute;width:63px;height:63px;right:14px;top:-4px;border-radius:50%;background:#111315}.ghost{filter:drop-shadow(0 0 23px #c5e77924) drop-shadow(0 20px 35px #000);opacity:.9}.ghost path:first-child{fill:#bfcbb4}.ghost ellipse{fill:#b57c47;filter:drop-shadow(0 0 2px #edae63)}.orbit{border-color:#58655755}.o2{border-color:#8b6b6655}.cross{color:#ac8a70}.scene-label{color:#b8a581}
.lab{box-shadow:0 20px 80px #0004;border-color:#485044}.lab-top{background:linear-gradient(100deg,#292d24,#201e26);color:#c5bc9c}.command-input{background:#090e0c;box-shadow:inset 0 0 25px #0005}.command-input button{background:#d0dba7}.whisper{position:relative;background:linear-gradient(110deg,#2a2920,#222329);border-color:#6d5840;box-shadow:inset 3px 0 0 #c18a4f}.whisper-icon{color:#e1b575;text-shadow:0 0 12px #d1a56a66}.whisper .eyebrow{color:#d0b78f}.whisper p:last-child{color:#ded8c5}.lesson-button.active{background:linear-gradient(110deg,#2a3023,#25232b);border-color:#7c7655}.tiny-ghost{color:#dfb47a;background:#2b2620;border-color:#776144}.wake-button{color:#e2bb87;border-color:#8f704e}.status-pill{background:#25252a;border-color:#595144;color:#c9bc9e}.field-guide h2{color:#d4c4aa}.progress-track i{box-shadow:0 0 9px #d1db9f33}footer{border-top-color:#40383d}.lab-content{background-image:linear-gradient(#ffffff01 1px,transparent 1px);background-size:100% 5px}
@keyframes mist-drift{from{transform:translate(-3%,-1%)}to{transform:translate(3%,2%)}}
@media(prefers-reduced-motion:reduce){body::before{animation:none}}