:root{--surface-base: #0b0d10;--surface-sunken: #07090b;--surface-raised: #13171c;--surface-overlay: #1a1f26;--border-default: #232a33;--border-strong: #323c48;--border-focus: #5aa9ff;--content-primary: #e6ebf2;--content-secondary: #9aa7b8;--content-tertiary: #7b8798;--content-inverted: #0b0d10;--status-running: #4da3ff;--status-succeeded: #3fbf87;--status-failed: #ef5f6b;--status-blocked: #d7893f;--status-awaiting-human: #b77cff;--status-unknown: #7b8798;--signal-info: #5d94bf;--signal-degraded: #c9922f;--signal-critical: #e06c66;--authority-human-gate: #b77cff;--authority-destructive: #ef5f6b;--authority-external-effect: #d7893f;--authority-spend: #3fbf87;--font-sans: "Inter", "Segoe UI", system-ui, -apple-system, sans-serif;--font-mono: "JetBrains Mono", "Cascadia Mono", ui-monospace, monospace;--text-xs: 11px;--text-sm: 12px;--text-base: 13px;--text-md: 15px;--text-lg: 18px;--text-xl: 24px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-6: 24px;--space-8: 32px;--radius-sm: 3px;--radius-md: 5px;--motion-fast: .12s;--motion-base: .18s;--motion-easing: cubic-bezier(.2, 0, .13, 1);--row-height: 36px}[data-density=compact]{--row-height: 28px;--text-base: 12px}[data-density=comfortable]{--row-height: 44px;--text-base: 14px}@media(prefers-reduced-motion:reduce){:root{--motion-fast: 0ms;--motion-base: 0ms}*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}*{box-sizing:border-box}body{margin:0;background:var(--surface-base);color:var(--content-primary);font-family:var(--font-sans);font-size:var(--text-base);line-height:1.45;-webkit-font-smoothing:antialiased}:focus-visible{outline:2px solid var(--border-focus);outline-offset:2px;border-radius:var(--radius-sm)}a{color:inherit;text-decoration:none}.skip-link{position:absolute;left:-9999px;top:var(--space-2);background:var(--surface-overlay);padding:var(--space-2) var(--space-3);border:1px solid var(--border-strong);border-radius:var(--radius-md);z-index:100}.skip-link:focus{left:var(--space-2)}.shell{display:grid;grid-template-columns:208px 1fr;min-height:100vh}.sidebar{background:var(--surface-sunken);border-right:1px solid var(--border-default);padding:var(--space-4) var(--space-3);display:flex;flex-direction:column;gap:var(--space-6)}.brand{font-size:var(--text-md);font-weight:600;letter-spacing:.02em}.brand span{color:var(--content-tertiary);font-weight:400}.nav-group{display:flex;flex-direction:column;gap:2px}.nav-label{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.08em;color:var(--content-tertiary);padding:var(--space-2) var(--space-2) var(--space-1)}.nav-item{display:flex;justify-content:space-between;align-items:center;gap:var(--space-2);padding:6px var(--space-2);border-radius:var(--radius-md);color:var(--content-secondary);transition:background var(--motion-fast) var(--motion-easing)}.nav-item:hover{background:var(--surface-raised);color:var(--content-primary)}.nav-item[aria-current=page]{background:var(--surface-raised);color:var(--content-primary);box-shadow:inset 2px 0 0 var(--border-focus)}.main{display:flex;flex-direction:column;min-width:0}.topbar{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding:var(--space-3) var(--space-6);border-bottom:1px solid var(--border-default);background:var(--surface-base)}.content{padding:var(--space-6);min-width:0}.page-title{font-size:var(--text-lg);font-weight:600;margin:0 0 var(--space-1)}.page-lede{color:var(--content-secondary);margin:0 0 var(--space-6);max-width:72ch}.panel{background:var(--surface-raised);border:1px solid var(--border-default);border-radius:var(--radius-md);padding:var(--space-4)}.panel+.panel{margin-top:var(--space-4)}.panel h2{font-size:var(--text-md);margin:0 0 var(--space-3);font-weight:600}.grid{display:grid;gap:var(--space-4)}.grid-attention{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.metric{display:flex;flex-direction:column;gap:var(--space-1)}.metric-value{font-size:var(--text-xl);font-variant-numeric:tabular-nums}.metric-label{color:var(--content-secondary);font-size:var(--text-sm)}table{width:100%;border-collapse:collapse;font-variant-numeric:tabular-nums}th{text-align:left;font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.06em;color:var(--content-tertiary);font-weight:500;padding:var(--space-2);border-bottom:1px solid var(--border-default);position:sticky;top:0;background:var(--surface-raised)}td{padding:0 var(--space-2);height:var(--row-height);border-bottom:1px solid var(--border-default)}tbody tr:hover{background:var(--surface-overlay)}.badge{display:inline-flex;align-items:center;gap:6px;padding:2px 8px;border-radius:999px;font-size:var(--text-xs);border:1px solid var(--border-default);white-space:nowrap}.badge:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}.badge-status-running{color:var(--status-running)}.badge-status-succeeded{color:var(--status-succeeded)}.badge-status-failed{color:var(--status-failed)}.badge-status-blocked{color:var(--status-blocked)}.badge-status-awaiting_human{color:var(--status-awaiting-human)}.badge-status-unknown{color:var(--status-unknown)}.badge-authority{border-color:var(--authority-human-gate);color:var(--authority-human-gate)}.badge-authority:before{border-radius:2px}.badge-synthetic{color:var(--content-tertiary);border-style:dashed}.signal-absent{color:var(--content-tertiary);font-size:var(--text-sm);border:1px dashed var(--border-default);border-radius:var(--radius-md);padding:var(--space-3)}.badge-signal-info{color:var(--signal-info)}.badge-signal-degraded{color:var(--signal-degraded)}.badge-signal-critical{color:var(--signal-critical)}.badge-observation-stale,.badge-observation-unavailable,.badge-observation-not_observed{color:var(--content-tertiary);border-style:dashed}.badge-observation-observed{color:var(--content-secondary)}.watchtower-health{border:1px solid var(--border-default);border-radius:var(--radius-md);padding:var(--space-3);font-size:var(--text-sm)}.watchtower-health-watchtower_healthy{border-color:var(--border-default)}.watchtower-health-watchtower_degraded,.watchtower-health-signal_stale{border-color:var(--signal-degraded)}.watchtower-health-source_unavailable,.watchtower-health-watchtower_offline{border-color:var(--signal-critical);color:var(--signal-critical)}.badge-lifecycle{font-weight:600;border-width:1px;border-style:solid}.badge-lifecycle-cleared{color:var(--status-succeeded);border-color:var(--status-succeeded)}.badge-lifecycle-suppressed{color:var(--signal-degraded);border-color:var(--signal-degraded)}.badge-lifecycle-expired{color:var(--content-tertiary);border-color:var(--content-tertiary);border-style:dashed}.badge-lifecycle-active{color:var(--content-secondary)}.badge-historical{color:var(--content-tertiary);border-style:dashed;font-weight:400}.badge-historical:before{opacity:.55}.disclosure{border-top:1px solid var(--border-default);margin-top:var(--space-3)}.disclosure>summary{cursor:pointer;padding:var(--space-2) 0;color:var(--content-secondary);font-size:var(--text-sm);list-style:none}.disclosure>summary::-webkit-details-marker{display:none}.disclosure>summary:before{content:"▸ ";color:var(--content-tertiary)}.disclosure[open]>summary:before{content:"▾ "}.disclosure>summary:focus-visible{outline:2px solid var(--border-focus);outline-offset:2px;border-radius:var(--radius-sm, 4px)}.disclosure>summary:hover{color:var(--content-primary)}.disclosure-body{padding-bottom:var(--space-2)}.signal-headline{font-size:var(--text-md);color:var(--content-primary);margin:0 0 var(--space-2)}.signal-subline{color:var(--content-secondary);margin:0 0 var(--space-3)}.signal-list{list-style:none;margin:0;padding:0;display:grid;gap:var(--space-2)}.signal-item{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:var(--space-1) var(--space-3);align-items:baseline;padding:var(--space-3) 0;border-bottom:1px solid var(--border-subtle, var(--border-default))}@media(max-width:640px){.signal-item{grid-template-columns:1fr}}.signal-item-marks{display:flex;flex-wrap:wrap;gap:var(--space-2);align-items:center}.signal-item-what{min-width:0}.signal-item-what .signal-subject{display:block}.signal-item-plain{color:var(--content-secondary);font-size:var(--text-sm)}.signal-item:last-child{border-bottom:none}.signal-subject{font-weight:600}.state-note{color:var(--content-secondary);padding:var(--space-6) 0;text-align:center}.state-error{color:var(--status-failed)}.button{font:inherit;color:var(--content-primary);background:var(--surface-overlay);border:1px solid var(--border-strong);border-radius:var(--radius-md);padding:6px var(--space-3);cursor:pointer;transition:border-color var(--motion-fast) var(--motion-easing)}.button:hover{border-color:var(--border-focus)}.button:disabled{opacity:.45;cursor:not-allowed}.button-authority{border-color:var(--authority-human-gate);color:var(--authority-human-gate)}.definition{display:grid;grid-template-columns:180px 1fr;gap:var(--space-2) var(--space-4)}.definition dt{color:var(--content-tertiary);font-size:var(--text-sm)}.definition dd{margin:0}.provenance{margin-top:var(--space-4);padding-top:var(--space-3);border-top:1px solid var(--border-default);color:var(--content-tertiary);font-size:var(--text-xs);font-family:var(--font-mono)}.command-dialog{position:fixed;top:12vh;left:50%;transform:translate(-50%);width:min(640px,92vw);background:var(--surface-overlay);border:1px solid var(--border-strong);border-radius:var(--radius-md);padding:var(--space-3)}.command-input{width:100%;font:inherit;font-size:var(--text-md);background:var(--surface-sunken);color:var(--content-primary);border:1px solid var(--border-default);border-radius:var(--radius-sm);padding:var(--space-3)}.command-results{list-style:none;margin:var(--space-3) 0 0;padding:0}.command-results li a{display:block;padding:var(--space-2);border-radius:var(--radius-sm)}.command-results li a:hover{background:var(--surface-raised)}.overlay{position:fixed;inset:0;background:#0009}@media(max-width:900px){.shell{grid-template-columns:1fr}.sidebar{flex-direction:row;overflow-x:auto;gap:var(--space-4)}.content{padding:var(--space-4)}}.conn{display:inline-flex;align-items:center;gap:6px;font-size:var(--text-xs);color:var(--content-secondary)}.conn:before{content:"";width:7px;height:7px;border-radius:50%;background:var(--status-unknown)}.conn-live:before{background:var(--status-succeeded)}.conn-connecting:before{background:var(--status-blocked)}.conn-disconnected:before{background:var(--status-failed)}.conn-disconnected{color:var(--status-failed)}.rail{display:flex;flex-direction:column;gap:1px;background:var(--border-default);border-radius:var(--radius-md);overflow:hidden}.rail-item{display:grid;grid-template-columns:56px 1fr auto;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--surface-raised);transition:background var(--motion-fast) var(--motion-easing)}.rail-item:hover{background:var(--surface-overlay)}.rail-count{font-size:var(--text-xl);font-variant-numeric:tabular-nums;text-align:right}.rail-count-zero{color:var(--content-tertiary)}.rail-label{color:var(--content-primary)}.rail-sub{color:var(--content-secondary);font-size:var(--text-sm)}.timeline{list-style:none;margin:0;padding:0;position:relative}.timeline:before{content:"";position:absolute;left:7px;top:6px;bottom:6px;width:1px;background:var(--border-default)}.timeline li{position:relative;padding:0 0 var(--space-4) var(--space-6)}.timeline li:before{content:"";position:absolute;left:3px;top:5px;width:9px;height:9px;border-radius:50%;background:var(--surface-raised);border:2px solid var(--border-strong)}.timeline li[data-kind=gate]:before{border-color:var(--authority-human-gate)}.timeline li[data-kind=tool]:before{border-color:var(--status-running)}.timeline li[data-kind=cost]:before{border-color:var(--authority-spend)}.timeline li[data-kind=result]:before{border-color:var(--status-succeeded)}.timeline li[data-kind=failure]:before{border-color:var(--status-failed)}.timeline-when{color:var(--content-tertiary);font-size:var(--text-xs);font-family:var(--font-mono)}.timeline-what{margin-top:2px}.timeline-detail{color:var(--content-secondary);font-size:var(--text-sm);margin-top:2px}.confirm{margin-top:var(--space-3);border:1px solid var(--authority-destructive);border-radius:var(--radius-md);padding:var(--space-3);background:color-mix(in srgb,var(--authority-destructive) 8%,var(--surface-raised))}.confirm p{margin:0 0 var(--space-3)}.split{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:var(--space-4);align-items:start}@media(max-width:1100px){.split{grid-template-columns:1fr}}.context-panel{background:var(--surface-raised);border:1px solid var(--border-default);border-radius:var(--radius-md);padding:var(--space-4);position:sticky;top:var(--space-4)}.inline-meta{color:var(--content-tertiary);font-size:var(--text-xs);font-family:var(--font-mono)}.mode-tabs{display:flex;gap:var(--space-1);margin-bottom:var(--space-3)}.mode-tab{font:inherit;font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.06em;padding:4px var(--space-2);border-radius:var(--radius-sm);border:1px solid var(--border-default);background:transparent;color:var(--content-secondary);cursor:pointer}.mode-tab[aria-selected=true]{border-color:var(--border-focus);color:var(--content-primary);background:var(--surface-raised)}.canon-row{display:grid;grid-template-columns:220px 90px 1fr;gap:var(--space-3);padding:var(--space-2) 0;border-bottom:1px solid var(--border-default)}.canon-row:last-child{border-bottom:none}@keyframes settle{0%{opacity:0;transform:translateY(-2px)}to{opacity:1;transform:none}}.settle{animation:settle var(--motion-base) var(--motion-easing)}.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:720px){.rail-item{grid-template-columns:44px 1fr}.definition{grid-template-columns:1fr;gap:var(--space-1)}.definition dt{margin-top:var(--space-2)}table{font-size:var(--text-xs)}}.badge-environment{font-weight:600;letter-spacing:.02em;border-width:1px;border-style:solid}.badge-environment.env-production{background:color-mix(in srgb,var(--signal-critical) 16%,transparent);border-color:var(--signal-critical);color:var(--text-primary)}.badge-environment.env-test{background:color-mix(in srgb,var(--signal-info) 14%,transparent);border-color:var(--signal-info);color:var(--text-primary)}.badge-environment.env-local{background:transparent;border-color:var(--border-subtle);color:var(--text-secondary)}.badge-environment.env-unknown{background:color-mix(in srgb,var(--signal-critical) 22%,transparent);border-color:var(--signal-critical);color:var(--text-primary)}