:root{--bg:#04060f;--glass:#0a1020b8;--glass-border:#78a0ff24;--text:#dde6f5;--text-dim:#8a98b8;--accent:#7db4ff;--accent2:#ffd27d;font-size:15px}*{box-sizing:border-box}html,body,#root,.app{background:var(--bg);height:100%;color:var(--text);margin:0;font-family:Segoe UI,system-ui,-apple-system,sans-serif;overflow:hidden}.app{position:relative}.app canvas{display:block}.hud{pointer-events:none;z-index:5;position:absolute;inset:0}.hud>*{pointer-events:auto}.brand{-webkit-user-select:none;user-select:none;pointer-events:none;position:absolute;top:18px;left:22px}.brand h1{letter-spacing:.45em;background:linear-gradient(90deg,#ffd27d,#7db4ff);color:#0000;-webkit-background-clip:text;background-clip:text;margin:0;font-size:1.25rem;font-weight:600}.brand .tagline{color:var(--text-dim);letter-spacing:.18em;font-size:.68rem}.panel{background:var(--glass);border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(14px);border-radius:14px;box-shadow:0 8px 40px #00000073}.info-panel,.location-card{width:min(330px,100vw - 36px);max-height:calc(100vh - 220px);padding:18px 20px;position:absolute;top:70px;right:18px;overflow-y:auto}.panel header{align-items:baseline;gap:10px;display:flex;position:relative}.panel .body-type{text-transform:uppercase;letter-spacing:.22em;color:var(--text-dim);font-size:.62rem;position:absolute;top:-6px;left:0}.panel h2{margin:10px 0 4px;font-size:1.5rem;font-weight:600}.panel .close{color:var(--text-dim);cursor:pointer;background:0 0;border:none;margin-left:auto;padding:2px 4px;font-size:1.4rem;line-height:1}.panel .close:hover{color:#fff}.blurb{color:var(--text);font-size:.85rem;line-height:1.55}.facts{gap:7px;margin:14px 0 0;display:grid}.facts>div{justify-content:space-between;gap:12px;font-size:.8rem;display:flex}.facts dt{color:var(--text-dim);margin:0}.facts dd{text-align:right;margin:0}.fly-btn{cursor:pointer;width:100%;color:var(--text);background:linear-gradient(90deg,#7db4ff2e,#ffd27d29);border:1px solid #7db4ff59;border-radius:9px;margin-top:16px;padding:9px;font-size:.85rem;transition:all .2s}.fly-btn:hover{border-color:var(--accent);background:#7db4ff47}.hint{color:var(--text-dim);margin-bottom:0;font-size:.74rem;line-height:1.5}.coords{color:var(--accent);font-variant-numeric:tabular-nums;margin:2px 0 6px;font-size:.78rem}.full-address{color:var(--text-dim);margin:0 0 10px;font-size:.74rem;line-height:1.45}.weather{border-top:1px solid var(--glass-border);margin-top:6px;padding-top:12px}.weather-main{align-items:center;gap:10px;display:flex}.weather-emoji{font-size:1.8rem}.weather-temp{font-size:1.7rem;font-weight:300}.weather-desc{color:var(--text-dim);font-size:.82rem}.weather-grid{color:var(--text-dim);grid-template-columns:1fr 1fr;gap:5px;margin-top:10px;font-size:.76rem;display:grid}.tz{color:var(--text-dim);margin:10px 0 0;font-size:.7rem}.wiki{color:var(--text);border-top:1px solid var(--glass-border);padding-top:12px;font-size:.78rem;line-height:1.55}.wiki a{color:var(--accent);text-decoration:none}.streetview-link{text-align:center;width:100%;color:var(--text);cursor:pointer;background:linear-gradient(90deg,#54d8ff1f,#7db4ff1a);border:1px solid #54d8ff59;border-radius:9px;margin-top:12px;padding:9px;font-family:inherit;font-size:.8rem;text-decoration:none;transition:all .2s;display:block}.streetview-link:hover{background:#54d8ff33;border-color:#54d8ff}.body-nav{background:var(--glass);border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-radius:999px;flex-wrap:wrap;justify-content:center;gap:6px;max-width:calc(100vw - 24px);padding:6px 10px;display:flex;position:absolute;bottom:116px;left:50%;transform:translate(-50%)}.nav-chip{color:var(--text-dim);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:999px;align-items:center;gap:6px;padding:5px 10px;font-size:.74rem;transition:all .18s;display:flex}.nav-chip .dot{background:var(--chip,#888);border-radius:50%;width:7px;height:7px}.nav-chip:hover{color:var(--text);border-color:var(--glass-border)}.nav-chip.active{color:var(--text);border-color:var(--accent);background:#7db4ff1f}.time-controls{background:var(--glass);border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-radius:14px;width:min(680px,100vw - 24px);padding:10px 14px;position:absolute;bottom:14px;left:50%;transform:translate(-50%)}.time-row{align-items:center;gap:10px;display:flex}.time-row+.time-row{margin-top:8px}.tc-btn{border:1px solid var(--glass-border);color:var(--text);cursor:pointer;background:#7db4ff1a;border-radius:8px;min-width:42px;padding:5px 12px;font-size:.8rem}.tc-btn:hover,.tc-btn.active{border-color:var(--accent)}.time-readout{text-align:center;cursor:pointer;flex:1;justify-content:center;align-items:center;gap:8px;display:flex}.time-date{font-variant-numeric:tabular-nums;font-size:.88rem}.time-date.live{color:var(--text)}.live-dot{color:#6ee7a0;letter-spacing:.12em;border:1px solid #6ee7a080;border-radius:99px;padding:1px 6px;font-size:.6rem;animation:2s infinite pulse}@keyframes pulse{50%{opacity:.45}}.date-hidden{opacity:0;pointer-events:none;width:0;height:0;position:absolute}.scrubber{accent-color:var(--accent);cursor:ew-resize;flex:1}.speeds{flex-wrap:wrap;gap:4px;display:flex}.speed-chip{color:var(--text-dim);cursor:pointer;white-space:nowrap;background:0 0;border:1px solid #0000;border-radius:6px;padding:3px 7px;font-size:.66rem}.speed-chip:hover{color:var(--text)}.speed-chip.active{color:var(--accent2);border-color:#ffd27d66}.moments{border-top:1px solid var(--glass-border);gap:4px;margin-top:10px;padding-top:10px;display:grid}.moment{color:var(--text);cursor:pointer;text-align:left;background:0 0;border:1px solid #0000;border-radius:8px;justify-content:space-between;gap:10px;padding:6px 10px;font-size:.78rem;display:flex}.moment span{color:var(--text-dim);font-size:.72rem}.moment:hover{border-color:var(--glass-border);background:#7db4ff14}.searchbox{z-index:6;width:min(420px,100vw - 200px);position:absolute;top:16px;left:50%;transform:translate(-50%)}.search-input-wrap{background:var(--glass);border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-radius:999px;align-items:center;gap:8px;padding:0 14px;display:flex}.search-icon{opacity:.7;font-size:.8rem}.search-input-wrap input{color:var(--text);background:0 0;border:none;outline:none;flex:1;padding:9px 0;font-family:inherit;font-size:.85rem}.search-input-wrap input::placeholder{color:var(--text-dim)}.search-input-wrap:focus-within{border-color:var(--accent)}.search-results{max-height:320px;margin:6px 0 0;padding:6px;list-style:none;overflow-y:auto}.search-results li button{text-align:left;width:100%;color:var(--text);cursor:pointer;background:0 0;border:none;border-radius:8px;flex-direction:column;gap:2px;padding:8px 10px;font-family:inherit;font-size:.78rem;display:flex}.search-results li button:hover{background:#7db4ff1f}.result-name{line-height:1.35}.result-type{color:var(--text-dim);text-transform:uppercase;letter-spacing:.1em;font-size:.65rem}.view-toggle{background:var(--glass);border:1px solid var(--glass-border);color:var(--text);letter-spacing:.08em;cursor:pointer;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-radius:10px;width:38px;height:38px;font-size:.78rem;font-weight:600;position:absolute;top:16px;right:64px}.view-toggle:hover{border-color:var(--accent)}.settings{position:absolute;top:16px;right:18px}.settings-gear{background:var(--glass);border:1px solid var(--glass-border);color:var(--text);cursor:pointer;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-radius:10px;width:38px;height:38px;font-size:1.05rem}.settings-gear:hover{border-color:var(--accent)}.settings-panel{width:270px;max-height:calc(100vh - 140px);padding:14px 16px;position:absolute;top:46px;right:0;overflow-y:auto}.settings-panel h3{text-transform:uppercase;letter-spacing:.2em;color:var(--text-dim);margin:12px 0 7px;font-size:.66rem;font-weight:600}.settings-panel h3:first-child{margin-top:0}.seg{border:1px solid var(--glass-border);border-radius:8px;gap:0;display:flex;overflow:hidden}.seg button{color:var(--text-dim);cursor:pointer;background:0 0;border:none;flex:1;padding:6px;font-size:.76rem}.seg button.active{color:var(--text);background:#7db4ff29}.toggle{width:100%;color:var(--text);cursor:pointer;background:0 0;border:none;align-items:center;gap:9px;padding:5px 0;font-size:.8rem;display:flex}.toggle .track{background:#788cb440;border-radius:99px;flex-shrink:0;width:30px;height:16px;transition:background .2s;position:relative}.toggle .knob{background:#aab6cf;border-radius:50%;width:12px;height:12px;transition:all .2s;position:absolute;top:2px;left:2px}.toggle.on .track{background:#7db4ff80}.toggle.on .knob{background:#fff;left:16px}.kbd-help{color:var(--text-dim);margin:12px 0 0;font-size:.66rem;line-height:1.7}.kbd-help b{color:var(--text);font-weight:600}.body-label{pointer-events:auto;color:#e1ebffd9;cursor:pointer;-webkit-user-select:none;user-select:none;text-shadow:0 1px 6px #000000e6;letter-spacing:.08em;white-space:nowrap;font-size:11px;transform:translateY(-4px)}.body-label.moon{color:#becde6b3;font-size:10px}.body-label:hover{color:#fff}.iss-label{color:#aee2ff;letter-spacing:.2em;text-shadow:0 1px 5px #000;white-space:nowrap;font-size:9px;transform:translateY(-14px)}.marker-tip{pointer-events:auto;cursor:pointer;-webkit-user-select:none;user-select:none;background:var(--glass);border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(14px);border-radius:14px;width:264px;transition:border-color .2s;position:relative;transform:translateY(-100%)translateY(-8px);box-shadow:0 10px 36px #0000008c}.marker-tip:hover{border-color:var(--accent)}.marker-tip-media{background:#0a1020;border-radius:13px 13px 0 0;width:100%;height:150px;position:relative;overflow:hidden}.marker-tip-media iframe{pointer-events:none;filter:saturate(1.05);border:0;width:126%;height:148%;margin:-9% 0 0 -13%}.marker-tip-overlay{background:linear-gradient(#0000 55%,#050812c7);border-radius:13px 13px 0 0;justify-content:flex-start;align-items:flex-end;padding:9px 12px;display:flex;position:absolute;inset:0}.marker-tip-overlay span{letter-spacing:.12em;color:#cfe9ff;text-transform:uppercase;text-shadow:0 1px 4px #000;font-size:.7rem}.marker-tip:hover .marker-tip-overlay span{color:#fff}.marker-tip-name{color:var(--text);text-align:center;-webkit-line-clamp:2;-webkit-box-orient:vertical;padding:9px 14px 11px;font-size:.84rem;line-height:1.35;display:-webkit-box;overflow:hidden}.marker-tip-arrow{background:var(--glass);border-right:1px solid var(--glass-border);border-bottom:1px solid var(--glass-border);width:12px;height:12px;position:absolute;bottom:-6px;left:50%;transform:translate(-50%)rotate(45deg)}.sv-backdrop{z-index:40;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#02040c99;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.sv-modal{outline:none;flex-direction:column;width:min(1500px,96vw);height:92vh;padding:12px 18px 10px;display:flex;overflow:hidden}.sv-header{flex-shrink:0;justify-content:space-between;align-items:flex-start;display:flex}.sv-header h2{margin:8px 0 0}.sv-coords{color:var(--accent);font-variant-numeric:tabular-nums;font-size:.72rem}.sv-actions{align-items:center;gap:4px;display:flex}.sv-external{color:var(--text-dim);border-radius:8px;padding:4px 8px;font-size:1.05rem;text-decoration:none}.sv-external:hover{color:var(--text);background:#7db4ff1f}.sv-frame{border:1px solid var(--glass-border);background:#060a16;border-radius:10px;flex:1;min-height:0;margin-top:10px;overflow:hidden}.sv-frame iframe{border:0;width:100%;height:100%}.sv-note{color:var(--text-dim);text-align:center;flex-shrink:0;margin:7px 2px 0;font-size:.66rem}.attribution{color:#a0afcd8c;pointer-events:none;font-size:.6rem;position:absolute;bottom:2px;right:6px}.splash{z-index:50;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:radial-gradient(at 50% 40%,#0a1228e0,#020314f7);justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.splash-inner{text-align:center;max-width:520px;padding:0 24px}.splash-inner h1{letter-spacing:.5em;background:linear-gradient(90deg,#ffd27d,#7db4ff,#ffd27d);color:#0000;-webkit-background-clip:text;background-clip:text;margin:0 0 14px;font-size:2.6rem;font-weight:600}.splash-tag{color:var(--text);margin:0 0 8px;font-size:1rem}.splash-sub{color:var(--text-dim);margin:0 0 28px;font-size:.82rem;line-height:1.7}.enter-btn{color:var(--text);letter-spacing:.12em;cursor:pointer;background:linear-gradient(90deg,#ffd27d29,#7db4ff33);border:1px solid #7db4ff80;border-radius:999px;padding:12px 38px;font-size:.95rem;transition:all .25s}.enter-btn:hover{border-color:var(--accent2);box-shadow:0 0 30px #7db4ff59}.loading-bar{background:#788cb433;border-radius:99px;width:240px;height:3px;margin:0 auto;overflow:hidden}.loading-fill{background:linear-gradient(90deg,#ffd27d,#7db4ff);height:100%;transition:width .3s}@media (max-width:720px){.body-nav{bottom:132px}.speeds{display:none}.info-panel,.location-card{max-height:42vh;top:auto;bottom:196px;right:12px}.brand h1{font-size:1rem}}