.toastBanner{z-index:50;opacity:0;pointer-events:none;border-radius:.75rem;align-items:center;gap:.75rem;padding:.875rem 1.5rem;transition:opacity .3s,transform .3s;display:flex;position:fixed;bottom:1.5rem;right:1.5rem;transform:translateY(20px)}.toastBanner.show{opacity:1;pointer-events:auto;transform:translateY(0)}.toastMessageText{color:#fff;font-size:.875rem;font-weight:500}
.knowledge-graph-container{background-color:var(--bg-base);z-index:1;background-image:linear-gradient(#38bdf80a 1px,#0000 1px),linear-gradient(90deg,#38bdf80a 1px,#0000 1px);background-size:50px 50px;width:100%;height:100%;position:absolute;top:0;left:0;overflow:hidden}.graph-node{cursor:pointer;transition:transform .1s}.graph-node:hover .node-circle{stroke-width:4px}.node-circle{transition:all .2s ease-in-out}.node-circle.cat-manifests{stroke:var(--amber)}.node-circle.cat-agentskills{stroke:#a78bfa}.node-circle.cat-skills{stroke:var(--electric)}.node-label{fill:var(--slate-300);font-family:var(--font-family);pointer-events:none;text-shadow:0 2px 4px #000c;font-size:12px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.graph-link{transition:stroke-width .2s}
.brandingOverlay{z-index:10;max-width:400px;position:absolute;top:24px;left:24px}.brandingTitle{letter-spacing:-.025em;color:#f8fafc;text-shadow:0 0 20px #38bdf880;font-size:1.5rem;font-weight:700}.brandingSubtitle{color:var(--slate-400);margin-bottom:1.5rem;font-size:.85rem}.mcpConfigPanel{border-radius:.75rem;padding:1rem}.mcpConfigHeader{justify-content:space-between;align-items:center;margin-bottom:.5rem;display:flex}.mcpConfigLabel{color:var(--slate-300);font-size:.75rem;font-weight:600}.mcpConfigCopyBtn{color:var(--slate-300);cursor:pointer;background:#ffffff1a;border:1px solid #ffffff1a;border-radius:.25rem;padding:.25rem .5rem;font-size:.65rem}.mcpConfigCode{color:var(--electric);background:#0000004d;border-radius:.5rem;margin:0;padding:.5rem;font-size:.75rem;overflow-x:auto}
.detailContainer{max-width:56rem;margin:0 auto;padding-bottom:3rem;animation:.35s cubic-bezier(.16,1,.3,1) forwards pageFadeIn}@keyframes pageFadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.detailActionBar{justify-content:space-between;align-items:center;margin-bottom:1.5rem;display:flex}.detailTagsWrapper{gap:.625rem;display:flex}.detailBadge{border-radius:.375rem;padding:.25rem .75rem;font-size:.6875rem;font-weight:600}.detailBadgeSecondary{color:var(--slate-300);background-color:#ffffff0d;border:1px solid #ffffff1a}.detailBadgeAccent{color:var(--electric);background-color:#38bdf81a;border:1px solid #38bdf84d}.copyRawBtn{color:#fff;cursor:pointer;background-color:#ffffff1a;border:1px solid #ffffff1a;border-radius:.5rem;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.75rem;font-weight:600;transition:all .2s;display:flex}.copyRawBtn:hover{background-color:#fff3;transform:scale(1.03);box-shadow:0 0 15px #38bdf833}.detailArticle{border-radius:1rem;padding:1.5rem;position:relative;overflow:hidden}@media (min-width:768px){.detailArticle{padding:2.5rem}}.detailArticleGlow{opacity:0;pointer-events:none;background:linear-gradient(135deg,#38bdf80d,#0000);transition:opacity .7s;position:absolute;inset:0}.detailArticle:hover .detailArticleGlow{opacity:1}.detailArticleBlurBubble{filter:blur(48px);pointer-events:none;background-color:#38bdf826;border-radius:50%;width:12rem;height:12rem;position:absolute;top:-6rem;right:-6rem}.markdownContainerBlock{z-index:10;position:relative}.pulseGlow{background:linear-gradient(90deg, transparent, var(--electric), transparent);opacity:.8;width:55%;height:2px;box-shadow:0 0 12px var(--electric);animation:4s linear infinite scanline;position:absolute;top:0;left:-100%}@keyframes scanline{0%{left:-100%}to{left:200%}}.markdownBody{color:var(--slate-300);line-height:1.8}.markdownBody h1,.markdownBody h2,.markdownBody h3{color:#f8fafc;margin-top:1.6em;margin-bottom:.6em;font-weight:600}.markdownBody h1{border-bottom:1px solid #ffffff14;padding-bottom:.4em;font-size:1.85em}.markdownBody h2{color:var(--electric);font-size:1.45em}.markdownBody h3{font-size:1.2em}.markdownBody p{margin-bottom:1.1em}.markdownBody ul,.markdownBody ol{margin-bottom:1.1em;padding-left:2em}.markdownBody li{margin-bottom:.3em}.markdownBody strong{color:var(--amber);font-weight:600}.markdownBody code:not([class*=language-]){color:var(--electric);background:#00000059;border-radius:6px;padding:.25em .5em;font-family:monospace;font-size:.85em}.markdownBody pre{border:1px solid #ffffff14;border-radius:10px;margin-bottom:1.6em;padding:1.2em;overflow-x:auto;background:#0f172a!important}.markdownBody hr{background:#ffffff14;border:0;height:1px;margin:2.2em 0}
.detailOverlay{-webkit-backdrop-filter:blur(16px);z-index:20;background-color:#020617d9;border-left:1px solid #38bdf84d;width:45vw;min-width:500px;height:100vh;padding:2rem;position:absolute;top:0;right:0;overflow-y:auto;box-shadow:-10px 0 30px #00000080}.detailOverlayCloseBtn{color:var(--slate-300);cursor:pointer;background:0 0;border:1px solid #ffffff1a;border-radius:.5rem;align-items:center;gap:.5rem;margin-bottom:1rem;padding:.5rem 1rem;display:flex}
.workspaceWrapper{width:100vw;height:100vh;display:block;position:relative}