.graph-shell{position:relative;height:calc(100dvh - 11rem);min-height:26rem;border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);overflow:hidden}.graph-shell.is-mobile{height:calc(100dvh - 9rem)}.graph-canvas-wrap{position:absolute;inset:0;touch-action:none}.home-graph{position:relative;height:100%}.home-graph .graph-canvas-wrap{touch-action:pan-y}.home-graph .graph-canvas-wrap canvas{cursor:pointer}.home-graph-error{position:absolute;inset:0;display:grid;place-content:center;margin:0;color:var(--color-text-muted);font-size:var(--text-sm)}.graph-tooltip{position:absolute;top:0;left:0;opacity:0;pointer-events:none;background:var(--color-surface-raised);border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);color:var(--color-text);font-size:var(--text-xs);font-weight:600;padding:.2em .6em;white-space:nowrap;transition:opacity .1s ease;z-index:6}.graph-toolbar{position:absolute;top:var(--space-3);left:var(--space-3);right:var(--space-3);display:flex;align-items:flex-start;gap:var(--space-3);flex-wrap:wrap;z-index:5;pointer-events:none}.graph-toolbar>*{pointer-events:auto}.graph-toolbar .btn.is-active{background:var(--color-accent);color:#fff}.btn-icon{width:1.05em;height:1.05em;flex:none;vertical-align:-.15em;margin-right:.4em}.graph-status{position:absolute;left:var(--space-3);bottom:var(--space-3);display:inline-flex;align-items:center;gap:var(--space-2);background:var(--color-surface-raised);border:1px solid var(--color-torch-dim);border-radius:var(--radius-full);color:var(--color-text);font-size:var(--text-sm);font-weight:600;padding:var(--space-1) var(--space-3);z-index:5}.graph-shell.is-mobile .graph-status{bottom:calc(var(--space-3) + 3.6rem)}.graph-status button{border:none;background:none;color:var(--color-text-muted);font-size:1.1em;line-height:1;cursor:pointer;padding:0 var(--space-1)}.graph-loading{position:absolute;inset:0;display:grid;place-content:center;margin:0;color:var(--color-text-muted);font-size:var(--text-sm);pointer-events:none;z-index:4}.graph-error{color:var(--color-danger)}.search-picker{position:relative;min-width:16rem}.search-picker input{width:100%;background:var(--color-surface-raised);border:1px solid var(--color-border-strong);border-radius:var(--radius-full);color:var(--color-text);font:inherit;font-size:var(--text-sm);padding:var(--space-2) var(--space-4);min-height:2.5rem}.search-picker input::placeholder{color:var(--color-text-faint)}.search-picker-results{position:absolute;top:calc(100% + var(--space-1));left:0;right:0;list-style:none;margin:0;padding:var(--space-1);background:var(--color-surface);border:1px solid var(--color-border-strong);border-radius:var(--radius-md);box-shadow:var(--shadow-pop);max-height:18rem;overflow-y:auto;z-index:20}.search-picker-results button{display:flex;justify-content:space-between;align-items:baseline;gap:var(--space-3);width:100%;border:none;background:none;color:var(--color-text);font:inherit;font-size:var(--text-sm);text-align:left;padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);cursor:pointer;min-height:2.5rem}.search-picker-results button.is-active{background:var(--color-surface-raised)}.search-picker-meta{color:var(--color-text-faint);font-size:var(--text-xs);white-space:nowrap}.bottom-sheet .search-picker-results{position:static;box-shadow:none;margin-top:var(--space-2)}.filter-bar{display:flex;align-items:center;gap:var(--space-4);flex-wrap:wrap}.filter-group{border:none;margin:0;padding:0}.filter-group legend{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}.filter-segments{display:inline-flex;background:var(--color-surface-raised);border:1px solid var(--color-border-strong);border-radius:var(--radius-full);padding:2px}.filter-segments button{border:none;background:none;color:var(--color-text-muted);font:inherit;font-size:var(--text-xs);font-weight:700;padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);cursor:pointer;min-height:2rem;white-space:nowrap}.filter-segments button.is-active{background:var(--color-accent);color:#fff}.filter-toggle{display:inline-flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--color-text-muted);cursor:pointer;min-height:2.5rem}.filter-toggle input{accent-color:var(--color-torch);width:1.1rem;height:1.1rem}.bottom-sheet .filter-bar{flex-direction:column;align-items:flex-start}.graph-side{position:absolute;top:5rem;right:var(--space-3);width:min(22rem,40%);max-height:calc(100% - 6.5rem);overflow-y:auto;display:grid;gap:var(--space-3);z-index:5}.graph-side-section{background:color-mix(in srgb,var(--color-surface) 94%,transparent);backdrop-filter:blur(6px);border:1px solid var(--color-border-strong);border-radius:var(--radius-md);padding:var(--space-4);box-shadow:var(--shadow-card)}.path-finder-hint{color:var(--color-text-muted);font-size:var(--text-xs);margin-bottom:var(--space-3)}.path-finder-pickers{display:flex;flex-direction:column;gap:var(--space-2)}.path-finder-pickers .search-picker{min-width:0}.path-finder-arrow{color:var(--color-text-faint);text-align:center;line-height:.6}.path-finder-empty{color:var(--color-text-muted);font-size:var(--text-sm);margin-top:var(--space-3)}.path-finder-summary{margin:var(--space-3) 0 var(--space-2);font-size:var(--text-sm)}.path-chain{list-style:none;margin:0;padding:0;display:grid;gap:var(--space-1)}.path-chain-link{display:block;width:2px;height:.7rem;border-radius:1px;background:var(--color-accent-border);margin:2px 0 2px var(--space-4)}.path-chain-node{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-3);background:var(--color-surface-raised);border-radius:var(--radius-sm);padding:var(--space-2) var(--space-3)}.path-chain-focus{border:none;background:none;color:var(--color-text);font:inherit;font-size:var(--text-sm);font-weight:600;text-align:left;cursor:pointer;padding:0}.path-chain-focus:hover{color:var(--color-torch-bright)}.path-chain-profile{font-size:var(--text-xs);white-space:nowrap}.path-finder-actions{display:flex;gap:var(--space-2);flex-wrap:wrap;margin-top:var(--space-3)}.btn-plain{border:none;background:none;color:var(--color-text-faint);font:inherit;font-size:var(--text-sm);cursor:pointer;padding:var(--space-2) var(--space-3);min-height:2.5rem}.btn-plain:hover{color:var(--color-text)}.node-panel-head{display:flex;align-items:flex-start;gap:var(--space-3)}.node-panel-head>div{flex:1;min-width:0}.node-portrait{width:3.5rem;height:3.5rem;border-radius:var(--radius-md);object-fit:cover;flex-shrink:0}.node-panel-name{font-size:var(--text-lg);margin:0 0 var(--space-1)}.node-panel-badges{display:flex;gap:var(--space-2);flex-wrap:wrap;margin:0}.node-panel-close{border:none;background:none;color:var(--color-text-faint);font-size:1.4rem;line-height:1;cursor:pointer;padding:var(--space-1) var(--space-2);margin:calc(-1 * var(--space-1)) calc(-1 * var(--space-1)) 0 0}.node-panel-close:hover{color:var(--color-text)}.node-panel-meta{color:var(--color-text-muted);font-size:var(--text-sm);margin:var(--space-3) 0}.node-panel-connections h3{font-size:var(--text-xs);letter-spacing:0;color:var(--color-text-faint);margin:0 0 var(--space-2)}.node-panel-connections ul{list-style:none;margin:0 0 var(--space-3);padding:0;display:grid;gap:var(--space-1)}.node-panel-connections li{display:flex;justify-content:space-between;align-items:baseline;gap:var(--space-3)}.node-connection{border:none;background:none;color:var(--color-torch);font:inherit;font-size:var(--text-sm);text-align:left;cursor:pointer;padding:var(--space-1) 0}.node-connection:hover{color:var(--color-torch-bright);text-decoration:underline}.node-connection-meta{color:var(--color-text-faint);font-size:var(--text-xs);white-space:nowrap}.node-panel-ctas{display:flex;gap:var(--space-2);flex-wrap:wrap}.node-panel-hint{color:var(--color-text-faint);font-size:var(--text-xs);margin:var(--space-2) 0 0}.bottom-bar{position:absolute;left:var(--space-3);right:var(--space-3);bottom:var(--space-3);display:flex;gap:var(--space-1);background:color-mix(in srgb,var(--color-surface) 94%,transparent);backdrop-filter:blur(8px);border:1px solid var(--color-border-strong);border-radius:var(--radius-full);padding:var(--space-1);z-index:8;box-shadow:var(--shadow-pop)}.bottom-bar button{flex:1;display:flex;align-items:center;justify-content:center;gap:var(--space-2);border:none;background:none;color:var(--color-text-muted);font:inherit;font-size:var(--text-sm);font-weight:700;min-height:2.75rem;border-radius:var(--radius-full);cursor:pointer}.bottom-bar button.is-active{background:var(--color-accent);color:#fff}.bottom-bar-icon{display:inline-flex;width:1.15em;height:1.15em}.bottom-bar-icon svg{width:100%;height:100%}.bottom-sheet{position:absolute;left:0;right:0;bottom:0;max-height:70%;display:flex;flex-direction:column;background:var(--color-surface);border-top:1px solid var(--color-border-strong);border-radius:var(--radius-lg) var(--radius-lg) 0 0;box-shadow:var(--shadow-pop);z-index:9;animation:sheet-in .18s ease-out}@keyframes sheet-in{0%{transform:translateY(30%);opacity:.5}to{transform:translateY(0);opacity:1}}.bottom-sheet-grip{width:2.5rem;height:.28rem;border-radius:var(--radius-full);background:var(--color-border-strong);margin:var(--space-2) auto 0}.bottom-sheet-head{display:flex;align-items:center;justify-content:space-between;padding:var(--space-1) var(--space-4)}.bottom-sheet-title{font-size:var(--text-base);margin:0}.bottom-sheet-close{border:none;background:none;color:var(--color-text-faint);font-size:1.5rem;line-height:1;cursor:pointer;padding:var(--space-2);min-width:2.75rem;min-height:2.75rem}.bottom-sheet-body{padding:0 var(--space-4) calc(var(--space-4) + env(safe-area-inset-bottom,0px));overflow-y:auto;-webkit-overflow-scrolling:touch}