html,body{margin:0;min-height:100%;background:var(--bg);color:var(--ink);font-family:var(--font-sans)}
.signin-wrap{min-height:100dvh;display:grid;place-items:center;padding:16px;box-sizing:border-box}
.signin-card{width:min(380px,100%);display:grid;gap:12px;padding:28px;box-sizing:border-box}
.signin-card .title{margin:0}
.err{color:var(--attn);min-height:1em;margin:0}
.hint{margin:0}
@media (prefers-color-scheme: dark){:root{--bg:#121513;--surface:#1a1e1b;--ink:#e8ebe6;--muted:#919a94;--line:#2c322e;--accent:#7cc4b0;--on-accent:#0f1a16;--attn:#f08a7e}}