:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:system-ui,-apple-system,sans-serif}body{background:#000;margin:0;overflow:hidden}#root{width:100%;height:100%}:root{--panel-bg:#0a0e19bf;--panel-bg-dark:#080c16eb;--panel-border:#648cc840;--text-primary:#c8d8f0;--text-muted:#8898bb;--hover-border:#64a0ff80;--hover-bg:#141e3cd9;--blur-sm:blur(8px);--blur-md:blur(12px);--transition:all .15s}*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{background:#000;overflow:hidden}.solar-system-root{width:100vw;height:100vh;position:relative}.hud{pointer-events:none;color:#e8e8e8;font-family:system-ui,-apple-system,sans-serif;font-size:13px;position:absolute;inset:0}.hud-top{pointer-events:none;background:linear-gradient(#000000b3 0%,#0000 100%);justify-content:space-between;align-items:center;padding:12px 16px;display:flex;position:absolute;top:0;left:0;right:0}.hud-title{letter-spacing:.08em;text-transform:uppercase;color:var(--text-primary);font-size:15px;font-weight:600}.view-toggle-btn{pointer-events:auto;color:#a0c8ffe6;letter-spacing:.04em;cursor:pointer;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#142850b3;border:1px solid #6496dc59;border-radius:6px;padding:5px 12px;font-family:system-ui,-apple-system,sans-serif;font-size:12px;transition:background .15s,border-color .15s,color .15s}.view-toggle-btn:hover{color:#fff;background:#28468ccc;border-color:#8cbeff99}.interstellar-legend{background:var(--panel-bg);border:1px solid var(--panel-border);-webkit-backdrop-filter:var(--blur-sm);backdrop-filter:var(--blur-sm);color:#6880a8;border-radius:8px;flex-direction:column;gap:4px;padding:10px 14px;font-family:system-ui,-apple-system,sans-serif;font-size:11px;display:flex;position:absolute;bottom:20px;right:20px}.legend-row{align-items:center;gap:8px;display:flex}.legend-bar{background:#3a5070;width:24px;height:1px;display:inline-block}.legend-muted{color:#3a4e70;font-size:10px}.hud-bottom{pointer-events:none;background:linear-gradient(#0000 0%,#000000b3 100%);justify-content:center;padding:12px 16px;display:flex;position:absolute;bottom:0;left:0;right:0}.time-controls{pointer-events:auto;background:var(--panel-bg);-webkit-backdrop-filter:var(--blur-sm);backdrop-filter:var(--blur-sm);border:1px solid #648cc833;border-radius:8px;align-items:center;gap:10px;padding:8px 14px;display:flex}.play-pause-btn{color:var(--text-primary);cursor:pointer;background:0 0;border:1px solid #8caadc66;border-radius:4px;justify-content:center;align-items:center;width:32px;height:32px;font-size:14px;transition:background .15s;display:flex}.play-pause-btn:hover{background:#6496ff26}.speed-presets{gap:4px;display:flex}.speed-btn{border:1px solid var(--panel-border);color:var(--text-muted);cursor:pointer;transition:var(--transition);white-space:nowrap;background:0 0;border-radius:4px;padding:4px 8px;font-size:11px}.speed-btn:hover{border-color:var(--hover-border);color:var(--text-primary)}.speed-btn.active{color:#d8e8ff;background:#3c64c859;border-color:#64a0ff99}.sim-date{color:#7898c8;font-variant-numeric:tabular-nums;text-align:center;min-width:100px;font-size:12px}.reset-btn{border:1px solid var(--panel-border);color:#6888b8;cursor:pointer;width:28px;height:28px;transition:var(--transition);background:0 0;border-radius:4px;justify-content:center;align-items:center;font-size:16px;display:flex}.reset-btn:hover{color:var(--text-primary);border-color:var(--hover-border)}.focus-menu{pointer-events:auto;position:relative}.focus-row{align-items:center;gap:6px;display:flex}.focus-btn{background:var(--panel-bg);border:1px solid var(--panel-border);color:var(--text-primary);cursor:pointer;-webkit-backdrop-filter:var(--blur-sm);backdrop-filter:var(--blur-sm);transition:var(--transition);white-space:nowrap;border-radius:6px;padding:6px 12px;font-size:13px}.focus-btn:hover{border-color:var(--hover-border);background:var(--hover-bg)}.follow-btn{background:var(--panel-bg);border:1px solid var(--panel-border);color:var(--text-muted);cursor:pointer;-webkit-backdrop-filter:var(--blur-sm);backdrop-filter:var(--blur-sm);transition:var(--transition);white-space:nowrap;border-radius:6px;padding:6px 10px;font-size:12px}.follow-btn:hover{border-color:var(--hover-border);color:var(--text-primary);background:var(--hover-bg)}.follow-btn.active{color:#a8d0ff;background:#2850b473;border-color:#78b4ffb3}.focus-dropdown{background:var(--panel-bg-dark);border:1px solid var(--panel-border);min-width:150px;max-height:320px;-webkit-backdrop-filter:var(--blur-md);backdrop-filter:var(--blur-md);z-index:10;border-radius:8px;padding:6px;position:absolute;top:calc(100% + 6px);right:0;overflow-y:auto}.focus-item{color:#b8c8e8;text-align:left;cursor:pointer;background:0 0;border:none;border-radius:4px;width:100%;padding:6px 10px;font-size:13px;transition:background .1s;display:block}.focus-item:hover{color:#e8f0ff;background:#3c64c833}.focus-moon{color:#8898b8;padding-left:18px;font-size:12px}.focus-section-label{letter-spacing:.08em;text-transform:uppercase;color:#6878a0;border-top:1px solid #ffffff0f;margin-top:4px;padding:6px 10px 2px;font-size:10px;font-weight:600}.focus-star{color:#c8d8f8;font-style:italic}.info-panel{border:1px solid var(--panel-border);min-width:200px;-webkit-backdrop-filter:var(--blur-md);backdrop-filter:var(--blur-md);pointer-events:auto;background:#080c16e0;border-radius:10px;padding:16px;position:absolute;top:60px;right:16px}.info-close{color:#6888b8;cursor:pointer;background:0 0;border:none;border-radius:3px;padding:2px 4px;font-size:14px;transition:color .15s;position:absolute;top:8px;right:10px}.info-close:hover{color:var(--text-primary)}.info-name{color:#d8e8ff;margin-bottom:2px;padding-right:20px;font-size:16px;font-weight:600}.info-type{color:#6888b8;text-transform:uppercase;letter-spacing:.06em;margin-bottom:12px;font-size:11px}.info-rows{flex-direction:column;gap:6px;display:flex}.info-row{justify-content:space-between;gap:12px;font-size:12px;display:flex}.info-row span:first-child{color:#7888a8}.info-row span:last-child{color:#b8cce8;text-align:right;font-variant-numeric:tabular-nums}.body-label{color:#c8dcffd9;white-space:nowrap;cursor:pointer;text-shadow:0 0 6px #000000e6,0 0 12px #000000b3;-webkit-user-select:none;user-select:none;letter-spacing:.04em;border-radius:3px;padding:2px 5px;font-family:system-ui,-apple-system,sans-serif;font-size:11px;transition:color .15s,background .15s}.body-label:hover{color:#fff;background:#3c64c840}.sun-label{color:#ffdc64e6;font-size:13px;font-weight:600}.moon-label{color:#a0b4dcb3;font-size:10px}