:root{color:#edf4ff;background:#02030a;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden}button,input,select{font:inherit}.shell{display:grid;grid-template-columns:minmax(0,1fr) 360px;width:100%;height:100%;background:radial-gradient(circle at 20% 20%,rgba(63,95,161,.24),transparent 26rem),#02030a}.viewport{position:relative;min-width:0;min-height:0}.scene,.scene canvas{display:block;width:100%;height:100%}.labels{position:absolute;inset:0;pointer-events:none}.labels.hidden{display:none}.planet-label{position:absolute;padding:.18rem .42rem;border:1px solid rgba(187,207,255,.28);border-radius:999px;background:#050914bd;color:#e8efff;font-size:.76rem;line-height:1.2;white-space:nowrap;transform-origin:left center;cursor:pointer;pointer-events:auto;-webkit-user-select:none;user-select:none}.planet-label.selected{border-color:#ffd265eb;color:#ffe4a3}.moon-label{padding:.12rem .32rem;border-color:#becee72e;background:#0408128f;color:#e4ecf9c7;font-size:.68rem}.moon-label.selected{border-color:#ffd26561;color:#ffe8b2db}.lagrange-label{border-color:#7ee2ff52;background:#050e19a3;color:#c8f4ffe0;font-size:.66rem}.lagrange-label.selected{border-color:#b7ff8acc;color:#dfffbd}.manmade-label{border-color:#ff78846b;background:#1c060bad;color:#ffd2d7eb}.manmade-label.selected{border-color:#ffd265e0;color:#ffe4a3}.spacecraft-label{border-color:#7ee8ff6b;background:#05161fad;color:#d3f9fff0}.spacecraft-label.selected{border-color:#ffd265e0;color:#ffe4a3}.aurora-status-label{border-color:#78eeff6b;background:#061620d1;color:#bdf8ff;font-size:.62rem;text-transform:uppercase}.mission-site-label{border-color:#ffd36a80;background:#1f1708c7;color:#ffe4a7}.hidden-label{display:none}.controls{display:flex;flex-direction:column;gap:1.1rem;min-width:0;padding:1.25rem;border-left:1px solid rgba(183,202,238,.18);background:#070c19eb;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);overflow-y:auto}.controls header{display:grid;gap:.35rem}.eyebrow{margin:0;color:#83d8ff;font-size:.74rem;font-weight:700;letter-spacing:0;text-transform:uppercase}h1,h2,p{margin:0}h1{font-size:1.45rem;line-height:1.15}h2{font-size:1.05rem}.control-row{display:grid;grid-template-columns:1fr 1fr;gap:.6rem}button{min-height:2.45rem;border:1px solid rgba(189,207,244,.26);border-radius:8px;background:#ffffff0f;color:#f4f7ff;cursor:pointer}button:hover{border-color:#ffffff75;background:#ffffff1c}button.primary{border-color:#ffcf5c94;background:#f1b746;color:#120d04;font-weight:800}.controls>label{display:grid;gap:.45rem;color:#c8d5ef;font-size:.86rem}.controls>label span{display:flex;justify-content:space-between;gap:1rem}input[type=range]{width:100%;accent-color:#f1b746}.date-row{display:grid;grid-template-columns:minmax(0,1fr) 5.5rem;gap:.55rem}input[type=date],input[type=datetime-local],select{min-width:0;min-height:2.45rem;padding:0 .65rem;border:1px solid rgba(189,207,244,.26);border-radius:8px;background:#ffffff0f;color:#f4f7ff;color-scheme:dark}select option{background:#111626;color:#f4f7ff}select option:checked{background:#2f5f9f;color:#fff}.toggle-grid{display:grid;grid-template-columns:1fr 1fr;gap:.55rem}.toggle-grid label{display:flex;align-items:center;gap:.45rem;min-height:2.25rem;padding:.45rem .55rem;border:1px solid rgba(189,207,244,.18);border-radius:8px;background:#ffffff0b;color:#d8e3f8;font-size:.83rem}input[type=checkbox]{width:1rem;height:1rem;accent-color:#f1b746}.readout{display:grid;gap:.75rem;padding-top:1rem;border-top:1px solid rgba(189,207,244,.18)}.gravity-panel{display:grid;gap:.85rem;padding:1rem;border:1px solid rgba(126,200,255,.28);border-radius:12px;background:#0a142699}.gravity-panel>header{display:grid;gap:.2rem}.gravity-panel>label{display:grid;gap:.45rem;color:#c8d5ef;font-size:.86rem}.gravity-panel>label span{display:flex;justify-content:space-between;gap:1rem}.gravity-effects{margin:0;padding:.7rem .75rem;border-radius:8px;background:#050b18b8;border:1px solid rgba(189,207,244,.16);color:#b7c6e4;font-size:.8rem;line-height:1.5}.solar-panel{border-color:#ffb85c52;background:#1e120880}.time-panel{border-color:#7ee8ff4d;background:#08141c80}.scale-indicator{position:absolute;top:.75rem;left:50%;transform:translate(-50%);padding:.3rem .7rem;border-radius:999px;border:1px solid rgba(255,207,92,.45);background:#281e08d1;color:#ffe7a8;font-size:.72rem;font-weight:600;white-space:nowrap;pointer-events:none;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.scale-indicator.hidden{display:none}.gravity-legend{position:absolute;left:1rem;bottom:1rem;max-width:300px;padding:.7rem .85rem;border-radius:10px;border:1px solid rgba(126,200,255,.32);background:#050b18d1;color:#d8e3f8;font-size:.75rem;line-height:1.4;pointer-events:none;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.gravity-legend.hidden{display:none}.gravity-legend .legend-title{font-weight:700;color:#eaf2ff;margin-bottom:.5rem}.gravity-legend .legend-scale{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem;color:#9fb0cf;font-size:.68rem}.gravity-legend .legend-bar{flex:1;height:10px;border-radius:999px;background:linear-gradient(90deg,#0d1a4d,#1a8cd9,#73d9cc,#ffc759,#fffaeb)}.solar-legend{top:1rem;bottom:auto;border-color:#ff785a66}.gravity-legend .legend-bar-storm{background:linear-gradient(90deg,#e8968a,#e16c5c,#ce3a2c,#a51e16,#74100b,#480706)}.solar-legend .storm-scale{margin-bottom:1rem}.gravity-legend .storm-bar{position:relative;overflow:visible}.gravity-legend .storm-tick{position:absolute;top:-3px;height:calc(100% + 6px);width:2px;background:#ffffffd9;transform:translate(-50%)}.gravity-legend .storm-tick:after{content:attr(data-g);position:absolute;top:12px;left:50%;transform:translate(-50%);font-size:.58rem;color:#d8e3f8}.gravity-legend ul{margin:0;padding-left:1rem;display:grid;gap:.25rem}dl{display:grid;gap:.55rem;margin:0}dl div{display:grid;grid-template-columns:5rem 1fr;gap:.8rem;align-items:start}dt{color:#91a2c5;font-size:.78rem}dd{margin:0;color:#edf4ff;font-size:.82rem;line-height:1.35}.source-note{margin-top:auto;color:#93a4c6;font-size:.76rem;line-height:1.45}@media(max-width:860px){body,#app{overflow:auto}.shell{grid-template-columns:1fr;grid-template-rows:minmax(520px,64vh) auto;min-height:100%}.controls{border-top:1px solid rgba(183,202,238,.18);border-left:0}}