.live-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:32px;margin:5px 0 26px}.live-heading h1{font-size:clamp(1.9rem,3vw,2.75rem)}.live-heading .intro{max-width:650px}.live-connection{display:grid;gap:5px;text-align:right;max-width:270px;font-size:.875rem;color:var(--muted);line-height:1.45}.connection-label{font:.75rem var(--mono);letter-spacing:.04em}.live-connection strong{font-size:1rem;color:var(--text)}.live-connection strong[data-live=true]{color:var(--accent)}.live-metrics{display:grid;grid-template-columns:repeat(5,1fr);gap:20px;padding:18px 0 21px;border-top:1px solid var(--line)}.live-metrics>div{display:grid;gap:7px}.live-metrics span{font-size:.875rem;color:var(--muted)}.live-metrics strong{font:500 1.1rem var(--mono)}.live-grid{display:grid;grid-template-columns:250px minmax(0,1fr) 310px;gap:24px}.browser-live{grid-column:1 / 3;grid-row:1;background:#071117;color:#d6e0e5;min-width:0}.browser-bar{padding:14px 17px;display:flex;align-items:center;justify-content:space-between;gap:18px;min-height:52px}.browser-bar h2{font-size:.875rem;white-space:nowrap}.browser-bar a{font:.75rem var(--mono);color:#a6bbc5;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.screen-wrap{position:relative;aspect-ratio:1120/700;overflow:hidden;background:#101c24}.screen-wrap>img{display:block;width:100%;height:100%;object-fit:contain}.screen-wrap>img[hidden]{display:none}.screen-wrap>svg{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;filter:drop-shadow(0 1px 2px #000)}.stream-empty{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:35px;background:#0b1821ee;gap:10px;line-height:1.5}.stream-empty[hidden]{display:none}.stream-empty>p{font-size:1.35rem}.stream-empty>span:last-child{font-size:.9375rem;color:#a8b9c3;max-width:380px}.stream-empty .eyebrow{color:#8ba3af;margin:0}.frame-caption{position:absolute;bottom:12px;left:14px;color:#e1e9ed;background:#0b1924de;font:.75rem var(--mono);padding:6px 9px}.browser-bottom{padding:13px 17px;display:flex;justify-content:space-between;gap:20px;font-size:.75rem;line-height:1.4;color:#9fb2bc}.browser-bottom>span:first-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.browser-bottom>span:last-child{white-space:nowrap}.live-neural{grid-column:3;grid-row:1 / 3;background:#071117;color:#e1ebee;min-width:0;align-self:start}.live-neural .brain-stage{height:260px}.live-neural .brain-toolbar{padding:17px}.live-neural .brain-toolbar p{font-size:.75rem}.live-rates{padding:0 17px}.live-rate{display:grid;grid-template-columns:1fr auto;gap:7px 12px;padding:10px 0;font-size:.875rem}.live-rate output{font-size:.75rem;color:#a8c5cd}.live-rate-meter{grid-column:1 / 3;height:3px;background:#203640}.live-rate-meter>i{display:block;width:0;height:3px;background:#82bfb3}.neural-note{padding:20px 17px 22px;font-size:.875rem;line-height:1.55;color:#a8bbc4}.neural-note a{text-decoration:underline;text-underline-offset:3px}.live-input{grid-column:1;grid-row:2}.live-input .panel-heading{margin-bottom:15px}.live-input canvas{display:block;width:100%;height:auto;image-rendering:pixelated;background:#101c24}.live-input>p{font-size:.875rem;color:var(--muted);line-height:1.6;margin:13px 0}.live-events{grid-column:2;grid-row:2;min-width:0}.live-events>ol{padding:0;margin:13px 0 0;list-style:none}.live-events li{display:grid;grid-template-columns:65px 1fr;gap:7px 12px;padding:12px 0;border-top:1px solid var(--line);font-size:.875rem;line-height:1.5}.live-events time{color:var(--muted);font:.75rem/1.8 var(--mono)}.event-kind{display:inline-block;font:.6875rem var(--mono);letter-spacing:.04em;color:var(--muted);text-transform:uppercase;margin-right:8px}.event-url{display:block;font-size:.8125rem;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.live-events li.event-empty{display:block;color:var(--muted)}.live-footnote{display:flex;justify-content:space-between;align-items:center;gap:30px;padding:20px 0;margin-top:23px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.live-footnote>p{font-size:.875rem;color:var(--muted);line-height:1.6;max-width:690px}.live-footnote>div{display:flex;gap:20px;align-items:center;flex-shrink:0}.live-footnote a{font-size:.875rem;text-decoration:underline;text-underline-offset:4px}.live-main .genesis-plan{border-top:0;margin-top:10px}
@media(max-width:1250px){.live-grid{grid-template-columns:210px minmax(0,1fr) 260px;gap:20px}.live-footnote{align-items:flex-start}.live-footnote>div{flex-direction:column;align-items:flex-start;gap:13px}.live-neural .brain-stage{height:235px}.browser-bar{flex-wrap:wrap;gap:7px}.browser-bar a{width:100%}}
@media(max-width:1000px){.live-grid{grid-template-columns:220px minmax(0,1fr)}.browser-live{grid-column:1 / 3}.live-neural{grid-column:1 / 3;grid-row:2;display:grid;grid-template-columns:1fr 1fr}.live-neural .brain-toolbar{grid-column:1 / 3}.live-neural .brain-stage{grid-column:1;grid-row:2;height:300px}.live-rates{grid-column:2;grid-row:2}.live-rate{padding:8px 0}.neural-note{grid-column:1 / 3;padding-top:15px}.live-input{grid-row:3}.live-events{grid-row:3}.live-metrics{gap:13px}.browser-bar{flex-wrap:nowrap}.browser-bar a{width:auto}}
@media(max-width:620px){.live-heading{display:block;margin-top:0}.live-connection{text-align:left;margin-top:18px;max-width:none;grid-template-columns:auto 1fr;gap:5px 16px}.connection-label{grid-column:1;align-self:center}.live-connection>strong{grid-column:2}.live-connection>span:last-child{grid-column:1 / 3}.live-metrics{grid-template-columns:repeat(3,minmax(0,1fr));gap:17px 12px}.live-metrics strong{font-size:.9375rem}.live-metrics span{font-size:.8125rem}.live-grid{grid-template-columns:1fr;gap:23px}.browser-live{grid-column:1;grid-row:1;margin:0 -16px}.browser-bar{flex-wrap:wrap;gap:7px}.browser-bar a{width:100%}.screen-wrap{min-height:230px;aspect-ratio:1120/700}.stream-empty{padding:25px}.stream-empty>p{font-size:1.05rem}.stream-empty>span:last-child{font-size:.875rem}.stream-empty .eyebrow{font-size:.6875rem}.frame-caption{font-size:.6875rem;bottom:8px;left:9px}.browser-bottom{flex-wrap:wrap;gap:7px}.live-neural{grid-column:1;grid-row:2;margin:0 -16px}.live-neural .brain-stage{height:310px}.live-rate{font-size:.8125rem}.live-rates{padding-left:5px}.live-input{grid-column:1;grid-row:3}.live-input canvas{max-width:320px}.live-events{grid-column:1;grid-row:4}.live-footnote{display:block;margin-top:0}.live-footnote>div{margin-top:17px;gap:15px}.event-kind{font-size:.75rem}.reference-status>a{white-space:normal}}