:root{color:#e8f0ec;background:#07110e;font:16px/1.5 Inter,ui-sans-serif,system-ui,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(circle at 15% 0,#153529,#07110e 45%);min-height:100vh;margin:0}main{width:min(1120px,100% - 32px);margin:auto;padding:72px 0}.hero{max-width:680px}.eyebrow{color:#7fe0ae;letter-spacing:.16em;text-transform:uppercase;font-size:.78rem}h1{margin:.25rem 0 1rem;font-size:clamp(2.4rem,7vw,5.5rem);line-height:.95}.hero>p:last-child,.muted{color:#94a79f}.panel,.candidate,.explain{background:#091913e0;border:1px solid #29453a;border-radius:14px}.panel{margin:36px 0 24px;padding:18px}form{grid-template-columns:repeat(3,1fr);align-items:end;gap:14px;display:grid}label{color:#adc0b7;font-size:.8rem}select,input,button{width:100%;color:inherit;font:inherit;background:#0c1d17;border:1px solid #35584a;border-radius:8px;margin-top:6px;padding:11px 12px}.query{grid-column:1/3}button{cursor:pointer;color:#04100b;background:#53d895;border-color:#53d895;font-weight:750}button:disabled{opacity:.55}.notice{color:#bdd0c7;border-top:1px solid #29453a;margin-top:16px;padding-top:14px}.notice small{color:#ef977e;display:block}.warning{color:#ffd479}.results{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.candidate{cursor:pointer;padding:16px}.candidate:hover,.candidate:focus{border-color:#53d895;outline:none}.candidate header{justify-content:space-between;gap:12px;display:flex}.best{color:#7fe0ae}dl{gap:6px;margin:14px 0;display:grid}dl div{grid-template-columns:145px 1fr;gap:8px;display:grid}dt{color:#718b80}dd{overflow-wrap:anywhere;margin:0}.communities{flex-wrap:wrap;gap:6px;display:flex}.communities span{background:#183127;border-radius:999px;padding:4px 9px;font-size:.75rem}.explain{color:#8fa69c;margin-top:24px;padding:12px 18px;font-size:.83rem}@media (max-width:720px){main{padding-top:42px}form,.results{grid-template-columns:1fr}.query{grid-column:auto}dl div{grid-template-columns:1fr}}.app-shell{background:#050b11;width:100%;min-height:100vh;margin:0;padding:0;position:relative;overflow:hidden}.globe-pane{background:radial-gradient(circle at 50% 45%,#102a34 0,#07131b 48%,#03070b 100%);position:fixed;inset:0}.globe{touch-action:none;width:100%;height:100%;display:block}.topbar,.control-panel,.detail-panel,.route-panel,.legend{z-index:2;position:fixed}.topbar{pointer-events:none;background:linear-gradient(#050b11cc,#0000);justify-content:space-between;align-items:flex-start;padding:22px 28px;display:flex;inset:0 0 auto}.topbar>*,.control-panel,.detail-panel,.route-panel,.legend{pointer-events:auto}.topbar h1{margin:.15rem 0;font-size:clamp(1.5rem,3vw,2.6rem)}.headline-metrics{color:#9eb1aa;align-items:center;gap:20px;font-size:.78rem;display:flex}.headline-metrics b{color:#74e0c1;text-align:center;font-size:1.35rem}.headline-metrics small{color:#91a59f;font-size:.65rem;font-weight:500;display:block}.control-panel{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#07151de6;border:1px solid #28434a;border-radius:14px;width:270px;padding:14px;top:108px;left:24px}.search{color:#74e0c1;align-items:center;gap:8px;display:flex}.search input{background:#102630;border:0;margin:0}.toggle-row{gap:6px;margin:12px 0;display:flex}.toggle-row button{color:#b5c7c2;background:#102630;border-color:#294852;padding:7px;font-size:.75rem}.toggle-row button.active{color:#06100f;background:#74e0c1}.node-list{gap:5px;max-height:52vh;display:grid;overflow:auto}.node-row{text-align:left;color:#e6f0ec;background:0 0;border-color:#0000;grid-template-columns:10px 1fr auto;align-items:center;gap:9px;padding:9px;display:grid}.node-row:hover,.node-row.selected{background:#12303a;border-color:#2a5b62}.node-row strong,.node-row small{display:block}.node-row small{color:#8fa9a3;font-size:.68rem}.node-dot,.legend-dot,.state i{background:#8b9895;border-radius:50%;width:8px;height:8px;display:inline-block}.node-dot.role-reflector{background:#f5bd62;box-shadow:0 0 8px #f5bd6288}.state{white-space:nowrap;color:#99aaa5;font-size:.65rem}.state i{background:currentColor;width:6px;height:6px;margin-right:4px}.state-established{color:#70ddbc}.state-disconnected{color:#ee766e}.state-unknown{color:#a3aaa6}.detail-panel{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#07151de6;border:1px solid #28434a;border-radius:14px;width:330px;max-height:52vh;padding:18px;top:108px;right:24px;overflow:auto}.detail-heading{justify-content:space-between;display:flex}.detail-heading h2{margin:.2rem 0 0}.detail-heading p{color:#9db0aa;margin:0;font-size:.8rem}.detail-heading button{border-radius:50%;width:30px;height:30px;margin:0;padding:0}.history{gap:8px;margin:20px 0;display:grid}.history svg{background:#0d2530;border-radius:5px;width:100%;height:44px}.session-list{gap:8px;display:grid}.session-row{border:1px solid #203a43;border-radius:8px;gap:4px;padding:9px;display:grid}.session-row small{color:#9db0aa;font-size:.7rem}.empty-detail{color:#9db0aa;font-size:.85rem}.route-panel{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#07151de8;border:1px solid #28434a;border-radius:14px;max-height:31vh;padding:14px 18px;bottom:42px;left:24px;right:24px;overflow:auto}.route-heading{justify-content:space-between;align-items:center;display:flex}.route-heading h2{margin:.15rem 0 .5rem;font-size:1.05rem}.route-panel form{grid-template-columns:1fr 1.2fr .7fr 1.5fr .7fr;gap:8px}.route-panel form input,.route-panel form select,.route-panel form button{margin:0;padding:8px;font-size:.78rem}.route-panel .results{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:10px}.route-panel .candidate{padding:10px;font-size:.72rem}.route-panel dl{margin:8px 0}.route-panel dl div{grid-template-columns:100px 1fr}.legend{color:#8ca09a;flex-wrap:wrap;gap:14px;font-size:.68rem;display:flex;bottom:14px;left:24px}.legend-dot.fresh{background:#46d0b6}.legend-dot.unknown{background:#9ba7a0}.legend-dot.rr{background:#f5bd62}@media (max-width:800px){.topbar{padding:14px}.headline-metrics{gap:8px}.control-panel{width:auto;top:84px;left:12px;right:12px}.node-list{grid-template-columns:repeat(3,1fr);max-height:23vh}.detail-panel{width:auto;max-height:25vh;inset:auto 12px 190px}.route-panel{max-height:30vh;bottom:36px;left:12px;right:12px}.route-panel form{grid-template-columns:repeat(2,1fr)}.route-panel .results{grid-template-columns:1fr}.legend{bottom:8px;left:12px}}