:root{--bg: #060a12;--panel-bg: rgba(10, 16, 26, .55);--panel-border: rgba(255, 255, 255, .08);--text: #e6edf3;--text-dim: #8b98a9;--text-faint: #5b6b7d;--accent: #4cc2ff;--accent-strong: #2ea8e6;--terminator: #ff4d4d;--radius: 14px;--font-ui: "Inter", "PingFang SC", "Microsoft YaHei", system-ui, -apple-system, sans-serif;--font-mono: "SFMono-Regular", "JetBrains Mono", Menlo, Consolas, monospace;--shadow: 0 8px 32px rgba(0, 0, 0, .35)}*{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;height:100%;overflow:hidden;background:var(--bg);color:var(--text);font-family:var(--font-ui);font-size:13px;-webkit-font-smoothing:antialiased}#app{position:fixed;top:0;right:0;bottom:0;left:0}#scene-canvas{position:absolute;top:0;right:0;bottom:0;left:0}canvas{display:block}.glass{background:var(--panel-bg);backdrop-filter:blur(16px) saturate(140%);-webkit-backdrop-filter:blur(16px) saturate(140%);border:1px solid var(--panel-border);border-radius:var(--radius);box-shadow:var(--shadow)}#topbar{position:fixed;top:12px;left:50%;transform:translate(-50%);z-index:30;display:flex;align-items:center;gap:10px;padding:8px 14px;transition:opacity .25s ease}#topbar.collapsed{opacity:0;pointer-events:none}.brand{display:flex;align-items:center;gap:9px;font-weight:650;letter-spacing:.4px}.brand .logo{width:22px;height:22px;border-radius:6px;background:linear-gradient(135deg,var(--accent),#7c6cff);display:flex;align-items:center;justify-content:center;font-size:12px;color:#fff}.status-pill{display:inline-flex;align-items:center;gap:6px;padding:3px 10px;border-radius:999px;font-size:12px;color:var(--text-dim);background:#ffffff0d;border:1px solid var(--panel-border);white-space:nowrap}.status-dot{width:7px;height:7px;border-radius:50%;background:#64748b}.status-dot.live{background:#34d399;box-shadow:0 0 6px #34d399}.status-dot.cached{background:#fbbf24;box-shadow:0 0 6px #fbbf24}.status-dot.fallback{background:#f97316;box-shadow:0 0 6px #f97316}.status-dot.error{background:#ef4444;box-shadow:0 0 6px #ef4444}.status-dot.loading{background:var(--accent);animation:pulse 1s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.3}}.tb-btn{border:1px solid var(--panel-border);background:#ffffff0f;color:var(--text-dim);border-radius:8px;padding:4px 10px;font-size:12px;cursor:pointer;transition:all .15s ease;font-family:var(--font-ui);display:inline-flex;align-items:center;gap:6px}.tb-btn svg{flex-shrink:0}.tb-btn .tb-label{line-height:1}.tb-timeline{display:none!important}.tb-btn:hover{color:var(--text);border-color:#ffffff2e;background:#ffffff1a}.tb-btn.primary{color:var(--accent);border-color:#4cc2ff59;background:#4cc2ff14}.tb-btn.primary:hover{background:#4cc2ff29}.tb-btn.active{color:#fff;border-color:#4cc2ff8c;background:#4cc2ff38}.panel{position:fixed;z-index:20;display:flex;flex-direction:column;overflow:hidden;transition:width .28s ease,height .28s ease,transform .28s ease,opacity .28s ease}.panel-header{display:flex;align-items:center;justify-content:space-between;padding:12px 14px 10px;border-bottom:1px solid var(--panel-border);flex-shrink:0}.panel-title{font-size:13px;font-weight:650;letter-spacing:.3px;display:flex;align-items:center;gap:8px}.panel-title .glyph{width:18px;height:18px;border-radius:5px;background:#4cc2ff1f;color:var(--accent);display:inline-flex;align-items:center;justify-content:center;font-size:11px}.collapse-btn{border:none;background:none;color:var(--text-dim);cursor:pointer;font-size:15px;width:24px;height:24px;border-radius:6px;display:flex;align-items:center;justify-content:center;transition:all .15s ease}.collapse-btn:hover{background:#ffffff14;color:var(--text)}.expand-tab{position:fixed;z-index:19;display:none;align-items:center;gap:6px;padding:9px 11px;cursor:pointer;font-size:12px;color:var(--text-dim);border:1px solid var(--panel-border);background:var(--panel-bg);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-radius:10px;transition:all .2s ease}.expand-tab:hover{color:var(--text);border-color:#4cc2ff66}.expand-tab.visible{display:flex}#sidebar{left:12px;top:64px;bottom:118px;width:322px}#sidebar.collapsed{width:0;border:none;opacity:0;pointer-events:none}.sidebar-body{flex:1;display:flex;flex-direction:column;min-height:0}.search-box{margin:10px 12px 6px;position:relative}.search-box input{width:100%;padding:7px 12px 7px 32px;background:#ffffff0d;border:1px solid var(--panel-border);border-radius:9px;color:var(--text);font-size:12.5px;outline:none;transition:border-color .15s;font-family:var(--font-ui)}.search-box input::placeholder{color:var(--text-faint)}.search-box input:focus{border-color:#4cc2ff80}.search-box .icon{position:absolute;left:11px;top:50%;transform:translateY(-50%);color:var(--text-faint);font-size:12px;pointer-events:none}.tree{flex:1;overflow-y:auto;padding:4px 8px 12px}.tree::-webkit-scrollbar{width:6px}.tree::-webkit-scrollbar-thumb{background:#ffffff1f;border-radius:3px}.tree::-webkit-scrollbar-track{background:transparent}.tree-row{display:flex;align-items:center;gap:7px;padding:4px 7px;border-radius:7px;cursor:pointer;transition:background .12s;-webkit-user-select:none;user-select:none;color:var(--text)}.tree-row:hover{background:#ffffff0f}.tree-row.selected{background:#4cc2ff24;box-shadow:inset 2px 0 0 var(--accent)}.tree-row.group{font-weight:650;margin-top:4px}.tree-row.band{font-weight:600;padding-left:32px;font-size:12.5px}.tree-row.system{font-weight:550;padding-left:16px}.tree-row.sat{padding-left:48px;font-size:12.5px}.tree-row.sat .name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tree-row.sat .norad{color:var(--text-faint);font-family:var(--font-mono);font-size:11px}.color-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.checkbox{width:15px;height:15px;accent-color:var(--accent);cursor:pointer;flex-shrink:0}.count{margin-left:auto;color:var(--text-faint);font-size:11px;font-family:var(--font-mono);white-space:nowrap}.caret{font-size:9px;color:var(--text-faint);width:10px;flex-shrink:0;transition:transform .15s}.caret.open{transform:rotate(90deg)}.empty-search{padding:24px 16px;text-align:center;color:var(--text-faint);font-size:12px}#detail{right:12px;top:64px;bottom:118px;width:302px}#detail.collapsed{width:0;border:none;opacity:0;pointer-events:none}.detail-body{flex:1;overflow-y:auto;padding:14px 16px 20px}.detail-body::-webkit-scrollbar{width:6px}.detail-body::-webkit-scrollbar-thumb{background:#ffffff1f;border-radius:3px}.detail-empty{text-align:center;color:var(--text-faint);padding-top:60px;font-size:12.5px;line-height:1.9}.detail-empty .big{font-size:26px;margin-bottom:8px;color:var(--text-dim)}.detail-name{font-size:16px;font-weight:700;line-height:1.4;margin-bottom:2px}.detail-system{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:var(--text-dim);margin-bottom:12px}.detail-section{margin-top:12px}.detail-section h4{font-size:11px;font-weight:650;text-transform:uppercase;letter-spacing:1px;color:var(--text-faint);margin-bottom:8px;padding-bottom:5px;border-bottom:1px solid var(--panel-border)}.detail-kv{display:flex;justify-content:space-between;align-items:baseline;padding:3px 0;gap:10px}.detail-kv .k{color:var(--text-dim);font-size:12px;flex-shrink:0}.detail-kv .v{font-family:var(--font-mono);font-size:12px;text-align:right;word-break:break-all}.detail-desc{color:var(--text-dim);font-size:12px;line-height:1.75}#timeline{position:fixed;left:50%;transform:translate(-50%);bottom:12px;width:min(960px,calc(100vw - 24px));padding:10px 18px 14px;z-index:25}#timeline.collapsed{transform:translate(-50%) translateY(calc(100% + 12px));opacity:0;pointer-events:none}.tl-top{display:flex;align-items:center;gap:12px;margin-bottom:8px}.tl-time{display:flex;align-items:baseline;gap:12px;white-space:nowrap}.tl-time .utc{font-family:var(--font-mono);font-size:12px;color:var(--text-dim);font-weight:500}.tl-time .local{font-family:var(--font-mono);font-size:14px;color:var(--accent);font-weight:650}.tl-controls{display:flex;align-items:center;gap:4px;margin-left:auto}.tl-btn{width:26px;height:26px;border-radius:7px;border:1px solid var(--panel-border);background:#ffffff0d;color:var(--text-dim);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:12px;transition:all .15s}.tl-btn:hover{color:var(--text);background:#ffffff1a}.tl-btn.play{width:32px;height:32px;border-radius:50%;color:#fff;background:linear-gradient(135deg,var(--accent),#2ea8e6);border:none;box-shadow:0 2px 10px #4cc2ff59}.tl-btn.play:hover{filter:brightness(1.1)}.tl-btn.play.playing{background:linear-gradient(135deg,#f59e0b,#ef4444);box-shadow:0 2px 10px #f59e0b59}.tl-rate{display:flex;align-items:center;gap:3px;margin-left:6px}.tl-rate-btn{display:none;align-items:center;justify-content:center;height:28px;min-width:42px;padding:0 8px;border-radius:7px;border:1px solid var(--panel-border);background:#ffffff0d;color:var(--text-dim);font-family:var(--font-mono);font-size:10.5px;cursor:pointer;transition:all .15s}.tl-rate-btn:hover{color:var(--text);background:#ffffff1a}.tl-rate-btn.active{color:var(--accent);border-color:#4cc2ff66;background:#4cc2ff1a}.rate-chip{padding:2px 8px;border-radius:6px;border:1px solid transparent;background:transparent;color:var(--text-faint);font-size:11px;font-family:var(--font-mono);cursor:pointer;transition:all .15s}.rate-chip.active{color:var(--accent);border-color:#4cc2ff66;background:#4cc2ff1a}.tl-range{position:relative;display:flex;align-items:center;gap:8px;margin-top:2px}.tl-labels{display:flex;justify-content:space-between;align-items:flex-start;margin-top:5px;gap:10px}.tl-label-col{display:flex;flex-direction:column;gap:1px;min-width:0;font-family:var(--font-mono)}.tl-label-col.mid{align-items:center;text-align:center;flex:1}.tl-label-title{font-size:10.5px;color:var(--text-faint);font-family:var(--font-ui);letter-spacing:.3px;margin-bottom:2px;white-space:nowrap}.tl-label-col.mid .tl-label-title{color:var(--text-dim)}.tl-label-t{font-size:10.5px;color:var(--text-faint);white-space:nowrap;line-height:1.4}.tl-label-t.utc{color:var(--text-faint)}.tl-label-t.local{color:var(--text-dim)}.tl-label-col.mid .tl-label-t.local{color:var(--accent);font-size:12.5px;font-weight:600}.tl-label-col.mid .tl-label-t.utc{color:var(--text-dim)}input[type=range].tl-slider{-webkit-appearance:none;-moz-appearance:none;appearance:none;flex:1;height:5px;border-radius:3px;background:#ffffff1f;outline:none;cursor:pointer}input[type=range].tl-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:15px;height:15px;border-radius:50%;background:#fff;border:3px solid var(--accent);box-shadow:0 0 8px #4cc2ff80;cursor:grab}input[type=range].tl-slider::-moz-range-thumb{width:15px;height:15px;border-radius:50%;background:#fff;border:3px solid var(--accent);cursor:grab}#topbar-toggle{position:fixed;top:12px;left:50%;transform:translate(-50%);z-index:29}@media (max-width: 900px){#sidebar{width:280px}#detail{width:260px}}#sidebar-mask{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;background:#04080e73;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);opacity:0;pointer-events:none;transition:opacity .28s ease;display:none}#sidebar-mask.visible{opacity:1;pointer-events:auto}@media (max-width: 768px){html,body{font-size:12.5px}#app{touch-action:none}#topbar{top:8px;left:8px;right:8px;transform:none;justify-content:space-between;padding:6px 10px;gap:8px;border-radius:12px}.brand-name{display:none}.brand .logo{width:24px;height:24px;font-size:13px}.tb-btn{width:34px;height:34px;padding:0;justify-content:center;border-radius:9px;gap:0}.tb-btn .tb-label{display:none}.tb-timeline{display:inline-flex!important}.status-pill{padding:0;background:none;border:none;width:22px;justify-content:center}.status-pill .status-text{display:none}#topbar-toggle{top:8px}#sidebar{left:0;top:0;bottom:0;width:min(88vw,360px);border-radius:0 16px 16px 0;z-index:21;transition:width .2s ease,height .2s ease,transform .2s ease,opacity .2s ease}#sidebar.collapsed{width:min(88vw,360px);transform:translate(-104%);opacity:0;border:1px solid var(--panel-border);pointer-events:none}#sidebar-mask{display:block}#detail{left:8px;right:8px;top:auto;bottom:0;width:auto;max-height:46vh;border-radius:16px 16px 0 0;z-index:22;transition:transform .2s ease,opacity .2s ease}#detail.collapsed{transform:translateY(105%);opacity:0;width:auto;border:1px solid var(--panel-border);pointer-events:none}#timeline{width:calc(100vw - 12px);bottom:max(8px,env(safe-area-inset-bottom));padding:8px 12px 10px;border-radius:14px}.tl-top{gap:8px;margin-bottom:6px}.tl-time{align-items:baseline;gap:8px;min-width:0;overflow:hidden}.tl-time .utc{font-size:10px}.tl-time .local{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tl-controls{gap:6px}.tl-controls .tl-btn:not(.play):not(.collapse-x){display:none}.tl-rate-btn{display:flex;min-width:44px;height:30px}.tl-btn{width:30px;height:30px;font-size:11px}.tl-btn.play{width:36px;height:36px}.tl-btn.collapse-x{width:28px;height:28px}.tl-rate,.tl-labels{display:none}input[type=range].tl-slider{height:6px}input[type=range].tl-slider::-webkit-slider-thumb{width:20px;height:20px}input[type=range].tl-slider::-moz-range-thumb{width:20px;height:20px}.expand-tab{padding:11px 13px;font-size:12.5px}.expand-tab[data-role=timeline]{bottom:max(12px,env(safe-area-inset-bottom))!important}}