:root{--bg: #04090a;--bg-1: #071013;--bg-2: #0a161a;--bg-3: #0e1f24;--line: rgba(80, 200, 140, .16);--line-strong: rgba(80, 220, 150, .38);--fg: #c9dcd3;--fg-dim: #6f8a80;--fg-mute: #3f5650;--green: #35f28a;--green-2: #1fbf68;--green-glow: rgba(53, 242, 138, .35);--amber: #f2b035;--red: #ff4d4d;--cyan: #45d6e8;--mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;--sans: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--radius: 2px;--topbar-h: 44px;--statusbar-h: 28px;--sidebar-w: 300px;--detail-w: 300px;--fs-xs: 10px;--fs-sm: 11px;--fs-md: 12px;--fs-lg: 14px;--track: .14em}*,*:before,*:after{box-sizing:border-box}html,body{height:100%;margin:0}body{background:var(--bg);color:var(--fg);font-family:var(--mono);font-size:var(--fs-md);line-height:1.4;overflow:hidden;-webkit-font-smoothing:antialiased}button,input,select{font:inherit;color:inherit;background:transparent;border:1px solid var(--line);border-radius:var(--radius)}button{cursor:pointer}button:focus-visible,input:focus-visible{outline:1px solid var(--green);outline-offset:1px}a{color:var(--green-2);text-decoration:none}a:hover{color:var(--green)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-thumb{background:var(--line-strong)}::-webkit-scrollbar-track{background:transparent}.label{font-size:var(--fs-xs);letter-spacing:var(--track);text-transform:uppercase;color:var(--fg-dim)}.mono{font-family:var(--mono)}.sans{font-family:var(--sans)}.num{font-variant-numeric:tabular-nums}[hidden]{display:none!important}#app{display:grid;height:100vh;height:100dvh;grid-template-rows:var(--topbar-h) minmax(0,1fr) var(--statusbar-h);grid-template-columns:var(--sidebar-w) minmax(0,1fr) var(--detail-w);grid-template-areas:"top top top" "side main detail" "status status status";min-width:0}.topbar{grid-area:top;min-width:0;overflow:hidden}.sidebar{grid-area:side}.main{grid-area:main;position:relative;min-width:0;min-height:0}.detail{grid-area:detail}.statusbar{grid-area:status;min-width:0}.sidebar,.detail{background:var(--bg-1);border-right:1px solid var(--line);display:flex;flex-direction:column;min-height:0;min-width:0;overflow:hidden}.detail{border-right:0;border-left:1px solid var(--line)}#radar-host{position:absolute;inset:0;background:var(--bg);overflow:hidden}#radar-host>canvas{display:block}.drawer-toggle,.drawer-backdrop{display:none}.drawer-toggle{align-items:center;justify-content:center;position:absolute;top:10px;z-index:400;width:34px;height:34px;background:#071013d9;border:1px solid var(--line-strong);color:var(--green);font-size:var(--fs-sm);letter-spacing:.08em}.drawer-toggle.left{left:10px}.drawer-toggle.right{right:10px}.drawer-backdrop.show{display:block;position:fixed;inset:0;z-index:450;background:#00000073}@media(max-width:1250px){#app{--sidebar-w: 240px;--detail-w: 240px}.stats{grid-template-columns:repeat(2,1fr)}}@media(max-width:1100px){#app{grid-template-columns:var(--sidebar-w) minmax(0,1fr);grid-template-areas:"top top" "side main" "status status"}.detail{position:fixed;top:var(--topbar-h);bottom:var(--statusbar-h);right:0;width:min(86vw,340px);z-index:500;transition:transform .22s ease;box-shadow:0 0 40px #0009;transform:translate(100%)}.detail.open{transform:translate(0)}.drawer-toggle.right{display:inline-flex}}@media(max-width:900px){#app{grid-template-columns:minmax(0,1fr);grid-template-areas:"top" "main" "status"}.sidebar{position:fixed;top:var(--topbar-h);bottom:var(--statusbar-h);left:0;width:min(86vw,340px);z-index:500;transition:transform .22s ease;box-shadow:0 0 40px #0009;transform:translate(-100%)}.sidebar.open{transform:translate(0)}.drawer-toggle.left{display:inline-flex}}@media(max-width:600px){.topbar{gap:10px;padding:0 10px}.clock small{display:none}.brand{letter-spacing:.12em}.radar-ctl .hint,.statusbar .attr{display:none}}.panel{position:relative;padding:12px 14px;border-bottom:1px solid var(--line)}.panel.grow{flex:1;min-height:0;display:flex;flex-direction:column}.panel-title{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:8px}.panel-title .label{color:var(--green-2)}.panel-title .count{font-size:var(--fs-xs);color:var(--fg-dim)}.brackets:before,.brackets:after,.brackets>.bk:before,.brackets>.bk:after{content:"";position:absolute;width:8px;height:8px;border-color:var(--line-strong);border-style:solid;pointer-events:none}.brackets:before{top:4px;left:4px;border-width:1px 0 0 1px}.brackets:after{top:4px;right:4px;border-width:1px 1px 0 0}.brackets>.bk:before{bottom:4px;left:4px;border-width:0 0 1px 1px}.brackets>.bk:after{bottom:4px;right:4px;border-width:0 1px 1px 0}.topbar{display:flex;align-items:center;gap:18px;padding:0 14px;background:var(--bg-1);border-bottom:1px solid var(--line);position:relative;z-index:600}.brand{display:flex;align-items:center;gap:10px;font-weight:600;letter-spacing:.18em;font-size:var(--fs-lg);color:var(--green);text-shadow:0 0 8px var(--green-glow)}.brand .sep{color:var(--fg-mute);font-weight:400}.brand-dot{width:7px;height:7px;background:var(--green);box-shadow:0 0 8px var(--green)}.topbar .spacer{flex:1}@keyframes blink{to{visibility:hidden}}.clock{font-size:var(--fs-lg);letter-spacing:.08em;color:var(--fg)}.clock small{font-size:var(--fs-xs);color:var(--fg-dim);margin-left:6px;letter-spacing:var(--track)}.pill{display:inline-flex;align-items:center;gap:6px;padding:3px 9px;border:1px solid var(--line-strong);font-size:var(--fs-xs);letter-spacing:var(--track);text-transform:uppercase;white-space:nowrap}.pill:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}.pill.live:before{box-shadow:0 0 6px currentColor;animation:blink 1.2s steps(2,start) infinite}.pill.ok{color:var(--green)}.pill.warn{color:var(--amber)}.pill.err{color:var(--red)}.pill.idle{color:var(--fg-dim)}.kv{display:grid;grid-template-columns:auto 1fr;gap:3px 12px;font-size:var(--fs-sm)}.kv dt{color:var(--fg-dim);text-transform:uppercase;letter-spacing:.08em;font-size:var(--fs-xs);align-self:baseline}.kv dd{margin:0;text-align:right;color:var(--fg);font-variant-numeric:tabular-nums}.range-btns{display:grid;grid-template-columns:repeat(5,1fr);gap:4px}.range-btns button{padding:6px 0;font-size:var(--fs-sm);color:var(--fg-dim);border-color:var(--line)}.range-btns button:hover{color:var(--fg);border-color:var(--line-strong)}.range-btns button.active{color:var(--bg);background:var(--green);border-color:var(--green);font-weight:600;box-shadow:0 0 10px var(--green-glow)}.range-btns button.custom{color:var(--amber);border-color:var(--amber);background:transparent}.panel-title .count.custom{color:var(--amber)}.relocate{font-size:var(--fs-xs);letter-spacing:var(--track);text-transform:uppercase;color:var(--fg-dim);border:1px solid var(--line);padding:2px 7px;text-decoration:underline dotted;text-underline-offset:3px}.relocate:hover,.relocate:focus-visible{color:var(--green);border-color:var(--green)}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.stat{border:1px solid var(--line);padding:6px 8px}.stat .v{font-size:18px;color:var(--green);line-height:1.1;font-variant-numeric:tabular-nums}.stat .k{font-size:var(--fs-xs);letter-spacing:var(--track);text-transform:uppercase;color:var(--fg-dim);margin-top:2px}.contacts{flex:1;min-height:0;overflow:auto;margin:0 -14px -12px}.contacts table{width:100%;border-collapse:collapse;font-size:var(--fs-sm);font-variant-numeric:tabular-nums}.contacts th{position:sticky;top:0;background:var(--bg-1);font-weight:500;font-size:var(--fs-sm);letter-spacing:.1em;text-transform:uppercase;color:var(--fg-dim);text-align:right;padding:4px 6px;border-bottom:1px solid var(--line)}.contacts th:first-child,.contacts td:first-child{text-align:left;padding-left:14px}.contacts th:last-child,.contacts td:last-child{padding-right:14px}.contacts td{padding:4px 6px;text-align:right;border-bottom:1px solid rgba(80,200,140,.06);color:var(--fg);white-space:nowrap}.contacts tr{cursor:pointer;transition:background .08s}.contacts tr:hover,.contacts tr.hovered{background:var(--bg-3)}.contacts tr.hovered td:first-child{color:var(--fg)}.contacts tr.selected{background:#35f28a1f;box-shadow:inset 2px 0 0 var(--green)}.contacts tr.selected.hovered{background:#35f28a2e}.contacts tr.selected td:first-child{color:var(--green)}.contacts tr.blip{animation:rowblip .7s ease-out}@keyframes rowblip{0%{background:#35f28a59}to{background:transparent}}.contacts tr.ground td{color:var(--fg-dim)}.kind{display:inline-block;width:15px;height:15px;line-height:14px;text-align:center;font-size:var(--fs-xs);border:1px solid var(--line-strong);color:var(--green-2);margin-right:6px}.kind.H{color:var(--amber);border-color:var(--amber)}.kind.M{color:var(--red);border-color:var(--red)}.kind.R{color:var(--cyan);border-color:var(--cyan)}.contacts .empty{padding:24px 14px;color:var(--fg-mute);text-align:center;font-size:var(--fs-xs);letter-spacing:var(--track)}.detail-empty{padding:40px 14px;text-align:center;color:var(--fg-mute);font-size:var(--fs-xs);letter-spacing:var(--track)}.detail-head{display:flex;justify-content:space-between;align-items:flex-start}.detail-callsign{font-size:22px;letter-spacing:.1em;color:var(--green);text-shadow:0 0 10px var(--green-glow);line-height:1}.detail-sub{font-size:var(--fs-xs);color:var(--fg-dim);letter-spacing:.08em;margin-top:5px}.compass{width:72px;height:72px;flex:none}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:12px}.detail-grid .cell{border:1px solid var(--line);padding:6px 8px}.detail-grid .cell.wide{grid-column:span 2}.cell .k{font-size:var(--fs-sm);letter-spacing:var(--track);text-transform:uppercase;color:var(--fg-dim)}.cell .v{font-size:var(--fs-lg);color:var(--fg);font-variant-numeric:tabular-nums;margin-top:2px}.cell .v small{font-size:var(--fs-xs);color:var(--fg-dim);margin-left:4px}.cell.emergency{border-color:var(--red);background:#ff4d4d1a}.cell.emergency .v{color:var(--red);animation:blink .8s steps(2,start) infinite}.vr-up{color:var(--green)}.vr-down{color:var(--amber)}.detail-actions{display:flex;gap:6px;margin-top:12px}.detail-actions button{flex:1;padding:6px;font-size:var(--fs-xs);letter-spacing:var(--track);text-transform:uppercase;color:var(--fg-dim)}.detail-actions button:hover{color:var(--green);border-color:var(--green)}.statusbar{display:flex;align-items:center;gap:18px;padding:0 14px;background:var(--bg-1);border-top:1px solid var(--line);font-size:var(--fs-xs);letter-spacing:.08em;text-transform:uppercase;color:var(--fg-dim);overflow:hidden;white-space:nowrap}.statusbar .item b{color:var(--fg);font-weight:500}.statusbar .src.live b{color:var(--green)}.statusbar .src.cached b{color:var(--amber)}.statusbar .src.stale b{color:var(--red)}.statusbar .spacer{flex:1}.statusbar .attr{color:var(--fg-mute)}.radar-ctl{position:absolute;bottom:10px;right:10px;display:flex;gap:4px;align-items:center;z-index:300;max-width:calc(100% - 20px);flex-wrap:wrap;justify-content:flex-end}.radar-ctl button{padding:4px 8px;font-size:var(--fs-xs);letter-spacing:var(--track);text-transform:uppercase;background:#071013d9;color:var(--fg-dim);border-color:var(--line-strong);white-space:nowrap}.radar-ctl button:hover,.radar-ctl button.active{color:var(--green);border-color:var(--green)}.radar-ctl .hint{font-size:var(--fs-xs);letter-spacing:.08em;color:var(--fg-dim);background:#071013bf;padding:4px 8px;border:1px solid var(--line);white-space:nowrap}.radar-ctl .hint kbd{font:inherit;color:var(--fg)}.toasts{position:fixed;bottom:calc(var(--statusbar-h) + 12px);left:50%;transform:translate(-50%);display:flex;flex-direction:column;gap:6px;z-index:8000;pointer-events:none}.toast{pointer-events:auto;background:var(--bg-2);border:1px solid var(--line-strong);padding:8px 14px;font-size:var(--fs-sm);display:flex;gap:12px;align-items:center;min-width:260px;max-width:90vw;animation:toastin .18s ease-out}.toast.error{border-color:var(--red);color:#ffb0b0}.toast.warn{border-color:var(--amber);color:#ffe0a0}.toast.info{border-color:var(--green-2)}.toast .tag{font-size:var(--fs-xs);letter-spacing:var(--track);text-transform:uppercase;opacity:.7}.toast .x{margin-left:auto;border:0;color:inherit;opacity:.6;padding:0 2px}.toast .x:hover{opacity:1}@keyframes toastin{0%{opacity:0;transform:translateY(6px)}}.gate{position:fixed;inset:0;z-index:7000;background:#04090aeb;display:grid;place-items:center;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.gate-card{position:relative;width:min(440px,92vw);background:var(--bg-1);border:1px solid var(--line-strong);padding:28px 28px 24px}.gate-card h1{margin:0 0 4px;font-size:var(--fs-lg);letter-spacing:.2em;color:var(--green);font-weight:600}.gate-card p{margin:0 0 18px;font-family:var(--sans);font-size:13px;color:var(--fg-dim);line-height:1.5}.gate-card .primary{width:100%;padding:11px;background:var(--green);color:var(--bg);border-color:var(--green);font-weight:600;letter-spacing:var(--track);font-size:var(--fs-sm);box-shadow:0 0 16px var(--green-glow)}.gate-card .primary:hover{background:#5cff9f}.gate-card .secondary{width:100%;padding:9px;margin-top:8px;color:var(--fg-dim);letter-spacing:var(--track);font-size:var(--fs-xs);text-transform:uppercase}.gate-card .secondary:hover{color:var(--fg);border-color:var(--line-strong)}.gate-form{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:14px}.gate-form label{display:flex;flex-direction:column;gap:4px;font-size:var(--fs-xs);letter-spacing:var(--track);text-transform:uppercase;color:var(--fg-dim)}.gate-form input{padding:8px;font-size:var(--fs-md);color:var(--fg);border-color:var(--line-strong)}.gate-form .primary{grid-column:span 2;margin-top:4px}.gate-err{grid-column:span 2;color:var(--red);font-size:var(--fs-xs);min-height:1em}.gate-busy{color:var(--green);margin:12px 0 0;font-family:var(--mono);font-size:var(--fs-sm);letter-spacing:var(--track)}.gate-toperr{color:var(--red);margin:12px 0 0;font-family:var(--mono);font-size:var(--fs-sm)}.gate-foot{margin-top:14px;font-size:var(--fs-xs);letter-spacing:var(--track);text-transform:uppercase;color:var(--fg-mute);text-align:center}