.render-badge { position:absolute; left:14px; top:14px; z-index:12; padding:7px 10px; border:1px solid rgba(129,140,248,.22); border-radius:8px; background:rgba(8,8,16,.74); backdrop-filter:blur(10px); color:#a5b4fc; font:500 .68rem 'JetBrains Mono',monospace; pointer-events:none; }
.search-results { position:absolute; top:calc(100% + 7px); left:0; right:0; z-index:300; max-height:300px; overflow:auto; border:1px solid var(--glass-border-hover); border-radius:10px; background:rgba(12,12,23,.97); box-shadow:var(--shadow-lg); padding:5px; }
.search-result { width:100%; border:0; border-radius:7px; background:transparent; color:var(--text-primary); text-align:left; padding:8px 9px; cursor:pointer; display:flex; justify-content:space-between; gap:10px; }
.search-result:hover,.search-result:focus { background:var(--accent-dim); outline:none; }
.search-result small { color:var(--text-muted); text-transform:uppercase; font-size:.6rem; }
.graph-tooltip[hidden],.sidebar-content[hidden],.error-overlay[hidden],.search-results[hidden] { display:none !important; }
.graph-tooltip { max-width:280px; pointer-events:none; }
.sidebar-empty-icon { color:var(--accent-light); font-size:42px; opacity:.55; }
.sidebar-header .node-type-badge { display:inline-flex; margin-bottom:10px; }
.node-title { font-size:1.3rem; font-weight:700; line-height:1.25; }
.node-meta { display:flex; flex-wrap:wrap; gap:6px; margin-top:10px; }
.node-meta-item { color:var(--text-muted); font:500 .68rem 'JetBrains Mono',monospace; }
.sidebar-section { margin-bottom:21px; }
.sidebar-section-title { margin-bottom:8px; color:var(--accent-light); font-size:.68rem; letter-spacing:.12em; text-transform:uppercase; font-weight:700; }
.sidebar-copy { color:var(--text-secondary); line-height:1.65; font-size:.84rem; white-space:pre-line; }
.related-list { display:grid; gap:6px; }
.related-node { width:100%; display:flex; align-items:center; justify-content:space-between; gap:8px; border:1px solid transparent; border-radius:8px; background:rgba(255,255,255,.025); color:var(--text-secondary); padding:8px 9px; cursor:pointer; text-align:left; }
.related-node:hover { border-color:var(--glass-border-hover); color:var(--text-primary); background:var(--accent-dim); }
.related-node small { color:var(--text-muted); }
.yt-link { display:flex; align-items:center; justify-content:center; gap:8px; padding:10px 12px; border-radius:9px; background:rgba(239,68,68,.12); border:1px solid rgba(239,68,68,.22); color:#fca5a5; text-decoration:none; font-weight:650; }
.yt-link:hover { background:rgba(239,68,68,.2); }
.galaxy-container { background:radial-gradient(circle at 50% 45%,#10182a 0,#070911 44%,#030407 100%); }
#galaxy-stage { position:absolute; inset:0; }
#galaxy-stage canvas { display:block; width:100%; height:100%; }
#galaxy-webgl-layer { position:absolute; inset:0; z-index:1; }
#galaxy-label-layer { position:absolute; inset:0; z-index:2; pointer-events:none; }
.galaxy-help { position:absolute; left:50%; bottom:16px; transform:translateX(-50%); z-index:10; color:rgba(200,210,230,.46); font:.65rem 'JetBrains Mono',monospace; pointer-events:none; white-space:nowrap; }
.galaxy-page .header-title { background:linear-gradient(135deg,#6ee7b7,#a7f3d0); -webkit-background-clip:text; background-clip:text; }
.galaxy-page { --accent:#10b981; --accent-light:#6ee7b7; --accent-dim:rgba(16,185,129,.13); --glass-border:rgba(16,185,129,.12); --glass-border-hover:rgba(16,185,129,.3); }
.legend-item { cursor:default; }
@media (max-width:1050px) { .header-stats{margin-left:auto}.render-badge{top:8px;left:8px}.galaxy-help{display:none} }
@media (max-width:760px) { .header-stats{display:none}.main-content{grid-template-columns:1fr}.sidebar{position:absolute;right:0;top:0;bottom:0;width:min(88vw,400px);z-index:60;box-shadow:-10px 0 35px rgba(0,0,0,.5)}.sidebar:has(.sidebar-content[hidden]){pointer-events:none;background:transparent;border:0;box-shadow:none}.sidebar-empty{display:none}.timeline-bar{display:none}.header{padding:10px 12px}.header-controls{gap:7px}.slider-group{width:100%}.search-box{max-width:none}.graph-container{min-height:0}.legend{display:none} }