:root{font-family:Pretendard,Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:#e2e8f0}*{box-sizing:border-box}body{margin:0;background:#030712}#app{width:100vw;height:100vh}.layout{display:grid;grid-template-columns:280px 1fr;height:100%}.panel{border-right:1px solid #2b3c59;background:linear-gradient(180deg,#0c1428,#081022);padding:12px;overflow:auto}h1{margin:0;font-size:1rem;color:#eaf2ff;letter-spacing:.2px}.sub{margin:5px 0 10px;color:#b5c7e4;font-size:.78rem;line-height:1.4}.stats{border:1px solid #314764;border-radius:10px;padding:8px;background:#0f1b31;margin-bottom:8px}.stats h2{margin:0 0 6px;font-size:.88rem;color:#dbeafe}.row,.drow{display:flex;justify-content:space-between;font-size:.78rem;margin:4px 0;color:#d3e2f8}.row b,.drow b{color:#fff;font-size:.75rem}.detail{border:1px solid #314764;border-radius:10px;padding:8px;background:#0f1b31}.detail h2{margin:0 0 5px;font-size:.9rem;color:#bfdbfe}.hint{margin:6px 0 0;font-size:.72rem;color:#b8ccec;line-height:1.4}.svc{border:1px solid #334b6a;border-radius:8px;padding:6px 7px;margin-top:6px}.svc-title{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:10px;letter-spacing:.6px;margin-bottom:3px}.svc.algora .svc-title{color:#86efac}.svc.ao .svc-title{color:#fcd34d}.svc.bridge .svc-title{color:#93c5fd}.stage-wrap{position:relative;display:flex;justify-content:center;align-items:center;padding:8px}#stage{position:relative;border:1px solid #334155;border-radius:10px;overflow:hidden;box-shadow:0 20px 60px #00000073}.conn-status{display:flex;align-items:center;gap:6px;font-size:.72rem;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;color:#94a3b8;padding:5px 7px;border:1px solid #1e3a5f;border-radius:6px;background:#0a1628;margin-bottom:8px}.dot{display:inline-block;width:7px;height:7px;border-radius:50%}.dot.live{background:#22c55e;box-shadow:0 0 5px #22c55e88;animation:pulse-dot 2s infinite}.dot.offline{background:#ef4444}.dot.connecting{background:#f59e0b;animation:pulse-dot 1s infinite}@keyframes pulse-dot{0%,to{opacity:1}50%{opacity:.4}}.live-badge{font-size:8px;color:#22c55e;border:1px solid #22c55e55;border-radius:3px;padding:0 3px;margin-left:3px}.detail-desc{font-size:.72rem;color:#94a3b8;line-height:1.4;margin:5px 0;padding:5px;background:#0a1628;border-radius:5px;border:1px solid #1e3a5f}@media(max-width:1100px){.layout{grid-template-columns:1fr;grid-template-rows:220px 1fr}.panel{border-right:0;border-bottom:1px solid #223047}}