*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{color:#4dd9ff;background:#020b18;width:100%;height:100%;font-family:-apple-system,PingFang TC,Noto Sans TC,sans-serif;overflow:hidden}#app{width:100vw;height:100vh;display:flex;overflow:hidden}#left-panel{z-index:10;background:#020814f5;border-right:1px solid #4dd9ff1a;flex-direction:column;width:260px;min-width:260px;height:100vh;transition:width .25s,min-width .25s,overflow;display:flex;overflow:hidden}#left-panel.panel-collapsed{width:0;min-width:0}#panel-toggle{z-index:20;cursor:pointer;color:#4dd9ff66;background:#020814d9;border:1px solid #4dd9ff2e;border-left:none;border-radius:0 4px 4px 0;padding:8px 4px;font-size:14px;line-height:1;transition:all .2s;position:absolute;top:50%;left:0;transform:translateY(-50%)}#panel-toggle:hover{color:#4dd9ff;border-color:#4dd9ff80}#left-header{border-bottom:1px solid #4dd9ff14;flex-shrink:0;padding:16px 14px 10px}#left-title{letter-spacing:.12em;color:#e8f7ffcc;text-transform:uppercase;margin-bottom:10px;font-size:13px;font-weight:600}#graph-stats{color:#4dd9ff4d;letter-spacing:.08em;margin-bottom:8px;font-size:10px;line-height:1.6}#search-wrap{align-items:center;display:flex;position:relative}#search-clear{color:#4dd9ff4d;cursor:pointer;background:0 0;border:none;padding:2px 4px;font-size:14px;line-height:1;display:none;position:absolute;top:50%;right:6px;transform:translateY(-50%)}#search-clear.visible{display:block}#search-clear:hover{color:#4dd9ffb3}#showcase-link{color:#4dd9ff4d;padding:2px;font-size:16px;text-decoration:none;transition:color .2s}#showcase-link:hover{color:#4dd9ff}#search-box{color:#e8f7ff;box-sizing:border-box;background:#4dd9ff0f;border:1px solid #4dd9ff2e;border-radius:4px;outline:none;width:100%;padding:7px 28px 7px 10px;font-size:12px;transition:border-color .2s}#search-box::placeholder{color:#4dd9ff4d}#search-box:focus{border-color:#4dd9ff80}#search-history{z-index:30;background:#020b18f7;border:1px solid #4dd9ff33;border-top:none;border-radius:0 0 6px 6px;padding:2px 0;display:none;position:absolute;top:100%;left:0;right:0}#search-history.visible{display:block}.sh-chip{color:#4dd9ffa6;cursor:pointer;white-space:nowrap;text-overflow:ellipsis;letter-spacing:.04em;align-items:center;gap:6px;padding:5px 10px;font-size:11px;display:flex;overflow:hidden}.sh-chip:hover{color:#4dd9ff;background:#4dd9ff12}.sh-chip-icon{opacity:.4;flex-shrink:0;font-size:10px}.sh-clear{color:#ff646459;cursor:pointer;text-align:right;letter-spacing:.06em;border-top:1px solid #4dd9ff0f;padding:4px 10px;font-size:10px}.sh-clear:hover{color:#ff6464b3}#domain-tabs{flex-wrap:wrap;gap:4px;margin-top:10px;display:flex}.tab{color:#4dd9ff80;cursor:pointer;background:#4dd9ff0d;border:1px solid #4dd9ff1f;border-radius:3px;padding:3px 8px;font-size:11px;transition:all .2s}.tab:hover{color:#4dd9ff;border-color:#4dd9ff59}.tab.active{color:#e8f7ff;background:#4dd9ff26;border-color:#4dd9ff80}#quick-filters{flex-wrap:wrap;gap:4px;margin-top:8px;display:flex}.qfilter{color:#ffd06073;cursor:pointer;background:#ffd0600d;border:1px solid #ffd0601f;border-radius:3px;padding:2px 7px;font-size:10px;transition:all .2s}.qfilter:hover{color:#ffd060cc;border-color:#ffd06059}.qfilter.active{color:#ffd060;background:#ffd0601f;border-color:#ffd06073}#node-list{flex:1;padding:6px 0;overflow-y:auto}#node-list::-webkit-scrollbar{width:3px}#node-list::-webkit-scrollbar-track{background:0 0}#node-list::-webkit-scrollbar-thumb{background:#4dd9ff2e;border-radius:2px}.node-item{cursor:pointer;border-left:2px solid #0000;flex-wrap:wrap;align-items:center;gap:8px;padding:7px 14px;transition:background .15s;display:flex;position:relative}.urgency-bar{pointer-events:none;height:1px;transition:width .3s;position:absolute;bottom:0;left:0}.node-item:hover{background:#4dd9ff0d}.node-item.selected{background:#4dd9ff1a;border-left-color:#4dd9ff}.node-item.focused{background:#ffd0600d;border-left-color:#ffd06066;outline:none}.node-dot{opacity:.8;border-radius:50%;flex-shrink:0;width:7px;height:7px}.node-name{color:#e8f7ffbf;text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:12px;line-height:1.4;overflow:hidden}.node-meta{color:#4dd9ff59;white-space:nowrap;flex-shrink:0;font-size:10px}#left-footer{border-top:1px solid #4dd9ff14;flex-wrap:wrap;flex-shrink:0;justify-content:space-between;align-items:center;gap:6px;padding:8px 14px;display:flex}#sort-btns{gap:3px;display:flex}.sort-btn{cursor:pointer;color:#4dd9ff4d;background:#4dd9ff0a;border:1px solid #4dd9ff1a;border-radius:3px;padding:2px 6px;font-size:10px;transition:all .2s}.sort-btn:hover{color:#4dd9ff;border-color:#4dd9ff4d}.sort-btn.active{color:#4dd9ff;background:#4dd9ff1f;border-color:#4dd9ff66}#node-count-label{color:#4dd9ff4d;letter-spacing:.1em;font-size:10px}#kbd-hints{color:#4dd9ff33;letter-spacing:.05em;font-size:9px}.kbd{color:#4dd9ff4d;background:#4dd9ff0a;border:1px solid #4dd9ff26;border-radius:2px;padding:1px 4px;font-size:9px;display:inline-block}#sphere-container{flex:1;height:100vh;position:relative;overflow:hidden}#canvas{touch-action:none;width:100%;height:100%;display:block}#hud{pointer-events:none;-webkit-user-select:none;user-select:none;position:absolute;top:24px;left:20px}#hud-title{letter-spacing:.2em;color:#e8f7ff;text-shadow:0 0 24px #4dd9ff80;font-size:20px;font-weight:300}#hud-subtitle{letter-spacing:.12em;color:#4dd9ff66;text-transform:uppercase;margin-top:4px;font-size:10px}#hud-timestamp{letter-spacing:.08em;color:#4dd9ff38;font-variant-numeric:tabular-nums;margin-top:6px;font-size:9px}#nebula-state{letter-spacing:.1em;color:#4dd9ff66;text-transform:uppercase;pointer-events:none;font-size:10px;transition:color .8s;position:absolute;bottom:24px;left:20px}#fullscreen-btn{color:#4dd9ff73;cursor:pointer;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#020b1899;border:1px solid #4dd9ff33;border-radius:4px;padding:6px 9px;font-size:14px;transition:all .2s;position:absolute;top:20px;right:20px}#fullscreen-btn:hover{color:#e8f7ff;border-color:#4dd9ff80}#app.fullscreen #left-panel,#app.fullscreen #right-panel{display:none}#app.fullscreen #fullscreen-btn{color:#ffd060b3;border-color:#ffd06066}#share-btn{color:#4dd9ff73;cursor:pointer;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#020b1899;border:1px solid #4dd9ff33;border-radius:4px;padding:6px 9px;font-size:14px;transition:all .2s;position:absolute;top:20px;right:58px}#share-btn:hover{color:#e8f7ff;border-color:#4dd9ff80}#trigger-btn{color:#4dd9ff99;letter-spacing:.08em;cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#020b18b3;border:1px solid #4dd9ff4d;border-radius:6px;padding:9px 16px;font-size:12px;transition:all .3s;position:absolute;bottom:24px;right:20px}#trigger-btn:hover{color:#e8f7ff;background:#4dd9ff14;border-color:#4dd9ffb3}#trigger-btn.firing{color:#ffd060cc;border-color:#ffd06099;animation:1.5s ease-in-out infinite pulse-border}@keyframes pulse-border{0%,to{border-color:#ffd0604d}50%{border-color:#ffd060e6}}.narration{letter-spacing:.12em;color:#4dd9ffb3;text-shadow:0 0 12px #4dd9ff66;pointer-events:none;white-space:nowrap;font-size:12px;position:absolute;bottom:72px;left:50%;transform:translate(-50%)}.gravity-label{letter-spacing:.1em;color:#4dd9ffd9;text-shadow:0 0 10px #4dd9ff80;pointer-events:none;text-align:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#020b18b3;border:1px solid #4dd9ff26;border-radius:4px;padding:5px 10px;font-size:11px;line-height:1.5;position:absolute;transform:translate(-50%)}.sector-label{letter-spacing:.18em;text-transform:uppercase;pointer-events:none;white-space:nowrap;text-shadow:0 0 10px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);opacity:0;background:#020b1873;border:1px solid;border-radius:2px;padding:4px 12px;font-size:10px;font-weight:600;transition:opacity 1.2s;position:absolute;transform:translate(-50%,-50%)}.sector-count{opacity:.45;font-weight:400}#link-legend{letter-spacing:.1em;color:#4dd9ff59;pointer-events:auto;align-items:center;gap:4px;font-size:10px;display:flex;position:absolute;bottom:60px;left:20px}.legend-dot{opacity:.7;cursor:pointer;border-radius:50%;width:6px;height:6px;transition:opacity .3s;display:inline-block}.legend-label{cursor:pointer;transition:opacity .3s}.legend-dot:hover,.legend-label:hover{opacity:1!important}#tooltip{color:#4dd9ff;pointer-events:none;opacity:0;white-space:nowrap;background:#020b18eb;border:1px solid #4dd9ff40;border-radius:4px;max-width:240px;padding:6px 10px;font-size:12px;line-height:1.5;transition:opacity .15s;position:absolute}#tooltip strong{color:#e8f7ff}#tooltip.visible{opacity:1}#right-panel{border-left:1px solid #4dd9ff1a;border-top:2px solid var(--domain-color,transparent);z-index:10;background:#020814f5;flex-direction:column;gap:16px;width:300px;min-width:300px;height:100vh;padding:20px 16px;transition:opacity .3s,transform .3s,border-top-color .4s;display:flex;overflow-y:auto}#right-panel.hidden{opacity:0;pointer-events:none;transform:translate(12px)}#right-panel::-webkit-scrollbar{width:3px}#right-panel::-webkit-scrollbar-thumb{background:#4dd9ff2e;border-radius:2px}#right-close{cursor:pointer;color:#4dd9ff66;font-size:18px;line-height:1;position:absolute;top:14px;right:16px}#right-close:hover{color:#4dd9ff}#right-title{color:#e8f7ff;padding-right:24px;font-size:14px;font-weight:500;line-height:1.5}#right-type-badge{letter-spacing:.1em;color:#4dd9ff99;text-transform:uppercase;background:#4dd9ff0f;border:1px solid #4dd9ff33;border-radius:2px;align-self:flex-start;padding:2px 8px;font-size:10px;display:inline-block}#local-graph-btn{letter-spacing:.06em;color:#4dd9ff66;cursor:pointer;background:#4dd9ff0a;border:1px solid #4dd9ff2e;border-radius:2px;padding:2px 7px;font-size:10px;transition:all .2s}#local-graph-btn:hover{color:#4dd9ff;border-color:#4dd9ff66}#local-graph-btn.active{color:#ffd060;background:#ffd06014;border-color:#ffd06073}#copy-label-btn{letter-spacing:.08em;color:#4dd9ff66;cursor:pointer;white-space:nowrap;background:#4dd9ff0a;border:1px solid #4dd9ff2e;border-radius:2px;padding:2px 8px;font-size:10px;transition:all .2s}#copy-label-btn:hover{color:#4dd9ff;border-color:#4dd9ff66}#copy-label-btn.copied{color:#4dffb0;border-color:#4dffa066}#bookmark-btn{color:#ffd06059;cursor:pointer;background:#ffd0600a;border:1px solid #ffd0602e;border-radius:2px;padding:1px 6px;font-size:13px;transition:all .2s}#bookmark-btn:hover{color:#ffd060;border-color:#ffd06066}#export-md-btn{letter-spacing:.06em;color:#4dffb066;cursor:pointer;white-space:nowrap;background:#4dffb00a;border:1px solid #4dffb02e;border-radius:2px;padding:2px 8px;font-size:10px;transition:all .2s}#export-md-btn:hover{color:#4dffb0;border-color:#4dffb066}.section-header{letter-spacing:.18em;text-transform:uppercase;color:#4dd9ff59;margin-bottom:10px;font-size:10px;font-weight:600}#dim-section{flex-direction:column;gap:8px;display:flex}.dim-bar-row{align-items:center;gap:8px;font-size:11px;display:flex}.dim-key{color:#4dd9ff66;flex-shrink:0;width:56px}.bar-wrap{background:#4dd9ff1a;border-radius:2px;flex:1;height:4px;overflow:hidden}.bar{background:linear-gradient(90deg,#4dd9ff,#b06aff);border-radius:2px;width:0;height:100%;transition:width .6s cubic-bezier(.4,0,.2,1)}.dim-val{color:#e8f7ffb3;text-align:right;flex-shrink:0;width:44px}#conn-section{flex-direction:column;display:flex}#conn-list{flex-direction:column;gap:4px;display:flex}.conn-item{cursor:pointer;background:#4dd9ff0a;border:1px solid #4dd9ff12;border-radius:4px;align-items:center;gap:7px;padding:5px 8px;transition:background .15s;display:flex}.conn-item:hover{background:#4dd9ff1a}.conn-dot{border-radius:50%;flex-shrink:0;width:6px;height:6px}.conn-name{color:#e8f7ffb3;text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:11px;overflow:hidden}.conn-type{color:#4dd9ff59;flex-shrink:0;font-size:10px}.conn-dir{color:#4dd9ff40;flex-shrink:0;font-size:10px}@media (width<=768px){#left-panel{display:none}#right-panel{width:260px;min-width:0}#right-panel.hidden{display:none}#hud-title{font-size:16px}#hud-subtitle{display:none}#trigger-btn{padding:7px 12px;font-size:11px}}@media (width<=480px){#right-panel{width:100vw;min-width:0;position:absolute;top:0;right:0}}#preview-section{flex-direction:column;display:flex}#rec-section{border-top:1px solid #4dd9ff0f;padding-top:14px}#crumb-section{border-bottom:1px solid #4dd9ff0f;padding-bottom:10px}#crumb-list{flex-wrap:wrap;align-items:center;gap:4px;display:flex}.crumb-item{color:#4dd9ff66;cursor:pointer;white-space:nowrap;text-overflow:ellipsis;border:1px solid #4dd9ff1a;border-radius:10px;max-width:100px;padding:2px 7px;font-size:10px;transition:all .15s;overflow:hidden}.crumb-item:hover{color:#4dd9ff;border-color:#4dd9ff59}.crumb-item.crumb-current{color:#e8f7ffb3;background:#4dd9ff0f;border-color:#4dd9ff4d}.crumb-sep{color:#4dd9ff33;font-size:9px}#note-section{border-top:1px solid #4dd9ff0f;flex-direction:column;gap:8px;padding-top:14px;display:flex}#note-textarea{color:#e8f7ffb3;resize:vertical;background:#4dd9ff0a;border:1px solid #4dd9ff1f;border-radius:3px;outline:none;min-height:60px;padding:7px;font-family:-apple-system,PingFang TC,sans-serif;font-size:11px;line-height:1.5;transition:border-color .2s}#note-textarea:focus{border-color:#4dd9ff4d}#note-save-btn{color:#4dd9ff80;cursor:pointer;background:#4dd9ff0f;border:1px solid #4dd9ff33;border-radius:2px;align-self:flex-end;padding:2px 10px;font-size:10px;transition:all .2s}#note-save-btn:hover{color:#4dd9ff;border-color:#4dd9ff66}#preview-text{color:#e8f7ff80;white-space:pre-wrap;word-break:break-all;background:#4dd9ff08;border:1px solid #4dd9ff14;border-radius:4px;max-height:200px;padding:10px;font-size:11px;line-height:1.7;overflow-y:auto}#preview-text::-webkit-scrollbar{width:3px}#preview-text::-webkit-scrollbar-thumb{background:#4dd9ff2e;border-radius:2px}#shortcut-modal{z-index:200;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#020b18d9;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}#shortcut-modal.hidden{display:none}#shortcut-box{background:#041224f7;border:1px solid #4dd9ff40;border-radius:8px;min-width:480px;max-width:640px;padding:20px 24px;box-shadow:0 0 40px #4dd9ff14}#shortcut-title{letter-spacing:.18em;text-transform:uppercase;color:#4dd9ff99;justify-content:space-between;align-items:center;margin-bottom:16px;font-size:12px;font-weight:600;display:flex}#shortcut-close{cursor:pointer;color:#4dd9ff66;padding:0 4px;font-size:16px;transition:color .15s}#shortcut-close:hover{color:#e8f7ff}.shortcut-grid{grid-template-columns:1fr 1fr;gap:0 24px;display:grid}.sc-group{flex-direction:column;gap:5px;display:flex}.sc-group-title{letter-spacing:.16em;text-transform:uppercase;color:#ffd06080;margin-top:6px;margin-bottom:3px;font-size:9px;font-weight:600}.sc-row{align-items:center;gap:10px;display:flex}.sc-row kbd{color:#4dd9ff;white-space:nowrap;text-align:center;letter-spacing:0;background:#4dd9ff14;border:1px solid #4dd9ff33;border-radius:3px;flex-shrink:0;min-width:48px;padding:1px 6px;font-family:monospace;font-size:10px}.sc-row span{color:#e8f7ff80;font-size:10px}.section-header{cursor:pointer;-webkit-user-select:none;user-select:none}.section-header:hover{color:#4dd9ff99}.section-collapsed>:not(.section-header){display:none!important}#recent-visits{flex-wrap:wrap;gap:4px;margin-top:8px;margin-bottom:0;display:flex}.rv-chip{color:#b06aff8c;cursor:pointer;white-space:nowrap;text-overflow:ellipsis;background:#b06aff0f;border:1px solid #b06aff2e;border-radius:10px;max-width:90px;padding:2px 7px;font-size:10px;transition:all .15s;overflow:hidden}.rv-chip:hover{color:#b06aff;border-color:#b06aff73}#ctx-menu{z-index:9999;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);pointer-events:auto;background:#020b18f5;border:1px solid #4dd9ff2e;border-radius:4px;min-width:130px;padding:4px 0;position:fixed;box-shadow:0 4px 24px #00000080}#ctx-menu.hidden{display:none}.ctx-item{letter-spacing:.06em;color:#e8f7ffb3;cursor:pointer;white-space:nowrap;padding:6px 14px;font-size:11px;transition:background .1s,color .1s}.ctx-item:hover{color:#4dd9ff;background:#4dd9ff1a}.af-pill{letter-spacing:.05em;cursor:pointer;white-space:nowrap;border:1px solid;border-radius:10px;padding:2px 8px;font-size:10px;transition:opacity .15s}.af-pill:hover{opacity:.75}.node-snippet{color:#e8f7ff59;word-break:break-all;white-space:normal;width:100%;padding:2px 0 4px 15px;font-size:10px;line-height:1.5}#stats-panel{z-index:9998;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#020b18f7;border:1px solid #4dd9ff33;border-radius:6px;min-width:280px;max-width:340px;padding:20px 24px;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 8px 40px #0009}#stats-panel.hidden{display:none}#stats-close{color:#4dd9ff66;cursor:pointer;font-size:16px;transition:color .2s;position:absolute;top:12px;right:14px}#stats-close:hover{color:#4dd9ff}#stats-title{letter-spacing:.1em;color:#e8f7ffcc;text-transform:uppercase;margin-bottom:16px;font-size:13px;font-weight:600}.stat-row{letter-spacing:.06em;justify-content:space-between;align-items:center;margin-bottom:10px;font-size:11px;display:flex}.stat-label{color:#4dd9ff73}.stat-val{color:#e8f7ffbf;font-variant-numeric:tabular-nums}.stat-domain-bar{background:#4dd9ff0f;border-radius:2px;width:100%;height:4px;margin-top:2px;margin-bottom:8px}.stat-domain-fill{border-radius:2px;height:100%;transition:width .5s}.stat-section-title{letter-spacing:.1em;text-transform:uppercase;color:#4dd9ff40;margin-top:14px;margin-bottom:8px;font-size:10px}.float-node-label{letter-spacing:.07em;color:#ff503cd1;pointer-events:auto;cursor:pointer;white-space:nowrap;-webkit-user-select:none;user-select:none;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);text-shadow:0 0 8px #ff503c80;z-index:10;background:#020b18a6;border:1px solid #ff503c47;border-radius:2px;padding:2px 7px;font-size:9px;transition:opacity .3s,color .2s;position:absolute;transform:translate(-50%)}.float-node-label:hover{color:#ff8264;border-color:#ff503c8c}.fl-r{opacity:.55;letter-spacing:.05em;font-size:8px}