.mcp-visualization{position:relative}.mcp-visualization .mcp-visualization__header{margin:0 auto 48px;max-width:1000px;text-align:center}.mcp-visualization .mcp-visualization__header *{color:var(--white)}.mcp-visualization .mcp-visualization__header .subtitle{line-height:1.5;margin-bottom:40px}.mcp-visualization .mcp-visualization__narrative-flow{align-items:center;display:flex;flex-direction:column;gap:12px;margin:0 auto 40px;max-width:780px}.mcp-visualization .mcp-visualization__narrative-flow .mcp-visualization__narrative-step{text-align:center}.mcp-visualization .mcp-visualization__narrative-flow .mcp-visualization__narrative-step.mcp-visualization__narrative-step--btm{opacity:0;-webkit-transition:all .25s ease-in-out .25s;transition:all .25s ease-in-out .25s;visibility:hidden}.mcp-visualization .mcp-visualization__narrative-flow .mcp-visualization__narrative-step.mcp-visualization__narrative-step--btm.visible{opacity:1;visibility:visible}.mcp-visualization .mcp-visualization__narrative-flow .mcp-visualization__narrative-step .mcp-visualization__step-label{color:var(--white);font-size:.875rem;font-weight:500;letter-spacing:1px;text-transform:uppercase}.mcp-visualization .mcp-visualization__narrative-flow .mcp-visualization__narrative-step .mcp-visualization__step-label strong{color:var(--tertiary);opacity:1}.mcp-visualization .mcp-visualization__narrative-flow .mcp-visualization__narrative-step .mcp-visualization__app-name{color:var(--tertiary);font-size:1.6rem;font-weight:700;letter-spacing:-.01em;margin-top:6px}.mcp-visualization .mcp-visualization__narrative-flow .mcp-visualization__narrative-step .mcp-visualization__app-descriptor{color:var(--white);display:block;font-size:.85rem;margin-top:4px;opacity:.65}.mcp-visualization .mcp-visualization__narrative-arrow{align-items:center;display:flex;justify-content:center;opacity:0;transform:translateY(-10px);-webkit-transition:all .25s ease-in-out;transition:all .25s ease-in-out;visibility:hidden}.mcp-visualization .mcp-visualization__narrative-arrow.visible{opacity:1;transform:translateY(0);visibility:visible}.mcp-visualization .mcp-visualization__narrative-arrow svg{opacity:.65;stroke:var(--white)}.mcp-visualization .mcp-visualization__prompt-bar{align-items:center;background:rgba(0,0,0,.4);border:1px solid hsla(0,0%,100%,.4);border-radius:12px;display:flex;gap:12px;margin:0;max-width:800px;padding:16px 100px 16px 20px;position:relative;width:100%}.mcp-visualization .mcp-visualization__prompt-bar .mcp-visualization__prompt-icon{flex-shrink:0;height:20px;opacity:.8;stroke:var(--white);width:20px}.mcp-visualization .mcp-visualization__prompt-bar .mcp-visualization__prompt-text{color:var(--white);display:inline;font-family:SF Mono,Fira Code,Consolas,monospace;font-size:.9rem;line-height:1.4;opacity:.8;visibility:hidden}.mcp-visualization .mcp-visualization__prompt-bar .mcp-visualization__prompt-text.typing{visibility:visible}.mcp-visualization .mcp-visualization__prompt-bar .mcp-visualization__prompt-text.typing:after{animation:blink .8s infinite;content:"|"}.mcp-visualization .mcp-visualization__prompt-bar .btn--go{font-size:.875rem;opacity:0;padding:10px 12px;position:absolute;right:20px;top:50%;transform:translateY(-50%);-webkit-transition:all .25s ease-in-out;transition:all .25s ease-in-out;visibility:hidden}.mcp-visualization .mcp-visualization__prompt-bar .btn--go:after{background-size:12px 12px;height:12px;width:12px}.mcp-visualization .mcp-visualization__prompt-bar .btn--go.visible{animation:scale 1.5s infinite;opacity:1;visibility:visible}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}@keyframes scale{0%,to{transform:scale(1) translateY(-50%)}50%{transform:scale(1.1) translateY(-50%)}}.mcp-visualization .mcp-visualization__comparison{display:grid;gap:32px;grid-template-columns:1fr 1fr;margin:0 auto;max-width:1400px;scroll-margin-top:85px}.mcp-visualization .mcp-visualization__comparison .panel{background:hsla(0,0%,100%,.03);border:1px solid hsla(0,0%,100%,.06);border-radius:16px;display:none;opacity:0;padding:28px;visibility:hidden}.mcp-visualization .mcp-visualization__comparison .panel.panel--danger{transform:translateX(-20px);-webkit-transition:all 1.25s ease-in-out .25s;transition:all 1.25s ease-in-out .25s;transition-behavior:allow-discrete}.mcp-visualization .mcp-visualization__comparison .panel.panel--safe{transform:translateX(20px);-webkit-transition:all 1.5s ease-in-out .25s;transition:all 1.5s ease-in-out .25s;transition-behavior:allow-discrete}.mcp-visualization .mcp-visualization__comparison.visible .panel{display:block;opacity:1;transform:translateX(0);visibility:visible}.mcp-visualization .mcp-visualization__comparison .panel--danger{background:rgba(254,87,42,.03);border-color:rgba(254,87,42,.3)}.mcp-visualization .mcp-visualization__comparison .panel--safe{background:rgba(218,252,2,.03);border-color:rgba(218,252,2,.3)}.mcp-visualization .mcp-visualization__comparison .panel-header{border-bottom:1px solid hsla(0,0%,100%,.08);margin-bottom:24px;padding-bottom:20px}.mcp-visualization .mcp-visualization__comparison .panel-header h2{font-size:1.3rem;font-weight:600;margin-bottom:4px}.mcp-visualization .mcp-visualization__comparison .panel--danger .panel-header h2{color:var(--quaternary)}.mcp-visualization .mcp-visualization__comparison .panel--safe .panel-header h2{color:var(--tertiary)}.mcp-visualization .mcp-visualization__comparison .panel-header .panel-subtitle{color:var(--white);font-size:.85rem;margin:0;opacity:.6}.mcp-visualization .mcp-visualization__comparison .panel .summary-stats{display:grid;gap:10px;grid-template-columns:repeat(4,1fr);margin-bottom:24px}.mcp-visualization .mcp-visualization__comparison .panel .stat-card{background:rgba(0,0,0,.3);border-radius:10px;padding:14px;text-align:center}.mcp-visualization .mcp-visualization__comparison .panel .stat-card .stat-value{font-size:1.8rem;font-weight:700;line-height:1;margin-bottom:4px}.mcp-visualization .mcp-visualization__comparison .panel .stat-card .stat-label{color:var(--white);font-size:.7rem;letter-spacing:.05em;opacity:.65;text-transform:uppercase}.mcp-visualization .mcp-visualization__comparison .panel.panel--danger .stat-card .stat-value{color:var(--quaternary)}.mcp-visualization .mcp-visualization__comparison .panel.panel--safe .stat-card .stat-value{color:var(--tertiary)}.mcp-visualization .mcp-visualization__comparison .panel.panel--safe .stat-card.stat-card--malware .stat-value{color:#ef4444!important}.mcp-visualization .mcp-visualization__comparison .panel .packages{display:flex;flex-direction:column;gap:10px;max-height:calc(60vh - 100px);overflow-x:hidden;overflow-y:scroll}.mcp-visualization .mcp-visualization__comparison .panel .packages .package-card{align-items:center;background:rgba(0,0,0,.25);border:1px solid hsla(0,0%,100%,.05);border-radius:10px;display:grid;grid-template-columns:1fr auto;opacity:0;padding:14px 16px;transform:translateY(20px);transition:transform .15s ease,border-color .15s ease}.mcp-visualization .mcp-visualization__comparison .panel .packages .package-card:hover{border-color:hsla(0,0%,100%,.12);transform:translateX(4px)}.mcp-visualization .mcp-visualization__comparison .panel .packages .package-card.is-visible{animation:cardIn .8s ease forwards}@keyframes cardIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.mcp-visualization .mcp-visualization__comparison .panel .packages .package-card.package-card--malware{background:rgba(239,68,68,.08);border-color:rgba(239,68,68,.5)!important}.mcp-visualization .mcp-visualization__comparison .panel .packages .package-card .package-info{display:flex;flex-direction:column;gap:4px}.mcp-visualization .mcp-visualization__comparison .panel .packages .package-card .package-name{align-items:center;color:var(--white);display:flex;font-size:.95rem;font-weight:600;gap:8px}.mcp-visualization .mcp-visualization__comparison .panel .packages .package-card .package-name .package-version{background:hsla(0,0%,100%,.08);border-radius:4px;font-family:SF Mono,Fira Code,monospace;font-size:.75rem;padding:2px 8px}.mcp-visualization .mcp-visualization__comparison .panel .packages .package-card .package-role{color:var(--white);font-size:.75rem;opacity:.65}.mcp-visualization .mcp-visualization__comparison .panel .packages .package-card .package-badges{align-items:center;display:flex;gap:8px}.mcp-visualization .mcp-visualization__comparison .panel .packages .package-card .package-badges .badge{align-items:center;border-radius:6px;display:inline-flex;font-size:.7rem;font-weight:600;gap:4px;letter-spacing:.03em;padding:4px 10px;text-transform:uppercase}.mcp-visualization .mcp-visualization__comparison .panel .packages .package-card .package-badges .badge.badge--critical{background:rgba(239,68,68,.15);border:1px solid rgba(239,68,68,.3);color:#f87171}.mcp-visualization .mcp-visualization__comparison .panel .packages .package-card .package-badges .badge.badge--high{background:rgba(254,87,42,.15);border:1px solid rgba(254,87,42,.3);color:var(--quaternary)}.mcp-visualization .mcp-visualization__comparison .panel .packages .package-card .package-badges .badge.badge--medium{background:rgba(251,191,36,.15);border:1px solid rgba(251,191,36,.3);color:#fbbf24}.mcp-visualization .mcp-visualization__comparison .panel .packages .package-card .package-badges .badge.badge--malware{animation:pulse-malware 2s ease-in-out infinite;background:rgba(239,68,68,.2);border:1px solid rgba(239,68,68,.5);color:#fca5a5}@keyframes pulse-malware{0%,to{opacity:1}50%{opacity:.7}}.mcp-visualization .mcp-visualization__comparison .panel .packages .package-card .package-badges .badge.badge--safe{background:rgba(34,197,94,.15);border:1px solid rgba(34,197,94,.3);color:#4ade80}.mcp-visualization .mcp-visualization__comparison .panel .packages .package-card .trust-score{align-items:center;display:flex;font-size:.75rem;gap:6px}.mcp-visualization .mcp-visualization__comparison .panel .packages .package-card .trust-score .trust-bar{background:hsla(0,0%,100%,.1);border-radius:3px;height:6px;overflow:hidden;width:48px}.mcp-visualization .mcp-visualization__comparison .panel .packages .package-card .trust-score .trust-bar-fill{border-radius:3px;height:100%;transition:width .5s ease}.mcp-visualization .mcp-visualization__comparison .panel .packages .package-card .trust-score .trust-bar-fill--low{background:linear-gradient(90deg,#ef4444,var(--quaternary))}.mcp-visualization .mcp-visualization__comparison .panel .packages .package-card .trust-score .trust-bar-fill--medium{background:linear-gradient(90deg,var(--quaternary),#fbbf24)}.mcp-visualization .mcp-visualization__comparison .panel .packages .package-card .trust-score .trust-bar-fill--high{background:linear-gradient(90deg,#22c55e,var(--tertiary))}.dts-label{color:var(--white);font-size:.65rem;opacity:.65}.malware-tag{align-items:center;color:#fca5a5;display:inline-flex;font-size:.65rem;gap:4px;margin-top:2px}.malware-tag svg{height:12px;width:12px}.footer{border-top:1px solid hsla(0,0%,100%,.06);margin-top:48px;padding-top:32px;text-align:center}.footer p{font-size:.8rem;opacity:.4}.footer .powered-by{font-size:.75rem;margin-top:8px;opacity:.3}.vs-divider{display:none}@media (max-width:900px){.comparison{grid-template-columns:1fr}.header h1{font-size:1.8rem}}