body:has(.graph-page){background:radial-gradient(circle at top left,rgba(36,92,112,.18),transparent 30%),radial-gradient(circle at top right,rgba(177,119,51,.16),transparent 24%),linear-gradient(180deg,#fbf7ef,#f3ebdf 48%,#ebdfcf)}.graph-page{display:grid;gap:1rem}.graph-page .page-header{margin-bottom:0;display:grid;grid-template-columns:minmax(19rem,25rem) minmax(0,1fr);gap:1.25rem;align-items:start}.graph-page .page-title{margin-bottom:0}.graph-read-note{display:grid;gap:.35rem;padding:1rem 1.1rem;border-radius:16px;border:1px solid rgba(62,84,94,.14);background:linear-gradient(180deg,#ffffffc2,#fff0),#f0f6f9e0;box-shadow:inset 0 1px #ffffffd1,0 16px 32px #46362a0f}.graph-read-note-label{color:#24566e;font-family:var(--font-ui);font-size:.68rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.graph-read-note :where(p){margin:0;color:var(--muted);line-height:1.7}.graph-mobile-notice{display:none;margin:0;padding:.85rem 1rem;border-radius:14px;border:1px solid rgba(62,84,94,.14);background:#f8fbfdf0;color:var(--muted);font-family:var(--font-ui);font-size:.92rem;line-height:1.55}.graph-frame{padding:.22rem;background:linear-gradient(180deg,#221d1914,#221d1905),#f6f9fbb8}.graph-shell{--graph-surface: rgba(242, 248, 251, .94);--graph-surface-strong: rgba(251, 253, 255, .98);--graph-surface-soft: rgba(225, 234, 240, .9);--graph-border: rgba(33, 65, 95, .14);--graph-border-strong: rgba(33, 65, 95, .24);--graph-fg: #10273d;--graph-muted: #5d7083;--graph-accent: #2f5c7e;--graph-accent-soft: rgba(47, 92, 126, .12);--graph-highlight: #c9913c;--graph-radius-xl: 20px;--graph-radius-lg: 16px;--graph-radius-md: 12px;--graph-radius-sm: 10px}.graph-shell .graph-workspace{display:grid;gap:1rem;max-width:1220px;margin:0 auto}.graph-shell .graph-toolbar,.graph-shell .graph-canvas-card,.graph-shell .graph-panel{display:grid;gap:.95rem;padding:1.15rem;border-radius:var(--graph-radius-xl);border:1px solid var(--graph-border);background:linear-gradient(180deg,#ffffffbd,#fff0),var(--graph-surface);box-shadow:inset 0 1px #ffffffd1,0 18px 32px #58402a12}.graph-shell .graph-toolbar{padding:1.25rem}.graph-shell .graph-toolbar-copyblock,.graph-shell .graph-control-card,.graph-shell .graph-panel,.graph-shell .graph-canvas-card,.graph-shell .graph-sidepanels{min-width:0}.graph-shell .graph-kicker{display:inline-block;color:var(--graph-accent);font-family:var(--font-ui);font-size:.68rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.graph-shell .graph-toolbar-title,.graph-shell .graph-card-title,.graph-shell .graph-panel-title{margin:.16rem 0 0;color:var(--graph-fg);font-family:var(--font-ui);font-weight:650;line-height:1.15;letter-spacing:-.02em}.graph-shell .graph-toolbar-title{font-size:clamp(1.32rem,2vw,1.74rem)}.graph-shell .graph-card-title,.graph-shell .graph-panel-title{font-size:1.08rem}.graph-shell .graph-toolbar-copy,.graph-shell .graph-panel-copy,.graph-shell .graph-control-note,.graph-shell .graph-footnote{margin:0;color:var(--graph-muted);line-height:1.72}.graph-shell .graph-toolbar-grid,.graph-shell .graph-stat-grid{display:grid;gap:.85rem}.graph-shell .graph-toolbar-grid{grid-template-columns:repeat(auto-fit,minmax(210px,1fr))}.graph-shell .graph-stat-grid{grid-template-columns:repeat(auto-fit,minmax(128px,1fr))}.graph-shell .graph-stage{display:grid;grid-template-columns:minmax(0,1.38fr) minmax(290px,.78fr);gap:1rem;align-items:start}.graph-shell .graph-sidepanels{display:grid;gap:1rem}.graph-shell .graph-card-head,.graph-shell .graph-panel-head{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:.8rem}.graph-shell .graph-pill-row,.graph-shell .graph-inline-actions,.graph-shell .graph-action-row,.graph-shell .graph-token-row,.graph-shell .graph-segmented-row,.graph-shell .graph-path-strip,.graph-shell .graph-legend{display:flex;flex-wrap:wrap;gap:.55rem;align-items:center}.graph-shell .graph-pill,.graph-shell .graph-answer-pill,.graph-shell .graph-stepper-value,.graph-shell .graph-path-node{display:inline-flex;align-items:center;min-height:2rem;padding:.38rem .72rem;border-radius:999px;border:1px solid rgba(47,92,126,.12);background:#fafdffd6;color:var(--graph-fg);font-family:var(--font-ui);font-size:.78rem;font-weight:650;line-height:1.3}.graph-shell .graph-answer-pill{background:#fff7e6eb;border-color:#c9913c38}.graph-shell .graph-control-card{display:grid;gap:.65rem;padding:.95rem;border-radius:var(--graph-radius-lg);border:1px solid rgba(33,65,95,.12);background:linear-gradient(180deg,#ffffffb3,#fff0),#fbfdffe0}.graph-shell .graph-control-label,.graph-shell .graph-neighbor-title,.graph-shell .graph-stat-label{color:var(--graph-muted);font-family:var(--font-ui);font-size:.7rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.graph-shell .graph-select-label{display:grid;gap:.55rem}.graph-shell .graph-btn,.graph-shell .graph-select-label select{border:1px solid var(--graph-border);background:var(--graph-surface-strong);color:var(--graph-fg);border-radius:var(--graph-radius-sm);font-family:var(--font-ui);font-size:.86rem;font-weight:600;line-height:1.3;min-height:2.4rem;padding:.55rem .8rem;transition:transform .16s ease,border-color .16s ease,background .16s ease}.graph-shell .graph-btn{cursor:pointer}.graph-shell .graph-btn:hover,.graph-shell .graph-btn:focus-visible,.graph-shell .graph-select-label select:hover,.graph-shell .graph-select-label select:focus-visible{transform:translateY(-1px);border-color:#2f5c7e4d;background:#fff}.graph-shell .graph-btn[aria-pressed=true]{background:var(--graph-accent-soft);border-color:#2f5c7e47}.graph-shell .graph-btn:disabled{cursor:not-allowed;opacity:.45;transform:none}.graph-shell .graph-btn.mini{min-height:2rem;padding-inline:.7rem}.graph-shell .graph-btn.token{min-width:2.55rem;justify-content:center}.graph-shell .graph-stepper{display:flex;gap:.55rem;align-items:center;flex-wrap:wrap}.graph-shell .graph-legend{padding:.75rem .85rem;border-radius:var(--graph-radius-md);border:1px solid rgba(33,65,95,.1);background:#fafdffd1}.graph-shell .graph-legend-item{display:inline-flex;align-items:center;gap:.45rem;color:var(--graph-muted);font-family:var(--font-ui);font-size:.82rem;line-height:1.4}.graph-shell .graph-legend-swatch{width:.9rem;height:.9rem;border-radius:999px;border:1px solid rgba(16,39,61,.18);background:#d7e2ebe6}.graph-shell .graph-legend-swatch.selected{background:#2f5c7ee6}.graph-shell .graph-legend-swatch.highlighted{background:#c9913ce6}.graph-shell .graph-legend-swatch.neutral{background:#c4ced6db}.graph-shell .graph-scroll{overflow:auto;border-radius:var(--graph-radius-lg);border:1px solid rgba(33,65,95,.1);background:linear-gradient(180deg,#ffffffb8,#fff0),#f0f6facc;padding:.65rem}.graph-shell .graph-lattice{display:block;width:max-content;min-width:100%;height:auto;overflow:visible}.graph-shell .graph-edge line{stroke:#788a966b;stroke-width:1.6}.graph-shell .graph-edge text{fill:var(--graph-highlight);font-family:var(--font-ui);font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.graph-shell .graph-edge.is-highlighted line{stroke:#c9913ceb;stroke-width:2.4}.graph-shell .graph-node{cursor:pointer;transition:opacity .16s ease}.graph-shell .graph-node rect{stroke:#10273d29;stroke-width:1.2;transition:stroke-width .16s ease,stroke .16s ease,filter .16s ease}.graph-shell .graph-node text{fill:#10273d;font-family:var(--font-ui);font-size:11px;font-weight:700;letter-spacing:.01em;pointer-events:none}.graph-shell .graph-node:hover rect,.graph-shell .graph-node:focus-visible rect{filter:saturate(1.04);stroke:#2f5c7e6b}.graph-shell .graph-node.is-highlighted rect{stroke:#c9913cb8;stroke-width:2}.graph-shell .graph-node.is-selected rect{stroke:#10273dfa;stroke-width:2.6}.graph-shell .graph-node-eval{fill:#fff8ef;stroke:#10273d7a;stroke-width:1.2}.graph-shell .graph-formula{padding:.78rem .9rem;border-radius:var(--graph-radius-md);border:1px solid rgba(33,65,95,.12);background:#f9fcffe6;color:var(--graph-fg);font-family:var(--font-ui);font-size:.85rem;line-height:1.6}.graph-shell .graph-stat{display:grid;gap:.2rem;padding:.8rem .85rem;border-radius:var(--graph-radius-md);border:1px solid rgba(33,65,95,.1);background:#fafdffd1}.graph-shell .graph-stat-value{color:var(--graph-fg);font-family:var(--font-ui);font-size:.94rem;font-weight:650;line-height:1.3}.graph-shell .graph-neighbor-columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.graph-shell .graph-neighbor-list{list-style:none;padding:0;margin:.65rem 0 0;display:grid;gap:.6rem}.graph-shell .graph-neighbor-list li{margin:0;padding:0;border:0;background:transparent}.graph-shell .graph-neighbor-main,.graph-shell .graph-neighbor-meta{font-family:var(--font-ui);font-size:.84rem;line-height:1.45}.graph-shell .graph-neighbor-main{color:var(--graph-fg);font-weight:650}.graph-shell .graph-neighbor-meta{color:var(--graph-muted)}.graph-shell .graph-neighbor-button{width:100%;display:grid;gap:.16rem;padding:.7rem .78rem;border-radius:var(--graph-radius-md);border:1px solid rgba(33,65,95,.1);background:#fafdffd6;text-align:left;cursor:pointer;transition:transform .16s ease,border-color .16s ease,background .16s ease}.graph-shell .graph-neighbor-button:hover,.graph-shell .graph-neighbor-button:focus-visible{transform:translateY(-1px);border-color:#2f5c7e3d;background:#fffffff5}.graph-shell .graph-neighbor-button:disabled{cursor:not-allowed;opacity:.55;transform:none}.graph-shell .graph-table{width:100%;border-collapse:collapse;font-family:var(--font-ui);font-size:.84rem}.graph-shell .graph-table th,.graph-shell .graph-table td{padding:.48rem .18rem;border-bottom:1px solid rgba(33,65,95,.08);text-align:left;color:var(--graph-fg)}.graph-shell .graph-table th{color:var(--graph-muted);font-size:.74rem;letter-spacing:.08em;text-transform:uppercase}.graph-shell .graph-table tr.is-active td{color:var(--graph-accent);font-weight:700}.graph-shell .graph-path-strip{padding:.2rem 0}@media (max-width: 1020px){.graph-shell .graph-stage{grid-template-columns:1fr}}@media (max-width: 820px){.graph-page .page-header{grid-template-columns:1fr}.graph-mobile-notice{display:block}.graph-shell .graph-toolbar,.graph-shell .graph-canvas-card,.graph-shell .graph-panel{padding:1rem;border-radius:var(--graph-radius-lg)}.graph-shell .graph-neighbor-columns{grid-template-columns:1fr}}