:root{color-scheme:dark;--bg:#050d17;--panel:#0a1523;--line:#1c3046;--faint:#7f95ab;--white:#e8f3ff;--accent:#2cdee3;--blue:#50baff;--orange:#e8ab6a}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--white);font-family:'DM Sans',system-ui,sans-serif;font-size:13px}button,input{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible{outline:2px solid var(--accent)}.mast{height:80px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 27px;background:#07121f}.brand{display:flex;gap:16px;align-items:center}.brandmark{font:bold 40px 'Barlow Condensed';color:#eff6ff;border-right:1px solid #243f55;padding-right:16px;letter-spacing:-6px}.brandmark span{color:var(--accent)}.eyebrow{font-size:9px;letter-spacing:2px;color:var(--accent);margin-bottom:3px}.brand strong{font:800 29px 'Barlow Condensed';letter-spacing:1px}.brand em{color:var(--accent);font-style:normal}.headerRight{display:flex;gap:18px;align-items:center;font-size:10px;letter-spacing:1px;color:#708aa1}.chip{background:#102939;border:1px solid #235568;padding:7px 11px;border-radius:3px;color:#65dddd}.chip i{display:inline-block;background:#18d3b9;width:6px;height:6px;border-radius:100%;margin-right:6px}.workspace{height:calc(100vh - 112px);min-height:660px;display:grid;grid-template-columns:306px minmax(400px,1fr) 282px}.panel{background:linear-gradient(145deg,#0b1728,#0a1422);overflow-y:auto;scrollbar-color:#1e3b52 transparent}.sidebar{border-right:1px solid var(--line);padding:23px 20px}.inspector{border-left:1px solid var(--line);padding:23px 20px}.asideHead{display:flex;justify-content:space-between;font-size:9px;font-weight:700;letter-spacing:1.6px;color:#6892ab;padding-bottom:21px;border-bottom:1px solid #1c2f43}.asideHead span:last-child{color:#4fc8d2}.sidebar h1{font:800 30px/1.05 'Barlow Condensed';letter-spacing:.3px;text-transform:uppercase;margin:27px 0 10px}.sidebar h1 span{color:var(--accent)}.lead{font-size:12px;color:#a6bdcf;line-height:1.7;margin:0 0 24px}.tabstrip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin-bottom:17px}.mode{height:36px;padding:0 2px;border:1px solid #28425a;color:#a6b8c9;background:#0b1b2d;font-family:'Barlow Condensed';font-size:12px;font-weight:700;letter-spacing:.6px}.mode.active{background:#086b7e;color:white;border-color:#25c8da}.controlSection{border-top:1px solid #1e3448;padding-top:17px;margin-top:19px}.sectionTitle{display:flex;justify-content:space-between;font:700 12px 'Barlow Condensed';letter-spacing:1.5px;color:#c3dfec;margin-bottom:18px}.sectionTitle small{font:700 10px 'DM Sans';color:var(--accent)}.rangeLabel{display:flex;justify-content:space-between;font-size:11px;margin:16px 0 8px;color:#a9c3d1}.rangeLabel output{color:var(--accent);font-weight:700}input[type=range]{width:100%;accent-color:#26d0d5;height:4px;margin:0}.btnrow{display:flex;gap:7px;margin-top:22px}.actionPrimary,.actionSecondary{height:38px;border:1px solid #24748b;font:700 12px 'Barlow Condensed';letter-spacing:1px;padding:0 14px}.actionPrimary{background:linear-gradient(100deg,#0c91a5,#075b70);color:#f1fcff;flex:1}.actionSecondary{background:#102437;color:#b3d8e6}.systems{display:grid;gap:7px}.system{display:flex;align-items:center;gap:8px;padding:8px;border:1px solid #1e3a4c;border-radius:3px;background:#0c1a2a;color:#b4c9da;font-size:11px}.system input{accent-color:#18d0d5}.system span{flex:1}.system small{color:#6a899d}.presetgrid{display:grid;grid-template-columns:1fr 1fr;gap:7px}.presetgrid button{background:#102539;border:1px solid #26445b;color:#a9d0da;padding:10px 4px;font:600 12px 'Barlow Condensed';letter-spacing:1px}.stage{position:relative;overflow:hidden;background:radial-gradient(ellipse at 50% 46%,#10304b 0,#071525 55%,#040a12 100%)}#viewport{position:absolute;inset:0}#viewport canvas{width:100%;height:100%;display:block}#viewport #fallback{position:absolute;inset:0}.viewportMsg{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;font:700 12px 'Barlow Condensed';letter-spacing:3px;color:#a1e4ec;background:#071a2bd9;padding:18px 23px;border:1px solid #266178;pointer-events:none}.stageHead,.stageFooter{pointer-events:none;position:absolute;left:25px;right:25px;display:flex;justify-content:space-between;align-items:center}.stageHead{top:20px}.cameraHud b{display:block;font:800 16px 'Barlow Condensed';letter-spacing:1.5px}.cameraHud span{display:block;font-size:9px;letter-spacing:1.6px;color:#64e0dc;margin-top:4px}.stagePills{display:flex;gap:6px}.stagePills span{font-size:9px;background:#0d2538c9;border:1px solid #27475c;color:#8bb9ce;padding:7px}.stageFooter{bottom:17px}.legend{display:flex;gap:14px;font-size:9px;color:#91b0c2;letter-spacing:1px}.dot{display:inline-block;width:6px;height:6px;margin-right:4px;border-radius:50%}.cyan{background:#42d3e5}.copper{background:#e9a665}.steel{background:#aec6d8}#hint{color:#6e92ab;font-size:9px;letter-spacing:.5px}.inspector .miniTitle{font:800 11px 'Barlow Condensed';letter-spacing:1.8px;color:#68d4dc;margin-top:23px;margin-bottom:10px}.inspector h2{font:800 23px 'Barlow Condensed';line-height:1.1;text-transform:uppercase;margin:0 0 9px}.inspector p{color:#aec0d0;line-height:1.65;font-size:12px}.spec{border-top:1px solid #1d3044;padding:11px 0;display:flex;justify-content:space-between;gap:10px}.spec span{font-size:9px;letter-spacing:1px;color:#7399b5}.spec strong{font-size:10px;color:#daedf4;text-align:right}.scienceText{line-height:1.7;color:#afc5d3;font-size:12px}.formula{margin:17px 0;padding:17px;background:#102638;border-left:2px solid var(--accent);font:700 24px 'Barlow Condensed';letter-spacing:1px}.formula small{display:block;color:#6b9aaa;font:700 9px 'DM Sans';margin-top:7px}.note{border:1px solid #705532;background:#211e1b;padding:12px;font-size:11px}.note strong{color:#f2bb70;font-size:10px;letter-spacing:1px}.note p{font-size:11px;margin-bottom:0}.switchline{display:flex;align-items:center;gap:8px;margin-bottom:12px;color:#a7cad7}.switchline input{accent-color:var(--accent)}.sourceNote{color:#5f7f96;font-size:9px;letter-spacing:.7px;line-height:2;margin-top:19px}.bottom{height:32px;padding:0 26px;border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;background:#08121d;color:#51758a;font-size:9px;letter-spacing:1px}@media(max-width:1200px){.workspace{grid-template-columns:260px minmax(300px,1fr) 244px}.sidebar,.inspector{padding:16px 12px}.stagePills span:nth-child(1){display:none}}@media(max-width:850px){.workspace{height:auto;min-height:0;display:flex;flex-direction:column}.stage{height:61vh;min-height:420px;order:0}.sidebar{order:1;overflow:visible;border:0;border-top:1px solid var(--line)}.inspector{order:2;overflow:visible;border:0;border-top:1px solid var(--line)}.headerRight .serial{display:none}.bottom{height:auto;padding:11px 14px;gap:12px;flex-wrap:wrap}.sidebar h1{font-size:23px}.controlSection{max-width:650px}.stageFooter{gap:5px;flex-wrap:wrap}.stageHead{left:12px;right:12px}.cameraHud b{font-size:13px}}

.scienceLabel{position:absolute;pointer-events:none;white-space:nowrap;transform:translate(-50%,-50%);padding:6px 9px;color:#bff7fa;font:700 10px "Barlow Condensed",sans-serif;letter-spacing:1.1px;background:#082b39e0;border:1px solid #3189a2;border-radius:2px;box-shadow:0 2px 17px #031322a8;z-index:4}.scienceLabel::before{content:"";display:inline-block;width:5px;height:5px;background:#27e1e5;border-radius:50%;margin-right:6px}