@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";*{box-sizing:border-box;margin:0;padding:0}:root{--bg-primary:#0a0a0f;--bg-secondary:#12121a;--bg-card:#1a1a28;--bg-hover:#22223a;--text-primary:#e8e8f0;--text-secondary:#8888a0;--text-muted:#555570;--accent:#6366f1;--accent-light:#818cf8;--border:#2a2a40;--success:#4ade80;--warning:#fbbf24;--danger:#f87171}html,body,#root{width:100%;height:100%;overflow:hidden}body{background:var(--bg-primary);color:var(--text-primary);font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif}.loading-screen{background:var(--bg-primary);justify-content:center;align-items:center;height:100vh;display:flex}.loading-content{flex-direction:column;align-items:center;gap:20px;display:flex}.loading-logo{width:80px;height:80px;position:relative}.loading-orbit{width:100%;height:100%;animation:3s linear infinite spin;position:relative}.loading-particle{border-radius:50%;position:absolute}.loading-particle.p1{background:var(--accent);width:12px;height:12px;box-shadow:0 0 12px var(--accent);top:0;left:50%;transform:translate(-50%)}.loading-particle.p2{background:#4caf50;width:8px;height:8px;animation:1.5s ease-in-out .3s infinite pulse;bottom:8px;left:8px;box-shadow:0 0 10px #4caf50}.loading-particle.p3{background:#ff9800;width:10px;height:10px;animation:1.5s ease-in-out .6s infinite pulse;bottom:8px;right:8px;box-shadow:0 0 10px #ff9800}.loading-title{background:linear-gradient(135deg, var(--accent-light), #a78bfa);-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-size:22px;font-weight:700}.loading-subtitle{color:var(--text-muted);font-size:13px}.loading-bar{background:var(--border);border-radius:2px;width:200px;height:3px;overflow:hidden}.loading-bar-fill{background:linear-gradient(90deg, var(--accent), var(--accent-light));border-radius:2px;width:40%;height:100%;animation:1.2s ease-in-out infinite loadingSlide}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:.5;transform:scale(.8)}50%{opacity:1;transform:scale(1.2)}}@keyframes loadingSlide{0%{transform:translate(-100%)}to{transform:translate(400%)}}.graph-loading{z-index:10;background:var(--bg-primary);justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.graph-loading-content{flex-direction:column;align-items:center;gap:16px;display:flex}.graph-loading-rings{width:64px;height:64px;position:relative}.ring{border:2px solid #0000;border-radius:50%;position:absolute}.ring-1{border-top-color:var(--accent);animation:1s linear infinite spin;inset:0}.ring-2{border-right-color:#4caf50;animation:1.5s linear infinite reverse spin;inset:8px}.ring-3{border-bottom-color:#ff9800;animation:2s linear infinite spin;inset:16px}.ring-dot{background:var(--accent-light);width:6px;height:6px;box-shadow:0 0 8px var(--accent);border-radius:50%;animation:1s ease-in-out infinite pulse;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.graph-loading-text{color:var(--text-secondary);font-size:13px;font-weight:500}.graph-loading-stats{color:var(--text-muted);gap:6px;font-size:12px;display:flex}.loading-divider{color:var(--border)}.sigma-container{opacity:0;background:#0a0a0f;transition:opacity .6s ease-out;position:absolute;inset:0}.sigma-container.visible{opacity:1}.graph-search{z-index:5;width:360px;position:absolute;top:16px;left:50%;transform:translate(-50%)}.graph-search-input-wrap{align-items:center;display:flex;position:relative}.graph-search-icon{color:var(--text-muted);pointer-events:none;position:absolute;left:12px}.graph-search-input{border:1px solid var(--border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);width:100%;color:var(--text-primary);background:#12121ae6;border-radius:10px;outline:none;padding:10px 36px;font-family:inherit;font-size:14px;transition:border-color .2s,box-shadow .2s}.graph-search-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px #6366f126}.graph-search-input::placeholder{color:var(--text-muted)}.graph-search-clear{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:4px;padding:4px 6px;font-size:18px;line-height:1;transition:color .15s;position:absolute;right:8px}.graph-search-clear:hover{color:var(--text-primary)}.graph-search-results{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--border);background:#12121af2;border-radius:10px;max-height:360px;margin-top:4px;list-style:none;overflow:hidden auto;box-shadow:0 8px 32px #0006}.graph-search-result{cursor:pointer;border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:10px 14px;transition:background .1s;display:flex}.graph-search-result:last-child{border-bottom:none}.graph-search-result:hover,.graph-search-result.active{background:var(--bg-hover)}.gsr-label{color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;flex:1;margin-right:10px;font-size:13px;overflow:hidden}.gsr-meta{flex-shrink:0;align-items:center;gap:8px;display:flex}.gsr-type{color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;max-width:80px;font-size:10px;overflow:hidden}.gsr-degree{color:var(--accent-light);text-align:right;min-width:20px;font-size:11px;font-weight:600}.graph-search-empty{text-align:center;color:var(--text-muted);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--border);background:#12121af2;border-radius:10px;margin-top:4px;padding:14px;font-size:13px}.error-screen{height:100vh;color:var(--danger);justify-content:center;align-items:center;font-size:18px;display:flex}.app{flex-direction:column;width:100vw;height:100vh;display:flex}.app-header{background:var(--bg-secondary);border-bottom:1px solid var(--border);flex-shrink:0;justify-content:space-between;align-items:center;padding:12px 24px;display:flex}.header-left{align-items:baseline;gap:16px;display:flex}.app-header h1{background:linear-gradient(135deg, var(--accent-light), #a78bfa);-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-size:20px;font-weight:700}.header-subtitle{color:var(--text-secondary);font-size:13px}.app-body{flex:1;display:flex;overflow:hidden}.sidebar{background:var(--bg-secondary);border-right:1px solid var(--border);flex-shrink:0;width:320px;padding:16px;overflow-y:auto}.right-sidebar{border-right:none;border-left:1px solid var(--border)}.sidebar::-webkit-scrollbar{width:6px}.sidebar::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}.graph-area{flex:1;min-width:0;position:relative;overflow:hidden}.legend{margin-bottom:20px}.legend-header{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.legend h3{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;font-size:13px;font-weight:600}.legend-toggle-all{border:1px solid var(--border);background:var(--bg-card);color:var(--text-secondary);cursor:pointer;border-radius:4px;padding:3px 8px;font-size:11px;transition:all .15s}.legend-toggle-all:hover{background:var(--bg-hover);color:var(--text-primary)}.legend-items{flex-direction:column;gap:6px;display:flex}.legend-item{cursor:pointer;border-radius:4px;align-items:center;gap:8px;padding:3px 6px;transition:all .15s;display:flex}.legend-item:hover{background:var(--bg-hover)}.legend-item.inactive{opacity:.35}.legend-dot{border-radius:50%;flex-shrink:0;width:10px;height:10px}.legend-text{color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.community-selector{margin-bottom:20px}.community-selector h3{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:10px;font-size:13px;font-weight:600}.community-buttons{flex-wrap:wrap;gap:4px;display:flex}.community-buttons button{border:1px solid var(--border);background:var(--bg-card);color:var(--text-secondary);cursor:pointer;border-radius:6px;padding:4px 10px;font-size:11px;transition:all .15s}.community-buttons button:hover{background:var(--bg-hover);color:var(--text-primary)}.community-buttons button.active{background:var(--accent);color:#fff;border-color:var(--accent)}.node-detail{margin-top:16px}.node-detail.empty{color:var(--text-muted);text-align:center;padding:20px 0;font-size:13px}.node-detail.active{background:var(--bg-card);border:1px solid var(--border);border-radius:8px;padding:14px}.node-detail-header{justify-content:space-between;align-items:flex-start;margin-bottom:8px;display:flex}.node-close{color:var(--text-muted);cursor:pointer;background:0 0;border:none;padding:0 4px;font-size:20px;line-height:1;transition:color .15s}.node-close:hover{color:var(--text-primary)}.node-detail h3{margin-bottom:0;font-size:15px;font-weight:600;line-height:1.3}.node-meta{flex-wrap:wrap;gap:6px;margin-bottom:12px;display:flex}.tag{background:var(--bg-card);border:1px solid var(--border);color:var(--text-secondary);border-radius:4px;padding:3px 8px;font-size:11px}.node-detail h4{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:8px;font-size:12px;font-weight:600}.neighbor-list{max-height:400px;list-style:none;overflow-y:auto}.neighbor-list li{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:6px 4px;font-size:12px;display:flex}.neighbor-row{cursor:pointer;border-radius:4px;transition:background .15s}.neighbor-row:hover{background:var(--bg-hover)}.neighbor-type{color:var(--text-muted);flex-shrink:0;margin:0 8px;font-size:10px}.type-tag{color:var(--accent-light);background:#6366f11f;border-color:#6366f14d}.degree-tag{color:var(--success);background:#4ade801f;border-color:#4ade804d}.neighbor-name{color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;flex:1;margin-right:8px;overflow:hidden}.neighbor-degree{color:var(--text-muted);flex-shrink:0;font-size:11px}.tab-bar{background:var(--bg-card);border-radius:8px;gap:2px;margin-bottom:16px;padding:3px;display:flex}.tab-bar button{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:6px;flex:1;padding:8px;font-size:12px;font-weight:500;transition:all .15s}.tab-bar button:hover{color:var(--text-primary)}.tab-bar button.active{background:var(--accent);color:#fff}.tab-content{max-height:calc(100vh - 140px);overflow-y:auto}.metrics-panel h2{margin-bottom:2px;font-size:18px;font-weight:700}.metrics-panel .subtitle{color:var(--text-muted);margin-bottom:16px;font-size:12px}.metrics-grid{grid-template-columns:1fr 1fr 1fr;gap:8px;margin-bottom:20px;display:grid}.metric-card{background:var(--bg-card);border:1px solid var(--border);text-align:center;border-radius:8px;flex-direction:column;align-items:center;padding:10px;display:flex}.metric-card.highlight{border-color:var(--accent);background:#6366f114}.metric-value{color:var(--text-primary);font-size:18px;font-weight:700}.metric-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.03em;margin-top:2px;font-size:10px}.scale-free-section{margin-bottom:16px}.scale-free-section h3{margin-bottom:10px;font-size:14px;font-weight:600}.sf-indicator{margin-bottom:10px}.badge{border-radius:20px;padding:6px 14px;font-size:12px;font-weight:600}.badge.scale-free{color:var(--success);background:#4ade8026;border:1px solid #4ade804d}.badge.not-scale-free{color:var(--warning);background:#fbbf2426;border:1px solid #fbbf244d}.sf-details{background:var(--bg-card);border:1px solid var(--border);border-radius:8px;padding:12px}.sf-row{justify-content:space-between;align-items:center;padding:4px 0;font-size:13px;display:flex}.sf-row span{color:var(--text-secondary)}.sf-row strong{color:var(--accent-light)}.sf-note{color:var(--text-muted);margin-top:10px;font-size:11px;line-height:1.5}.top-connected{background:var(--bg-card);border:1px solid var(--border);border-radius:8px;padding:12px}.top-connected>strong{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.04em;font-size:11px}.top-connected-list{flex-direction:column;gap:2px;margin-top:10px;list-style:none;display:flex}.top-connected-item{cursor:pointer;border-radius:6px;align-items:center;gap:8px;padding:6px 8px;transition:background .15s;display:flex}.top-connected-item:hover{background:var(--bg-hover)}.tc-rank{width:18px;height:18px;color:var(--accent-light);background:#6366f126;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:10px;font-weight:700;display:flex}.tc-name{color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:12px;overflow:hidden}.tc-degree{color:var(--accent-light);flex-shrink:0;font-size:11px;font-weight:600}.hubs-table{font-size:13px}.hubs-table h3{margin-bottom:6px;font-size:14px;font-weight:600}.hubs-note{color:var(--text-muted);margin-bottom:12px;font-size:11px;line-height:1.5}.hubs-table table{border-collapse:collapse;width:100%}.hubs-table th{text-align:left;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--border);padding:6px 8px;font-size:10px;font-weight:600}.hubs-table td{border-bottom:1px solid var(--border);padding:6px 8px;font-size:12px}.clickable-row{cursor:pointer;transition:background .15s}.clickable-row:hover{background:var(--bg-hover)}.chart-container{background:var(--bg-card);border:1px solid var(--border);border-radius:8px;overflow:hidden}.chart-container canvas{display:block}