/* ═══════════════════════════════════════════════
   AUTH SCREEN
═══════════════════════════════════════════════ */
#authScreen{
  position:fixed;inset:0;background:var(--bg);
  display:flex;align-items:center;justify-content:center;z-index:999;
}
.auth-box{
  width:400px;background:var(--s1);
  border:1px solid var(--b1);border-radius:16px;padding:36px;
}
.auth-brand{display:flex;align-items:center;gap:12px;margin-bottom:32px}
.auth-brand-icon{
  width:40px;height:40px;background:var(--amber);border-radius:12px;
  display:flex;align-items:center;justify-content:center;
  font-size:18px;font-weight:700;color:#202124;
}
.auth-brand h1{font-size:20px;font-weight:700;letter-spacing:-.3px}
.auth-brand p{font-size:11px;color:var(--t3);font-family:var(--mono)}
.auth-tabs{
  display:flex;gap:4px;background:var(--s2);
  border-radius:10px;padding:4px;margin-bottom:24px;
}
.auth-tab{
  flex:1;padding:8px;border:none;background:transparent;
  color:var(--t2);font-size:13px;font-weight:500;border-radius:7px;transition:.2s;
}
.auth-tab.on{background:var(--s1);color:var(--tx);box-shadow:0 1px 3px rgba(0,0,0,.2)}
.auth-field{margin-bottom:16px}
.auth-field label{
  display:block;font-size:12px;font-weight:500;color:var(--t2);margin-bottom:6px;letter-spacing:.1px;
}
.auth-field input{
  width:100%;background:var(--s2);border:1px solid var(--b1);
  border-radius:8px;color:var(--tx);padding:10px 14px;font-size:14px;outline:none;transition:.2s;
}
.auth-field input:focus{border-color:var(--blue);box-shadow:0 0 0 3px var(--blue-d)}
.auth-btn{
  width:100%;padding:12px;background:var(--blue);color:#fff;
  border:none;border-radius:8px;font-size:14px;font-weight:500;transition:.2s;margin-top:4px;
}
body.light .auth-btn{color:#fff}
.auth-btn:hover{opacity:.9}
.auth-err{font-size:12px;color:var(--red);background:var(--red-d);padding:10px 12px;border-radius:8px;margin-top:12px;display:none}
.auth-ok{font-size:12px;color:var(--green);background:var(--green-d);padding:10px 12px;border-radius:8px;margin-top:12px;display:none}
.back-to-site{display:block;text-align:center;margin-top:16px;color:var(--t3);font-size:0.8rem;text-decoration:none;transition:.15s}
.back-to-site:hover{color:var(--t2)}