:root{font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:#1d1d1f;background:radial-gradient(circle at top,#ffe6f0,#f7f4f5 46%)}*{box-sizing:border-box}body{margin:0;min-height:100vh;display:flex;align-items:center;justify-content:center;padding:16px}.card{background:#fff;border-radius:16px;padding:32px 24px;max-width:460px;width:100%;box-shadow:0 8px 30px #00000014;text-align:center}h1{font-size:24px;margin:0 0 16px}.profile-identity{display:flex;align-items:center;justify-content:center;gap:12px;margin:0 0 20px}.profile-avatar{width:56px;height:56px;flex:0 0 56px;border-radius:50%;object-fit:cover;background:#f2eef0}.profile-avatar-placeholder{position:relative;overflow:hidden;background:#e7dfe3}.profile-avatar-placeholder:before{position:absolute;top:11px;left:19px;width:18px;height:18px;border-radius:50%;background:#a99da2;content:""}.profile-avatar-placeholder:after{position:absolute;right:10px;bottom:-10px;left:10px;height:30px;border-radius:50% 50% 0 0;background:#a99da2;content:""}.profile-name{margin:0;font-size:18px;font-weight:700;overflow-wrap:anywhere;text-align:left}h2{font-size:18px;margin:24px 0 12px}.status{margin-bottom:8px}.active-plan{display:grid;grid-template-columns:1fr auto;gap:4px 12px;margin:16px 0;padding:14px 16px;border:1px solid #f1c5d8;border-radius:14px;background:#fff5f9;text-align:left}.active-plan span:first-child{grid-column:1 / -1;color:#8e4968;font-size:13px;font-weight:600}.active-plan strong{font-size:16px}.active-plan span:last-child{font-weight:700}.auto-renew-enable{width:100%;margin-top:4px}.auto-renew-disable{margin-top:2px;padding:6px 2px;border-radius:0;background:transparent;color:#9a7281;font-size:13px;font-weight:500;text-decoration:underline;text-underline-offset:3px}.auto-renew-disable:hover:not(:disabled){color:#6e4957}.ok{color:#1a7f37;font-weight:600}.muted{color:#6e6e73}.small{font-size:13px}.error{color:#c0392b}.plans{display:flex;flex-direction:column;gap:12px}button{font:inherit;border:none;border-radius:12px;padding:14px 16px;cursor:pointer;background:#e6498a;color:#fff;font-weight:600}button:disabled{opacity:.5;cursor:default}button:disabled.loading{opacity:1;cursor:wait}button.plan{position:relative;display:flex;justify-content:space-between;align-items:center;background:#fff;color:#1d1d1f;border:2px solid #e6498a}button.plan.recommended{border-color:#d82d71;background:#fff5f9}button.plan em{position:absolute;top:-10px;right:12px;padding:3px 8px;border-radius:20px;background:#d82d71;color:#fff;font-size:11px;font-style:normal}.benefits{text-align:left;padding:14px 16px;border-radius:14px;background:#fff5f9}.benefits h2{margin:0 0 8px}.benefits p{margin:6px 0;font-size:14px}.saving{margin:0;color:#c62363;font-weight:600;font-size:13px}.modal-backdrop{position:fixed;inset:0;z-index:10;display:grid;place-items:end center;padding:16px;background:#1d1d1f6b}.checkout-modal{width:min(100%,430px);padding:24px;border-radius:20px;background:#fff;box-shadow:0 16px 50px #0003}.checkout-modal h2{margin-top:0}.selected-plan{font-weight:700;color:#c62363}.checkout-modal button{display:flex;align-items:center;justify-content:center;gap:8px;margin-inline:auto}.spinner{flex:none;width:16px;height:16px;border:2px solid rgba(255,255,255,.35);border-top-color:#fff;border-radius:50%;animation:spinner-rotate .8s linear infinite}@keyframes spinner-rotate{to{transform:rotate(360deg)}}section.plans{margin-top:8px}.receipt-email{display:flex;flex-direction:column;gap:6px;text-align:left;margin:8px 0 4px}.receipt-email label{font-size:13px;font-weight:600;color:#6e6e73}.receipt-email input{font:inherit;padding:12px 14px;border:2px solid #d8d2d5;border-radius:12px;outline:none}.receipt-email input:focus{border-color:#e6498a}.language-select{margin-top:16px;font:inherit;font-size:13px;color:#6e6e73;padding:6px 10px;border:1px solid #d8d2d5;border-radius:8px;background:#fff;cursor:pointer}.language-select:focus{outline:none;border-color:#e6498a}.login h2{margin-top:0}.login-providers{display:flex;flex-direction:column;gap:12px;margin-top:16px}.provider-button{background:#1d1d1f}.provider-button:hover:not(:disabled){background:#3a3a3e}.login .error{margin-top:16px}.account-section{margin-top:28px;padding-top:20px;border-top:1px solid #f0e6eb;text-align:center}.deletion-link{display:block;width:fit-content;margin:0 auto;padding:6px 2px;border-radius:0;background:transparent;color:#9a7281;font-size:13px;font-weight:500;text-decoration:underline;text-underline-offset:3px}.deletion-link:hover:not(:disabled){color:#6e4957}.danger-button{width:100%;background:transparent;color:#c0392b;border:2px solid #c0392b}.danger-button:hover:not(:disabled){background:#c0392b;color:#fff}.deletion-banner{padding:14px 16px;border:1px solid #e5b25c;border-radius:14px;background:#fdf6e7;text-align:left}.deletion-banner p{margin:0 0 10px}.deletion-modal .muted{margin-top:0}.deletion-field{display:flex;flex-direction:column;gap:6px;margin:12px 0;text-align:left}.deletion-field>span{font-size:13px;font-weight:600;color:#6e6e73}.deletion-field em{font-style:normal;font-weight:400}.deletion-field select,.deletion-field textarea{font:inherit;padding:10px 12px;border:2px solid #d8d2d5;border-radius:12px;outline:none;background:#fff}.deletion-field select:focus,.deletion-field textarea:focus{border-color:#e6498a}.deletion-actions{display:flex;flex-direction:column;gap:8px;margin-top:16px}.deletion-actions .auto-renew-disable{align-self:center}.logout-button{display:block;width:fit-content;margin:20px auto 0}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}