body:has(.login-card){min-height:100dvh;display:grid;place-items:center;padding:1rem}
.login-card{display:block;min-height:0;width:min(100%,28rem);background:white;padding:2rem;border-radius:1rem;box-shadow:0 8px 36px #182b4430}
.login-card h1{margin-top:0}.login-card form{display:grid;gap:1rem}.login-card label{display:grid;gap:.4rem}
.login-card input{padding:.75rem;border:1px solid #9aa8b5;border-radius:.4rem;font:inherit}.login-card button{padding:.75rem;font:inherit}.login-card [role=alert]{color:#a21d2e}
.account-controls{display:flex;gap:.6rem;align-items:center;margin-left:auto;min-width:0;flex-shrink:0}
.account-controls:empty,.account-controls .preference-status:empty{display:none}
.account-controls span{display:inline;margin:0;font-weight:600;color:inherit;max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.account-controls button{min-height:38px;white-space:nowrap}.account-controls .preference-status{font-size:12px;color:#ffd799;font-weight:400}
body.reviewing .project-head:has(#project-creator){grid-template-areas:'name clock' 'scope errors' 'author author'}
.project-head #project-creator{grid-area:author;font-size:12px;line-height:1.4;color:#60758b;overflow-wrap:anywhere}
@media(max-width:900px){.account-controls{max-width:100%;flex-wrap:wrap}.account-controls span{max-width:140px}body.reviewing .project-head:has(#project-creator){grid-template-areas:'name' 'author' 'scope' 'clock' 'errors'}}