:root{--ink-strong:#132238;--ink-soft:#425466;--ink-muted:#6b7a8f;--paper:#f7f1e3;--paper-strong:#efe6d4;--surface:#fffaf2e0;--surface-strong:#fff8ecf5;--line:#13223824;--line-strong:#13223847;--glow:#e76f511f;--shadow:0 24px 60px #1b273624;--radius-lg:32px;--radius-md:20px;--radius-sm:14px;--sans:"Trebuchet MS", "Segoe UI", sans-serif;--serif:Georgia, "Times New Roman", serif;font-family:var(--sans);color:var(--ink-soft);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:radial-gradient(circle at top,#e9c46a47,#0000 28%),radial-gradient(circle at 100%,#2a9d8f24,#0000 22%),linear-gradient(160deg,#fffaf3 0%,#f5efe2 52%,#f2e8db 100%);line-height:1.5}*{box-sizing:border-box}body{min-height:100vh;color:var(--ink-soft);margin:0}button,select{font:inherit}button{cursor:pointer}code{color:var(--ink-strong);background:#13223814;border-radius:999px;padding:.15rem .45rem}#app{min-height:100vh}.page-shell{width:min(1520px,100% - 32px);margin:0 auto;padding:28px 0 36px}.filters-panel,.graph-panel,.detail-panel{background:var(--surface);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:var(--shadow);border:1px solid #ffffffa6}.panel-kicker,.toolbar-label,.detail-label,.node-grade{text-transform:uppercase;letter-spacing:.14em;color:var(--ink-muted);margin:0;font-size:.73rem}h2,h3{color:var(--ink-strong);font-family:var(--serif);margin:0;line-height:1.06}h2{font-size:clamp(1.65rem,2vw,2.3rem)}h3{font-size:1.15rem}.toolbar-block{gap:10px;display:grid}.chip-row{flex-wrap:wrap;gap:10px;display:flex}.chip,.ghost-button,.mini-node,.relation-item,.node-label{transition:transform .18s,background-color .18s,border-color .18s,color .18s,box-shadow .18s,opacity .18s}.chip,.ghost-button,.mini-node,.relation-item{border:1px solid var(--line);color:var(--ink-strong);background:#ffffffb8}.chip,.ghost-button{border-radius:999px;padding:.7rem 1rem}.chip:hover,.ghost-button:hover,.mini-node:hover,.relation-item:hover,.node-label:hover{transform:translateY(-1px)}.chip.is-active{background:var(--ink-strong);color:#fff8ef;border-color:#0000}.search-box{color:var(--ink-strong);gap:10px;display:grid}.search-box select{border-radius:var(--radius-sm);border:1px solid var(--line-strong);width:100%;color:var(--ink-strong);background:#ffffffe0;padding:.85rem 1rem}.workspace{grid-template-columns:minmax(220px,.5fr) minmax(0,1.7fr) minmax(300px,.72fr);align-items:stretch;gap:22px;height:calc(100vh - 84px);min-height:760px;margin-top:20px;display:grid}.filters-panel,.graph-panel,.detail-panel{border-radius:var(--radius-lg);min-height:0;padding:24px}.filters-panel{align-content:start;gap:18px;display:grid;overflow:hidden}.graph-panel{gap:16px;display:grid;overflow:hidden}.panel-header{justify-content:space-between;align-items:center;gap:12px;display:flex}.graph-actions{flex-wrap:wrap;gap:10px;display:flex}.panel-header-stack{align-items:start}.graph-stage{cursor:grab;background:radial-gradient(circle,#ffffffb8,#ffffff2e),linear-gradient(#fff8ecd1,#f5ebdce6);border:1px solid #13223814;border-radius:28px;min-height:720px;padding-bottom:132px;position:relative;overflow:hidden}.graph-stage.is-dragging{cursor:grabbing}#graph-svg{width:100%;height:auto;min-height:588px;display:block}.legend-grid{z-index:2;pointer-events:none;grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch;gap:10px;display:grid;position:absolute;bottom:18px;left:18px;right:18px}.graph-backdrop{fill:#0000}.orbit-ring{fill:none;stroke:#1322381a;stroke-width:1.2px;stroke-dasharray:4 10}.orbit-ring.outer{stroke-opacity:.9}.edge-line{stroke:#1322381a;stroke-width:1px}.edge-line:hover{stroke:#13223842;stroke-width:1.4px}.edge-line.is-linked{stroke:#1322384d;stroke-width:1.5px}.edge-line.is-selected{stroke:#e76f51;stroke-width:2.8px}.label-stem{fill:none;stroke:#13223829;stroke-width:1.25px}.hover-tooltip,.context-node-labels,.context-edge-labels{pointer-events:none}.node-group.is-dimmed{opacity:.34}.node-group.is-selected circle{filter:drop-shadow(0 0 16px #e76f516b)}.node-group.is-connected circle{filter:drop-shadow(0 0 10px #13223824)}.node-hit{fill:#0000;cursor:pointer}.legend-item{color:var(--ink-strong);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);text-wrap:pretty;overflow-wrap:anywhere;background:#fffbf4db;border:1px solid #13223814;border-radius:16px;align-items:flex-start;gap:10px;min-width:0;padding:10px 12px;font-size:.92rem;line-height:1.25;display:flex;overflow:hidden}.legend-swatch,.relation-dot{border-radius:999px;flex:none;width:12px;height:12px}.node-label{width:100%;height:100%;color:var(--ink-strong);text-align:left;background:#fffbf5eb;border:1px solid #1322381f;border-radius:16px;align-content:center;gap:4px;padding:8px 12px;display:grid}.node-label strong{font-size:.96rem;line-height:1.15}.node-label.is-selected{border-color:#e76f5173;box-shadow:0 12px 28px #e76f5126}.node-label.is-context{background:#fffcf7f0;box-shadow:0 10px 22px #13223814}.node-label.is-hovered{box-shadow:0 12px 28px #1322381f}.edge-context-label rect{fill:#fffaf2e6;stroke:#1322381f}.edge-context-label text{fill:var(--ink-strong);text-anchor:middle;font-size:11px;font-weight:700}.section-list{gap:14px;min-height:0;max-height:none;padding-right:4px;display:grid;overflow:auto}.list-section{gap:10px;display:grid}.grade-section{background:#ffffff80;border:1px solid #13223814;border-radius:20px;gap:12px;padding:14px;display:grid}.grade-section-body{gap:14px;display:grid}.grade-title,.section-title{color:var(--ink-strong);justify-content:space-between;align-items:center;padding:0 2px;display:flex}.grade-title{margin:0;font-size:1.15rem}.section-title{margin:0;font-size:1rem}.grade-title span,.section-title span{font-family:var(--sans);color:var(--ink-muted);font-size:.86rem}.section-items{gap:10px;display:grid}.section-items.compact{grid-template-columns:repeat(2,minmax(0,1fr))}.detail-panel{align-content:start;gap:16px;display:grid;overflow:hidden}.detail-card{background:#ffffffa8;border:1px solid #1322381a;border-radius:22px;gap:10px;padding:18px;display:grid}.detail-card p{margin:0}.hero-detail{background:linear-gradient(135deg,#e76f511f,#e9c46a14),#ffffffb8}.emphasized{background:linear-gradient(135deg,#e76f512e,#ef476f1f),#ffffffd1}.edge-quote{font-family:var(--serif);color:var(--ink-strong);font-size:1.2rem}.pair-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.relation-item{text-align:left;border-radius:18px;gap:8px;width:100%;padding:14px 16px;display:grid}.relation-target,.mini-node{align-items:center;gap:10px;display:flex}.relation-text{color:var(--ink-soft)}.mini-node{border-radius:16px;justify-content:flex-start;padding:.95rem 1rem}.full-width{justify-content:center;width:100%}@media (width<=1200px){.workspace{grid-template-columns:1fr;height:auto;min-height:0}.legend-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=820px){.page-shell{width:min(100% - 20px,1520px);padding:16px 0 24px}.filters-panel,.graph-panel,.detail-panel{border-radius:22px;padding:18px}.graph-stage,#graph-svg{min-height:540px}.pair-grid,.section-items.compact,.legend-grid{grid-template-columns:1fr}.panel-header{flex-direction:column;align-items:start}}