.rf{max-width:60rem;color:var(--foreground);flex-direction:column;gap:1.25rem;margin:0 auto;display:flex}.rf-head h1{letter-spacing:-.02em;font-size:1.9rem;font-weight:700}.rf-sub{color:var(--muted);margin-top:.6rem;font-size:.95rem;line-height:1.6}.rf-controls{flex-wrap:wrap;align-items:center;gap:.7rem;display:flex}.rf-btn{font-family:var(--font-mono);border:1px solid var(--border);background:var(--surface);color:var(--foreground);cursor:pointer;border-radius:9px;padding:.5rem .9rem;font-size:.82rem;transition:border-color .15s}.rf-btn:hover:not(:disabled){border-color:var(--accent)}.rf-btn:disabled{opacity:.5;cursor:not-allowed}.rf-btn.primary{background:var(--accent);border-color:var(--accent);color:var(--accent-foreground);font-weight:600}.rf-slider{color:var(--muted);font-size:.8rem;font-family:var(--font-mono);align-items:center;gap:.5rem;display:inline-flex}.rf-slider input[type=range]{accent-color:var(--accent);cursor:pointer}.rf-status{font-family:var(--font-mono);color:var(--muted);margin-left:auto;font-size:.8rem}.rf-body{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:1.5rem;display:grid}.rf-cluster{flex-direction:column;gap:.75rem;display:flex}.rf-svg{aspect-ratio:1;border:1px solid var(--border);background:radial-gradient(60% 60% at 50% 50%, color-mix(in srgb, var(--accent) 5%, transparent), transparent 70%), var(--surface);border-radius:14px;width:100%}.rf-edge{stroke:var(--border);stroke-width:.4px}.rf-msg{filter:drop-shadow(0 0 1.5px)}.rf-node{cursor:pointer}.rf-leader-ring{stroke:var(--foreground);stroke-width:1.2px}.rf-node-id{text-anchor:middle;dominant-baseline:middle;font-family:var(--font-mono);fill:#0a0a0b;font-size:6px;font-weight:700}.rf-node-term{text-anchor:middle;dominant-baseline:middle;font-family:var(--font-mono);fill:var(--muted);font-size:3.5px}.rf-legend{color:var(--muted);flex-wrap:wrap;gap:.75rem;font-size:.75rem;display:flex}.rf-legend-item{align-items:center;gap:.3rem;display:inline-flex}.rf-dot{border-radius:50%;width:.6rem;height:.6rem}.rf-side{flex-direction:column;gap:1.25rem;display:flex}.rf-logs h3,.rf-events h3{text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin-bottom:.5rem;font-size:.75rem}.rf-logrow{align-items:center;gap:.6rem;padding:.3rem 0;display:flex}.rf-logrow-id{font-family:var(--font-mono);flex-shrink:0;width:1.6rem;font-size:.78rem;font-weight:700}.rf-entries{flex-wrap:wrap;align-items:center;gap:.25rem;min-height:1.4rem;display:flex}.rf-entry{font-family:var(--font-mono);border:1px dashed var(--border);color:var(--muted);background:var(--surface);border-radius:5px;padding:.15rem .4rem;font-size:.7rem}.rf-entry.committed{color:var(--foreground);background:color-mix(in srgb, #34d399 14%, var(--surface));border-style:solid;border-color:#34d399}.rf-empty{color:var(--muted);opacity:.6;font-size:.72rem}.rf-events ul{border:1px solid var(--border);background:var(--surface);border-radius:10px;flex-direction:column;gap:.3rem;max-height:16rem;margin:0;padding:.6rem .8rem;list-style:none;display:flex;overflow-y:auto}.rf-events li{font-family:var(--font-mono);color:var(--muted);font-size:.72rem;line-height:1.4}.rf-events li:first-child{color:var(--foreground)}@media (max-width:700px){.rf-body{grid-template-columns:1fr}.rf-status{margin-left:0}}