.account-main {padding:3rem 1rem;min-height:70vh;background:linear-gradient(140deg,#eaf4ff,#f4f8fc)}
.account-card {max-width:38rem;margin:auto;padding:2rem;background:white;border:1px solid #9fbcd4;border-radius:.6rem;box-shadow:0 10px 30px #0b315212}
.account-card h1 {font-size:2rem;margin:.6rem 0 1.2rem}.account-form {display:grid;gap:1rem;margin:1.2rem 0}
.account-form input {width:100%}.account-links {margin:1.5rem 0}.account-card a {color:#126bb3;text-decoration:underline}
#account-message {white-space:pre-line}#account-message[data-error="true"] {color:#a32020}
.account-card section {margin:1.5rem 0}.account-card h2 {font-size:1.4rem}.account-card button:disabled {opacity:.6;cursor:wait}
[hidden] {display:none!important}
@media(max-width:600px) {.account-card {padding:1.3rem}.account-main {padding:1.5rem .6rem}}

/* Shared account prompts: desktop remains inline; mobile actions occupy one unbroken line. */
@media(max-width:600px) {
  .auth-prompt-action {display:block;width:max-content;white-space:nowrap;margin-top:.25rem}
  .auth-prompt-separator {display:none}
}

/* Shared compact feedback; errors remain visible, confirmations dismiss in five seconds. */
.account-feedback {display:flex;align-items:center;gap:.65rem;width:fit-content;max-width:100%;box-sizing:border-box;margin:.65rem 0;padding:.6rem .85rem;border:1px solid;border-left-width:4px;border-radius:.45rem;font:inherit;font-size:.95rem;line-height:1.5;overflow-wrap:anywhere}
.feedback-success {background:#e9f7ed;border-color:#27804a;color:#173d26}
.feedback-success::before {content:"✓";flex:none;font-size:1.2rem;font-weight:700}
.feedback-error {background:#fff0ef;border-color:#b33030;color:#8c2020}
.feedback-info {background:#eaf4ff;border-color:#126bb3;color:#184d74}
.feedback-message {margin:0;min-width:0;white-space:pre-line}
.feedback-close {flex:none;font:inherit;font-size:1.3rem;color:inherit;background:transparent;border:0;min-width:2.75rem;min-height:2.75rem;padding:.25rem;cursor:pointer}
.feedback-close:focus-visible {outline:3px solid #16bfdf;outline-offset:2px}
.account-helper {font-size:.9rem;line-height:1.5;color:#526779}