#authView{ min-height:100vh; display:flex; align-items:center; justify-content:center; padding:20px;
  background: radial-gradient(circle at 30% 20%, rgba(168,85,247,.14), transparent 55%),
              radial-gradient(circle at 75% 80%, rgba(124,58,237,.12), transparent 55%), var(--bg); }
.auth-card{ width:100%; max-width:380px; background: rgba(255,255,255,.035); border:1px solid var(--line);
  border-radius:22px; padding:34px 30px; backdrop-filter: blur(10px); }
.auth-logo{ display:flex; align-items:center; gap:10px; margin-bottom:22px; }
.auth-logo .mark{ width:34px; height:34px; border-radius:10px; background: linear-gradient(135deg,var(--accent),var(--accent-2)); overflow:hidden;
  display:flex; align-items:center; justify-content:center; color:#0A0714; }
.auth-logo .lbl{ font-weight:800; font-size:16px; letter-spacing:-.01em; }
.auth-field{ margin-bottom:14px; }
.auth-field label{ display:block; font-size:11.5px; color:var(--muted); margin-bottom:6px; font-weight:600; }
.auth-field input{ width:100%; background: rgba(255,255,255,.04); border:1px solid var(--line); border-radius:9px; color:var(--text);
  padding:11px 13px; font-size:13.5px; outline:none; transition: border-color .15s ease; }
.auth-field input:focus{ border-color: var(--accent); }
.auth-field .handle-wrap{ position:relative; }
.auth-field .handle-wrap span{ position:absolute; left:12px; top:50%; transform:translateY(-50%); color:var(--muted); font-family:'IBM Plex Mono',monospace; font-size:13px; }
.auth-field .handle-wrap input{ padding-left:24px !important; font-family:'IBM Plex Mono',monospace; }
.auth-submit{ width:100%; margin-top:6px; background: linear-gradient(90deg,var(--accent),var(--accent-2)); border:none;
  color:#0A0714; font-weight:800; font-size:14px; padding:13px; border-radius:11px; cursor:pointer; transition: filter .15s ease; }
.auth-submit:hover{ filter:brightness(1.12); }
.auth-submit:disabled{ opacity:.55; cursor:default; }
.auth-msg{ font-size:12px; margin-top:12px; text-align:center; min-height:16px; }
.auth-msg.err{ color: var(--danger); } .auth-msg.ok{ color: var(--accent); }
.auth-note{ font-size:10.5px; color:var(--muted); text-align:center; margin-top:16px; line-height:1.5; }
.auth-switch{ text-align:center; margin-top:14px; font-size:12px; color:var(--muted); }
.auth-switch a{ color:var(--accent); font-weight:700; text-decoration:none; }
.auth-switch a:hover{ text-decoration:underline; }
.fallback-open{ display:none; text-align:center; margin-top:12px; font-size:11.5px; }
.fallback-open a{ color:var(--accent); font-weight:700; }