.graph-page{--graph-inline-space: clamp(1.25rem, 3vw, 3.1rem);--graph-block-space: clamp(1.25rem, 2.7vw, 2.9rem);--graph-column-gap: clamp(1.1rem, 2.35vw, 2.35rem);--graph-plate-border: rgba(214, 190, 156, .32);--graph-plate-shadow: 0 26px 62px rgba(0, 0, 0, .28);--graph-plate-surface: linear-gradient(180deg, rgba(34, 28, 23, .985), rgba(15, 12, 10, .995));--graph-plate-tint: rgba(212, 138, 83, .07);--graph-plate-tint-secondary: rgba(201, 150, 58, .05);--graph-plate-frame: rgba(223, 199, 163, .14);--graph-plate-inset: 6px;--graph-rule-strong: color-mix(in srgb, var(--graph-plate-frame) 92%, rgba(255, 255, 255, .05));--graph-rule: color-mix(in srgb, var(--graph-plate-border) 94%, rgba(255, 255, 255, .04));--graph-rule-soft: color-mix(in srgb, var(--graph-plate-border) 68%, transparent);--graph-control-fill: rgba(12, 9, 7, .56);--graph-control-fill-active: linear-gradient( 180deg, color-mix(in srgb, var(--graph-plate-tint) 88%, rgba(12, 9, 7, .18)), color-mix(in srgb, var(--graph-plate-tint-secondary) 54%, rgba(12, 9, 7, .08)) );display:grid;gap:2.25rem;padding-bottom:4rem}.graph-hero{position:relative}.graph-hero .page-hero-title{max-width:11ch}.graph-panel-label{margin:0 0 .45rem;color:var(--accent);font-family:var(--font-ui);font-size:10px;font-weight:700;letter-spacing:var(--ls-ui-wide);text-transform:uppercase}.graph-intro{color:#e8e2d4d6}.graph-meta-row{margin-top:1rem;display:flex;flex-wrap:wrap;gap:.7rem .9rem;align-items:center}.graph-source-link{display:inline-flex;align-items:center;gap:.4rem;padding:.4rem .75rem;border:1px solid var(--graph-rule);border-radius:0;color:var(--bone);text-decoration:none;font-family:var(--font-ui);font-size:10px;text-transform:uppercase;letter-spacing:var(--ls-ui-wide)}.graph-source-link:hover{border-color:var(--graph-rule-strong);color:var(--star)}.graph-generated{color:#e8e2d49e;font-family:var(--font-ui);font-size:10px;letter-spacing:var(--ls-ui-wide);text-transform:uppercase}.graph-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1.35rem}.graph-kpi,.graph-panel,.graph-map-surface,.graph-error,.graph-summary-strip{--plate-border: var(--graph-plate-border);--plate-shadow: var(--graph-plate-shadow);--plate-surface: var(--graph-plate-surface);--plate-tint: var(--graph-plate-tint);--plate-tint-secondary: var(--graph-plate-tint-secondary);--plate-frame: var(--graph-plate-frame);--plate-inset: var(--graph-plate-inset)}.graph-kpi{--graph-shell-rule: color-mix(in srgb, var(--graph-rule) 80%, rgba(255, 255, 255, .07));--graph-shell-rule-soft: color-mix(in srgb, var(--graph-rule-soft) 72%, rgba(255, 255, 255, .03));position:relative;padding:1.3rem 1.35rem 1.24rem;min-height:108px;display:grid;align-content:end;gap:.35rem;border-color:transparent;outline:none}.graph-kpi:after{content:"";position:absolute;inset:0;border:1px solid var(--graph-shell-rule);box-shadow:inset 0 0 0 1px var(--graph-shell-rule-soft);pointer-events:none;z-index:2}.graph-kpi-value{color:var(--star);font-family:var(--font-display);font-size:clamp(1.2rem,2.3vw,1.95rem);line-height:1.04;text-wrap:balance}.graph-kpi-label{color:#e8e2d4b3;font-family:var(--font-ui);font-size:10px;font-weight:700;letter-spacing:var(--ls-ui-wide);text-transform:uppercase}.graph-explorer{display:grid;grid-template-columns:minmax(0,1.16fr) minmax(320px,.9fr);gap:var(--graph-column-gap);align-items:start}.graph-panel{padding:var(--graph-block-space) var(--graph-inline-space)}.graph-map-surface{min-width:0;display:grid;gap:1.15rem;overflow:visible;padding:var(--graph-block-space) var(--graph-inline-space)}.graph-summary-strip{--plate-shadow: 0 20px 48px rgba(0, 0, 0, .24);padding:calc(var(--graph-block-space) - .2rem) var(--graph-inline-space) var(--graph-block-space)}.graph-filter-tray{display:grid;gap:.85rem;padding-bottom:1.15rem;border-bottom:1px solid var(--graph-rule-soft)}.graph-filter-bar{display:flex;justify-content:space-between;gap:1rem;align-items:start}.graph-filter-copy{display:grid;gap:.2rem}.graph-filter-summary{margin:0;color:#e8e2d4b3;font-family:var(--font-ui);font-size:10px;letter-spacing:var(--ls-ui-wide);line-height:1.5;text-transform:uppercase}.graph-filter-toggle{appearance:none;-webkit-appearance:none;border:1px solid var(--graph-rule);border-radius:0;background:var(--graph-control-fill);color:#e8e2d4d1;font-family:var(--font-ui);font-size:10px;font-weight:700;letter-spacing:var(--ls-ui-wide);text-transform:uppercase;cursor:pointer;padding:.6rem .8rem;transition:border-color .16s ease,color .16s ease,background .16s ease}.graph-filter-toggle:hover,.graph-filter-tray[data-open=true] .graph-filter-toggle{border-color:var(--graph-rule-strong);color:var(--star);background:var(--graph-control-fill-active)}.graph-filter-stack{padding-top:.15rem}.graph-filter-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:.9rem 1rem;align-items:start}.graph-panel--inspector{display:grid;gap:1rem;position:sticky;top:5.5rem}.graph-selected-head{display:flex;justify-content:space-between;gap:1rem;align-items:start}.graph-selected-heading{min-width:0;display:grid;gap:.1rem}.graph-selected-open{flex:0 0 auto;color:var(--star);text-decoration:none;font-family:var(--font-ui);font-size:10px;font-weight:700;letter-spacing:var(--ls-ui-wide);text-transform:uppercase}.graph-selected-open:hover{color:var(--gold)}.graph-panel-section{display:grid;gap:.7rem}.graph-panel-section--modes{gap:.85rem}.graph-panel-section--types{grid-column:1 / -1}.graph-filter-compact-group{display:grid;gap:.55rem}.graph-panel-header,.graph-selected-links-head{display:flex;justify-content:space-between;gap:.8rem;align-items:center}.graph-search{display:grid;gap:.45rem;font-family:var(--font-ui);font-size:11px;letter-spacing:var(--ls-ui-wide);text-transform:uppercase;color:#e8e2d4b8}.graph-search input,.graph-threshold-slider,.graph-toggle,.graph-spotlight,.graph-type-pill,.graph-type-reset{appearance:none;-webkit-appearance:none}.graph-search input{width:100%;border:1px solid var(--graph-rule);border-radius:0;padding:.78rem .9rem;background:#0c09079e;color:var(--bone);font-family:var(--font-ui);font-size:12.5px;letter-spacing:.02em}.graph-search input::placeholder{color:#e8e2d461}.graph-threshold-value{color:var(--star);font-family:var(--font-ui);font-size:12px;font-weight:700;letter-spacing:var(--ls-ui-wide)}.graph-threshold-slider{width:100%;height:6px;border-radius:0;background:linear-gradient(90deg,#d48a53b8,#78a0a86b);outline:none}.graph-threshold-slider::-webkit-slider-thumb{-webkit-appearance:none;width:18px;height:18px;border-radius:50%;border:2px solid rgba(255,255,255,.82);background:var(--star);box-shadow:0 0 0 4px #e8e2d414;cursor:pointer}.graph-threshold-slider::-moz-range-thumb{width:18px;height:18px;border-radius:50%;border:2px solid rgba(255,255,255,.82);background:var(--star);box-shadow:0 0 0 4px #e8e2d414;cursor:pointer}.graph-panel-note{margin:0;color:#e8e2d49e;font-size:.88rem;line-height:1.55}.graph-layout-switch{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.55rem}.graph-toggle,.graph-spotlight,.graph-type-pill,.graph-type-reset{border:1px solid var(--graph-rule);border-radius:0;background:var(--graph-control-fill);color:#e8e2d4cc;font-family:var(--font-ui);font-size:11px;font-weight:700;letter-spacing:var(--ls-ui-wide);text-transform:uppercase;cursor:pointer;transition:border-color .16s ease,background .16s ease,color .16s ease,transform .16s ease}.graph-toggle,.graph-spotlight{padding:.85rem .9rem}.graph-toggle:hover,.graph-spotlight:hover,.graph-type-pill:hover,.graph-type-reset:hover,.graph-toggle.is-active,.graph-spotlight.is-active,.graph-type-pill.is-active,.graph-type-reset.is-active{border-color:var(--graph-rule-strong);color:var(--star);transform:translateY(-1px)}.graph-toggle.is-active,.graph-spotlight.is-active{background:var(--graph-control-fill-active)}.graph-panel-header .graph-type-reset{padding:.45rem .7rem}.graph-type-grid,.graph-form-grid{display:flex;flex-wrap:wrap;gap:.5rem}.graph-type-pill{display:inline-grid;grid-template-columns:auto auto auto;align-items:center;gap:.55rem;padding:.58rem .75rem;text-align:left}.graph-type-pill strong{color:var(--bone);font-size:12px}.graph-type-pill.is-active{background:linear-gradient(180deg,var(--type-glow),rgba(255,255,255,.03))}.graph-type-swatch{width:10px;height:10px;border-radius:50%;background:var(--type-color);box-shadow:0 0 0 4px color-mix(in srgb,var(--type-color) 24%,transparent)}.graph-form-pill,.graph-selected-form{display:inline-flex;align-items:center;gap:.5rem;padding:.4rem .7rem;border:1px solid color-mix(in srgb,var(--form-color) 48%,var(--graph-rule));background:color-mix(in srgb,var(--form-color) 16%,rgba(9,8,7,.56));color:var(--bone);font-family:var(--font-ui);font-size:10px;font-weight:700;letter-spacing:var(--ls-ui-wide);text-transform:uppercase}.graph-form-pill-swatch{width:9px;height:9px;border-radius:50%;border:2px solid var(--form-color);box-shadow:0 0 0 4px color-mix(in srgb,var(--form-color) 24%,transparent);background:#090807bd;flex-shrink:0}.graph-form-pill strong{color:var(--star);font-size:11px}.graph-stage-rail{min-width:0;display:grid;gap:.9rem;padding:0}.graph-stage-head{display:flex;justify-content:space-between;gap:1rem;align-items:end}.graph-stage-head h2,.graph-panel--inspector h2,.graph-summary-head h3{margin:0}.graph-stage-head h2{font-size:clamp(1.55rem,2.4vw,2.15rem)}.graph-stage-stats{display:flex;flex-wrap:wrap;gap:.75rem 1rem;justify-content:flex-end}.graph-stage-stats span{color:#e8e2d4b8;font-family:var(--font-ui);font-size:11px;font-weight:700;letter-spacing:var(--ls-ui-wide);text-transform:uppercase}.graph-stage-stats strong{color:var(--star);margin-right:.35rem}.graph-stage-frame{--plate-border: var(--graph-plate-border);--plate-shadow: 0 22px 52px rgba(0, 0, 0, .24);--plate-surface: var(--graph-plate-surface);--plate-tint: var(--graph-plate-tint);--plate-tint-secondary: var(--graph-plate-tint-secondary);--plate-frame: var(--graph-plate-frame);--plate-inset: var(--graph-plate-inset);--plate-overlay: repeating-linear-gradient( 90deg, rgba(255, 255, 255, .02) 0, rgba(255, 255, 255, .02) 1px, transparent 1px, transparent 38px ), repeating-linear-gradient( 0deg, rgba(255, 255, 255, .015) 0, rgba(255, 255, 255, .015) 1px, transparent 1px, transparent 38px );padding:1rem}.graph-stage-frame[data-layout=chronicle]{--plate-overlay: repeating-linear-gradient( 90deg, rgba(255, 255, 255, .02) 0, rgba(255, 255, 255, .02) 1px, transparent 1px, transparent 38px ), repeating-linear-gradient( 0deg, rgba(255, 255, 255, .015) 0, rgba(255, 255, 255, .015) 1px, transparent 1px, transparent 38px )}.graph-canvas{display:block;width:100%;aspect-ratio:1120 / 760}.graph-stage-note{margin:0;max-width:64ch;color:#e8e2d49e;font-family:var(--font-ui);font-size:10px;letter-spacing:var(--ls-ui-wide);line-height:1.55;text-transform:uppercase}.graph-stage-form-strip{display:flex;flex-wrap:wrap;gap:.55rem;align-items:center}.graph-stage-empty{position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%);padding:1rem 1.2rem;border:1px solid var(--graph-rule);border-radius:0;background:#090807db;color:var(--bone);font-family:var(--font-ui);font-size:11px;letter-spacing:var(--ls-ui-wide);text-transform:uppercase}.graph-selected-meta{display:flex;flex-wrap:wrap;gap:.55rem .8rem;margin-top:.1rem;align-items:center}.graph-selected-type{display:inline-flex;align-items:center;gap:.4rem;padding:.4rem .7rem;border-radius:0;border:1px solid color-mix(in srgb,var(--type-color) 48%,var(--graph-rule));background:color-mix(in srgb,var(--type-color) 16%,rgba(9,8,7,.56));color:var(--bone);font-family:var(--font-ui);font-size:10px;font-weight:700;letter-spacing:var(--ls-ui-wide);text-transform:uppercase}.graph-selected-form[hidden]{display:none}.graph-selected-meta span:last-child{color:#e8e2d4ad;font-family:var(--font-ui);font-size:11px;letter-spacing:var(--ls-ui-wide);text-transform:uppercase}.graph-selected-summary{margin:.55rem 0 0;color:#e8e2d4bd;font-size:.92rem;line-height:1.58}.graph-selected-hint{margin:-.1rem 0 0;color:#e8e2d48f;font-family:var(--font-ui);font-size:10px;letter-spacing:var(--ls-ui-wide);line-height:1.55;text-transform:uppercase}.graph-selected-metrics{margin:.85rem 0 0;display:grid;grid-template-columns:repeat(auto-fit,minmax(136px,1fr));gap:.65rem 1.2rem;padding-top:.35rem;border-top:1px solid var(--graph-rule-soft)}.graph-selected-metrics div{padding:.55rem 0 .7rem;border:0;border-radius:0;background:transparent}.graph-selected-metrics dt{margin:0;color:#e8e2d494;font-family:var(--font-ui);font-size:10px;font-weight:700;letter-spacing:var(--ls-ui-wide);text-transform:uppercase}.graph-selected-metrics dd{margin:.35rem 0 0;color:var(--star);font-family:var(--font-display);font-size:1.02rem;line-height:1}.graph-selected-tag-group{display:grid;gap:.55rem;padding-top:.5rem;border-top:1px solid var(--graph-rule-soft)}.graph-tag-cloud{display:flex;flex-wrap:wrap;gap:.35rem .9rem}.graph-tag-cloud span{padding:0;border-radius:0;border:0;background:transparent;color:#e8e2d4cc;font-family:var(--font-ui);font-size:10px;letter-spacing:var(--ls-ui-wide);text-transform:uppercase}.graph-tag-cloud .is-empty{color:#e8e2d485}.graph-selected-links{display:grid;gap:.7rem;padding-top:.5rem;border-top:1px solid var(--graph-rule-soft)}.graph-selected-links ul,.graph-summary-list{list-style:none;padding:0;margin:0;display:grid;gap:.55rem}.graph-selected-links li,.graph-summary-list li{display:flex;justify-content:space-between;gap:.8rem;align-items:start;padding:.78rem 0;border-radius:0;border:0;border-bottom:1px solid var(--graph-rule-soft);background:transparent}.graph-selected-links li button,.graph-summary-list a{color:var(--star);text-decoration:none;background:transparent;border:0;padding:0;margin:0;font:inherit;text-align:left;cursor:pointer}.graph-selected-links li button{display:grid;gap:.2rem;color:var(--star);font-size:.94rem}.graph-selected-links li:last-child{padding-bottom:0;border-bottom:0}.graph-selected-links li button small{color:#e8e2d485;font-family:var(--font-ui);font-size:10px;letter-spacing:var(--ls-ui-wide);text-transform:uppercase}.graph-selected-links li span,.graph-summary-list span,.graph-summary-list code{color:#e8e2d4bd;font-family:var(--font-ui);font-size:11px;font-weight:700;letter-spacing:var(--ls-ui-wide);text-transform:uppercase}.graph-secondary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.5rem var(--graph-column-gap);padding-top:.65rem}.graph-summary-strip{display:grid;gap:.85rem;min-width:0}.graph-summary-strip--reasons{grid-column:1 / -1}.graph-summary-head{display:grid;gap:.15rem}.graph-summary-strip .graph-summary-head{padding-top:0;border-top:0}.graph-summary-list li a{font-style:italic;font-weight:700}.graph-summary-list li a:hover,.graph-selected-links li button:hover,.graph-source-link:hover{color:var(--gold)}.graph-summary-list li span{max-width:16ch;text-align:right}.graph-summary-list--compact li span{color:#e8e2d4d1;text-align:left;max-width:none}.graph-summary-list--simple{gap:0}.graph-summary-list--simple li{padding:.85rem 0;border-radius:0;border:0;border-bottom:1px solid var(--graph-rule-soft);background:transparent}.graph-summary-list--simple li:first-child{padding-top:.25rem}.graph-summary-list--simple li:last-child{border-bottom:0;padding-bottom:0}.graph-summary-list--simple li a{font-style:normal}.graph-summary-list--simple li span{max-width:18ch}.graph-summary-list code{border:1px solid var(--graph-rule);border-radius:0;padding:.2rem .55rem}.graph-reason-strip{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:.75rem 1rem}.graph-reason-strip li{display:flex;justify-content:space-between;gap:.8rem;align-items:baseline;padding:.7rem 0;border-top:1px solid var(--graph-rule-soft)}.graph-reason-strip span,.graph-reason-strip code{color:#e8e2d4d1;font-family:var(--font-ui);font-size:11px;font-weight:700;letter-spacing:var(--ls-ui-wide);text-transform:uppercase}.graph-reason-strip code{color:var(--star);border:0;padding:0}.graph-edge-copy{display:flex;flex-wrap:wrap;gap:.35rem;align-items:baseline}.graph-error{padding:1.5rem}.graph-error h2{margin:0 0 .45rem;color:var(--ember);font-size:1.05rem}.graph-error p{margin:0 0 .45rem;color:var(--bone);line-height:1.7}.graph-background-layer,.graph-edge-layer,.graph-node-layer{pointer-events:none}.graph-node-layer .graph-node{pointer-events:auto;cursor:pointer}.graph-cluster-ring,.graph-lane,.graph-time-tick,.graph-center-halo{fill:none;stroke:#ffffff14;stroke-width:1;vector-effect:non-scaling-stroke}.graph-cluster-core{stroke:#110c0abf;stroke-width:2;vector-effect:non-scaling-stroke}.graph-center-halo{stroke:#d48a5314}.graph-cluster-label,.graph-node-label,.graph-lane-label,.graph-time-label{fill:#e8e2d4d1;font-family:var(--font-ui);font-size:10px;letter-spacing:.08em;text-transform:uppercase;paint-order:stroke;stroke:#0c0907db;stroke-width:3px;stroke-linejoin:round}.graph-time-label{text-anchor:middle}.graph-edge{fill:none;stroke:#e8e2d41f;vector-effect:non-scaling-stroke}.graph-edge.is-selected{stroke:#d48a53b3}.graph-edge.is-hovered{stroke:#78a0a8a8}.graph-node-halo{opacity:0;transition:opacity .16s ease}.graph-node-dot{stroke:#0c0907e6;stroke-width:2;vector-effect:non-scaling-stroke;transition:transform .16s ease}.graph-node-form-ring{fill:none;stroke-width:2.6;vector-effect:non-scaling-stroke;opacity:.98}.graph-node.has-form .graph-node-halo{opacity:.24}.graph-node.is-selected .graph-node-halo,.graph-node.is-hovered .graph-node-halo{opacity:1}.graph-node.is-selected .graph-node-label{fill:var(--star)}.graph-node:focus-visible .graph-node-dot,.graph-node.is-selected .graph-node-dot{stroke:#ffffffe6}@media(max-width:1100px){.graph-explorer{grid-template-columns:minmax(0,1fr)}.graph-panel--inspector{position:relative;top:auto}.graph-filter-grid{grid-template-columns:1fr}}@media(max-width:1040px){.graph-kpis{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.graph-kpi{min-height:96px;padding:1.05rem 1.05rem 1rem}.graph-kpi-value--hub{font-size:clamp(1rem,2vw,1.4rem);line-height:1.08}.graph-secondary{grid-template-columns:1fr}}@media(max-width:760px){.graph-page{gap:1.45rem}.graph-kpis,.graph-selected-metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:.85rem}.graph-secondary{grid-template-columns:1fr}.graph-kpi{min-height:88px;padding:.95rem .95rem .9rem;gap:.24rem}.graph-kpi-value{font-size:clamp(1.02rem,5.4vw,1.5rem)}.graph-kpi-value--hub{font-size:clamp(.95rem,4.4vw,1.22rem)}.graph-stage-head,.graph-selected-links-head,.graph-filter-bar,.graph-selected-head{align-items:start;flex-direction:column}.graph-panel,.graph-map-surface{padding:.88rem;border-radius:0}.graph-filter-tray,.graph-stage-rail{padding:0;border:0}.graph-filter-stack{padding-top:.55rem}.graph-stage-head h2{font-size:clamp(1.34rem,6.8vw,1.72rem)}.graph-stage-stats{gap:.35rem .75rem}.graph-stage-stats span{font-size:10px}.graph-stage-frame{padding:.72rem}.graph-selected-metrics{margin-top:.7rem;gap:.55rem .7rem}.graph-selected-metrics div{padding:.42rem 0 .5rem}.graph-selected-links{gap:.55rem}.graph-reason-strip{grid-template-columns:1fr}}@media(max-width:520px){.graph-kpis,.graph-selected-metrics{grid-template-columns:1fr}.graph-kpi--hub .graph-kpi-value{font-size:1.18rem}}