/* New account forms use the prototype's existing palette and components. */
.account-form form{display:grid;gap:16px}
.account-form label{display:grid;gap:7px}
.account-form input:not([type=checkbox]),.account-form textarea{width:100%;min-width:0;border:1px solid var(--line);border-radius:10px;padding:12px;background:var(--paper);color:var(--ink)}
.account-form .avatar{object-fit:cover}
.account-form>form,.account-form>.tiny,.account-form>button{margin-top:18px}
.recovery-code{display:block;overflow-wrap:anywhere;user-select:all;padding:18px;margin:20px 0;background:var(--paper);border-radius:10px;font-size:18px}
.account-mobile-link{display:none}
.account-form .body-copy,.account-heading h1{overflow-wrap:anywhere}
@media(max-width:680px){.account-mobile-link{display:inline-flex}}