.cb-mermaid-wrap{background:var(--surface);border:1px solid var(--border);border-radius:12px;justify-content:center;width:100%;max-width:900px;margin:2rem auto;padding:2rem;display:flex;overflow-x:auto}.cb-flow-controls{flex-wrap:wrap;justify-content:center;gap:.75rem;margin-bottom:2rem;display:flex}.cb-tab-btn{background:var(--surface);color:var(--text-dim);border:1px solid var(--border2);cursor:pointer;font-family:var(--font-mono);border-radius:10px;padding:.5rem 1rem;font-size:.75rem;transition:all .2s}.cb-tab-btn:hover{color:#ff4081;border-color:#ff4081}.cb-tab-btn.active{color:#000;background:#ff4081;border-color:#ff4081;font-weight:700;box-shadow:0 0 15px #ff40814d}.cb-flow-diagram{background:var(--surface);border:1px solid var(--border);border-radius:12px;max-width:900px;margin:1rem auto;padding:2.5rem 2rem;position:relative;overflow:hidden}.cb-flow-status{font-family:var(--font-mono);font-size:.8rem;font-weight:600;position:absolute;top:1rem;right:1.5rem}.cb-flow-title{text-align:center;font-family:var(--font-display);color:var(--text-hi);margin-bottom:2.5rem;font-size:1.2rem;font-weight:700}.cb-nodes{justify-content:space-around;align-items:flex-start;max-width:700px;margin-bottom:3rem;margin-left:auto;margin-right:auto;display:flex;position:relative}.cb-node-container{z-index:2;flex-direction:column;align-items:center;gap:.8rem;width:120px;display:flex}.cb-node-box{background:var(--surface2);border:2px solid var(--border);border-radius:12px;flex-direction:column;justify-content:center;align-items:center;width:70px;height:70px;transition:all .3s;display:flex;position:relative;box-shadow:0 4px 12px #0003}.cb-node-box.active{border-color:#ff4081;transform:scale(1.05);box-shadow:0 0 20px #ff408166}.cb-node-box.processing{border-color:#00e5ff;animation:1.5s infinite cbPulse;transform:scale(1.05);box-shadow:0 0 20px #00e5ff66}.cb-node-box.error{border-color:#ff5252;transform:scale(1.05);box-shadow:0 0 20px #ff525266}.cb-node-box.success{border-color:#69f0ae;transform:scale(1.05);box-shadow:0 0 20px #69f0ae66}.cb-node-box.breaker{border-radius:50%}.cb-node-label{text-align:center;color:var(--text-dim);font-size:.85rem;line-height:1.3}.cb-breaker-status{background:var(--surface);border:1px solid var(--border);font-size:.65rem;font-family:var(--font-mono);border-radius:4px;padding:2px 6px;font-weight:700;position:absolute;bottom:-8px}.cb-breaker-status.closed{color:#69f0ae;border-color:#69f0ae4d}.cb-breaker-status.open{color:#ff5252;border-color:#ff52524d}.cb-breaker-status.half-open{color:#ff9100;border-color:#ff91004d}.flow-wrap{flex-direction:column;gap:.8rem;display:flex}.flow-step{align-items:stretch;transition:all .3s;display:flex;transform:translate(-10px)}.flow-step.visible{transform:translate(0)}.step-num{width:32px;min-width:32px;height:32px;font-family:var(--font-mono);border:2px solid;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;margin-right:1rem;font-size:.8rem;font-weight:700;display:flex}.step-body{border-radius:0 8px 8px 0;flex-grow:1;align-items:center;padding:.8rem 1rem;display:flex}.step-desc{font-size:.9rem;line-height:1.4}.cb-legend{flex-wrap:wrap;justify-content:center;gap:2rem;margin-top:1.5rem;display:flex}.cb-legend-item{color:var(--text-dim);align-items:center;gap:.5rem;font-size:.8rem;display:flex}.cb-legend-box{border-radius:2px;width:12px;height:12px}.leg-client{background:var(--surface2);border:1px solid var(--border)}.leg-breaker{background:var(--surface2);border:1px solid #ff4081;border-radius:50%}.leg-service{background:var(--surface2);border:1px solid #00e5ff}.cb-concepts-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;max-width:1100px;margin:2rem auto 3rem;padding:0 2rem;display:grid}.cb-concept-card{background:var(--surface);border:1px solid var(--border);border-radius:12px;flex-direction:column;gap:1rem;padding:1.5rem;display:flex;position:relative;overflow:hidden}.cb-concept-card:before{content:"";background:var(--card-color);height:4px;position:absolute;top:0;left:0;right:0}.cb-concept-title{font-family:var(--font-display);color:var(--text-hi);margin-top:.5rem;font-size:1.1rem;font-weight:700}.cb-concept-desc{color:var(--text-dim);font-size:.9rem;line-height:1.5}.cb-concept-example{font-family:var(--font-mono);color:var(--card-color);background:#ffffff08;border:1px dashed #ffffff1a;border-radius:6px;margin-top:auto;padding:.8rem;font-size:.75rem}@keyframes cbPulse{0%{box-shadow:0 0 #00e5ff66}70%{box-shadow:0 0 0 10px #00e5ff00}to{box-shadow:0 0 #00e5ff00}}.cb-rating-dots{gap:.3rem;display:flex}.cb-dot{background:var(--border2);border-radius:50%;width:8px;height:8px}.cb-dot.on{background:var(--cyan);box-shadow:0 0 8px #00e5ff66}[data-theme=light] .cb-mermaid-wrap{--bg:#080b10;--surface:#0e1219;--surface2:#151c27;--border:#1e2a3a;--border2:#253040;--text:#c9d3e0;--text-dim:#5a6a7e;--text-hi:#eef2f8;--cyan:#00e5ff;--purple:#b985f4;--green:#3effa3;--dim:#1e1e2e;background:#12161f;border:1px solid #1e2a3a;border-radius:16px;padding:2rem;box-shadow:0 4px 6px #00000026}