:root{--bg: #05070a;--bg-grid: #0b1016;--panel: #0c1117;--panel-2: #0f151d;--panel-edge: #1c2733;--ink: #c6d4de;--ink-dim: #6f828f;--ink-faint: #3f4d58;--accent: #34e0d0;--accent-dim: #1c5d59;--friendly: #4ea3ff;--threat-none: #3f7a52;--threat-medium: #e0b341;--threat-high: #e8853a;--threat-critical: #ff4d4d;--mono: "SFMono-Regular", "JetBrains Mono", "Menlo", "Consolas", monospace;--sans: "Inter", "Segoe UI", system-ui, -apple-system, sans-serif;--radius: 2px}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}#root{display:flex;flex-direction:column}body{background:var(--bg);color:var(--ink);font-family:var(--sans);font-size:13px;line-height:1.4;overflow:hidden;-webkit-font-smoothing:antialiased}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;background:repeating-linear-gradient(0deg,rgba(255,255,255,.012) 0px,rgba(255,255,255,.012) 1px,transparent 1px,transparent 3px);z-index:9999}.mono{font-family:var(--mono)}button{font-family:var(--sans);cursor:pointer}.app{flex:1;display:flex;flex-direction:column;min-height:0}.panel{background:linear-gradient(180deg,var(--panel-2),var(--panel));border:1px solid var(--panel-edge);border-radius:var(--radius);display:flex;flex-direction:column;min-height:0;position:relative;clip-path:polygon(0 0,calc(100% - 10px) 0,100% 10px,100% 100%,10px 100%,0 calc(100% - 10px))}.rf-side::-webkit-scrollbar,.rf-panel-body::-webkit-scrollbar,.signals-list::-webkit-scrollbar,.rf-popover::-webkit-scrollbar{width:8px}.rf-side::-webkit-scrollbar-thumb,.rf-panel-body::-webkit-scrollbar-thumb,.signals-list::-webkit-scrollbar-thumb,.rf-popover::-webkit-scrollbar-thumb{background:var(--panel-edge);border-radius:4px}.rf-side::-webkit-scrollbar-track,.rf-panel-body::-webkit-scrollbar-track,.signals-list::-webkit-scrollbar-track,.rf-popover::-webkit-scrollbar-track{background:transparent}.rf-console{flex:1;display:flex;flex-direction:column;min-height:0}.rf-topbar{display:flex;align-items:center;gap:20px;padding:8px 14px;background:var(--panel-2);border-bottom:1px solid var(--panel-edge);font-family:var(--mono);font-size:11px;letter-spacing:.08em;color:var(--ink-dim)}.rf-title{color:var(--accent);font-weight:700;letter-spacing:.16em}.rf-meta b{color:var(--ink);font-weight:600}.rf-spacer{flex:1}.rf-footer{flex:0 0 auto;padding:6px 14px;background:var(--panel-2);border-top:1px solid var(--panel-edge);font-family:var(--mono);font-size:10px;letter-spacing:.08em;color:var(--ink-faint);text-align:center}.rf-footer-name{color:var(--accent);font-weight:700;letter-spacing:.16em}.rf-canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block}.rf-side{display:flex;flex-direction:column;gap:10px;min-height:0;overflow-y:auto}.rf-panel{flex:0 0 auto;padding:0}.signal-inspector{display:flex;flex-direction:column;gap:2px;padding:6px 10px 9px;border-top:1px solid var(--panel-edge)}.signal-sort{display:flex;gap:4px;padding:6px 8px;border-bottom:1px solid var(--panel-edge)}.signal-sort .rf-toggle{flex:1;padding:3px 2px;font-size:9px;letter-spacing:.04em}.signals-list{height:196px;overflow-y:auto;padding:4px 0}.rf-panel-head{font-family:var(--mono);font-size:10px;letter-spacing:.16em;color:var(--ink-dim);padding:8px 10px;border-bottom:1px solid var(--panel-edge)}.rf-panel-body{flex:1;overflow-y:auto;padding:4px 0}.rf-signal{display:flex;gap:8px;padding:6px 10px;border-bottom:1px solid rgba(28,39,51,.5);cursor:pointer}.rf-signal.sel{background:#34e0d012}.rf-signal-dot{width:6px;height:6px;border-radius:50%;margin-top:4px;flex:none}.rf-signal-main{flex:1;min-width:0}.rf-signal-row{display:flex;justify-content:space-between;align-items:baseline;gap:8px}.rf-signal-freq{color:var(--ink);font-size:12px}.rf-signal-class{font-size:10px;letter-spacing:.06em}.rf-signal-sub{color:var(--ink-dim);font-size:10px;margin-top:2px}.rf-toggle{font-family:var(--mono);font-size:10px;letter-spacing:.1em;color:var(--ink-dim);background:transparent;border:1px solid var(--panel-edge);border-radius:var(--radius);padding:3px 10px;cursor:pointer}.rf-toggle.on{color:var(--accent);border-color:var(--accent-dim);background:#34e0d014}.rf-toggle:disabled{opacity:.4;cursor:default}.site-body{flex:1;display:grid;grid-template-columns:1fr 330px;gap:10px;padding:10px;min-height:0;overflow:hidden}.site-map-col{display:flex;flex-direction:column;gap:10px;min-height:0;min-width:0}.site-map-panel{flex:none;height:300px;min-height:0;padding:0;overflow:hidden}.geo-map-wrap{position:relative;width:100%;height:100%}.geo-map{position:absolute;top:0;right:0;bottom:0;left:0;background:#05070a}.geo-overlay{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none}.geo-map .maplibregl-ctrl-attrib{background:#080c10b3;font-size:9px}.geo-map .maplibregl-ctrl-attrib a{color:var(--ink-dim)}.site-spectrum-panel{flex:1;min-height:0;display:flex;flex-direction:column;padding:0}.site-status-msg{float:right;color:var(--ink-faint);font-weight:400}.site-spectrum{height:120px;flex:none;position:relative}.site-waterfall{flex:1;position:relative;min-height:0}.source-toggle{display:flex;gap:4px}.conn-pill{font-family:var(--mono);font-size:11px;letter-spacing:.06em}.kv-row{display:flex;justify-content:space-between;gap:10px;padding:3px 0;font-size:11px}.kv-key{color:var(--ink-dim);letter-spacing:.08em}.kv-val{color:var(--ink)}.tune-body{display:flex;flex-direction:column;gap:8px}.tune-field{display:flex;flex-direction:column;gap:3px;font-size:10px;letter-spacing:.1em;color:var(--ink-dim)}.tune-presets{display:flex;flex-wrap:wrap;gap:6px}.tune-presets .rf-toggle{flex:1 1 calc(50% - 3px)}.rf-settings{position:relative}.rf-popover{position:absolute;right:0;top:calc(100% + 8px);z-index:1000;width:248px;max-height:70vh;overflow-y:auto;display:flex;flex-direction:column;gap:7px;padding:10px;background:var(--panel-2);border:1px solid var(--panel-edge);border-radius:var(--radius);box-shadow:0 10px 28px #0000008c}.rf-popover-title{font-family:var(--mono);font-size:10px;letter-spacing:.16em;color:var(--ink-dim)}.layout-input{width:100%;min-width:0;background:var(--bg);border:1px solid var(--panel-edge);border-radius:var(--radius);color:var(--ink);padding:4px 7px;font-size:12px}.layout-input:focus{outline:none;border-color:var(--accent-dim)}.layout-input.invalid{border-color:var(--threat-high)}.layout-actions{display:flex;gap:6px}.layout-actions .rf-toggle{flex:1}.layout-overlays{display:flex;flex-wrap:wrap;gap:6px}.layout-overlays .rf-toggle{flex:1 1 calc(50% - 3px)}.layout-hint{color:var(--ink-faint);font-size:9px;line-height:1.5}@media (max-width: 820px){.site-body{grid-template-columns:1fr;grid-auto-rows:min-content;overflow-y:auto;overflow-x:hidden}.site-spectrum-panel{flex:none;height:300px}.site-map-panel{flex:none;height:260px}.rf-side{overflow:visible}.rf-topbar{flex-wrap:wrap;height:auto;gap:8px 16px}}