.portal-container{position:fixed;top:0;left:0;width:100vw;height:100vh;pointer-events:none;z-index:9999}.portal-container>*{pointer-events:auto}.modal-backdrop.svelte-xyz4yx.svelte-xyz4yx{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#000000b3;display:flex;align-items:center;justify-content:center;z-index:9999}.modal-content.svelte-xyz4yx.svelte-xyz4yx{background-color:#111;border-radius:12px;width:90%;max-width:600px;max-height:90vh;overflow-y:auto;border:1px solid #222}.modal-header.svelte-xyz4yx.svelte-xyz4yx{display:flex;justify-content:space-between;align-items:center;padding:24px;border-bottom:1px solid #222;margin-bottom:24px}.modal-header.svelte-xyz4yx h2.svelte-xyz4yx{margin:0;color:#fff;font-size:24px;font-weight:700}.close-button.svelte-xyz4yx.svelte-xyz4yx{background:none;border:none;color:#888;cursor:pointer;padding:8px;border-radius:4px;display:flex;align-items:center;justify-content:center}@media (hover: hover){.close-button.svelte-xyz4yx.svelte-xyz4yx:hover{background-color:#222;color:#fff}}.modal-body.svelte-xyz4yx.svelte-xyz4yx{padding:0 24px 24px}.plans-container.svelte-xyz4yx.svelte-xyz4yx{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:24px}.plan-card.svelte-xyz4yx.svelte-xyz4yx{border:2px solid #222;border-radius:8px;padding:24px;cursor:pointer;transition:all .2s ease;background-color:#1e1e1e}@media (hover: hover){.plan-card.svelte-xyz4yx.svelte-xyz4yx:hover{border-color:#555}}.plan-card.selected.svelte-xyz4yx.svelte-xyz4yx{border-color:#ff00e4;background-color:#00aff41a}.plan-header.svelte-xyz4yx.svelte-xyz4yx{text-align:center;margin-bottom:20px;position:relative}.plan-header.svelte-xyz4yx h3.svelte-xyz4yx{margin:0 0 8px;color:#fff;font-size:20px;font-weight:600}.savings-badge.svelte-xyz4yx.svelte-xyz4yx{position:absolute;top:-38px;right:-12px;background:linear-gradient(to bottom right,#ff00e4,#ff00e4,#b835f6,#b835f6);color:#0a0a0a;padding:4px 8px;border-radius:12px;font-size:12px;font-weight:700;text-transform:uppercase}.price.svelte-xyz4yx.svelte-xyz4yx{display:flex;align-items:baseline;justify-content:center;margin-bottom:8px}.amount.svelte-xyz4yx.svelte-xyz4yx{font-size:32px;font-weight:700;color:#fff}.period.svelte-xyz4yx.svelte-xyz4yx{font-size:18px;color:#888;margin-left:4px}.billed-annually.svelte-xyz4yx.svelte-xyz4yx{font-size:14px;color:#888}.plan-features.svelte-xyz4yx.svelte-xyz4yx{list-style:none;margin:0;padding:0}.feature.svelte-xyz4yx.svelte-xyz4yx{color:#ccc;margin-bottom:8px;font-size:14px}.feature.highlight.svelte-xyz4yx.svelte-xyz4yx{color:#ff00e4;font-weight:600}.error-message.svelte-xyz4yx.svelte-xyz4yx{background-color:#f44;color:#fff;padding:12px;border-radius:6px;margin-bottom:24px;font-size:14px}.modal-actions.svelte-xyz4yx.svelte-xyz4yx{display:flex;gap:12px;justify-content:flex-end;margin-bottom:16px}.cancel-button.svelte-xyz4yx.svelte-xyz4yx{padding:12px 24px;border:1px solid #555;background:none;color:#ccc;border-radius:6px;cursor:pointer;font-size:16px;transition:all .2s ease}@media (hover: hover){.cancel-button.svelte-xyz4yx.svelte-xyz4yx:hover{background-color:#222;color:#fff}}.upgrade-button.svelte-xyz4yx.svelte-xyz4yx{padding:12px 24px;background:none;color:#fff;border:solid 1px #ff00e4;border-radius:6px;cursor:pointer;font-size:16px;font-weight:600;transition:all .2s ease;display:flex;align-items:center;gap:8px}@media (hover: hover){.upgrade-button.svelte-xyz4yx.svelte-xyz4yx:hover:not(:disabled){background:linear-gradient(to bottom right,#ff00e4,#ff00e4,#b535f6,#b535f6);color:#000;box-shadow:0 6px 20px #f400ec66}}.upgrade-button.svelte-xyz4yx.svelte-xyz4yx:disabled{opacity:.7;cursor:not-allowed;transform:none}.loading-spinner.svelte-xyz4yx.svelte-xyz4yx{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top:2px solid #fff;border-radius:50%;animation:svelte-xyz4yx-spin .8s linear infinite}@keyframes svelte-xyz4yx-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.security-note.svelte-xyz4yx.svelte-xyz4yx{display:flex;align-items:center;justify-content:center;gap:8px;color:#888;font-size:14px}@media (max-width: 768px){.modal-backdrop.svelte-xyz4yx.svelte-xyz4yx{position:fixed;top:0;left:0;right:0;bottom:0;width:100vw;height:100vh;margin:0;padding:0}.plans-container.svelte-xyz4yx.svelte-xyz4yx{grid-template-columns:1fr}.modal-content.svelte-xyz4yx.svelte-xyz4yx{width:calc(100vw - 20px);max-width:calc(100vw - 20px);margin:10px;position:relative}.modal-actions.svelte-xyz4yx.svelte-xyz4yx{flex-direction:column}}