:root{--bg: #fafafa;--surface: #ffffff;--surface-subtle: #f4f4f5;--border: #e4e4e7;--border-strong: #d4d4d8;--text: #18181b;--text-secondary: #52525b;--text-muted: #a1a1aa;--brand: #5c2d4a;--focus-ring: color-mix(in srgb, var(--brand) 40%, transparent);--state-intervention: #dc2626;--state-intervention-bg: #fef2f2;--state-ready: #16a34a;--state-ready-bg: #f0fdf4;--state-running: #2563eb;--state-running-bg: #eff6ff;--state-stale: #d97706;--state-stale-bg: #fffbeb;--state-quiet: #71717a;--state-quiet-bg: #f4f4f5;--font-ui: system-ui, -apple-system, "Segoe UI", sans-serif;--font-mono: ui-monospace, SFMono-Regular, Menlo, monospace;--text-xs: 12px;--text-sm: 13px;--text-base: 14px;--text-lg: 16px;--text-xl: 20px;--s1: 4px;--s2: 8px;--s3: 12px;--s4: 16px;--s6: 24px;--s8: 32px;--r-sm: 6px;--r-md: 8px;--r-lg: 10px;--shadow-card: 0 1px 2px rgb(0 0 0 / 5%);--shadow-drawer: -12px 0 32px rgb(0 0 0 / 14%)}*{box-sizing:border-box}html{background:var(--bg)}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font-ui);font-size:var(--text-base);line-height:1.45}button,select,input{font:inherit}button,a,select,input{outline-color:var(--focus-ring)}a{color:inherit;text-decoration:none}a:hover,button:hover{text-decoration:none}code,pre,.mono,.metric,.spend-ticker,.braid-id,.fingerprint,.harness-chips,.diff-attribution,.event-row time,.decision-list time{font-family:var(--font-mono)}code{border:1px solid var(--border);border-radius:var(--r-sm);background:var(--surface-subtle);color:var(--text);padding:var(--s1) var(--s2)}.scenario-harness{position:sticky;top:0;z-index:20;background:var(--text);color:var(--surface);border-bottom:1px dashed var(--text-muted)}.harness-inner{display:flex;min-height:40px;align-items:center;gap:var(--s3);max-width:1120px;margin:0 auto;padding:var(--s2) var(--s6)}.harness-label,.section,.sub,.tier-label,.back-link{color:var(--text-muted);font-size:var(--text-xs);font-weight:700;letter-spacing:0;text-transform:uppercase}.fixture-switcher{display:inline-flex;align-items:center;gap:var(--s2);color:var(--text-muted);font-size:var(--text-xs);white-space:nowrap}.fixture-switcher select{max-width:220px;border:1px solid var(--border-strong);border-radius:var(--r-sm);background:var(--surface);color:var(--text);padding:var(--s1) var(--s2)}.harness-title{min-width:0;flex:1;overflow:hidden;color:var(--surface-subtle);font-size:var(--text-sm);text-overflow:ellipsis;white-space:nowrap}.harness-chips{display:inline-flex;gap:var(--s1);color:var(--surface);font-size:var(--text-xs)}.harness-chips span,.count-chip{display:inline-flex;align-items:center;min-height:20px;border:1px solid var(--border-strong);border-radius:var(--r-sm);padding:0 var(--s2)}.harness-button{border:1px solid var(--text-secondary);border-radius:var(--r-sm);background:transparent;color:var(--surface);cursor:pointer;font-size:var(--text-xs);padding:var(--s1) var(--s2)}.app-shell{min-height:100vh}.top-bar{height:48px;border-bottom:1px solid var(--border);background:var(--surface)}.top-bar-inner{display:flex;height:100%;max-width:1120px;align-items:center;gap:var(--s6);margin:0 auto;padding:0 var(--s6)}.brand{display:inline-flex;align-items:center;gap:var(--s2);color:var(--text);font-weight:600;white-space:nowrap}.brand-mark{display:inline-block;height:24px;width:auto}.top-nav{display:flex;min-width:0;flex:1;align-self:stretch;align-items:center;gap:var(--s4);overflow-x:auto}.top-nav a{display:inline-flex;height:100%;align-items:center;border-bottom:2px solid transparent;color:var(--text-secondary);font-size:var(--text-sm);white-space:nowrap}.top-nav a[data-active=true]{border-bottom-color:var(--brand);color:var(--text)}.spend-ticker{color:var(--text-secondary);font-size:var(--text-sm);white-space:nowrap}.content{max-width:1120px;margin:0 auto;padding:var(--s6)}.surface{display:grid;gap:var(--s4)}.surface-head,.detail-head,.card-head,.lane-head,.receipt-head,.tier-head,.braid-row,.braid-line,.metrics,.thread-meta,.action-row,.scope-list,.diff-meta,.verdict-line,.topology-point{display:flex;align-items:center;gap:var(--s2)}.surface-head,.detail-head,.card-head,.lane-head,.receipt-head,.tier-head,.braid-row{justify-content:space-between}.detail-head{align-items:flex-start;border-bottom:1px solid var(--border);padding-bottom:var(--s3)}h1{margin:0;color:var(--text);font-size:var(--text-xl);font-weight:650;line-height:1.2}.section,.sub{margin:0}.queue-tier,.scratch-group,.decision-day,.thread-stack,.topology{display:grid;gap:var(--s2)}.tier-head{margin-top:var(--s2)}.count-chip{background:var(--surface-subtle);color:var(--text-secondary);font-family:var(--font-mono);font-size:var(--text-xs)}.empty-state{display:grid;max-width:520px;justify-self:center;gap:var(--s2);margin:var(--s8) 0;text-align:center}.empty-state h2{margin:0;color:var(--text);font-size:var(--text-lg)}.empty-state p,.muted,.calm-note{margin:0;color:var(--text-secondary)}.braid-card,.panel,.scratch-session,.thread-lane{border:1px solid var(--border);border-radius:var(--r-md);background:var(--surface);box-shadow:var(--shadow-card)}.braid-card{padding:var(--s3)}.braid-main{min-width:0;flex:1}.braid-line{min-width:0;flex-wrap:wrap}.braid-id,.thread-name{color:var(--text);font-weight:600}.braid-id:hover,.back-link:hover,.receipt-link:hover,.contributor-chip:hover,.gate-check:hover,.diff-attribution:hover{text-decoration:underline}.state-badge,.verdict-badge,.attempt-badge,.anomaly-badge,.stale-cue,.metric,.diff-attribution,.gate-check,.contributor-chip,.thread-count{display:inline-flex;min-height:22px;align-items:center;border:1px solid var(--border);border-radius:var(--r-sm);background:var(--surface-subtle);color:var(--text-secondary);font-size:var(--text-xs);line-height:1;padding:var(--s1) var(--s2);white-space:nowrap}.tone-intervention{border-color:var(--state-intervention);background:var(--state-intervention-bg);color:var(--state-intervention)}.tone-ready{border-color:var(--state-ready);background:var(--state-ready-bg);color:var(--state-ready)}.tone-running{border-color:var(--state-running);background:var(--state-running-bg);color:var(--state-running)}.tone-stale{border-color:var(--state-stale);background:var(--state-stale-bg);color:var(--state-stale)}.tone-quiet,.muted-badge{border-color:var(--state-quiet);background:var(--state-quiet-bg);color:var(--state-quiet)}.reason-line{margin-top:var(--s2);color:var(--state-intervention);font-size:var(--text-sm)}.reason-line span+span:before{content:"; "}.lifecycle-strip{display:inline-flex;align-items:center;gap:var(--s2);border:0;background:transparent;color:var(--text-secondary);cursor:pointer;font-size:var(--text-xs);padding:0}.lifecycle-segments{display:inline-flex;gap:var(--s1)}.lifecycle-segment{width:8px;height:8px;border-radius:var(--r-sm);background:var(--border-strong)}.lifecycle-segment.is-filled{background:var(--text-secondary)}.lifecycle-segment.is-current{background:var(--text)}.lifecycle-current{color:var(--text-secondary)}.action-row{flex-wrap:wrap;justify-content:flex-end;margin-left:var(--s4)}.simulated{color:var(--text-muted);font-size:var(--text-xs)}.action-button,.receipt-link,.icon-button{background:transparent;color:inherit;cursor:pointer;font:inherit}.action-button{min-height:28px;border:1px solid var(--border-strong);border-radius:var(--r-sm);color:var(--text-secondary);font-size:var(--text-sm);padding:var(--s1) var(--s3)}.action-button.is-primary{border-color:var(--state-ready);background:var(--state-ready);color:var(--surface)}.action-button.is-refused{color:var(--text-muted);cursor:not-allowed}.receipt-link,.icon-button{border:0;padding:0}.tabs{display:flex;border-bottom:1px solid var(--border)}.tabs a{border-bottom:2px solid transparent;color:var(--text-secondary);font-size:var(--text-sm);padding:var(--s2) var(--s3)}.tabs a[data-active=true]{border-bottom-color:var(--text);color:var(--text)}.panel,.scratch-session,.thread-lane{display:grid;gap:var(--s3);padding:var(--s3)}.gate-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--s2)}.gate-row{display:grid;gap:var(--s1);min-width:0;border:1px solid var(--border);border-radius:var(--r-sm);background:var(--surface-subtle);padding:var(--s2)}.gate-row>span{min-width:0;overflow-wrap:anywhere;color:var(--text-secondary);font-size:var(--text-sm)}.anomaly-row,.thread-summary{display:grid;grid-template-columns:minmax(160px,220px) minmax(0,1fr);gap:var(--s3);align-items:start}.thread-summary{align-items:center}.thread-summary>div:first-child{display:flex;min-width:0;align-items:center;gap:var(--s2)}.state-text{color:var(--text-secondary);font-size:var(--text-sm)}.attempt-list,.decision-list,.event-list{margin:0;padding-left:var(--s6)}.attempt-list li+li,.decision-list li+li,.event-row+.event-row{margin-top:var(--s2)}.attempt-list p,.diff-commit p,.intent-block p,.scratch-session p{margin:0;color:var(--text-secondary)}.lane-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--s3)}.thread-lane{min-width:0}.lane-head{align-items:flex-start}.scope-list,.metrics,.thread-meta,.diff-meta,.verdict-line{flex-wrap:wrap}.agent-list{display:grid;gap:var(--s2)}.agent-instance{display:grid;gap:var(--s1);border-top:1px solid var(--border);padding-top:var(--s2)}.agent-title{color:var(--text);font-weight:600}.topology-point{color:var(--text-secondary);font-size:var(--text-sm)}.diff-file+.diff-file{margin-top:var(--s3)}.diff-commit+.diff-commit{border-top:1px solid var(--border);margin-top:var(--s3);padding-top:var(--s3)}.diff-patch,.event-row pre{overflow-x:auto;border:1px solid var(--border);border-radius:var(--r-md);background:var(--surface-subtle);color:var(--text);font-size:var(--text-xs);line-height:1.5;padding:var(--s3)}.check-row{display:flex;align-items:center;gap:var(--s2);color:var(--text)}.braid-table{width:100%;border-collapse:collapse;background:var(--surface)}.braid-table th,.braid-table td{border-bottom:1px solid var(--border);padding:var(--s2);text-align:left}.braid-table th{color:var(--text-muted);font-size:var(--text-xs);font-weight:700;text-transform:uppercase}.braid-grid{display:none}.decision-list li{display:grid;grid-template-columns:minmax(0,1fr) 120px 190px;gap:var(--s2);align-items:center}.decision-list span,.decision-list time{color:var(--text-secondary);font-size:var(--text-sm)}.receipt-panel{position:fixed;top:0;right:0;z-index:30;display:none;width:380px;max-width:100vw;height:100vh;overflow:auto;border-left:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow-drawer);padding:var(--s4)}.receipt-panel.is-open{display:block}.receipt-title{margin:var(--s3) 0;color:var(--text-secondary)}.icon-button{display:inline-grid;width:28px;height:28px;place-items:center;border:1px solid var(--border);border-radius:var(--r-sm);color:var(--text-secondary)}.event-row{color:var(--text-secondary)}.event-row>div,.event-row time{display:block;margin-bottom:var(--s2)}.contributor-chip{gap:var(--s1)}.self-asserted{text-decoration:underline dotted var(--text-muted);text-underline-offset:3px}.self-asserted:after{content:" self-asserted";color:var(--text-muted);font-size:var(--text-xs);margin-left:var(--s1)}@media(max-width:840px){.harness-inner,.top-bar-inner{padding-right:var(--s4);padding-left:var(--s4)}.harness-inner{flex-wrap:wrap}.top-bar{height:auto}.top-bar-inner{min-height:48px;flex-wrap:wrap;gap:var(--s3);padding-top:var(--s2);padding-bottom:var(--s2)}.top-nav{order:3;flex-basis:100%}.content{padding:var(--s4)}.braid-row,.surface-head,.detail-head,.lane-head{display:grid;justify-content:stretch}.action-row{justify-content:flex-start;margin-left:0}.gate-list,.anomaly-row,.thread-summary,.decision-list li{grid-template-columns:1fr}.braid-table{display:none}.braid-grid{display:grid;gap:var(--s2)}}