.account-entry{min-height:100dvh;display:grid;place-items:center;padding:24px 16px;background:var(--bg)}
.account-card{width:min(100%,440px);padding:32px;border:1px solid var(--line);background:white;border-radius:18px}
.account-brand{display:flex;align-items:center;gap:10px;color:var(--green);font-size:23px;margin-bottom:28px}
.account-card h1{font-family:var(--display);font-size:32px;font-weight:400}
.account-card p,.account-panel p{color:var(--muted);line-height:1.6}
.account-card label,.account-panel label{display:grid;gap:6px;font-size:14px;margin:14px 0 4px}
.account-card input,.account-panel input{font-size:16px}
.account-card small,.account-note{font-size:13px}
.account-card form>.button{width:100%;margin:8px 0}
.account-card .auth-error,.account-panel .auth-error{color:#8a3a20}
.account-panel section{padding:16px 0;border-block:1px solid var(--line);margin:18px 0}
.account-panel ul{list-style:none;padding:0;color:var(--muted);font-size:14px}
.account-panel li{display:flex;align-items:center;justify-content:space-between;gap:12px;overflow-wrap:anywhere}
.account-panel button{min-height:44px}
@media(max-width:680px){.account-card{padding:24px}.topbar:has([data-account-panel]) .breadcrumb{display:none}.topbar:has([data-account-panel]) .topbar-actions{width:100%;justify-content:space-between}.topbar:has([data-account-panel]) select{width:auto;max-width:42%}}