.viz-container[data-astro-cid-af4ov3vg]{max-width:1100px;margin:0 auto;padding:20px}.viz-header[data-astro-cid-af4ov3vg]{text-align:center;margin-bottom:40px}.viz-header[data-astro-cid-af4ov3vg] h1[data-astro-cid-af4ov3vg]{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-af4ov3vg]{color:#94a3b8;font-size:1.1rem;max-width:700px;margin:0 auto}.overview-section[data-astro-cid-af4ov3vg]{margin-bottom:40px}.overview-card[data-astro-cid-af4ov3vg]{background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:14px;padding:28px;line-height:1.8;color:#ccc;font-size:.95rem}.overview-card[data-astro-cid-af4ov3vg] strong[data-astro-cid-af4ov3vg]{color:#fff}.interactive-section[data-astro-cid-af4ov3vg]{margin-bottom:50px}.interactive-section[data-astro-cid-af4ov3vg] h2[data-astro-cid-af4ov3vg]{font-size:1.5rem;color:#fff;margin-bottom:8px}.section-desc[data-astro-cid-af4ov3vg]{color:#94a3b8;margin-bottom:20px;line-height:1.6}.calculator-card[data-astro-cid-af4ov3vg]{background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:14px;padding:28px}.slider-row[data-astro-cid-af4ov3vg]{margin-bottom:20px}.slider-row[data-astro-cid-af4ov3vg] label[data-astro-cid-af4ov3vg]{display:block;color:#ccc;margin-bottom:8px;font-size:.9rem}.slider-row[data-astro-cid-af4ov3vg] strong[data-astro-cid-af4ov3vg]{color:#34d399}.slider-row[data-astro-cid-af4ov3vg] input[data-astro-cid-af4ov3vg][type=range]{width:100%;accent-color:#34d399}.slider-row[data-astro-cid-af4ov3vg] select[data-astro-cid-af4ov3vg]{background:#1a1a2e;color:#ccc;border:1px solid rgba(255,255,255,.15);padding:6px 12px;border-radius:6px;font-size:.9rem}.range-labels[data-astro-cid-af4ov3vg]{display:flex;justify-content:space-between;color:#666;font-size:.8rem;margin-top:4px}.codec-select[data-astro-cid-af4ov3vg]{background:#1a1a2e;color:#ccc;border:1px solid rgba(255,255,255,.15);padding:6px 12px;border-radius:6px;font-size:.9rem;margin-top:4px}.ctrl-btn[data-astro-cid-af4ov3vg]{padding:10px 20px;border:none;border-radius:8px;font-size:.9rem;cursor:pointer;font-weight:600;transition:all .2s}.green-btn[data-astro-cid-af4ov3vg]{background:#34d39926;color:#34d399;border:1px solid rgba(52,211,153,.3)}.green-btn[data-astro-cid-af4ov3vg]:hover{background:#34d39940}.blue-btn[data-astro-cid-af4ov3vg]{background:#60a5fa26;color:#60a5fa;border:1px solid rgba(96,165,250,.3)}.blue-btn[data-astro-cid-af4ov3vg]:hover{background:#60a5fa40}.red-btn[data-astro-cid-af4ov3vg]{background:#fb718526;color:#fb7185;border:1px solid rgba(251,113,133,.3)}.red-btn[data-astro-cid-af4ov3vg]:hover{background:#fb718540}.dim-btn[data-astro-cid-af4ov3vg]{background:#ffffff0d;color:#94a3b8;border:1px solid rgba(255,255,255,.1)}.dim-btn[data-astro-cid-af4ov3vg]:hover{background:#ffffff1a}.stream-controls[data-astro-cid-af4ov3vg]{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;flex-wrap:wrap;gap:12px}.control-row[data-astro-cid-af4ov3vg]{display:flex;gap:10px;flex-wrap:wrap}.bitrate-selector[data-astro-cid-af4ov3vg]{display:flex;align-items:center;gap:8px;color:#ccc;font-size:.9rem}.bitrate-selector[data-astro-cid-af4ov3vg] select[data-astro-cid-af4ov3vg]{background:#1a1a2e;color:#ccc;border:1px solid rgba(255,255,255,.15);padding:6px 12px;border-radius:6px}.waveform-container[data-astro-cid-af4ov3vg]{display:flex;align-items:flex-end;justify-content:center;gap:3px;height:80px;margin-bottom:16px;padding:10px;background:#0003;border-radius:10px}.wave-bar[data-astro-cid-af4ov3vg]{width:100%;max-width:16px;background:#ffffff1a;border-radius:3px 3px 0 0;transition:background .15s,height .3s}.wave-bar[data-astro-cid-af4ov3vg].active{background:#34d39966}.wave-bar[data-astro-cid-af4ov3vg].current{background:#34d399;animation:pulse-bar .5s infinite alternate}@keyframes pulse-bar{0%{opacity:.7}to{opacity:1}}.chunk-strip[data-astro-cid-af4ov3vg]{display:flex;gap:4px;margin-bottom:20px}.chunk[data-astro-cid-af4ov3vg]{flex:1;height:32px;background:#ffffff0f;border:1px solid rgba(255,255,255,.08);border-radius:4px;display:flex;align-items:center;justify-content:center;font-size:.7rem;color:#555;transition:all .3s}.chunk[data-astro-cid-af4ov3vg].loaded{background:#34d39926;border-color:#34d3994d;color:#34d399}.chunk[data-astro-cid-af4ov3vg].playing{background:#34d39959;border-color:#34d399;color:#fff;box-shadow:0 0 8px #34d3994d}.chunk[data-astro-cid-af4ov3vg].buffering{background:#fb718526;border-color:#fb71854d;color:#fb7185;animation:blink .5s infinite alternate}@keyframes blink{0%{opacity:.5}to{opacity:1}}.stream-stats[data-astro-cid-af4ov3vg]{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.stream-stat[data-astro-cid-af4ov3vg]{text-align:center}.stream-stat[data-astro-cid-af4ov3vg] .stat-label[data-astro-cid-af4ov3vg]{display:block;color:#666;font-size:.8rem;margin-bottom:4px}.stream-stat[data-astro-cid-af4ov3vg] .stat-value[data-astro-cid-af4ov3vg]{color:#34d399;font-family:monospace;font-size:1.1rem;font-weight:600}.quality-tiers[data-astro-cid-af4ov3vg]{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:24px 0}.quality-tier[data-astro-cid-af4ov3vg]{background:#0003;border:1px solid rgba(255,255,255,.08);border-radius:10px;padding:14px;text-align:center;transition:all .3s}.quality-tier[data-astro-cid-af4ov3vg].tier-unavailable{opacity:.4}.tier-header[data-astro-cid-af4ov3vg]{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.tier-name[data-astro-cid-af4ov3vg]{color:#ccc;font-size:.85rem;font-weight:600}.tier-bitrate[data-astro-cid-af4ov3vg]{color:#666;font-size:.8rem;font-family:monospace}.tier-bar[data-astro-cid-af4ov3vg]{height:6px;background:#ffffff0f;border-radius:3px;overflow:hidden;margin-bottom:8px}.tier-fill[data-astro-cid-af4ov3vg]{height:100%;background:linear-gradient(90deg,#34d399,#60a5fa);border-radius:3px}.tier-status[data-astro-cid-af4ov3vg]{font-size:.8rem;font-weight:600}.abr-results[data-astro-cid-af4ov3vg]{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:20px}.estimation-results[data-astro-cid-af4ov3vg]{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:24px}.est-item[data-astro-cid-af4ov3vg]{background:#0003;border:1px solid rgba(255,255,255,.06);border-radius:10px;padding:16px;text-align:center}.est-label[data-astro-cid-af4ov3vg]{color:#888;font-size:.8rem;margin-bottom:6px}.est-value[data-astro-cid-af4ov3vg]{color:#34d399;font-family:monospace;font-size:1.2rem;font-weight:700}.rec-grid-wrapper[data-astro-cid-af4ov3vg]{overflow-x:auto;margin-bottom:20px}.rec-grid[data-astro-cid-af4ov3vg]{width:100%;border-collapse:collapse;font-size:.85rem}.rec-grid[data-astro-cid-af4ov3vg] th[data-astro-cid-af4ov3vg]{color:#94a3b8;font-weight:600;padding:10px 8px;text-align:center;border-bottom:1px solid rgba(255,255,255,.1);white-space:nowrap}.rec-grid[data-astro-cid-af4ov3vg] td[data-astro-cid-af4ov3vg]{padding:10px 8px;text-align:center;border-bottom:1px solid rgba(255,255,255,.05)}.user-label[data-astro-cid-af4ov3vg]{color:#ccc;font-weight:600;text-align:left!important;white-space:nowrap}.rating-cell[data-astro-cid-af4ov3vg]{color:#666;font-family:monospace;font-size:.9rem}.rating-cell[data-astro-cid-af4ov3vg].rated{color:#34d399;font-weight:700}.rating-cell[data-astro-cid-af4ov3vg].predicted{color:#a78bfa;font-weight:700;background:#a78bfa14;border-radius:4px}.rec-controls[data-astro-cid-af4ov3vg]{display:flex;gap:12px;margin-bottom:20px}.similarity-output[data-astro-cid-af4ov3vg]{background:#0003;border-radius:10px;padding:20px}.similarity-output[data-astro-cid-af4ov3vg] h4[data-astro-cid-af4ov3vg]{color:#fff;margin-bottom:16px;font-size:1rem}.sim-placeholder[data-astro-cid-af4ov3vg]{color:#666;font-style:italic;margin:0}.sim-bars[data-astro-cid-af4ov3vg]{display:flex;flex-direction:column;gap:10px}.sim-bar-row[data-astro-cid-af4ov3vg]{display:flex;align-items:center;gap:12px}.sim-user[data-astro-cid-af4ov3vg]{color:#ccc;width:60px;font-size:.85rem;font-weight:600}.sim-bar-track[data-astro-cid-af4ov3vg]{flex:1;height:8px;background:#ffffff0f;border-radius:4px;overflow:hidden}.sim-bar-fill[data-astro-cid-af4ov3vg]{height:100%;border-radius:4px;transition:width .5s}.sim-pct[data-astro-cid-af4ov3vg]{color:#ccc;font-family:monospace;font-size:.85rem;width:40px;text-align:right}.sim-note[data-astro-cid-af4ov3vg]{color:#94a3b8;font-size:.85rem;margin-top:16px;margin-bottom:0}.decisions-grid[data-astro-cid-af4ov3vg]{display:grid;grid-template-columns:1fr 1fr;gap:20px}.decision-card[data-astro-cid-af4ov3vg]{background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:14px;padding:24px}.decision-card[data-astro-cid-af4ov3vg] h3[data-astro-cid-af4ov3vg]{font-size:1rem;color:#fff;margin-bottom:10px}.decision-card[data-astro-cid-af4ov3vg] p[data-astro-cid-af4ov3vg]{color:#aaa;line-height:1.6;font-size:.9rem;margin-bottom:10px}.decision-card[data-astro-cid-af4ov3vg] p[data-astro-cid-af4ov3vg]:last-child{margin-bottom:0}.decision-card[data-astro-cid-af4ov3vg] strong[data-astro-cid-af4ov3vg]{color:#34d399}.decision-card[data-astro-cid-af4ov3vg] code[data-astro-cid-af4ov3vg]{background:#0000004d;padding:2px 6px;border-radius:4px;font-size:.85rem;color:#34d399}.arch-diagram[data-astro-cid-af4ov3vg]{background:#0003;border:1px solid rgba(255,255,255,.08);border-radius:14px;padding:32px;text-align:center}.arch-row[data-astro-cid-af4ov3vg]{display:flex;justify-content:center;gap:20px;flex-wrap:wrap}.arch-bottom-row[data-astro-cid-af4ov3vg]{gap:24px}.arch-arrow[data-astro-cid-af4ov3vg]{color:#555;font-size:1.2rem;text-align:center;margin:8px 0;font-family:monospace}.arch-branch[data-astro-cid-af4ov3vg]{display:flex;justify-content:center;gap:16px;flex-wrap:wrap}.arch-path[data-astro-cid-af4ov3vg]{display:flex;flex-direction:column;align-items:center;gap:6px;flex:1;min-width:140px}.arch-label[data-astro-cid-af4ov3vg]{color:#94a3b8;font-size:.75rem;text-transform:uppercase;letter-spacing:1px;font-weight:600}.arch-node[data-astro-cid-af4ov3vg]{padding:12px 18px;border-radius:10px;font-size:.85rem;font-weight:600;text-align:center}.client-node[data-astro-cid-af4ov3vg]{background:#34d3991f;border:1px solid rgba(52,211,153,.3);color:#34d399}.gateway-node[data-astro-cid-af4ov3vg]{background:#60a5fa1f;border:1px solid rgba(96,165,250,.3);color:#60a5fa}.service-node[data-astro-cid-af4ov3vg]{background:#a78bfa1f;border:1px solid rgba(167,139,250,.3);color:#a78bfa}.storage-node[data-astro-cid-af4ov3vg]{background:#fbbf241a;border:1px solid rgba(251,191,36,.25);color:#fbbf24;font-size:.8rem}.infra-node[data-astro-cid-af4ov3vg]{background:#fb71851a;border:1px solid rgba(251,113,133,.25);color:#fb7185;font-size:.8rem}.viz-footer[data-astro-cid-af4ov3vg]{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-af4ov3vg]{display:flex;align-items:center;justify-content:center;gap:16px;margin-bottom:30px}.share-buttons[data-astro-cid-af4ov3vg] span[data-astro-cid-af4ov3vg]{color:#666}.share-btn[data-astro-cid-af4ov3vg]{padding:10px 20px;background:#ffffff1a;border-radius:8px;color:#fff;font-size:.9rem;transition:background .2s;text-decoration:none}.share-btn[data-astro-cid-af4ov3vg]:hover{background:#fff3}@media(max-width:768px){.viz-header[data-astro-cid-af4ov3vg] h1[data-astro-cid-af4ov3vg]{font-size:1.8rem}.stream-stats[data-astro-cid-af4ov3vg],.quality-tiers[data-astro-cid-af4ov3vg],.abr-results[data-astro-cid-af4ov3vg],.estimation-results[data-astro-cid-af4ov3vg]{grid-template-columns:repeat(2,1fr)}.decisions-grid[data-astro-cid-af4ov3vg]{grid-template-columns:1fr}.arch-branch[data-astro-cid-af4ov3vg]{flex-direction:column;align-items:center}.arch-path[data-astro-cid-af4ov3vg]{min-width:200px}.arch-bottom-row[data-astro-cid-af4ov3vg]{flex-direction:column;align-items:center}.stream-controls[data-astro-cid-af4ov3vg]{flex-direction:column}.control-row[data-astro-cid-af4ov3vg]{justify-content:center}.rec-grid[data-astro-cid-af4ov3vg]{font-size:.75rem}.rec-grid[data-astro-cid-af4ov3vg] th[data-astro-cid-af4ov3vg],.rec-grid[data-astro-cid-af4ov3vg] td[data-astro-cid-af4ov3vg]{padding:6px 4px}}@media(max-width:480px){.stream-stats[data-astro-cid-af4ov3vg],.quality-tiers[data-astro-cid-af4ov3vg],.abr-results[data-astro-cid-af4ov3vg],.estimation-results[data-astro-cid-af4ov3vg]{grid-template-columns:1fr}}