:root{--spectre-bg: #0a1410;--spectre-surface: #0f1c17;--spectre-surface-2: #142822;--spectre-border: #1f3a30;--spectre-blue: #00d4ff;--spectre-green: #00ff88;--spectre-amber: #ffaa00;--spectre-red: #cc2944;--spectre-red-dim: #cc2944;--spectre-text: #e8e8f0;--spectre-text-dim: #6a6a7d;--font-display: "Space Grotesk", system-ui, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, monospace;--tap-target: 44px;--transition-panel: .18s cubic-bezier(.2, .8, .2, 1)}html,body{margin:0;padding:0;height:100%;background:var(--spectre-bg);color:var(--spectre-text);font-family:var(--font-display);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}#root{height:100%}button,input,select{font-family:inherit;color:inherit}*{box-sizing:border-box}canvas{touch-action:none}.skytracker-app{position:relative;width:100vw;height:100dvh;overflow:hidden}.globe-host{position:absolute;top:0;right:0;bottom:0;left:0}.topbar{position:absolute;top:0;left:0;right:0;height:48px;display:flex;align-items:center;justify-content:space-between;padding:0 16px;background:#0a1410d9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--spectre-border);z-index:10}.brand{font-family:var(--font-display);font-weight:700;letter-spacing:.16em;text-transform:uppercase;font-size:14px;color:var(--spectre-blue)}.brand-version{font-family:var(--font-mono);color:var(--spectre-text-dim);font-size:11px;margin-left:6px}.statusbar{position:absolute;bottom:0;left:0;right:0;height:36px;display:flex;align-items:center;gap:16px;padding:0 16px;background:#0a1410d9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-top:1px solid var(--spectre-border);font-family:var(--font-mono);font-size:11px;color:var(--spectre-text-dim);z-index:10;letter-spacing:.05em}.status-chip{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border:1px solid var(--spectre-border);border-radius:12px;text-transform:uppercase}.status-chip.ok{color:var(--spectre-green);border-color:#0f86}.status-chip.degraded{color:var(--spectre-amber);border-color:#fa06}.status-chip.offline{color:var(--spectre-red);border-color:#cc294480}.panel{position:absolute;top:48px;bottom:36px;width:320px;background:var(--spectre-surface);border:1px solid var(--spectre-border);border-top:0;border-bottom:0;overflow-y:auto;z-index:9;transition:transform var(--transition-panel)}.panel-left{left:0;border-left:0;border-right:1px solid var(--spectre-border)}.panel-right{right:0;border-right:0;border-left:1px solid var(--spectre-border);transform:translate(100%)}.panel-right.open{transform:translate(0)}.panel-header{font-family:var(--font-display);font-size:11px;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--spectre-text-dim);padding:14px 16px 8px;border-bottom:1px solid var(--spectre-border)}.panel-section{padding:12px 16px;border-bottom:1px solid var(--spectre-border)}.kv{display:grid;grid-template-columns:110px 1fr;gap:6px 12px;font-family:var(--font-mono);font-size:12px}.kv .k{color:var(--spectre-text-dim);text-transform:uppercase;letter-spacing:.08em;font-size:10px}.kv .v{color:var(--spectre-text)}.kv .v.emergency{color:var(--spectre-red);font-weight:700}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:var(--tap-target);min-width:var(--tap-target);padding:0 14px;background:transparent;color:var(--spectre-blue);border:1px solid var(--spectre-blue);border-radius:999px;font-family:var(--font-display);font-weight:600;font-size:11px;letter-spacing:.16em;text-transform:uppercase;cursor:pointer;transition:background-color .12s ease,color .12s ease}.btn:hover{background:var(--spectre-blue);color:var(--spectre-bg)}.btn.secondary{color:var(--spectre-text-dim);border-color:var(--spectre-border)}.btn.secondary:hover{background:var(--spectre-border);color:var(--spectre-text)}.filter-row{display:flex;flex-direction:column;gap:6px;margin-bottom:12px}.filter-row label{font-family:var(--font-mono);font-size:10px;text-transform:uppercase;letter-spacing:.1em;color:var(--spectre-text-dim)}.checkbox-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:6px}.checkbox-grid label{display:flex;align-items:center;gap:6px;font-family:var(--font-mono);font-size:11px;color:var(--spectre-text);text-transform:none;letter-spacing:0;cursor:pointer;min-height:var(--tap-target)}.checkbox-grid input{accent-color:var(--spectre-blue);width:16px;height:16px}.range-row{display:flex;gap:6px;align-items:center}.range-row input{flex:1;min-width:0;padding:6px 8px;background:var(--spectre-bg);border:1px solid var(--spectre-border);color:var(--spectre-text);border-radius:4px;font-family:var(--font-mono);font-size:12px}.fab{position:absolute;right:16px;bottom:52px;width:var(--tap-target);height:var(--tap-target);border-radius:50%;display:none;align-items:center;justify-content:center;background:var(--spectre-bg);border:1px solid var(--spectre-blue);color:var(--spectre-blue);font-family:var(--font-display);font-weight:700;cursor:pointer;z-index:11}.fallback-banner{position:absolute;top:48px;left:0;right:0;padding:8px 16px;background:#ffaa0026;border-bottom:1px solid var(--spectre-amber);color:var(--spectre-amber);font-family:var(--font-mono);font-size:12px;z-index:12;text-align:center}@media (max-width: 768px){.panel-left{display:none;transform:translateY(0)}.panel-left.open{display:block;position:absolute;top:48px;bottom:36px;width:100vw;z-index:12}.panel-right{top:auto;bottom:36px;height:70dvh;width:100vw;transform:translateY(100%);border:0;border-top:1px solid var(--spectre-border)}.panel-right.open{transform:translateY(0)}.fab{display:flex}}