:root{color-scheme:dark;--bg:#050b16;--panel:#0c1524;--text:#e7f2f6;--muted:#7891a6;--line:#1e3242;--cyan:#6ddceb;--amber:#ffb35f}*{box-sizing:border-box}html,body{margin:0;background:var(--bg);font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--text)}body{min-width:310px}button,input{font-family:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible,a:focus-visible{outline:2px solid var(--cyan);outline-offset:4px}.app{max-width:1800px;margin:auto}.topbar{height:84px;padding:0 clamp(20px,3.3vw,56px);display:flex;align-items:center;gap:18px;border-bottom:1px solid var(--line);background:#08111e}.brandmark{height:36px;width:36px;position:relative;border:1px solid rgba(108,216,235,.7);border-radius:50%;transform:rotate(-20deg)}.brandmark span{position:absolute;left:5px;top:13px;width:24px;height:7px;border:1px solid var(--cyan);border-radius:50%}.brandmark span:nth-child(2){transform:rotate(50deg)}.brandmark span:nth-child(3){transform:rotate(-50deg)}.branding{flex:1}.eyebrow{color:#6492a7;font-size:10px;font-weight:700;letter-spacing:.19em}.title{font-weight:850;letter-spacing:.18em;font-size:25px;line-height:1.35}.title small{font-size:12px;font-weight:500;letter-spacing:.06em;color:#9db9c9;margin-left:15px}.topmeta{display:flex;gap:20px;align-items:center;color:#7b9cae;font-size:10px;letter-spacing:.11em;font-weight:650}.live{color:#a6d3bb;white-space:nowrap}.live i,.green-dot{width:7px;height:7px;display:inline-block;background:#6eeab1;border-radius:50%;box-shadow:0 0 12px #4dffaf;margin-right:7px}.serial b{color:#c4d6e2}.main{display:grid;grid-template-columns:minmax(0,1fr) 375px;border-bottom:1px solid var(--line)}.stage{height:600px;min-width:0;position:relative;overflow:hidden;background:radial-gradient(ellipse at 50% 46%,#102b45 0%,#081a2d 45%,#050c18 82%)}.viewport{position:absolute;inset:0}.viewport canvas{height:100%;width:100%;display:block;touch-action:none}.stage-noise{pointer-events:none;position:absolute;inset:0;background:repeating-linear-gradient(transparent 0px,rgba(150,211,255,.014) 1px,transparent 2px,transparent 5px)}.stage-top{pointer-events:none;position:absolute;top:24px;left:28px;right:28px;display:flex;justify-content:space-between;align-items:start;gap:10px}.micro-label{font-size:10px;letter-spacing:.14em;color:#a8c2d4}.slash{opacity:.4;margin:0 8px}.engine{border:1px solid #365768;background:#0a2235a6;padding:7px 10px;color:#9ac7d9;font-size:9px;letter-spacing:.1em;white-space:nowrap}.lat-legend{pointer-events:none;position:absolute;top:50%;left:24px;transform:translateY(-50%);display:grid;gap:12px;color:#a2b9c8;letter-spacing:.09em;font-size:9px;font-weight:650}.legend-dot{display:inline-block;width:7px;height:7px;margin-right:7px;border-radius:50%}.cyan{background:#5ee9ff;box-shadow:0 0 9px #5ee9ff}.gold{background:#ffae52;box-shadow:0 0 9px #ffae52}.cloud{background:#e4f6ff}.stage-bottom{pointer-events:none;position:absolute;bottom:24px;left:26px;right:26px;display:flex;justify-content:space-between;align-items:center;gap:12px}.drag-help{font-size:9px;letter-spacing:.12em;color:#8faac0}.drag-help span{padding:0 7px;color:#4c9db9}.viewbtns{display:flex;gap:7px;pointer-events:auto}.viewbtns button{width:36px;height:36px;display:grid;place-items:center;background:#12273d98;color:#c0e0eb;border:1px solid #34506a;border-radius:4px}.viewbtns svg{height:17px;width:17px;fill:none;stroke:currentColor;stroke-width:1.5}.planet-tag{pointer-events:none;position:absolute;right:25px;top:85px;color:#6f95b0;font-size:9px;letter-spacing:.09em;text-align:right}.planet-tag b{color:#9cbdcc}.controls{padding:26px 25px 20px;background:#0a1422;border-left:1px solid var(--line);height:600px;overflow:auto;scrollbar-width:thin;scrollbar-color:#25445c transparent}.panel-header{display:flex;justify-content:space-between;gap:8px;margin-bottom:26px}.panel-header h1{font-size:20px;font-weight:650;letter-spacing:-.025em;margin:7px 0}.panel-index{font-size:11px;color:#607c95}.section-heading{display:flex;align-items:center;gap:10px;color:var(--cyan);letter-spacing:.14em;font-size:11px;font-weight:750;margin-bottom:18px}.section-heading span{color:#bbd0db;font-size:10px}.range-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:10px}.range-head label{font-size:12px;color:#d4e2e9}.range-head output{font-size:12px;color:var(--cyan);font-variant-numeric:tabular-nums}.controls input[type=range]{width:100%;accent-color:#60c9db;height:4px;cursor:pointer;margin:7px 0 12px}.range-markers{display:flex;justify-content:space-between;color:#567589;font-size:9px;letter-spacing:.08em;margin:0 2px 14px}.quickdates{display:flex;gap:5px}.quickdates button{border:1px solid #284457;background:transparent;color:#7194aa;border-radius:2px;font-size:9px;letter-spacing:.02em;padding:10px 7px;flex:1}.quickdates button.selected{color:#dff4f8;background:#154256;border-color:#4b91ab}.divider{height:1px;background:#213341;margin:23px 0}.switches{display:grid;gap:13px}.switches label{display:flex;align-items:center;gap:11px;font-size:12px;color:#bed0dc;cursor:pointer}.switches input{position:absolute;opacity:0}.switch{width:28px;height:15px;background:#314152;border-radius:10px;position:relative;transition:.18s}.switch:before{content:"";position:absolute;left:2px;top:2px;width:11px;height:11px;border-radius:50%;background:#9eafbd;transition:.18s}.switches input:checked+.switch{background:#226b83}.switches input:checked+.switch:before{transform:translateX(13px);background:#98efff}.control-actions{display:flex;gap:8px;margin-top:20px}.control-actions button{font-weight:750;font-size:10px;letter-spacing:.09em;padding:12px 10px;border-radius:3px}.control-actions .primary{flex:1;background:#4aafc8;border:0;color:#03111c}.control-actions .secondary{border:1px solid #3e6075;background:transparent;color:#c3d4e0}.caveat{font-size:10px;line-height:1.5;color:#68889c;margin:14px 0}.dashboard{padding:27px clamp(20px,3.3vw,56px) 32px;background:#08111e}.dash-title{display:flex;justify-content:space-between;gap:10px}.dash-note{color:#55768e;font-size:9px;letter-spacing:.12em}.metrics{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));border:1px solid #223747;margin-top:7px}.metric{padding:18px 20px;border-right:1px solid #223747;min-width:0}.metric:last-child{border-right:none}.metric div{font-size:9px;letter-spacing:.10em;color:#7a9ab1;font-weight:650}.metric strong{display:block;font-size:clamp(21px,2.2vw,33px);font-weight:550;letter-spacing:-.03em;margin:10px 0 5px;color:#dbf3f9}.metric:nth-child(2) strong,.metric:nth-child(4) strong{color:#7edbe9}.metric small{font-size:10px;color:#668ba1}.graphs{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:16px}.graph-card{padding:19px 20px 11px;border:1px solid #23394b;background:#0a192a}.graph-title{display:flex;justify-content:space-between;gap:10px;font-size:11px;letter-spacing:.08em;color:#c4e0eb;font-weight:700}.graph-title small{font-size:9px;color:#5f8299}.graph-card canvas{display:block;width:100%;height:150px;margin-top:12px}.axis-labels{display:flex;justify-content:space-between;color:#54798e;font-size:9px}footer{min-height:62px;padding:17px clamp(20px,3.3vw,56px);display:flex;justify-content:space-between;gap:20px;align-items:center;color:#608097;font-size:9px;letter-spacing:.09em}footer b{color:#b8d5df}a{color:#8bdbe9;text-decoration:none}a:hover{text-decoration:underline}@media(max-width:1120px){.main{grid-template-columns:minmax(0,1fr) 315px}.controls{padding:21px 17px}.stage{height:590px}.metric{padding:15px 12px}.graph-title{flex-direction:column}}@media(max-width:800px){.main{grid-template-columns:1fr}.stage{height:min(67vh,590px);min-height:380px}.controls{height:auto;max-height:none;border-left:0;border-top:1px solid var(--line)}.panel-header{margin-bottom:16px}.topbar{height:71px}.topmeta{display:none}.lat-legend{top:auto;bottom:78px;transform:none}.dashboard{padding-top:22px}.metrics{grid-template-columns:repeat(3,minmax(0,1fr))}.metric:nth-child(3){border-right:0}.metric:nth-child(n+4){border-top:1px solid #223747}.graphs{grid-template-columns:1fr}footer{flex-wrap:wrap}.title{font-size:22px}.title small{display:block;margin-left:0}}@media(max-width:480px){.stage{height:410px}.stage-top{top:17px;left:15px;right:15px}.micro-label{font-size:8px}.lat-legend{left:12px;gap:8px;font-size:8px;bottom:72px}.stage-bottom{left:12px;right:12px;bottom:12px}.drag-help{font-size:8px;max-width:220px;line-height:1.5}.planet-tag{display:none}.metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.metric:nth-child(3){border-right:1px solid #223747}.metric:nth-child(2n){border-right:0}.metric:nth-child(n+3){border-top:1px solid #223747}.metric:last-child{grid-column:span 2}.dash-note{display:none}.graph-card{padding:15px 10px}.graph-title{font-size:10px}.branding .eyebrow{font-size:8px}}