.flow-container.svelte-rmlj8s{aspect-ratio:900/420;width:100%;max-width:900px;margin:0 auto;padding:0;position:relative}.flow-svg.svelte-rmlj8s{pointer-events:none;z-index:0;width:100%;height:100%;position:absolute;inset:0}.connection-path.svelte-rmlj8s{transition:stroke .4s var(--ease), stroke-opacity .4s var(--ease), stroke-width .4s var(--ease)}.traveling-dot.svelte-rmlj8s,.ambient-dot.svelte-rmlj8s{will-change:transform}.providers-column.svelte-rmlj8s{z-index:2;flex-direction:column;gap:8px;width:190px;display:flex;position:absolute;top:0;left:0}.provider-pill.svelte-rmlj8s{border:1px solid var(--glass-border);background:var(--glass-bg);-webkit-backdrop-filter:blur(var(--glass-blur));cursor:pointer;transition:background .3s var(--ease), color .3s var(--ease), border-color .3s var(--ease), box-shadow .3s var(--ease);color:var(--text-muted);text-align:left;border-radius:50px;align-items:center;gap:10px;height:40px;padding:8px 14px;font-size:.8rem;font-weight:500;display:flex}.provider-pill.svelte-rmlj8s:hover{border-color:var(--provider-color);background:var(--bg-card-hover)}.provider-pill.active.svelte-rmlj8s{border-color:var(--provider-color);color:var(--text);box-shadow:0 0 20px color-mix(in srgb, var(--provider-color) 25%, transparent)}.provider-dot.svelte-rmlj8s{width:8px;height:8px;transition:box-shadow .3s var(--ease);border-radius:50%;flex-shrink:0}.provider-pill.active.svelte-rmlj8s .provider-dot:where(.svelte-rmlj8s){box-shadow:0 0 8px}.more-dot.svelte-rmlj8s{background:var(--bg-card);width:auto;height:auto;color:var(--text-dim);font-size:.65rem;font-weight:700;font-family:var(--font-mono);border-radius:50px;padding:1px 5px}.provider-name.svelte-rmlj8s{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.relay-node.svelte-rmlj8s{z-index:2;text-align:center;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.relay-glow.svelte-rmlj8s{background:radial-gradient(ellipse at center, color-mix(in srgb, var(--active-color) 12%, transparent) 0%, transparent 70%);pointer-events:none;transition:background .6s var(--ease);border-radius:24px;animation:3s ease-in-out infinite svelte-rmlj8s-relayPulse;position:absolute;inset:-20px}@keyframes svelte-rmlj8s-relayPulse{0%,to{opacity:.6;transform:scale(1)}50%{opacity:1;transform:scale(1.08)}}.relay-content.svelte-rmlj8s{background:var(--glass-bg);-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border);border-radius:var(--radius);min-width:180px;transition:border-color .4s var(--ease);padding:16px 24px;position:relative}.relay-label.svelte-rmlj8s{font-size:.75rem;font-family:var(--font-mono);color:var(--text);letter-spacing:-.02em;margin-bottom:10px;font-weight:600;display:block}.relay-steps.svelte-rmlj8s{flex-wrap:nowrap;justify-content:center;align-items:center;gap:4px;display:flex}.relay-step.svelte-rmlj8s{font-size:.6rem;font-family:var(--font-mono);color:var(--active-color);opacity:0;transition:opacity .3s var(--ease), transform .3s var(--ease), color .4s var(--ease);text-transform:uppercase;letter-spacing:.04em;font-weight:500;transform:translateY(4px)}.relay-step.revealed.svelte-rmlj8s{opacity:1;transform:translateY(0)}.step-arrow.svelte-rmlj8s{color:var(--text-dim);opacity:0;transition:opacity .3s var(--ease);font-size:.6rem}.step-arrow.revealed.svelte-rmlj8s{opacity:.5}.iphone-node.svelte-rmlj8s{z-index:2;border-radius:var(--radius);border:1px solid var(--glass-border);background:var(--glass-bg);-webkit-backdrop-filter:blur(var(--glass-blur));transition:box-shadow .3s var(--ease), border-color .3s var(--ease);color:var(--text);flex-direction:column;align-items:center;gap:8px;padding:16px 20px;display:flex;position:absolute;top:50%;right:0;transform:translateY(-50%)}.iphone-node.pulse.svelte-rmlj8s{box-shadow:0 0 30px color-mix(in srgb, var(--active-color) 40%, transparent);border-color:var(--active-color)}.iphone-icon.svelte-rmlj8s{opacity:.8}.iphone-label.svelte-rmlj8s{font-size:.65rem;font-family:var(--font-mono);color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;white-space:nowrap}.info-panel.svelte-rmlj8s{z-index:3;background:var(--glass-bg);-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border);border-radius:var(--radius-sm);min-width:320px;transition:border-color .4s var(--ease);padding:12px 20px;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.info-header.svelte-rmlj8s{align-items:center;gap:8px;margin-bottom:8px;display:flex}.info-provider-dot.svelte-rmlj8s{border-radius:50%;flex-shrink:0;width:8px;height:8px}.info-provider-name.svelte-rmlj8s{color:var(--text);font-size:.85rem;font-weight:600}.info-template-badge.svelte-rmlj8s{font-size:.6rem;font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.05em;background:color-mix(in srgb, var(--badge-color) 15%, transparent);color:var(--badge-color);border-radius:50px;margin-left:auto;padding:2px 8px;font-weight:600}.info-details.svelte-rmlj8s{flex-direction:column;gap:4px;display:flex}.info-row.svelte-rmlj8s{align-items:center;gap:10px;display:flex}.info-label.svelte-rmlj8s{text-transform:uppercase;letter-spacing:.06em;color:var(--text-dim);flex-shrink:0;width:48px;font-size:.65rem;font-weight:600}.info-value.svelte-rmlj8s{color:var(--text-muted);font-size:.75rem}code.info-value.svelte-rmlj8s{font-family:var(--font-mono);color:var(--cyan);font-size:.7rem}@media (prefers-reduced-motion:reduce){.relay-glow.svelte-rmlj8s{opacity:.7;animation:none}.traveling-dot.svelte-rmlj8s,.ambient-dot.svelte-rmlj8s{display:none}}@media (width<=700px){.flow-container.svelte-rmlj8s{aspect-ratio:auto;min-height:500px}.flow-svg.svelte-rmlj8s{display:none}.providers-column.svelte-rmlj8s{flex-flow:wrap;gap:6px;width:100%;margin-bottom:20px;position:relative}.provider-pill.svelte-rmlj8s{height:32px;padding:6px 12px;font-size:.7rem}.relay-node.svelte-rmlj8s{margin:0 auto 20px;position:relative;top:auto;left:auto;transform:none}.iphone-node.svelte-rmlj8s{flex-direction:row;margin:0 auto 20px;position:relative;top:auto;right:auto;transform:none}.info-panel.svelte-rmlj8s{width:100%;min-width:0;position:relative;bottom:auto;left:auto;transform:none}}.provider-explorer.svelte-rk5c6l{grid-template-columns:240px 1fr;align-items:start;gap:24px;margin:32px 0;display:grid}.provider-list.svelte-rk5c6l{background:var(--glass-bg);border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(var(--glass-blur));border-radius:var(--radius);flex-direction:column;max-height:600px;display:flex;overflow-y:auto}.provider-row.svelte-rk5c6l{cursor:pointer;transition:background .2s var(--ease), border-color .2s var(--ease);text-align:left;color:var(--text);background:0 0;border:none;border-left:3px solid #0000;align-items:center;gap:8px;width:100%;padding:10px 14px;font-family:inherit;font-size:.875rem;display:flex}.provider-row.svelte-rk5c6l:hover{background:color-mix(in srgb, var(--text) 5%, transparent)}.provider-row.active.svelte-rk5c6l{border-left-color:var(--cyan);background:color-mix(in srgb, var(--cyan) 10%, transparent)}.provider-dot.svelte-rk5c6l{border-radius:50%;flex-shrink:0;width:8px;height:8px}.provider-name.svelte-rk5c6l{white-space:nowrap;text-overflow:ellipsis;flex:1;overflow:hidden}.template-badges.svelte-rk5c6l{flex-wrap:wrap;gap:6px;display:flex}.badge.svelte-rk5c6l{white-space:nowrap;border-radius:100px;padding:2px 10px;font-size:.75rem;font-weight:500}.template-alert.svelte-rk5c6l{background:color-mix(in srgb, var(--red) 20%, transparent);color:var(--red)}.template-steps.svelte-rk5c6l{background:color-mix(in srgb, var(--purple) 20%, transparent);color:var(--purple)}.template-generic.svelte-rk5c6l{background:color-mix(in srgb, var(--cyan) 20%, transparent);color:var(--cyan)}.template-notification.svelte-rk5c6l{background:color-mix(in srgb, var(--orange) 20%, transparent);color:var(--orange)}.detail-panel.svelte-rk5c6l{position:sticky;top:100px}.detail-header.svelte-rk5c6l{flex-direction:column;gap:8px;margin-bottom:16px;display:flex}.detail-header.svelte-rk5c6l h3:where(.svelte-rk5c6l){color:var(--text);border:none;margin:0;padding:0;font-size:1.25rem}.detail-route.svelte-rk5c6l{align-items:center;gap:8px;display:flex}.method-badge.svelte-rk5c6l{background:color-mix(in srgb, var(--green) 20%, transparent);color:var(--green);font-size:.75rem;font-weight:600;font-family:var(--font-mono);border-radius:100px;padding:2px 10px}.detail-route.svelte-rk5c6l code:where(.svelte-rk5c6l){font-family:var(--font-mono);color:var(--text-muted);background:var(--bg-code);border-radius:var(--radius-xs);padding:2px 8px;font-size:.875rem}.detail-header.svelte-rk5c6l .badge:where(.svelte-rk5c6l){align-self:flex-start}.detail-tabs.svelte-rk5c6l{background:var(--bg-overlay-soft);border-radius:var(--radius-sm);border:1px solid var(--border);gap:4px;width:fit-content;margin-bottom:20px;padding:3px;display:flex}.tab-btn.svelte-rk5c6l{border-radius:var(--radius-xs);color:var(--text-muted);cursor:pointer;transition:background .2s var(--ease), color .2s var(--ease);background:0 0;border:none;padding:6px 18px;font-family:inherit;font-size:.8125rem;font-weight:500}.tab-btn.svelte-rk5c6l:hover{color:var(--text)}.tab-btn.active.svelte-rk5c6l{background:var(--glass-bg);color:var(--cyan);box-shadow:0 1px 3px #0000001a}.detail-events.svelte-rk5c6l{margin-bottom:20px}.detail-events.svelte-rk5c6l h4:where(.svelte-rk5c6l){color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin:0 0 8px;font-size:.875rem}.detail-events.svelte-rk5c6l ul:where(.svelte-rk5c6l){flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none;display:flex}.detail-events.svelte-rk5c6l li:where(.svelte-rk5c6l){background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-sm);color:var(--text-muted);padding:4px 12px;font-size:.8125rem}.detail-setup.svelte-rk5c6l{font-size:.9rem;line-height:1.7}.detail-setup.svelte-rk5c6l ol{margin:12px 0;padding-left:1.5em}.detail-setup.svelte-rk5c6l li{margin-bottom:8px}.detail-setup.svelte-rk5c6l p{margin:12px 0}.no-video.svelte-rk5c6l{background:var(--glass-bg);border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(var(--glass-blur));border-radius:var(--radius);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:48px 24px;display:flex}.no-video-name.svelte-rk5c6l{color:var(--text-muted);font-size:1rem;font-weight:500}.no-video-text.svelte-rk5c6l{color:var(--text-dim);font-size:.875rem}@media (width<=768px){.provider-explorer.svelte-rk5c6l{grid-template-columns:1fr;gap:16px}.provider-list.svelte-rk5c6l{flex-direction:row;gap:4px;max-height:none;padding:8px;overflow:auto hidden}.provider-row.svelte-rk5c6l{white-space:nowrap;border-bottom:2px solid #0000;border-left:none;flex-direction:column;align-items:center;gap:4px;min-width:max-content;padding:8px 12px;font-size:.75rem}.provider-row.active.svelte-rk5c6l{border-left-color:#0000;border-bottom-color:var(--cyan)}.detail-panel.svelte-rk5c6l{position:static}}