.actor.svelte-1poq4jv{display:flex;flex-direction:column;align-items:center;flex:1;min-width:0}.actor-box.svelte-1poq4jv{display:flex;flex-direction:column;align-items:center;gap:.375rem;padding:.625rem .5rem;border-radius:.625rem;border:2px solid var(--actor-color);background:color-mix(in srgb,var(--actor-color) 10%,transparent);width:100%;max-width:140px;text-align:center;transition:box-shadow .3s ease,border-color .3s ease;position:relative;z-index:2}.active.svelte-1poq4jv .actor-box:where(.svelte-1poq4jv){box-shadow:0 0 16px color-mix(in srgb,var(--actor-color) 40%,transparent)}.actor-icon.svelte-1poq4jv{font-size:24px;color:var(--actor-color)}.actor-label.svelte-1poq4jv{font-size:.6875rem;font-weight:600;color:#e2e8f0;line-height:1.2;word-break:break-word}@media(max-width:768px){.actor-box.svelte-1poq4jv{max-width:100px;padding:.5rem .375rem}.actor-icon.svelte-1poq4jv{font-size:20px}.actor-label.svelte-1poq4jv{font-size:.5625rem}}.arrow-line.svelte-11j15zb{position:absolute;height:2.5px;border-radius:2px;pointer-events:none;z-index:3;transition:width .05s linear}.arrow-line.direct.svelte-11j15zb{height:3.5px}.arrow-line.dashed.svelte-11j15zb{background-image:repeating-linear-gradient(to right,transparent,transparent 6px,var(--flow-bg, #0f172a) 6px,var(--flow-bg, #0f172a) 11px);background-size:auto}.arrow-line.past.svelte-11j15zb{opacity:.35}.arrowhead.svelte-11j15zb{position:absolute;top:50%;right:-7px;transform:translateY(-50%);width:0;height:0;border-top:6px solid transparent;border-bottom:6px solid transparent;border-left-width:9px;border-left-style:solid;transition:opacity .15s ease}.arrowhead.reverse.svelte-11j15zb{right:auto;left:-7px;border-left:none;border-right-width:9px;border-right-style:solid}.arrow-label.svelte-11j15zb{position:absolute;font-size:.6875rem;font-weight:600;color:var(--arrow-color, #e2e8f0);white-space:nowrap;pointer-events:none;display:flex;align-items:center;gap:.375rem;z-index:6}.arrow-label.direct.svelte-11j15zb{color:#fbbf24}.label-text.svelte-11j15zb{background:#0f172acc;padding:.125rem .5rem;border-radius:.25rem;border:1px solid rgba(255,255,255,.08)}.direct-badge.svelte-11j15zb{font-size:.5625rem;font-weight:700;background:#f59e0b;color:#0f172a;padding:.125rem .375rem;border-radius:.25rem;text-transform:uppercase;letter-spacing:.05em}@media(max-width:768px){.arrow-label.svelte-11j15zb{font-size:.5625rem}}.data-badge.svelte-arxf01{background:#1a1a2e;border:1px solid #334155;border-radius:.5rem;padding:.625rem .75rem;overflow-x:auto;max-width:100%;opacity:0;transform:translateY(4px);animation:svelte-arxf01-badge-in .4s ease forwards}.data-badge.visible.svelte-arxf01{opacity:1}pre.svelte-arxf01{margin:0;white-space:pre-wrap;word-break:break-all}code.svelte-arxf01{font-family:Fira Code,Courier New,monospace;font-size:.625rem;line-height:1.5;color:#94a3b8}@keyframes svelte-arxf01-badge-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.data-badge.svelte-arxf01{animation:none;opacity:1;transform:none}}@media(max-width:768px){code.svelte-arxf01{font-size:.5625rem}.data-badge.svelte-arxf01{padding:.5rem}}.notes-panel.svelte-cex07h{background:#1e293b;border:1px solid #334155;border-radius:.625rem;overflow:hidden;animation:svelte-cex07h-fade-in .3s ease}.notes-header.svelte-cex07h{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;border-bottom:1px solid #334155;background:#1a2332}.step-badge.svelte-cex07h{display:inline-flex;align-items:center;justify-content:center;width:1.375rem;height:1.375rem;border-radius:50%;background:#3b82f6;color:#fff;font-size:.6875rem;font-weight:700;flex-shrink:0}.notes-title.svelte-cex07h{font-size:.8125rem;font-weight:600;color:#e2e8f0;margin:0}.notes-body.svelte-cex07h{padding:.625rem .75rem;max-height:100px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#475569 transparent}.notes-body.svelte-cex07h::-webkit-scrollbar{width:3px}.notes-body.svelte-cex07h::-webkit-scrollbar-thumb{background:#475569;border-radius:2px}.notes-body.svelte-cex07h p:where(.svelte-cex07h){font-size:.75rem;line-height:1.6;color:#cbd5e1;margin:0}@keyframes svelte-cex07h-fade-in{0%{opacity:0}to{opacity:1}}@media(prefers-reduced-motion:reduce){.notes-panel.svelte-cex07h{animation:none}}@media(max-width:768px){.notes-body.svelte-cex07h{max-height:80px}.notes-title.svelte-cex07h{font-size:.75rem}.notes-body.svelte-cex07h p:where(.svelte-cex07h){font-size:.6875rem}}.controls.svelte-13gcb3o{display:flex;flex-direction:column;align-items:center;gap:.75rem;padding:.75rem 0}.controls-buttons.svelte-13gcb3o{display:flex;align-items:center;gap:.5rem}.ctrl-btn.svelte-13gcb3o{display:inline-flex;align-items:center;justify-content:center;width:2.25rem;height:2.25rem;border-radius:50%;border:1px solid #475569;background:#1e293b;color:#e2e8f0;cursor:pointer;transition:all .15s ease}.ctrl-btn.svelte-13gcb3o:hover:not(:disabled){background:#334155;border-color:#64748b}.ctrl-btn.svelte-13gcb3o:disabled{opacity:.35;cursor:not-allowed}.ctrl-btn.svelte-13gcb3o:focus-visible{outline:2px solid #3b82f6;outline-offset:2px}.ctrl-btn.svelte-13gcb3o .material-symbols-outlined:where(.svelte-13gcb3o){font-size:20px}.play-btn.svelte-13gcb3o{width:2.75rem;height:2.75rem;background:#3b82f6;border-color:#3b82f6}.play-btn.svelte-13gcb3o:hover{background:#2563eb!important;border-color:#2563eb!important}.play-btn.svelte-13gcb3o .material-symbols-outlined:where(.svelte-13gcb3o){font-size:24px}.timeline.svelte-13gcb3o{display:flex;align-items:center;gap:0;width:100%;max-width:480px;padding:0 .5rem}.timeline-dot.svelte-13gcb3o{display:inline-flex;align-items:center;justify-content:center;width:1.5rem;height:1.5rem;border-radius:50%;border:2px solid #475569;background:#1e293b;color:#94a3b8;cursor:pointer;transition:all .2s ease;flex-shrink:0;padding:0}.timeline-dot.svelte-13gcb3o:hover{border-color:#64748b;background:#334155}.timeline-dot.svelte-13gcb3o:focus-visible{outline:2px solid #3b82f6;outline-offset:2px}.timeline-dot.active.svelte-13gcb3o{border-color:#3b82f6;background:#3b82f6;color:#fff;transform:scale(1.15)}.timeline-dot.completed.svelte-13gcb3o{border-color:#22c55e;background:#22c55e;color:#fff}.dot-inner.svelte-13gcb3o{font-size:.625rem;font-weight:700;line-height:1}.timeline-line.svelte-13gcb3o{flex:1;height:3px;background:#334155;min-width:8px;transition:background .3s ease;position:relative;overflow:hidden;border-radius:1.5px}.timeline-line.filled.svelte-13gcb3o{background:#22c55e}.progress-fill.svelte-13gcb3o{position:absolute;inset:0;background:linear-gradient(90deg,#3b82f6,#60a5fa);transform-origin:left center;animation:svelte-13gcb3o-progress-grow linear forwards;border-radius:1px}@keyframes svelte-13gcb3o-progress-grow{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.step-indicator.svelte-13gcb3o{font-size:.75rem;color:#94a3b8;font-weight:500}@media(prefers-reduced-motion:reduce){.progress-fill.svelte-13gcb3o{animation:none;transform:scaleX(1)}}@media(max-width:768px){.timeline.svelte-13gcb3o{max-width:320px}.timeline-dot.svelte-13gcb3o{width:1.25rem;height:1.25rem}.dot-inner.svelte-13gcb3o{font-size:.5625rem}}.oidc-flow.svelte-1gjnzqx{--flow-bg: #0f172a;--flow-surface: #1e293b;--flow-border: #334155;--flow-text: #e2e8f0;--flow-text-muted: #94a3b8;--flow-code-bg: #1a1a2e;--flow-field-bg: #334155;background:var(--flow-bg);border:1px solid var(--flow-border);border-radius:1rem;overflow:hidden;font-family:Inter,system-ui,sans-serif;color:var(--flow-text);outline:none;display:flex;flex-direction:column;height:880px}.oidc-flow.svelte-1gjnzqx:focus-visible{outline:2px solid #3b82f6;outline-offset:2px}.oidc-flow.light.svelte-1gjnzqx{--flow-bg: #f8fafc;--flow-surface: #f1f5f9;--flow-border: #e2e8f0;--flow-text: #1e293b;--flow-text-muted: #64748b;--flow-code-bg: #f1f5f9;--flow-field-bg: #e2e8f0}.flow-header.svelte-1gjnzqx{display:flex;align-items:center;justify-content:space-between;padding:.875rem 1.25rem;border-bottom:1px solid var(--flow-border);background:var(--flow-surface)}.flow-title.svelte-1gjnzqx{font-size:.875rem;font-weight:700;color:var(--flow-text);margin:0;letter-spacing:-.01em}.step-counter.svelte-1gjnzqx{font-size:.75rem;font-weight:600;color:var(--flow-text-muted);background:var(--flow-bg);padding:.25rem .625rem;border-radius:999px;border:1px solid var(--flow-border)}.diagram-area.svelte-1gjnzqx{padding:1rem 1.5rem 0;flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;scrollbar-color:var(--flow-border) transparent}.diagram-area.svelte-1gjnzqx::-webkit-scrollbar{width:4px}.diagram-area.svelte-1gjnzqx::-webkit-scrollbar-track{background:transparent}.diagram-area.svelte-1gjnzqx::-webkit-scrollbar-thumb{background:var(--flow-border);border-radius:2px}.actors-row.svelte-1gjnzqx{display:flex;align-items:flex-start;gap:0;margin-bottom:.25rem;position:sticky;top:0;z-index:10;background:var(--flow-bg);padding-bottom:.5rem}.sequence-area.svelte-1gjnzqx{position:relative;min-height:120px;transition:height .3s ease}.lifeline.svelte-1gjnzqx{position:absolute;top:0;width:0;border-left:2px dashed;opacity:.25;pointer-events:none;z-index:1}.internal-block.svelte-1gjnzqx{position:absolute;display:flex;flex-direction:column;gap:.25rem;z-index:4}.internal-block.past.svelte-1gjnzqx{opacity:.35}.internal-item.svelte-1gjnzqx{background:var(--flow-code-bg);border:1px solid var(--flow-border);border-radius:.375rem;padding:.25rem .5rem;animation:svelte-1gjnzqx-item-in .35s ease forwards;opacity:0}.internal-item.past-item.svelte-1gjnzqx{opacity:.5;animation:none}.internal-item.svelte-1gjnzqx code:where(.svelte-1gjnzqx){font-family:Fira Code,Courier New,monospace;font-size:.5625rem;color:var(--flow-text-muted);word-break:break-all}@keyframes svelte-1gjnzqx-item-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.mini-login.svelte-1gjnzqx{display:flex;flex-direction:column;gap:.25rem;padding:.125rem}.login-field.svelte-1gjnzqx{height:.625rem;background:var(--flow-field-bg);border-radius:.125rem}.login-btn.svelte-1gjnzqx{height:.625rem;background:#3b82f6;border-radius:.125rem;width:60%;margin:0 auto}.consent-text.svelte-1gjnzqx{font-size:.5625rem;color:#f59e0b;font-weight:600}.check-mark.svelte-1gjnzqx{font-size:1rem;color:#22c55e;font-weight:700;text-align:center;display:block}.check-mark.faded.svelte-1gjnzqx{opacity:.5}.snippet-container.svelte-1gjnzqx{position:absolute;z-index:5}.bottom-section.svelte-1gjnzqx{flex-shrink:0;border-top:1px solid var(--flow-border);background:var(--flow-bg)}.notes-area.svelte-1gjnzqx{padding:.5rem 1.25rem}@media(prefers-reduced-motion:reduce){.internal-item.svelte-1gjnzqx{animation:none;opacity:1;transform:none}.sequence-area.svelte-1gjnzqx{transition:none}}@media(max-width:768px){.oidc-flow.svelte-1gjnzqx{height:600px}.flow-header.svelte-1gjnzqx{padding:.75rem 1rem}.flow-title.svelte-1gjnzqx{font-size:.75rem}.diagram-area.svelte-1gjnzqx{padding:.75rem .75rem 0}.notes-area.svelte-1gjnzqx{padding:.375rem .75rem}.snippet-container.svelte-1gjnzqx{width:200px!important;left:calc(50% - 100px)!important}.internal-block.svelte-1gjnzqx{width:120px!important}}