.avatar { border: 0; cursor: pointer; }
.modal[hidden] { display: none !important; }
.auth-shell { position: relative; width: min(460px, 100%); padding: 2.2rem; background: linear-gradient(145deg, #222, #111); border: 1px solid #d4a84380; box-shadow: 0 30px 90px #000; }
.auth-shell > .close-reader { position: absolute; right: .8rem; top: .55rem; }
.auth-shell h2 { margin: .8rem 0 .5rem; }
.auth-shell > p:not(.eyebrow) { color: #bbb; font-size: .86rem; line-height: 1.5; }
.auth-shell form { display: grid; gap: .5rem; margin-top: 1.4rem; }
.auth-shell label { color: #ddd; font-size: .72rem; font-weight: 700; }
.auth-shell input { width: 100%; border: 1px solid #ffffff2d; background: #090909; color: #fff; padding: .8rem; font: inherit; }
.auth-shell .button { margin-top: .65rem; }
.auth-switch { margin-top: 1rem; border: 0; background: transparent; color: #f0c66a; font-size: .77rem; cursor: pointer; text-decoration: underline; }
.auth-shell #auth-feedback { color: #f0c66a; font-size: .78rem; min-height: 1.1rem; }