@import url('https://fonts.googleapis.com/css2?family=Geist:wght@400;500;600;700&family=JetBrains+Mono:wght@500;600&display=swap');
:root{--bg:#090a0d;--panel:#111319;--panel2:#171a21;--line:#292e3a;--text:#f4f5f7;--muted:#9ca3b3;--acid:#b9ff66;--cyan:#73e6ff;--violet:#b49cff;--danger:#ff7b8d;--radius:6px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Geist,Arial,sans-serif;letter-spacing:0;overflow-x:hidden}body:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.8'/%3E%3C/svg%3E")}main{overflow:hidden}nav{height:72px;display:flex;align-items:center;justify-content:space-between;padding:0 4vw;border-bottom:1px solid var(--line);position:relative;z-index:5;background:rgba(9,10,13,.86);backdrop-filter:blur(14px)}a{color:inherit;text-decoration:none}.brand,footer strong{font:600 13px/1 JetBrains Mono,monospace;display:flex;align-items:center;gap:10px}.brand-mark{display:inline-block;width:12px;height:12px;background:var(--acid);box-shadow:0 0 22px rgba(185,255,102,.7);transform:rotate(45deg)}.nav-links{display:flex;gap:28px;color:var(--muted);font-size:14px}.nav-links a:hover{color:var(--text)}button,.button,input{font:inherit}.icon-btn{width:40px;height:40px;border:1px solid var(--line);background:var(--panel);color:var(--text);cursor:pointer;border-radius:var(--radius)}.icon-btn:hover,.icon-btn:focus-visible{border-color:var(--acid);color:var(--acid)}.hero{min-height:calc(100vh - 72px);display:grid;grid-template-columns:minmax(0,1.2fr) minmax(420px,.8fr);align-items:center;padding:7vh 4vw 10vh;gap:5vw;position:relative}.hero:after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:linear-gradient(90deg,transparent,var(--line),transparent)}.eyebrow{font:600 12px/1.4 JetBrains Mono,monospace;color:var(--acid);margin:0 0 24px}.hero h1{font-size:clamp(3rem,7vw,6.8rem);line-height:.9;max-width:1180px;margin:0;letter-spacing:0;font-weight:600}.hero h1 span{color:transparent;-webkit-text-stroke:1px var(--acid);text-shadow:0 0 45px rgba(185,255,102,.12)}.lede{max-width:660px;font-size:clamp(1.05rem,1.5vw,1.35rem);line-height:1.55;color:#c2c7d2;margin:32px 0}.hero-actions{display:flex;gap:12px}.button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 20px;border:1px solid var(--line);border-radius:var(--radius);cursor:pointer;font-weight:600;font-size:14px}.primary{background:var(--acid);border-color:var(--acid);color:#10130b}.primary:hover{background:#d0ff96}.secondary{background:var(--panel);color:var(--text)}.secondary:hover{border-color:var(--muted)}.hero-stage{aspect-ratio:4/5;max-height:72vh;position:relative;border:1px solid var(--line);background:radial-gradient(circle at 50% 35%,#202631 0,#111319 42%,#090a0d 74%);overflow:hidden}.hero-stage:before{content:"";position:absolute;inset:0;background:linear-gradient(rgba(115,230,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(115,230,255,.05) 1px,transparent 1px);background-size:32px 32px}.hero-stage canvas{width:100%;height:100%;position:relative}.stage-readout{position:absolute;left:18px;right:18px;bottom:18px;display:flex;justify-content:space-between;padding:13px 15px;background:rgba(9,10,13,.8);border:1px solid var(--line);font:600 11px JetBrains Mono,monospace}.stage-readout strong{color:var(--cyan)}.chapter{padding:150px 4vw}.chapter-heading{max-width:880px;margin-bottom:58px}.chapter-heading h2,.lab-top h2,.quiz h2{font-size:clamp(2.25rem,4.5vw,4.75rem);line-height:1.02;margin:0 0 24px;font-weight:600}.chapter-heading>p:last-child{color:var(--muted);font-size:18px;line-height:1.6;max-width:720px}.intro{background:#0d0f13}.signal-track{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line)}.signal-track article{padding:30px;min-height:220px;border-right:1px solid var(--line);position:relative}.signal-track article:last-child{border:0}.signal-track article:not(:last-child):after{content:"→";position:absolute;right:-13px;top:48px;z-index:2;width:26px;height:26px;background:var(--bg);border:1px solid var(--line);display:grid;place-items:center;color:var(--acid)}.signal-track b{font:600 12px JetBrains Mono;color:var(--acid)}.signal-track h3{font-size:25px;margin:44px 0 10px}.signal-track p{color:var(--muted);line-height:1.5;margin:0}.lab{background:#0b0c10}.lab-top{display:flex;justify-content:space-between;align-items:end;margin-bottom:48px}.lab-top h2{margin:0}.lab-grid{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(330px,.7fr);border:1px solid var(--line);min-height:680px}.sim-panel{position:relative;background:radial-gradient(circle at 50% 42%,#202531,#101217 54%,#090a0d);overflow:hidden;min-height:620px}.sim-panel canvas{width:100%;height:100%;touch-action:none}.drag-hint{position:absolute;top:20px;left:20px;font:600 10px JetBrains Mono;color:var(--muted);border:1px solid var(--line);padding:9px 11px;background:rgba(9,10,13,.7)}.live-values{position:absolute;left:20px;right:20px;bottom:20px;display:grid;grid-template-columns:repeat(3,1fr);background:rgba(9,10,13,.86);border:1px solid var(--line)}.live-values span{padding:15px 16px;color:var(--muted);font-size:12px;border-right:1px solid var(--line)}.live-values span:last-child{border:0}.live-values strong{display:block;margin-top:6px;color:var(--text);font:600 18px JetBrains Mono}.control-panel{background:var(--panel);border-left:1px solid var(--line);padding:28px;display:flex;flex-direction:column;gap:25px}.control-head{display:flex;justify-content:space-between;align-items:center}.control-head h3{margin:0;font-size:20px}.text-button{border:0;background:transparent;color:var(--acid);cursor:pointer}.control-panel label{font-size:13px;color:var(--muted)}.control-panel output{float:right;color:var(--text);font:600 12px JetBrains Mono}.control-panel input[type=range]{display:block;width:100%;margin-top:15px;accent-color:var(--acid)}.chart-wrap{margin-top:8px;border-top:1px solid var(--line);padding-top:22px}.chart-title{display:flex;gap:20px;font:600 10px JetBrains Mono;color:var(--muted)}.chart-title span:first-child:before,.chart-title span:last-child:before{content:"";display:inline-block;width:8px;height:8px;background:var(--cyan);margin-right:6px}.chart-title span:last-child:before{background:var(--acid)}#chartCanvas{width:100%;height:120px;margin-top:12px}.explain{border-left:2px solid var(--acid);padding-left:15px;color:#c7ccd6;line-height:1.55;font-size:13px;margin:0}.mirror{background:#111319}.mirror-workbench{border:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr}.id-editor,.mirror-visual{padding:40px;min-height:440px}.id-editor{border-right:1px solid var(--line);display:flex;flex-direction:column;justify-content:center}.id-editor label{font:600 11px JetBrains Mono;color:var(--muted)}.id-editor input{width:100%;margin-top:10px;background:#090a0d;border:1px solid var(--line);color:var(--text);padding:16px;font:600 16px JetBrains Mono;outline:0}.id-editor input:focus{border-color:var(--cyan)}.swap-line{display:flex;align-items:center;justify-content:center;gap:18px;padding:13px;color:var(--muted);font:600 11px JetBrains Mono}.validation{display:flex;flex-direction:column;gap:5px;margin-top:24px;padding:16px;border:1px solid rgba(185,255,102,.3);background:rgba(185,255,102,.07)}.validation strong{color:var(--acid)}.validation span{font-size:12px;color:var(--muted)}.validation.error{border-color:rgba(255,123,141,.4);background:rgba(255,123,141,.07)}.validation.error strong{color:var(--danger)}.mirror-visual{background:#0c0e12;display:flex;flex-direction:column;justify-content:space-between}.direction-control button{width:100%;display:flex;justify-content:space-between;padding:15px;border:1px solid var(--line);background:var(--panel2);color:var(--text);cursor:pointer;font:600 11px JetBrains Mono}.direction-control strong{color:var(--acid)}.avatar-pair{display:flex;align-items:center;justify-content:center;gap:32px}.mini-avatar{width:120px;height:150px;border:1px solid var(--line);position:relative;display:grid;place-items:center;color:var(--muted);transition:.35s ease;background:#151821}.mini-avatar:before{content:"";width:64px;height:74px;border:2px solid #d9b7be;border-radius:48% 48% 44% 44%;background:#e9cbd0}.mini-avatar .strand{position:absolute;width:5px;height:85px;background:var(--violet);top:32px;left:24px;transform-origin:top;transform:rotate(10deg);border-radius:8px;transition:.35s ease}.mini-avatar.active{border-color:var(--acid);box-shadow:0 0 35px rgba(185,255,102,.12)}.mini-avatar.active .strand{transform:rotate(-24deg);background:var(--acid)}.mini-avatar b{position:absolute;right:10px;bottom:8px;font:600 11px JetBrains Mono}.flow-arrow{color:var(--acid);font-size:30px}.mirror-visual p{color:var(--muted);line-height:1.6;margin:0}.preset-tabs{display:flex;border-bottom:1px solid var(--line);margin-bottom:32px}.preset-tabs button{padding:15px 28px;border:0;border-bottom:2px solid transparent;background:transparent;color:var(--muted);cursor:pointer}.preset-tabs button[aria-selected=true]{color:var(--text);border-color:var(--acid)}.field-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-auto-flow:dense;border:1px solid var(--line)}.field-grid article{padding:38px;min-height:240px;border-right:1px solid var(--line);background:var(--panel)}.field-grid article:last-child{border:0}.field-grid span{font:600 10px JetBrains Mono;color:var(--acid)}.field-grid h3{margin:70px 0 12px;font-size:22px}.field-grid p{color:var(--muted);line-height:1.5;margin:0}.quiz{background:var(--acid);color:#11150c}.quiz-shell{display:grid;grid-template-columns:.8fr 1.2fr;gap:8vw}.quiz .eyebrow{color:#31441c}.quiz-copy p:not(.eyebrow){font-size:18px;line-height:1.6;max-width:440px}.score{font:600 12px JetBrains Mono;margin-top:40px}.question-card{background:#0b0d0f;color:var(--text);padding:42px;min-height:480px;display:flex;flex-direction:column}.question-card h3{font-size:clamp(1.5rem,2.4vw,2.35rem);line-height:1.25;margin:0 0 28px}.answers{display:grid;gap:10px}.answer{padding:15px;text-align:left;border:1px solid var(--line);background:var(--panel);color:var(--text);cursor:pointer}.answer:hover,.answer:focus-visible{border-color:var(--cyan)}.answer.correct{border-color:var(--acid);background:rgba(185,255,102,.12)}.answer.wrong{border-color:var(--danger);background:rgba(255,123,141,.1)}.feedback{min-height:46px;color:#bec4cf;line-height:1.5;font-size:14px}.question-card .button{align-self:flex-start;margin-top:auto}.question-card .button:disabled{opacity:.35;cursor:not-allowed}footer{padding:50px 4vw;display:grid;grid-template-columns:1fr 2fr 1fr;gap:30px;align-items:center;border-top:1px solid var(--line);color:var(--muted);font-size:13px}footer>div{display:flex;gap:12px;align-items:center;color:var(--text)}footer a{text-align:right;color:var(--acid)}
@media(max-width:900px){.nav-links{display:none}.hero{grid-template-columns:1fr;min-height:auto;padding-top:90px}.hero-stage{height:460px;aspect-ratio:auto}.signal-track{grid-template-columns:1fr 1fr}.signal-track article:nth-child(2){border-right:0}.signal-track article:nth-child(2):after{display:none}.lab-grid,.mirror-workbench,.quiz-shell{grid-template-columns:1fr}.control-panel,.id-editor{border-left:0;border-right:0;border-top:1px solid var(--line)}.sim-panel{min-height:560px}.field-grid{grid-template-columns:1fr}.field-grid article{border-right:0;border-bottom:1px solid var(--line)}footer{grid-template-columns:1fr}footer a{text-align:left}}@media(max-width:560px){.chapter{padding:100px 20px}nav{padding:0 20px}.hero{padding:74px 20px 80px}.hero h1{font-size:clamp(3rem,15vw,4.7rem)}.hero-actions{flex-direction:column}.hero-stage{height:390px}.signal-track{grid-template-columns:1fr}.signal-track article{border-right:0;border-bottom:1px solid var(--line)}.signal-track article:after{display:none}.lab-top{align-items:flex-start;gap:20px;flex-direction:column}.lab-grid{margin-left:-20px;margin-right:-20px}.sim-panel{min-height:500px}.live-values span{padding:11px 9px}.live-values strong{font-size:14px}.id-editor,.mirror-visual{padding:24px}.avatar-pair{gap:14px}.mini-avatar{width:100px}.chapter-heading{margin-bottom:38px}.question-card{padding:28px}.quiz{padding-left:20px;padding-right:20px}.quiz-shell{gap:44px}footer{padding:42px 20px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}