.auth{padding-top:clamp(var(--space-6),8vw,88px);padding-bottom:var(--space-16)}.auth>*{max-width:440px;margin-left:auto;margin-right:auto}.auth h1{margin-bottom:var(--space-2);text-wrap:balance}.auth .lead{color:var(--text-secondary);margin:0 0 var(--space-6)}.auth .note{background:var(--surface-card);border-radius:var(--radius-control);padding:12px 14px;font-size:var(--text-small);color:var(--text-secondary);margin-bottom:var(--space-6)}.auth .note a{color:var(--text-primary);text-decoration:underline;text-underline-offset:3px}.auth form{display:grid;gap:var(--space-4)}.auth form[hidden],.auth [hidden]{display:none!important}.auth .f{display:grid;gap:6px}.auth label,.auth .lbl{font-size:var(--text-label);color:var(--text-secondary)}.auth .field{width:100%}.auth .hint{font-size:var(--text-caption);color:var(--text-muted)}.auth .err{font-size:var(--text-caption);color:var(--err);margin:0}.auth .form-err{background:var(--surface-card);border-radius:var(--radius-control);padding:12px 14px;font-size:var(--text-small);color:var(--text-primary);margin:0}.auth .pw{position:relative}.auth .pw .field{padding-right:48px}.auth .pw .show{position:absolute;right:4px;top:50%;translate:0 -50%;width:36px;height:36px;display:grid;place-items:center;background:none;border:0;color:var(--text-secondary);padding:0;border-radius:7px;cursor:pointer}.auth .pw .show:hover{color:var(--text-primary)}.auth .code{font-family:var(--font-mono);letter-spacing:.35em;font-size:20px;text-align:center}.auth .row{display:flex;justify-content:space-between;align-items:baseline;gap:var(--space-4);flex-wrap:wrap;font-size:var(--text-small)}.auth .linkbtn{background:none;border:0;padding:0;color:var(--text-secondary);font:inherit;text-decoration:underline;text-underline-offset:3px;cursor:pointer}.auth .linkbtn:hover,.auth .row a:hover{color:var(--text-primary)}.auth .row a{color:var(--text-secondary);text-decoration:underline;text-underline-offset:3px}.auth .wait{color:var(--text-muted)}.auth .bot{min-height:65px}.auth .btn[disabled]{opacity:.7;cursor:default}.auth .sent{color:var(--text-secondary);margin:0}.auth .sent b{color:var(--text-primary);font-weight:500}@media(pointer:coarse){.auth .pw .show:after{content:"";position:absolute;inset:-6px -4px}}@media(max-width:640px){.auth{padding-bottom:var(--space-12)}.auth .lead,.auth .note{margin-bottom:var(--space-4)}.auth .code{font-size:18px}}
