.bgp{--up: #3fe0a8;--down: #ef5d5d;position:absolute;inset:0;display:flex;flex-direction:column;font-family:var(--mono);color:var(--text);background:radial-gradient(120% 70% at 50% 0%,rgba(63,224,168,.07),transparent 55%),var(--ink);overflow:hidden}.bgp-head{flex:0 0 auto;display:flex;align-items:baseline;justify-content:space-between;flex-wrap:wrap;gap:6px;padding:13px 20px 10px;border-bottom:1px solid var(--line)}.bgp-title{font-size:14px;letter-spacing:.24em;color:var(--text);display:flex;align-items:center}.bgp-dot{width:8px;height:8px;border-radius:50%;margin-right:9px;background:var(--accent);box-shadow:0 0 9px var(--accent)}.bgp-dot--ok{animation:bgp-pulse 1.6s ease-in-out infinite}.bgp-dot--connecting,.bgp-dot--reconnecting{background:#f6d650;box-shadow:0 0 9px #f6d650;animation:bgp-blink .9s steps(2,start) infinite}.bgp-dot--error{background:var(--down);box-shadow:0 0 9px var(--down);animation:none}@keyframes bgp-pulse{0%,to{opacity:1}50%{opacity:.45}}@keyframes bgp-blink{50%{opacity:.3}}.bgp-sub{display:flex;gap:14px;flex-wrap:wrap;align-items:baseline;font-size:9.5px;letter-spacing:.1em;color:var(--text-faint);text-transform:uppercase}.bgp-sub b{color:var(--text);font-weight:500}.bgp-live{color:var(--accent)}.bgp-recon{color:#f6d650}.bgp-off{color:var(--down)}.bgp-loading{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;color:var(--text-faint);font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;text-align:center;padding:0 20px}.bgp-spin{width:34px;height:34px;border-radius:50%;border:1.5px solid var(--line-2);border-top-color:var(--accent);animation:bgp-rot .9s linear infinite}@keyframes bgp-rot{to{transform:rotate(360deg)}}.bgp-err{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:30px 20px;text-align:center}.bgp-err-h{color:var(--down);font-size:14px;letter-spacing:.04em}.bgp-err-m{font-size:10.5px;color:var(--text-faint);max-width:460px;line-height:1.55}.bgp-retry{margin-top:4px;padding:8px 22px;font-family:var(--mono);font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--ink);background:var(--accent);border:none;border-radius:3px;cursor:pointer;transition:filter .12s}.bgp-retry:hover{filter:brightness(1.12)}.bgp-body{flex:1;display:flex;min-height:0}.bgp-feedwrap{flex:1;min-width:0;display:flex;flex-direction:column;border-right:1px solid var(--line)}.bgp-feed-h,.bgp-row{display:grid;grid-template-columns:38px minmax(120px,1.4fr) 78px minmax(0,2fr);gap:12px;align-items:center;padding:0 18px}.bgp-feed-h{flex:0 0 auto;height:26px;font-size:8.5px;letter-spacing:.12em;color:var(--text-faint);text-transform:uppercase;border-bottom:1px solid var(--line)}.bgp-feed{flex:1;overflow-y:auto}.bgp-feed::-webkit-scrollbar{width:8px}.bgp-feed::-webkit-scrollbar-thumb{background:var(--line-2);border-radius:4px}.bgp-row{height:26px;font-size:11.5px;color:var(--text-dim);border-bottom:1px solid rgba(25,29,40,.55);animation:bgp-in .35s ease}@keyframes bgp-in{0%{opacity:0;transform:translateY(-3px);background:#3fe0a80f}to{opacity:1;transform:translateY(0)}}.bgp-row--withdraw{animation-name:bgp-in-w}@keyframes bgp-in-w{0%{opacity:0;transform:translateY(-3px);background:#ef5d5d12}to{opacity:1;transform:translateY(0)}}.bgp-c-kind{display:flex}.bgp-tag{font-style:normal;font-size:9px;font-weight:600;letter-spacing:.04em;width:20px;height:16px;display:inline-flex;align-items:center;justify-content:center;border-radius:2px}.bgp-row--announce .bgp-tag{color:var(--up);background:#3fe0a81f}.bgp-row--withdraw .bgp-tag{color:var(--down);background:#ef5d5d1f}.bgp-c-prefix{font-variant-numeric:tabular-nums;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bgp-row--withdraw .bgp-c-prefix{color:var(--text-dim)}.bgp-c-origin{color:var(--text-dim);white-space:nowrap;font-size:11px}.bgp-c-path{color:var(--text-faint);font-size:10.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bgp-feed-empty{padding:40px 18px;text-align:center;color:var(--text-faint);font-size:10px;letter-spacing:.12em;text-transform:uppercase}.bgp-rail{flex:0 0 clamp(240px,32%,340px);display:flex;flex-direction:column;min-height:0;overflow-y:auto}.bgp-rail::-webkit-scrollbar{width:8px}.bgp-rail::-webkit-scrollbar-thumb{background:var(--line-2);border-radius:4px}.bgp-panel{flex:0 0 auto;padding:13px 16px;border-bottom:1px solid var(--line)}.bgp-panel--grow{flex:1 0 auto;min-height:0}.bgp-panel-h{font-size:8.5px;letter-spacing:.14em;color:var(--text-faint);text-transform:uppercase;margin-bottom:11px}.bgp-split-bar{height:12px;display:flex;border-radius:3px;overflow:hidden;background:var(--ink-2);border:1px solid var(--line)}.bgp-split-a{background:var(--up);transition:width .4s ease}.bgp-split-w{background:var(--down);transition:width .4s ease}.bgp-split-legend{display:flex;justify-content:space-between;margin-top:8px;font-size:9px;letter-spacing:.06em;text-transform:uppercase;color:var(--text-faint)}.bgp-split-legend b{font-variant-numeric:tabular-nums}.bgp-up,.bgp-up b{color:var(--up)}.bgp-down,.bgp-down b{color:var(--down)}.bgp-aspath{display:flex;flex-wrap:wrap;align-items:center;gap:4px 2px}.bgp-hop-wrap{display:inline-flex;align-items:center;gap:4px}.bgp-hop{font-size:10.5px;padding:3px 7px;border-radius:3px;background:var(--ink-2);border:1px solid var(--line);color:var(--text-dim);font-variant-numeric:tabular-nums}.bgp-hop--peer{border-color:var(--line-2);color:var(--text)}.bgp-hop--origin{background:#3fe0a81f;border-color:var(--accent);color:var(--accent)}.bgp-hop-arr{color:var(--text-faint);font-size:9px}.bgp-aspath-empty{font-size:10px;color:var(--text-faint);letter-spacing:.08em;padding:4px 0}.bgp-aspath-foot{display:flex;justify-content:space-between;align-items:baseline;gap:10px;margin-top:11px;padding-top:9px;border-top:1px solid var(--line);font-size:9px;letter-spacing:.08em;text-transform:uppercase}.bgp-aspath-prefix{color:var(--text);font-variant-numeric:tabular-nums;text-transform:none}.bgp-tops{display:flex;flex-direction:column;gap:7px}.bgp-tops-empty{font-size:10px;color:var(--text-faint);letter-spacing:.1em;text-transform:uppercase}.bgp-top-row{display:grid;grid-template-columns:16px 64px 1fr 44px;gap:9px;align-items:center;font-size:11px}.bgp-top-i{color:var(--text-faint);font-size:9px}.bgp-top-asn{color:var(--text);font-variant-numeric:tabular-nums;white-space:nowrap}.bgp-top-bar{height:5px;background:var(--ink-2);border-radius:3px;overflow:hidden}.bgp-top-bar i{display:block;height:100%;background:var(--accent);transition:width .4s ease}.bgp-top-n{text-align:right;color:var(--text-dim);font-variant-numeric:tabular-nums}@media(prefers-reduced-motion:reduce){.bgp-row,.bgp-row--withdraw,.bgp-dot--ok,.bgp-dot--connecting,.bgp-dot--reconnecting{animation:none}.bgp-spin{animation-duration:1.8s}}@media(max-width:720px){.bgp-body{flex-direction:column;overflow-y:auto}.bgp-feedwrap{border-right:none;border-bottom:1px solid var(--line);flex:1 0 auto;min-height:50vh}.bgp-rail{flex:1 0 auto;overflow-y:visible}.bgp-feed-h,.bgp-row{grid-template-columns:32px minmax(100px,1.3fr) 70px minmax(0,1.6fr);gap:8px;padding:0 12px}}