/* TungMail auth — dark slate, brand-cohesive indigo */
body.auth{color:var(--cream);min-height:100vh;display:flex;flex-direction:column;
  background:
    radial-gradient(60% 50% at 12% 8%,#6366f126,transparent 70%),
    radial-gradient(55% 45% at 88% 4%,#10b9811f,transparent 70%),
    radial-gradient(60% 60% at 60% 90%,#8b7cf01f,transparent 70%),
    var(--bg)}
.auth-top{display:flex;align-items:center;height:74px;padding:0 26px}
body.auth .brand{color:var(--cream)}
.auth-main{flex:1;display:grid;place-items:center;padding:20px}
.auth-card{width:min(940px,96vw);background:linear-gradient(160deg,var(--surface-2),var(--surface));
  border:1px solid var(--line-2);border-radius:26px;box-shadow:var(--shadow);
  position:relative;overflow:hidden}
.auth-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px;padding:44px 46px 52px}
@media(max-width:760px){.auth-grid{grid-template-columns:1fr;gap:18px;padding:34px 26px 44px}}
.auth-left h1{font-family:var(--display);font-size:32px;font-weight:600;letter-spacing:-.02em;margin:0 0 12px;color:var(--cream)}
.auth-left p{color:var(--text-dim);margin:0;max-width:340px}
.auth-left .mascot{width:120px;margin-top:26px;animation:bob 3.4s ease-in-out infinite}
.auth-right{align-self:center}
.auth-field{margin-bottom:18px}
.auth-field label{display:block;font-size:13px;color:var(--text-dim);margin-bottom:7px}
.auth-input-wrap{display:flex;align-items:center;background:#ffffff08;border:1px solid var(--line-2);border-radius:13px;padding:0 4px 0 0}
.auth-input-wrap:focus-within{border-color:var(--accent)}
.auth-input-wrap input{flex:1;background:none;border:0;outline:none;color:var(--cream);font-family:inherit;font-size:15px;padding:13px 14px}
.auth-input-wrap .suffix{color:var(--text-mute);font-family:var(--mono);font-size:14px;padding-right:12px;white-space:nowrap}
.auth-actions{display:flex;align-items:center;justify-content:flex-end;gap:16px;margin-top:26px}
.auth-actions .alt{font-size:14px;color:var(--text-dim);cursor:pointer}
.auth-actions .alt:hover{color:var(--cream)}
.progress{position:absolute;left:0;bottom:0;height:5px;width:20%;
  background:linear-gradient(90deg,var(--secure),var(--wood-gold-2),var(--accent));transition:width .35s ease;border-radius:0 4px 0 0}
.auth-foot{text-align:center;padding:20px;color:var(--text-mute);font-size:13px}
.auth-foot a{color:var(--wood-gold-2)}
.step{display:none}.step.on{display:block}
.seedgrid2{display:grid;grid-template-columns:repeat(2,1fr);gap:9px}
@media(min-width:520px){.seedgrid2{grid-template-columns:repeat(3,1fr)}}
.scz{background:#ffffff08;border:1px solid var(--line-2);border-radius:11px;padding:10px 12px;font-size:14px;display:flex;gap:9px;align-items:center}
.scz small{font-family:var(--mono);color:var(--text-mute);font-size:10px}
.seedtools{display:flex;gap:14px;margin-top:14px;font-size:13px}
.seedtools a{color:var(--wood-gold-2);cursor:pointer}
.terms{font-size:12px;color:var(--text-mute);margin-top:6px}
.terms a{color:var(--wood-gold-2)}

/* --- API-wired auth additions --- */
.auth-err{color:#fca5a5;font-size:13px;margin:-4px 0 6px;min-height:0;display:none}
.seedwarn{background:#7f1d1d1f;border:1px solid #ef444455;color:#fecaca;border-radius:12px;
  padding:12px 14px;font-size:13px;line-height:1.5;margin-bottom:16px}
.seedwarn b{color:#fff}
.seedack{display:flex;align-items:center;gap:9px;margin-top:16px;font-size:13px;color:var(--text-dim);cursor:pointer}
.seedack input{width:16px;height:16px;accent-color:var(--accent)}
.seedinput{width:100%;background:#ffffff08;border:1px solid var(--line-2);border-radius:13px;
  color:var(--cream);font-family:var(--mono);font-size:14px;padding:12px 14px;outline:none;resize:vertical;line-height:1.6}
.seedinput:focus{border-color:var(--accent)}

/* live username availability */
.uname-status{font-size:12.5px;margin-top:7px;min-height:16px;transition:.15s}
.uname-status.checking{color:var(--text-mute)}
.uname-status.ok{color:#34d399}
.uname-status.bad{color:#fca5a5}