:root{--bg-0: #070b12;--bg-1: #0d1520;--bg-2: #121c2a;--border: rgba(148, 163, 184, .16);--text: #e2e8f0;--muted: #94a3b8;--teal: #2dd4bf;--teal-dim: rgba(45, 212, 191, .14);--danger: #f87171;--ok: #34d399;--warn: #fbbf24;--font: "IBM Plex Sans", "Segoe UI", system-ui, sans-serif;--mono: "IBM Plex Mono", ui-monospace, SFMono-Regular, Menlo, monospace;color-scheme:dark}*,*:before,*:after{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;font-family:var(--font);color:var(--text);background:radial-gradient(1200px 600px at 10% -10%,rgba(45,212,191,.12),transparent 55%),radial-gradient(900px 500px at 90% 0%,rgba(56,189,248,.08),transparent 50%),linear-gradient(180deg,var(--bg-0),var(--bg-1) 40%,#081018);line-height:1.45}a{color:var(--teal)}.muted{color:var(--muted)}.error-text{color:var(--danger)}.btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--border);background:var(--bg-2);color:var(--text);border-radius:8px;padding:.5rem .9rem;font:inherit;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:.35rem}.btn:disabled{opacity:.45;cursor:not-allowed}.btn--primary{background:linear-gradient(180deg,#14b8a6,#0f766e);border-color:#2dd4bf59;color:#042f2e;font-weight:600}.btn--ghost{background:transparent}.spinner{width:1.5rem;height:1.5rem;border-radius:50%;border:2px solid rgba(148,163,184,.25);border-top-color:var(--teal);animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.gate{min-height:100vh;display:grid;place-items:center;padding:1.5rem}.gate__card{width:min(440px,100%);background:#0d1520eb;border:1px solid var(--border);border-radius:14px;padding:1.75rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.gate__heading{margin:0 0 .5rem;font-size:1.45rem}.gate__title{margin:.75rem 0 .25rem;font-weight:600}.gate__actions{display:flex;flex-wrap:wrap;gap:.65rem;margin-top:1.1rem}.app{max-width:960px;margin:0 auto;padding:1.25rem 1rem 3rem;display:flex;flex-direction:column;gap:1rem}.app__header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}.app__brand{margin:0;font-size:1.55rem;font-weight:700;letter-spacing:-.02em;color:var(--teal)}.app__tagline{margin:.15rem 0 0;font-size:.9rem}.disclaimer{border:1px solid rgba(45,212,191,.25);background:var(--teal-dim);border-radius:10px;padding:.75rem .95rem;font-size:.88rem;color:#ccfbf1}.signal-status{display:flex;align-items:center;gap:.75rem;padding:.85rem 1rem;border-radius:12px;border:1px solid var(--border);background:#121c2ad9}.signal-status__dot{width:.65rem;height:.65rem;border-radius:50%;flex-shrink:0;background:var(--muted)}.signal-status--connected .signal-status__dot{background:var(--ok);box-shadow:0 0 0 3px #34d39933}.signal-status--connecting .signal-status__dot{background:var(--warn)}.signal-status--error .signal-status__dot{background:var(--danger)}.signal-status__body{flex:1;min-width:0}.signal-status__line{margin:0;font-size:.92rem}.signal-status__title{font-weight:600}.signal-status__detail{margin:.35rem 0 0;font-size:.82rem;color:var(--danger)}.signal-lane{color:var(--muted)}.signal-lane--connected{color:#a7f3d0}.signal-lane--error{color:#fecaca}.signal-lane--skipped{opacity:.55}.signal-lane__msg{opacity:.85}.settings{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.event-picker{border:1px solid var(--border);border-radius:12px;background:#0d1520bf;padding:.9rem 1rem 1rem}.event-picker__title{margin:0 0 .65rem;font-size:.95rem}.event-options{display:grid;gap:.35rem}.event-options__item{display:flex;align-items:flex-start;gap:.5rem;font-size:.88rem;cursor:pointer}.feed{border:1px solid var(--border);border-radius:12px;background:#0d1520b8;padding:1rem}.feed__header{display:flex;justify-content:space-between;align-items:flex-start;gap:.75rem;margin-bottom:.75rem}.feed__title{margin:0;font-size:1.1rem}.feed__sub{margin:.2rem 0 0;font-size:.85rem}.feed__empty{margin:.5rem 0 0}.feed__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.55rem}.feed__item{border:1px solid var(--border);border-radius:10px;padding:.7rem .85rem;background:#070b1273}.feed__meta{display:flex;gap:.55rem;align-items:center;font-size:.75rem;color:var(--muted);font-family:var(--mono)}.feed__lane{color:var(--teal)}.feed__main{display:flex;flex-wrap:wrap;gap:.45rem .7rem;align-items:baseline;margin-top:.25rem}.feed__symbol{font-weight:700;font-family:var(--mono);letter-spacing:.02em}.feed__event{color:#cbd5e1}.feed__lean{font-size:.8rem;padding:.1rem .45rem;border-radius:999px;background:#38bdf81f;color:#7dd3fc;border:1px solid rgba(56,189,248,.25)}.feed__tokens,.feed__summary{margin:.35rem 0 0;font-size:.82rem}@media(max-width:640px){.app__header{flex-direction:column}.signal-status{flex-wrap:wrap}.signal-status__btn{width:100%}}