/* Login e cadastro. Complementa o .panel.auth do app.css sem mudar o visual
   dele: só o que as telas novas precisam. */
.auth-kicker{display:flex;align-items:center;gap:8px;margin:0 0 6px;font-size:11px;font-weight:800;letter-spacing:.22em;text-transform:uppercase;color:#9a9a9a}
.auth-live-dot{width:7px;height:7px;border-radius:50%;background:#e8e8e8;box-shadow:0 0 0 0 #e8e8e880;animation:auth-live 2s infinite}
@keyframes auth-live{70%{box-shadow:0 0 0 7px #e8e8e800}100%{box-shadow:0 0 0 0 #e8e8e800}}
.panel.auth h1{margin:4px 0 6px;text-wrap:balance}
.signup label{margin:18px 0 0}
.signup input{margin-top:7px}
.field-hint{margin:7px 0 0;font-size:12px;color:#777;overflow-wrap:anywhere}
.field-hint b{color:#d6d6d6;font-weight:700}
.password-row{position:relative}
.password-row input{padding-right:86px}
.password-toggle{position:absolute;right:6px;top:calc(50% + 3.5px);transform:translateY(-50%);background:#151515;color:#bbb;border:1px solid #2a2a2a;border-radius:8px;padding:6px 10px;font:inherit;font-size:12px;cursor:pointer}
.password-toggle:hover{color:#fff;border-color:#3a3a3a}
.password-toggle:focus-visible,.auth-switch a:focus-visible,.signup-submit:focus-visible{outline:2px solid #e8e8e8;outline-offset:2px}
.auth-error{margin:14px 0 0;padding:10px 12px;border:1px solid #5a2a2a;background:#1a0d0d;color:#f0c4c4;border-radius:10px;font-size:13px}
.signup-submit{width:100%;justify-content:center;margin-top:22px;padding:13px 16px}
.panel.auth > .btn[type=submit]{margin-top:6px}
.auth-note{margin:16px 0 0;font-size:12px;line-height:1.5;color:#6f6f6f}
.auth-switch{margin:14px 0 0;font-size:13px;color:#888}
.auth-switch a{color:#eee;font-weight:700;text-decoration:underline;text-underline-offset:3px}
/* Isca para robô: fora da tela, mas ainda no formulário. */
.hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
@media (prefers-reduced-motion:reduce){.auth-live-dot{animation:none}}
/* dxrk.bio/<usuario> enquanto a bio da conta não abriu. */
.bio-soon-head{display:flex;align-items:center;gap:14px;margin:10px 0 8px}
.bio-soon-head h1{margin:0;overflow-wrap:anywhere}
.bio-soon-letter{flex:none;width:52px;height:52px;border-radius:50%;display:grid;place-items:center;background:#161616;border:1px solid #2c2c2c;font-size:22px;font-weight:900;color:#ddd}
.bio-soon .room-slot{margin-top:18px}