.header-actions{display:flex;align-items:center;gap:14px}
.account-dialog{width:min(470px,calc(100vw - 28px));max-height:calc(100dvh - 36px);overflow:auto;border:1px solid var(--line);border-radius:14px;background:#fffef9;color:inherit;padding:24px;box-shadow:0 16px 80px #173f3529}
.account-dialog::backdrop{background:#173f3566}
.account-dialog h2{font-size:21px;margin:0 0 10px;font-weight:600}
.account-dialog h3{font-size:14px;margin:20px 0 10px}
.account-dialog p,.account-dialog label{font-size:12px;line-height:1.8;color:#687b60;overflow-wrap:anywhere}
.account-dialog label{display:block;margin-top:12px}
.account-dialog input:not([type=checkbox]){display:block;width:100%;padding:11px 12px;border:1px solid #cfdac7;background:#fffdf8;border-radius:6px;margin:6px 0 10px;font-size:14px;color:#273e34}
.account-dialog input:focus-visible{outline:2px solid #b59148;outline-offset:2px}
.account-dialog .account-check{display:flex;align-items:flex-start;gap:8px}
.account-check input{margin-top:5px;flex-shrink:0}
.account-dialog .dialog-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:10px}
.account-dialog .dialog-heading button{font-size:21px;line-height:1;padding:0 6px}
.account-dialog details{border-top:1px solid var(--line);padding-top:16px;margin-top:20px;font-size:12px}
.account-dialog summary{cursor:pointer;color:#527047}
.account-recovery-options{margin-top:16px;padding:14px;border:1px solid #dbe3d0;border-radius:8px;background:#f5f7ee}
.account-recovery-options h3{margin:0 0 8px}
.account-recovery-options details{padding-top:12px;margin-top:14px}
.account-recovery-actions{display:flex;align-items:center;flex-wrap:wrap;gap:8px}
.account-dialog #account-message{color:#795f31;min-height:22px}
.account-recovery-result{padding:12px 14px;background:#f4eedb;border-radius:7px;margin-top:14px}
.account-recovery-result code{display:block;overflow-wrap:anywhere;user-select:all;font-size:13px;line-height:1.7}
.account-recovery-image{text-align:center;margin:12px 0}
.account-recovery-image img{display:block;width:min(220px,100%);height:auto;margin:0 auto 8px;image-rendering:pixelated;background:#fff}
.account-recovery-image a{display:inline-block;text-decoration:none;cursor:pointer}
.account-dialog footer{display:flex;justify-content:flex-end;border-top:1px solid var(--line);margin-top:20px;padding-top:12px}
@media(max-width:360px){.header-actions{gap:8px}.account-dialog{padding:19px}}