.auth-card{max-width:480px;margin:50px auto}.auth-card label{display:grid;gap:8px;margin:18px 0}.auth-card input{width:100%;box-sizing:border-box}.signed-out aside nav,.signed-out .demo,.signed-out footer{display:none}.cloud-mode .demo{flex-wrap:wrap;gap:8px}.cloud-mode .demo button{font-size:12px}.cloud-mode #demo-role{display:none}.cloud-mode .local-share{display:none}.cloud-mode .demo #sync-status{flex:1;min-width:180px}
.account-badge{display:flex;align-items:center;gap:10px;width:100%;padding:12px;text-align:left;background:#fff1e8;border:1px solid #ffd4bb}.account-avatar{display:grid;place-items:center;flex-shrink:0;width:36px;height:36px;border-radius:50%;background:#ff5100;color:white;font-weight:700}.account-badge strong{display:block;max-width:125px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#242424}.account-badge small{display:block;font-size:11px;color:#666}.account-badge i{display:inline-block;width:6px;height:6px;background:#ff5100;border-radius:50%;margin-right:5px}.profile-card{max-width:720px}.profile-card input,.profile-card select{width:100%}@media(max-width:800px){.cloud-mode .aside-bottom{display:block;margin:8px 0}.account-badge{width:auto;padding:6px 10px}.account-avatar{width:28px;height:28px}.account-badge strong{max-width:160px}.cloud-mode aside{flex-wrap:wrap}}