.hero-session{min-width:0;margin:0}.hero-session-window{border:1px solid var(--vl-line-2);background:var(--vl-canvas);border-radius:4px;padding:6px}.hero-session-bar{height:38px;color:var(--vl-ink-3);grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;padding:0 8px 6px 12px;font-size:11px;display:grid}.hero-session-dots{gap:6px;display:flex}.hero-session-dots i{border:1px solid var(--vl-line-2);border-radius:50%;width:7px;height:7px}.hero-session-title{color:var(--vl-ink-2);white-space:nowrap}.hero-session-title>span{color:var(--vl-ink-3)}.hero-session-chip{border:1px solid var(--vl-line);background:var(--vl-surface);color:var(--vl-ink-2);white-space:nowrap;border-radius:4px;justify-self:end;padding:3px 8px;font-size:10px}.hero-session-body{border:1px solid var(--vl-line);background:var(--vl-surface);border-radius:4px 4px 0 0;grid-template-columns:minmax(0,1fr) minmax(0,1.12fr);height:322px;display:grid;overflow:hidden}.hero-session-log{border-right:1px solid var(--vl-line);margin:0;padding:16px 16px 16px 14px;font-size:11.5px;line-height:1.8;list-style:none;overflow:hidden}.hero-session-line{-moz-column-gap:8px;grid-template-columns:12px 7.5ch minmax(0,1fr);column-gap:8px;animation:.22s cubic-bezier(.32,.72,.34,1) both hero-line-in;display:grid}.hero-session-mark{color:var(--vl-ink-3)}.hero-session-mark.is-ok{color:var(--vl-mint)}.hero-session-label{color:var(--vl-ink-3)}.hero-session-value{min-width:0;color:var(--vl-ink);overflow-wrap:anywhere}.hero-session-value.is-prompt{grid-column:2/-1}.hero-session-source{color:var(--vl-ink-3);text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.hero-session-cursor{vertical-align:-1px;background:var(--vl-mint);width:6px;height:12px;margin-left:2px;animation:1s step-end infinite hero-blink;display:inline-block}.hero-session-app{background:var(--vl-canvas);flex-direction:column;min-width:0;display:flex;position:relative}.hero-session-app-bar{border-bottom:1px solid var(--vl-line);height:32px;color:var(--vl-ink-3);letter-spacing:.09em;text-transform:uppercase;flex:none;justify-content:space-between;align-items:center;padding:0 14px;font-size:10px;font-weight:500;display:flex}.hero-session-live{align-items:center;gap:6px;display:inline-flex}.hero-session-live.is-live{color:var(--vl-ink)}.hero-session-live.is-live:before{content:"";background:var(--vl-mint);border-radius:50%;width:5px;height:5px;animation:1.2s ease-in-out infinite hero-pulse}.hero-session-answer{height:100%;color:var(--vl-ink-2);padding:14px 16px;font-size:12.5px;line-height:1.6;overflow:hidden}.hero-session-answer strong{color:var(--vl-ink);font-weight:500}.hero-session-answer code{color:var(--vl-ink);font-family:ui-monospace,SF Mono,SFMono-Regular,Menlo,monospace;font-size:11.5px}.hero-session-answer ul{margin:8px 0 0;padding:0;list-style:none}.hero-session-answer li{margin-top:5px;padding-left:14px;position:relative}.hero-session-answer li:before{content:"";background:var(--vl-ink-3);border-radius:50%;width:4px;height:4px;position:absolute;top:9px;left:2px}.hero-session-who{color:var(--vl-ink-3);letter-spacing:.09em;text-transform:uppercase;margin-bottom:6px;font-size:10px;font-weight:500;display:block}.hero-session-sources{flex-wrap:wrap;gap:6px;margin-top:12px;display:flex}.hero-session-sources>span{border:1px solid var(--vl-line-2);color:var(--vl-ink-2);border-radius:4px;padding:3px 7px;font-size:10px;line-height:1.4;animation:.3s cubic-bezier(.32,.72,.34,1) both hero-line-in}.hero-session-sources>span:nth-child(2){animation-delay:.12s}.hero-session-idle{color:var(--vl-ink-3);place-items:center;margin:0;font-size:10.5px;display:grid;position:absolute;inset:0}.hero-session-canvas{width:100%;height:100%;color:var(--vl-mint);pointer-events:none;position:absolute;inset:0}.hero-session-status{border:1px solid var(--vl-line);background:var(--vl-surface);height:34px;color:var(--vl-ink-2);letter-spacing:.09em;text-transform:uppercase;white-space:nowrap;border-top:0;border-radius:0 0 4px 4px;justify-content:space-between;align-items:center;gap:12px;padding:0 14px;font-size:10px;font-weight:500;display:flex}.hero-session-meter{color:var(--vl-ink);font-variant-numeric:tabular-nums;letter-spacing:0;text-transform:none}.hero-session-meter>span{text-align:right;min-width:5ch;display:inline-block}.hero-session-pip{background:var(--vl-ink-3);border-radius:50%;width:5px;height:5px}.hero-session-pip.is-live{background:var(--vl-mint);animation:1.2s ease-in-out infinite hero-pulse}.hero-session-stages{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;padding-top:6px;display:grid}.hero-session-stage{--tick:var(--vl-mint);color:var(--vl-ink-3);letter-spacing:.09em;text-transform:uppercase;flex-direction:column;align-items:center;gap:8px;padding:11px 6px 10px;font-size:10.5px;font-weight:500;transition:color .13s cubic-bezier(.32,.72,.34,1);display:flex}.hero-session-stage:hover,.hero-session-stage.is-active{color:var(--vl-ink)}.hero-session-segment{background:var(--vl-track);width:32px;height:2px;position:relative;overflow:hidden}.hero-session-segment>i{background:var(--vl-mint);transform-origin:0;position:absolute;inset:0}.hero-session-caption{color:var(--vl-ink-3);flex-wrap:wrap;justify-content:space-between;gap:6px 12px;padding:12px 4px 0;font-size:10.5px;display:flex}.hero-session-caption a{text-decoration:underline;-webkit-text-decoration-color:var(--vl-line-2);text-decoration-color:var(--vl-line-2);text-underline-offset:4px;transition:color .13s cubic-bezier(.32,.72,.34,1)}.hero-session-caption a:hover{color:var(--vl-ink)}@media (width<=639px){.hero-session-body{grid-template-columns:minmax(0,1fr);height:auto}.hero-session-log{border-right:0;border-bottom:1px solid var(--vl-line);height:290px}.hero-session-app{height:330px}.hero-session-bar{grid-template-columns:auto minmax(0,1fr) auto}.hero-session-title{text-overflow:ellipsis;overflow:hidden}}@keyframes hero-line-in{0%{opacity:0;transform:translateY(3px)}}@keyframes hero-blink{50%{opacity:0}}@keyframes hero-pulse{50%{opacity:.35}}@media (prefers-reduced-motion:reduce){.hero-session-line,.hero-session-sources>span,.hero-session-cursor,.hero-session-live.is-live:before,.hero-session-pip.is-live{animation:none}}.chapter-handoff{border:1px solid var(--vl-line);background:var(--vl-canvas);letter-spacing:.02em;max-width:100%;color:var(--vl-ink-2);text-align:center;border-radius:4px;align-items:center;gap:8px;padding:6px 12px;font-family:ui-monospace,SF Mono,SFMono-Regular,JetBrains Mono,Menlo,monospace;font-size:11px;line-height:1.4;display:inline-flex}.chapter-handoff-dot{background:var(--vl-mint);border-radius:999px;flex-shrink:0;width:5px;height:5px}