:root{color:#e8eeee;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;--panel:#0d161ad1;--panel-strong:#0b1216f0;--line:#bcd5d72e;--text-soft:#e1ebebb3;--accent:#76d2cf;--accent-strong:#efcf86;--shadow:0 14px 40px #0000005c;background:#090d10;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0;overflow:hidden}button,input,select{font:inherit}button{color:inherit}.app-shell{background:#090d10;width:100%;height:100dvh;position:relative;overflow:hidden}.sky-canvas-wrap,.sky-canvas{width:100%;height:100%;position:absolute;inset:0}.sky-canvas{touch-action:none;cursor:grab}.sky-canvas:active{cursor:grabbing}.topbar{pointer-events:none;align-items:center;gap:12px;display:flex;position:absolute;top:16px;left:16px;right:16px}.brand-lockup,.search-box,.map-controls,.layer-panel,.space-control-guide,.detail-panel,.status-strip,.map-readout{border:1px solid var(--line);background:var(--panel);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.brand-lockup{color:#f8fbfb;white-space:nowrap;pointer-events:auto;border-radius:8px;align-items:center;gap:8px;height:42px;padding:0 14px;font-weight:750;display:inline-flex}.brand-lockup svg{color:var(--accent-strong)}.search-box{pointer-events:auto;border-radius:8px;align-items:center;gap:8px;width:min(520px,100vw - 170px);min-width:230px;height:42px;padding:0 8px 0 12px;display:flex;position:relative}.search-box>svg{color:var(--text-soft);flex:none}.search-box input{color:#f5fafa;background:0 0;border:0;outline:0;width:100%;min-width:0}.search-box input::placeholder{color:#e1ebeb7a}.suggestions{border:1px solid var(--line);background:var(--panel-strong);box-shadow:var(--shadow);border-radius:8px;gap:2px;padding:6px;display:grid;position:absolute;top:calc(100% + 8px);left:0;right:0}.suggestions button{color:#f4f7f7;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:6px;gap:2px;width:100%;padding:9px 10px;display:grid}.suggestions button:hover,.suggestions button:focus-visible{background:#76d2cf29;outline:0}.suggestions small{color:var(--text-soft);text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.icon-button{border:1px solid var(--line);color:#eff7f7;cursor:pointer;background:#0e181ce0;border-radius:8px;place-items:center;width:38px;height:38px;display:inline-grid}.icon-button:hover,.icon-button:focus-visible,.icon-button.active{background:#214144e6;border-color:#76d2cf8a;outline:0}.icon-button:disabled{cursor:not-allowed;opacity:.42}.icon-button.ghost{width:30px;height:30px;box-shadow:none;background:0 0;border-color:#0000}.map-controls{border-radius:8px;gap:8px;padding:8px;display:grid;position:absolute;top:76px;right:16px}.layer-panel{border-radius:8px;gap:12px;width:268px;padding:14px;display:grid;position:absolute;top:76px;right:76px}.panel-heading,.toggle-row,.slider-row,.depth-row{align-items:center;display:flex}.panel-heading{color:#f5fafa;gap:8px;font-weight:740}.panel-heading svg{color:var(--accent)}.mode-toggle{border:1px solid var(--line);background:#060c0f85;border-radius:8px;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;padding:4px;display:grid}.mode-toggle button{min-width:0;min-height:32px;color:var(--text-soft);cursor:pointer;background:0 0;border:0;border-radius:6px;justify-content:center;align-items:center;gap:5px;padding:0 5px;font-size:11px;line-height:1;display:inline-flex}.mode-toggle button:hover,.mode-toggle button:focus-visible,.mode-toggle button.active{color:#f4fbfb;background:#76d2cf29;outline:0}.toggle-row{color:#dfe9e9;gap:10px;min-height:28px}.observatory-panel{border:1px solid var(--line);background:#060c0f75;border-radius:8px;gap:8px;padding:10px;display:grid}.select-row{color:#dfe9e9;grid-template-columns:auto auto minmax(0,1fr);align-items:center;gap:8px;display:grid}.select-row svg{color:var(--accent)}.select-row select,.datetime-input{border:1px solid var(--line);color:#f5fafa;background:#050b0edb;border-radius:6px;width:100%;min-width:0}.select-row select{height:30px;padding:0 8px}.datetime-input{height:32px;padding:0 8px}.toggle-row input{accent-color:var(--accent)}.slider-row{grid-template-columns:1fr auto;gap:8px 10px;display:grid}.slider-row span{color:#dfe9e9}.slider-row input{width:100%;accent-color:var(--accent);grid-column:1/-1}.slider-row output{color:var(--accent-strong);font-variant-numeric:tabular-nums}.depth-row{color:#dfe9e9;justify-content:space-between;gap:12px;min-height:28px;padding-top:2px}.depth-row output{color:var(--accent-strong);font-variant-numeric:tabular-nums}.space-control-guide{width:min(420px,100vw - 108px);color:var(--text-soft);pointer-events:none;border-radius:8px;gap:9px;padding:10px 12px;font-size:12px;display:grid;position:absolute;top:76px;left:16px}.space-control-heading{color:#f5fafa;align-items:center;gap:7px;font-weight:740;display:inline-flex}.space-control-heading svg{color:var(--accent)}.space-control-grid{flex-wrap:wrap;gap:7px 12px;display:flex}.space-control-item,.key-group{align-items:center;display:inline-flex}.space-control-item{gap:7px;min-width:116px}.key-group{flex:none;gap:3px}.key-group kbd{color:#f4fbfb;background:#050b0edb;border:1px solid #bcd5d747;border-radius:5px;place-items:center;min-width:22px;height:22px;padding:0 5px;font-family:inherit;font-size:11px;font-weight:760;line-height:1;display:inline-grid}.status-strip{max-width:calc(100vw - 32px);color:var(--text-soft);white-space:nowrap;border-radius:8px;align-items:center;gap:12px;padding:9px 12px;font-size:13px;display:flex;position:absolute;bottom:16px;left:16px}.status-strip span{align-items:center;gap:6px;display:inline-flex}.map-readout{max-width:min(520px,100vw - 32px);min-height:38px;color:var(--text-soft);pointer-events:none;border-radius:8px;align-items:center;gap:10px;padding:8px 12px;font-size:13px;display:flex;position:absolute;bottom:16px;right:16px}.map-readout strong{color:#f4f8f8}.detail-panel{border-radius:8px;width:min(360px,100vw - 32px);padding:18px;position:absolute;bottom:72px;right:16px}.detail-panel.compact{padding:14px 16px;bottom:72px}.detail-kicker{color:var(--accent-strong);letter-spacing:0;text-transform:uppercase;margin:0 36px 6px 0;font-size:12px;font-weight:760;display:block}.detail-panel h1{color:#f9fcfc;margin:0;font-size:28px;line-height:1.1}.detail-panel.compact h1{font-size:20px}.detail-subtitle{color:var(--text-soft);margin-top:7px;line-height:1.35}.deep-sky-thumbnail{border:1px solid var(--line);object-fit:contain;background:#03080ab8;border-radius:8px;width:100%;max-height:210px;margin-top:14px;display:block}.detail-link{color:var(--accent);margin-top:10px;font-size:13px;font-weight:700;text-decoration:none;display:inline-flex}.detail-link:hover,.detail-link:focus-visible{color:#f5fafa;outline:0;text-decoration:underline}.detail-panel dl{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:16px 0 0;display:grid}.detail-panel dl div{border-top:1px solid var(--line);min-width:0;padding-top:8px}.detail-panel dt{color:#e1ebeb80;text-transform:uppercase;font-size:11px}.detail-panel dd{overflow-wrap:anywhere;color:#f0f6f6;margin:3px 0 0;font-size:14px}.close-button{position:absolute;top:10px;right:10px}@media (width<=760px){.topbar{grid-template-columns:auto 1fr;gap:8px;display:grid}.brand-lockup{justify-content:center;width:42px;padding:0}.brand-lockup span{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.search-box{width:auto;min-width:0}.map-controls{top:70px;right:10px}.layer-panel{width:auto;top:70px;left:10px;right:58px}.space-control-guide{width:min(340px,100vw - 78px);padding:9px 10px;top:118px;left:10px}.space-control-grid{gap:6px 10px}.space-control-item{min-width:102px}.detail-panel{width:auto;bottom:64px;left:10px;right:10px}.status-strip{bottom:10px;left:10px;right:10px;overflow-x:auto}.map-readout{display:none}}