.graph-page{padding-top:var(--space-xl);padding-bottom:0}.graph-header{margin-bottom:var(--space-md)}.graph-header h1{color:var(--primary)}.mod-breadcrumb{font-size:.78rem;margin-bottom:var(--space-sm)}.mod-breadcrumb a{color:var(--text-dim)}.mod-breadcrumb a:hover{color:var(--primary)}.graph-controls{display:flex;justify-content:space-between;align-items:flex-start;padding:0 var(--space-lg);margin-bottom:var(--space-sm);flex-wrap:wrap;gap:var(--space-sm)}.graph-legend{display:flex;flex-wrap:wrap;gap:8px}.graph-legend-item{display:flex;align-items:center;gap:4px;font-size:.65rem;color:var(--text-dim);cursor:pointer;padding:2px 6px;border-radius:4px;transition:background .1s}.graph-legend-item:hover{background:var(--surface2)}.graph-legend-item.active{background:var(--surface2);font-weight:600}.graph-legend-dot{width:8px;height:8px;border-radius:50%}.graph-filter{display:flex;align-items:center;gap:var(--space-sm)}.graph-select{padding:4px 8px;font-size:.78rem;font-family:var(--sans);border:1px solid var(--border);border-radius:6px;background:var(--surface);color:var(--text)}.graph-toggle{display:flex;align-items:center;gap:4px;cursor:pointer;padding:4px 8px;border:1px solid var(--border);border-radius:6px;background:var(--surface)}.graph-toggle input{cursor:pointer}.graph-container{width:100%;height:calc(100vh - 220px);min-height:500px;position:relative;background:var(--bg);border-top:1px solid var(--border)}.graph-loading{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.graph-container svg{display:block}.graph-tooltip{position:absolute;pointer-events:none;background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:8px 12px;box-shadow:0 4px 12px #0000001a;font-size:.8rem;max-width:250px;z-index:10}.graph-tooltip-name{font-family:var(--serif);font-weight:600;font-size:.95rem}.graph-tooltip-sub{color:var(--text-dim);font-size:.75rem;margin-top:2px}@media(max-width:768px){.graph-container{height:calc(100vh - 280px)}.graph-controls{flex-direction:column}}