.fl-live{margin:clamp(1rem,3vw,1.75rem) 0 0;border:2px solid var(--iron);background:var(--paper);position:relative;overflow:hidden;
  box-shadow:0 1px 0 var(--line-strong) inset,0 22px 48px -30px rgba(0,0,0,.6)}
.fl-live::before{content:"";position:absolute;inset:0 0 auto 0;height:3px;background:var(--line-strong)}
.fl-live.is-live::before{background:linear-gradient(90deg,transparent,#2FD16B,transparent);background-size:40% 100%;background-repeat:no-repeat}
@media (prefers-reduced-motion:no-preference){.fl-live.is-live::before{animation:fl-scan 2.4s linear infinite}}
@keyframes fl-scan{from{background-position:-40% 0}to{background-position:140% 0}}
.fl-live-head{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:.9rem clamp(.9rem,2.5vw,1.25rem) .2rem}
.fl-live-head h2{margin:0;font-size:clamp(1.4rem,4vw,1.9rem);font-variation-settings:"wdth" 118,"wght" 800;font-weight:normal}
.fl-conn{display:inline-flex;align-items:center;gap:.45rem;font-family:"IBM Plex Mono",ui-monospace,monospace;font-size:.75rem;color:var(--steel)}
.fl-conn i{width:.55rem;height:.55rem;border-radius:50%;background:var(--line-strong)}
.fl-conn.is-on i{background:#2FD16B;box-shadow:0 0 0 0 rgba(47,209,107,.6)}
@media (prefers-reduced-motion:no-preference){.fl-conn.is-on i{animation:fl-pulse 1.8s ease-out infinite}}
.fl-conn.is-off i{background:var(--rust)}

.fl-live-body{display:grid;gap:1rem;padding:.6rem clamp(.9rem,2.5vw,1.25rem) 1rem}
@media (min-width:56rem){.fl-live-body{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr)}}
.fl-live-count{display:flex;align-items:baseline;gap:.7rem;margin-bottom:.6rem}
.fl-live-count b{font-size:clamp(2.8rem,9vw,4rem);line-height:1;font-variation-settings:"wdth" 120,"wght" 800;font-weight:normal;font-variant-numeric:tabular-nums}
.fl-live.is-live .fl-live-count b{color:#2FD16B}
.fl-live-count span{color:var(--steel);font-size:.9375rem;max-width:14rem}

.fl-lanes{list-style:none;margin:0;padding:0;display:grid;gap:.35rem}
.fl-lanes li{display:grid;grid-template-columns:5.5rem minmax(0,1fr) 2.2rem;align-items:center;gap:.6rem}
.fl-lanes .n{font-size:.8125rem;color:var(--steel);white-space:nowrap}
.fl-lanes li.is-busy .n{color:var(--iron);font-variation-settings:"wdth" 100,"wght" 650}
.fl-lanes .c{font-family:"IBM Plex Mono",ui-monospace,monospace;font-size:.75rem;color:var(--steel-light);text-align:right;font-variant-numeric:tabular-nums}
.fl-lanes .track{position:relative;height:.9rem;background:var(--chip-bg);outline:1px solid var(--line);outline-offset:-1px;overflow:hidden}
.blip{position:absolute;top:50%;left:-1rem;width:.6rem;height:.6rem;margin-top:-.3rem;border-radius:50%;background:var(--hazard);box-shadow:0 0 10px var(--hazard)}
.blip-session{background:#2FD16B;box-shadow:0 0 10px #2FD16B}
.blip-stop{background:var(--steel-light);box-shadow:none}
.blip-subagent{background:#7FB6E8;box-shadow:0 0 10px #7FB6E8}
@media (prefers-reduced-motion:no-preference){.blip{animation:fl-blip 2.2s cubic-bezier(.3,.6,.4,1) forwards}}
@keyframes fl-blip{from{left:-1rem;opacity:1}85%{opacity:1}to{left:100%;opacity:0}}

.fl-feed{list-style:none;margin:0;padding:.6rem .75rem;min-height:14rem;max-height:20rem;overflow:hidden;
  background:#0E2236;color:#CFE2F4;font:500 .75rem/1.7 "IBM Plex Mono",ui-monospace,monospace;
  background-image:linear-gradient(rgba(120,170,220,.12) 1px,transparent 1px),linear-gradient(90deg,rgba(120,170,220,.12) 1px,transparent 1px);background-size:16px 16px;
  -webkit-mask-image:linear-gradient(to bottom,#000 70%,transparent);mask-image:linear-gradient(to bottom,#000 70%,transparent)}
.fl-feed:empty::before{content:"Waiting for the next agent to do something…";opacity:.6}
.fl-feed li{display:grid;grid-template-columns:4.6rem 3.6rem 4.6rem minmax(0,1fr);gap:.4rem;white-space:nowrap}
.fl-feed li > *{overflow:hidden;text-overflow:ellipsis}
.fl-feed time{opacity:.6}
.fl-feed .sid{color:#FFD27A}
.fl-feed .sf{opacity:.8}
.fl-feed .what-tool{color:#fff}
.fl-feed .what-session{color:#6BE39A}
.fl-feed .what-stop{opacity:.55}
.fl-feed .what-subagent{color:#9CCBF2}
@media (prefers-reduced-motion:no-preference){.fl-feed li.is-new{animation:fl-in .5s ease-out}}
@keyframes fl-in{from{background:rgba(255,210,122,.25);transform:translateX(-6px)}to{background:transparent;transform:none}}
.fl-live-note{margin:0;padding:.7rem clamp(.9rem,2.5vw,1.25rem) .9rem;border-top:1px solid var(--line);font-size:.8125rem;color:var(--steel-light);max-width:var(--measure)}