.viz-container[data-astro-cid-qfh4kpro]{max-width:1100px;margin:0 auto;padding:20px}.viz-header[data-astro-cid-qfh4kpro]{text-align:center;margin-bottom:40px}.viz-header[data-astro-cid-qfh4kpro] h1[data-astro-cid-qfh4kpro]{font-size:2.5rem;margin-bottom:10px;background:linear-gradient(90deg,#34d399,#60a5fa);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.subtitle[data-astro-cid-qfh4kpro]{color:#94a3b8;font-size:1.1rem}h2[data-astro-cid-qfh4kpro]{font-size:1.5rem;color:#fff;margin-bottom:12px}.section-desc[data-astro-cid-qfh4kpro]{color:#888;margin-bottom:20px;line-height:1.6}.section-desc[data-astro-cid-qfh4kpro] code[data-astro-cid-qfh4kpro]{background:#0000004d;padding:2px 6px;border-radius:4px;font-size:.85rem;color:#34d399}.overview-section[data-astro-cid-qfh4kpro]{margin-bottom:50px}.overview-card[data-astro-cid-qfh4kpro]{background:linear-gradient(135deg,#34d3991a,#34d39908);border:1px solid rgba(52,211,153,.3);border-radius:16px;padding:24px 28px;font-size:1.05rem;line-height:1.8;color:#ccc}.overview-card[data-astro-cid-qfh4kpro] strong[data-astro-cid-qfh4kpro]{color:#fff}.overview-card[data-astro-cid-qfh4kpro] code[data-astro-cid-qfh4kpro]{background:#0000004d;padding:2px 6px;border-radius:4px;font-size:.9rem;color:#34d399}.interactive-section[data-astro-cid-qfh4kpro]{margin-bottom:50px}.calculator-card[data-astro-cid-qfh4kpro]{background:#0003;border:1px solid rgba(255,255,255,.1);border-radius:14px;padding:24px}.slider-row[data-astro-cid-qfh4kpro]{margin-bottom:20px}.slider-row[data-astro-cid-qfh4kpro] label[data-astro-cid-qfh4kpro]{display:block;color:#aaa;margin-bottom:8px;font-size:.95rem}.slider-row[data-astro-cid-qfh4kpro] strong[data-astro-cid-qfh4kpro]{color:#34d399}.slider-row[data-astro-cid-qfh4kpro] input[data-astro-cid-qfh4kpro][type=range]{width:100%;accent-color:#34d399}.estimation-results[data-astro-cid-qfh4kpro]{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:20px;padding-top:20px;border-top:1px solid rgba(255,255,255,.06)}.est-item[data-astro-cid-qfh4kpro]{text-align:center}.est-label[data-astro-cid-qfh4kpro]{display:block;font-size:.8rem;color:#888;margin-bottom:4px}.est-value[data-astro-cid-qfh4kpro]{font-size:1.3rem;font-weight:700;color:#34d399;font-family:monospace}.e2e-participants[data-astro-cid-qfh4kpro]{display:flex;gap:20px;align-items:flex-start;margin-bottom:20px;flex-wrap:wrap}.e2e-user[data-astro-cid-qfh4kpro]{flex:1;min-width:200px;background:#0003;border-radius:10px;padding:16px}.e2e-user-label[data-astro-cid-qfh4kpro]{font-size:1.1rem;font-weight:700;margin-bottom:10px}.e2e-key-row[data-astro-cid-qfh4kpro]{font-size:.82rem;color:#aaa;padding:4px 0;display:flex;align-items:center;gap:6px}.e2e-key-label[data-astro-cid-qfh4kpro]{color:#888;min-width:80px}.e2e-key-row[data-astro-cid-qfh4kpro] code[data-astro-cid-qfh4kpro]{background:#0000004d;padding:2px 6px;border-radius:4px;color:#fbbf24;font-size:.78rem;word-break:break-all}.e2e-exchange[data-astro-cid-qfh4kpro]{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;min-width:120px}.e2e-arrow-label[data-astro-cid-qfh4kpro]{font-size:.75rem;color:#888}.e2e-arrows[data-astro-cid-qfh4kpro]{font-size:1.8rem;color:#a78bfa}.e2e-shared-label[data-astro-cid-qfh4kpro]{font-size:.75rem;color:#888}.e2e-shared-value[data-astro-cid-qfh4kpro]{font-size:.78rem;color:#a78bfa;word-break:break-all;text-align:center;max-width:140px}.e2e-message-input[data-astro-cid-qfh4kpro]{margin-bottom:20px}.e2e-message-input[data-astro-cid-qfh4kpro] label[data-astro-cid-qfh4kpro]{display:flex;align-items:center;gap:10px;color:#aaa;font-size:.95rem}.e2e-message-input[data-astro-cid-qfh4kpro] input[data-astro-cid-qfh4kpro][type=text]{flex:1;background:#0000004d;border:1px solid rgba(255,255,255,.2);border-radius:8px;padding:10px 14px;color:#fff;font-size:.95rem}.e2e-flow[data-astro-cid-qfh4kpro]{display:flex;align-items:stretch;gap:0;margin-bottom:16px;flex-wrap:wrap}.e2e-step[data-astro-cid-qfh4kpro]{flex:1;min-width:140px;background:#0003;border-radius:10px;padding:14px;text-align:center}.e2e-step-encrypted[data-astro-cid-qfh4kpro]{background:#fb718514;border:1px solid rgba(251,113,133,.2)}.e2e-step-label[data-astro-cid-qfh4kpro]{font-size:.8rem;color:#888;margin-bottom:6px}.e2e-step-value[data-astro-cid-qfh4kpro]{font-size:.9rem;font-weight:600;color:#34d399;font-family:monospace;word-break:break-all}.e2e-step-encrypted[data-astro-cid-qfh4kpro] .e2e-step-value[data-astro-cid-qfh4kpro]{color:#fb7185}.e2e-step-arrow[data-astro-cid-qfh4kpro]{display:flex;align-items:center;color:#555;font-size:1.2rem;padding:0 8px}.e2e-server-note[data-astro-cid-qfh4kpro]{font-size:.85rem;color:#fb7185;font-style:italic;padding:10px;background:#fb71850d;border-radius:8px;margin-bottom:16px;text-align:center}.e2e-controls[data-astro-cid-qfh4kpro]{display:flex;gap:12px;justify-content:center}.delivery-scenario[data-astro-cid-qfh4kpro]{margin-bottom:20px}.delivery-scenario[data-astro-cid-qfh4kpro] label[data-astro-cid-qfh4kpro]{display:flex;align-items:center;gap:10px;color:#aaa;font-size:.95rem}.delivery-scenario[data-astro-cid-qfh4kpro] select[data-astro-cid-qfh4kpro]{background:#0000004d;border:1px solid rgba(255,255,255,.2);border-radius:8px;padding:8px 12px;color:#fff;font-size:.9rem}.delivery-flow[data-astro-cid-qfh4kpro]{display:flex;align-items:center;justify-content:center;gap:0;margin-bottom:20px;flex-wrap:wrap}.delivery-node[data-astro-cid-qfh4kpro]{display:flex;flex-direction:column;align-items:center;gap:6px;padding:16px 20px;border-radius:12px;border:2px solid rgba(255,255,255,.1);background:#0003;transition:all .4s;min-width:80px}.delivery-node[data-astro-cid-qfh4kpro].delivery-active{border-color:#34d399b3;background:#34d3991a;box-shadow:0 0 20px #34d39926}.delivery-node[data-astro-cid-qfh4kpro].delivery-done{border-color:#60a5fa66;background:#60a5fa0d}.delivery-icon[data-astro-cid-qfh4kpro]{font-size:1.5rem}.delivery-node-label[data-astro-cid-qfh4kpro]{font-size:.8rem;color:#aaa;font-weight:600}.delivery-connector[data-astro-cid-qfh4kpro]{flex:1;min-width:40px;max-width:100px;height:2px;position:relative;display:flex;align-items:center}.delivery-connector-line[data-astro-cid-qfh4kpro]{width:100%;height:2px;background:#ffffff1a;transition:background .4s}.connector-active[data-astro-cid-qfh4kpro] .delivery-connector-line[data-astro-cid-qfh4kpro]{background:#34d399;box-shadow:0 0 8px #34d3994d}.delivery-status-display[data-astro-cid-qfh4kpro]{display:flex;justify-content:center;margin-bottom:16px}.delivery-msg-bubble[data-astro-cid-qfh4kpro]{background:#34d3991f;border:1px solid rgba(52,211,153,.25);border-radius:12px 12px 12px 4px;padding:12px 16px;max-width:320px;display:flex;align-items:flex-end;gap:8px}.bubble-text[data-astro-cid-qfh4kpro]{color:#fff;font-size:.9rem}.bubble-time[data-astro-cid-qfh4kpro]{font-size:.7rem;color:#888;white-space:nowrap}.bubble-check[data-astro-cid-qfh4kpro]{font-size:.75rem;color:#888;white-space:nowrap;min-width:18px}.check-sent[data-astro-cid-qfh4kpro],.check-delivered[data-astro-cid-qfh4kpro]{color:#888}.check-read[data-astro-cid-qfh4kpro]{color:#60a5fa}.delivery-log[data-astro-cid-qfh4kpro]{margin-bottom:16px;padding:16px;background:#0003;border-radius:10px;min-height:40px;max-height:200px;overflow-y:auto}.delivery-controls[data-astro-cid-qfh4kpro]{display:flex;gap:12px;justify-content:center}.log-empty[data-astro-cid-qfh4kpro]{color:#666;font-size:.85rem;font-style:italic}.log-entry[data-astro-cid-qfh4kpro]{font-size:.85rem;color:#aaa;padding:5px 0;border-bottom:1px solid rgba(255,255,255,.04)}.log-entry[data-astro-cid-qfh4kpro]:last-child{border-bottom:none}.log-step[data-astro-cid-qfh4kpro]{color:#60a5fa;font-weight:600;font-family:monospace;margin-right:8px}.fanout-compare[data-astro-cid-qfh4kpro]{display:flex;gap:20px;align-items:flex-start;margin-bottom:16px;flex-wrap:wrap}.fanout-strategy[data-astro-cid-qfh4kpro]{flex:1;min-width:220px;background:#0003;border-radius:12px;padding:20px}.fanout-strategy[data-astro-cid-qfh4kpro] h3[data-astro-cid-qfh4kpro]{font-size:1rem;margin-bottom:6px}.fanout-desc[data-astro-cid-qfh4kpro]{font-size:.82rem;color:#888;margin-bottom:14px}.fanout-stats[data-astro-cid-qfh4kpro]{display:flex;flex-direction:column;gap:8px;margin-bottom:14px}.fanout-stat[data-astro-cid-qfh4kpro]{display:flex;justify-content:space-between;align-items:center}.fanout-stat-label[data-astro-cid-qfh4kpro]{font-size:.82rem;color:#888}.fanout-stat-value[data-astro-cid-qfh4kpro]{font-size:1rem;font-weight:700;font-family:monospace;color:#34d399}.fanout-vs[data-astro-cid-qfh4kpro]{display:flex;align-items:center;color:#34d399;font-weight:700;font-size:1.1rem;padding-top:40px}.fanout-bar[data-astro-cid-qfh4kpro]{height:8px;background:#ffffff0f;border-radius:4px;overflow:hidden}.fanout-bar-fill[data-astro-cid-qfh4kpro]{height:100%;border-radius:4px;transition:width .5s}.fanout-bar-write[data-astro-cid-qfh4kpro]{background:linear-gradient(90deg,#fb7185,#f43f5e)}.fanout-bar-pointer[data-astro-cid-qfh4kpro]{background:linear-gradient(90deg,#34d399,#2cc084)}.fanout-insight[data-astro-cid-qfh4kpro]{font-size:.85rem;color:#a78bfa;font-style:italic;padding:12px;background:#a78bfa0d;border:1px solid rgba(167,139,250,.2);border-radius:8px}.presence-users[data-astro-cid-qfh4kpro]{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:20px}.presence-user[data-astro-cid-qfh4kpro]{display:flex;align-items:center;gap:10px;padding:12px;background:#0003;border-radius:10px;border:1px solid rgba(255,255,255,.06)}.presence-dot[data-astro-cid-qfh4kpro]{width:10px;height:10px;border-radius:50%;flex-shrink:0}.presence-name[data-astro-cid-qfh4kpro]{font-size:.9rem;color:#fff;font-weight:600;min-width:50px}.presence-status[data-astro-cid-qfh4kpro]{font-size:.75rem;flex:1;min-width:60px}.presence-toggle[data-astro-cid-qfh4kpro]{padding:4px 10px;font-size:.72rem}.presence-controls[data-astro-cid-qfh4kpro]{display:flex;gap:12px;justify-content:center;margin-bottom:16px}.presence-stats[data-astro-cid-qfh4kpro]{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:16px;padding:16px 0;border-top:1px solid rgba(255,255,255,.06);border-bottom:1px solid rgba(255,255,255,.06)}.presence-log[data-astro-cid-qfh4kpro]{margin-bottom:16px;padding:16px;background:#0003;border-radius:10px;min-height:40px;max-height:200px;overflow-y:auto}.presence-insight[data-astro-cid-qfh4kpro]{font-size:.85rem;color:#aaa;padding:14px;background:#00000026;border-radius:10px;line-height:1.6}.presence-insight[data-astro-cid-qfh4kpro] strong[data-astro-cid-qfh4kpro]{color:#fbbf24}.ctrl-btn[data-astro-cid-qfh4kpro]{padding:10px 20px;border:none;border-radius:8px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s}.green-btn[data-astro-cid-qfh4kpro]{background:#34d399;color:#000}.green-btn[data-astro-cid-qfh4kpro]:hover{background:#2cc084}.blue-btn[data-astro-cid-qfh4kpro]{background:#60a5fa;color:#000}.blue-btn[data-astro-cid-qfh4kpro]:hover{background:#3b82f6}.dim-btn[data-astro-cid-qfh4kpro]{background:#ffffff1a;color:#aaa;border:1px solid rgba(255,255,255,.15)}.dim-btn[data-astro-cid-qfh4kpro]:hover{background:#fff3}.arch-diagram[data-astro-cid-qfh4kpro]{display:flex;align-items:flex-start;gap:12px;flex-wrap:wrap;justify-content:center;padding:30px;background:#0003;border:1px solid rgba(255,255,255,.1);border-radius:14px}.arch-node[data-astro-cid-qfh4kpro]{padding:12px 20px;border-radius:10px;font-weight:600;font-size:.9rem;text-align:center;min-width:100px}.client-node[data-astro-cid-qfh4kpro]{background:#60a5fa26;border:1px solid rgba(96,165,250,.4);color:#60a5fa}.api-node[data-astro-cid-qfh4kpro]{background:#fbbf2426;border:1px solid rgba(251,191,36,.4);color:#fbbf24}.service-node[data-astro-cid-qfh4kpro],.ws-node[data-astro-cid-qfh4kpro]{background:#34d39926;border:1px solid rgba(52,211,153,.4);color:#34d399}.db-node[data-astro-cid-qfh4kpro]{background:#60a5fa26;border:1px solid rgba(96,165,250,.4);color:#60a5fa}.cache-node[data-astro-cid-qfh4kpro]{background:#fb718526;border:1px solid rgba(251,113,133,.4);color:#fb7185}.mq-node[data-astro-cid-qfh4kpro]{background:#a78bfa26;border:1px solid rgba(167,139,250,.4);color:#a78bfa}.presence-node[data-astro-cid-qfh4kpro],.storage-node[data-astro-cid-qfh4kpro]{background:#fbbf2426;border:1px solid rgba(251,191,36,.4);color:#fbbf24}.arch-arrow[data-astro-cid-qfh4kpro]{color:#555;font-size:1.2rem;display:flex;align-items:center}.arch-branch[data-astro-cid-qfh4kpro]{display:flex;gap:24px;width:100%;justify-content:center;margin-top:16px}.arch-path[data-astro-cid-qfh4kpro]{display:flex;flex-direction:column;align-items:center;gap:8px}.arch-label[data-astro-cid-qfh4kpro]{font-size:.75rem;color:#666;text-align:center}.arch-notes[data-astro-cid-qfh4kpro]{margin-top:16px;padding:16px;background:#00000026;border-radius:10px;border:1px solid rgba(255,255,255,.06)}.arch-note[data-astro-cid-qfh4kpro]{font-size:.85rem;color:#aaa;padding:6px 0;line-height:1.5}.arch-note[data-astro-cid-qfh4kpro] strong[data-astro-cid-qfh4kpro]{color:#34d399}.decisions-grid[data-astro-cid-qfh4kpro]{display:grid;grid-template-columns:1fr 1fr;gap:20px}.decision-card[data-astro-cid-qfh4kpro]{background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:14px;padding:24px}.decision-card[data-astro-cid-qfh4kpro] h3[data-astro-cid-qfh4kpro]{font-size:1rem;color:#fff;margin-bottom:10px}.decision-card[data-astro-cid-qfh4kpro] p[data-astro-cid-qfh4kpro]{color:#aaa;line-height:1.6;font-size:.9rem}.decision-card[data-astro-cid-qfh4kpro] strong[data-astro-cid-qfh4kpro]{color:#34d399}.decision-card[data-astro-cid-qfh4kpro] code[data-astro-cid-qfh4kpro]{background:#0000004d;padding:2px 6px;border-radius:4px;font-size:.85rem;color:#34d399}.highlight-card[data-astro-cid-qfh4kpro]{background:linear-gradient(135deg,#34d39914,#34d3990a);border-color:#34d3994d;grid-column:span 2}.decision-compare[data-astro-cid-qfh4kpro]{display:flex;gap:20px;align-items:flex-start}.decision-option[data-astro-cid-qfh4kpro]{flex:1;background:#0003;border-radius:10px;padding:16px}.decision-option[data-astro-cid-qfh4kpro] strong[data-astro-cid-qfh4kpro]{display:block;margin-bottom:8px;color:#fff}.decision-option[data-astro-cid-qfh4kpro] ul[data-astro-cid-qfh4kpro]{list-style:none;padding:0}.decision-option[data-astro-cid-qfh4kpro] li[data-astro-cid-qfh4kpro]{font-size:.85rem;color:#aaa;padding:4px 0}.decision-vs[data-astro-cid-qfh4kpro]{color:#34d399;font-weight:700;font-size:1.1rem;padding-top:30px}.viz-footer[data-astro-cid-qfh4kpro]{text-align:center;color:#666;font-size:.9rem;padding:20px 0;border-top:1px solid rgba(255,255,255,.1);margin-bottom:30px}.share-buttons[data-astro-cid-qfh4kpro]{display:flex;align-items:center;justify-content:center;gap:16px;margin-bottom:30px}.share-buttons[data-astro-cid-qfh4kpro] span[data-astro-cid-qfh4kpro]{color:#666}.share-btn[data-astro-cid-qfh4kpro]{padding:10px 20px;background:#ffffff1a;border-radius:8px;color:#fff;font-size:.9rem;transition:background .2s}.share-btn[data-astro-cid-qfh4kpro]:hover{background:#fff3}@media(max-width:768px){.viz-header[data-astro-cid-qfh4kpro] h1[data-astro-cid-qfh4kpro]{font-size:1.8rem}.decisions-grid[data-astro-cid-qfh4kpro]{grid-template-columns:1fr}.highlight-card[data-astro-cid-qfh4kpro]{grid-column:span 1}.estimation-results[data-astro-cid-qfh4kpro]{grid-template-columns:repeat(2,1fr)}.arch-diagram[data-astro-cid-qfh4kpro],.arch-branch[data-astro-cid-qfh4kpro]{flex-direction:column;align-items:center}.decision-compare[data-astro-cid-qfh4kpro],.e2e-participants[data-astro-cid-qfh4kpro]{flex-direction:column}.e2e-flow[data-astro-cid-qfh4kpro]{flex-direction:column;align-items:stretch}.e2e-step-arrow[data-astro-cid-qfh4kpro]{justify-content:center;transform:rotate(90deg);padding:4px 0}.delivery-flow[data-astro-cid-qfh4kpro]{flex-direction:column;align-items:center}.delivery-connector[data-astro-cid-qfh4kpro]{min-width:2px;min-height:30px;max-width:none;width:2px}.delivery-connector-line[data-astro-cid-qfh4kpro]{width:2px;height:30px}.fanout-compare[data-astro-cid-qfh4kpro]{flex-direction:column}.fanout-vs[data-astro-cid-qfh4kpro]{padding-top:0;justify-content:center}.presence-users[data-astro-cid-qfh4kpro]{grid-template-columns:1fr}.presence-stats[data-astro-cid-qfh4kpro]{grid-template-columns:repeat(2,1fr)}}