.n-bar-grid{display:flex;flex-direction:column;gap:8px;margin:1.5rem 0}.n-row{display:flex;align-items:center;gap:12px}.n-label{width:160px;font-size:12px;font-weight:600;color:var(--text);flex-shrink:0;text-align:right}.n-bar-wrap{flex:1;height:28px;background:var(--surface2);border-radius:6px;overflow:hidden;position:relative}.n-bar{height:100%;border-radius:6px;display:flex;align-items:center;padding-left:10px;font-size:11px;font-weight:600;color:#fff;min-width:30px;transition:width .6s ease}.n-count{font-family:var(--mono);font-size:11px;color:var(--text3);width:50px;text-align:right;flex-shrink:0}.n-status{font-size:10px;font-weight:700;width:50px;flex-shrink:0;text-align:center;padding:2px 0;border-radius:4px}.n-yes{color:var(--green);background:#05966910}.n-margin{color:var(--amber);background:#d9770610}.n-no{color:var(--red);background:#dc262610}.cluster-viz{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:2rem 0}@media(max-width:768px){.cluster-viz{grid-template-columns:1fr}}.cluster-card{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:24px;box-shadow:0 1px 3px #0000000a}.cluster-name{font-size:16px;font-weight:700;margin-bottom:4px}.cluster-code{font-family:var(--mono);font-size:11px;color:var(--text3);margin-bottom:12px}.cluster-dims{display:grid;grid-template-columns:auto 1fr;gap:4px 12px;font-size:12px;margin-bottom:12px}.cluster-dim-label{font-weight:600;color:var(--text3)}.cluster-dim-val{font-weight:600;color:var(--text)}.cluster-members{font-size:12px;color:var(--text2);line-height:1.6;padding-top:10px;border-top:1px solid var(--border)}.cluster-n{display:inline-flex;align-items:center;gap:4px;font-family:var(--mono);font-size:12px;font-weight:700;color:var(--green);margin-top:8px}.flow{display:flex;align-items:center;gap:0;margin:2rem 0;overflow-x:auto;padding:1rem 0}.flow-node{background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:16px 20px;text-align:center;min-width:140px;position:relative;box-shadow:0 1px 3px #0000000a}.flow-node.highlight{border-color:var(--red);box-shadow:0 2px 12px #dc262626}.flow-arrow{font-size:20px;color:var(--text3);padding:0 4px;flex-shrink:0}.flow-num{font-family:var(--mono);font-size:2rem;font-weight:700;margin-bottom:4px}.flow-label{font-size:12px;font-weight:600}.flow-sub{font-size:10px;color:var(--text3);margin-top:2px}.bridge{display:grid;grid-template-columns:1fr auto 1fr;gap:0;margin:2rem 0;align-items:center}@media(max-width:640px){.bridge{grid-template-columns:1fr;gap:16px}}.bridge-side{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:24px}.bridge-connector{display:flex;flex-direction:column;align-items:center;padding:0 20px}.bridge-arrow{font-size:14px;color:var(--red);font-weight:700;font-family:var(--mono);writing-mode:horizontal-tb}.bridge-label{font-size:10px;color:var(--text3);text-align:center;margin:4px 0;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.bridge-title{font-size:18px;font-weight:700;margin-bottom:4px}.bridge-stat{font-family:var(--mono);font-size:2rem;font-weight:700;margin-bottom:8px}.bridge-list{font-size:12px;color:var(--text2);line-height:1.8}.bridge-list strong{color:var(--text)}.xfer-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;margin:1.5rem 0}.xfer-card{padding:16px;background:var(--surface);border:1px solid var(--border);border-radius:10px}.xfer-card h4{font-size:13px;font-weight:700;margin-bottom:6px}.xfer-card p{font-size:11px;color:var(--text2);line-height:1.5}.xfer-card .xfer-tag{display:inline-block;font-size:9px;font-weight:700;padding:2px 6px;border-radius:3px;margin-top:6px}.xfer-measurable{color:var(--green);background:#05966910;border:1px solid #05966930}.xfer-hypothesis{color:var(--amber);background:#d9770610;border:1px solid #d9770630}.stack{display:flex;flex-direction:column;gap:0;margin:2rem 0}.stack-layer{padding:20px 24px;background:var(--surface);border:1px solid var(--border);display:flex;align-items:center;gap:16px}.stack-layer:first-child{border-radius:12px 12px 0 0}.stack-layer:last-child{border-radius:0 0 12px 12px}.stack-layer:not(:last-child){border-bottom:none}.stack-num{font-family:var(--mono);font-size:1.5rem;font-weight:700;width:40px;text-align:center;flex-shrink:0}.stack-content{flex:1}.stack-name{font-weight:700;font-size:15px;margin-bottom:2px}.stack-desc{font-size:12px;color:var(--text2)}.stack-status{font-size:10px;font-weight:700;padding:3px 10px;border-radius:100px;flex-shrink:0}
