.graph-head{max-width:44rem;margin-bottom:20px}.graph-kicker{font:600 11px/1 var(--font-geist-mono), ui-monospace, monospace;letter-spacing:.14em;text-transform:uppercase;color:var(--accent);margin:0 0 6px}.graph-title{letter-spacing:-.02em;color:var(--ink);margin:0;font-size:clamp(28px,4vw,40px);line-height:1.1}.graph-lede{color:var(--muted);margin:10px 0 0;line-height:1.55}.graph-strategies{flex-wrap:wrap;gap:6px;display:flex}.graph-strategy{appearance:none;border:1px solid var(--line-strong);color:var(--ink);cursor:pointer;background:0 0;border-radius:999px;padding:7px 14px;font:600 13px/1 inherit}.graph-strategy:hover{background:var(--raised)}.graph-strategy[aria-selected=true]{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}.graph-strategy:focus-visible,.graph-compare tr:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.graph-hint{color:var(--muted);margin:10px 0 18px;font-size:14px}.graph-layout{grid-template-columns:minmax(0,1fr) 300px;align-items:start;gap:20px;display:grid}.graph-canvas{background:var(--card);border:1px solid var(--line);border-radius:18px;margin:0;overflow:hidden}.graph-canvas[aria-busy=true] svg{opacity:.5}.graph-canvas svg{width:100%;height:auto;transition:opacity .2s;display:block}.graph-edges line{stroke:var(--muted)}.graph-edges line[data-active=true]{stroke:var(--accent);stroke-opacity:1}.graph-nodes circle{stroke:var(--card);stroke-width:2px;cursor:pointer}.graph-nodes a:hover circle,.graph-nodes a:focus-visible circle{stroke:var(--ink)}.graph-nodes text{fill:var(--ink);paint-order:stroke;stroke:var(--card);stroke-width:4px;stroke-linejoin:round;pointer-events:none;font-size:11px}.graph-caption{border-top:1px solid var(--line);min-height:56px;color:var(--muted);flex-direction:column;gap:2px;padding:12px 16px;font-size:13px;display:flex}.graph-caption strong{color:var(--ink);font-weight:600}.graph-empty{text-align:center;color:var(--muted);margin:0;padding:64px 24px}.graph-compare{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:16px}.graph-compare h2{color:var(--ink);margin:0 0 10px;font-size:14px}.graph-compare table{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%;font-size:13px}.graph-compare th,.graph-compare td{text-align:right;border-bottom:1px solid var(--line);color:var(--ink);padding:7px 4px}.graph-compare thead th{color:var(--muted);font-size:12px;font-weight:500}.graph-compare th[scope=row],.graph-compare thead th:first-child{text-align:left}.graph-compare tbody tr{cursor:pointer}.graph-compare tbody tr:hover{background:var(--raised)}.graph-compare tbody tr[data-active=true] th{color:var(--accent)}.graph-note{color:var(--muted);margin:12px 0 0;font-size:12px;line-height:1.5}@media (max-width:860px){.graph-layout{grid-template-columns:minmax(0,1fr)}}@media (prefers-reduced-motion:reduce){.graph-canvas svg{transition:none}}.graph-sources{flex-wrap:wrap;align-items:center;gap:6px 10px;margin:-6px 0 16px;display:flex}.graph-source-filter{appearance:none;border:1px solid var(--line);color:var(--muted);cursor:pointer;background:0 0;border-radius:999px;padding:5px 11px;font:600 12px/1 inherit}.graph-source-filter[aria-pressed=true]{color:var(--ink);border-color:var(--line-strong);background:var(--raised)}.graph-source-filter:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.graph-source-key{color:var(--ink);align-items:center;gap:6px;font-size:12px;display:inline-flex}.graph-source-swatch{border:2.5px solid var(--source-ring);border-radius:50%;width:10px;height:10px}[data-source=obsidian]{--source-ring:#9264ef}@supports (color:lab(0% 0 0)){[data-source=obsidian]{--source-ring:lab(52.7993% 41.7059 -64.5934)}}[data-source=apple_notes]{--source-ring:#e6b816}@supports (color:lab(0% 0 0)){[data-source=apple_notes]{--source-ring:lab(77.1541% 7.67213 75.8322)}}.graph-nodes circle[data-source]{stroke:var(--source-ring);stroke-width:3px}