.obs-root{position:relative;min-height:100svh;display:flex;flex-direction:column;overflow-x:hidden}.obs-topbar{position:sticky;top:0;z-index:100;display:grid;grid-template-columns:220px 1fr 220px;align-items:center;gap:1rem;padding:.75rem 1.75rem;background:rgba(249,250,251,.88);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid rgba(0,0,0,.06)}.obs-topbar__left{display:flex;align-items:center;gap:1rem}.obs-logo{display:flex;align-items:baseline;gap:.4rem}.obs-logo__word{font-size:1rem;font-weight:600;letter-spacing:-.02em;color:var(--text)}.obs-logo__tag{font-size:.65rem;color:var(--text-subtle)}.obs-title{font-size:.7rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--text-muted);padding-left:1rem;border-left:1px solid var(--border)}.obs-topbar__center{display:flex;justify-content:center}.obs-topbar__right{display:flex;align-items:center;justify-content:flex-end;gap:.85rem}.obs-live-count{display:flex;align-items:center;gap:.4rem;font-size:.72rem;color:var(--text-muted)}.obs-pause-btn{font-size:.7rem;font-weight:600;letter-spacing:.04em;padding:.35rem .85rem;border:1px solid var(--border-strong);border-radius:var(--radius-full);color:var(--text-muted);transition:all .2s}.obs-pause-btn:hover,.obs-pause-btn--paused{background:var(--text);color:#fff;border-color:var(--text)}.obs-spawn-link{font-size:.7rem;font-weight:600;color:var(--emerald-dark);padding:.35rem .85rem;border:1px solid var(--emerald-glow);border-radius:var(--radius-full);background:var(--emerald-dim);transition:all .2s}.obs-spawn-link:hover{background:var(--emerald);color:#fff;border-color:var(--emerald)}.flow-bar{display:flex;align-items:center;gap:0}.flow-bar__item{display:flex;align-items:center}.flow-node{display:flex;flex-direction:column;align-items:center;gap:.15rem;padding:.25rem .75rem;border-radius:var(--radius-sm);border:1px solid color-mix(in srgb,var(--nc) 25%,transparent);background:color-mix(in srgb,var(--nc) 8%,transparent);min-width:80px}.flow-node__dot{width:6px;height:6px;border-radius:50%;background:var(--nc);box-shadow:0 0 6px var(--nc);animation:pulse-dot 2s ease-in-out infinite}@keyframes pulse-dot{0%,to{opacity:1;box-shadow:0 0 6px var(--nc)}50%{opacity:.6;box-shadow:0 0 12px var(--nc)}}.flow-node__name{font-size:.58rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--nc)}.flow-node__block{font-size:.6rem;color:var(--text-subtle)}.flow-arrow{display:flex;align-items:center;padding:0 .15rem}.flow-dash{animation:dash-move 1.2s linear infinite}@keyframes dash-move{to{stroke-dashoffset:-8}}.obs-grid{flex:1;display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;padding:1rem 1.25rem;position:relative;z-index:1}@media (max-width: 1024px){.obs-grid{grid-template-columns:1fr}.obs-topbar{grid-template-columns:1fr 1fr}.obs-topbar__center{display:none}}.chain-panel{background:rgba(255,255,255,.7);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(0,0,0,.07);border-top:2px solid var(--chain-color);border-radius:var(--radius-lg);padding:1.25rem;display:flex;flex-direction:column;gap:1rem;min-height:0}.cp-header{display:flex;justify-content:space-between;align-items:center}.cp-header__left,.cp-header__right{display:flex;align-items:center;gap:.5rem}.cp-status-dot{width:7px;height:7px;border-radius:50%;background:var(--text-subtle);transition:background .3s,box-shadow .3s}.cp-status-dot[data-status=live]{background:var(--chain-color);box-shadow:0 0 6px var(--chain-color);animation:pulse-dot 2s ease-in-out infinite}.cp-status-dot[data-status=error]{background:#ef4444}.cp-name{font-size:.8rem;font-weight:600;color:var(--text)}.cp-role{font-size:.6rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--chain-color);background:var(--chain-dim);padding:.15rem .5rem;border-radius:var(--radius-full)}.cp-chainid{font-size:.62rem;color:var(--text-subtle);font-family:var(--font-mono)}.cp-explorer{font-size:.7rem;color:var(--text-subtle);transition:color .2s}.cp-explorer:hover{color:var(--chain-color)}.cp-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:.5rem;padding:.85rem;background:rgba(0,0,0,.025);border-radius:var(--radius-md)}.cp-stat{display:flex;flex-direction:column;align-items:center;gap:.2rem}.cp-stat__val{font-size:.88rem;font-weight:600;color:var(--text);font-family:var(--font-mono);white-space:nowrap}.cp-stat__label{font-size:.58rem;color:var(--text-subtle);text-transform:uppercase;letter-spacing:.07em;text-align:center}.cp-sparklines{display:flex;flex-direction:column;gap:.4rem}.cp-spark-row{display:grid;grid-template-columns:52px 1fr;align-items:center;gap:.5rem}.cp-spark-label{font-size:.6rem;font-weight:600;letter-spacing:.07em;text-transform:uppercase;color:var(--text-subtle)}.sparkline{display:block;overflow:visible}.cp-feed{flex:1;display:flex;flex-direction:column;gap:.3rem;min-height:0}.cp-feed__header{display:grid;grid-template-columns:90px 1fr 40px 80px 40px;gap:.35rem;padding:0 .4rem .35rem;border-bottom:1px solid var(--border);font-size:.58rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--text-subtle)}.cp-feed__rows{overflow-y:auto;max-height:320px;display:flex;flex-direction:column;gap:.2rem}.cp-feed__empty{display:flex;align-items:center;gap:.5rem;font-size:.78rem;color:var(--text-subtle);padding:.75rem .4rem}.cp-row{display:grid;grid-template-columns:90px 1fr 40px 80px 40px;gap:.35rem;align-items:center;padding:.35rem .4rem;border-radius:8px;font-size:.72rem;transition:background .15s}.cp-row:hover{background:rgba(0,0,0,.03)}.cp-row--new{animation:row-flash .6s var(--ease-out) both}@keyframes row-flash{0%{background:var(--chain-dim)}to{background:transparent}}.cp-row__num{font-family:var(--font-mono);font-size:.7rem;font-weight:600;color:var(--chain-color);white-space:nowrap}.cp-row__num:hover{text-decoration:underline}.cp-row__hash{font-family:var(--font-mono);font-size:.66rem;color:var(--text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cp-row__hash:hover{color:var(--chain-color)}.cp-row__txs{font-family:var(--font-mono);font-size:.68rem;color:var(--text-muted);text-align:right}.cp-row__gas{display:flex;align-items:center;gap:.35rem;font-size:.65rem;color:var(--text-subtle)}.cp-gas-bar{height:4px;border-radius:2px;min-width:2px;max-width:28px;opacity:.5;transition:width .4s var(--ease-out)}.cp-row__age{font-family:var(--font-mono);font-size:.65rem;color:var(--text-subtle);text-align:right}.obs-footer{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.65rem 1.75rem;border-top:1px solid var(--border);font-size:.68rem;color:var(--text-subtle);background:rgba(249,250,251,.7)}.obs-footer__ts{font-family:var(--font-mono);color:var(--text-muted)}.obs-footer__hint{flex:1;text-align:center}.obs-footer__back{color:var(--text-muted);transition:color .2s;white-space:nowrap}.obs-footer__back:hover{color:var(--text)}.spinner-inline{display:inline-block;width:12px;height:12px;border:1.5px solid var(--border-strong);border-top-color:var(--text-muted);border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.live-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--emerald);box-shadow:0 0 6px var(--emerald);animation:pulse-dot 2s ease-in-out infinite;flex-shrink:0}.live-dot--dim{background:var(--text-subtle);box-shadow:none;animation:none}