/* One physical paper and one actual auth form for password, OTP and signup. */
#newspaper-entry .entry-brand-logo { width: 40px; height: 40px; object-fit: contain; flex: none; }
#newspaper-entry .entry-content h1 { display: flex; align-items: center; justify-content: center; gap: 9px; margin-bottom: 18px; font-size: 28px; }
#newspaper-entry .entry-description { display: none; }
#newspaper-entry #login-form { display: flex; flex-direction: column; gap: 10px; }
#newspaper-entry #login-form .auth-field { position: relative; display: flex; align-items: center; min-width: 0; min-height: 44px; margin: 0; padding: 0; border: 1px solid #b9cbe5; border-radius: 7px; background: #fbfdff; }
#newspaper-entry #login-form .auth-field:focus-within { border-color: #8796ac; box-shadow: none; }
#newspaper-entry #login-form .auth-field > label { position: static; display: flex; align-items: center; gap: 5px; width: 75px; height: 22px; flex: none; margin: 0; padding: 0 7px; border-right: 1px solid #d6e0ef; color: #102447; font-size: 13px; font-weight: 600; white-space: nowrap; clip-path: none; overflow: visible; }
#newspaper-entry .auth-field-icon { width: 15px; height: 15px; opacity: .75; flex: none; }
#newspaper-entry #login-form .auth-field input { flex: 1; width: 0; min-width: 0; min-height: 42px; height: 42px; padding: 0 10px; border: 0; border-radius: 0; background: transparent; box-shadow: none; color: #14274b; font-size: 16px; line-height: 22px; }
#newspaper-entry #login-form .auth-field input:focus { outline: none; box-shadow: none; }
#newspaper-entry #login-form .auth-field input::placeholder { color: #62718a; opacity: 1; }
#newspaper-entry #login-form .auth-field input:disabled { opacity: 1; -webkit-text-fill-color: #526684; }
/* Keep browser-saved credentials on the same paper-white surface. */
#newspaper-entry #login-form .auth-field input:is(:autofill, :-webkit-autofill) { -webkit-box-shadow: 0 0 0 1000px #fbfdff inset; box-shadow: 0 0 0 1000px #fbfdff inset; -webkit-text-fill-color: #14274b; caret-color: #14274b; border-radius: 0 6px 6px 0; }
#newspaper-entry #login-form #login-password,
#newspaper-entry #login-form #register-confirm { padding-right: 38px; }
#newspaper-entry #entry-password-toggle,
#newspaper-entry #register-confirm-toggle { display: grid; place-items: center; position: absolute; top: 0; right: 0; width: 38px; height: 42px; margin: 0; padding: 9px; background: transparent; border-radius: 6px; }
#newspaper-entry #register-confirm-toggle img { width: 18px; height: 18px; }
#newspaper-entry #register-confirm-toggle::before { content: ''; position: absolute; inset: -3px; }
#newspaper-entry #login-code-fields { margin: 0; }
#newspaper-entry #login-form .auth-code-row { display: flex; flex: 1; min-width: 0; gap: 0; }
#newspaper-entry #login-form #send-code { width: 86px; min-height: 42px; height: 42px; flex: none; padding: 0 3px; border: 0; border-left: 1px solid #d6e0ef; border-radius: 0 6px 6px 0; background: transparent; color: #1458f5; font-size: 12px; }
#newspaper-entry #login-form #send-code:disabled { color: #667894; cursor: default; }
#newspaper-entry #register-password-hint,
#newspaper-entry #signup-identity { display: none !important; }
#newspaper-entry #login-form #auth-captcha { margin: 0; }
#newspaper-entry #captcha-widget { min-height: 65px; width: 100%; }
#newspaper-entry #login-form #account-status { margin: 0; font-size: 12px; line-height: 1.6; color: #294d80; }
#newspaper-entry #login-form #verify-code { min-height: 48px; height: 48px; margin: 0; font-size: 17px; }
#newspaper-entry #restart-registration { display: block; min-height: 36px; margin: 0; padding: 0; color: #1458f5; font-size: 12px; }
#newspaper-entry #auth-switch { margin-top: 6px; }
#newspaper-entry .login-paper { height: calc(var(--entry-form-height, 350px) + 250px); width: 382px; }
@media (max-width:800px) {
  /* Recenter each live auth state. Reserve 125px above/below for the paper,
     counters and curled corner, plus 12px at each viewport edge when scrolling. */
  #newspaper-entry .mobile-prototype { --auth-content-top: max(137px, calc((100dvh / var(--entry-scale, 1) - var(--entry-form-height, 350px)) / 2)); min-height: calc((var(--entry-form-height,350px) + 274px) * var(--entry-scale,1)); overflow-anchor: none; }
  #newspaper-entry .paper-surface { display: block; }
  #newspaper-entry .entry-content { position: absolute; top: var(--auth-content-top); }
  #newspaper-entry .login-paper { top: calc(var(--auth-content-top) - 125px); }
  #newspaper-entry .audience { top: calc(var(--auth-content-top) - 103px); }
  #newspaper-entry .newspaper-background { height: 100%; min-height: 0; }
}
@media(min-width:801px) {
  #newspaper-entry .mobile-prototype { height: calc((var(--entry-form-height,350px) + 250px) * var(--entry-scale,1)); min-height: 0; aspect-ratio: auto; }
  #newspaper-entry .newspaper-stage { height: calc(100% / var(--entry-scale,1)); }
  #newspaper-entry .paper-surface { inset: 0; }
  #newspaper-entry .entry-content { top: 125px; }
  #newspaper-entry .login-paper { top: 0; }
  #newspaper-entry .audience { top: 22px; height: 103px; }
  #newspaper-entry .flip-counter { top: 0; }
}
@media(prefers-reduced-motion:no-preference) {
  #newspaper-entry #register-name-fields:not([hidden]),
  #newspaper-entry #register-confirm-fields:not([hidden]) { animation: auth-field-in 180ms ease-out both; }
  @keyframes auth-field-in { from { opacity:.65; transform:translateY(4px); } to { opacity:1; transform:translateY(0); } }
}