header{align-items:center;flex-wrap:wrap}
.header-actions{display:flex;align-items:center;gap:8px;margin-left:auto}
.signed-in{display:grid;text-align:right;line-height:1.2}
.signed-in small{font-size:10px}
.signed-in strong{font-size:14px;margin-top:3px;max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.signed-in span{font-size:10px;opacity:.78;margin-top:2px}
@media(max-width:420px){header>div:first-child{max-width:185px}.header-actions{gap:6px}.signed-in strong{max-width:105px}.header-btn{padding:6px 8px}}
.account-manager{margin-top:18px;padding-top:16px;border-top:1px solid var(--line)}
.account-manager>h3{margin-bottom:4px}
.account-hint{text-align:left;margin:0 0 10px}
#accountList{display:grid;gap:10px}
.account-card{padding:12px;border:1px solid var(--line);border-radius:12px;background:var(--bg)}
.account-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}
.account-title span{font-size:10px;color:var(--brand);background:var(--soft);padding:4px 7px;border-radius:999px}
.account-card label{display:block;font-size:11px;font-weight:700;margin:8px 0 4px}
.account-card input,.account-card select{width:100%;padding:9px;border:1px solid var(--line);border-radius:9px;background:#fff}
.account-save{width:100%;margin-top:9px}
.account-message{font-size:11px;margin:8px 0 0}