:root{color-scheme:light;--bg: oklch(.975 .01 320);--bg-raised: oklch(.99 .006 320);--bg-sunken: oklch(.955 .012 320);--fg: oklch(.3 .03 320);--fg-muted: oklch(.48 .02 320);--border: oklch(.88 .015 320);--border-strong: oklch(.78 .02 320);--accent: oklch(.46 .11 325);--accent-hover: oklch(.4 .12 325);--accent-soft: oklch(.94 .03 325);--accent-fg: oklch(.99 .01 320);--danger: oklch(.54 .18 25);--danger-soft: oklch(.95 .03 25);--ok: oklch(.48 .11 155);--ok-soft: oklch(.95 .03 155);--warn: oklch(.58 .13 70);--warn-soft: oklch(.95 .04 70);--focus: oklch(.5 .13 325);--shadow: 0 1px 0 oklch(.9 .015 320);--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.5rem;--space-6: 2rem;--radius: 6px;--font: ui-sans-serif, system-ui, "Segoe UI", sans-serif;--text-sm: .8125rem;--text: 1rem;--text-lg: 1.125rem;--leading: 1.5;--target: 44px;--motion: .18s;--rail: 17.5rem;--canvas: 26rem}*,*:before,*:after{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;font-family:var(--font);font-size:var(--text);line-height:var(--leading);color:var(--fg);background:var(--bg)}.passwordless-access{min-height:100vh;display:grid;place-items:center;padding:24px}.passwordless-access form{width:min(100%,430px);display:grid;gap:18px;padding:32px;border:1px solid var(--border);background:var(--panel)}.passwordless-access h1,.passwordless-access p{margin:0}.passwordless-access label{display:grid;gap:8px}.passwordless-access input{min-height:44px;padding:10px 12px;color:inherit;background:var(--background);border:1px solid var(--border)}h1,h2,h3{margin:0 0 var(--space-2);font-weight:650;letter-spacing:-.02em;line-height:1.25}h1{font-size:1.125rem}h2{font-size:1rem}h3{font-size:.9375rem}p{margin:0 0 var(--space-2);max-width:70ch}ul,ol{margin:0 0 var(--space-3);padding-left:1.2rem}button,input,textarea{font:inherit;color:inherit}button{min-height:var(--target);min-width:var(--target);border-radius:var(--radius);border:1px solid transparent;background:transparent;cursor:pointer}button:hover:not(:disabled){background:var(--bg-sunken)}button:active:not(:disabled){transform:translateY(.5px)}button:disabled{opacity:.55;cursor:not-allowed}:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.skip-link{position:absolute;left:var(--space-3);top:-3rem;z-index:4;padding:var(--space-2) var(--space-3);background:var(--accent);color:var(--accent-fg);text-decoration:none;border-radius:var(--radius)}.skip-link:focus{top:var(--space-2)}.app{min-height:100vh;display:grid;grid-template-rows:auto auto 1fr auto}.app-header{display:flex;align-items:center;justify-content:space-between;min-height:var(--target);padding:0 var(--space-4);border-bottom:1px solid var(--border);background:var(--bg-raised)}.brand{margin:0;font-weight:700}.operator{margin:0;color:var(--fg-muted);font-size:var(--text-sm)}.region-switch{display:none;gap:var(--space-2);padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--border);background:var(--bg-raised)}.region-switch button{flex:1;border:1px solid var(--border);background:var(--bg)}.region-switch button[aria-current=true]{background:var(--accent-soft);border-color:var(--accent);color:var(--accent)}.workspace{display:grid;grid-template-columns:var(--rail) minmax(0,1fr) minmax(22rem,var(--canvas));min-height:0}.region{min-height:0;background:var(--bg-raised)}.region-rail{border-right:1px solid var(--border);padding:var(--space-3);overflow:auto}.region-stream{display:grid;grid-template-rows:auto 1fr auto;overflow:hidden}.region-canvas{border-left:1px solid var(--border);display:grid;grid-template-rows:auto 1fr auto;overflow:hidden}.rail-heading{margin:var(--space-3) 0 var(--space-2);color:var(--fg-muted);font-size:.75rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.thread-list{list-style:none;margin:0 0 var(--space-3);padding:0}.thread-btn{display:grid;grid-template-columns:2rem minmax(0,1fr) auto;gap:var(--space-2);width:100%;padding:var(--space-2);text-align:left;align-items:center}.thread-btn.is-current{background:var(--accent-soft)}.thread-copy{display:grid;min-width:0}.thread-title,.thread-sub{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.thread-sub,.thread-time,.muted{color:var(--fg-muted);font-size:var(--text-sm)}.fact-provenance{display:block;margin-top:.15rem;line-height:1.35}.business-workbench{display:grid;gap:var(--space-3);margin:var(--space-4) 0;padding:var(--space-4);border:1px solid var(--accent);border-radius:var(--radius);background:var(--accent-soft)}.business-workbench h3,.business-workbench p{margin-block:0}.business-input-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 var(--space-3)}.business-input-wide{grid-column:1 / -1}.business-table-scroll{max-width:100%;overflow-x:auto;border-radius:var(--radius)}.business-table-scroll:focus-visible{outline:2px solid var(--focus);outline-offset:2px}@media(max-width:640px){.business-input-grid{grid-template-columns:minmax(0,1fr)}.business-input-wide{grid-column:auto}}.avatar{display:inline-grid;place-items:center;width:2rem;height:2rem;border-radius:999px;background:var(--accent);color:var(--accent-fg);font-size:.7rem;font-weight:700}.avatar-sm{width:1.5rem;height:1.5rem}.avatar-room{background:var(--bg-sunken);color:var(--fg);border:1px solid var(--border)}.avatar-child{background:var(--accent-soft);color:var(--accent);border:1px solid var(--accent)}.stream-head,.canvas-toolbar{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);min-height:3.25rem;padding:var(--space-2) var(--space-4);border-bottom:1px solid var(--border)}.turn-list{list-style:none;margin:0;padding:var(--space-4);overflow:auto}.turn{display:grid;gap:var(--space-3);margin-bottom:var(--space-5)}.turn-head{display:flex;gap:var(--space-2);align-items:center}.turn-head p{margin:0}.turn-head time,.pm-badge{margin-left:var(--space-2);color:var(--fg-muted);font-size:var(--text-sm);font-weight:500}.pm-badge{display:inline-block;padding:.05rem .4rem;border:1px solid var(--border);border-radius:999px}.turn-body{margin:var(--space-2) 0 0 2.5rem}.offer{margin-left:2.5rem;padding:var(--space-4);border:1px solid var(--border);border-radius:var(--radius);background:var(--bg)}.offer-kicker,.reason-code{margin:0;color:var(--fg-muted);font-size:var(--text-sm)}.offer-route{display:flex;gap:var(--space-2);align-items:center;margin:var(--space-2) 0}.offer-meta{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-3);margin:var(--space-3) 0}.offer-meta dt{color:var(--fg-muted);font-size:var(--text-sm)}.offer-meta dd{margin:0}.ontology-provenance>div{min-width:0}.ontology-provenance dd{overflow-wrap:anywhere}.pm-directory{margin-top:var(--space-5);padding-top:var(--space-4);border-top:1px solid var(--border)}.pm-directory h4{display:flex;align-items:center;gap:var(--space-2);margin:var(--space-3) 0 var(--space-1)}.directory-dimensions{list-style:none;display:flex;flex-wrap:wrap;gap:var(--space-2);margin:0;padding:0;justify-self:stretch}.pm-directory .permission-list>li{grid-template-columns:minmax(0,1fr);align-items:start}.priority{display:inline-flex;align-items:center;gap:var(--space-1);color:var(--danger)}.evidence-toggle,.parent-link{display:inline-flex;align-items:center;gap:var(--space-2);padding-inline:var(--space-3)}.permission-list{list-style:none;margin:var(--space-3) 0;padding:0}.permission-list>li{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:var(--space-3);padding:var(--space-3) 0;border-top:1px solid var(--border);align-items:start}.permission-list p{margin:0 0 var(--space-1)}.offer-actions,.script-actions,.grant-sheet-actions,.chip-row{display:flex;flex-wrap:wrap;gap:var(--space-2);align-items:center}.demo-fieldset,.demo-details{margin-top:var(--space-4);border:1px dashed var(--border-strong);border-radius:var(--radius);padding:var(--space-3)}.demo-fieldset legend,.demo-details summary{cursor:pointer;color:var(--fg-muted);font-size:var(--text-sm)}.chip{min-height:var(--target);padding:0 var(--space-3);border:1px solid var(--border);background:var(--bg-raised);font-size:var(--text-sm)}.chip.is-on,.chip[aria-pressed=true]{border-color:var(--accent);background:var(--accent-soft);color:var(--accent)}.btn-primary,.btn-danger,.btn-quiet{padding:0 var(--space-4)}.btn-primary{background:var(--accent);color:var(--accent-fg)}.btn-primary:hover:not(:disabled){background:var(--accent-hover)}.btn-danger{background:var(--danger);color:var(--accent-fg)}.btn-danger:hover:not(:disabled){filter:brightness(.95)}.btn-quiet{border:1px solid var(--border);background:var(--bg-raised)}.pill{display:inline-flex;align-items:center;gap:var(--space-1);min-height:1.75rem;padding:0 var(--space-2);border-radius:999px;border:1px solid var(--border);font-size:var(--text-sm);white-space:nowrap}.pill-ok{color:var(--ok);background:var(--ok-soft);border-color:var(--ok)}.pill-warn{color:var(--warn);background:var(--warn-soft);border-color:var(--warn)}.pill-danger{color:var(--danger);background:var(--danger-soft);border-color:var(--danger)}.pill-neutral{color:var(--fg-muted);background:var(--bg-sunken)}.composer-dock{border-top:1px solid var(--border);padding:var(--space-3) var(--space-4);background:var(--bg)}.runtime-status{display:grid;gap:var(--space-1);margin-bottom:var(--space-3);padding:var(--space-3);border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-sunken);color:var(--fg-muted);font-size:var(--text-sm)}.intent-receipt{display:grid;gap:var(--space-2);margin-bottom:var(--space-3);padding:var(--space-3);border:1px solid var(--accent);border-radius:var(--radius);background:var(--bg);font-size:var(--text-sm)}.intent-receipt header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2)}.intent-receipt p,.intent-receipt dl,.intent-receipt ul{margin:0}.intent-receipt .permission-list{border-top:1px solid var(--border);padding-top:var(--space-2)}.runtime-status strong{color:var(--fg)}.runtime-status p,.runtime-status dl{margin:0}.runtime-disabled{border-style:dashed}.runtime-warning{border-color:var(--warn);background:var(--warn-soft)}.runtime-proven{border-color:var(--ok);background:var(--ok-soft)}.runtime-evidence{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-2)}.runtime-evidence div{min-width:0}.runtime-evidence dt{color:var(--fg-muted)}.runtime-evidence dd{margin:0;overflow-wrap:anywhere;color:var(--fg)}.runtime-proof-line{overflow-wrap:anywhere}.composer{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:var(--space-2);align-items:end}.composer textarea,.field input,.field textarea{width:100%;border:1px solid var(--border);border-radius:var(--radius);padding:var(--space-3);background:var(--bg-raised)}.field{display:grid;gap:var(--space-1);margin-bottom:var(--space-3)}.field span{font-size:var(--text-sm);color:var(--fg-muted)}.grant-control{margin-bottom:var(--space-3)}.grant-arm{display:inline-flex;align-items:center;gap:var(--space-2);border:1px solid var(--danger);color:var(--danger);background:var(--bg-raised);padding-inline:var(--space-3)}.grant-arm:hover:not(:disabled){background:var(--danger-soft)}.grant-sheet,.grant-armed{border:1px solid var(--danger);background:var(--danger-soft);border-radius:var(--radius);padding:var(--space-4)}.grant-armed{display:grid;gap:var(--space-2)}.grant-sheet-title,.grant-armed-title{display:flex;align-items:center;gap:var(--space-2);margin:0 0 var(--space-2);font-weight:700;color:var(--danger)}.grant-sheet dl,.safe-fallback dl{display:grid;gap:var(--space-2);margin:var(--space-3) 0}.grant-sheet dt,.safe-fallback dt{color:var(--fg-muted);font-size:var(--text-sm)}.grant-sheet dd,.safe-fallback dd{margin:0}.canvas-body{overflow:auto;padding:var(--space-4)}[role=tablist]{display:flex;flex-wrap:wrap;gap:var(--space-1)}[role=tab]{padding:0 var(--space-3);border-bottom:2px solid transparent;border-radius:var(--radius) var(--radius) 0 0}[role=tab][aria-selected=true]{color:var(--accent);border-bottom-color:var(--accent)}.script-head,.analytics-head{display:flex;justify-content:space-between;gap:var(--space-3);align-items:start}.script-metrics,.tabular{font-variant-numeric:tabular-nums}.notice{padding:var(--space-3);background:var(--bg-sunken);border-radius:var(--radius)}.canvas-state,.safe-fallback{padding:var(--space-4);border:1px solid var(--border);border-radius:var(--radius);background:var(--bg)}.lede{font-weight:600}.source-list,.evidence-list{padding-left:1.1rem}.source-list li,.evidence-list li{margin-bottom:var(--space-3)}.metric-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-3);list-style:none;padding:0}.metric-row li{display:grid;gap:var(--space-1);padding:var(--space-3) 0;border-top:1px solid var(--border)}.metric-label{display:inline-flex;align-items:center;gap:var(--space-1);font-size:var(--text-sm);color:var(--fg-muted)}.status-dot-ok{fill:var(--ok)}.status-dot-accent{fill:var(--accent)}.status-dot-neutral{fill:var(--fg-muted)}.chart-wrap{margin:var(--space-3) 0}.chart-axis{stroke:var(--border-strong);stroke-width:1}.chart-line{stroke-width:2;stroke-linejoin:round;stroke-linecap:round}.chart-line-retention{stroke:var(--accent)}.chart-line-ctr{stroke:var(--ok)}.metrics-table{width:100%;border-collapse:collapse;font-size:var(--text-sm)}.metrics-table caption{text-align:left;margin-bottom:var(--space-2);color:var(--fg-muted)}.metrics-table th,.metrics-table td{text-align:left;padding:var(--space-2) var(--space-2) var(--space-2) 0;border-bottom:1px solid var(--border)}.status-live{margin:0;padding:var(--space-2) var(--space-4);border-top:1px solid var(--border);font-size:var(--text-sm);color:var(--fg-muted);background:var(--bg)}.browser-surface{display:grid;gap:var(--space-4);padding:var(--space-4);min-width:0}.browser-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-3);padding-bottom:var(--space-3);border-bottom:1px solid var(--border)}.eyebrow{margin:0 0 var(--space-1);color:var(--fg-muted);font-size:.72rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.browser-status{flex:0 0 auto;padding:var(--space-1) var(--space-2);border:1px solid var(--border);border-radius:999px;font-size:var(--text-sm);font-weight:650}.browser-status-healthy,.browser-status-active{color:var(--ok);background:var(--ok-soft)}.browser-status-hibernated{color:var(--warn);background:var(--warn-soft)}.browser-status-revoked,.browser-status-failed{color:var(--danger);background:var(--danger-soft)}.browser-live,.browser-viewer,.browser-terminal{margin:0;padding:var(--space-3);border:1px solid var(--border);background:var(--bg-sunken)}.browser-terminal{color:var(--danger);background:var(--danger-soft)}.browser-viewer{color:var(--ok);background:var(--ok-soft)}.browser-challenge{color:var(--warning-strong, var(--accent-strong));background:var(--accent-soft)}.browser-live[data-busy=true]{color:var(--accent-strong);background:var(--accent-soft)}.browser-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-2) var(--space-4);margin:0}.browser-facts div{min-width:0}.browser-facts dt{color:var(--fg-muted);font-size:var(--text-sm)}.browser-facts dd{margin:0;overflow-wrap:anywhere}.browser-controls,.browser-action,.browser-audit{padding-top:var(--space-3);border-top:1px solid var(--border)}.browser-control-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-2)}.browser-control{display:grid;gap:var(--space-1);min-width:0}.browser-control button{border:1px solid var(--border-strong);text-align:left;padding:var(--space-2)}.browser-control button:not(:disabled){background:var(--bg-raised)}.browser-disabled-reason{color:var(--fg-muted);font-size:.75rem;line-height:1.3}.browser-evidence ul,.browser-audit ol{margin-bottom:0}.browser-audit li{padding:var(--space-1) 0;border-bottom:1px solid var(--border);font-size:var(--text-sm)}@media(max-width:720px){.browser-surface{padding:var(--space-3)}.browser-facts,.browser-control-grid{grid-template-columns:1fr}.browser-header{display:grid}}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:1100px){.workspace{grid-template-columns:minmax(0,1fr) minmax(18rem,22rem)}.region-switch{display:flex}.app[data-active-region=rail] .workspace{grid-template-columns:1fr}.app[data-active-region=rail] .region-stream,.app[data-active-region=rail] .region-canvas,.app:not([data-active-region=rail]) .region-rail{display:none}}@media(max-width:720px){body{font-size:1rem}.workspace{grid-template-columns:1fr}.region-switch{display:flex;gap:var(--space-1);padding-inline:var(--space-2)}.region-switch button{min-width:0;padding-inline:var(--space-2);font-size:var(--text-sm)}.app[data-active-region=rail] .region-stream,.app[data-active-region=rail] .region-canvas,.app[data-active-region=stream] .region-rail,.app[data-active-region=stream] .region-canvas,.app[data-active-region=canvas] .region-rail,.app[data-active-region=canvas] .region-stream{display:none}.app[data-active-region=rail] .region-rail,.app[data-active-region=stream] .region-stream,.app[data-active-region=canvas] .region-canvas{display:grid}.turn-body,.offer{margin-left:0}.metric-row,.offer-meta,.runtime-evidence,.composer{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}button:active:not(:disabled){transform:none}}