:root{--bg: #020207;--panel-bg: rgba(10, 12, 24, .92);--ink: #dfe6f5;--ink-dim: #8b93ab;--edge: rgba(130, 150, 200, .25);--accent: #82b1ff;font-family:Avenir Next,Segoe UI,system-ui,sans-serif}*{box-sizing:border-box}html,body{margin:0;height:100%;background:var(--bg);color:var(--ink);overflow:hidden}#app{position:fixed;top:0;right:0;bottom:0;left:0}.hidden{display:none!important}.gate{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at 30% 20%,#0a0d2a,#020207 60%)}.gate-card{width:min(22rem,90vw);padding:2rem;background:var(--panel-bg);border:1px solid var(--edge);border-radius:14px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);text-align:center}.gate-card h1{margin:0 0 .25rem;font-weight:500;letter-spacing:.35em;text-transform:uppercase}.gate-card p{color:var(--ink-dim);margin:0 0 1.2rem;font-size:.9rem}.gate-card input{width:100%;padding:.6rem .8rem;border-radius:8px;border:1px solid var(--edge);background:#0006;color:var(--ink);font-size:.95rem}.gate-card button{margin-top:.8rem;width:100%;padding:.6rem;border:0;border-radius:8px;background:var(--accent);color:#061024;font-size:.95rem;font-weight:600;cursor:pointer}.gate-card small{display:block;margin-top:.9rem;color:var(--ink-dim)}.gate-card code{color:var(--ink)}.gate-error{margin-top:.6rem;color:#ff8a80;font-size:.85rem;min-height:1.2em}#hud>*{position:fixed;z-index:10}#crumbs{top:1rem;left:1.2rem;display:flex;align-items:center;gap:.4rem;flex-wrap:wrap;max-width:60vw}.crumb{border:1px solid var(--edge);background:#080a16b3;color:var(--ink);padding:.3rem .7rem;border-radius:999px;font-size:.8rem;cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:border-color .15s}.crumb:hover{border-color:var(--accent)}.crumb:last-child{border-color:#82b1ffb3}.crumb-sep{color:var(--ink-dim);font-size:.8rem}#hud-right{top:1rem;right:1.2rem;display:flex;flex-direction:column;align-items:flex-end;gap:.4rem}#search{width:15rem;padding:.45rem .8rem;border:1px solid var(--edge);border-radius:999px;background:#080a16b3;color:var(--ink);font-size:.85rem;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}#search:focus{outline:none;border-color:var(--accent)}#stats{color:var(--ink-dim);font-size:.72rem;letter-spacing:.04em}#legend{bottom:1rem;left:1.2rem;display:flex;gap:.35rem;flex-wrap:wrap;max-width:46vw}.chip{display:inline-flex;align-items:center;gap:.35rem;border:1px solid var(--edge);border-radius:999px;background:#080a16b3;color:var(--ink);padding:.22rem .6rem;font-size:.74rem;cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.chip:hover{border-color:var(--accent)}.chip i{width:.55rem;height:.55rem;border-radius:50%;display:inline-block}#hint{bottom:1rem;right:1.2rem;color:var(--ink-dim);font-size:.72rem}.node-tip{background:var(--panel-bg);border:1px solid var(--edge);border-radius:8px;padding:.4rem .65rem;font-size:.8rem;color:var(--ink);max-width:18rem}.node-tip small{color:var(--ink-dim)}#panel{position:fixed;top:0;right:0;bottom:0;z-index:20;width:min(26rem,92vw);background:var(--panel-bg);border-left:1px solid var(--edge);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);display:flex;flex-direction:column;animation:slide-in .22s ease-out}@keyframes slide-in{0%{transform:translate(30px);opacity:0}to{transform:none;opacity:1}}#panel header{display:flex;align-items:center;gap:.6rem;padding:1rem 1.1rem .7rem;border-bottom:1px solid var(--edge)}#panel h2{flex:1;margin:0;font-size:1.02rem;font-weight:600}.badge{font-size:.66rem;text-transform:uppercase;letter-spacing:.08em;border:1px solid var(--edge);border-radius:999px;padding:.15rem .5rem;color:var(--ink-dim);white-space:nowrap}#panel-close{border:0;background:none;color:var(--ink-dim);font-size:1.4rem;cursor:pointer;line-height:1}#panel-close:hover{color:var(--ink)}#panel-body{padding:.9rem 1.1rem 2rem;overflow-y:auto;font-size:.88rem;line-height:1.55}#panel-body h1,#panel-body h2,#panel-body h3{font-size:.95rem;margin:1.1em 0 .4em}#panel-body code{background:#82b1ff1f;border-radius:4px;padding:.05em .3em;font-size:.82em;color:#b8cfff}#panel-body pre{background:#00000059;padding:.7rem;border-radius:8px;overflow-x:auto}#panel-body a{color:var(--accent)}#panel-body ul{padding-left:1.2rem}#panel-body li{margin:.25em 0}#loading{position:fixed;top:0;right:0;bottom:0;left:0;z-index:30;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;color:var(--ink-dim);font-size:.85rem;letter-spacing:.05em;background:radial-gradient(ellipse at 50% 45%,#0a0d2a,#020207 65%)}.spinner{width:2.2rem;height:2.2rem;border-radius:50%;border:2px solid rgba(130,177,255,.2);border-top-color:var(--accent);animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.noderef{cursor:pointer;color:#b8cfff;border-bottom:1px dashed rgba(130,177,255,.5);transition:color .15s,border-color .15s}.noderef:hover{color:#fff;border-color:var(--accent)}code.noderef{background:#82b1ff33;border-bottom:0}#panel-body .attachment-file{display:inline-block;margin-bottom:12px;padding:.45rem .8rem;border-radius:8px;border:1px solid var(--edge);background:#82b1ff14;color:var(--accent);text-decoration:none}#panel-body .attachment-file:hover{border-color:var(--accent);background:#82b1ff26}#panel-body .attachment-note{color:var(--ink-dim);font-size:.8rem;margin-bottom:12px}