@import"https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600;700;800&display=swap";:root{color-scheme:dark;font-family:Manrope,system-ui,sans-serif;color:#e9edf2;background:#101820;--bg: #101820;--panel: #17242e;--line: #30414d;--muted: #8e9da7;--cream: #f3ead8;--yellow: #ffc857;--teal: #65d6c5;--coral: #ff8f70;--focus: #f3ead8}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 70% 8%,#1d3440 0,var(--bg) 34rem);min-width:320px}button,select{font:inherit}button,a,select{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,select:focus-visible{outline:2px solid var(--focus);outline-offset:3px}.topbar,main,footer{width:min(1240px,calc(100% - 72px));margin-inline:auto}.topbar{display:flex;align-items:center;gap:14px;padding:32px 0 76px}.brand-mark{display:grid;place-items:center;width:42px;height:42px;border:1px solid var(--yellow);color:var(--yellow);font:22px Georgia,serif}.eyebrow{margin:0;color:var(--muted);font:500 11px DM Mono,monospace;letter-spacing:.12em;text-transform:uppercase}.eyebrow.accent{color:var(--yellow)}h1,h2,p{margin-top:0}h1{margin-bottom:0;font-size:16px;letter-spacing:-.03em}h2{margin-bottom:14px;color:var(--cream);font-size:clamp(27px,4vw,48px);line-height:1.05;letter-spacing:-.06em}.top-note{margin:0 0 0 auto;color:var(--muted);font:12px DM Mono,monospace}.top-note span{color:var(--yellow);margin-inline:8px}.intro{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(260px,.8fr);gap:64px;align-items:end;margin-bottom:34px}.intro h2{max-width:590px;margin-top:14px}.intro-copy{max-width:390px;margin-bottom:3px;color:var(--muted);font-size:14px;line-height:1.75}.workspace{display:grid;grid-template-columns:minmax(0,1fr) 322px;min-height:600px;border:1px solid var(--line);background:#131f28}.stage-wrap{min-width:0;border-right:1px solid var(--line)}.stage-head{display:flex;align-items:center;gap:9px;min-height:50px;padding:0 20px;border-bottom:1px solid var(--line);color:var(--muted);font:11px DM Mono,monospace;text-transform:uppercase;letter-spacing:.04em}.stage-hint{margin-left:auto;color:#60727d;text-transform:none;letter-spacing:0}.live-dot{width:6px;height:6px;border-radius:50%;background:var(--teal);box-shadow:0 0 12px var(--teal)}.stage{position:relative;height:510px;overflow:hidden;background:radial-gradient(circle at center,#203944 0,#14232d 40%,#111c24 78%)}.stage:before,.stage:after{position:absolute;content:"";pointer-events:none}.stage:before{inset:14%;border:1px solid rgba(101,214,197,.08);border-radius:50%;transform:scaleX(1.7)}.stage:after{inset:0;background:linear-gradient(transparent 49.9%,rgba(101,214,197,.06) 50%,transparent 50.2%),linear-gradient(90deg,transparent 49.9%,rgba(101,214,197,.06) 50%,transparent 50.2%)}canvas{display:block;width:100%;height:100%;position:relative;z-index:1}.nucleus{position:absolute;z-index:2;top:50%;left:50%;width:10px;height:10px;margin:-5px;border-radius:50%;background:var(--cream);box-shadow:0 0 24px 7px #f3ead84d;pointer-events:none}.legend{display:flex;gap:20px;align-items:center;min-height:40px;padding:0 20px;border-top:1px solid var(--line);color:var(--muted);font:11px DM Mono,monospace}.legend i{display:inline-block;width:7px;height:7px;margin-right:5px;border-radius:50%}.positive{background:var(--yellow)}.negative{background:#ff6f91}.legend-note{margin-left:auto;color:#627580}.control-panel{padding:25px 22px;background:var(--panel)}.panel-heading{display:flex;justify-content:space-between;margin-bottom:17px}.count{color:#60727d;font:11px DM Mono,monospace}.orbital-list{display:grid;gap:7px}.orbital-option{display:grid;grid-template-columns:42px 1fr 20px;align-items:center;min-height:62px;padding:0 13px;border:1px solid transparent;border-radius:2px;color:var(--muted);background:transparent;text-align:left;cursor:pointer;transition:background .2s ease,border-color .2s ease,color .2s ease}.orbital-option:hover{border-color:#526572;color:var(--cream)}.orbital-option.selected{border-color:var(--yellow);background:#23343c;color:var(--cream)}.orbital-symbol{color:var(--yellow);font:500 20px DM Mono,monospace}.orbital-type{font-size:12px}.option-arrow{color:var(--yellow);font-size:18px;text-align:right;opacity:0}.selected .option-arrow{opacity:1}.divider{height:1px;margin:24px 0;background:var(--line)}.control-group{display:grid;gap:9px;color:var(--muted);font-size:12px}.control-group select{width:100%;min-height:44px;padding:0 12px;border:1px solid var(--line);border-radius:2px;color:var(--cream);background:#14212a}.action-row{display:grid;gap:8px;margin-top:24px}.secondary-button,.toggle-button{min-height:44px;border:1px solid var(--line);border-radius:2px;color:var(--cream);background:transparent;cursor:pointer}.secondary-button:hover,.toggle-button:hover{border-color:var(--cream)}.toggle-button{display:flex;align-items:center;justify-content:center;gap:9px;color:var(--muted);font-size:12px}.toggle-knob{width:9px;height:9px;border:1px solid var(--muted);border-radius:50%}.toggle-button[aria-pressed=true]{color:var(--teal);border-color:var(--teal)}.toggle-button[aria-pressed=true] .toggle-knob{border-color:var(--teal);background:var(--teal);box-shadow:0 0 10px var(--teal)}.keyboard-note{margin:26px 0 0;color:#60727d;font:10px DM Mono,monospace;line-height:1.7}.keyboard-note span{margin:0 4px}.keyboard-note kbd{padding:2px 4px;border:1px solid #445661;color:var(--muted)}.lesson-grid{display:grid;grid-template-columns:minmax(0,1fr) 322px;gap:0;border:1px solid var(--line);border-top:0}.explanation{padding:36px 38px;border-right:1px solid var(--line)}.explanation h2{margin:13px 0 12px;font-size:32px}.explanation>p:not(.eyebrow){max-width:560px;color:var(--muted);font-size:14px;line-height:1.6}.explanation .observation{color:var(--cream)}.facts{display:grid;align-content:center;gap:23px;padding:30px 26px}.facts div{display:grid;gap:7px}.facts span{color:var(--muted);font:10px DM Mono,monospace;text-transform:uppercase}.facts strong{color:var(--cream);font-size:14px;font-weight:500}.concept-strip{display:grid;grid-template-columns:1fr 1.2fr auto;gap:40px;align-items:center;padding:48px 0;border-bottom:1px solid var(--line)}.concept-strip h2{margin:12px 0 0;font-size:30px}.concept-strip>p{max-width:430px;margin:0;color:var(--muted);font-size:13px;line-height:1.7}.concept-strip a,.reference-list a{color:var(--cream);text-decoration:none}.concept-strip a{font:12px DM Mono,monospace;white-space:nowrap}.concept-strip a span{color:var(--yellow);margin-left:8px}.references{padding:72px 0 80px}.references h2{margin-top:12px;font-size:32px}.reference-list{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;margin-top:30px;background:var(--line)}.reference-list a{display:grid;gap:10px;min-height:150px;padding:21px;background:var(--bg)}.reference-list a:hover{background:#172730}.reference-list span{color:var(--yellow);font:11px DM Mono,monospace}.reference-list strong{font-size:14px;font-weight:600}.reference-list small{color:var(--muted);font:11px DM Mono,monospace}.webgl-error{position:absolute;inset:0;z-index:4;display:grid;place-content:center;gap:10px;padding:30px;text-align:center;background:#17242e}.webgl-error span{color:var(--muted);font-size:13px}.webgl-error[hidden]{display:none}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}footer{display:flex;justify-content:space-between;padding:20px 0 30px;color:#60727d;font:10px DM Mono,monospace}@media(max-width:850px){.topbar,main,footer{width:min(100% - 36px,680px)}.topbar{padding-bottom:52px}.intro{grid-template-columns:1fr;gap:10px}.intro-copy{max-width:600px}.workspace,.lesson-grid{grid-template-columns:1fr}.stage-wrap{border-right:0}.control-panel{border-top:1px solid var(--line)}.lesson-grid .explanation{border-right:0;border-bottom:1px solid var(--line)}.concept-strip{grid-template-columns:1fr;gap:20px}.reference-list{grid-template-columns:1fr}}@media(max-width:500px){.topbar,main,footer{width:calc(100% - 28px)}.topbar{padding-top:20px;padding-bottom:42px}.top-note{display:none}.stage{height:390px}.stage-hint{display:none}.legend{gap:10px;padding-inline:12px;font-size:9px}.legend-note{display:none}.explanation{padding:28px 20px}.facts{grid-template-columns:repeat(3,1fr);gap:12px;padding:24px 20px}.facts strong{font-size:12px}.concept-strip{padding:38px 0}.references{padding:54px 0}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}@media(forced-colors:active){.orbital-option.selected,.toggle-button[aria-pressed=true]{border:2px solid Highlight}.live-dot,.swatch{forced-color-adjust:none}}@media(pointer:coarse){.orbital-option,.secondary-button,.toggle-button,.control-group select{min-height:48px}}