*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #080a10;--surface: #0f1118;--border: rgba(255,255,255,.07);--border-hi: rgba(255,255,255,.15);--text: #e2e8f0;--muted: #64748b;--faint: #334155;--accent: #7c6ff7;--accent-hi: #a78bfa;--font-sans: "DM Sans", system-ui, sans-serif;--font-mono: "DM Mono", "Fira Code", monospace;--header-h: 56px;--nav-h: 44px;--panel-w: 240px}#app.panel-collapsed{grid-template-columns:1fr 0px}#app.panel-collapsed #controls-panel{transform:translate(100%);pointer-events:none}#app{transition:grid-template-columns .25s ease}#controls-panel{transition:transform .25s ease}html,body{height:100%;overflow:hidden;background:var(--bg);color:var(--text)}body{font-family:var(--font-sans);font-size:13px}#app{display:grid;grid-template-rows:var(--header-h) var(--nav-h) 1fr;grid-template-columns:1fr var(--panel-w);grid-template-areas:"header header" "nav nav" "canvas panel";height:100vh}#header{grid-area:header;border-bottom:1px solid var(--border);background:var(--surface);z-index:20}.header-inner{display:flex;align-items:center;justify-content:space-between;height:100%;padding:0 16px;gap:12px}.header-title{display:flex;align-items:baseline;gap:10px;flex-shrink:0}.title-main{font-family:var(--font-mono);font-weight:500;font-size:14px;color:var(--text)}.title-sub{font-size:11px;color:var(--muted);font-family:var(--font-mono)}.header-right{display:flex;align-items:center;gap:12px;flex:1;justify-content:flex-end}.made-by{font-size:11px;color:var(--muted);font-family:var(--font-mono)}.made-by a{color:#d2691e;text-decoration:none}.search-wrap{position:relative;display:flex;align-items:center;background:var(--bg);border:1px solid var(--border-hi);border-radius:8px;padding:0 10px;height:32px;width:220px;flex-shrink:0;transition:border-color .15s}.search-wrap:focus-within{border-color:var(--accent)}.search-icon{width:14px;height:14px;color:var(--muted);flex-shrink:0}#search-input{flex:1;border:none;background:transparent;outline:none;color:var(--text);font-family:var(--font-mono);font-size:12px;padding:0 8px}#search-input::placeholder{color:var(--muted)}#search-clear{background:none;border:none;padding:0;cursor:pointer;color:var(--muted);display:flex;align-items:center}#search-clear:hover{color:var(--text)}#search-clear svg{width:13px;height:13px}#search-results{position:fixed;width:240px;background:var(--surface);border:1px solid var(--border-hi);border-radius:8px;overflow:hidden;z-index:200;box-shadow:0 8px 32px #00000080;max-height:320px;overflow-y:auto}#search-results[hidden]{display:none}.sr-item{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;cursor:pointer;gap:8px;font-family:var(--font-mono);font-size:11px;color:var(--text);transition:background .1s}.sr-item:hover,.sr-item.active{background:#7c6ff726}.sr-item-name{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sr-item-deg{color:var(--muted);font-size:10px;flex-shrink:0}.sr-empty{padding:10px 12px;font-size:11px;color:var(--muted);font-family:var(--font-mono)}.node-info{display:flex;align-items:baseline;gap:8px;font-family:var(--font-mono)}.node-name{font-size:12px;color:var(--text);max-width:200px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.node-meta{font-size:11px;color:var(--muted)}.loading-badge{display:flex;align-items:center;gap:6px;font-size:11px;font-family:var(--font-mono);color:var(--muted);padding:4px 10px;border:1px solid var(--border);border-radius:20px;background:var(--surface);transition:opacity .4s;flex-shrink:0}.loading-badge.hidden{opacity:0;pointer-events:none}.loading-dot{width:6px;height:6px;border-radius:50%;background:var(--accent);animation:pulse 1.2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.7)}}#layout-nav{grid-area:nav;display:flex;align-items:center;gap:2px;padding:0 16px;border-bottom:1px solid var(--border);background:var(--surface);overflow-x:auto;scrollbar-width:none;z-index:10}#layout-nav::-webkit-scrollbar{display:none}.layout-btn{flex-shrink:0;height:28px;padding:0 14px;background:transparent;border:1px solid transparent;border-radius:6px;color:var(--muted);font-family:var(--font-mono);font-size:11px;cursor:pointer;transition:color .15s,background .15s,border-color .15s;white-space:nowrap}.layout-btn:hover{color:var(--text);background:#ffffff0a}.layout-btn.active{color:var(--accent-hi);background:#7c6ff71f;border-color:#7c6ff74d}#canvas-wrap{grid-area:canvas;position:relative;overflow:hidden;background:var(--bg)}#graph-container{width:100%;height:100%}#graph-container canvas{display:block!important;width:100%!important;height:100%!important}#controls-panel{grid-area:panel;border-left:1px solid var(--border);background:var(--surface);padding:16px 14px;display:flex;flex-direction:column;gap:14px;overflow-y:auto}.control-section-label{font-size:10px;font-family:var(--font-mono);color:var(--accent-hi);text-transform:uppercase;letter-spacing:.08em;padding-top:10px;border-top:.5px solid var(--border)}.control-section-label:first-child{border-top:none;padding-top:0}.sim-btns{display:flex;flex-direction:column;gap:5px}.sim-btn{width:100%;padding:6px 10px;text-align:left;background:#ffffff0a;border:1px solid var(--border-hi);border-radius:6px;color:var(--muted);font-family:var(--font-mono);font-size:11px;cursor:pointer;transition:color .15s,background .15s}.sim-btn:hover{background:#ffffff17;color:var(--text)}.sim-btn.active{color:var(--accent-hi);border-color:var(--accent);background:#7c6ff71a}.control-row{display:flex;flex-direction:column;gap:5px}.control-row label{font-size:10px;font-family:var(--font-mono);color:var(--muted);text-transform:uppercase;letter-spacing:.06em}.control-row input[type=range]{width:100%;-webkit-appearance:none;-moz-appearance:none;appearance:none;height:3px;border-radius:2px;background:var(--faint);outline:none;cursor:pointer}.control-row input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:14px;height:14px;border-radius:50%;background:var(--accent);border:2px solid var(--bg);cursor:pointer;transition:background .15s}.control-row input[type=range]:hover::-webkit-slider-thumb{background:var(--accent-hi)}.val{font-family:var(--font-mono);font-size:11px;color:var(--text);align-self:flex-end}.control-row select{background:var(--bg);border:1px solid var(--border-hi);border-radius:6px;color:var(--text);font-family:var(--font-mono);font-size:11px;padding:5px 8px;cursor:pointer;outline:none}.control-row select:focus{border-color:var(--accent)}.toggle-row{flex-direction:row;align-items:center;justify-content:space-between}.toggle-btn{flex-shrink:0;width:52px;height:24px;border-radius:12px;border:1px solid var(--border-hi);background:var(--faint);color:var(--muted);font-family:var(--font-mono);font-size:10px;cursor:pointer;transition:background .2s,color .2s,border-color .2s}.toggle-btn.on{background:#7c6ff740;border-color:var(--accent);color:var(--accent-hi)}#btn-reset{margin-top:auto;padding:8px 0;background:transparent;border:1px solid var(--border-hi);border-radius:6px;color:var(--muted);font-family:var(--font-mono);font-size:11px;cursor:pointer;transition:color .15s,border-color .15s}#btn-reset:hover{color:var(--text);border-color:var(--accent)}#legend{position:absolute;bottom:20px;left:20px;display:flex;flex-direction:column;gap:6px;pointer-events:none}.legend-item{display:flex;align-items:center;gap:8px;font-family:var(--font-mono);font-size:10px;color:var(--muted)}.legend-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}#node-tooltip{position:absolute;pointer-events:none;display:none;max-width:240px;background:#090b11f0;border:.5px solid rgba(255,255,255,.14);border-radius:8px;padding:10px 13px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:10;box-shadow:0 4px 24px #0006}#node-tooltip.visible{display:block}.tt-name{font-family:var(--font-mono);font-size:12px;font-weight:500;color:#e2e8f0;margin-bottom:3px;line-height:1.3}.tt-meta{font-size:10px;color:var(--muted);font-family:var(--font-mono);margin-bottom:7px}.tt-neighbors{font-size:11px;color:#94a3b8;line-height:1.55}.tt-neighbors .nb-label{font-size:9px;font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin-bottom:3px}@media (max-width: 600px){:root{--panel-w: 0px}#controls-panel{display:none}#app{grid-template-columns:1fr;grid-template-areas:"header" "nav" "canvas"}.search-wrap{width:160px}}.filter-wrap{position:relative;flex-shrink:0}.filter-btn{display:flex;align-items:center;gap:8px;height:32px;padding:0 10px;background:var(--bg);border:1px solid var(--border-hi);border-radius:8px;color:var(--text);font-family:var(--font-mono);font-size:11px;cursor:pointer;transition:border-color .15s;max-width:200px}.filter-btn:hover,.filter-btn[aria-expanded=true]{border-color:var(--accent)}.filter-btn svg{width:13px;height:13px;flex-shrink:0;color:var(--muted)}.filter-btn.active{border-color:var(--accent);color:var(--accent-hi)}.filter-btn.active svg{color:var(--accent-hi)}#filter-label{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:130px}.filter-caret{transition:transform .2s}.filter-btn[aria-expanded=true] .filter-caret{transform:rotate(180deg)}#filter-panel{position:fixed;width:260px;background:var(--surface);border:1px solid var(--border-hi);border-radius:8px;overflow:hidden;z-index:200;box-shadow:0 8px 32px #00000080;max-height:380px;display:flex;flex-direction:column}#filter-panel[hidden]{display:none}#filter-search{background:var(--bg);border:none;border-bottom:1px solid var(--border);padding:8px 12px;color:var(--text);font-family:var(--font-mono);font-size:11px;outline:none}#filter-list{overflow-y:auto;flex:1}.f-item{display:flex;align-items:center;justify-content:space-between;padding:7px 12px;cursor:pointer;gap:8px;font-family:var(--font-mono);font-size:11px;color:var(--text);transition:background .1s;border-bottom:.5px solid rgba(255,255,255,.03)}.f-item:hover{background:#7c6ff71f}.f-item.selected{background:#7c6ff733;color:var(--accent-hi)}.f-item.all{border-bottom:1px solid var(--border);font-weight:500}.f-name{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.f-count{color:var(--muted);font-size:10px;flex-shrink:0}.f-cent{color:var(--muted);font-size:9px;opacity:.7;margin-right:4px}.discipline-wrap{position:relative;flex-shrink:0}.disc-btn{display:flex;align-items:center;gap:8px;height:32px;padding:0 10px;background:var(--bg);border:1px solid var(--border-hi);border-radius:8px;color:var(--text);font-family:var(--font-mono);font-size:11px;cursor:pointer;transition:border-color .15s;max-width:180px}.disc-btn:hover,.disc-btn[aria-expanded=true]{border-color:var(--accent)}.disc-btn svg{width:13px;height:13px;flex-shrink:0;color:var(--muted)}.disc-btn.active{border-color:var(--accent);color:var(--accent-hi)}.disc-btn.active svg{color:var(--accent-hi)}#disc-label{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:110px}.disc-caret{transition:transform .2s}.disc-btn[aria-expanded=true] .disc-caret{transform:rotate(180deg)}#disc-panel{position:fixed;width:200px;background:var(--surface);border:1px solid var(--border-hi);border-radius:8px;overflow:hidden;z-index:200;box-shadow:0 8px 32px #00000080}#disc-panel[hidden]{display:none}.d-item{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;cursor:pointer;gap:8px;font-family:var(--font-mono);font-size:11px;color:var(--text);transition:background .1s}.d-item:hover{background:#7c6ff71f}.d-item.selected{background:#7c6ff733;color:var(--accent-hi)}.d-name{flex:1}.d-count{color:var(--muted);font-size:10px;flex-shrink:0}#panel-toggle{position:absolute;top:12px;right:12px;width:28px;height:28px;background:#0f1118d9;border:1px solid var(--border-hi);border-radius:6px;color:var(--muted);cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:20;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);transition:color .15s,border-color .15s,background .15s}#panel-toggle:hover{color:var(--text);border-color:var(--accent)}#panel-toggle svg{width:11px;height:11px;transition:transform .25s ease}#app:not(.panel-collapsed) #panel-toggle svg{transform:rotate(0)}#app.panel-collapsed #panel-toggle svg{transform:rotate(180deg)}.control-section-label.first{border-top:none;padding-top:0;margin-top:0}#controls-panel .search-wrap,#controls-panel .discipline-wrap,#controls-panel .filter-wrap{width:100%}#controls-panel .search-wrap,#controls-panel .disc-btn,#controls-panel .filter-btn{width:100%;max-width:100%}#controls-panel .disc-btn,#controls-panel .filter-btn{justify-content:space-between}#controls-panel #disc-label,#controls-panel #filter-label{max-width:none;flex:1;text-align:left}