.account-access{max-width:510px;margin:0 auto;padding:4px 0 12px}
.account-access>p{margin:10px 0 14px}
.account-modes,.account-secret{display:flex;gap:6px}
.account-modes{flex-wrap:wrap;border-bottom:1px solid var(--line);padding-bottom:8px}
.account-modes [aria-pressed=true]{border-color:var(--cyan);color:var(--cyan)}
.account-form{display:grid;gap:10px}
.account-field{display:grid;gap:4px;min-width:0}
#panel .account-field input{width:100%;min-width:0;min-height:44px;margin:0}
.account-secret input{flex:1 1 auto}
.account-secret button{flex:0 0 102px}
.account-form .account-remember{display:flex;align-items:center;gap:10px;min-height:44px}
#panel .account-remember input{width:18px;height:18px;margin:0}
.account-access button,.account-actions button{min-height:44px}
.account-submit{justify-self:start;min-width:156px}
.account-brand {display:flex;align-items:baseline;flex-wrap:wrap;gap:4px 12px;margin-bottom:8px}
.account-brand strong {color:var(--gold);font-size:clamp(16px,3vw,24px);letter-spacing:.1em}
.account-brand span {color:var(--muted)}
.commander .brand-subtitle {display:block;color:#b0c9da;font-size:9px}
#domainHandoff {
 position:absolute;
 z-index:5;
 right:clamp(8px,2vw,24px);
 bottom:clamp(74px,18dvh,146px);
 min-height:44px;
 max-width:calc(100% - 16px);
 padding:6px 12px;
 color:var(--gold);
 border-color:#9b8252;
 font-size:12px;
}
#app.building-view #domainHandoff {visibility:hidden}