.modal-backdrop.svelte-l7m30l{position:fixed;inset:0;z-index:1000;background-color:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;padding:var(--space-4)}.modal-content.svelte-l7m30l{position:relative;width:100%;max-width:500px;background-color:var(--color-surface);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);overflow:hidden}.modal-close.svelte-l7m30l{position:absolute;top:var(--space-4);right:var(--space-4);width:32px;height:32px;border-radius:var(--radius-full);background-color:var(--color-surface-raised);border:none;display:flex;align-items:center;justify-content:center;color:var(--color-text-muted);cursor:pointer;transition:all var(--transition-fast);z-index:10}.modal-close.svelte-l7m30l:hover{background-color:var(--color-border);color:var(--color-text)}.modal-header.svelte-l7m30l{padding:var(--space-8) var(--space-6) var(--space-6);text-align:center;border-bottom:1px solid var(--color-border-subtle)}.modal-icon.svelte-l7m30l{width:48px;height:48px;border-radius:var(--radius-full);background-color:var(--color-primary-light);color:var(--color-bg);display:flex;align-items:center;justify-content:center;margin:0 auto var(--space-4)}.modal-title.svelte-l7m30l{font-family:var(--font-display);font-size:1.5rem;font-weight:700;color:var(--color-text);margin-bottom:var(--space-2)}.modal-subtitle.svelte-l7m30l{font-size:.9375rem;color:var(--color-text-muted)}.modal-subtitle.svelte-l7m30l strong:where(.svelte-l7m30l){color:var(--color-text)}.packs-grid.svelte-l7m30l{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:var(--space-4);padding:var(--space-6)}.pack-card.svelte-l7m30l{position:relative;display:flex;flex-direction:column;align-items:center;padding:var(--space-6) var(--space-4);background-color:var(--color-surface-raised);border:2px solid var(--color-border);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-fast);text-align:center}.pack-card.svelte-l7m30l:hover{border-color:var(--color-text-muted)}.pack-card--selected.svelte-l7m30l{border-color:var(--color-primary);background-color:var(--color-surface);box-shadow:0 0 0 1px var(--color-primary)}.pack-card--popular.svelte-l7m30l{border-color:var(--color-primary-light)}.pack-card--selected.pack-card--popular.svelte-l7m30l{border-color:var(--color-primary)}.pack-badge.svelte-l7m30l{position:absolute;top:-10px;left:50%;transform:translate(-50%);background-color:var(--color-primary);color:var(--color-text-inverse);font-size:.6875rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;padding:2px 8px;border-radius:var(--radius-full);white-space:nowrap}.pack-name.svelte-l7m30l{font-size:.8125rem;font-weight:600;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.06em;margin-bottom:var(--space-2)}.pack-credits.svelte-l7m30l{display:flex;flex-direction:column;align-items:center;margin-bottom:var(--space-2)}.pack-amount.svelte-l7m30l{font-family:var(--font-display);font-size:2rem;font-weight:800;line-height:1;color:var(--color-text)}.pack-label.svelte-l7m30l{font-size:.8125rem;font-weight:600;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em;margin-top:4px}.pack-price.svelte-l7m30l{font-size:1.125rem;font-weight:700;color:var(--color-text);margin-top:auto}.pack-check.svelte-l7m30l{position:absolute;bottom:var(--space-3);right:var(--space-3);width:20px;height:20px;border-radius:var(--radius-full);background-color:var(--color-primary);color:var(--color-text-inverse);display:flex;align-items:center;justify-content:center;opacity:0;transform:scale(.8);transition:all var(--transition-fast)}.pack-card--selected.svelte-l7m30l .pack-check:where(.svelte-l7m30l){opacity:1;transform:scale(1)}.modal-footer.svelte-l7m30l{padding:var(--space-6);background-color:var(--color-surface-raised);border-top:1px solid var(--color-border-subtle);display:flex;flex-direction:column;gap:var(--space-4)}.modal-note.svelte-l7m30l{font-size:.8125rem;color:var(--color-text-muted);text-align:center;margin:0}.checkout-btn.svelte-l7m30l{width:100%;padding:14px;background-color:var(--color-primary);color:var(--color-text-inverse);font-family:var(--font-sans);font-size:1rem;font-weight:600;border:none;border-radius:var(--radius-md);cursor:pointer;transition:background-color var(--transition-fast)}.checkout-btn.svelte-l7m30l:hover:not(:disabled){background-color:var(--color-primary-light)}.checkout-btn.svelte-l7m30l:disabled{opacity:.7;cursor:not-allowed}