*{box-sizing:border-box;margin:0}html,body{height:100%;overflow:hidden}body{color:#1e293b;background:#f8fafc;justify-content:center;align-items:center;font-family:ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;display:flex}.container{flex-direction:column;width:100%;max-width:960px;height:100vh;padding:2px 16px 4px;display:flex}#viz{flex:auto;width:100%;min-height:0;display:block}.controls{flex-shrink:0;justify-content:center;align-items:center;gap:14px;margin:-2px 0 0;padding:0;display:flex}.controls button{color:#334155;cursor:pointer;background:#fff;border:1px solid #d1d5db;border-radius:999px;justify-content:center;align-items:center;width:30px;height:30px;font-size:15px;transition:background .12s,border-color .12s;display:flex}.controls button:hover:not(:disabled){background:#f1f5f9;border-color:#94a3b8}.controls button:disabled{opacity:.35;cursor:default}.step-dots{gap:10px;display:flex}.dot{cursor:pointer;background:#cbd5e1;border-radius:50%;width:10px;height:10px;transition:background .2s,transform .2s}.dot.active{background:#0f766e;transform:scale(1.3)}.description{text-align:center;flex-shrink:0;margin-top:-2px;padding:0}.step-title{color:#0f172a;margin-bottom:2px;font-size:18px;font-weight:700}.step-text{color:#475569;max-width:720px;margin:0 auto;font-size:15px;line-height:1.5}.matrix-label{fill:#475569;font-size:15px}.matrix-label.actor{text-anchor:end}.matrix-label.topic{text-anchor:middle;font-weight:600}.cell-count{text-anchor:middle;dominant-baseline:central;fill:#fff;pointer-events:none;font-size:15px;font-weight:600}.axis-title{text-transform:uppercase;letter-spacing:.08em;fill:#94a3b8;font-size:13px;font-weight:700}.topic-node-label{text-anchor:middle;paint-order:stroke;stroke:#f8fafceb;stroke-width:4px;stroke-linejoin:round;pointer-events:none;font-size:15px;font-weight:700}