/* Log in / sign up. */
/* auth */
.auth{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:28px;padding-block:clamp(28px,6vw,72px);align-items:start;max-width:1100px}
.auth-card{padding:clamp(22px,3vw,36px);display:grid;gap:16px}
.auth-demo{background:var(--accent);color:var(--on-accent);padding:clamp(22px,3vw,36px);border:1px solid var(--on-accent)}
.auth-demo details{border-color:var(--on-accent)}
@media (max-width:960px){
  .auth{grid-template-columns:1fr}
}
/* M-30: why the Join form appeared */
.auth-why{background:var(--mint);border:1px solid var(--hair-strong);padding:12px 14px;font-size:var(--fs-body-s)}
.auth-demo input[type=range]{--fill:var(--on-accent);--rest:rgba(21,20,14,.22);--thumb:var(--on-accent);--thumb-b:var(--on-accent)}
.auth-demo .btn:focus-visible{outline-color:var(--on-accent)}
/* Join: producer or artist */
.join-as{margin:2px 0 4px}
.join-as .chip{flex:1;justify-content:center;text-align:center}