
.account-form{display:grid;gap:16px;margin:22px 0;text-align:left}.account-form label{display:grid;gap:8px;font-size:14px;color:#514b59}.account-form input{width:100%;box-sizing:border-box;border:1px solid #e5deeb;border-radius:12px;background:#fff;padding:14px;font:inherit;color:#26222b}.account-form input:focus{outline:2px solid #c8b5ed;outline-offset:2px}.account-form button,.account-action{padding:13px 18px;border:0;border-radius:12px;background:#8060bd;color:white;font:inherit;cursor:pointer}.account-form button:disabled{opacity:.5;cursor:wait}.account-form .account-secondary{background:#f5f1fa;color:#705694}.account-note{font-size:13px;line-height:1.6;color:#807788}.account-status{font-size:14px;line-height:1.6;color:#945077;min-height:20px}.account-gate{padding:26px 0;max-width:420px}.account-gate h3{font-size:20px;font-weight:600;margin:0 0 10px}.account-gate[hidden],#profile-form[hidden]{display:none!important}.account-switch{display:flex;gap:10px}.account-switch button{flex:1}.email-account{border-top:1px solid #eee8f1;margin-top:24px;padding-top:8px}.password-page{max-width:420px;margin:12vh auto;padding:28px}.password-page h1{font-size:25px}

.my-edit-trigger{display:inline-flex;align-items:center;gap:8px;border:0;background:#f5f1fa;color:#76559c;border-radius:10px;padding:11px 15px;font:inherit;font-size:14px;cursor:pointer;margin-left:auto}
.account-modal{box-sizing:border-box;width:min(420px,calc(100vw - 32px));max-height:calc(100dvh - 48px);border:1px solid #ece5f1;border-radius:22px;background:#fff;color:#27232c;padding:30px;margin:auto;overflow-y:auto;overscroll-behavior:contain;box-shadow:0 24px 90px #30213b24}
.account-modal::backdrop{background:rgb(29 23 38 / .32);backdrop-filter:blur(4px)}
.account-modal:not([open]){display:none}.account-modal h3{padding-right:28px;margin-top:5px}.account-modal-close{position:absolute;right:15px;top:12px;width:34px;height:34px;background:transparent;border:0;color:#8a8192;font-size:26px;cursor:pointer}
.profile-edit-modal{width:min(540px,calc(100vw - 32px));padding:28px}.profile-edit-modal .my-info{border:0;box-shadow:none;padding:0;background:none}.profile-edit-modal .my-info h2{padding-right:32px}.profile-locked-layout{grid-template-columns:1fr!important}
body:has(.account-modal[open]){overflow:hidden}

.account-form[hidden]{display:none!important}

.account-form [hidden]{display:none!important}
