.account-dialog { border: 1px solid var(--line); border-radius: 24px; padding: 0; color: var(--ink); background: var(--paper); width: min(460px, calc(100% - 28px)); max-height: calc(100dvh - 32px); box-shadow: 0 24px 90px #163c3833; }
.account-dialog::backdrop { background: #13302ac0; backdrop-filter: blur(3px); }
.account-form { padding: 28px; }
.account-form header { display: flex; align-items: center; justify-content: space-between; }
.account-brand { font-size: 13px; color: var(--deep); }
.account-close { width: 38px; height: 38px; border: 0; background: var(--pale); border-radius: 50%; color: var(--ink); font-size: 24px; cursor: pointer; }
.account-form h2 { font-size: 27px; margin: 14px 0 10px; }
.account-caption { font-size: 14px; color: var(--muted); }
.account-form .field { margin: 16px 0; }
.account-form .field[hidden] { display: none; }
.account-error { font-size: 14px; color: #b64943; min-height: 0; }
.account-switch { border: 0; background: none; color: var(--deep); padding: 14px 0; width: 100%; cursor: pointer; }
.account-switch:disabled { cursor: default; color: var(--muted); }
.account-submit { min-height: 46px; margin-top: 12px; }