.auth-dialog {width:min(440px,calc(100vw - 32px));max-height:calc(100dvh - 32px);overflow:auto;border:1px solid #d8d8d3;border-radius:18px;padding:24px;background:#fafaf7;color:#242827;box-shadow:0 24px 90px #0003;}
.auth-dialog::backdrop {background:#17211f66;backdrop-filter:blur(4px);}
.creator-picker-results {display:grid;gap:8px;margin:16px 0;}
.creator-picker-results button {display:grid;gap:4px;text-align:left;overflow-wrap:anywhere;}
.creator-picker-results span {font-size:13px;color:#536159;}
.auth-dialog [hidden] {display:none!important;}
.auth-top {display:flex;align-items:center;justify-content:space-between;gap:12px;}
.auth-top h2 {font-size:24px;line-height:1.2;font-weight:600;}
.auth-dialog #auth-close {width:44px;min-width:44px;flex:0 0 44px;padding:8px;}
.auth-dialog button {min-height:44px;padding:10px 14px;border-radius:8px;border:1px solid #c4cac6;cursor:pointer;background:#fff;color:#242827;}
.auth-dialog button:disabled {opacity:.55;cursor:wait;}
.auth-dialog button:focus-visible,.auth-dialog input:focus-visible {outline:3px solid #376b59;outline-offset:3px;}
.auth-dialog input {display:block;min-width:0;width:100%;min-height:44px;border:1px solid #929e98;border-radius:8px;padding:10px 12px;background:#fff;color:#242827;font-size:16px;}
.auth-dialog select {width:100%;min-height:44px;padding:10px;border:1px solid #929e98;border-radius:8px;background:#fff;color:#242827;font-size:16px;}
#auth-mfa-secret {display:block;margin:12px 0;padding:12px;background:#e7eee7;border-radius:8px;overflow-wrap:anywhere;user-select:all;}
#auth-mfa-enrollment p,#auth-mfa-state {margin-top:12px;line-height:1.5;}
.auth-dialog label {display:block;margin:16px 0 6px;font-weight:600;}
.auth-password-row {display:flex;gap:8px;}
.auth-password-row input {flex:1;}
.auth-dialog #auth-submit {width:100%;margin-top:20px;background:#263d32;color:#fff;border-color:#263d32;font-weight:600;}
.auth-dialog #auth-google {width:100%;margin-top:12px;}
.auth-links,.auth-buttons {display:flex;flex-wrap:wrap;gap:8px;margin-top:14px;}
.auth-links button {flex:1;}
#auth-status {margin-top:14px;line-height:1.5;overflow-wrap:anywhere;}
#auth-status:empty {display:none;}
#auth-email {margin-top:18px;font-weight:600;overflow-wrap:anywhere;}
#auth-verification {margin-top:8px;}
.auth-device-note,#auth-password-help {font-size:13px;color:#536159;line-height:1.5;margin-top:16px;}
@media(max-width:760px) {#nav-account {min-width:44px;font-size:12px;} .auth-dialog {padding:20px;}}