@kage-core/kage-graph-mcp 1.2.0 → 1.4.0

package/viewer/styles.css

@@ -1,2781 +0,0 @@
-:root {
-  color-scheme: dark;
-  --bg: #050806;
-  --surface: #08110d;
-  --surface-soft: #0d1913;
-  --surface-strong: #12251b;
-  --surface-overlay: rgba(20, 26, 38, 0.92);
-  --accent: #6ad7ff;
-  --accent-strong: #8be4ff;
-  --accent-soft: rgba(106, 215, 255, 0.10);
-  --terminal: #b9fbc0;
-  --terminal-strong: #41ff8f;
-  --terminal-dim: #6ea77d;
-  --text: #d7f9df;
-  --muted: #7fa88a;
-  --line: #1c3b29;
-  --line-strong: #2f6f48;
-  --brand: #41ff8f;
-  --brand-soft: rgba(65, 255, 143, 0.10);
-  --brand-glow: 0 0 18px rgba(65, 255, 143, 0.32), 0 0 44px rgba(65, 255, 143, 0.16);
-  --brand-glow-strong: 0 0 22px rgba(65, 255, 143, 0.48), 0 0 64px rgba(65, 255, 143, 0.22);
-  --memory: #41ff8f;
-  --memory-soft: #071d10;
-  --code: #6ad7ff;
-  --code-soft: #102633;
-  --warn: #ffd166;
-  --warn-soft: rgba(255, 209, 102, 0.12);
-  --danger: #ff6b6b;
-  --danger-soft: rgba(255, 107, 107, 0.12);
-  --ok: #6dd58c;
-  --ok-soft: rgba(109, 213, 140, 0.12);
-  --edge: #6d8f79;
-  --shadow: 0 12px 36px rgba(0, 0, 0, 0.45);
-}
-
-* { box-sizing: border-box; }
-
-body {
-  margin: 0;
-  min-width: 320px;
-  background: #050806;
-  color: var(--text);
-  font: 14px/1.55 Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
-}
-
-button, input, select { font: inherit; }
-h1, h2, p { margin: 0; }
-h1 { font-size: clamp(20px, 2vw, 28px); line-height: 1; letter-spacing: 0; }
-h2 {
-  color: var(--terminal);
-  font-size: 14px;
-  letter-spacing: 0;
-  text-shadow: 0 0 10px rgba(65, 255, 143, 0.18);
-  text-transform: none;
-}
-
-.viewer-shell {
-  min-height: 100vh;
-  display: grid;
-  grid-template-columns: 236px minmax(0, 1fr);
-  background:
-    radial-gradient(circle at 0 0, rgba(65, 255, 143, 0.15), transparent 320px),
-    linear-gradient(180deg, rgba(65, 255, 143, 0.06), transparent 300px),
-    #050806;
-}
-
-.repo-sidebar {
-  position: sticky;
-  top: 0;
-  height: 100vh;
-  display: grid;
-  grid-template-rows: auto auto minmax(0, 1fr) auto;
-  gap: 22px;
-  padding: 22px 16px;
-  border-right: 1px solid rgba(65, 255, 143, 0.13);
-  background:
-    radial-gradient(circle at 0 0, rgba(65, 255, 143, 0.12), transparent 230px),
-    #070d0a;
-  box-shadow: inset -1px 0 0 rgba(65, 255, 143, 0.12), 12px 0 48px rgba(65, 255, 143, 0.045);
-}
-
-.sidebar-brand {
-  display: inline-flex;
-  align-items: center;
-  gap: 10px;
-  color: var(--text);
-  font-size: 17px;
-  font-weight: 850;
-  text-decoration: none;
-}
-
-.brand-mark {
-  width: 32px;
-  height: 32px;
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-  border-radius: 8px;
-  background: rgba(65, 255, 143, 0.13);
-  border: 1px solid rgba(65, 255, 143, 0.26);
-  color: var(--terminal-strong);
-  box-shadow: var(--brand-glow);
-  text-shadow: 0 0 12px rgba(65, 255, 143, 0.70);
-}
-
-.repo-card {
-  display: grid;
-  gap: 7px;
-  padding: 14px;
-  border: 1px solid rgba(65, 255, 143, 0.12);
-  border-radius: 10px;
-  background: rgba(13, 25, 19, 0.62);
-}
-
-.repo-card span,
-.repo-card em {
-  color: var(--terminal-dim);
-  font-size: 11px;
-  font-style: normal;
-}
-
-.repo-card span {
-  font-weight: 800;
-  text-transform: uppercase;
-}
-
-.repo-card strong {
-  color: var(--text);
-  font-size: 14px;
-  overflow-wrap: anywhere;
-}
-
-.viewer-main {
-  min-width: 0;
-}
-
-.app-header {
-  display: grid;
-  grid-template-columns: minmax(320px, 1fr) auto;
-  grid-template-areas:
-    "brand status"
-    "brand autoload";
-  gap: 10px 20px;
-  align-items: center;
-  padding: 24px 32px;
-  border-bottom: 1px solid var(--line);
-  background: rgba(5, 8, 6, 0.84);
-  backdrop-filter: blur(16px);
-  position: sticky;
-  top: 0;
-  z-index: 10;
-}
-
-.brand-block {
-  grid-area: brand;
-  min-width: 280px;
-  max-width: 780px;
-}
-.eyebrow {
-  display: inline-flex;
-  margin-bottom: 4px;
-  color: var(--terminal-strong);
-  font-size: 10px;
-  font-weight: 800;
-  letter-spacing: 0.08em;
-  text-transform: uppercase;
-}
-.brand-block h1::before {
-  content: "";
-}
-.brand-block h1 {
-  color: var(--terminal-strong);
-  text-shadow: 0 0 18px rgba(65, 255, 143, 0.46), 0 0 42px rgba(65, 255, 143, 0.18);
-}
-.app-header p {
-  margin-top: 8px;
-  color: var(--muted);
-  font-size: 13px;
-  overflow-wrap: anywhere;
-}
-
-.viewer-sections {
-  display: grid;
-  gap: 8px;
-  align-content: start;
-}
-
-.viewer-section {
-  display: inline-flex;
-  align-items: center;
-  justify-content: flex-start;
-  min-height: 40px;
-  padding: 0 12px;
-  border: 1px solid transparent;
-  border-radius: 8px;
-  background: transparent;
-  box-shadow: none;
-  color: var(--terminal-dim);
-  font-size: 14px;
-  font-weight: 720;
-  text-decoration: none;
-}
-
-.sidebar-secondary {
-  display: none;
-}
-.viewer-section:hover {
-  border-color: rgba(65, 255, 143, 0.30);
-  color: var(--terminal-strong);
-}
-.viewer-section.active,
-.viewer-section[aria-selected="true"],
-.viewer-section[aria-current="page"] {
-  border-color: var(--terminal-strong);
-  background: rgba(65, 255, 143, 0.10);
-  color: var(--brand);
-  box-shadow: inset 0 0 0 1px rgba(65, 255, 143, 0.20), var(--brand-glow);
-  text-shadow: 0 0 10px rgba(65, 255, 143, 0.45);
-}
-
-.sidebar-links {
-  display: grid;
-  gap: 6px;
-  padding-top: 14px;
-  border-top: 1px solid rgba(65, 255, 143, 0.10);
-}
-.sidebar-links a {
-  color: var(--terminal-dim);
-  font-size: 12px;
-  font-weight: 700;
-  text-decoration: none;
-}
-.sidebar-links a:hover { color: var(--terminal-strong); }
-
-.status-strip {
-  grid-area: status;
-  display: none;
-  flex-wrap: wrap;
-  gap: 8px;
-  justify-content: flex-start;
-}
-
-.autoload-status {
-  grid-area: autoload;
-  display: none;
-  align-items: center;
-  min-height: 26px;
-  padding: 3px 9px;
-  border: 1px solid var(--line);
-  border-radius: 4px;
-  background: #040805;
-  color: var(--warn);
-  font-size: 11px;
-  font-weight: 760;
-  white-space: nowrap;
-}
-.autoload-status.ok {
-  border-color: var(--line-strong);
-  color: var(--terminal-strong);
-}
-
-.status-pill, .detail-kind {
-  display: inline-flex;
-  align-items: center;
-  gap: 7px;
-  min-height: 24px;
-  padding: 3px 8px;
-  border: 1px solid var(--line-strong);
-  border-radius: 4px;
-  background: rgba(13, 25, 19, 0.92);
-  color: var(--muted);
-  font-size: 11px;
-  font-weight: 750;
-  white-space: nowrap;
-}
-.status-pill strong { color: var(--brand); }
-.status-pill.warn strong { color: var(--warn); }
-.status-pill.code strong { color: var(--code); }
-.status-pill.memory strong { color: var(--memory); }
-.status-pill.memory {
-  border-color: rgba(65, 255, 143, 0.35);
-  box-shadow: 0 0 18px rgba(65, 255, 143, 0.10);
-}
-
-.file-picker, button {
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-  min-height: 34px;
-  padding: 0 13px;
-  border: 1px solid var(--terminal-strong);
-  border-radius: 4px;
-  background: #07130d;
-  color: var(--terminal-strong);
-  cursor: pointer;
-  white-space: nowrap;
-  font-weight: 780;
-  box-shadow: inset 0 0 0 1px rgba(65, 255, 143, 0.10);
-}
-.file-picker { grid-area: picker; }
-.app-header .file-picker { display: none; }
-.file-picker:hover, button:hover { background: #0d1f15; }
-.file-picker input {
-  position: absolute;
-  width: 1px;
-  height: 1px;
-  overflow: hidden;
-  clip: rect(0, 0, 0, 0);
-}
-.file-picker > span {
-  display: inline;
-  margin: 0;
-  color: var(--terminal-strong) !important;
-  font-size: inherit;
-  font-weight: inherit;
-}
-
-.layout {
-  position: relative;
-  display: grid;
-  grid-template-columns: minmax(0, 1fr);
-  grid-template-areas: "dashboard";
-  gap: 24px;
-  padding: 32px;
-  min-height: calc(100vh - 78px);
-  align-items: start;
-}
-
-.layout > * { min-width: 0; }
-
-.dashboard-panel {
-  grid-area: dashboard;
-  display: none;
-  min-height: calc(100vh - 134px);
-  padding: 0;
-  border: 0;
-  border-radius: 0;
-  background: transparent;
-  box-shadow: none;
-  overflow: visible;
-}
-
-body.viewer-section-overview .dashboard-panel { display: block; }
-body.viewer-section-overview .graph-panel { display: none; }
-body.viewer-section-overview .workspace-shell { display: none; }
-body.viewer-section-graph .dashboard-panel { display: none; }
-body.viewer-page-overview .layout { grid-template-areas: "dashboard"; }
-body.viewer-page-graph .layout {
-  grid-template-columns: minmax(0, 1fr) minmax(320px, 360px);
-  grid-template-areas: "graph workspace";
-  align-items: stretch;
-}
-body.viewer-page-memory .layout,
-body.viewer-page-owners .layout,
-body.viewer-page-intel .layout,
-body.viewer-page-review .layout,
-body.viewer-page-data .layout {
-  grid-template-areas: "workspace";
-}
-body.viewer-page-memory .graph-panel,
-body.viewer-page-owners .graph-panel,
-body.viewer-page-intel .graph-panel,
-body.viewer-page-review .graph-panel,
-body.viewer-page-data .graph-panel {
-  display: none;
-}
-
-.dashboard-hero {
-  display: grid;
-  grid-template-columns: minmax(0, 1fr) auto;
-  gap: 20px;
-  align-items: start;
-  margin-bottom: 18px;
-  padding: 24px;
-  border: 1px solid rgba(65, 255, 143, 0.12);
-  border-radius: 14px;
-  background: linear-gradient(135deg, rgba(13, 25, 19, 0.94), rgba(8, 17, 13, 0.72));
-}
-.dashboard-kicker {
-  display: inline-flex;
-  margin-bottom: 8px;
-  color: var(--terminal-dim);
-  font-size: 11px;
-  font-weight: 820;
-  text-transform: uppercase;
-}
-.dashboard-hero h2 {
-  max-width: 880px;
-  color: var(--text);
-  font-size: clamp(28px, 3.6vw, 48px);
-  line-height: 1.04;
-  text-transform: none;
-  letter-spacing: 0;
-}
-.dashboard-hero p {
-  max-width: 760px;
-  margin-top: 10px;
-  color: var(--muted);
-  font-size: 14px;
-}
-.dashboard-actions {
-  display: flex;
-  flex-wrap: wrap;
-  justify-content: flex-end;
-  gap: 8px;
-}
-.dashboard-actions button,
-.dashboard-actions a,
-.dashboard-card button,
-.dashboard-card a {
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-  min-height: 32px;
-  padding: 0 13px;
-  border: 1px solid rgba(65, 255, 143, 0.22);
-  border-radius: 4px;
-  border-color: rgba(65, 255, 143, 0.22);
-  background: rgba(65, 255, 143, 0.08);
-  box-shadow: none;
-  color: var(--terminal-strong);
-  font-weight: 780;
-  text-decoration: none;
-  white-space: nowrap;
-}
-
-.dashboard-stats {
-  display: grid;
-  grid-template-columns: repeat(3, minmax(0, 1fr));
-  gap: 18px;
-  margin-bottom: 22px;
-}
-.dashboard-stat {
-  min-height: 142px;
-  padding: 22px;
-  border: 1px solid rgba(65, 255, 143, 0.12);
-  border-radius: 10px;
-  background: rgba(8, 17, 13, 0.82);
-}
-.dashboard-stat strong {
-  display: block;
-  color: var(--terminal-strong);
-  margin-top: 12px;
-  font-size: 28px;
-  line-height: 1.05;
-}
-.dashboard-stat span {
-  display: block;
-  color: var(--terminal-dim);
-  font-size: 12px;
-  font-weight: 760;
-  text-transform: uppercase;
-}
-.dashboard-stat em {
-  display: block;
-  margin-top: 12px;
-  color: var(--muted);
-  font-size: 13px;
-  font-style: normal;
-  line-height: 1.35;
-}
-.dashboard-stat-ok { border-color: rgba(65, 255, 143, 0.22); }
-.dashboard-stat-warn { border-color: rgba(255, 209, 102, 0.28); }
-.dashboard-stat-warn strong { color: var(--warn); }
-.dashboard-stat-code strong { color: var(--code); }
-
-.repo-xray {
-  margin-bottom: 22px;
-  padding: 22px;
-  border: 1px solid rgba(106, 215, 255, 0.20);
-  border-radius: 10px;
-  background:
-    linear-gradient(135deg, rgba(7, 19, 18, 0.92), rgba(10, 14, 24, 0.76));
-}
-
-.repo-xray-head {
-  display: flex;
-  align-items: start;
-  justify-content: space-between;
-  gap: 18px;
-  margin-bottom: 10px;
-}
-
-.repo-xray-head span {
-  display: block;
-  color: var(--code);
-  font-size: 11px;
-  font-weight: 820;
-  text-transform: uppercase;
-}
-
-.repo-xray-head h2 {
-  margin-top: 5px;
-  color: var(--text);
-  font-size: 24px;
-  line-height: 1.12;
-}
-
-.repo-xray-head strong {
-  flex: 0 0 auto;
-  color: var(--terminal-strong);
-  font-size: 12px;
-  text-transform: uppercase;
-}
-
-.repo-xray > p {
-  max-width: 900px;
-  color: var(--muted);
-  font-size: 13px;
-  line-height: 1.45;
-}
-
-.repo-xray-layers {
-  display: grid;
-  grid-template-columns: repeat(3, minmax(0, 1fr));
-  gap: 12px;
-  margin-top: 16px;
-}
-
-.repo-xray-layer {
-  min-height: 190px;
-  padding: 14px;
-  border: 1px solid rgba(65, 255, 143, 0.12);
-  border-radius: 8px;
-  background: rgba(6, 16, 11, 0.76);
-}
-
-.repo-xray-layer-head {
-  display: flex;
-  justify-content: space-between;
-  gap: 10px;
-  margin-bottom: 12px;
-}
-
-.repo-xray-layer-head strong {
-  display: block;
-  color: var(--terminal-strong);
-  font-size: 13px;
-}
-
-.repo-xray-layer-head span {
-  display: block;
-  margin-top: 4px;
-  color: var(--terminal-dim);
-  font-size: 11px;
-  line-height: 1.35;
-}
-
-.repo-xray-layer-head em {
-  color: var(--code);
-  font-size: 16px;
-  font-style: normal;
-  font-weight: 820;
-}
-
-.repo-xray-items {
-  display: grid;
-  gap: 8px;
-}
-
-.repo-xray-item {
-  width: 100%;
-  min-width: 0;
-  display: grid;
-  align-items: stretch;
-  justify-content: stretch;
-  gap: 8px;
-  padding: 10px;
-  border: 1px solid rgba(65, 255, 143, 0.10);
-  border-radius: 6px;
-  background: rgba(1, 8, 6, 0.56);
-  color: var(--muted);
-  text-align: left;
-  white-space: normal;
-}
-
-.repo-xray-item span { min-width: 0; }
-
-.repo-xray-item strong {
-  display: block;
-  color: var(--text);
-  font-size: 12px;
-  overflow-wrap: anywhere;
-}
-
-.repo-xray-item em {
-  display: block;
-  margin-top: 3px;
-  color: var(--terminal-dim);
-  font-size: 10px;
-  font-style: normal;
-  line-height: 1.35;
-  overflow-wrap: anywhere;
-}
-
-.repo-xray-item i {
-  display: block;
-  height: 4px;
-  border-radius: 999px;
-  background: var(--terminal-strong);
-}
-
-.repo-xray-item-watch i { background: var(--warn); }
-.repo-xray-item-risk i { background: var(--danger); }
-
-.dashboard-charts {
-  display: grid;
-  grid-template-columns: repeat(3, minmax(0, 1fr));
-  gap: 18px;
-  margin-bottom: 22px;
-}
-
-.metric-card {
-  min-height: 178px;
-  padding: 18px;
-  border: 1px solid rgba(65, 255, 143, 0.13);
-  border-radius: 8px;
-  background: rgba(6, 16, 11, 0.86);
-  overflow: hidden;
-}
-
-.metric-card-ok { border-color: rgba(65, 255, 143, 0.24); }
-.metric-card-code { border-color: rgba(106, 215, 255, 0.24); }
-.metric-card-warn { border-color: rgba(255, 209, 102, 0.28); }
-.metric-card-danger { border-color: rgba(255, 91, 91, 0.28); }
-
-.metric-card-head {
-  display: flex;
-  justify-content: space-between;
-  gap: 10px;
-  color: var(--terminal-dim);
-  font-size: 10px;
-  font-weight: 820;
-  text-transform: uppercase;
-}
-
-.metric-card-head strong {
-  color: var(--terminal-strong);
-  text-align: right;
-  overflow-wrap: anywhere;
-}
-
-.metric-card-warn .metric-card-head strong { color: var(--warn); }
-.metric-card-danger .metric-card-head strong { color: var(--danger); }
-
-.metric-visual {
-  display: grid;
-  grid-template-columns: 72px minmax(0, 1fr);
-  gap: 12px;
-  align-items: center;
-  margin-top: 12px;
-}
-
-.metric-donut {
-  --value: 0;
-  width: 70px;
-  height: 70px;
-  display: grid;
-  place-items: center;
-  border-radius: 50%;
-  background:
-    radial-gradient(circle at center, #06100b 0 58%, transparent 59%),
-    conic-gradient(var(--terminal-strong) calc(var(--value) * 1%), rgba(65, 255, 143, 0.12) 0);
-}
-
-.metric-card-warn .metric-donut {
-  background:
-    radial-gradient(circle at center, #06100b 0 58%, transparent 59%),
-    conic-gradient(var(--warn) calc(var(--value) * 1%), rgba(255, 209, 102, 0.12) 0);
-}
-
-.metric-donut span {
-  color: var(--text);
-  font-size: 13px;
-  font-weight: 840;
-}
-
-.metric-visual p,
-.metric-card em {
-  margin: 0;
-  color: var(--muted);
-  font-size: 11px;
-  font-style: normal;
-  line-height: 1.4;
-}
-
-.metric-card em {
-  display: block;
-  margin-top: 10px;
-  color: var(--terminal-dim);
-}
-
-.metric-bars {
-  display: grid;
-  gap: 9px;
-  margin-top: 12px;
-}
-
-.metric-bar {
-  display: grid;
-  grid-template-columns: minmax(0, 1fr) auto;
-  gap: 8px;
-  color: var(--muted);
-  font-size: 11px;
-}
-
-.metric-bar strong {
-  color: var(--text);
-  font-size: 11px;
-  overflow-wrap: anywhere;
-}
-
-.metric-bar i {
-  grid-column: 1 / -1;
-  display: block;
-  height: 5px;
-  border-radius: 999px;
-  background: var(--terminal-strong);
-}
-
-.metric-bar-warn i { background: var(--warn); }
-.metric-bar-danger i { background: var(--danger); }
-
-.dashboard-grid {
-  display: grid;
-  grid-template-columns: repeat(3, minmax(0, 1fr));
-  gap: 18px;
-}
-.dashboard-card {
-  min-height: 238px;
-  display: flex;
-  flex-direction: column;
-  gap: 13px;
-  padding: 22px;
-  border: 1px solid rgba(65, 255, 143, 0.12);
-  border-radius: 10px;
-  background: rgba(8, 17, 13, 0.78);
-}
-.dashboard-card-head {
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  gap: 10px;
-  color: var(--terminal-dim);
-  font-size: 11px;
-  font-weight: 820;
-  text-transform: uppercase;
-}
-.dashboard-card-head strong {
-  color: var(--code);
-  font-size: 10px;
-}
-.dashboard-card h3 {
-  color: var(--terminal);
-  font-size: 19px;
-  line-height: 1.2;
-  text-shadow: 0 0 9px rgba(65, 255, 143, 0.16);
-}
-.dashboard-card p {
-  color: var(--muted);
-  font-size: 12px;
-}
-.dashboard-card ul {
-  flex: 1;
-  display: grid;
-  align-content: start;
-  gap: 7px;
-  margin: 0;
-  padding: 0;
-  list-style: none;
-}
-.dashboard-card li {
-  display: flex;
-  justify-content: space-between;
-  gap: 10px;
-  padding-top: 9px;
-  border-top: 1px solid rgba(65, 255, 143, 0.10);
-  color: var(--muted);
-  font-size: 12px;
-}
-.dashboard-card li strong {
-  color: var(--terminal);
-  overflow-wrap: anywhere;
-}
-.dashboard-card li span {
-  color: var(--terminal-dim);
-  text-align: right;
-  overflow-wrap: anywhere;
-}
-
-#dashboardReview {
-  display: none;
-}
-
-.workspace-shell {
-  grid-area: workspace;
-  position: relative;
-  z-index: 1;
-  width: 100%;
-  min-height: calc(100vh - 134px);
-  display: grid;
-  grid-template-rows: minmax(0, 1fr);
-  gap: 14px;
-  opacity: 1;
-  pointer-events: auto;
-  transform: none;
-  transition: none;
-}
-
-.workspace-body {
-  min-height: 0;
-  height: 100%;
-  display: grid;
-  gap: 14px;
-}
-
-.workspace-body > * {
-  grid-area: auto;
-  min-height: 0;
-  display: none;
-}
-
-.control-panel, .graph-panel, .details-panel, .graph-insights-panel, .table-panel, .review-panel, .proof-panel, .intelligence-panel, .memory-panel, .owners-panel {
-  border: 1px solid var(--line);
-  border-radius: 6px;
-  background: rgba(8, 17, 13, 0.94);
-  box-shadow: var(--shadow);
-}
-
-.control-panel,
-.graph-panel,
-.memory-panel {
-  border-color: rgba(65, 255, 143, 0.22);
-  box-shadow: var(--shadow), 0 0 34px rgba(65, 255, 143, 0.055);
-}
-
-.control-panel {
-  min-height: 0;
-  overflow: auto;
-  padding: 12px;
-}
-
-.graph-insights-panel {
-  min-height: 0;
-  overflow: hidden;
-  padding: 0;
-}
-
-.graph-insights {
-  height: auto;
-  max-height: 360px;
-  overflow: auto;
-  display: grid;
-  grid-template-columns: repeat(2, minmax(0, 1fr));
-  gap: 8px;
-  padding: 0 10px 12px;
-}
-
-.journey-actions {
-  display: grid;
-  gap: 8px;
-  margin: 10px 0 0;
-}
-
-.journey-actions button,
-.advanced-controls summary {
-  width: 100%;
-  min-height: 34px;
-  border: 1px solid rgba(65, 255, 143, 0.20);
-  border-radius: 4px;
-  background: rgba(65, 255, 143, 0.055);
-  color: var(--terminal-strong);
-  font-size: 12px;
-  font-weight: 760;
-  text-align: left;
-}
-
-.journey-actions button {
-  padding: 0 10px;
-  box-shadow: none;
-}
-
-.journey-actions button.active,
-.graph-action-card.active {
-  border-color: rgba(65, 255, 143, 0.70);
-  background: rgba(65, 255, 143, 0.12);
-}
-
-.advanced-controls {
-  margin-top: 12px;
-}
-
-.advanced-controls summary {
-  display: flex;
-  align-items: center;
-  cursor: pointer;
-  padding: 0 10px;
-}
-
-.advanced-controls label,
-.advanced-controls .toggle-control {
-  margin-top: 10px;
-}
-
-.graph-action-card p {
-  margin: 10px 0;
-  color: var(--muted);
-  font-size: 11px;
-  line-height: 1.45;
-}
-
-.graph-action-card button {
-  width: 100%;
-  min-height: 30px;
-  margin-top: 10px;
-  box-shadow: none;
-}
-
-.graph-insights .metric-card {
-  min-height: 118px;
-  padding: 11px;
-}
-
-.graph-insights .metric-visual {
-  grid-template-columns: 56px minmax(0, 1fr);
-  gap: 10px;
-}
-
-.graph-insights .metric-donut {
-  width: 54px;
-  height: 54px;
-}
-
-.path-insight-card p {
-  margin: 12px 0 0;
-  color: var(--muted);
-  font-size: 11px;
-  line-height: 1.45;
-}
-
-.path-suggestion {
-  margin-top: 10px;
-  color: var(--terminal-dim);
-  font-size: 11px;
-}
-
-.path-suggestion-button {
-  width: 100%;
-  display: grid;
-  gap: 4px;
-  padding: 9px;
-  border-color: rgba(106, 215, 255, 0.24);
-  background: rgba(106, 215, 255, 0.06);
-  box-shadow: none;
-  text-align: left;
-  white-space: normal;
-}
-
-.path-suggestion-button strong,
-.path-suggestion-button span {
-  overflow-wrap: anywhere;
-}
-
-.path-suggestion-button strong { color: var(--code); }
-.path-suggestion-button span { color: var(--terminal-dim); font-size: 11px; }
-
-body.viewer-page-graph .workspace-body {
-  display: block;
-}
-body.viewer-page-graph .control-panel,
-body.viewer-page-graph .graph-insights-panel { display: none; }
-body.viewer-page-graph .control-panel { display: block; }
-body.viewer-page-graph .details-panel { display: flex; }
-body.viewer-page-graph:not(.has-selection) .details-panel { display: none; }
-body.viewer-page-graph .workspace-shell {
-  min-height: 0;
-  height: calc(100vh - 176px);
-  max-height: calc(100vh - 176px);
-  overflow: auto;
-  overscroll-behavior: contain;
-}
-body.viewer-page-graph .metrics-grid { display: none; }
-body.viewer-page-graph .control-panel,
-body.viewer-page-graph .details-panel { margin-bottom: 16px; }
-body.viewer-page-graph .graph-panel {
-  min-height: 0;
-  height: calc(100vh - 176px);
-}
-body.viewer-page-graph .graph-canvas-wrap,
-body.viewer-page-graph #graphCanvas,
-body.viewer-page-graph .three-graph,
-body.viewer-page-graph #graphSvg {
-  min-height: 0;
-}
-body.viewer-page-review .workspace-body {
-  grid-template-columns: minmax(0, 1fr);
-  align-items: stretch;
-}
-body.viewer-page-review .review-panel {
-  display: block;
-}
-body.viewer-page-review .proof-panel { display: none; }
-body.viewer-page-owners .workspace-body,
-body.viewer-page-intel .workspace-body { grid-template-columns: minmax(0, 1fr); }
-body.viewer-page-memory .workspace-body {
-  grid-template-columns: minmax(0, 1fr);
-  align-items: stretch;
-  height: auto;
-}
-body.viewer-page-memory.has-selection .workspace-body {
-  grid-template-columns: minmax(0, 1fr) minmax(300px, 360px);
-}
-body.viewer-page-memory .memory-panel,
-body.viewer-page-owners .owners-panel,
-body.viewer-page-intel .intelligence-panel { display: block; }
-body.viewer-page-memory .memory-panel {
-  order: 0;
-  min-height: 0;
-}
-body.viewer-page-memory .details-panel { order: 1; display: none; }
-body.viewer-page-memory.has-selection .details-panel {
-  display: flex;
-  max-height: calc(100vh - 176px);
-  min-height: 0;
-  position: sticky;
-  top: 146px;
-}
-body.viewer-page-data .workspace-body {
-  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(300px, 360px);
-  align-items: stretch;
-}
-body.viewer-page-data .entities-panel,
-body.viewer-page-data .edges-panel { display: block; }
-body.viewer-page-data .details-panel {
-  display: flex;
-  max-height: calc(100vh - 176px);
-}
-
-body.viewer-page-memory .workspace-shell,
-body.viewer-page-intel .workspace-shell,
-body.viewer-page-owners .workspace-shell,
-body.viewer-page-review .workspace-shell,
-body.viewer-page-data .workspace-shell {
-  min-height: calc(100vh - 176px);
-  height: auto;
-  max-height: none;
-  overflow: visible;
-  overscroll-behavior: auto;
-}
-
-.workspace-shell .metrics-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
-
-@media (min-width: 1121px) {
-  body.viewer-page-graph .control-panel {
-    display: block;
-  }
-  .control-panel label, .control-panel button { margin-top: 0; }
-}
-
-.control-panel label { display: block; margin-top: 12px; }
-.control-panel .toggle-control {
-  display: flex;
-  align-items: center;
-  gap: 9px;
-  min-height: 38px;
-  padding: 0 10px;
-  border: 1px solid var(--line);
-  border-radius: 4px;
-  background: #030604;
-}
-.control-panel .toggle-control input {
-  width: 15px;
-  min-height: 15px;
-  accent-color: var(--terminal-strong);
-}
-.control-panel .toggle-control span {
-  margin: 0;
-  color: var(--terminal-dim);
-  line-height: 1.2;
-}
-label span {
-  display: block;
-  margin-bottom: 6px;
-  color: var(--terminal-dim);
-  font-size: 11px;
-  font-weight: 760;
-  text-transform: uppercase;
-}
-
-input, select {
-  width: 100%;
-  min-height: 38px;
-  border: 1px solid var(--line);
-  border-radius: 4px;
-  padding: 0 10px;
-  background: #030604;
-  color: var(--text);
-}
-input::placeholder { color: #4e7458; }
-input:focus, select:focus, button:focus, .file-picker:focus-within {
-  outline: 2px solid rgba(65, 255, 143, 0.35);
-  outline-offset: 1px;
-}
-.control-panel button { width: 100%; margin-top: 12px; }
-.journey-actions button,
-.advanced-controls summary,
-.graph-action-card button { margin-top: 0; }
-
-.path-finder {
-  display: grid;
-  gap: 8px;
-  margin: 0 0 2px;
-  padding: 10px;
-  border: 1px solid rgba(106, 215, 255, 0.26);
-  border-radius: 4px;
-  background: rgba(5, 16, 18, 0.58);
-}
-
-.inspector-path-finder {
-  display: none !important;
-}
-.path-finder-header {
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  gap: 10px;
-}
-.path-finder-header span {
-  margin: 0;
-  color: var(--code);
-  font-size: 11px;
-  font-weight: 820;
-  letter-spacing: 0.06em;
-  text-transform: uppercase;
-}
-.path-finder-header button {
-  width: auto;
-  min-height: 26px;
-  padding: 0 9px;
-  border-color: var(--line);
-  color: var(--terminal-dim);
-  font-size: 10px;
-}
-.path-finder-inputs {
-  display: grid;
-  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) 92px;
-  gap: 8px;
-}
-.path-finder-inputs input,
-.path-finder-inputs button {
-  margin: 0;
-}
-.path-status {
-  color: var(--terminal-dim);
-  font-size: 11px;
-  overflow-wrap: anywhere;
-}
-.path-status.ok { color: var(--terminal-strong); }
-.path-status.warn { color: var(--warn); }
-.path-result {
-  display: none;
-  max-height: 138px;
-  overflow: auto;
-  padding-right: 2px;
-}
-.path-result.visible {
-  display: grid;
-  gap: 6px;
-}
-.path-step {
-  width: 100%;
-  min-height: 0;
-  display: grid;
-  gap: 3px;
-  margin: 0;
-  padding: 7px 8px;
-  border-color: rgba(106, 215, 255, 0.24);
-  background: rgba(106, 215, 255, 0.045);
-  color: var(--text);
-  text-align: left;
-  white-space: normal;
-  box-shadow: none;
-}
-.path-step:hover {
-  border-color: var(--code);
-  background: rgba(106, 215, 255, 0.085);
-}
-.path-step strong {
-  color: var(--code);
-  font-size: 11px;
-  overflow-wrap: anywhere;
-}
-.path-step span {
-  margin: 0;
-  color: var(--terminal-dim);
-  font-size: 10px;
-  font-weight: 740;
-  overflow-wrap: anywhere;
-  text-transform: none;
-}
-
-.panel-heading {
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  gap: 10px;
-  padding: 11px 12px 0;
-  margin-bottom: 10px;
-}
-.panel-heading.compact { padding: 0; margin-bottom: 12px; }
-.panel-heading span, #workspaceMode, #selectionStatus {
-  color: var(--terminal-dim);
-  font-size: 11px;
-  font-variant-numeric: tabular-nums;
-}
-.panel-heading h2 {
-  color: var(--terminal-strong);
-  text-shadow: 0 0 10px rgba(65, 255, 143, 0.28);
-}
-
-.metrics-grid {
-  display: grid;
-  grid-template-columns: repeat(6, minmax(0, 1fr));
-  gap: 8px;
-  margin-bottom: 12px;
-}
-.metric {
-  min-height: 58px;
-  padding: 9px;
-  border: 1px solid var(--line);
-  border-radius: 4px;
-  background: #06100b;
-}
-.metric strong {
-  display: block;
-  color: var(--terminal-strong);
-  font-size: 17px;
-  line-height: 1.1;
-  overflow-wrap: anywhere;
-}
-.metric span {
-  display: block;
-  margin-top: 5px;
-  color: var(--terminal-dim);
-  font-size: 10px;
-  font-weight: 760;
-  text-transform: uppercase;
-}
-
-.legend {
-  display: flex;
-  flex-wrap: wrap;
-  gap: 12px;
-  margin-top: 12px;
-  padding-top: 12px;
-  border-top: 1px solid var(--line);
-  color: var(--muted);
-  font-size: 11px;
-  font-weight: 720;
-}
-.legend span { display: flex; align-items: center; gap: 8px; }
-.dot { width: 12px; height: 8px; border-radius: 2px; display: inline-block; }
-.memory-dot { background: var(--memory); }
-.code-dot { background: var(--code); }
-.line { width: 24px; height: 2px; display: inline-block; background: var(--edge); }
-
-.graph-panel {
-  grid-area: graph;
-  position: relative;
-  min-height: 640px;
-  overflow: hidden;
-  display: grid;
-  grid-template-rows: auto minmax(0, 1fr);
-  box-shadow: var(--shadow), 0 0 0 1px rgba(65, 255, 143, 0.08), 0 0 58px rgba(65, 255, 143, 0.11);
-}
-
-.graph-toolbar {
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-  gap: 12px;
-  padding: 11px 12px;
-  border-bottom: 1px solid var(--line);
-  background:
-    radial-gradient(circle at 8% 0, rgba(65, 255, 143, 0.14), transparent 42%),
-    linear-gradient(180deg, #0b1710, #07110c);
-}
-.graph-toolbar p { color: var(--terminal-dim); font-size: 11px; margin-top: 3px; }
-.graph-actions { display: inline-flex; align-items: center; gap: 6px; }
-.graph-actions button { min-width: 40px; min-height: 34px; padding: 0 10px; }
-.interaction-hint {
-  display: inline-flex;
-  align-items: center;
-  padding-right: 6px;
-  color: var(--terminal-dim);
-  font-size: 11px;
-  font-weight: 700;
-  white-space: nowrap;
-}
-
-.graph-canvas-wrap {
-  position: relative;
-  min-height: 600px;
-  width: 100%;
-  height: 100%;
-  overflow: hidden;
-  background:
-    radial-gradient(circle at 52% 46%, rgba(65, 255, 143, 0.13), transparent 44%),
-    radial-gradient(circle at 18% 26%, rgba(65, 255, 143, 0.09), transparent 32%),
-    #020503;
-  box-shadow: inset 0 0 80px rgba(65, 255, 143, 0.09);
-}
-
-#graphCanvas, .three-graph {
-  width: 100%;
-  height: 100%;
-  min-height: 600px;
-  display: block;
-}
-
-#graphCanvas {
-  cursor: grab;
-}
-
-#graphCanvas:active { cursor: grabbing; }
-
-.three-graph {
-  position: absolute;
-  inset: 0;
-  display: none;
-  cursor: grab;
-  background:
-    linear-gradient(rgba(65, 255, 143, 0.035) 1px, transparent 1px),
-    linear-gradient(90deg, rgba(65, 255, 143, 0.035) 1px, transparent 1px),
-    radial-gradient(circle at 52% 46%, rgba(106, 215, 255, 0.10), transparent 46%),
-    #020503;
-  background-size: 34px 34px, 34px 34px, 100% 100%, 100% 100%;
-}
-.three-graph canvas {
-  display: block;
-  width: 100% !important;
-  height: 100% !important;
-}
-.three-graph:active { cursor: grabbing; }
-.three-status {
-  position: absolute;
-  inset: 0;
-  display: grid;
-  place-items: center;
-  color: var(--terminal-dim);
-  font-weight: 780;
-}
-.graph-canvas-wrap.mode-3d #graphCanvas { display: none; }
-.graph-canvas-wrap.mode-3d .three-graph { display: block; }
-.graph-canvas-wrap.mode-2d .three-graph { display: none; }
-
-#graphSvg {
-  width: 100%;
-  height: 100%;
-  min-height: 600px;
-  display: block;
-  cursor: grab;
-  background:
-    linear-gradient(rgba(65, 255, 143, 0.035) 1px, transparent 1px),
-    linear-gradient(90deg, rgba(65, 255, 143, 0.035) 1px, transparent 1px),
-    radial-gradient(circle at 52% 46%, rgba(65, 255, 143, 0.10), transparent 44%),
-    #020503;
-  background-size: 28px 28px, 28px 28px, 100% 100%, 100% 100%;
-}
-#graphSvg.fallback-graph { display: none; }
-#graphSvg.dragging { cursor: grabbing; }
-#arrow path { fill: var(--edge); }
-.graph-tooltip {
-  position: absolute;
-  z-index: 5;
-  display: none;
-  max-width: min(320px, calc(100% - 28px));
-  padding: 10px 12px;
-  border: 1px solid rgba(65, 255, 143, 0.28);
-  border-radius: 4px;
-  background: rgba(2, 5, 3, 0.94);
-  box-shadow: 0 14px 34px rgba(0, 0, 0, 0.42), inset 0 0 0 1px rgba(65, 255, 143, 0.06);
-  backdrop-filter: blur(12px);
-  color: var(--text);
-  pointer-events: none;
-}
-.graph-tooltip.visible { display: block; }
-.tt-name {
-  color: var(--terminal);
-  font-weight: 820;
-  overflow-wrap: anywhere;
-}
-.tt-type {
-  margin-top: 4px;
-  font-size: 10px;
-  font-weight: 800;
-  letter-spacing: 0.10em;
-  text-transform: uppercase;
-}
-.tt-summary {
-  margin-top: 7px;
-  color: var(--muted);
-  font-size: 11px;
-  overflow-wrap: anywhere;
-}
-.tt-conns {
-  margin-top: 7px;
-  padding-top: 7px;
-  border-top: 1px solid rgba(65, 255, 143, 0.16);
-  color: var(--terminal-dim);
-  font-size: 10px;
-  font-weight: 760;
-}
-.lane-label {
-  fill: rgba(185, 251, 192, 0.34);
-  font-size: 12px;
-  font-weight: 900;
-  letter-spacing: 0.16em;
-  pointer-events: none;
-}
-
-.empty-state {
-  position: absolute;
-  inset: 54px 0 0;
-  display: grid;
-  place-content: center;
-  gap: 6px;
-  color: var(--muted);
-  text-align: center;
-  pointer-events: none;
-}
-.empty-state strong { color: var(--terminal); font-size: 18px; }
-.empty-state.hidden { display: none; }
-
-.details-panel {
-  flex-direction: column;
-  height: 100%;
-  max-height: none;
-  min-height: 0;
-  overflow: hidden;
-  padding: 12px;
-}
-.details-empty { color: var(--terminal-dim); }
-#selectionDetails {
-  flex: 1 1 auto;
-  min-height: 0;
-  max-height: min(52vh, 460px);
-  overflow: auto;
-  overscroll-behavior: contain;
-  padding-right: 2px;
-}
-
-.inspector-path-finder {
-  flex: 0 0 auto;
-  margin-top: 12px;
-}
-body:not(.has-code-selection) .inspector-path-finder { display: none; }
-.detail-title { margin-bottom: 8px; color: var(--text); font-weight: 780; font-size: 17px; overflow-wrap: anywhere; }
-.detail-kind { margin-bottom: 10px; color: var(--terminal-strong); background: #07130d; }
-.detail-row { padding: 9px 0; border-top: 1px solid var(--line); }
-.detail-row dt { margin: 0 0 4px; color: var(--terminal-dim); font-size: 11px; font-weight: 760; text-transform: uppercase; }
-.detail-row dd {
-  max-height: 150px;
-  margin: 0;
-  color: var(--text);
-  overflow: auto;
-  overflow-wrap: anywhere;
-  white-space: pre-wrap;
-}
-.detail-section {
-  margin-top: 12px;
-  padding-top: 12px;
-  border-top: 1px solid var(--line);
-  min-height: 0;
-}
-.detail-section-title {
-  margin-bottom: 8px;
-  color: var(--terminal-dim);
-  font-size: 11px;
-  font-weight: 800;
-  text-transform: uppercase;
-}
-.detail-section-list {
-  max-height: 260px;
-  overflow: auto;
-  overscroll-behavior: contain;
-  padding-right: 2px;
-}
-.detail-link {
-  width: 100%;
-  display: grid;
-  gap: 4px;
-  min-height: 0;
-  margin-top: 8px;
-  padding: 9px;
-  border-color: rgba(216, 255, 95, 0.28);
-  background: rgba(216, 255, 95, 0.045);
-  color: var(--text);
-  text-align: left;
-  white-space: normal;
-  box-shadow: none;
-}
-.detail-link:hover { background: rgba(216, 255, 95, 0.085); }
-.detail-link-title {
-  color: var(--terminal);
-  font-weight: 820;
-  overflow-wrap: anywhere;
-}
-.detail-link-meta {
-  color: var(--warn);
-  font-size: 10px;
-  font-weight: 760;
-  text-transform: uppercase;
-  overflow-wrap: anywhere;
-}
-.detail-link-body {
-  display: -webkit-box;
-  -webkit-box-orient: vertical;
-  -webkit-line-clamp: 3;
-  color: var(--muted);
-  font-size: 11px;
-  overflow: hidden;
-  overflow-wrap: anywhere;
-}
-.detail-more {
-  margin-top: 9px;
-  color: var(--terminal-dim);
-  font-size: 11px;
-}
-
-.table-panel { min-height: 0; overflow: hidden; }
-.review-panel, .proof-panel, .intelligence-panel, .memory-panel, .owners-panel { min-height: 0; overflow: visible; }
-body.viewer-page-memory .memory-panel,
-body.viewer-page-review .review-panel,
-body.viewer-page-data .table-panel {
-  display: flex;
-  flex-direction: column;
-}
-.list { height: calc(100% - 48px); overflow: auto; padding: 0 8px 10px; }
-.review-list, .proof-list, .memory-list, .owners-list {
-  height: auto;
-  overflow: visible;
-  padding: 0 10px 12px;
-}
-.intelligence-list {
-  height: auto;
-  overflow: visible;
-  padding: 0 14px 16px;
-  display: grid;
-  grid-template-columns: repeat(3, minmax(0, 1fr));
-  gap: 16px;
-  align-content: start;
-}
-.intel-guide {
-  grid-column: 1 / -1;
-  display: grid;
-  grid-template-columns: minmax(0, 0.8fr) minmax(0, 1.4fr);
-  gap: 12px;
-  align-items: center;
-  padding: 12px 14px;
-  border: 1px solid rgba(65, 255, 143, 0.18);
-  border-radius: 8px;
-  background: rgba(65, 255, 143, 0.05);
-}
-.intel-guide strong {
-  color: var(--terminal-strong);
-  font-size: 13px;
-}
-.intel-guide span {
-  color: var(--terminal-dim);
-  font-size: 12px;
-  line-height: 1.45;
-}
-.intel-deep-grid {
-  grid-column: 1 / -1;
-  display: grid;
-  grid-template-columns: repeat(2, minmax(0, 1fr));
-  gap: 14px;
-}
-
-.intel-deep-drawer {
-  grid-column: 1 / -1;
-  border: 1px solid rgba(65, 255, 143, 0.16);
-  border-radius: 8px;
-  background: rgba(4, 13, 8, 0.72);
-  overflow: hidden;
-}
-
-.intel-deep-drawer summary {
-  min-height: 46px;
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  gap: 12px;
-  padding: 0 14px;
-  color: var(--terminal-strong);
-  cursor: pointer;
-}
-
-.intel-deep-drawer summary em {
-  color: var(--terminal-dim);
-  font-size: 12px;
-  font-style: normal;
-}
-
-.intel-deep-drawer .intel-deep-grid {
-  padding: 14px;
-}
-
-.proof-list { grid-template-columns: repeat(2, minmax(0, 1fr)); }
-.memory-overview,
-.owners-summary,
-.review-overview,
-.proof-overview {
-  display: grid;
-  grid-template-columns: repeat(3, minmax(0, 1fr));
-  gap: 8px;
-  padding: 0 10px 10px;
-}
-
-.memory-overview,
-.review-overview,
-.proof-overview {
-  grid-template-columns: repeat(2, minmax(0, 1fr));
-}
-
-body.viewer-page-memory .memory-overview {
-  display: none;
-}
-
-body.viewer-page-memory .memory-list {
-  height: auto;
-  min-height: 280px;
-  flex: 0 0 auto;
-  overflow: visible;
-}
-
-.memory-governance {
-  flex: 0 0 auto;
-  min-height: 0;
-  margin: 0 10px 12px;
-  border: 1px solid rgba(65, 255, 143, 0.18);
-  border-radius: 8px;
-  background: rgba(4, 13, 8, 0.76);
-  overflow: hidden;
-}
-
-.memory-governance[open] {
-  max-height: min(56vh, 620px);
-  overflow: auto;
-  overscroll-behavior: contain;
-}
-
-.memory-governance summary {
-  min-height: 40px;
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  gap: 12px;
-  padding: 0 12px;
-  cursor: pointer;
-  color: var(--terminal-strong);
-  font-size: 12px;
-  font-weight: 800;
-}
-
-.memory-governance summary em {
-  color: var(--terminal-dim);
-  font-size: 10px;
-  font-style: normal;
-  font-weight: 760;
-  text-transform: uppercase;
-}
-
-.memory-governance > section {
-  margin: 10px;
-}
-
-.memory-lifecycle {
-  margin: 0 10px 12px;
-  padding: 12px;
-  border: 1px solid rgba(65, 255, 143, 0.18);
-  border-radius: 8px;
-  background:
-    linear-gradient(180deg, rgba(65, 255, 143, 0.07), rgba(65, 255, 143, 0.025)),
-    rgba(5, 12, 8, 0.86);
-  box-shadow: inset 0 0 0 1px rgba(65, 255, 143, 0.05);
-}
-
-.memory-review-actions {
-  margin: 0 10px 12px;
-  padding: 12px;
-  border: 1px solid rgba(65, 255, 143, 0.22);
-  border-radius: 8px;
-  background:
-    radial-gradient(circle at top right, rgba(65, 255, 143, 0.12), transparent 42%),
-    rgba(4, 13, 8, 0.88);
-  box-shadow: 0 0 26px rgba(65, 255, 143, 0.06), inset 0 0 0 1px rgba(65, 255, 143, 0.05);
-}
-
-.memory-action-list {
-  display: grid;
-  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
-  gap: 10px;
-  margin-top: 12px;
-}
-
-.memory-action {
-  border: 1px solid rgba(65, 255, 143, 0.17);
-  border-radius: 8px;
-  background: rgba(2, 10, 6, 0.82);
-  padding: 12px;
-  transition: border-color 0.16s ease, box-shadow 0.16s ease, transform 0.16s ease;
-}
-
-.memory-action[role="button"] { cursor: pointer; }
-
-.memory-action[role="button"]:hover,
-.memory-action[role="button"]:focus-visible {
-  border-color: rgba(65, 255, 143, 0.38);
-  box-shadow: 0 0 22px rgba(65, 255, 143, 0.12);
-  transform: translateY(-1px);
-  outline: none;
-}
-
-.memory-action-warn { border-color: rgba(255, 209, 102, 0.24); }
-.memory-action-ok { border-color: rgba(65, 255, 143, 0.26); }
-.memory-action-info { border-color: rgba(106, 215, 255, 0.22); }
-
-.memory-action-head {
-  display: flex;
-  align-items: start;
-  justify-content: space-between;
-  gap: 10px;
-}
-
-.memory-action-head span {
-  border: 1px solid rgba(65, 255, 143, 0.18);
-  border-radius: 999px;
-  color: var(--accent);
-  font-size: 10px;
-  font-weight: 800;
-  letter-spacing: 0;
-  padding: 3px 7px;
-  text-transform: uppercase;
-  white-space: nowrap;
-}
-
-.memory-action-head strong {
-  color: var(--terminal-strong);
-  font-size: 12px;
-  line-height: 1.35;
-  text-align: right;
-  overflow-wrap: anywhere;
-}
-
-.memory-action p,
-.memory-action em {
-  display: block;
-  color: var(--muted);
-  font-size: 11px;
-  line-height: 1.45;
-  margin: 10px 0 0;
-  overflow-wrap: anywhere;
-}
-
-.memory-action em {
-  color: var(--terminal-strong);
-  font-style: normal;
-}
-
-.session-capture {
-  margin: 0 10px 12px;
-  padding: 12px;
-  border: 1px solid rgba(106, 215, 255, 0.18);
-  border-radius: 8px;
-  background:
-    linear-gradient(180deg, rgba(106, 215, 255, 0.07), rgba(65, 255, 143, 0.02)),
-    rgba(5, 12, 10, 0.86);
-  box-shadow: inset 0 0 0 1px rgba(106, 215, 255, 0.04);
-}
-
-.session-capture-list {
-  display: grid;
-  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
-  gap: 10px;
-  margin-top: 12px;
-}
-
-.session-capture-card {
-  border: 1px solid rgba(106, 215, 255, 0.16);
-  border-radius: 8px;
-  background: rgba(3, 11, 10, 0.82);
-  padding: 12px;
-}
-
-.session-capture-head {
-  display: flex;
-  align-items: flex-start;
-  justify-content: space-between;
-  gap: 10px;
-}
-
-.session-capture-head strong {
-  display: block;
-  color: var(--terminal-strong);
-  font-size: 12px;
-  overflow-wrap: anywhere;
-}
-
-.session-capture-head span,
-.session-capture-card p {
-  color: var(--muted);
-  font-size: 11px;
-  line-height: 1.45;
-}
-
-.session-capture-head em {
-  color: var(--accent);
-  font-size: 11px;
-  font-style: normal;
-  white-space: nowrap;
-}
-
-.session-capture-meta {
-  display: flex;
-  flex-wrap: wrap;
-  gap: 6px;
-  margin-top: 10px;
-}
-
-.session-capture-meta span {
-  border: 1px solid rgba(106, 215, 255, 0.16);
-  border-radius: 999px;
-  background: rgba(106, 215, 255, 0.05);
-  color: var(--muted);
-  font-size: 10px;
-  padding: 4px 6px;
-  overflow-wrap: anywhere;
-}
-
-.lifecycle-head {
-  display: flex;
-  align-items: start;
-  justify-content: space-between;
-  gap: 12px;
-  margin-bottom: 10px;
-}
-
-.lifecycle-head h3 {
-  margin: 0;
-  color: var(--terminal-strong);
-  font-size: 13px;
-  text-shadow: 0 0 12px rgba(65, 255, 143, 0.30);
-}
-
-.lifecycle-head p {
-  margin-top: 3px;
-  color: var(--muted);
-  font-size: 11px;
-}
-
-.lifecycle-head span {
-  min-width: max-content;
-  padding: 4px 8px;
-  border: 1px solid rgba(65, 255, 143, 0.22);
-  border-radius: 999px;
-  color: var(--terminal-strong);
-  font-size: 10px;
-  font-weight: 800;
-}
-
-.lifecycle-summary {
-  display: grid;
-  grid-template-columns: repeat(3, minmax(0, 1fr));
-  gap: 8px;
-  margin-bottom: 10px;
-}
-
-.lifecycle-step {
-  display: grid;
-  grid-template-columns: 24px minmax(0, 1fr) auto;
-  gap: 6px 8px;
-  align-items: center;
-  padding: 9px;
-  border: 1px solid rgba(65, 255, 143, 0.12);
-  border-radius: 6px;
-  background: rgba(8, 17, 13, 0.82);
-}
-
-.lifecycle-step strong {
-  width: 24px;
-  height: 24px;
-  display: grid;
-  place-items: center;
-  border-radius: 50%;
-  background: rgba(65, 255, 143, 0.12);
-  color: var(--terminal-strong);
-}
-
-.lifecycle-step span {
-  color: var(--terminal);
-  font-size: 11px;
-  font-weight: 820;
-}
-
-.lifecycle-step em {
-  color: var(--code);
-  font-size: 12px;
-  font-style: normal;
-  font-weight: 820;
-}
-
-.lifecycle-step p {
-  grid-column: 1 / -1;
-  color: var(--muted);
-  font-size: 10px;
-  line-height: 1.35;
-}
-
-.lifecycle-list {
-  display: grid;
-  gap: 8px;
-  max-height: 360px;
-  overflow: auto;
-  padding-right: 2px;
-}
-
-.lifecycle-card {
-  padding: 10px;
-  border: 1px solid rgba(65, 255, 143, 0.13);
-  border-radius: 7px;
-  background: rgba(8, 17, 13, 0.76);
-}
-
-.lifecycle-card-head {
-  display: flex;
-  justify-content: space-between;
-  gap: 10px;
-}
-
-.lifecycle-card-head strong {
-  display: block;
-  color: var(--terminal-strong);
-  font-size: 12px;
-  overflow-wrap: anywhere;
-}
-
-.lifecycle-card-head span {
-  display: block;
-  margin-top: 2px;
-  color: var(--terminal-dim);
-  font-size: 10px;
-}
-
-.lifecycle-card-head button {
-  min-height: 28px;
-  padding: 0 10px;
-  border: 1px solid rgba(65, 255, 143, 0.22);
-  border-radius: 4px;
-  background: rgba(65, 255, 143, 0.08);
-  color: var(--terminal-strong);
-  font-weight: 780;
-}
-
-.lifecycle-card > p {
-  margin: 8px 0 10px;
-  color: var(--muted);
-  font-size: 11px;
-  line-height: 1.4;
-}
-
-.lifecycle-flow {
-  display: grid;
-  grid-template-columns: repeat(4, minmax(0, 1fr));
-  gap: 7px;
-}
-
-.lifecycle-cell {
-  min-height: 72px;
-  padding: 8px;
-  border: 1px solid rgba(65, 255, 143, 0.10);
-  border-radius: 5px;
-  background: rgba(5, 12, 8, 0.70);
-}
-
-.lifecycle-cell span {
-  display: block;
-  margin-bottom: 5px;
-  color: var(--terminal-dim);
-  font-size: 9px;
-  font-weight: 850;
-  text-transform: uppercase;
-}
-
-.lifecycle-cell strong {
-  display: block;
-  color: var(--text);
-  font-size: 10px;
-  line-height: 1.35;
-  overflow-wrap: anywhere;
-}
-
-.memory-overview .metric-card,
-.owners-summary .metric-card,
-.review-overview .metric-card,
-.proof-overview .metric-card {
-  min-height: 132px;
-  padding: 11px;
-}
-
-.memory-overview .metric-visual,
-.owners-summary .metric-visual,
-.review-overview .metric-visual,
-.proof-overview .metric-visual {
-  grid-template-columns: 58px minmax(0, 1fr);
-  gap: 10px;
-}
-
-.memory-overview .metric-donut,
-.owners-summary .metric-donut,
-.review-overview .metric-donut,
-.proof-overview .metric-donut {
-  width: 56px;
-  height: 56px;
-}
-
-.memory-list {
-  display: grid;
-  gap: 12px;
-  align-content: start;
-  height: auto;
-  overflow: visible;
-  padding: 0 14px 16px;
-}
-.memory-hero {
-  margin: 0 10px 10px;
-  padding: 12px;
-  border: 1px solid rgba(65, 255, 143, 0.16);
-  border-radius: 8px;
-  background: rgba(65, 255, 143, 0.045);
-}
-.memory-hero strong {
-  display: block;
-  color: var(--terminal-strong);
-  font-size: 13px;
-}
-.memory-hero span {
-  display: block;
-  margin-top: 5px;
-  color: var(--terminal-dim);
-  font-size: 12px;
-  line-height: 1.4;
-}
-.memory-stats {
-  display: grid;
-  grid-template-columns: repeat(4, minmax(0, 1fr));
-  gap: 12px;
-  padding: 0 14px 14px;
-}
-.memory-stats div {
-  min-height: 72px;
-  padding: 12px;
-  border: 1px solid rgba(65, 255, 143, 0.12);
-  border-radius: 8px;
-  background: rgba(3, 8, 5, 0.74);
-}
-.memory-stats strong {
-  display: block;
-  color: var(--terminal-strong);
-  font-size: 18px;
-}
-.memory-stats span {
-  display: block;
-  margin-top: 4px;
-  color: var(--terminal-dim);
-  font-size: 10px;
-  font-weight: 760;
-  text-transform: uppercase;
-}
-.memory-toolbar {
-  display: grid;
-  grid-template-columns: minmax(0, 1fr) 150px;
-  gap: 12px;
-  padding: 0 14px 14px;
-}
-
-.memory-row {
-  width: 100%;
-  display: grid;
-  grid-template-columns: minmax(0, 1fr);
-  gap: 8px;
-  align-items: start;
-  min-height: 96px;
-  padding: 16px;
-  border: 1px solid rgba(65, 255, 143, 0.12);
-  border-radius: 8px;
-  background: rgba(6, 16, 11, 0.88);
-  color: var(--text);
-  text-align: left;
-  white-space: normal;
-  cursor: pointer;
-  box-shadow: none;
-}
-.memory-row:hover,
-.memory-row.selected,
-.memory-row[aria-selected="true"] {
-  border-color: var(--terminal-strong);
-  background: rgba(65, 255, 143, 0.12);
-  box-shadow: 0 0 22px rgba(65, 255, 143, 0.14);
-}
-.memory-row-main {
-  display: flex;
-  justify-content: space-between;
-  gap: 10px;
-}
-.memory-row strong {
-  color: var(--terminal);
-  font-size: 14px;
-  text-shadow: 0 0 9px rgba(65, 255, 143, 0.14);
-  overflow-wrap: anywhere;
-}
-.memory-row-main em {
-  color: var(--memory);
-  font-size: 11px;
-  font-weight: 760;
-  font-style: normal;
-  white-space: nowrap;
-}
-.memory-row-meta,
-.memory-row-target {
-  color: var(--muted);
-  font-size: 12px;
-  line-height: 1.35;
-  overflow-wrap: anywhere;
-}
-.memory-row-meta {
-  display: -webkit-box;
-  min-height: 30px;
-  overflow: hidden;
-  -webkit-box-orient: vertical;
-  -webkit-line-clamp: 2;
-}
-.memory-row-target { color: var(--terminal-dim); }
-
-.owners-list {
-  display: grid;
-  grid-template-columns: repeat(3, minmax(0, 1fr));
-  gap: 10px;
-  align-content: start;
-  height: auto;
-  overflow: visible;
-  padding: 0 10px 12px;
-}
-.owner-card {
-  min-height: 130px;
-  padding: 13px;
-  border: 1px solid rgba(65, 255, 143, 0.12);
-  border-radius: 10px;
-  background: rgba(6, 16, 11, 0.88);
-}
-.owner-head {
-  display: flex;
-  justify-content: space-between;
-  gap: 10px;
-}
-.owner-head strong {
-  color: var(--text);
-  overflow-wrap: anywhere;
-}
-.owner-head span,
-.owner-stats,
-.owner-card p {
-  color: var(--terminal-dim);
-  font-size: 11px;
-}
-.owner-stats { margin-top: 9px; }
-.owner-card p { margin-top: 9px; color: var(--muted); }
-.owner-silos {
-  grid-column: 1 / -1;
-  display: grid;
-  gap: 8px;
-  margin-top: 4px;
-}
-.owner-silos h3 {
-  margin: 8px 0 0;
-  color: var(--terminal);
-  font-size: 13px;
-}
-.owner-silo-row {
-  width: 100%;
-  display: grid;
-  grid-template-columns: minmax(0, 1fr) auto;
-  gap: 10px;
-  padding: 10px 12px;
-  border-color: rgba(255, 209, 102, 0.25);
-  background: rgba(255, 209, 102, 0.05);
-  box-shadow: none;
-  text-align: left;
-}
-.owner-silo-row strong { overflow-wrap: anywhere; }
-.owner-silo-row span {
-  color: var(--warn);
-  font-size: 11px;
-  white-space: nowrap;
-}
-.intel-card {
-  min-height: 250px;
-  padding: 18px;
-  border: 1px solid var(--line);
-  border-radius: 8px;
-  background: #06100b;
-  overflow: hidden;
-}
-.intel-card-head {
-  display: flex;
-  align-items: flex-start;
-  justify-content: space-between;
-  gap: 12px;
-}
-.intel-card h3 {
-  margin: 0;
-  color: var(--terminal);
-  font-size: 15px;
-  letter-spacing: 0;
-  overflow-wrap: anywhere;
-}
-.intel-card-head span {
-  display: block;
-  margin-top: 4px;
-  color: var(--terminal-dim);
-  font-size: 10px;
-  font-weight: 760;
-  text-transform: uppercase;
-}
-.intel-card-head strong {
-  flex: 0 0 auto;
-  color: var(--terminal-strong);
-  font-size: 20px;
-  line-height: 1;
-  text-align: right;
-  max-width: 42%;
-  overflow-wrap: anywhere;
-}
-.intel-metric-label {
-  margin-top: 5px;
-  color: var(--terminal-dim);
-  font-size: 10px;
-  font-weight: 760;
-  text-align: right;
-  text-transform: uppercase;
-}
-.intel-highlight {
-  margin: 14px 0 0;
-  color: var(--text);
-  font-size: 13px;
-  line-height: 1.45;
-  overflow-wrap: anywhere;
-}
-.intel-action {
-  margin: 12px 0 0;
-  padding: 11px;
-  border-left: 2px solid var(--terminal-strong);
-  background: rgba(65, 255, 143, 0.06);
-  color: var(--terminal-dim);
-  font-size: 12px;
-  line-height: 1.4;
-}
-.intel-action b {
-  display: inline-block;
-  margin-right: 6px;
-  color: var(--terminal-strong);
-  text-transform: uppercase;
-}
-.intel-card ul {
-  margin: 9px 0 0;
-  padding: 0;
-  list-style: none;
-}
-.intel-card li {
-  padding-top: 8px;
-  color: var(--muted);
-  font-size: 12px;
-  line-height: 1.35;
-  overflow-wrap: anywhere;
-}
-.intel-card li strong {
-  display: block;
-  margin-bottom: 2px;
-}
-.intel-card li span {
-  display: block;
-}
-.intel-card strong { color: var(--terminal-strong); }
-.intel-section {
-  min-height: 230px;
-  padding: 11px;
-  border: 1px solid rgba(65, 255, 143, 0.24);
-  border-radius: 4px;
-  background: linear-gradient(180deg, rgba(13, 25, 19, 0.96), rgba(5, 11, 8, 0.96));
-  overflow: hidden;
-}
-.intel-section-header {
-  display: flex;
-  align-items: flex-start;
-  justify-content: space-between;
-  gap: 10px;
-}
-.intel-section-header h3 {
-  margin: 0;
-  color: var(--terminal);
-  font-size: 12px;
-  letter-spacing: 0;
-}
-.intel-section-header span {
-  display: block;
-  margin-top: 3px;
-  color: var(--terminal-dim);
-  font-size: 10px;
-  font-weight: 760;
-  text-transform: uppercase;
-}
-.intel-section-header strong {
-  flex: 0 0 auto;
-  color: var(--terminal-strong);
-  font-size: 11px;
-}
-.intel-section-summary {
-  margin: 8px 0 10px;
-  color: var(--muted);
-  font-size: 11px;
-  overflow-wrap: anywhere;
-}
-.intel-section-list {
-  display: grid;
-  gap: 7px;
-}
-.intel-row {
-  width: 100%;
-  display: grid;
-  grid-template-columns: minmax(0, 1fr);
-  gap: 5px;
-  min-height: 0;
-  padding: 8px;
-  border-color: var(--line);
-  background: rgba(3, 6, 4, 0.55);
-  color: var(--text);
-  text-align: left;
-  white-space: normal;
-  box-shadow: none;
-  cursor: default;
-}
-.intel-row.clickable { cursor: pointer; }
-.intel-row.clickable:hover {
-  border-color: var(--terminal-strong);
-  background: rgba(65, 255, 143, 0.075);
-}
-.intel-row-main {
-  display: flex;
-  align-items: baseline;
-  justify-content: space-between;
-  gap: 8px;
-  min-width: 0;
-}
-.intel-row-main strong {
-  min-width: 0;
-  color: var(--text);
-  font-size: 11px;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-}
-.intel-row-main em {
-  flex: 0 0 auto;
-  color: var(--terminal-strong);
-  font-size: 10px;
-  font-style: normal;
-}
-.intel-row-meta {
-  color: var(--terminal-dim);
-  font-size: 10px;
-  overflow: hidden;
-  display: -webkit-box;
-  -webkit-box-orient: vertical;
-  -webkit-line-clamp: 2;
-  white-space: normal;
-}
-.intel-row-bar {
-  display: block;
-  height: 4px;
-  overflow: hidden;
-  border-radius: 999px;
-  background: rgba(65, 255, 143, 0.10);
-}
-.intel-row-bar i {
-  display: block;
-  height: 100%;
-  border-radius: inherit;
-  background: var(--terminal-strong);
-}
-.intel-row-warn .intel-row-main em,
-.intel-row-warn .intel-row-bar i { color: var(--warn); background: var(--warn); }
-.intel-row-danger .intel-row-main em,
-.intel-row-danger .intel-row-bar i { color: var(--danger); background: var(--danger); }
-.review-item {
-  padding: 10px 0;
-  border-top: 1px solid var(--line);
-}
-.review-list { height: auto; }
-.review-title {
-  color: var(--terminal);
-  font-weight: 820;
-  text-shadow: 0 0 9px rgba(65, 255, 143, 0.14);
-  overflow-wrap: anywhere;
-}
-.review-meta, .review-risks {
-  margin-top: 4px;
-  color: var(--terminal-dim);
-  font-size: 11px;
-}
-.review-summary {
-  margin-top: 6px;
-  color: var(--text);
-  overflow-wrap: anywhere;
-}
-.review-artifact {
-  margin-top: 10px;
-  border-top: 1px solid var(--line);
-  padding-top: 10px;
-}
-.review-artifact summary {
-  color: var(--terminal-strong);
-  cursor: pointer;
-  font-weight: 780;
-}
-.review-artifact pre {
-  margin: 10px 0 0;
-  white-space: pre-wrap;
-  color: var(--muted);
-  font-size: 11px;
-}
-.proof-list {
-  display: grid;
-  grid-template-columns: repeat(3, minmax(0, 1fr));
-  gap: 8px;
-  align-content: start;
-  height: auto;
-  overflow: visible;
-  padding: 0 10px 12px;
-}
-.proof-item {
-  min-height: 62px;
-  padding: 10px;
-  border: 1px solid var(--line);
-  border-radius: 4px;
-  background: #06100b;
-}
-.proof-item strong {
-  display: block;
-  color: var(--terminal-strong);
-  font-size: 18px;
-}
-.proof-item span {
-  display: block;
-  margin-top: 5px;
-  color: var(--terminal-dim);
-  font-size: 10px;
-  font-weight: 760;
-  text-transform: uppercase;
-}
-.proof-ledger-item {
-  grid-column: span 1;
-  min-height: 132px;
-  background: linear-gradient(180deg, rgba(12, 34, 23, 0.92), rgba(5, 16, 11, 0.96));
-}
-.proof-ledger-item.is-ok {
-  border-color: rgba(53, 246, 159, 0.34);
-  box-shadow: 0 0 18px rgba(53, 246, 159, 0.08);
-}
-.proof-ledger-item.is-warn {
-  border-color: rgba(255, 211, 105, 0.36);
-}
-.proof-ledger-item code {
-  display: block;
-  margin-top: 10px;
-  padding: 8px;
-  border: 1px solid var(--line);
-  border-radius: 4px;
-  overflow: auto;
-  color: var(--terminal-strong);
-  background: rgba(0, 0, 0, 0.22);
-  font-size: 10px;
-  white-space: nowrap;
-}
-.proof-ledger-item p {
-  margin: 9px 0 0;
-  color: var(--terminal-muted);
-  font-size: 11px;
-  line-height: 1.45;
-}
-
-.debug-guide {
-  margin: 0 10px 10px;
-  padding: 10px 12px;
-  border: 1px solid rgba(65, 255, 143, 0.12);
-  border-radius: 8px;
-  background: rgba(65, 255, 143, 0.045);
-  color: var(--terminal-dim);
-  font-size: 11px;
-  line-height: 1.4;
-}
-
-.debug-overview {
-  display: grid;
-  grid-template-columns: repeat(3, minmax(0, 1fr));
-  gap: 8px;
-  padding: 0 10px 10px;
-}
-
-body.viewer-page-data .debug-overview {
-  grid-template-columns: 1fr;
-}
-
-.debug-overview .metric-card {
-  min-height: 132px;
-  padding: 11px;
-}
-
-.debug-overview .metric-visual {
-  grid-template-columns: 58px minmax(0, 1fr);
-  gap: 10px;
-}
-
-.debug-overview .metric-donut {
-  width: 56px;
-  height: 56px;
-}
-
-.table-panel .list { height: calc(100% - 96px); }
-.entities-panel .list { height: calc(100% - 250px); }
-.list-item {
-  width: 100%;
-  display: grid;
-  gap: 4px;
-  padding: 10px 8px;
-  border: 0;
-  border-top: 1px solid var(--line);
-  border-radius: 0;
-  background: transparent;
-  color: inherit;
-  text-align: left;
-  cursor: pointer;
-}
-.list-item:hover, .list-item.selected { background: rgba(65, 255, 143, 0.08); }
-.item-title {
-  color: var(--terminal);
-  font-weight: 780;
-  text-shadow: 0 0 9px rgba(65, 255, 143, 0.14);
-  overflow-wrap: anywhere;
-}
-.item-meta { color: var(--terminal-dim); font-size: 11px; overflow-wrap: anywhere; }
-.list-note {
-  padding: 12px 8px;
-  border-top: 1px solid var(--line);
-  color: var(--warn);
-  font-size: 11px;
-  line-height: 1.4;
-}
-
-.edge-line { stroke: var(--edge); stroke-width: 1.35; marker-end: url(#arrow); opacity: 0.50; }
-.edge-line.memory-code-link {
-  stroke: #d8ff5f;
-  stroke-width: 2.2;
-  opacity: 0.88;
-  filter: drop-shadow(0 0 7px rgba(216, 255, 95, 0.42));
-}
-.edge-line.filtered { opacity: 0.05; }
-.edge-line.selected, .edge-line.connected { stroke: var(--terminal-strong); stroke-width: 2.8; opacity: 1; }
-.edge-line.review-low-confidence { stroke-dasharray: 5 4; stroke: var(--warn); }
-.edge-line.review-missing-evidence { opacity: 0.34; stroke-dasharray: 3 5; }
-.edge-line.review-invalidated { stroke: #68716c; stroke-dasharray: 2 5; }
-.edge-hit { stroke: transparent; stroke-width: 18; cursor: pointer; }
-
-.node { cursor: pointer; }
-.node-body {
-  stroke-width: 1.5;
-  rx: 4;
-  filter: drop-shadow(0 8px 16px rgba(0, 0, 0, 0.38));
-}
-.node.graph-memory .node-body {
-  fill: var(--memory-soft);
-  stroke: var(--memory);
-  filter: drop-shadow(0 0 10px rgba(65, 255, 143, 0.46)) drop-shadow(0 8px 18px rgba(0, 0, 0, 0.38));
-}
-.node.graph-code .node-body {
-  fill: var(--code-soft);
-  stroke: var(--code);
-}
-.node.graph-unknown .node-body {
-  fill: #151b18;
-  stroke: var(--terminal-dim);
-}
-.node.dependency-node .node-body {
-  fill: #101714;
-  stroke: #506c5a;
-}
-.node.dependency-node .node-title,
-.node.dependency-node .node-type {
-  fill: #8aa394;
-}
-.node.selected .node-body, .node.connected .node-body {
-  stroke: var(--terminal-strong);
-  stroke-width: 2.8;
-}
-.node.filtered { opacity: 0.10; }
-.node-title {
-  fill: var(--text);
-  font-size: 12px;
-  font-weight: 800;
-  pointer-events: none;
-}
-.node-type {
-  fill: var(--terminal-dim);
-  font-size: 9px;
-  font-weight: 760;
-  letter-spacing: 0.06em;
-  text-transform: uppercase;
-  pointer-events: none;
-}
-.node-port {
-  fill: var(--terminal-strong);
-  opacity: 0.88;
-  pointer-events: none;
-}
-
-@media (max-width: 1120px) {
-  .viewer-shell {
-    grid-template-columns: 1fr;
-  }
-  .repo-sidebar {
-    position: relative;
-    height: auto;
-    grid-template-rows: auto auto auto auto;
-    border-right: 0;
-    border-bottom: 1px solid rgba(65, 255, 143, 0.13);
-  }
-  .viewer-sections {
-    grid-template-columns: repeat(4, minmax(0, 1fr));
-  }
-  .sidebar-links {
-    grid-template-columns: repeat(4, auto);
-    justify-content: start;
-  }
-  .app-header {
-    grid-template-columns: 1fr;
-    grid-template-areas:
-      "brand"
-      "status"
-      "autoload"
-      "picker";
-    align-items: stretch;
-    padding: 12px 14px;
-  }
-  .brand-block h1 { font-size: 24px; }
-  .app-header p { font-size: 12px; }
-  .status-strip { justify-content: flex-start; }
-  .status-pill { min-height: 24px; padding: 3px 8px; }
-  .layout {
-    grid-template-columns: 1fr;
-    grid-template-areas:
-      "dashboard"
-      "graph"
-      "workspace";
-  }
-  body.viewer-page-overview .layout,
-  body.viewer-page-memory .layout,
-  body.viewer-page-owners .layout,
-  body.viewer-page-intel .layout,
-  body.viewer-page-review .layout,
-  body.viewer-page-data .layout {
-    grid-template-columns: 1fr;
-    grid-template-areas: "workspace";
-  }
-  body.viewer-page-overview .layout { grid-template-areas: "dashboard"; }
-  body.viewer-page-graph .layout {
-    grid-template-columns: 1fr;
-    grid-template-areas:
-      "graph"
-      "workspace";
-  }
-  .dashboard-panel { min-height: 620px; padding: 18px; }
-  .dashboard-hero { grid-template-columns: 1fr; }
-  .dashboard-actions { justify-content: flex-start; }
-  .dashboard-stats { grid-template-columns: repeat(3, minmax(0, 1fr)); }
-  .repo-xray-layers { grid-template-columns: repeat(2, minmax(0, 1fr)); }
-  .dashboard-charts { grid-template-columns: repeat(2, minmax(0, 1fr)); }
-  .dashboard-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
-  .lifecycle-flow { grid-template-columns: repeat(2, minmax(0, 1fr)); }
-  .intelligence-list { grid-template-columns: repeat(2, minmax(0, 1fr)); }
-  .workspace-shell {
-    width: 100%;
-    min-height: 0;
-  }
-  .metrics-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
-  body.viewer-page-graph .control-panel { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
-  .graph-insights { grid-template-columns: repeat(2, minmax(0, 1fr)); }
-  body.viewer-page-memory .workspace-body,
-  body.viewer-page-review .workspace-body,
-  body.viewer-page-data .workspace-body {
-    grid-template-columns: 1fr;
-  }
-  .control-panel .panel-heading, .metrics-grid, .path-finder, .legend { grid-column: 1 / -1; }
-  .control-panel label, .control-panel button { margin-top: 0; }
-  .graph-panel { min-height: 620px; }
-  #graphCanvas, .three-graph, .graph-canvas-wrap, #graphSvg { min-height: 560px; }
-  .details-panel {
-    height: 100%;
-  }
-  .detail-section-list { max-height: 220px; }
-}
-
-@media (max-width: 620px) {
-  .app-header { padding: 10px 12px; gap: 6px; }
-  .layout { padding: 8px; gap: 8px; }
-  .repo-sidebar { padding: 10px 12px; gap: 8px; grid-template-rows: auto auto; }
-  .repo-card, .sidebar-links { display: none; }
-  .viewer-sections { grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 6px; }
-  .viewer-sections a { min-height: 34px; padding: 8px 6px; text-align: center; }
-  .status-strip { gap: 6px; }
-  .file-picker { display: none; }
-  .brand-block h1 { font-size: 22px; }
-  .app-header p { font-size: 11px; }
-  .dashboard-panel { min-height: 560px; padding: 14px; }
-  .dashboard-hero h2 { font-size: 26px; }
-  .dashboard-stats, .repo-xray-layers, .dashboard-charts, .dashboard-grid { grid-template-columns: 1fr; }
-  .dashboard-card { min-height: 0; }
-  body.viewer-page-graph .control-panel { grid-template-columns: 1fr; }
-  body.viewer-page-graph .workspace-shell { max-height: none; }
-  .metrics-grid { grid-template-columns: 1fr 1fr; }
-  .proof-list { grid-template-columns: 1fr 1fr; }
-  .memory-overview,
-  .lifecycle-summary,
-  .lifecycle-flow,
-  .owners-summary,
-  .review-overview,
-  .proof-overview,
-  .debug-overview,
-  .graph-insights { grid-template-columns: 1fr; }
-  .memory-list,
-  .owners-list,
-  .review-list,
-  .proof-list { height: auto; max-height: none; }
-  .entities-panel .list { height: auto; max-height: 460px; }
-  .intelligence-list { grid-template-columns: 1fr; }
-  .intel-guide { grid-template-columns: 1fr; }
-  .intel-deep-grid { grid-template-columns: 1fr; }
-  .path-finder-inputs { grid-template-columns: 1fr; }
-  .graph-toolbar { align-items: flex-start; flex-direction: column; }
-  .graph-actions { width: 100%; }
-  .interaction-hint { flex: 1; white-space: normal; }
-  .owners-list { grid-template-columns: 1fr; }
-  .memory-row, .owner-silo-row { grid-template-columns: 1fr; }
-  .memory-row span, .owner-silo-row span { white-space: normal; }
-  .graph-panel { min-height: 520px; }
-  #graphCanvas, .three-graph, .graph-canvas-wrap, #graphSvg { min-height: 430px; }
-}
-
-/* Site cleanup: text-size floor, hide repo card on mobile to declutter, no x-scroll. */
-html, body { overflow-x: hidden; max-width: 100vw; }
-
-@media (max-width: 620px) {
-  .autoload-status { font-size: 11px; }
-  .item-meta,
-  .detail-row dt,
-  .intel-row-meta,
-  .path-suggestion-button span,
-  .graph-toolbar p,
-  .interaction-hint {
-    font-size: 12px;
-  }
-}