:root{--mono: ui-monospace, "SFMono-Regular", Consolas, "Roboto Mono", "Courier New", monospace;--fg: #e8e8ee;--fg-dim: #8a8f9c;--fg-dimmer: #5a5f6c;--line: rgba(232, 232, 238, .22);--line-strong: rgba(232, 232, 238, .4);--panel-bg: rgba(8, 8, 10, .82);--accent: #ff4433;--accent-dim: rgba(255, 68, 51, .5)}*{margin:0;padding:0;box-sizing:border-box}body{overflow:hidden;background:#000;color:var(--fg);font-family:var(--mono)}#container{width:100vw;height:100vh}button{font-family:var(--mono);background:none;border:none;color:inherit;cursor:pointer}#title-block{position:fixed;top:22px;left:24px;z-index:100;max-width:340px}#title-block h1{font-size:22px;font-weight:600;letter-spacing:4px;text-transform:uppercase;color:var(--fg)}#title-underline{width:60px;height:2px;background:var(--accent);margin:6px 0 10px}#title-sub{font-size:11px;letter-spacing:2px;text-transform:uppercase;color:var(--fg-dim);margin-bottom:4px}#title-meta{font-size:10px;letter-spacing:1px;text-transform:uppercase;color:var(--fg-dimmer);margin-bottom:12px}#about-toggle{font-size:10px;letter-spacing:1px;text-transform:uppercase;color:var(--fg-dim);border:1px solid var(--line);padding:6px 10px;border-radius:3px;transition:color .15s,border-color .15s}#about-toggle:hover{color:var(--fg);border-color:var(--line-strong)}#nav-tabs{position:fixed;top:22px;left:50%;transform:translate(-50%);z-index:100;display:flex;gap:4px;background:var(--panel-bg);border:1px solid var(--line);border-radius:4px;padding:4px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.nav-tab{font-size:11px;letter-spacing:1.5px;text-transform:uppercase;color:var(--fg-dim);padding:8px 16px;border-radius:3px;display:flex;align-items:center;gap:8px;transition:color .15s,background .15s}.nav-tab .dot{width:6px;height:6px;border-radius:50%;background:var(--fg-dimmer);transition:background .15s}.nav-tab:hover{color:var(--fg)}.nav-tab.active{color:var(--fg);background:#e8e8ee14}.nav-tab.active .dot{background:var(--accent)}#hud-stats{position:fixed;top:22px;right:24px;z-index:100;font-size:11px;text-align:right;min-width:220px}.hud-row{display:flex;justify-content:flex-end;gap:14px;padding:2px 0;letter-spacing:1px}.hud-label{color:var(--fg-dimmer);text-transform:uppercase}.hud-value{color:var(--fg);font-weight:600}#hud-selection.active{color:var(--accent)}#about-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:300;display:none;background:#0009;align-items:center;justify-content:center}#about-modal.visible{display:flex}#about-modal-inner{width:420px;max-width:90vw;background:var(--panel-bg);border:1px solid var(--line-strong);border-radius:4px;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:0 12px 48px #000000b3}#about-modal-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid var(--line)}#about-modal-header h3{font-size:13px;letter-spacing:2px;text-transform:uppercase;font-weight:600}#about-close{font-size:20px;color:var(--fg-dim);line-height:1}#about-close:hover{color:var(--fg)}#about-modal-content{padding:18px 20px 20px;font-size:12px;line-height:1.7;color:var(--fg-dim)}#about-modal-content p{margin-bottom:12px}#about-modal-content p:last-child{margin-bottom:0}.about-controls{color:var(--fg)}.about-controls strong{letter-spacing:1px;text-transform:uppercase;font-size:10px;color:var(--fg-dimmer)}#info-panel{position:fixed;top:100px;right:24px;width:260px;background:var(--panel-bg);border:1px solid var(--line);border-radius:4px;color:var(--fg);padding:0;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transform:translate(320px);transition:transform .35s cubic-bezier(.4,0,.2,1);z-index:100;box-shadow:0 8px 32px #0009}#info-panel.visible{transform:translate(0)}#panel-header{display:flex;justify-content:space-between;align-items:center;padding:14px 18px 10px;border-bottom:1px solid var(--line)}#star-name{font-size:13px;font-weight:600;letter-spacing:1.5px;text-transform:uppercase;color:var(--fg)}#panel-close{color:var(--fg-dimmer);font-size:20px;line-height:1;transition:color .2s}#panel-close:hover{color:var(--fg)}#panel-content{padding:14px 18px 18px;font-size:11.5px;line-height:1.8}#panel-content .row{display:flex;justify-content:space-between;padding:2px 0}#panel-content .label{color:var(--fg-dimmer);text-transform:uppercase;letter-spacing:.5px;font-size:10.5px}#panel-content .value{color:var(--fg);font-weight:500}#panel-content .spectral-badge{display:inline-block;padding:1px 10px;border-radius:2px;font-weight:600;font-size:11px;color:#000}#distance-panel{position:fixed;bottom:76px;left:50%;transform:translate(-50%) translateY(100px);background:var(--panel-bg);border:1px solid var(--accent-dim);border-radius:4px;color:var(--fg);padding:10px 22px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transition:transform .4s cubic-bezier(.4,0,.2,1);z-index:100;text-align:center;font-size:12px;letter-spacing:.5px;box-shadow:0 4px 24px #00000080;white-space:nowrap}#distance-panel.visible{transform:translate(-50%) translateY(0)}#distance-content strong{color:var(--accent)}#selection-hint{position:fixed;bottom:22px;right:24px;color:var(--fg-dimmer);font-size:10px;letter-spacing:1.5px;text-transform:uppercase;z-index:50;pointer-events:none}#bottom-bar{position:fixed;bottom:22px;left:24px;z-index:100;display:flex;gap:6px}#bottom-bar button{font-size:10.5px;letter-spacing:1.5px;text-transform:uppercase;color:var(--fg-dim);border:1px solid var(--line);padding:10px 14px;border-radius:3px;background:var(--panel-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:color .15s,border-color .15s,background .15s}#bottom-bar button:hover{color:var(--fg);border-color:var(--line-strong)}#bottom-bar button.active{color:var(--accent);border-color:var(--accent-dim)}#star-list-panel{position:fixed;top:0;left:0;bottom:0;width:280px;background:#060608f2;border-right:1px solid var(--line);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);z-index:150;transform:translate(-320px);transition:transform .35s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column}#star-list-panel.visible{transform:translate(0)}#star-list-header{display:flex;justify-content:space-between;align-items:center;padding:20px 20px 12px;border-bottom:1px solid var(--line)}#star-list-header h3{font-size:13px;letter-spacing:2px;text-transform:uppercase;font-weight:600}#star-list-close{color:var(--fg-dimmer);font-size:20px;line-height:1;transition:color .2s}#star-list-close:hover{color:var(--fg)}#star-search{margin:12px 20px;padding:9px 12px;border-radius:3px;background:#e8e8ee0d;border:1px solid var(--line);color:var(--fg);font-size:12px;font-family:var(--mono);outline:none;transition:border-color .2s}#star-search::placeholder{color:var(--fg-dimmer)}#star-search:focus{border-color:var(--line-strong)}#star-list{flex:1;overflow-y:auto;padding:0 20px 20px}#star-list::-webkit-scrollbar{width:6px}#star-list::-webkit-scrollbar-track{background:transparent}#star-list::-webkit-scrollbar-thumb{background:var(--line);border-radius:3px}.star-list-item{padding:7px 10px;margin:1px 0;border-radius:3px;color:var(--fg-dim);font-size:12px;cursor:pointer;transition:background .15s,color .15s}.star-list-item:hover{background:#e8e8ee14;color:var(--fg)}.star-list-item .star-mag{float:right;color:var(--fg-dimmer);font-size:11px}