*,:before,:after{box-sizing:border-box}:root{color:var(--fg);background:var(--bg);font-synthesis:none;--bg:#08111f;--fg:#e8f0fb;--card-bg:#0d1d31eb;--border:#203e60;--muted:#9bb0c9;font-family:Inter,ui-sans-serif,system-ui,sans-serif}body{background:radial-gradient(circle at top right, #173457 0, var(--bg) 42rem);min-width:320px;color:var(--fg);margin:0}body.light{--bg:#fafafa;--fg:#111;--card-bg:#fff;--border:#ccc;--muted:#52606d;background:var(--bg)}button{color:#dbeafe;cursor:pointer;font:inherit;background:#11243c;border:1px solid #31557b;border-radius:8px;padding:.55rem .8rem}button:hover:not(:disabled){background:#1c3a5e}button:disabled{cursor:wait;opacity:.65}.light button{background:var(--card-bg);border-color:var(--border);color:var(--fg)}.shell{max-width:1440px;margin:0 auto;padding:clamp(1rem,3vw,3rem)}.hero{border-bottom:1px solid var(--border);justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1rem;padding-bottom:1.5rem;display:flex}h1,h2,p{margin:0}h1{letter-spacing:-.06em;font-size:clamp(2rem,5vw,4rem)}h2{margin-top:.25rem;font-size:1.1rem}.subtitle{color:var(--muted);margin-top:.75rem}.eyebrow{color:#6fc5ff;letter-spacing:.14em;text-transform:uppercase;font-size:.7rem;font-weight:700}.status{color:#8ed8b0;white-space:nowrap;align-items:center;gap:.5rem;font-size:.75rem;font-weight:700;display:flex}.status-dot{background:#63d391;border-radius:50%;width:.55rem;height:.55rem;box-shadow:0 0 12px #63d391}.tabs{flex-wrap:wrap;gap:.5rem;margin:0 0 1rem;display:flex}.tab{color:var(--muted);background:0 0;border-color:#0000}.tab.active{color:#fff;background:#1c3a5e;border-color:#4d82b5}.tabs-select{display:none}.panel-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));gap:1rem;display:grid}.panel-card{background:var(--card-bg);border:1px solid var(--border);border-radius:14px;min-width:0;padding:1rem;box-shadow:0 12px 30px #0000001f}.panel-content{margin-top:1rem}.panel-heading{justify-content:space-between;align-items:flex-start;gap:.75rem;display:flex}.panel-actions{flex-shrink:0}.payload{color:#a9c7e5;white-space:pre-wrap;word-break:break-word;background:#07101de6;border-radius:8px;min-height:5rem;margin:0;padding:.8rem;font:.78rem/1.5 ui-monospace,SFMono-Regular,monospace;overflow:auto}.error{color:#ffb3c1;background:#401e2a;border-radius:6px;margin-bottom:1rem;padding:.65rem;font-size:.85rem}.poll-status{color:var(--muted);margin-bottom:.75rem;font-size:.75rem}.stream-status{color:var(--muted);white-space:nowrap;font-size:.75rem;font-weight:700}.stream-status.connected{color:#63d391}.process-node{margin-left:12px}.process-header{color:var(--fg);text-align:left;background:0 0;border:0;align-items:center;gap:.3rem;width:100%;padding:4px 0;display:flex}.process-header:hover{background:0 0}.process-chevron{color:var(--muted);margin-left:auto}.state-running{color:#4caf50}.state-sleeping{color:#ff9800}.state-blocked{color:#f44336}.process-children{border-left:1px solid var(--border);margin-left:20px;padding-left:10px}.control-actions{flex-wrap:wrap;gap:.5rem;margin-bottom:1rem;display:flex}.rule-list{gap:.75rem;display:grid}.rule-row{border-bottom:1px solid var(--border);grid-template-columns:1fr auto auto;align-items:center;gap:.75rem;padding-bottom:.75rem;display:grid}.rule-id{color:var(--muted);margin-top:.2rem;font-size:.75rem;display:block}.rule-enabled{color:#63d391;font-size:.8rem;font-weight:700}.rule-disabled{color:#f29b9b;font-size:.8rem;font-weight:700}.theme-toggle{background:var(--card-bg);border:1px solid var(--border);color:var(--fg);cursor:pointer;z-index:2;border-radius:6px;padding:8px 14px;position:fixed;top:12px;right:12px}@media (width<=560px){.hero{flex-direction:column}.status{align-self:flex-start}.tabs{display:none}.tabs-select{background:var(--card-bg);border:1px solid var(--border);color:var(--fg);font:inherit;border-radius:8px;width:100%;margin-bottom:1rem;padding:.55rem .8rem;display:block}.rule-row{grid-template-columns:1fr auto;align-items:start}.rule-row button{grid-column:1/-1;justify-self:start}}