*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;height:100%;overflow:hidden;background:#0a0a0f;color:#e0e0ee;font-family:Inter,system-ui,-apple-system,sans-serif;-webkit-font-smoothing:antialiased}#canvas{display:block;position:fixed;top:0;right:0;bottom:0;left:0;z-index:0}#status-overlay{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:10;font-family:Orbitron,monospace;font-size:.85rem;text-transform:uppercase;letter-spacing:.3em;color:#6a6a8a;pointer-events:none;transition:opacity .6s ease}#status-overlay.done{opacity:0}#legend{position:fixed;bottom:20px;left:50%;transform:translate(-50%);z-index:5;display:flex;gap:24px;padding:8px 20px;background:#0a0a0fb3;border:1px solid rgba(100,100,180,.2);border-radius:20px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);font-size:.75rem;letter-spacing:.05em;color:#88a}.legend-item{display:flex;align-items:center;gap:8px}.dot{display:inline-block;width:8px;height:8px;border-radius:50%}#dot-wikilink{background:#4fc3f7;box-shadow:0 0 6px #4fc3f780}#dot-mdlink{background:#ce93d8;box-shadow:0 0 6px #ce93d880}.node-label{color:#c0c0e0;font-size:11px;font-weight:500;letter-spacing:.02em;text-shadow:0 0 8px rgba(0,0,0,.9),0 0 3px rgba(0,0,0,.9);background:#0a0a1480;padding:2px 8px;border-radius:8px;border:1px solid rgba(100,100,200,.15);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);pointer-events:none;white-space:nowrap;transition:transform .2s ease,color .2s ease}.node-label.active{color:#fff;border-color:#4fc3f780;transform:scale(1.15)}#preview-panel{position:fixed;top:0;right:0;z-index:20;width:360px;max-width:90vw;height:100%;padding:32px 28px;background:#0c0c18eb;border-left:1px solid rgba(79,195,247,.2);box-shadow:-8px 0 40px #0009;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);overflow-y:auto;transition:transform .35s cubic-bezier(.22,1,.36,1);display:flex;flex-direction:column}#preview-panel.panel-hidden{transform:translate(100%)}#preview-panel.panel-visible{transform:translate(0)}#close-preview{position:absolute;top:16px;right:16px;width:32px;height:32px;border:none;background:#ffffff0f;color:#88a;font-size:1.3rem;line-height:1;border-radius:8px;cursor:pointer;transition:background .2s,color .2s}#close-preview:hover{background:#ffffff1f;color:#fff}#preview-title{font-family:Orbitron,monospace;font-size:1rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:#e0e0ff;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid rgba(79,195,247,.15);word-break:break-word}#preview-tags{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:24px}#preview-tags span{display:inline-block;padding:3px 10px;font-size:.7rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:#4fc3f7;background:#4fc3f71a;border:1px solid rgba(79,195,247,.2);border-radius:12px}#preview-links h3{font-family:Orbitron,monospace;font-size:.7rem;font-weight:400;letter-spacing:.15em;text-transform:uppercase;color:#6a6a9a;margin-bottom:10px}#preview-link-list{list-style:none}#preview-link-list li{padding:6px 10px;margin-bottom:4px;font-size:.82rem;color:#b0b0d0;background:#ffffff08;border-radius:6px;border-left:2px solid rgba(79,195,247,.2);transition:background .15s,border-color .15s;cursor:default}#preview-link-list li:hover{background:#ffffff0f;border-color:#4fc3f780}#preview-panel::-webkit-scrollbar{width:4px}#preview-panel::-webkit-scrollbar-track{background:transparent}#preview-panel::-webkit-scrollbar-thumb{background:#4fc3f74d;border-radius:2px}@media(max-width:480px){#preview-panel{width:100%;max-width:100%}}