:root {
  color-scheme: dark;
  --ink: #e8edf2;
  --ink-strong: #f4f7f9;
  --muted: #82909d;
  --muted-strong: #a7b2bd;
  --page: #080b10;
  --page-elevated: #0b1016;
  --surface: #10161d;
  --surface-raised: #141c24;
  --surface-soft: #0d1319;
  --line: #24303b;
  --line-strong: #354452;
  --mint: #91efc7;
  --mint-deep: #4ac297;
  --blue: #86abff;
  --blue-deep: #557ee1;
  --amber: #f2c46e;
  --red: #ff8b86;
  --purple: #c3a8ff;
  --shadow: 0 24px 80px rgba(0, 0, 0, 0.24);
  --radius-lg: 20px;
  --radius-md: 14px;
  --radius-sm: 10px;
  --mono: "SFMono-Regular", "Cascadia Code", "Roboto Mono", Consolas, monospace;
  --sans: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

* { box-sizing: border-box; }

html { scroll-behavior: smooth; }

body {
  margin: 0;
  min-width: 320px;
  background:
    radial-gradient(circle at 82% -12%, rgba(115, 139, 255, 0.10), transparent 28rem),
    radial-gradient(circle at -8% 44%, rgba(95, 225, 176, 0.06), transparent 28rem),
    var(--page);
  color: var(--ink);
  font-family: var(--sans);
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

button, input, select { font: inherit; }
button { border: 0; }
button, a, select { -webkit-tap-highlight-color: transparent; }
a { color: inherit; text-decoration: none; }
button { cursor: pointer; }

button:focus-visible, a:focus-visible, input:focus-visible, select:focus-visible, summary:focus-visible {
  outline: 2px solid var(--mint);
  outline-offset: 3px;
}

.app-shell { display: flex; min-height: 100vh; }

.sidebar {
  position: sticky;
  top: 0;
  display: flex;
  flex: 0 0 238px;
  flex-direction: column;
  height: 100vh;
  padding: 28px 18px 20px;
  border-right: 1px solid var(--line);
  background: rgba(9, 13, 18, 0.82);
  backdrop-filter: blur(18px);
}

.sidebar-top { display: flex; align-items: center; justify-content: space-between; gap: 8px; padding: 0 10px; }
.brand { display: inline-flex; align-items: center; gap: 10px; font-size: 17px; font-weight: 740; letter-spacing: -0.04em; }
.brand-mark { position: relative; display: inline-flex; align-items: center; gap: 3px; width: 23px; height: 23px; }
.brand-mark span { display: block; width: 5px; border: 1px solid var(--mint); border-radius: 5px; transform: skew(-22deg); }
.brand-mark span:nth-child(1) { height: 15px; opacity: .56; }
.brand-mark span:nth-child(2) { height: 22px; box-shadow: 0 0 14px rgba(145, 239, 199, .44); }
.brand-mark span:nth-child(3) { height: 11px; opacity: .42; }
.brand-word { color: var(--ink-strong); }
.env-badge, .surface-kicker, .eyebrow, .strip-label, .surface-index, .signal-index, .receipt-id, .mini-pill, .result-state, .pact-subline, .footer, .nav-key, .tag, .small-label, .graph-meta, .live-label { font-family: var(--mono); text-transform: uppercase; letter-spacing: .10em; }
.env-badge { padding: 5px 7px; border: 1px solid #32423f; border-radius: 5px; color: var(--mint); font-size: 8px; letter-spacing: .08em; white-space: nowrap; }

.nav-list { display: grid; gap: 4px; margin-top: 54px; }
.nav-item { display: flex; align-items: center; gap: 10px; min-height: 40px; padding: 0 10px; border: 1px solid transparent; border-radius: 9px; color: var(--muted); font-size: 12px; transition: color .2s ease, background .2s ease, border-color .2s ease; }
.nav-item:hover { color: var(--ink); background: rgba(255,255,255,.035); }
.nav-item.active { color: var(--ink-strong); border-color: #293842; background: linear-gradient(90deg, rgba(145,239,199,.11), rgba(145,239,199,.025)); }
.nav-item.active .nav-icon { color: var(--mint); }
.nav-icon { display: inline-grid; width: 18px; place-items: center; color: #5e6b77; font-size: 15px; }
.nav-key { margin-left: auto; color: #4d5964; font-size: 8px; }
.sidebar-spacer { flex: 1; }
.sidebar-card { margin: 20px 4px; padding: 15px; border: 1px solid #26352f; border-radius: 12px; background: linear-gradient(140deg, rgba(145,239,199,.08), rgba(145,239,199,.015)); }
.sidebar-card .eyebrow { color: var(--mint); font-size: 8px; }
.sidebar-card p { margin: 10px 0 16px; color: #b8c5ca; font-size: 11px; line-height: 1.55; }
.rule-line { display: flex; align-items: center; gap: 7px; color: #7fc3a8; font-family: var(--mono); font-size: 8px; letter-spacing: .02em; }
.sidebar-bottom { display: grid; gap: 14px; }
.sidebar-link { display: flex; align-items: center; gap: 10px; width: 100%; padding: 8px 10px; color: var(--muted); background: transparent; text-align: left; font-size: 11px; }
.sidebar-link:hover { color: var(--ink); }
.sidebar-meta { display: flex; justify-content: space-between; padding: 0 10px; color: #4c5864; font-family: var(--mono); font-size: 8px; letter-spacing: .08em; text-transform: uppercase; }

.main-shell { min-width: 0; flex: 1; }
.topbar { display: flex; align-items: center; justify-content: space-between; min-height: 74px; padding: 0 clamp(24px, 4vw, 58px); border-bottom: 1px solid rgba(36, 48, 59, .76); background: rgba(8, 11, 16, .52); backdrop-filter: blur(20px); }
.breadcrumbs { display: flex; align-items: center; gap: 10px; color: #586672; font-family: var(--mono); font-size: 9px; letter-spacing: .08em; text-transform: uppercase; }
.breadcrumbs strong { color: #aab7c1; font-weight: 500; }
.crumb-separator { color: #33404b; }
.topbar-actions { display: flex; align-items: center; gap: 10px; }
.connection-pill { display: inline-flex; align-items: center; gap: 7px; padding: 7px 10px; border: 1px solid #283640; border-radius: 999px; color: var(--muted-strong); font-family: var(--mono); font-size: 8px; letter-spacing: .04em; text-transform: uppercase; transition: border-color .2s ease, background .2s ease; }
.connection-pill[data-state="online"] { border-color: #2c5448; background: rgba(145,239,199,.06); color: var(--mint); }
.connection-pill[data-state="offline"] { border-color: #5e3638; background: rgba(255,139,134,.05); color: var(--red); }
.icon-button, .avatar-button { display: inline-grid; place-items: center; width: 31px; height: 31px; border: 1px solid var(--line); border-radius: 8px; color: var(--muted-strong); background: var(--surface-soft); font-size: 15px; transition: color .2s ease, border-color .2s ease, background .2s ease; }
.icon-button:hover { border-color: var(--line-strong); color: var(--ink); background: var(--surface-raised); }
.avatar-button { border-color: #3d4754; border-radius: 50%; color: var(--ink); background: linear-gradient(135deg, #2b3544, #17202a); font-size: 11px; font-weight: 700; }

.content { width: min(100%, 1440px); margin: 0 auto; padding: clamp(44px, 6vw, 88px) clamp(24px, 4vw, 58px) 40px; }
.hero-block { display: grid; grid-template-columns: minmax(0, 1.15fr) minmax(320px, .85fr); align-items: center; gap: clamp(36px, 8vw, 120px); min-height: 408px; }
.eyebrow { color: #77909f; font-size: 9px; line-height: 1.4; }
.accent-eyebrow { display: inline-flex; align-items: center; gap: 9px; color: var(--mint); }
.eyebrow-mark { display: inline-block; width: 6px; height: 6px; border-radius: 50%; background: var(--mint); box-shadow: 0 0 13px var(--mint); }
.hero-copy h1 { max-width: 760px; margin: 22px 0 22px; color: var(--ink-strong); font-size: clamp(50px, 7vw, 100px); font-weight: 560; letter-spacing: -.085em; line-height: .91; }
.hero-copy h1 em { color: var(--mint); font-style: normal; }
.hero-lede { max-width: 640px; margin: 0; color: #9aa8b3; font-size: clamp(15px, 1.5vw, 18px); line-height: 1.62; }
.hero-actions { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 34px; }
.primary-button, .ghost-button, .small-button { display: inline-flex; align-items: center; justify-content: center; gap: 10px; border-radius: 8px; font-size: 11px; font-weight: 650; transition: transform .2s ease, background .2s ease, border-color .2s ease, color .2s ease; }
.primary-button { min-height: 42px; padding: 0 14px; color: #07110e; background: var(--mint); box-shadow: 0 10px 24px rgba(91, 220, 168, .13); }
.primary-button:hover { background: #b3f6d7; transform: translateY(-1px); }
.button-arrow { font-size: 16px; line-height: 1; }
.ghost-button { min-height: 42px; padding: 0 14px; border: 1px solid var(--line-strong); color: #bdc8d1; background: rgba(255,255,255,.025); }
.ghost-button:hover { border-color: #536676; color: var(--ink); background: rgba(255,255,255,.055); transform: translateY(-1px); }
.button-icon { color: var(--mint); font-size: 16px; }
.small-button { min-height: 30px; padding: 0 10px; border: 1px solid var(--line); color: #aab9c4; background: transparent; font-family: var(--mono); font-size: 8px; font-weight: 500; letter-spacing: .06em; text-transform: uppercase; }
.small-button:hover { border-color: var(--line-strong); color: var(--ink); background: var(--surface-raised); }
.hero-signal { position: relative; min-height: 350px; overflow: hidden; border: 1px solid #25343b; border-radius: 22px; background: radial-gradient(circle at 50% 49%, rgba(145,239,199,.10), transparent 10rem), linear-gradient(145deg, rgba(19,29,34,.90), rgba(9,13,18,.96)); box-shadow: var(--shadow); }
.hero-signal::after { position: absolute; inset: 0; background: linear-gradient(120deg, transparent 35%, rgba(145,239,199,.06) 50%, transparent 67%); content: ""; transform: translateX(-100%); animation: signalSweep 8s ease-in-out infinite; pointer-events: none; }
@keyframes signalSweep { 0%, 55% { transform: translateX(-100%); } 80%, 100% { transform: translateX(100%); } }
.signal-grid { position: absolute; inset: 0; opacity: .34; background-image: linear-gradient(rgba(125, 163, 170, .08) 1px, transparent 1px), linear-gradient(90deg, rgba(125, 163, 170, .08) 1px, transparent 1px); background-size: 28px 28px; mask-image: linear-gradient(to bottom, transparent, #000 28%, #000 72%, transparent); }
.signal-orbit { position: absolute; top: 50%; left: 50%; border: 1px solid rgba(145,239,199,.20); border-radius: 50%; transform: translate(-50%, -50%) rotate(-25deg); }
.orbit-one { width: 255px; height: 148px; }
.orbit-two { width: 205px; height: 235px; transform: translate(-50%, -50%) rotate(57deg); border-color: rgba(134,171,255,.18); }
.signal-core { position: absolute; top: 50%; left: 50%; display: flex; flex-direction: column; align-items: center; justify-content: center; width: 100px; height: 100px; border: 1px solid rgba(145,239,199,.58); border-radius: 50%; background: rgba(11, 21, 24, .85); box-shadow: 0 0 0 9px rgba(145,239,199,.035), 0 0 35px rgba(145,239,199,.15); transform: translate(-50%, -50%); z-index: 2; }
.signal-core-mark { color: var(--mint); font-size: 20px; font-weight: 730; letter-spacing: -.08em; }
.signal-core-label { margin-top: 4px; color: #6c9d8c; font-family: var(--mono); font-size: 7px; line-height: 1.35; letter-spacing: .08em; text-align: center; text-transform: uppercase; }
.signal-node { position: absolute; display: grid; grid-template-columns: 8px 1fr; grid-template-rows: auto auto; column-gap: 7px; padding: 8px 10px; border: 1px solid #2c4240; border-radius: 8px; background: rgba(10, 19, 22, .88); box-shadow: 0 9px 18px rgba(0,0,0,.17); }
.signal-node::before { position: absolute; top: 50%; width: 48px; height: 1px; background: linear-gradient(90deg, rgba(145,239,199,.08), rgba(145,239,199,.42)); content: ""; }
.signal-node-a { top: 16%; left: 7%; }.signal-node-a::before { right: -49px; }
.signal-node-b { top: 19%; right: 6%; }.signal-node-b::before { left: -49px; transform: scaleX(-1); }
.signal-node-c { right: 8%; bottom: 16%; }.signal-node-c::before { left: -49px; transform: scaleX(-1); }
.node-pulse { grid-row: 1 / span 2; align-self: center; width: 6px; height: 6px; border-radius: 50%; background: var(--mint); box-shadow: 0 0 10px var(--mint); }
.signal-node strong { color: #c9dbd5; font-family: var(--mono); font-size: 8px; font-weight: 500; letter-spacing: .06em; text-transform: uppercase; }
.signal-node small { color: #6f8985; font-family: var(--mono); font-size: 8px; }
.signal-caption { position: absolute; right: 20px; bottom: 18px; display: flex; align-items: center; gap: 7px; color: #6f9e8c; font-family: var(--mono); font-size: 8px; letter-spacing: .03em; text-transform: uppercase; }

.status-dot { display: inline-block; flex: 0 0 auto; width: 6px; height: 6px; border-radius: 50%; background: #55626d; }
.status-dot.mint, .status-dot.blue, .status-dot.amber, .status-dot.red { box-shadow: 0 0 9px currentColor; }
.status-dot.mint { color: var(--mint); background: var(--mint); }.status-dot.blue { color: var(--blue); background: var(--blue); }.status-dot.amber { color: var(--amber); background: var(--amber); }.status-dot.red { color: var(--red); background: var(--red); }

.status-strip { display: grid; grid-template-columns: repeat(3, 1fr) 1.28fr; margin: 56px 0 94px; border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); }
.status-strip-item { display: flex; align-items: center; gap: 10px; min-height: 72px; padding: 0 18px; border-right: 1px solid var(--line); }
.status-strip-item:first-child { padding-left: 0; }.status-strip-item:last-child { border-right: 0; }
.strip-label { display: block; margin-bottom: 6px; color: #61717d; font-size: 8px; }.status-strip strong { color: #bdc9d1; font-size: 11px; font-weight: 520; }.status-strip-note { display: block; padding-left: 24px; }

.section-heading { display: flex; align-items: end; justify-content: space-between; gap: 30px; margin-bottom: 26px; scroll-margin-top: 24px; }
.section-heading > div:first-child { display: flex; align-items: flex-start; gap: 14px; }.section-number { margin-top: 3px; color: var(--mint); font-family: var(--mono); font-size: 9px; letter-spacing: .08em; }
.section-heading .eyebrow { margin-bottom: 9px; }.section-heading h2 { max-width: 610px; margin: 0; color: var(--ink-strong); font-size: clamp(25px, 3vw, 38px); font-weight: 530; letter-spacing: -.055em; line-height: 1.02; }.section-heading > p { max-width: 340px; margin: 0 0 2px; color: var(--muted); font-size: 12px; line-height: 1.55; }

.surface { border: 1px solid var(--line); border-radius: var(--radius-lg); background: linear-gradient(145deg, rgba(18, 25, 33, .94), rgba(12, 17, 23, .94)); box-shadow: 0 16px 48px rgba(0, 0, 0, .13); }
.surface-header { display: flex; align-items: flex-start; justify-content: space-between; gap: 18px; padding: 22px 24px 18px; border-bottom: 1px solid rgba(36, 48, 59, .8); }.surface-header h3 { margin: 7px 0 0; color: var(--ink-strong); font-size: 16px; font-weight: 590; letter-spacing: -.025em; }.surface-kicker { color: #68808d; font-size: 8px; }.surface-index, .signal-index { color: #52616d; font-size: 8px; white-space: nowrap; }.live-label { display: inline-flex; align-items: center; gap: 7px; color: #76ad9b; font-size: 8px; white-space: nowrap; }

.command-layout { display: grid; grid-template-columns: minmax(310px, .82fr) minmax(0, 1.18fr); gap: 16px; margin-bottom: 96px; }
.command-card, .brief-card { min-height: 100%; }.form-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 15px 12px; padding: 22px 24px 0; }.field { display: grid; gap: 8px; min-width: 0; }.field.full { grid-column: 1 / -1; }.field > span { color: #80909c; font-family: var(--mono); font-size: 8px; letter-spacing: .08em; text-transform: uppercase; }
input, select { width: 100%; min-height: 39px; padding: 0 11px; border: 1px solid #2a3742; border-radius: 7px; outline: none; color: #dce4e9; background: #0b1117; font-size: 12px; transition: border-color .2s ease, background .2s ease, box-shadow .2s ease; }.field input:focus, .field select:focus { border-color: #60917e; background: #0e171b; box-shadow: 0 0 0 3px rgba(145,239,199,.07); }.field select { appearance: none; background-image: linear-gradient(45deg, transparent 50%, #82909d 50%), linear-gradient(135deg, #82909d 50%, transparent 50%); background-position: calc(100% - 15px) 16px, calc(100% - 11px) 16px; background-repeat: no-repeat; background-size: 4px 4px, 4px 4px; }
.request-preview { margin: 20px 24px 0; padding: 12px 13px; border: 1px solid #263940; border-radius: 8px; background: rgba(145,239,199,.035); }.preview-label { margin-bottom: 7px; color: #638a7d; font-family: var(--mono); font-size: 8px; letter-spacing: .08em; text-transform: uppercase; }.request-preview code { color: #bcebd7; font-family: var(--mono); font-size: 11px; }.form-submit { width: calc(100% - 48px); margin: 20px 24px 0; }.form-footnote { display: flex; align-items: flex-start; gap: 8px; margin: 13px 24px 22px; color: #667681; font-family: var(--mono); font-size: 8px; line-height: 1.5; }
.brief-card { overflow: hidden; }.brief-flow { padding: 20px 24px 5px; }.brief-step { display: grid; grid-template-columns: 31px 1fr; gap: 13px; }.brief-step-number { display: grid; align-items: center; justify-content: center; width: 28px; height: 28px; border: 1px solid #365149; border-radius: 50%; color: var(--mint); font-family: var(--mono); font-size: 8px; }.brief-step strong { display: block; margin: 3px 0 7px; color: #d4dde2; font-size: 12px; font-weight: 590; }.brief-step p { margin: 0; color: #7f8d98; font-size: 11px; line-height: 1.58; }.brief-connector { width: 1px; height: 24px; margin: 2px 0 2px 14px; background: linear-gradient(var(--mint-deep), rgba(74,194,151,.12)); }.brief-callout { display: flex; align-items: flex-start; gap: 10px; margin: 18px 24px 24px; padding: 12px; border: 1px solid #323c4c; border-radius: 8px; color: #aebbd2; background: linear-gradient(110deg, rgba(134,171,255,.08), rgba(134,171,255,.025)); font-size: 11px; line-height: 1.45; }.callout-icon { color: var(--blue); font-size: 17px; line-height: 1; }

.section-heading-result { align-items: center; }.result-actions { display: flex; align-items: center; gap: 12px; }.result-state { display: inline-flex; align-items: center; gap: 7px; color: #697985; font-size: 8px; white-space: nowrap; }.result-state.ready { color: var(--mint); }.result-state.ready .status-dot { color: var(--mint); background: var(--mint); box-shadow: 0 0 9px var(--mint); }
.impact-layout { display: grid; grid-template-columns: minmax(0, 1.48fr) minmax(285px, .72fr); gap: 16px; margin-bottom: 16px; }.graph-card { min-height: 464px; overflow: hidden; }.graph-header { align-items: center; }.graph-legend { display: flex; align-items: center; gap: 11px; color: #62727d; font-family: var(--mono); font-size: 8px; text-transform: uppercase; }.legend-dot { display: inline-block; width: 5px; height: 5px; margin-right: 5px; border-radius: 50%; background: #667682; }.legend-dot.source { background: var(--mint); box-shadow: 0 0 8px var(--mint); }.legend-dot.downstream { background: var(--blue); }.legend-dot.sensitive { background: var(--amber); }
.graph-stage { position: relative; min-height: 385px; overflow: hidden; background: radial-gradient(circle at 26% 50%, rgba(145,239,199,.055), transparent 12rem), linear-gradient(130deg, rgba(12, 18, 24, .25), rgba(12, 18, 24, .72)); }.graph-stage::before { position: absolute; inset: 0; opacity: .25; background-image: linear-gradient(rgba(126, 149, 163, .09) 1px, transparent 1px), linear-gradient(90deg, rgba(126, 149, 163, .09) 1px, transparent 1px); background-size: 32px 32px; mask-image: linear-gradient(to right, #000, transparent 90%); content: ""; }.graph-empty { position: absolute; top: 50%; left: 50%; display: flex; flex-direction: column; align-items: center; width: min(400px, 80%); text-align: center; transform: translate(-50%, -50%); }.empty-glyph { display: flex; align-items: end; gap: 6px; height: 38px; margin-bottom: 20px; }.empty-glyph span { display: block; width: 7px; border: 1px solid #4c6b65; border-radius: 5px; transform: skew(-18deg); }.empty-glyph span:nth-child(1) { height: 22px; opacity: .45; }.empty-glyph span:nth-child(2) { height: 38px; box-shadow: 0 0 15px rgba(145,239,199,.13); }.empty-glyph span:nth-child(3) { height: 15px; opacity: .35; }.graph-empty strong { color: #bdcbd1; font-size: 13px; font-weight: 580; }.graph-empty p { margin: 9px 0 17px; color: #73818d; font-size: 11px; line-height: 1.55; }.empty-hint { display: flex; align-items: center; gap: 7px; color: #70998b; font-family: var(--mono); font-size: 8px; letter-spacing: .02em; }
.graph-content { position: relative; z-index: 1; min-height: 385px; padding: 22px 26px; }.graph-meta { display: flex; align-items: center; gap: 9px; color: #73838e; font-size: 8px; }.meta-separator { color: #34404b; }.graph-mode-pill { margin-left: auto; padding: 5px 7px; border: 1px solid #365048; border-radius: 4px; color: var(--mint); font-size: 8px; }.graph-mode-pill.live { border-color: #3a4f77; color: var(--blue); }
.graph-canvas { display: grid; grid-template-columns: minmax(170px, .7fr) minmax(0, 1.3fr); gap: 44px; min-height: 245px; margin-top: 19px; }.graph-source-col, .graph-downstream-col { position: relative; display: flex; flex-direction: column; justify-content: center; gap: 9px; }.graph-source-col::after { position: absolute; top: 50%; right: -44px; width: 44px; height: 1px; background: linear-gradient(90deg, rgba(145,239,199,.56), rgba(134,171,255,.25)); content: ""; }.graph-source-col::before { position: absolute; top: 33%; right: -44px; width: 1px; height: 34%; background: rgba(134,171,255,.25); content: ""; }.source-node, .downstream-node { position: relative; border: 1px solid #2c4640; border-radius: 10px; background: rgba(13, 24, 25, .83); }.source-node { padding: 18px 14px; box-shadow: 0 0 0 5px rgba(145,239,199,.025), 0 12px 28px rgba(0,0,0,.16); }.source-node::after { position: absolute; top: 50%; right: -48px; width: 48px; border-top: 1px dashed rgba(145,239,199,.35); content: ""; }.node-type { display: flex; align-items: center; gap: 6px; margin-bottom: 10px; color: var(--mint); font-family: var(--mono); font-size: 8px; letter-spacing: .07em; text-transform: uppercase; }.node-type i { width: 5px; height: 5px; border-radius: 50%; background: var(--mint); box-shadow: 0 0 8px var(--mint); }.source-node strong, .downstream-node strong { display: block; overflow: hidden; color: #d8e5e3; font-size: 12px; font-weight: 580; text-overflow: ellipsis; white-space: nowrap; }.node-owner { display: block; margin-top: 7px; overflow: hidden; color: #6b8582; font-family: var(--mono); font-size: 8px; text-overflow: ellipsis; white-space: nowrap; }.downstream-node { display: grid; grid-template-columns: 8px 1fr auto; align-items: center; gap: 8px; min-height: 46px; padding: 8px 10px; border-color: #2a3849; background: rgba(13, 19, 28, .82); }.downstream-node::before { position: absolute; top: 50%; left: -45px; width: 45px; border-top: 1px dashed rgba(134,171,255,.26); content: ""; }.downstream-node .node-type { margin: 0; color: #88a7df; font-size: 7px; }.downstream-node .node-type i { background: var(--blue); box-shadow: 0 0 7px var(--blue); }.downstream-node.sensitive { border-color: #53452e; background: rgba(48, 38, 22, .26); }.downstream-node.sensitive .node-type { color: var(--amber); }.downstream-node.sensitive .node-type i { background: var(--amber); box-shadow: 0 0 7px var(--amber); }.node-depth { color: #657585; font-family: var(--mono); font-size: 8px; white-space: nowrap; }.graph-summary { display: flex; flex-wrap: wrap; gap: 8px; padding-top: 14px; border-top: 1px solid rgba(36,48,59,.7); }.summary-chip { padding: 7px 9px; border: 1px solid #293641; border-radius: 5px; color: #8797a2; font-family: var(--mono); font-size: 8px; letter-spacing: .02em; }.summary-chip b { color: #cad5db; font-weight: 520; }

.signal-card { padding-bottom: 21px; }.risk-display { display: grid; grid-template-columns: 108px 1fr; align-items: center; gap: 15px; padding: 25px 24px 21px; }.risk-ring { display: grid; place-items: center; width: 102px; height: 102px; border-radius: 50%; background: conic-gradient(var(--muted) 0deg, #26313b 0deg); position: relative; }.risk-ring::before { position: absolute; inset: 7px; border-radius: 50%; background: var(--surface); content: ""; }.risk-ring-inner { position: relative; z-index: 1; display: flex; align-items: baseline; }.risk-ring-inner span { color: var(--ink-strong); font-size: 26px; font-weight: 650; letter-spacing: -.07em; }.risk-ring-inner small { color: #667580; font-family: var(--mono); font-size: 8px; }.risk-label { display: block; margin-bottom: 8px; color: #a6b6c0; font-family: var(--mono); font-size: 9px; letter-spacing: .06em; text-transform: uppercase; }.risk-display p { margin: 0; color: #74838e; font-size: 10px; line-height: 1.48; }.risk-reasons { display: grid; gap: 7px; padding: 0 24px 20px; }.reason-row { display: flex; align-items: flex-start; gap: 8px; padding: 8px 9px; border: 1px solid #2d3841; border-radius: 7px; color: #9cacb5; background: rgba(255,255,255,.022); font-family: var(--mono); font-size: 8px; line-height: 1.4; }.reason-row::before { flex: 0 0 auto; width: 5px; height: 5px; margin-top: 3px; border-radius: 50%; background: var(--amber); box-shadow: 0 0 7px rgba(242,196,110,.5); content: ""; }.context-facts { display: grid; grid-template-columns: 1fr 1fr; gap: 7px; padding: 20px 24px 0; border-top: 1px solid rgba(36,48,59,.8); }.fact { padding: 8px 9px; border-radius: 6px; background: rgba(255,255,255,.025); }.fact span { display: block; color: #657681; font-family: var(--mono); font-size: 7px; letter-spacing: .08em; text-transform: uppercase; }.fact b { display: block; margin-top: 6px; overflow: hidden; color: #bdcad0; font-size: 11px; font-weight: 550; text-overflow: ellipsis; white-space: nowrap; }.muted-line { color: #62717c; font-family: var(--mono); font-size: 8px; line-height: 1.45; }

.control-layout { display: grid; grid-template-columns: minmax(0, 1.1fr) minmax(300px, .9fr); gap: 16px; margin-bottom: 96px; }.pact-card, .gates-card { min-height: 100%; }.seal-label { display: inline-flex; align-items: center; gap: 7px; color: #61727d; font-family: var(--mono); font-size: 8px; letter-spacing: .08em; text-transform: uppercase; }.seal-label.issued { color: var(--mint); }.seal-label.issued .status-dot { color: var(--mint); background: var(--mint); box-shadow: 0 0 8px var(--mint); }.pact-identity { display: flex; align-items: center; gap: 13px; padding: 22px 24px 18px; }.pact-mark { display: grid; place-items: center; width: 39px; height: 39px; border: 1px solid #416458; border-radius: 10px; color: var(--mint); background: rgba(145,239,199,.07); font-size: 17px; font-weight: 680; }.pact-id { color: #dce8e6; font-family: var(--mono); font-size: 11px; letter-spacing: .03em; }.pact-subline { display: flex; gap: 13px; margin-top: 7px; color: #657680; font-size: 7px; letter-spacing: .04em; }.pact-subline b { color: #9cadb7; font-weight: 500; }.fingerprint-block { display: flex; align-items: center; justify-content: space-between; gap: 10px; margin: 0 24px 19px; padding: 11px 12px; border: 1px solid #2c3b44; border-radius: 7px; background: #0b1117; }.fingerprint-block .strip-label { margin-bottom: 7px; }.fingerprint-block code { color: #a8d6c4; font-family: var(--mono); font-size: 9px; }.copy-button { padding: 5px 7px; border: 1px solid #334550; border-radius: 5px; color: #84959f; background: transparent; font-family: var(--mono); font-size: 8px; text-transform: uppercase; }.copy-button:hover { color: var(--ink); border-color: #617784; }.authority-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; padding: 0 24px; }.authority-column { min-width: 0; padding: 12px; border: 1px solid #27373a; border-radius: 8px; background: rgba(145,239,199,.025); }.authority-column.blocked { border-color: #3d3035; background: rgba(255,139,134,.02); }.authority-heading { display: flex; align-items: center; gap: 6px; padding-bottom: 10px; border-bottom: 1px solid rgba(55,72,76,.65); color: #86cbb0; font-family: var(--mono); font-size: 8px; letter-spacing: .02em; text-transform: uppercase; }.blocked .authority-heading { color: #d48c89; }.authority-heading .count { margin-left: auto; padding: 3px 5px; border-radius: 4px; color: #91bca9; background: rgba(145,239,199,.08); }.blocked .authority-heading .count { color: #d79a96; background: rgba(255,139,134,.08); }.authority-list { display: grid; gap: 7px; padding-top: 10px; }.authority-action { overflow: hidden; color: #9db8ac; font-family: var(--mono); font-size: 8px; text-overflow: ellipsis; white-space: nowrap; }.blocked .authority-action { color: #b98889; }.authority-action::before { margin-right: 6px; content: "·"; }.approval-banner { display: flex; gap: 10px; margin: 16px 24px 22px; padding: 12px; border: 1px solid #59472d; border-radius: 8px; background: rgba(242,196,110,.06); }.approval-icon { display: grid; flex: 0 0 auto; place-items: center; width: 20px; height: 20px; border-radius: 5px; color: #0f0d07; background: var(--amber); font-family: var(--mono); font-size: 11px; font-weight: 800; }.approval-banner strong { color: #e4c88f; font-size: 11px; font-weight: 590; }.approval-banner p { margin: 5px 0 0; color: #a89673; font-size: 10px; line-height: 1.45; }
.execution-console { margin: 19px 24px 22px; padding: 14px; border: 1px solid #2a3b46; border-radius: 9px; background: linear-gradient(140deg, rgba(134,171,255,.055), rgba(8,13,18,.18)); }.execution-console-header { display: flex; align-items: flex-start; justify-content: space-between; gap: 12px; }.execution-console-header strong { display: block; margin-top: 6px; color: #c4d2db; font-size: 11px; font-weight: 580; }.reversible-label { display: inline-flex; align-items: center; gap: 6px; color: #7894b8; font-family: var(--mono); font-size: 7px; letter-spacing: .04em; text-transform: uppercase; white-space: nowrap; }.execution-facts { display: grid; grid-template-columns: 1fr 1fr 1.3fr; gap: 7px; margin: 14px 0 11px; }.execution-facts > div { min-width: 0; padding: 8px; border: 1px solid #293b47; border-radius: 6px; background: rgba(5,10,15,.35); }.execution-facts span { display: block; margin-bottom: 6px; color: #657784; font-family: var(--mono); font-size: 7px; letter-spacing: .08em; text-transform: uppercase; }.execution-facts code { display: block; overflow: hidden; color: #9db6d1; font-family: var(--mono); font-size: 8px; text-overflow: ellipsis; white-space: nowrap; }.approval-toggle { display: flex; align-items: flex-start; gap: 8px; color: #74838d; font-family: var(--mono); font-size: 8px; line-height: 1.45; cursor: pointer; }.approval-toggle input { position: absolute; width: 1px; height: 1px; opacity: 0; }.toggle-box { display: inline-block; flex: 0 0 auto; width: 14px; height: 14px; border: 1px solid #3e505d; border-radius: 4px; background: #0a1117; }.approval-toggle input:checked + .toggle-box { border-color: var(--mint); background: var(--mint); box-shadow: inset 0 0 0 3px #0a1714; }.execution-button { width: 100%; margin-top: 13px; border-color: #3b5875; color: #a9c4e6; background: rgba(134,171,255,.055); }.execution-button:hover:not(:disabled) { border-color: #6789b6; color: #d2e1f3; background: rgba(134,171,255,.10); }.execution-state { display: flex; align-items: flex-start; gap: 7px; margin-top: 11px; color: #667782; font-family: var(--mono); font-size: 8px; line-height: 1.45; }.execution-state.pass { color: var(--mint); }.execution-state.blocked { color: var(--red); }.execution-state.pass .status-dot { color: var(--mint); background: var(--mint); box-shadow: 0 0 8px var(--mint); }.execution-state.blocked .status-dot { color: var(--red); background: var(--red); box-shadow: 0 0 8px var(--red); }
.gate-list { padding: 8px 24px 13px; }.gate-row { display: grid; grid-template-columns: 28px 1fr auto; align-items: center; gap: 10px; min-height: 57px; border-bottom: 1px solid rgba(36,48,59,.72); }.gate-row:last-child { border-bottom: 0; }.gate-icon { display: grid; place-items: center; width: 25px; height: 25px; border: 1px solid #34434d; border-radius: 50%; color: #73828d; font-family: var(--mono); font-size: 8px; }.gate-row strong { display: block; color: #aab8c0; font-size: 11px; font-weight: 550; }.gate-row small { display: block; margin-top: 4px; color: #65747f; font-family: var(--mono); font-size: 7px; letter-spacing: .02em; }.gate-state { color: #62727d; font-family: var(--mono); font-size: 7px; letter-spacing: .06em; text-transform: uppercase; }.gate-row.pass .gate-icon { border-color: #416458; color: var(--mint); background: rgba(145,239,199,.07); }.gate-row.pass .gate-state { color: var(--mint); }.gate-row.active .gate-icon { border-color: #4e6594; color: var(--blue); background: rgba(134,171,255,.08); }.gate-row.active .gate-state { color: var(--blue); }.gate-row.blocked .gate-icon { border-color: #67413f; color: var(--red); background: rgba(255,139,134,.07); }.gate-row.blocked .gate-state { color: var(--red); }.gate-footer { display: flex; align-items: center; gap: 8px; padding: 14px 24px 20px; color: #6f7d88; font-family: var(--mono); font-size: 8px; }

.evidence-heading { margin-bottom: 26px; }.evidence-layout { display: grid; grid-template-columns: minmax(0, 1.1fr) minmax(300px, .9fr); gap: 16px; margin-bottom: 16px; }.artifact-list, .validation-list { display: grid; gap: 8px; padding: 20px 24px 24px; }.artifact-row { display: grid; grid-template-columns: 28px minmax(0, 1fr) auto; align-items: center; gap: 10px; padding: 10px; border: 1px solid #2a3741; border-radius: 8px; background: rgba(255,255,255,.022); }.artifact-icon { display: grid; place-items: center; width: 27px; height: 27px; border-radius: 6px; color: var(--blue); background: rgba(134,171,255,.09); font-family: var(--mono); font-size: 10px; }.artifact-row strong { display: block; overflow: hidden; color: #b9c6cd; font-family: var(--mono); font-size: 9px; font-weight: 500; text-overflow: ellipsis; white-space: nowrap; }.artifact-row small { display: block; margin-top: 5px; overflow: hidden; color: #657580; font-family: var(--mono); font-size: 7px; text-overflow: ellipsis; white-space: nowrap; }.artifact-hash { color: #7393bd; font-family: var(--mono); font-size: 7px; }.empty-evidence { display: flex; align-items: center; gap: 10px; min-height: 60px; color: #63737e; font-family: var(--mono); font-size: 8px; line-height: 1.5; }.empty-evidence-icon { display: grid; flex: 0 0 auto; place-items: center; width: 26px; height: 26px; border: 1px solid #33414b; border-radius: 6px; color: #667682; font-size: 12px; }.validation-row { display: grid; grid-template-columns: 70px minmax(0, 1fr); align-items: start; gap: 11px; padding: 10px 0; border-bottom: 1px solid rgba(36,48,59,.72); }.validation-row:last-child { border-bottom: 0; }.validation-status { justify-self: start; padding: 4px 6px; border-radius: 4px; font-family: var(--mono); font-size: 7px; letter-spacing: .08em; text-transform: uppercase; }.validation-status.pass { color: var(--mint); background: rgba(145,239,199,.08); }.validation-status.warning { color: var(--amber); background: rgba(242,196,110,.09); }.validation-status.pending { color: var(--blue); background: rgba(134,171,255,.08); }.validation-status.fail { color: var(--red); background: rgba(255,139,134,.08); }.validation-row strong { display: block; color: #adbac2; font-family: var(--mono); font-size: 8px; font-weight: 500; text-transform: uppercase; }.validation-row p { margin: 5px 0 0; color: #6f7e89; font-size: 10px; line-height: 1.45; }.writeback-block { margin: 0 24px 22px; padding-top: 17px; border-top: 1px solid rgba(36,48,59,.8); }.writeback-heading { display: flex; justify-content: space-between; color: #8999a4; font-family: var(--mono); font-size: 8px; letter-spacing: .08em; text-transform: uppercase; }.mini-pill { padding: 4px 6px; border: 1px solid #394348; border-radius: 4px; color: #86939c; font-size: 7px; }.mini-pill.emitted { border-color: #416458; color: var(--mint); }.mini-pill.failed { border-color: #67413f; color: var(--red); }.writeback-detail { margin-top: 9px; color: #687782; font-size: 10px; line-height: 1.45; }

.receipt-card { margin-bottom: 44px; }.receipt-actions { display: flex; align-items: center; gap: 10px; }.receipt-id { color: #62727d; font-size: 8px; }.receipt-summary { display: flex; align-items: center; gap: 9px; padding: 18px 24px; color: #6f7f8a; font-size: 11px; }.receipt-summary strong { color: #aebcc4; font-weight: 560; }.receipt-summary span:last-child { color: #65747f; font-size: 10px; }.receipt-summary.ready .status-dot { color: var(--mint); background: var(--mint); box-shadow: 0 0 9px var(--mint); }.receipt-summary.blocked .status-dot { color: var(--red); background: var(--red); box-shadow: 0 0 9px var(--red); }.receipt-summary.ready strong { color: var(--mint); }.receipt-summary.blocked strong { color: var(--red); }.receipt-details { margin: 0 24px 22px; border-top: 1px solid rgba(36,48,59,.8); }.receipt-details summary { padding: 14px 0 4px; color: #687a86; cursor: pointer; font-family: var(--mono); font-size: 8px; letter-spacing: .08em; text-transform: uppercase; }.receipt-details pre { max-height: 360px; margin: 12px 0 0; padding: 15px; overflow: auto; border: 1px solid #293640; border-radius: 8px; color: #9eb7c0; background: #080d12; font-family: var(--mono); font-size: 9px; line-height: 1.6; white-space: pre-wrap; word-break: break-word; }
.discovery-panel { margin: 0 0 44px; border: 1px solid #2a3a47; border-radius: var(--radius-lg); background: linear-gradient(145deg, rgba(134,171,255,.08), rgba(17,24,33,.94)); }.discovery-header { display: flex; align-items: flex-start; justify-content: space-between; padding: 21px 24px 16px; border-bottom: 1px solid rgba(42,58,71,.8); }.discovery-header h3 { margin: 7px 0 0; color: var(--ink-strong); font-size: 16px; font-weight: 580; }.discovery-list { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; padding: 18px 24px 24px; }.discovery-item { padding: 13px; border: 1px solid #304254; border-radius: 9px; background: rgba(8,14,21,.45); }.discovery-item strong { display: block; color: #c2cfda; font-size: 11px; font-weight: 560; }.discovery-item small { display: block; margin: 6px 0 12px; color: #728594; font-family: var(--mono); font-size: 7px; }.discovery-metrics { display: flex; gap: 8px; color: #8da3bd; font-family: var(--mono); font-size: 8px; }.discovery-metrics b { color: #c2d0df; font-weight: 500; }
.footer { display: flex; flex-wrap: wrap; align-items: center; gap: 18px; padding: 20px 0 0; color: #4f5d68; font-size: 8px; line-height: 1.4; }.footer-right { margin-left: auto; color: #6b897e; }.footer-symbol { color: var(--mint); font-size: 13px; }

.toast { position: fixed; right: 24px; bottom: 24px; z-index: 20; max-width: 330px; padding: 12px 14px; border: 1px solid #355048; border-radius: 8px; color: #c3e9d8; background: #0e1a19; box-shadow: 0 18px 45px rgba(0,0,0,.32); font-size: 11px; opacity: 0; pointer-events: none; transform: translateY(10px); transition: opacity .2s ease, transform .2s ease; }.toast.show { opacity: 1; transform: translateY(0); }.toast.error { border-color: #624140; color: #ffc0bc; background: #1c1013; }
.primary-button:disabled, .ghost-button:disabled, .small-button:disabled { cursor: wait; opacity: .68; transform: none; }.loader { width: 12px; height: 12px; border: 1px solid rgba(7,17,14,.3); border-top-color: currentColor; border-radius: 50%; animation: spin .7s linear infinite; }.ghost-button .loader, .small-button .loader { border-color: rgba(194, 207, 215, .28); border-top-color: currentColor; }@keyframes spin { to { transform: rotate(360deg); } }
.modal-backdrop { position: fixed; inset: 0; z-index: 30; display: grid; place-items: center; padding: 24px; background: rgba(1,4,7,.75); backdrop-filter: blur(10px); }.modal-backdrop[hidden] { display: none; }.settings-modal { width: min(100%, 480px); padding: 25px; border: 1px solid #33434e; border-radius: 17px; background: #11181f; box-shadow: 0 28px 90px rgba(0,0,0,.5); }.modal-header { display: flex; align-items: flex-start; justify-content: space-between; gap: 18px; }.modal-header h2 { margin: 8px 0 0; color: var(--ink-strong); font-size: 22px; font-weight: 560; letter-spacing: -.04em; }.modal-copy { margin: 17px 0 20px; color: #7d8c98; font-size: 11px; line-height: 1.55; }.modal-status { display: flex; align-items: center; gap: 8px; min-height: 31px; margin-top: 13px; color: #70808a; font-family: var(--mono); font-size: 8px; }.modal-status.online { color: var(--mint); }.modal-status.offline { color: var(--red); }.modal-actions { display: flex; justify-content: flex-end; gap: 9px; margin-top: 16px; }.modal-actions .ghost-button, .modal-actions .primary-button { min-height: 38px; }
.drift-claim { grid-column: 1 / -1; display: grid; grid-template-columns: 8px minmax(0, 1fr) auto; align-items: center; gap: 8px; padding: 10px 12px; border: 1px solid #365048; border-radius: 8px; color: #a9d5c1; background: rgba(145,239,199,.045); font-size: 11px; }.drift-claim small { color: #73958a; font-family: var(--mono); font-size: 8px; }.drift-card { min-width: 0; padding: 16px; border: 1px solid #365048; border-radius: 9px; background: rgba(8, 20, 19, .44); }.drift-card-after { border-color: #65413f; background: rgba(40, 16, 19, .36); }.drift-card-header { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 14px; color: #71998b; font-family: var(--mono); font-size: 8px; letter-spacing: .08em; text-transform: uppercase; }.drift-card-after .drift-card-header { color: #bd807c; }.drift-card-header b { font-weight: 600; }.decision-good { color: var(--mint); }.decision-bad { color: var(--red); }.drift-card > strong { display: block; overflow: hidden; color: #d1dedb; font-size: 13px; font-weight: 580; text-overflow: ellipsis; white-space: nowrap; }.drift-card p { margin: 8px 0 15px; color: #7c8c92; font-size: 10px; }.drift-card code { color: #7ebba3; font-family: var(--mono); font-size: 8px; }.drift-card-after code { color: #bd8581; }.drift-arrow { display: grid; align-items: center; justify-content: center; color: #6d7c88; font-size: 25px; }

@media (max-width: 1120px) {
  .sidebar { flex-basis: 200px; }
  .hero-block { gap: 34px; }
  .hero-copy h1 { font-size: clamp(51px, 7vw, 82px); }
  .status-strip { grid-template-columns: repeat(2, 1fr); }.status-strip-item:nth-child(2) { border-right: 0; }.status-strip-item:nth-child(3), .status-strip-item:nth-child(4) { border-top: 1px solid var(--line); }.status-strip-note { padding-left: 18px; }
}

@media (max-width: 900px) {
  .sidebar { position: fixed; z-index: 10; width: 62px; padding: 24px 10px 15px; }.sidebar-top { justify-content: center; padding: 0; }.brand-word, .env-badge, .nav-item span:not(.nav-icon), .sidebar-card, .sidebar-link span:not(.nav-icon), .sidebar-meta { display: none; }.nav-list { margin-top: 44px; }.nav-item { justify-content: center; padding: 0; }.nav-key { display: none; }.sidebar-bottom { justify-items: center; }.sidebar-link { justify-content: center; padding: 8px 0; }.main-shell { margin-left: 62px; }.topbar { padding-inline: 24px; }
  .hero-block { grid-template-columns: 1fr; }.hero-signal { min-height: 275px; }.signal-core { width: 83px; height: 83px; }.orbit-one { width: 235px; height: 128px; }.orbit-two { width: 190px; height: 210px; }.command-layout, .impact-layout, .control-layout, .evidence-layout { grid-template-columns: 1fr; }.graph-card { min-height: 430px; }.signal-card { min-height: 0; }.discovery-list { grid-template-columns: repeat(2, 1fr); }
}

@media (max-width: 620px) {
  .content { padding: 34px 16px 28px; }.topbar { min-height: 62px; padding-inline: 16px; }.breadcrumbs { font-size: 8px; }.breadcrumbs span:first-child, .crumb-separator { display: none; }.connection-pill { max-width: 120px; overflow: hidden; font-size: 7px; text-overflow: ellipsis; white-space: nowrap; }.avatar-button { display: none; }
  .hero-block { min-height: 0; gap: 36px; }.hero-copy h1 { margin-top: 18px; font-size: clamp(48px, 15vw, 72px); }.hero-lede { font-size: 14px; }.hero-actions { margin-top: 25px; }.hero-actions button { flex: 1; }.hero-signal { min-height: 245px; }.signal-node { transform: scale(.86); transform-origin: center; }.signal-node-a { left: -2%; }.signal-node-b { right: -4%; }.signal-node-c { right: 1%; }.signal-caption { right: 13px; bottom: 13px; font-size: 7px; }
  .status-strip { grid-template-columns: 1fr 1fr; margin: 45px 0 68px; }.status-strip-item { min-height: 66px; padding: 0 10px; }.status-strip-item:first-child { padding-left: 0; }.status-strip-note { grid-column: 1 / -1; padding-left: 0; }.status-strip strong { font-size: 10px; }.section-heading { display: block; }.section-heading > p { margin: 15px 0 0 24px; }.section-heading-result { display: flex; align-items: flex-start; }.section-heading-result > p { display: none; }.result-actions { flex-direction: column; align-items: flex-end; gap: 8px; }.section-heading h2 { font-size: 28px; }
  .command-layout { gap: 12px; margin-bottom: 68px; }.surface-header { padding: 18px 17px 15px; }.form-grid, .graph-content, .artifact-list, .validation-list, .gate-list { padding-left: 17px; padding-right: 17px; }.form-grid { grid-template-columns: 1fr; }.field.full { grid-column: auto; }.request-preview { margin-inline: 17px; }.form-submit { width: calc(100% - 34px); margin-inline: 17px; }.form-footnote { margin-inline: 17px; }.brief-flow { padding-inline: 17px; }.brief-callout { margin-inline: 17px; }.execution-console { margin-inline: 17px; }.execution-facts { grid-template-columns: 1fr 1fr; }.execution-facts > div:last-child { grid-column: 1 / -1; }.graph-legend { display: none; }.graph-stage { min-height: 410px; }.graph-content { min-height: 410px; }.graph-canvas { grid-template-columns: 1fr; gap: 21px; min-height: 287px; }.graph-source-col { align-items: stretch; }.graph-source-col::after, .graph-source-col::before, .source-node::after { display: none; }.graph-source-col { justify-content: start; }.graph-downstream-col { justify-content: start; padding-top: 9px; }.downstream-node::before { left: 50%; top: -22px; width: 1px; height: 22px; border-top: 0; border-left: 1px dashed rgba(134,171,255,.26); }.source-node { max-width: 100%; }.risk-display, .context-facts { padding-left: 17px; padding-right: 17px; }.risk-reasons { padding-inline: 17px; }.authority-grid { grid-template-columns: 1fr; padding-inline: 17px; }.fingerprint-block, .approval-banner { margin-inline: 17px; }.gate-footer { padding-inline: 17px; }.evidence-heading { margin-bottom: 21px; }.discovery-list { grid-template-columns: 1fr; padding-inline: 17px; }.discovery-header { padding-inline: 17px; }.receipt-details { margin-inline: 17px; }.receipt-summary { flex-wrap: wrap; padding-inline: 17px; }.receipt-actions { flex-direction: column; align-items: flex-end; gap: 5px; }.footer { gap: 7px; }.footer-right { width: 100%; margin-left: 0; }.toast { right: 16px; bottom: 16px; left: 16px; max-width: none; }
}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { scroll-behavior: auto !important; animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; }
}