.graph-view.svelte-tula8d{background:var(--bg-secondary);border:1px solid var(--border);border-radius:6px;padding:.5rem;overflow:hidden}svg.svelte-tula8d{width:100%;height:auto;display:block}.tier-label.svelte-tula8d{font-family:var(--font-mono);font-size:7px;fill:var(--text-muted);text-transform:uppercase;letter-spacing:.1em;opacity:.6}.graph-node.svelte-tula8d{cursor:pointer;transition:opacity .25s ease,transform .3s ease}.graph-node.svelte-tula8d:hover rect:where(.svelte-tula8d),.graph-node.node-active.svelte-tula8d rect:where(.svelte-tula8d){stroke-width:1.5;filter:brightness(1.3)}.graph-node.node-step-highlight.svelte-tula8d rect:where(.svelte-tula8d){stroke-width:1.5}.node-label.svelte-tula8d{font-family:var(--font-mono);font-size:8px;font-weight:600;letter-spacing:.03em}.node-sublabel.svelte-tula8d{font-family:var(--font-mono);font-size:6.5px;opacity:.7}.graph-edge.svelte-tula8d{transition:opacity .25s ease}.graph-edge.edge-highlighted.svelte-tula8d{filter:brightness(1.2)}@media(max-width:600px){.graph-view.svelte-tula8d{padding:.25rem}}.scenario-panel.svelte-15drtwo{display:flex;flex-direction:column;gap:1rem}.step-section.svelte-15drtwo{background:var(--bg-secondary);border:1px solid var(--border);border-radius:6px;padding:.75rem 1rem}.step-header.svelte-15drtwo{display:flex;align-items:center;gap:1rem;margin-bottom:.5rem}.step-controls.svelte-15drtwo{display:flex;align-items:center;gap:.35rem;flex-shrink:0}.step-btn.svelte-15drtwo{display:inline-flex;align-items:center;justify-content:center;width:1.8rem;height:1.8rem;padding:0;border:1px solid var(--border);border-radius:4px;background:var(--bg-tertiary);color:var(--text-secondary);cursor:pointer;font-family:var(--font-mono);font-size:.65rem;font-weight:600;letter-spacing:.05em;transition:all .15s}.step-btn.svelte-15drtwo:hover:not(:disabled){background:var(--border);color:var(--text-primary)}.step-btn.svelte-15drtwo:disabled{opacity:.3;cursor:not-allowed}.auto-btn.svelte-15drtwo{width:auto;padding:0 .5rem}.auto-btn.active.svelte-15drtwo{background:var(--accent-cyan);border-color:var(--accent-cyan);color:var(--bg-primary)}.step-counter.svelte-15drtwo{font-family:var(--font-mono);font-size:.7rem;color:var(--text-muted);min-width:2.8rem;text-align:center}.step-title.svelte-15drtwo{font-size:.85rem;font-weight:600;color:var(--text-primary);text-transform:none;letter-spacing:0}.step-narration.svelte-15drtwo{font-size:.82rem;line-height:1.6;color:var(--text-secondary)}.step-bits.svelte-15drtwo{display:flex;align-items:center;gap:.5rem;margin-top:.6rem;padding-top:.5rem;border-top:1px solid var(--border)}.bits-label.svelte-15drtwo{font-family:var(--font-mono);font-size:.6rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em}.bits-value.svelte-15drtwo{font-family:var(--font-mono);font-size:.8rem;background:var(--bg-primary);padding:.2rem .6rem;border-radius:3px;color:var(--accent-cyan);letter-spacing:.08em}.gnn-comparison.svelte-15drtwo{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.gnn-col.svelte-15drtwo{border-radius:6px;padding:.75rem;border:1px solid var(--border)}.gnn-side.svelte-15drtwo{background:#f871710d;border-color:#f8717133}.csp-side.svelte-15drtwo{background:#4ade800d;border-color:#4ade8033}.gnn-col-header.svelte-15drtwo{font-family:var(--font-mono);font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;margin-bottom:.5rem}.gnn-side.svelte-15drtwo .gnn-col-header:where(.svelte-15drtwo){color:var(--accent-red)}.csp-side.svelte-15drtwo .gnn-col-header:where(.svelte-15drtwo){color:var(--accent-green)}.gnn-list.svelte-15drtwo{list-style:none;padding:0;display:flex;flex-direction:column;gap:.25rem}.gnn-list.svelte-15drtwo li:where(.svelte-15drtwo){font-size:.75rem;color:var(--text-secondary);padding-left:.8rem;position:relative}.gnn-list.svelte-15drtwo li:where(.svelte-15drtwo):before{content:"•";position:absolute;left:0;color:var(--text-muted)}.gnn-latency.svelte-15drtwo{font-family:var(--font-mono);font-size:.7rem;font-weight:600;margin-top:.5rem;padding-top:.4rem;border-top:1px solid var(--border)}.gnn-side.svelte-15drtwo .gnn-latency:where(.svelte-15drtwo){color:var(--accent-red)}.csp-side.svelte-15drtwo .gnn-latency:where(.svelte-15drtwo){color:var(--accent-green)}@media(max-width:600px){.gnn-comparison.svelte-15drtwo{grid-template-columns:1fr}.step-header.svelte-15drtwo{flex-direction:column;align-items:flex-start;gap:.4rem}}.hero.svelte-1du1zi4{margin-bottom:1.5rem}.scenario-tabs.svelte-1du1zi4{display:flex;gap:0;border:1px solid var(--border);border-radius:6px;overflow:hidden;margin-bottom:1rem}.scenario-tab.svelte-1du1zi4{flex:1;display:flex;align-items:center;justify-content:center;gap:.4rem;padding:.6rem .5rem;border:none;border-right:1px solid var(--border);border-radius:0;background:var(--bg-secondary);color:var(--text-muted);cursor:pointer;font-size:.72rem;font-weight:500;text-transform:uppercase;letter-spacing:.04em;transition:all .15s}.scenario-tab.svelte-1du1zi4:last-child{border-right:none}.scenario-tab.svelte-1du1zi4:hover{background:var(--bg-tertiary);color:var(--text-secondary)}.scenario-tab.active.svelte-1du1zi4{background:var(--bg-tertiary);color:var(--accent-cyan);box-shadow:inset 0 -2px 0 var(--accent-cyan)}.tab-id.svelte-1du1zi4{font-family:var(--font-mono);font-weight:700;font-size:.7rem;width:1.3rem;height:1.3rem;display:inline-flex;align-items:center;justify-content:center;border-radius:3px;background:#ffffff0f}.scenario-tab.active.svelte-1du1zi4 .tab-id:where(.svelte-1du1zi4){background:#22d3ee26;color:var(--accent-cyan)}.tab-name.svelte-1du1zi4{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.question-bar.svelte-1du1zi4{display:flex;align-items:center;gap:.6rem;padding:.5rem .75rem;background:var(--bg-secondary);border:1px solid var(--border);border-radius:6px;margin-bottom:.75rem}.q-label.svelte-1du1zi4{font-family:var(--font-mono);font-size:.7rem;font-weight:700;color:var(--accent-cyan);background:#22d3ee1f;padding:.15rem .4rem;border-radius:3px}.q-text.svelte-1du1zi4{font-size:.9rem;font-weight:500;color:var(--text-primary);font-style:italic;flex:1}.q-bytes.svelte-1du1zi4{font-family:var(--font-mono);font-size:.7rem;color:var(--text-muted);flex-shrink:0}@media(max-width:600px){.scenario-tabs.svelte-1du1zi4{flex-direction:column}.scenario-tab.svelte-1du1zi4{border-right:none;border-bottom:1px solid var(--border)}.scenario-tab.svelte-1du1zi4:last-child{border-bottom:none}.scenario-tab.active.svelte-1du1zi4{box-shadow:inset 3px 0 0 var(--accent-cyan)}.tab-name.svelte-1du1zi4{font-size:.68rem}}
