:root{--bg-primary:#0a0a0f;--bg-panel:#0c0c14e0;--bg-panel-border:#ffffff14;--text-primary:#e0e0e8;--text-muted:#889;--text-accent:#00f0ff;--font-mono:"Share Tech Mono", monospace;--font-display:"Orbitron", sans-serif;--glow-cyan:0 0 12px #00f0ff66;--panel-width:340px;--filter-width:220px;--header-height:48px;--transition-speed:.3s}*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg-primary);color:var(--text-primary);font-family:var(--font-mono);width:100vw;height:100vh;overflow:hidden}body:after{content:"";pointer-events:none;z-index:9999;background:repeating-linear-gradient(0deg,#0000,#0000 2px,#0000000a 2px 4px);position:fixed;inset:0}.header{height:var(--header-height);background:var(--bg-panel);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--bg-panel-border);z-index:100;justify-content:space-between;align-items:center;padding:0 16px;display:flex;position:fixed;top:0;left:0;right:0}.header-title{font-family:var(--font-display);letter-spacing:2px;text-transform:uppercase;color:var(--text-accent);text-shadow:var(--glow-cyan);font-size:14px}.header-stats{color:var(--text-muted);gap:20px;font-size:12px;display:flex}.header-stats .stat-value{color:var(--text-accent);font-weight:700}.header-controls{gap:6px;display:flex}.header-controls button{color:var(--text-primary);font-family:var(--font-mono);cursor:pointer;transition:background var(--transition-speed), border-color var(--transition-speed);background:#ffffff0f;border:1px solid #ffffff1f;border-radius:3px;padding:4px 10px;font-size:12px}.header-controls button:hover{border-color:var(--text-accent);color:var(--text-accent);background:#ffffff1f}.header-controls button.active{border-color:var(--text-accent);color:var(--text-accent);text-shadow:var(--glow-cyan)}.mode-buttons{display:contents}[role=tab]:focus-visible{outline:2px solid var(--text-accent);outline-offset:2px}.header-controls button[disabled]{opacity:.3;cursor:not-allowed}#theme-select,#locale-select{color:var(--text-primary);font-family:var(--font-mono);cursor:pointer;transition:border-color var(--transition-speed);background:#ffffff0f;border:1px solid #ffffff1f;border-radius:3px;outline:none;padding:4px 8px;font-size:12px}#theme-select:hover,#theme-select:focus,#locale-select:hover,#locale-select:focus{border-color:var(--text-accent);color:var(--text-accent)}#theme-select option,#locale-select option{color:var(--text-primary);background:#0a0a0f}#graph-container{top:var(--header-height);width:100vw;height:calc(100vh - var(--header-height));z-index:1;position:fixed;left:0;overflow:hidden}#graph-container:focus{outline:2px solid var(--text-accent);outline-offset:-2px}#graph-container canvas{display:block}.load-error{height:100%;color:var(--text-muted);text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:40px;display:flex}.load-error h2{font-family:var(--font-display);color:#f44;margin-bottom:12px}.load-error code{background:#ffffff14;border-radius:3px;padding:4px 8px;font-size:13px}.load-error .error-detail{color:#666;margin-top:8px;font-size:11px}#loading{top:var(--header-height);background:var(--bg-primary);z-index:30;flex-direction:column;justify-content:center;align-items:center;gap:16px;transition:opacity .4s;display:flex;position:fixed;bottom:0;left:0;right:0}#loading.hidden{opacity:0;pointer-events:none}.spinner{border:3px solid #00f0ff26;border-top-color:var(--text-accent);width:40px;height:40px;box-shadow:var(--glow-cyan);border-radius:50%;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}#loading-text{color:var(--text-muted);font-size:13px}.panel-toggle{top:calc(var(--header-height) + 8px);left:var(--filter-width);z-index:60;background:var(--bg-panel);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--bg-panel-border);color:var(--text-muted);cursor:pointer;transition:left var(--transition-speed), color var(--transition-speed), background var(--transition-speed);border-left:none;border-radius:0 4px 4px 0;padding:6px 4px 6px 2px;font-size:12px;line-height:1;position:fixed}.panel-toggle:hover{color:var(--text-accent);background:#00f0ff0f}.panel-toggle-icon{transition:transform var(--transition-speed);display:inline-block}.panel-toggle.collapsed{left:0}.panel-toggle.collapsed .panel-toggle-icon{transform:rotate(180deg)}.filter-panel{top:var(--header-height);width:var(--filter-width);background:var(--bg-panel);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-right:1px solid var(--bg-panel-border);z-index:50;transition:transform var(--transition-speed);flex-direction:column;padding:8px 0;display:flex;position:fixed;bottom:0;left:0;overflow-y:auto}.filter-panel.collapsed{transform:translate(-100%)}.filter-section{border-bottom:1px solid var(--bg-panel-border)}.filter-section:last-child{border-bottom:none}.filter-section-header{cursor:pointer;width:100%;font-family:var(--font-mono);color:var(--text-primary);transition:background var(--transition-speed);background:0 0;border:none;align-items:center;gap:6px;padding:8px 12px;display:flex}.filter-section-header:hover{background:#ffffff08}.filter-section-chevron{color:var(--text-muted);transition:transform var(--transition-speed);text-align:center;flex-shrink:0;width:14px;font-size:12px}.filter-section-header[aria-expanded=false] .filter-section-chevron{transform:rotate(-90deg)}.filter-section-header h3{font-family:var(--font-display);letter-spacing:1.5px;text-transform:uppercase;color:var(--text-muted);text-align:left;flex:1;margin:0;font-size:11px}.filter-section-count{color:var(--text-accent);margin-right:4px;font-size:10px;font-weight:700}.filter-bulk{flex-shrink:0;gap:4px;display:flex}.filter-bulk button{color:var(--text-muted);font-family:var(--font-mono);cursor:pointer;transition:color var(--transition-speed), border-color var(--transition-speed);background:0 0;border:1px solid #ffffff1a;border-radius:2px;padding:1px 5px;font-size:9px}.filter-bulk button:hover{color:var(--text-accent);border-color:var(--text-accent)}.filter-section-body{max-height:0;transition:max-height .35s;overflow:hidden}.filter-section-body.open{max-height:2000px}.filter-list{flex-direction:column;gap:1px;padding:0 8px 8px;display:flex}.filter-item{cursor:pointer;transition:background var(--transition-speed);border-radius:3px;align-items:center;gap:6px;padding:3px 6px;font-size:11px;display:flex}.filter-item:hover{background:#ffffff0a}.filter-item input[type=checkbox]{accent-color:var(--text-accent);cursor:pointer;flex-shrink:0;width:13px;height:13px}.filter-swatch{border-radius:50%;flex-shrink:0;width:10px;height:10px}.filter-swatch.agent-oct{clip-path:polygon(30% 0%,70% 0%,100% 30%,100% 70%,70% 100%,30% 100%,0% 70%,0% 30%);border-radius:0;width:12px;height:12px}.filter-swatch.team-pent{clip-path:polygon(50% 0%,100% 38%,82% 100%,18% 100%,0% 38%);border-radius:0;width:12px;height:12px}.filter-name{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;flex:1;overflow:hidden}.filter-count{color:var(--text-muted);font-size:10px}.filter-search{width:calc(100% - 16px);color:var(--text-primary);font-family:var(--font-mono);transition:border-color var(--transition-speed);background:#ffffff0a;border:1px solid #ffffff1a;border-radius:3px;outline:none;margin:4px 8px 6px;padding:4px 8px;font-size:11px}.filter-search::placeholder{color:var(--text-muted);opacity:.6}.filter-search:focus{border-color:var(--text-accent)}.filter-domain-group{margin-bottom:1px}.filter-domain-group.hidden{display:none}.filter-domain-header{cursor:pointer;transition:background var(--transition-speed);-webkit-user-select:none;user-select:none;border-radius:3px;align-items:center;gap:4px;padding:3px 6px;font-size:11px;display:flex}.filter-domain-header:hover{background:#ffffff0a}.filter-domain-chevron{color:var(--text-muted);transition:transform var(--transition-speed);text-align:center;flex-shrink:0;width:12px;font-size:9px}.filter-domain-group:not(.expanded) .filter-domain-chevron{transform:rotate(-90deg)}.filter-domain-header input[type=checkbox]{accent-color:var(--text-accent);cursor:pointer;flex-shrink:0;width:13px;height:13px}.filter-domain-name{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;flex:1;overflow:hidden}.filter-domain-count{color:var(--text-muted);flex-shrink:0;font-size:10px}.filter-domain-skills{padding-left:22px;display:none}.filter-domain-group.expanded .filter-domain-skills{display:block}.filter-skill-item{cursor:pointer;transition:background var(--transition-speed);border-radius:3px;align-items:center;gap:6px;padding:2px 6px;font-size:10px;display:flex}.filter-skill-item:hover{background:#ffffff0a}.filter-skill-item.hidden{display:none}.filter-skill-item input[type=checkbox]{accent-color:var(--text-accent);cursor:pointer;flex-shrink:0;width:12px;height:12px}.filter-skill-name{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;opacity:.85;flex:1;overflow:hidden}.tag-label-list{flex-wrap:wrap;gap:3px;max-height:300px;padding:4px 8px 8px;display:flex;overflow-y:auto}.tag-label{font-size:10px;font-family:var(--font-mono);color:var(--text-muted);cursor:pointer;transition:all var(--transition-speed);-webkit-user-select:none;user-select:none;white-space:nowrap;background:#ffffff0f;border:1px solid #0000;border-radius:2px;padding:1px 6px}.tag-label:hover{color:var(--text-primary);background:#ffffff1a}.tag-label.selected{color:var(--text-accent);background:#00f0ff1f;border-color:#00f0ff59}.tag-label-count{opacity:.5;margin-left:2px;font-size:9px}.detail-panel{top:var(--header-height);width:var(--panel-width);background:var(--bg-panel);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-left:1px solid var(--bg-panel-border);z-index:50;transition:transform var(--transition-speed);flex-direction:column;display:flex;position:fixed;bottom:0;right:0;overflow-y:auto;transform:translate(100%)}.detail-panel.open{transform:translate(0)}.drag-handle{cursor:grab;width:100%;padding:8px 0 4px;display:none}.drag-handle span{background:#ffffff4d;border-radius:2px;width:40px;height:4px;margin:0 auto;display:block}.panel-top-bar{justify-content:flex-end;padding:8px 12px 0;display:flex}.panel-close{color:var(--text-muted);cursor:pointer;background:0 0;border:none;padding:4px 8px;font-size:18px;line-height:1}.panel-close:hover{color:#f44}.panel-content{padding:0 16px 24px}.panel-title{font-family:var(--font-display);letter-spacing:1px;margin-bottom:12px;font-size:16px;line-height:1.3}.panel-badges{flex-wrap:wrap;gap:6px;margin-bottom:12px;display:flex}.badge{text-transform:uppercase;letter-spacing:.5px;border:1px solid;border-radius:3px;padding:2px 8px;font-size:10px}.badge-lang{border-color:var(--text-muted);color:var(--text-muted)}.panel-desc{color:var(--text-primary);margin-bottom:14px;font-size:12px;line-height:1.6}.panel-tags{flex-wrap:wrap;gap:4px;margin-bottom:14px;display:flex}.tag{color:var(--text-muted);background:#ffffff0f;border-radius:2px;padding:1px 6px;font-size:10px}.panel-section-title{font-family:var(--font-display);letter-spacing:1px;text-transform:uppercase;color:var(--text-muted);margin-top:4px;margin-bottom:6px;font-size:11px}.panel-related{margin-bottom:16px;list-style:none}.panel-related li{margin-bottom:4px}.related-link{color:var(--text-accent);transition:text-shadow var(--transition-speed);font-size:12px;text-decoration:none}.related-link:hover{text-shadow:var(--glow-cyan);text-decoration:underline}.panel-actions{margin-top:8px}.source-link{color:var(--text-muted);transition:all var(--transition-speed);border:1px solid #ffffff1a;border-radius:3px;padding:4px 10px;font-size:11px;text-decoration:none;display:inline-block}.source-link:hover{color:var(--text-accent);border-color:var(--text-accent);text-shadow:var(--glow-cyan)}.panel-icon-wrapper{justify-content:center;margin-bottom:12px;display:flex}.panel-icon{image-rendering:auto;max-width:160px;max-height:160px;filter:drop-shadow(0 0 8px var(--text-accent));border-radius:8px}.panel-agent-hex{text-align:center;margin-bottom:8px;font-size:64px;line-height:1}.tooltip{z-index:200;color:var(--text-primary);pointer-events:none;white-space:nowrap;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0a0a14eb;border:1px solid #ffffff26;border-radius:3px;padding:4px 10px;font-size:11px;display:none;position:fixed}#hive-domain-focus{color:var(--text-primary);font-family:var(--font-mono);cursor:pointer;max-width:160px;transition:border-color var(--transition-speed);background:#ffffff0f;border:1px solid #ffffff1f;border-radius:3px;outline:none;padding:4px 6px;font-size:11px}#hive-domain-focus:hover,#hive-domain-focus:focus{border-color:var(--text-accent);color:var(--text-accent)}#hive-domain-focus option{color:var(--text-primary);background:#0a0a0f}#btn-hive-sort{margin-left:8px}.hive-control{align-items:center;height:26px;display:inline-flex}#hive-spread{appearance:none;cursor:pointer;vertical-align:middle;background:#ffffff1f;border-radius:2px;outline:none;width:80px;height:4px;margin:0}#hive-spread::-webkit-slider-thumb{appearance:none;background:var(--text-accent);cursor:pointer;border:1px solid #fff3;border-radius:50%;width:12px;height:12px;margin-top:-4px;box-shadow:0 0 6px #00f0ff66}#hive-spread::-moz-range-thumb{background:var(--text-accent);cursor:pointer;border:1px solid #fff3;border-radius:50%;width:12px;height:12px;box-shadow:0 0 6px #00f0ff66}#hive-spread::-webkit-slider-runnable-track{background:#ffffff1f;border-radius:2px;height:4px}#hive-spread::-moz-range-track{background:#ffffff1f;border-radius:2px;height:4px}#sprite-scale-3d{appearance:none;cursor:pointer;vertical-align:middle;background:#ffffff1f;border-radius:2px;outline:none;width:80px;height:4px;margin:0}#sprite-scale-3d::-webkit-slider-thumb{appearance:none;background:var(--text-accent);cursor:pointer;border:1px solid #fff3;border-radius:50%;width:12px;height:12px;margin-top:-4px;box-shadow:0 0 6px #00f0ff66}#sprite-scale-3d::-moz-range-thumb{background:var(--text-accent);cursor:pointer;border:1px solid #fff3;border-radius:50%;width:12px;height:12px;box-shadow:0 0 6px #00f0ff66}#sprite-scale-3d::-webkit-slider-runnable-track{background:#ffffff1f;border-radius:2px;height:4px}#sprite-scale-3d::-moz-range-track{background:#ffffff1f;border-radius:2px;height:4px}.hive-axis{stroke:#ffffff1f;stroke-width:1px}.hive-axis-label{fill:var(--text-muted);font-family:var(--font-display);letter-spacing:1px;text-transform:uppercase;font-size:11px}.hive-link{fill:none;stroke-width:.5px;opacity:1;pointer-events:none}.hive-link-skill{stroke-width:.3px}.hive-node{cursor:pointer;stroke:#ffffff26;stroke-width:.5px;transition:opacity .15s}.hive-node:hover{filter:brightness(1.4);stroke:#ffffff80;stroke-width:1px}.hive-active-hover .hive-link{opacity:.03}.hive-active-hover .hive-node{opacity:.08}.hive-active-hover .hive-link.highlighted{opacity:1;stroke-width:1.5px}.hive-active-hover .hive-node.highlighted{opacity:1}#graph-container svg{display:block}.hamburger-toggle{cursor:pointer;background:0 0;border:1px solid #ffffff1f;border-radius:3px;flex-direction:column;justify-content:center;align-items:center;gap:4px;width:44px;height:44px;padding:8px;display:none}.hamburger-bar{background:var(--text-primary);border-radius:1px;width:20px;height:2px;transition:transform .3s,opacity .3s;display:block}.hamburger-toggle[aria-expanded=true] .hamburger-bar:first-child{transform:rotate(45deg)translate(4px,4px)}.hamburger-toggle[aria-expanded=true] .hamburger-bar:nth-child(2){opacity:0}.hamburger-toggle[aria-expanded=true] .hamburger-bar:nth-child(3){transform:rotate(-45deg)translate(4px,-4px)}.header-drawer-backdrop{top:var(--header-height);z-index:99;background:#00000080;display:none;position:fixed;bottom:0;left:0;right:0}.header-drawer-backdrop.visible{display:block}.filter-backdrop{top:var(--header-height);z-index:40;opacity:0;background:#00000080;transition:opacity .3s;display:none;position:fixed;bottom:0;left:0;right:0}.filter-backdrop.visible{opacity:1;display:block}@media (width<=1024px){:root{--filter-width:280px}.header-title{letter-spacing:1.5px;font-size:12px}.header-stats{gap:8px;font-size:10px}.header-controls{gap:4px}.header-controls button{padding:3px 8px;font-size:11px}.header-controls select{padding:3px 6px;font-size:11px}.filter-panel{font-size:12px}.filter-section-header{padding:6px 10px}.filter-section-header h3{font-size:10px}.detail-panel{--panel-width:340px}}@media (width<=768px){.filter-panel{width:260px;transform:translate(-100%)}.filter-panel.mobile-open{transform:translate(0)}.panel-toggle{min-width:44px;min-height:44px;font-size:16px;left:0}.panel-toggle:not(.collapsed){left:260px}.detail-panel{border-left:none;border-top:1px solid var(--bg-panel-border);border-radius:12px 12px 0 0;width:100%;max-height:60vh;inset:auto 0 0;transform:translateY(100%)}.detail-panel.open{transform:translateY(0)}.drag-handle{display:block}.panel-close{min-width:44px;min-height:44px;font-size:24px}.header-title{letter-spacing:1px;font-size:11px}.header-stats{display:none}.hamburger-toggle{display:flex}.header-drawer{top:var(--header-height);width:260px;max-height:calc(100vh - var(--header-height));background:var(--bg-panel);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-left:1px solid var(--bg-panel-border);border-bottom:1px solid var(--bg-panel-border);z-index:100;padding:12px;transition:transform .3s;position:fixed;right:0;overflow-y:auto;transform:translate(100%)}.header-drawer.open{transform:translate(0)}.header-drawer .header-controls{flex-direction:column;gap:8px;width:100%}.header-drawer .header-controls button,.header-drawer .header-controls select{width:100%;min-height:44px;padding:10px;font-size:14px}.header-drawer .header-controls .hive-control,.header-drawer .header-controls .hive-control input[type=range]{width:100%}}@media (width<=768px) and (orientation:portrait){.detail-panel{border-left:none;border-top:1px solid var(--bg-panel-border);border-radius:12px 12px 0 0;width:100%;max-height:60vh;inset:auto 0 0}}@media (width<=768px) and (orientation:landscape){.detail-panel{top:var(--header-height);border-left:1px solid var(--bg-panel-border);border-top:none;border-radius:0;width:50%;max-height:none;bottom:0;left:auto;right:0}.filter-panel.mobile-open{width:50%}}@media (width<=320px){.filter-panel,.filter-panel.mobile-open{width:100vw}.panel-toggle:not(.collapsed){left:calc(100vw - 28px)}.filter-section-header{padding:6px 8px}.filter-section-header h3{font-size:9px}.filter-list{padding:0 4px 6px}.filter-item{font-size:10px}.detail-panel{width:100%;max-height:70vh}.panel-content{padding:0 10px 16px}.panel-title{font-size:14px}.header-title{letter-spacing:.5px;font-size:10px}#graph-container{width:100vw}}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#ffffff1f;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#fff3}.chord-svg{display:block}.chord-svg .chords path{mix-blend-mode:screen}.chord-svg .groups text{pointer-events:none;-webkit-user-select:none;user-select:none}.workflow-container{justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative;overflow:hidden}.workflow-wrapper{will-change:transform;transition:transform .1s ease-out}.workflow-wrapper svg{max-width:90vw;height:auto;max-height:calc(100vh - 48px)}#graph-container .workflow-wrapper .node rect,#graph-container .workflow-wrapper .node polygon,#graph-container .workflow-wrapper .node circle,#graph-container .workflow-wrapper .edgePath path{stroke-width:1.5px}#graph-container .workflow-wrapper .label{font-family:Share Tech Mono,monospace}#graph-container .workflow-wrapper .cluster rect{rx:6;ry:6;stroke-dasharray:6 3;stroke-opacity:.6}#graph-container .workflow-wrapper .cluster-label .nodeLabel{letter-spacing:.05em;font-family:Orbitron,sans-serif;font-size:.85em}