: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%);--drawer-width: clamp(440px, 36vw, 600px)}*{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,.issue-chip,.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-note{color:var(--border-strong);font-size:var(--text-xs);white-space:nowrap}.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}.spend-ticker.is-running{color:var(--state-running);font-weight:600}.spend-ticker span{color:var(--text-muted);font-family:var(--font-ui)}.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,.detail-meta,.meta-line,.gate-title,.event-meta{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}.verdict-badge,.attempt-badge,.anomaly-badge,.stale-cue,.issue-chip,.metric,.diff-attribution,.gate-check,.contributor-chip,.thread-count,.status-chip,.gate-status{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{display:grid;gap:var(--s1);margin-top:var(--s2);color:var(--state-intervention);font-size:var(--text-sm)}.reason-receipt{width:fit-content;border:0;background:transparent;color:var(--state-intervention);cursor:pointer;padding:0;text-align:left;text-decoration:underline dotted var(--state-intervention);text-underline-offset:3px}.goal-line{margin:var(--s1) 0 0;overflow:hidden;color:var(--text-secondary);font-size:var(--text-sm);text-overflow:ellipsis;white-space:nowrap}.meta-line{margin-top:var(--s2)}.detail-meta{max-width:760px;flex-wrap:wrap;margin-top:var(--s2);color:var(--text-secondary);font-size:var(--text-sm)}.status-chip{display:inline-flex;align-items:center;gap:var(--s2);cursor:pointer}.lifecycle-stepper{display:flex;flex-wrap:wrap;align-items:center;gap:var(--s2);border-bottom:1px solid var(--border);padding-bottom:var(--s3);color:var(--text-secondary);font-size:var(--text-sm)}.stepper-stage{display:inline-flex;align-items:center;gap:var(--s1)}.stepper-stage.is-current{color:var(--text);font-weight:700}.stepper-stage.is-future{color:var(--text-muted)}.stepper-rail{color:var(--border-strong)}.stepper-exit{margin-left:var(--s2)}.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)}.gloss{border-bottom:1px dotted var(--text-muted);cursor:help}.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-summary{margin:0;color:var(--text-secondary)}.gate-status{justify-content:center;width:24px;padding:0}.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}.thread-lane-title{margin:0;color:var(--text);font-size:var(--text-lg);font-weight:650}.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;border-left:3px solid transparent;padding-left:var(--s2)}.decision-list li.is-emphasis{border-left-color:var(--brand);font-weight:600}.decision-list li.is-routine{color:var(--text-secondary)}.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:var(--drawer-width);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 0;color:var(--text);font-size:var(--text-lg);font-weight:650}.receipt-subtitle,.receipt-statement{margin:var(--s1) 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-sentence{margin:0 0 var(--s1);color:var(--text)}.event-meta{flex-wrap:wrap;margin-bottom:var(--s2);color:var(--text-secondary);font-size:var(--text-xs)}.receipt-group{border-top:1px solid var(--border);margin-top:var(--s4);padding-top:var(--s3)}.signed-event summary{color:var(--text-secondary);cursor:pointer;font-size:var(--text-sm)}.contributor-chip{gap:var(--s1)}.self-asserted{text-decoration:underline dotted var(--text-muted);text-underline-offset:3px}.trust-boundary{display:grid;gap:var(--s4);border-top:1px solid var(--border);margin-top:var(--s4);padding-top:var(--s3)}.trust-grid{display:grid;grid-template-columns:140px minmax(0,1fr);gap:var(--s2);margin:var(--s2) 0 0}.trust-grid dt{color:var(--text-muted)}.trust-grid dd{margin:0}[data-anchored=true]{outline:2px solid var(--focus-ring);outline-offset:2px;background:var(--surface-subtle)}@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)}}.notice{display:flex;align-items:center;gap:var(--s3);justify-content:space-between;margin-bottom:var(--s4);padding:var(--s2) var(--s3);border:1px solid var(--state-stale);border-radius:var(--r-md);background:var(--state-stale-bg);color:var(--text);font-size:var(--text-sm)}.notice-dismiss{border:none;background:none;color:var(--text-secondary);font-size:var(--text-xs);cursor:pointer;text-decoration:underline}.confirm-inline{display:inline-flex;align-items:center;gap:var(--s2)}.confirm-text{font-size:var(--text-xs);color:var(--text-secondary);max-width:320px}.action-button.is-confirm{border-color:var(--state-intervention);background:var(--state-intervention);color:var(--surface)}.action-cancel{border:none;background:none;color:var(--text-secondary);font-size:var(--text-xs);cursor:pointer;text-decoration:underline}[data-receipt]{cursor:pointer}[data-receipt]:hover{outline:2px solid var(--focus-ring);outline-offset:1px}.action-button[aria-disabled=true]{cursor:not-allowed}
