body{background:var(--bg);color:var(--fg);font-family:var(--font-mono);margin:0}.app{padding-block:var(--s-lg) var(--s-2xl);padding-left:max(var(--s-lg), env(safe-area-inset-left));padding-right:max(var(--s-lg), env(safe-area-inset-right))}@media (width<=800px){.topbar-theme-toggle{display:none}}.appbar__brand .whimsy{font-size:inherit;letter-spacing:inherit}.intro{margin-block:var(--s-lg) var(--s-xl)}.lede{max-width:64ch;margin:0}.masthead-meta{gap:var(--s-xs);margin-top:var(--s-xs)}.sidenav button{align-items:center;gap:var(--s-sm);border-radius:var(--radius-sm);width:100%;min-height:44px;color:var(--fg-secondary);font-family:var(--font-sans);font-size:var(--t-label-md-size);text-align:left;cursor:pointer;transition:background var(--dur-fast) var(--ease), color var(--dur-fast) var(--ease);background:0 0;border:none;padding:6px 10px;display:flex}.sidenav button>.label{flex:1;min-width:0}.sidenav button:hover{background:var(--bg);color:var(--fg)}.sidenav button:focus-visible{outline:var(--focus-width) solid var(--accent);outline-offset:var(--focus-offset-inset)}.sidenav button[aria-current=page]{background:var(--bg);color:var(--accent);box-shadow:inset 2px 0 0 var(--accent)}.tab{border-radius:var(--radius-sm)}.tab--active{background:var(--bg-raised);color:var(--fg);box-shadow:inset 0 -2px 0 var(--accent)}.legend{gap:var(--s-md);padding:var(--s-sm) var(--s-md);background:var(--bg-raised);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--fg-secondary)}.legend-item{align-items:center;gap:6px;display:inline-flex}.scenario-tabs{gap:var(--s-xs)}.transport{gap:var(--s-xs);align-items:center}.step-counter{color:var(--fg-secondary);font-size:var(--t-body-md-size);margin-left:var(--s-sm)}.turn-complete{margin-left:var(--s-sm);color:var(--fg-secondary)}.scenario-title{font-family:var(--font-sans);color:var(--fg);margin:var(--s-sm) 0 var(--s-md);font-size:var(--t-body-lg-size)}.compare-controls{justify-content:space-between;align-items:center;gap:var(--s-md);flex-wrap:wrap;display:flex}.compare-grid{gap:var(--s-md);padding-bottom:var(--s-md);display:flex;overflow-x:auto}.compare-dots{display:none}@media (width<=800px){.compare-dots{justify-content:center;align-items:center;gap:var(--s-sm);margin-top:var(--s-sm);display:flex}}.compare-dot{background:var(--fg-secondary);opacity:.4;cursor:pointer;width:8px;min-width:8px;height:8px;min-height:8px;transition:opacity var(--dur-fast) var(--ease), background var(--dur-fast) var(--ease);border:none;border-radius:50%;padding:0;position:relative}.compare-dot:before{content:"";position:absolute;inset:-18px}.compare-dot--active{background:var(--accent);opacity:1}.compare-dot:focus-visible{outline:var(--focus-width) solid var(--accent);outline-offset:4px}.compare-scroll{position:relative}.compare-fade{top:0;bottom:var(--s-md);pointer-events:none;opacity:0;z-index:1;width:44px;transition:opacity var(--dur-fast) var(--ease);position:absolute}.compare-fade[data-show=true]{opacity:1}.compare-fade--left{background:linear-gradient(to right, var(--bg), transparent);left:0}.compare-fade--right{background:linear-gradient(to left, var(--bg), transparent);right:0}.compare-chev{z-index:2;background:var(--bg-raised);border:1px solid var(--border);transition:opacity var(--dur-fast) var(--ease);border-radius:50%;position:absolute;top:50%;transform:translateY(-50%)}.compare-chev--left{left:4px}.compare-chev--right{right:4px}.compare-chev:disabled{opacity:0;pointer-events:none}.compare-col{transition:border-color var(--dur-fast) var(--ease);flex:0 0 290px}.compare-col--done{background:var(--bg);border-left:2px solid var(--success)}.compare-col svg{max-width:100%;height:auto}@media (width<=800px){.compare-scroll{margin-inline:calc(-1 * var(--s-lg))}.compare-grid{scroll-snap-type:x mandatory;align-items:flex-start}.compare-col{scroll-snap-align:center;flex-basis:100%}.compare-chev{display:none}}.compare-col-head{justify-content:space-between;align-items:center;gap:var(--s-sm);margin-bottom:4px;display:flex}.lang-badge{font-size:var(--t-label-sm-size);border-radius:var(--radius-sm);background:var(--steel-fill);color:var(--fg);padding:2px 8px}.loop-style{font-size:var(--t-label-sm-size);color:var(--fg-secondary);font-family:var(--font-sans);margin-bottom:var(--s-sm);min-height:2.4em}.compare-caption{margin-top:var(--s-sm);min-height:3.2em;font-size:var(--t-label-md-size);flex-direction:column;gap:4px;display:flex}.harness-meta{align-items:baseline;gap:var(--s-md);margin:var(--s-sm) 0 var(--s-md);flex-wrap:wrap;display:flex}.harness-meta .loop-style{min-height:0;margin-bottom:0}.harness-meta--flush{margin:0}.repo-link{color:var(--accent);font-size:var(--t-body-md-size);text-decoration:none}.repo-link:hover{text-decoration:underline}a.anchor{color:var(--accent);text-decoration:none}a.anchor:hover{text-decoration:underline}.player-body{gap:var(--s-lg);grid-template-columns:minmax(0,1fr) 320px;align-items:start;display:grid}.graph-pane{position:relative}.loop-node-label{box-sizing:border-box;text-align:center;height:100%;font-family:var(--font-mono);font-size:var(--t-label-sm-size);color:var(--dia-node-fg);overflow-wrap:anywhere;pointer-events:none;flex-direction:column;justify-content:center;align-items:center;padding:2px 11px 2px 14px;line-height:1.12;display:flex}.loop-node-label--active{color:var(--fg);font-weight:700}.loop-node-line{display:block}.graph-viewport{cursor:grab;touch-action:pan-y;height:clamp(340px,58vh,620px);position:relative;overflow:hidden}.graph-viewport:active{cursor:grabbing}.graph-viewport__content{transform-origin:0 0;position:absolute;top:0;left:0}.graph-viewport__controls{--gap:var(--s-xs);margin-top:var(--s-xs)}.graph-viewport__level{font-family:var(--font-mono);font-size:var(--t-label-xs-size);color:var(--fg-secondary);text-align:center;min-width:4ch}.graph-expand{top:var(--s-sm);right:var(--s-sm);z-index:1;gap:6px;position:absolute}.graph-modal{flex-direction:column;max-height:92vh;padding:0;display:flex}.graph-modal__bar{justify-content:space-between;align-items:center;gap:var(--s-md);padding:var(--s-sm) var(--s-sm) var(--s-sm) var(--s-md);border-bottom:1px solid var(--border);display:flex}.graph-modal__title{font-family:var(--font-mono);font-weight:700}.graph-modal__bar .btn--icon{color:var(--fg)}.graph-modal__body{padding:var(--s-md);overflow:auto}.graph-modal__layout{gap:var(--s-lg);grid-template-columns:minmax(0,1fr) 300px;align-items:start;display:grid}.graph-modal__diagram{justify-content:center;align-items:flex-start;min-width:0;display:flex}.graph-modal__diagram svg{width:auto;max-width:100%;height:auto;max-height:78vh}.graph-modal__side{gap:var(--s-md);flex-direction:column;display:flex}@media (width<=800px){.graph-scrim{padding:0}.graph-modal{border:none;border-radius:0;width:100dvw;max-width:100dvw;height:100dvh;max-height:100dvh}.graph-modal__layout{grid-template-columns:1fr}.graph-modal__diagram svg{max-height:58dvh}}.inspector{top:var(--s-md);gap:var(--s-md);flex-direction:column;display:flex;position:sticky}.node-card-head{align-items:center;gap:8px;margin-bottom:4px;display:flex}.node-kind{font-size:var(--t-label-sm-size);color:var(--fg-secondary);text-transform:uppercase;letter-spacing:.04em;margin-bottom:var(--s-sm)}.node-note,.scenario-note{font-family:var(--font-sans);color:var(--fg-secondary);font-size:var(--t-body-md-size);margin:0;line-height:1.5}.scenario-note{padding-left:var(--s-md);border-left:2px solid var(--border)}.source-ref{font-family:var(--font-mono);font-size:var(--t-label-sm-size);color:var(--accent-bright);background:var(--bg);border-radius:var(--radius-sm);word-break:break-all;align-self:flex-start;padding:2px 6px}.fg-secondary{color:var(--fg-secondary)}.empty{color:var(--fg-secondary);padding:var(--s-2xl);text-align:center}.prose-page{max-width:var(--editorial-measure,66ch);padding-block:var(--s-xl);margin-inline:auto}.prose-page code{font-family:var(--font-mono)}@media (width<=800px){.player-body{grid-template-columns:1fr}.inspector{position:static}.graph-viewport{height:clamp(260px,45vh,380px)}}.hooks-hint{font-family:var(--font-sans);color:var(--fg-secondary);font-size:var(--t-body-md-size);margin:0 0 var(--s-md);max-width:70ch}.hooks-body,.wire-body{gap:var(--s-lg);grid-template-columns:minmax(0,1fr) 340px;align-items:start;display:grid}.hooks-list{gap:var(--s-sm);flex-direction:column;display:flex}.hooks-list-head{justify-content:space-between;align-items:center;gap:var(--s-sm);padding-bottom:var(--s-xs);border-bottom:1px solid var(--border);display:flex}.event-list{gap:var(--s-sm);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.event-item{background:var(--bg-raised);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--s-sm) var(--s-md);flex-direction:column;gap:4px;display:flex}.event-head{justify-content:space-between;align-items:center;gap:var(--s-sm);display:flex}.event-when{font-family:var(--font-sans);font-size:var(--t-label-md-size);color:var(--fg-secondary)}.event-controls{flex-wrap:wrap;gap:4px;display:flex}.control-chip{font-size:var(--t-label-xs-size);border-radius:var(--radius-sm);background:var(--bg);border:1px solid var(--border);color:var(--fg-secondary);padding:1px 6px}.wire-columns{gap:var(--s-md);grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);display:grid}.wire-col{flex-direction:column;gap:6px;display:flex}.wire-col-head{font-size:var(--t-label-sm-size);text-transform:uppercase;letter-spacing:.06em;color:var(--fg-secondary);margin-bottom:4px}.wire-block{justify-content:space-between;align-items:center;gap:var(--s-sm);border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--dia-node-bg);border-left:4px solid var(--steel);transition:opacity var(--dur-fast) var(--ease), border-color var(--dur-fast) var(--ease);padding:8px 10px;display:flex}.wire-system{border-left-color:var(--accent)}.wire-tools{border-left-color:var(--attention)}.wire-memory{border-left-color:var(--brand-purple)}.wire-messages{border-left-color:var(--steel)}.wire-text{border-left-color:var(--accent)}.wire-tool_use{border-left-color:var(--attention)}.wire-tool_result{border-left-color:var(--success)}.wire-label{font-size:var(--t-label-md-size)}.wire-tags{--gap:var(--s-xs)}.wire-dim{opacity:.28}.wire-active{border-color:var(--accent-bright);box-shadow:0 0 0 1px var(--accent-bright)}.wire-boundary{text-align:center;font-size:var(--t-label-xs-size);color:var(--fg-secondary);border-top:1px dashed var(--border);border-bottom:1px dashed var(--border);margin:2px 0;padding:4px 0}.cache-bp{font-size:var(--t-label-xs-size);color:var(--accent-bright);white-space:nowrap}.wire-caching{margin-top:var(--s-sm);padding-top:var(--s-sm);border-top:1px solid var(--border);font-size:var(--t-label-sm-size);color:var(--fg-secondary);font-family:var(--font-sans);flex-direction:column;gap:4px;display:flex}@media (width<=800px){.hooks-body,.wire-body{grid-template-columns:1fr}}.wire-mode{gap:var(--s-xs);margin-bottom:var(--s-md)}.curl{gap:var(--s-md);flex-direction:column;display:flex}.terminal{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg);overflow:hidden}.terminal-bar{background:var(--bg-raised);border-bottom:1px solid var(--border);align-items:center;gap:6px;padding:8px 12px;display:flex}.term-dot{background:var(--bg-inactive);border-radius:50%;width:10px;height:10px}.term-title{margin-left:var(--s-sm);font-size:var(--t-label-sm-size);color:var(--fg-secondary)}.terminal-body{padding:var(--s-md);max-height:60vh;font-size:var(--t-label-md-size);line-height:1.5;overflow-y:auto}.tline{padding:1px 0}.tline--active{background:var(--bg-raised);border-radius:var(--radius-sm)}.tline-text{font-family:var(--font-mono);white-space:pre-wrap;word-break:break-word;color:var(--fg);margin:0}.tline--comment .tline-text{color:var(--fg-disabled)}.tline--cmd .tline-text{color:var(--accent-bright)}.tline--body .tline-text{color:var(--fg-secondary);background:var(--bg-raised);border-left:3px solid var(--attention);border-radius:var(--radius-sm);font-size:var(--t-label-sm-size);margin:4px 0;padding:8px 10px}.tline--recv .tline-text{color:var(--fg)}.tline--recv .tline-text:before{content:"← ";color:var(--success)}.tline--run .tline-text{color:var(--success)}.tline--note .tline-text{color:var(--attention);font-style:italic}.tcursor{color:var(--accent-bright);animation:1s steps(2,start) infinite tblink}@keyframes tblink{to{opacity:0}}@media (prefers-reduced-motion:reduce){.tcursor{animation:none}}.tline-annot{font-family:var(--font-sans);font-size:var(--t-label-sm-size);color:var(--fg-secondary);padding-left:var(--s-md)}.tline-ref{margin-left:var(--s-md);font-size:var(--t-label-xs-size)}.seq-view{gap:var(--s-md);flex-direction:column;display:flex}.seq-body{gap:var(--s-lg);grid-template-columns:minmax(0,1fr) 320px;align-items:start;display:grid}@media (width<=800px){.seq-body{grid-template-columns:1fr}}