html{scroll-behavior:smooth}:root{color:#e8f3f6;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;--bg:#03070c;--surface:#091119d1;--surface-strong:#0e1a24eb;--surface-soft:#ffffff0b;--border:#b9deec24;--border-strong:#c5f6ee47;--text:#e8f3f6;--muted:#8aa1aa;--muted-strong:#b5c9cf;--cyan:#7df8ef;--cyan-strong:#22d9cd;--green:#72efc8;--amber:#f4c75b;--mars:#ff765f;--earth:#61b6ff;--shadow:0 24px 80px #00000070;background:#03070c;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{background:var(--bg);min-width:320px}body{background:radial-gradient(circle at 14% 18%,#22d9cd1a,#0000 28%),radial-gradient(circle at 74% 10%,#ff765f1a,#0000 26%),linear-gradient(135deg,#03070c 0%,#07111a 48%,#090c13 100%);min-width:320px;min-height:100vh;margin:0}button,input{font:inherit}button{color:inherit}#root{min-height:100vh}.appShell{min-height:100vh;color:var(--text);grid-template-rows:auto 1fr;display:grid;overflow:hidden}.topbar{border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#04090ed1;justify-content:space-between;align-items:center;gap:18px;min-height:76px;padding:16px 22px;display:flex}.brandBlock{align-items:center;gap:13px;min-width:0;display:flex}.brandMark{color:#061117;background:linear-gradient(135deg, var(--cyan), #f9e98f 52%, var(--mars));border-radius:7px;flex:none;place-items:center;width:42px;height:42px;display:grid;box-shadow:0 0 32px #7df8ef2e}.brandBlock h1{color:#f4fbfb;letter-spacing:0;margin:0;font-size:21px;font-weight:720;line-height:1.04}.brandBlock p{color:var(--muted);text-transform:uppercase;margin:5px 0 0;font-size:12px;font-weight:700}.toolbarCluster{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:9px;display:flex}.iconButton{color:#061117;background:var(--cyan);cursor:pointer;border:1px solid #ffffff29;border-radius:7px;justify-content:center;align-items:center;gap:9px;min-height:39px;padding:0 13px;font-size:13px;font-weight:760;transition:transform .16s,background .16s,border-color .16s;display:inline-flex;box-shadow:0 11px 34px #28ebda29}.iconButton:hover{background:#a2fff4;transform:translateY(-1px)}.iconButton:focus-visible,.windowChip:focus-visible{outline:2px solid var(--cyan);outline-offset:3px}.ghostButton{width:39px;color:var(--text);box-shadow:none;background:#ffffff0f;padding:0}.ghostButton:hover{background:#ffffff1a}.workspace{grid-template-columns:minmax(0,1fr) minmax(390px,31.5vw);min-height:0;display:grid}.visualPane{border-right:1px solid var(--border);grid-template-rows:minmax(0,1fr) auto;min-width:0;min-height:calc(100vh - 76px);display:grid;position:relative}.viewer{background:linear-gradient(#ffffff06 1px,#0000 1px) 0 0/42px 42px,linear-gradient(90deg,#ffffff06 1px,#0000 1px) 0 0/42px 42px,radial-gradient(circle at 50% 52%,#317b872b,#0000 34%),#040910;min-height:0;position:relative;overflow:hidden}.webglMount{cursor:grab;position:absolute;inset:0}.webglMount:active{cursor:grabbing}.webglMount canvas{width:100%;height:100%;display:block}.viewer:after{content:"";pointer-events:none;background:linear-gradient(90deg,#03070c47,#0000 19% 78%,#03070c57),linear-gradient(#03070c42,#0000 25% 76%,#03070c4d);position:absolute;inset:0}.viewerHud{z-index:2;border:1px solid var(--border);color:var(--muted-strong);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:var(--shadow);background:#040a0fa3;border-radius:7px;align-items:center;gap:10px;padding:9px 11px;font-size:12px;font-weight:700;display:flex;position:absolute}.viewerHud strong{color:#f3fffb;font-size:12px}.viewerHudTop{top:18px;left:18px}.viewerHudBottom{bottom:18px;right:18px}.missionStrip{background:var(--border);grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;padding:1px;display:grid}.metric{background:#070e15eb;flex-direction:column;justify-content:center;gap:8px;min-width:0;min-height:78px;padding:15px 17px;display:flex}.metric span{min-width:0;color:var(--muted);text-transform:uppercase;align-items:center;gap:7px;font-size:11px;font-weight:780;line-height:1.1;display:inline-flex}.metric strong{color:#f4fbfb;white-space:nowrap;text-overflow:ellipsis;font-size:17px;font-weight:740;line-height:1.08;overflow:hidden}.metricEmphasis{background:linear-gradient(135deg,#7df8ef21,#f4c75b12),#070e15f2}.metricEmphasis strong{color:var(--cyan)}.analysisPane{background:linear-gradient(180deg, #0d1923f0, #050a10f5), var(--surface);min-width:0;min-height:calc(100vh - 76px);padding:18px;overflow-y:auto}.panelHeader{justify-content:space-between;align-items:flex-start;gap:14px;margin-bottom:15px;display:flex}.panelHeader h2{color:#f4fbfb;letter-spacing:0;margin:0;font-size:21px;line-height:1.12}.panelHeader p{color:var(--muted);margin:6px 0 0;font-size:13px;line-height:1.35}.statusPill{color:var(--cyan);white-space:nowrap;background:#7df8ef14;border:1px solid #7df8ef2e;border-radius:999px;align-items:center;gap:6px;padding:7px 9px;font-size:11px;font-weight:780;display:inline-flex}.plotWrap{border:1px solid var(--border);box-shadow:var(--shadow);background:linear-gradient(#ffffff0e,#ffffff06),#050c12b8;border-radius:8px;padding:13px}.plotAxes,.plotFooter{color:var(--muted);text-transform:uppercase;justify-content:space-between;align-items:center;gap:10px;font-size:11px;font-weight:780;display:flex}.plotAxesTop{padding:0 2px 9px 38px}.plotBody{grid-template-columns:28px minmax(0,1fr);gap:10px;min-height:292px;display:grid}.plotYLabels{writing-mode:vertical-rl;color:var(--muted);text-transform:uppercase;justify-content:space-between;align-items:center;font-size:10px;font-weight:800;display:flex;transform:rotate(180deg)}.porkchopCanvas{cursor:crosshair;touch-action:none;background:#061018;border:1px solid #d8faf429;border-radius:7px;width:100%;height:292px;display:block}.plotFooter{text-transform:none;padding:10px 2px 0 38px}.heatLegend{align-items:center;gap:8px;display:inline-flex}.heatLegend i{background:linear-gradient(90deg,#84f6d2,#18d8a4,#1b9dd2,#f0ca51,#f1762f,#d6327c,#7b3cc6);border:1px solid #ffffff29;border-radius:99px;width:104px;height:8px}.sliderGrid{gap:13px;margin-top:16px;display:grid}.sliderGrid label{border:1px solid var(--border);background:#ffffff09;border-radius:8px;grid-template-columns:1fr auto;gap:8px 12px;padding:12px 13px;display:grid}.sliderGrid span{color:var(--muted);text-transform:uppercase;font-size:11px;font-weight:800}.sliderGrid strong{color:#f4fbfb;font-size:12px;font-weight:780}.sliderGrid input{width:100%;accent-color:var(--cyan);grid-column:1/-1}.detailGrid{background:var(--border);border-radius:8px;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;margin-top:16px;padding:1px;display:grid;overflow:hidden}.detailGrid .metric{background:#050c12c7;min-height:82px;padding:14px}.detailGrid .metric strong{font-size:16px}.windowList{margin-top:18px}.sectionLabel{color:var(--muted);text-transform:uppercase;justify-content:space-between;align-items:center;gap:10px;margin-bottom:9px;font-size:11px;font-weight:820;display:flex}.windowChip{text-align:left;border:1px solid var(--border);cursor:pointer;background:#ffffff09;border-radius:8px;justify-content:space-between;align-items:center;gap:12px;width:100%;min-height:58px;margin-top:8px;padding:11px 12px;transition:transform .15s,border-color .15s,background .15s;display:flex}.windowChip:hover{border-color:var(--border-strong);background:#ffffff0e;transform:translate(2px)}.windowChip.active{background:linear-gradient(135deg,#7df8ef1f,#ff765f0f);border-color:#7df8ef7a}.windowChip span{gap:5px;min-width:0;display:grid}.windowChip strong{color:#f4fbfb;white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:780;overflow:hidden}.windowChip em{color:var(--muted);font-size:11px;font-style:normal;font-weight:760}.windowChip b{color:var(--cyan);font-size:18px;font-weight:820}@media (width<=1160px){.workspace{grid-template-columns:1fr;overflow-y:auto}.appShell{overflow:visible}.visualPane,.analysisPane{min-height:auto}.visualPane{border-right:0;border-bottom:1px solid var(--border);height:72vh;min-height:560px}.analysisPane{overflow:visible}}@media (width<=740px){.topbar{flex-direction:column;align-items:flex-start;min-height:auto;padding:14px}.toolbarCluster{justify-content:space-between;width:100%}.iconButton:first-child{flex:1}.brandBlock h1{font-size:19px}.visualPane{grid-template-rows:430px auto;height:auto;min-height:610px}.missionStrip,.detailGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.viewerHud{max-width:calc(100% - 28px);font-size:11px}.viewerHudTop{top:14px;left:14px}.viewerHudBottom{bottom:14px;left:14px;right:auto}.analysisPane{padding:14px}.panelHeader{flex-direction:column}.plotBody{min-height:248px}.porkchopCanvas{height:248px}.plotFooter{flex-direction:column;align-items:flex-start}}