.auth-screen{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(ellipse at 50% 0%,#f0edff 0,transparent 54%),var(--bg)}
.auth-screen[hidden],.app-shell[hidden]{display:none}
.auth-panel{width:min(430px,100%);padding:34px;background:#fff;border:1px solid var(--border);border-radius:14px;box-shadow:var(--shadow)}
.auth-brand{display:flex;align-items:center;gap:9px;margin-bottom:32px;color:var(--ink);font-size:20px;text-decoration:none}
.auth-brand img{width:32px;height:32px}
.auth-brand strong{font-weight:800}
.auth-brand em{font-style:normal;color:#777687}
.auth-panel h1{margin:8px 0;font-size:25px}
.auth-panel>p.muted{margin:0 0 22px}
#auth-form{display:grid;gap:14px}
#auth-form label{display:grid;gap:7px;font-size:12px;font-weight:700}
#auth-name-field[hidden]{display:none}
#auth-form input{min-height:44px;padding:10px 12px;border:1px solid var(--border);border-radius:8px;background:#fff;color:var(--ink)}
#auth-form input:focus{outline:2px solid #7056ed40;border-color:#7056ed}
.auth-submit{width:100%;justify-content:center}
.auth-message{min-height:18px;margin:12px 0;color:#a33;font-size:12px;line-height:1.5}
.auth-switch{display:block;width:100%;border:0;background:transparent;color:var(--purple);padding:8px;cursor:pointer;font:inherit;font-size:12px}
.auth-screen .eyebrow{color:var(--purple)}
@media(max-width:480px){.auth-screen{padding:16px}.auth-panel{padding:25px 20px}}