body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background-color:#0f172a;color:#e2e8f0;overflow:hidden;margin:0}#graph-container{width:100vw;height:100vh;position:absolute;top:0;left:0;z-index:1}.node circle{stroke:#fff;stroke-width:2px;transition:all .3s ease;cursor:pointer}.node:hover circle{stroke:#fcd34d;stroke-width:4px;filter:drop-shadow(0 0 8px rgba(252,211,77,.6))}.node text{font-size:12px;pointer-events:none;text-shadow:2px 2px 4px #000;fill:#e2e8f0}.link{stroke:#475569;stroke-opacity:.6;stroke-width:1.5px}#info-panel{position:absolute;bottom:20px;left:50%;transform:translate(-50%) translateY(120%);width:90%;max-width:600px;background:#1e293bf2;border:1px solid #475569;border-radius:12px;padding:20px;z-index:10;transition:transform .4s cubic-bezier(.16,1,.3,1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 10px 25px -5px #00000080}#info-panel.active{transform:translate(-50%) translateY(0)}.close-btn{position:absolute;top:10px;right:15px;cursor:pointer;font-size:20px;color:#94a3b8}.close-btn:hover{color:#fff}.legend-dot{width:12px;height:12px;border-radius:50%;display:inline-block;margin-right:6px}.link-label{font-size:10px;fill:#94a3b8;background:#0f172a}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.fade-in{animation:fadeIn 1s ease-out forwards}