.account-bar,.account-block,.account-login-page{font-family:system-ui,-apple-system,"Segoe UI",sans-serif;color:#20302c}
.account-bar{display:flex;align-items:center;gap:.65rem;flex-wrap:wrap;padding:.7rem 1rem;background:#edf5ef;border-bottom:1px solid #cadbce;font-size:.85rem;position:relative;z-index:20}
.account-bar strong{white-space:nowrap}.account-bar [role=status]{flex:1;min-width:12rem}.account-warning{background:#fff2da;border-color:#e4bd78}
.account-bar button,.account-block button,.account-login-page button{font:inherit;cursor:pointer;border:1px solid #8aaba0;border-radius:.55rem;padding:.5rem .75rem;background:#fff;color:#203d32;min-height:40px}
.account-bar button:hover,.account-block button:hover{background:#dcebe0}
.account-bar button:focus-visible,.account-block button:focus-visible,.account-login-page button:focus-visible,.account-login-page input:focus-visible{outline:3px solid #397f65;outline-offset:3px}
.account-block{position:fixed;inset:0;z-index:2147483647;background:#f6f8f3;display:flex;align-content:center;justify-content:center;align-items:center;flex-wrap:wrap;gap:1rem;padding:2rem;text-align:center}.account-block p{flex-basis:100%;max-width:45rem}
.account-login-page{margin:0;min-height:100vh;box-sizing:border-box;background:#f1f5ee;display:grid;place-items:center;padding:1.25rem;line-height:1.6}
.account-login-card{width:100%;max-width:25rem;background:white;border:1px solid #d6e0d5;border-radius:1.25rem;padding:2rem;box-sizing:border-box;box-shadow:0 16px 50px #2945340d}
.account-eyebrow{font-size:.85rem;letter-spacing:.12em;color:#426754}.account-login-card h1{font-size:1.65rem;line-height:1.3;margin:.5rem 0 1rem}.account-login-card>p{color:#56645c}
.account-login-card form{display:grid;gap:.55rem;margin-top:1.5rem}.account-login-card input{font:inherit;border:1px solid #9caf9f;border-radius:.55rem;padding:.65rem;width:100%;box-sizing:border-box;margin-bottom:.6rem;min-height:46px}.account-login-card button[type=submit]{background:#275c46;color:white;font-weight:650;margin-top:.4rem;min-height:46px}.account-login-card button:disabled{opacity:.65;cursor:wait}#login-message{min-height:1.6em;margin:.6rem 0 0;color:#8b342b}
@media(max-width:480px){.account-bar{gap:.5rem;padding:.65rem}.account-bar [role=status]{flex-basis:100%}.account-bar button{flex:1;font-size:.8rem}.account-login-card{padding:1.5rem}}