:root{color-scheme:dark;--bg:#080d14;--panel:#0e1621;--line:#233041;--text:#edf3fa;--muted:#8b9cb0;--lime:#c7f08a;--cyan:#65d9eb;--orange:#ffb977}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:14px/1.5 system-ui,sans-serif}header{height:72px;padding:0 3%;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between}a{color:var(--cyan);text-decoration:none}.brand{font-size:12px;letter-spacing:1.5px;color:var(--text);font-weight:700}.mark{font-size:26px;color:var(--lime);vertical-align:middle;margin-right:10px}.muted,p,small{color:var(--muted)}header>div{display:flex;align-items:center;gap:22px;font-size:12px}.badge{border:1px solid var(--line);padding:5px 9px;font:10px monospace;letter-spacing:1px}main{max-width:1680px;padding:28px 3%;margin:auto}.heading{display:flex;justify-content:space-between;align-items:center;gap:20px}.eyebrow{font:10px monospace;letter-spacing:2px;color:var(--lime)}h1{font-size:34px;font-weight:550;letter-spacing:-1.3px;margin:7px 0}h2{font-size:23px}h3{font-size:15px}.heading p{margin:0 0 22px}.actions{display:flex;gap:8px;flex-wrap:wrap}button{background:#141f2e;border:1px solid #304155;padding:9px 13px;color:var(--text);font:12px system-ui;cursor:pointer;border-radius:5px}button:hover{border-color:var(--lime)}button.primary{background:var(--lime);border-color:var(--lime);color:#162219;font-weight:650}.ribbon{display:flex;gap:12px;align-items:center;font:10px monospace;letter-spacing:.4px;color:var(--lime);padding:12px 0 18px}.ribbon>span:nth-child(2){color:var(--muted)}#clock{margin-left:auto}.dot{width:6px;height:6px;background:var(--lime);border-radius:50%}.dashboard{display:grid;grid-template-columns:minmax(0,1fr) 350px;gap:16px}.panel{background:var(--panel);border:1px solid var(--line);border-radius:8px;overflow:hidden}.panelhead{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:15px 18px;border-bottom:1px solid var(--line);font:10px monospace;color:var(--muted);letter-spacing:.6px}.panelhead b{color:#d0dce8;font-weight:500;margin-left:7px}#lock{color:var(--lime)}canvas{display:block;width:100%}#scene{height:353px;background:radial-gradient(ellipse at 65% 35%,#152535,#0b1420 70%)}.scenefooter{display:flex;justify-content:space-between;gap:12px;padding:10px 18px;font:9px monospace;color:var(--muted)}i{display:inline-block;width:6px;height:6px;border-radius:50%;margin:0 5px}.cyan{background:var(--cyan)}.orange{background:var(--orange)}.hero{padding:18px;border-bottom:1px solid var(--line)}.hero>span{font:9px monospace;color:var(--muted);letter-spacing:1px}.hero strong{display:block;font-size:42px;font-weight:500;line-height:1.4;color:var(--lime);font-variant-numeric:tabular-nums}.hero small{font:10px monospace}.pairs{display:grid;grid-template-columns:1fr 1fr;padding:13px 18px;gap:10px 14px}.pairs div span{font-size:9px;color:var(--muted);display:block}.pairs strong{font:13px monospace;font-weight:400}.minihead{font:9px monospace;letter-spacing:1px;color:var(--cyan);padding:8px 18px 0}#graph{height:174px}.legend{display:flex;gap:20px;padding:0 18px 12px;font:9px monospace;color:var(--muted)}.heatrow{display:flex;gap:14px;padding:18px}.heatrow canvas{width:146px;height:146px}.heatrow strong{font:22px monospace;color:var(--orange)}.heatrow p{font-size:10px}.heatrow small{font:9px monospace}.scale{height:5px;background:linear-gradient(90deg,#182a40,#ec9f59,#ff603f)}.controls{margin-top:16px}#sliders{display:grid;grid-template-columns:repeat(6,1fr);gap:22px;padding:18px}label{font-size:11px;color:var(--muted)}label output{float:right;color:var(--text);font:11px monospace}input[type=range]{width:100%;accent-color:var(--lime);margin:13px 0 0}.toggles{padding:12px 18px;border-top:1px solid var(--line);display:flex;gap:24px;align-items:center}.toggles span{font-size:10px;color:var(--muted)}input[type=checkbox]{accent-color:var(--lime)}.tabs{display:flex;gap:10px;margin:25px 0 12px;flex-wrap:wrap}.tabs .active{border-color:var(--lime);color:var(--lime)}.tabs #export{margin-left:auto}.tab{padding:24px}.columns{display:grid;grid-template-columns:1fr 1fr;gap:35px}.tab p,.tab li{font-size:12px;line-height:1.8}.tab li{margin-bottom:15px}.equations{display:grid;gap:5px}.equations code{color:var(--cyan);font-size:12px;margin-top:13px}.equations span{font-size:11px;color:var(--muted)}pre{font:10px/1.8 monospace;white-space:pre-wrap;max-height:400px;overflow:auto;color:#a3b9cc;background:#09111b;padding:16px}#tests{font:11px/2 monospace;color:var(--lime);margin-top:20px}#guide{background:#19291e;border:1px solid #46653d;padding:12px 18px;margin-bottom:14px;color:var(--lime);font-size:13px}footer{display:flex;justify-content:space-between;padding:24px 0;color:var(--muted);font:10px monospace} [hidden]{display:none!important}@media(min-width:1450px){#scene{height:400px}}@media(max-width:1000px){.dashboard{grid-template-columns:minmax(0,1fr) 300px}#sliders{grid-template-columns:repeat(3,1fr)}.heading{display:block}.heading .actions{margin-bottom:15px}.scenefooter{flex-direction:column}.heatrow{padding:12px;gap:10px}.heatrow canvas{width:120px;height:120px}.toggles{flex-wrap:wrap}}@media(max-width:700px){header .muted,header .badge{display:none}.dashboard,.columns{grid-template-columns:1fr}h1{font-size:28px}.ribbon{flex-wrap:wrap}.ribbon>span:nth-child(2){max-width:80%}.legend{gap:12px;flex-wrap:wrap}#sliders{grid-template-columns:repeat(2,1fr)}footer{display:block}#scene{height:300px}}
