/* The captured layout is untouched. These selectors only style interaction UI. */
#replica-root[data-auth-page] [data-auth-action] { cursor: pointer; }
#replica-root[data-auth-page] [data-auth-action]:focus-visible { outline: 2px solid var(--app-active-color, #c6a56a); outline-offset: 3px; }
#replica-root[data-auth-page] .van-field[data-auth-invalid="true"] { border-color: #e85b62; }
#replica-root[data-auth-page] .auth-feedback { margin: 0; padding: 10px 12px; border: 1px solid #6a6049; border-radius: 6px; background: #242724; color: #d9c79f; font-size: 12px; line-height: 1.6; overflow-wrap: anywhere; }
#replica-root[data-auth-page] .auth-feedback[data-error="true"] { color: #ff858b; border-color: #75464b; background: #2b2228; }
#replica-root[data-auth-page] .auth-feedback[hidden] { display: none; }
#replica-root[data-auth-page] .auth-dialog-overlay { position: fixed; inset: 0; z-index: 5000; display: flex; justify-content: center; align-items: center; padding: 24px; background: rgba(0, 0, 0, .65); }
#replica-root[data-auth-page] .auth-dialog { width: 100%; max-width: 360px; max-height: 80vh; overflow: auto; border: 1px solid #45454d; border-radius: 12px; padding: 22px; background: #24252b; box-shadow: 0 12px 40px rgba(0, 0, 0, .35); color: #e0d8c8; }
#replica-root[data-auth-page] .auth-dialog h2 { margin: 0 0 14px; font-size: 18px; line-height: 1.4; font-weight: 600; }
#replica-root[data-auth-page] .auth-dialog p { margin: 0 0 20px; color: #b9b4aa; font-size: 14px; line-height: 1.7; }
#replica-root[data-auth-page] .auth-dialog-close { display: block; width: 100%; min-height: 42px; border: 0; border-radius: 6px; background: linear-gradient(90deg, #b58f50, #d2b47b); color: #fff; font-size: 14px; cursor: pointer; }
#replica-root[data-auth-page] .auth-dialog-close:focus-visible { outline: 2px solid #e9d4ad; outline-offset: 3px; }

#replica-root[data-auth-page] .site-account-notice { margin: 0 0 4px; padding: 12px; border: 1px solid #8a7449; border-radius: 8px; color: #e2c78f; background: #302a21; font-size: 13px; line-height: 1.7; user-select: text; }
#replica-root[data-auth-page] .van-button[aria-busy="true"] { opacity: .65; cursor: wait; }
#replica-root[data-auth-page] .van-field__control { user-select: text; }
@media (min-width: 800px) {
  html[data-layout="desktop"] #replica-root[data-auth-page] { min-height: 100vh; padding: 40px 20px; display: flex; align-items: flex-start; justify-content: center; background: #15171d; }
  html[data-layout="desktop"] #replica-root[data-auth-page] > #app { width: 460px; max-width: 100%; border: 1px solid #514633; border-radius: 16px; overflow: hidden; box-shadow: 0 24px 80px #0008; }
  html[data-layout="desktop"] #replica-root[data-auth-page] .safe-area-wrapper { height: auto !important; min-height: 600px; }
  html[data-layout="desktop"] #replica-root[data-auth-page] .app-layout { width: 100%; min-height: 600px; }
  html[data-layout="desktop"] #replica-root[data-auth-page] .app-content { overflow: visible; min-height: 0; }
}