body[data-auth=pending]>.topbar,body[data-auth=out]>.topbar,body[data-auth=pending]>main,body[data-auth=out]>main,body[data-auth=pending]>footer,body[data-auth=out]>footer,body[data-auth=pending]>#layout-previews,body[data-auth=out]>#layout-previews{display:none}
.auth-screen{min-height:100dvh;padding:36px 24px 60px;background:#f6f6f8;font-family:var(--font)}
.auth-brand{display:block;max-width:1050px;margin:auto;font-size:15px;font-weight:600;color:#34353b;letter-spacing:.2px}
.auth-card{max-width:440px;margin:6vh auto 0;padding:40px;background:#fff;border:1px solid #e9e9ee;border-radius:24px;box-shadow:0 16px 50px #292c3608}
.auth-card h1{font:600 27px/1.6 var(--font);letter-spacing:-1px;margin:10px 0}.auth-card>.muted{font-size:15px;line-height:1.8}
.auth-tabs{display:flex;background:#f4f4f6;border-radius:10px;padding:3px;margin:25px 0 18px}.auth-tabs button{flex:1;font-size:14px}.auth-tabs [aria-pressed=true]{background:white;box-shadow:0 1px 5px #0001;color:#303137}
.auth-card .field{font-size:14px;margin:15px 0}.auth-card input{font-size:16px}.auth-card .primary{margin-top:15px;font-size:16px;background:#343a45}.auth-card .confirm{font-size:12px;align-items:flex-start;line-height:1.8}
.auth-footnote{text-align:center;color:#9899a1;font-size:12px;line-height:1.8;margin-top:22px}
#auth-error,#transcribe-error{font-size:13px;color:#a34736;line-height:1.8;margin:10px 0}
#account-dialog,#transcribe-dialog{max-width:460px}#account-dialog p,#transcribe-dialog p{margin:16px 0;line-height:1.8}#account-dialog .full,#transcribe-dialog .full{margin-top:18px}#account-open{max-width:130px;overflow:hidden;text-overflow:ellipsis}
#transcribe-open{flex:none;font-size:12px;padding:8px 12px;white-space:nowrap}.player-heading{gap:15px;align-items:center}#job-status{font-size:11px;margin-top:6px;color:var(--muted)}
@media(max-width:600px){.auth-screen{padding:24px 16px}.auth-card{margin:5vh auto 0;padding:28px 23px}.auth-card h1{font-size:25px}#account-open{max-width:75px}#transcribe-open{font-size:11px;padding:6px 8px}}