.graph-canvas{position:relative}.graph-canvas canvas{display:block}.toolbar{display:flex;align-items:center;gap:16px;padding:8px 16px;background:#14100c;color:#e8dcc8;border-bottom:1px solid #3a2f22}.toolbar h1{font-size:18px;margin:0;color:#d4af37}.sidebar{width:280px;background:#1f1a14;color:#e8dcc8;border-right:1px solid #3a2f22;padding:12px;overflow-y:auto;display:flex;flex-direction:column;gap:12px}.search-results{list-style:none;margin:0;padding:0}.search-results button{background:none;border:none;color:#e8dcc8;cursor:pointer}.sidebar-footer{margin-top:auto;padding-top:8px;border-top:1px solid #3a2f22;font-size:12px;color:#c9bda6}.sidebar-footer .sidebar-attribution{display:block;margin-top:4px;font-size:10px;color:#8f8470;line-height:1.4}.node-panel{width:300px;background:#1f1a14;color:#e8dcc8;border-left:1px solid #3a2f22;padding:12px;overflow-y:auto}.node-panel a{color:#d4af37}.node-panel .badge.untradable{color:#e67e22;font-weight:700}html,body,#root{height:100%;margin:0}.app{height:100%;display:flex;flex-direction:column;position:relative;background:#14100c;color:#e8dcc8}.app-loading{padding:16px}.app-content{display:flex;flex:1;min-height:0}.app-banner{padding:2px 16px;color:#8a7a6a;font-size:12px;background:#14100c}.app-legend{position:absolute;top:52px;right:16px;background:#1f1a14;color:#e8dcc8;border:1px solid #3a2f22;padding:8px}.legend-item{display:flex;align-items:center;gap:6px}.legend-swatch{width:12px;height:12px}