:root{color-scheme:dark;font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#eaf2f2;background:#0c141b;font-synthesis:none}*{box-sizing:border-box}body{margin:0}header{max-width:1180px;margin:auto;padding:25px 28px;display:flex;justify-content:space-between;gap:20px;font-size:12px;letter-spacing:.08em;color:#a1b3c0}a{color:#a9cbc9;text-decoration:none}a:hover{text-decoration:underline}main{max-width:1180px;margin:auto;padding:12px 28px 30px}.intro{display:grid;grid-template-columns:1fr 1fr;align-items:end;gap:12px 60px;margin-bottom:30px}.eyebrow{grid-column:1/-1;color:#91cbbd;font-size:11px;letter-spacing:.16em}h1{font-size:clamp(38px,5vw,64px);line-height:1.04;letter-spacing:-.045em;margin:0}p{color:#a9bcc8;line-height:1.65;font-size:15px;margin:0}h2{font-size:16px;font-weight:600;margin:0 0 12px}.experiment{border:1px solid #2b3c47;border-radius:16px;overflow:hidden;background:#101b24}.scene-head{padding:15px 20px;display:flex;justify-content:space-between;font-size:11px;letter-spacing:.1em;color:#a7bfc4}.scene-head output{font-size:16px;color:#eaf2f2;font-variant-numeric:tabular-nums;letter-spacing:0}.viewport{height:380px;position:relative}canvas{width:100%;height:100%;display:block;touch-action:none}#labels{position:absolute;inset:0;pointer-events:none;overflow:hidden}.scene-label{position:absolute;transform:translate(-50%,-50%);font-size:11px;color:#c6d5dc;white-space:nowrap;text-shadow:0 1px 5px #000}.scene-label.body{font-size:13px;font-weight:650;padding:4px 9px;border-radius:7px;background:#12202ddd}.camera-controls{display:flex;align-items:center;gap:8px;padding:10px 18px;border-top:1px solid #20313e}.camera-controls span{font-size:11px;color:#92a8b8;margin-right:auto}button,select{border:1px solid #3a505e;border-radius:7px;background:#1b2c39;color:#edf5f7;padding:10px 14px;font:inherit;font-size:13px;cursor:pointer}button:hover{background:#294151}button:focus-visible,select:focus-visible,canvas:focus-visible,a:focus-visible{outline:2px solid #a9e6ca;outline-offset:3px}button:disabled{opacity:.55;cursor:default}.camera-controls button{padding:7px 11px}#play{background:#b4e1c3;color:#12211c;border-color:#b4e1c3;min-width:88px}.transport{display:flex;align-items:center;gap:10px;padding:14px 18px 4px;flex-wrap:wrap}.transport label{font-size:12px;margin-left:auto;color:#aec0ca}#status{font-size:12px;padding:8px 18px 16px}.readouts{display:grid;grid-template-columns:1fr 1fr 1.25fr;gap:16px;margin:22px 0}.readouts article{border:1px solid #283945;border-radius:12px;padding:20px}.readouts article>p{font-size:12px;margin-bottom:16px}.readouts article>div{display:flex;justify-content:space-between;gap:10px;margin-top:10px;font-size:13px;color:#9eb2bf}output{color:#eff5f7;font-variant-numeric:tabular-nums}.readouts i{display:inline-block;width:9px;height:9px;background:#edb47b;border-radius:50%;margin-right:8px}.body-b i{background:#7dddd0}.concept p{font-size:14px!important}.notes{display:grid;grid-template-columns:1fr 1fr;gap:40px;margin:32px 0}.notes p{font-size:14px}footer{border-top:1px solid #263743;padding-top:20px;font-size:11px;color:#889eaf}#error{position:absolute;inset:20px;padding:20px;background:#172733;border-radius:10px;color:#fff}@media(max-width:700px){header,main{padding-left:16px;padding-right:16px}.intro{grid-template-columns:1fr;gap:16px}.eyebrow{grid-column:auto}.intro>p:last-child{max-width:480px}.viewport{height:320px}.readouts{grid-template-columns:1fr 1fr}.concept{grid-column:1/-1}.notes{grid-template-columns:1fr;gap:24px}.transport label{margin-left:0}.transport select{max-width:100%}.camera-controls{flex-wrap:wrap}.camera-controls span{width:100%;margin-bottom:5px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto}}