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