.how-it-works.svelte-106aaep{padding:var(--space-2xl) 0}.section-title.svelte-106aaep{text-align:center;margin-bottom:var(--space-sm)}.section-description.svelte-106aaep{text-align:center;color:var(--color-text-muted);margin-bottom:var(--space-xl);max-width:600px;margin-left:auto;margin-right:auto}.flow-diagram.svelte-106aaep{display:flex;align-items:stretch;justify-content:center;gap:var(--space-md);margin-bottom:var(--space-xl);padding:var(--space-lg) 0}.flow-step.svelte-106aaep{flex:1;max-width:280px;background:var(--color-bg-card);border-radius:var(--radius-lg);overflow:hidden;border:1px solid rgba(255,255,255,.1)}.step-header.svelte-106aaep{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-md);background:#ffffff0d;border-bottom:1px solid rgba(255,255,255,.1)}.step-number.svelte-106aaep{width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:var(--color-primary);color:#fff;border-radius:50%;font-size:.75rem;font-weight:600}.step-title.svelte-106aaep{font-weight:600;font-size:.875rem}.step-content.svelte-106aaep{padding:var(--space-md)}.context-item.svelte-106aaep{display:flex;flex-direction:column;gap:var(--space-xs);padding:var(--space-sm);border-radius:var(--radius-sm);margin-bottom:var(--space-sm)}.context-item.svelte-106aaep:last-child{margin-bottom:0}.context-public.svelte-106aaep{background:var(--color-success-muted);border:1px solid rgba(34,197,94,.3)}.context-private.svelte-106aaep{background:var(--color-danger-muted);border:1px solid rgba(239,68,68,.3)}.context-label.svelte-106aaep{font-size:.625rem;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-muted)}.context-value.svelte-106aaep{font-size:.75rem;color:var(--color-text)}.flow-arrow.svelte-106aaep{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-xs);padding:0 var(--space-sm)}.arrow-line.svelte-106aaep{width:40px;height:2px;background:linear-gradient(90deg,var(--color-primary),var(--color-primary-hover));position:relative}.arrow-line.svelte-106aaep:after{content:"";position:absolute;right:-4px;top:-4px;border:5px solid transparent;border-left-color:var(--color-primary-hover)}.arrow-label.svelte-106aaep{font-size:.625rem;text-transform:uppercase;color:var(--color-text-muted);letter-spacing:.05em}.token-preview.svelte-106aaep{font-family:var(--font-mono);font-size:.625rem;line-height:1.5;background:var(--color-bg);padding:var(--space-sm);border-radius:var(--radius-sm);margin:0;overflow-x:auto}.token-note.svelte-106aaep{margin-top:var(--space-sm);font-size:.625rem;color:var(--color-text-muted);display:flex;align-items:center;gap:var(--space-xs)}.platform-sees.svelte-106aaep{display:flex;flex-direction:column;gap:var(--space-xs)}.sees-item.svelte-106aaep{display:flex;align-items:center;gap:var(--space-sm);font-size:.75rem;padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-sm);background:#ffffff08}.sees-icon.svelte-106aaep{flex-shrink:0}.sees-shared.svelte-106aaep{border-left:2px solid var(--color-success)}.sees-flag.svelte-106aaep{border-left:2px solid var(--color-warning)}.platform-result.svelte-106aaep{margin-top:var(--space-md);padding-top:var(--space-md);border-top:1px solid rgba(255,255,255,.1);display:flex;gap:var(--space-sm);font-size:.75rem;color:var(--color-text-muted)}.result-icon.svelte-106aaep{color:var(--color-primary)}.privacy-guarantee.svelte-106aaep{display:flex;align-items:flex-start;gap:var(--space-lg);padding:var(--space-lg);background:var(--color-primary-muted);border:1px solid rgba(99,102,241,.3);border-radius:var(--radius-lg);margin-bottom:var(--space-xl)}.guarantee-icon.svelte-106aaep{font-size:2rem;flex-shrink:0}.guarantee-content.svelte-106aaep h4:where(.svelte-106aaep){margin-bottom:var(--space-xs)}.guarantee-content.svelte-106aaep p:where(.svelte-106aaep){color:var(--color-text-muted);font-size:.875rem;line-height:1.6}.guarantee-content.svelte-106aaep strong:where(.svelte-106aaep){color:var(--color-text)}.token-example.svelte-106aaep{background:var(--color-bg-card);border-radius:var(--radius-lg);overflow:hidden;border:1px solid rgba(255,255,255,.1)}.example-header.svelte-106aaep{display:flex;align-items:center;justify-content:space-between;padding:var(--space-md);background:#ffffff0d;border-bottom:1px solid rgba(255,255,255,.1)}.example-title.svelte-106aaep{font-weight:600;font-size:.875rem}.example-badge.svelte-106aaep{font-size:.625rem;padding:2px 8px;background:var(--color-primary-muted);color:var(--color-primary);border-radius:var(--radius-sm);font-family:var(--font-mono)}.example-content.svelte-106aaep{padding:var(--space-md);display:flex;flex-direction:column;gap:var(--space-sm)}.example-row.svelte-106aaep{display:flex;align-items:baseline;gap:var(--space-md)}.example-key.svelte-106aaep{font-family:var(--font-mono);font-size:.8125rem;color:var(--color-primary);min-width:80px}.example-desc.svelte-106aaep{font-size:.8125rem;color:var(--color-text-muted)}@media(max-width:900px){.flow-diagram.svelte-106aaep{flex-direction:column;align-items:center}.flow-step.svelte-106aaep{max-width:100%;width:100%}.flow-arrow.svelte-106aaep{padding:var(--space-md)}.arrow-line.svelte-106aaep{width:2px;height:30px}.arrow-line.svelte-106aaep:after{right:-4px;top:auto;bottom:-10px;border-left-color:transparent;border-top-color:var(--color-primary-hover)}}@media(max-width:640px){.privacy-guarantee.svelte-106aaep{flex-direction:column;text-align:center;align-items:center}.example-row.svelte-106aaep{flex-direction:column;gap:var(--space-xs)}.example-key.svelte-106aaep{min-width:auto}}