/* Security forms share the same viewport and palette as the security centre. */
html body #app .app-wrapper:has(> .page-container > :is(.v5-phone-bind,.v5-email-bind,.v5-google-bind,.v5-login-pwd,.v5-security-question)) > .page-container {
  inset:0!important; top:0!important; bottom:0!important; width:100%!important;
  height:100%!important; min-height:0!important; padding:0!important; margin:0!important;
  background:#490815!important;
}
html body #app .app-wrapper .page-container :is(.v5-phone-bind,.v5-email-bind,.v5-google-bind,.v5-login-pwd,.v5-security-question) {
  --van-text-color:#ffedcf; --van-text-color-2:#e0b5c2; --van-text-color-3:#b98196;
  --van-background:#490815; --van-background-2:#651b32; --van-border-color:#854054;
  --van-primary-color:#f3c3d3; --van-picker-background:#651b32;
  --van-picker-option-text-color:#ffedcf; --van-picker-mask-color:transparent;
  display:flex!important; flex-direction:column; position:relative!important;
  width:100%!important; height:100%!important; min-height:0!important; max-height:100%!important;
  margin:0!important; padding:0!important; overflow:hidden!important;
  background:#490815!important; color:#ffedcf!important; box-sizing:border-box;
  font-size:calc(14 * var(--u,1px));
}
html body #app .app-wrapper .page-container :is(.v5-phone-bind,.v5-email-bind,.v5-google-bind,.v5-login-pwd,.v5-security-question) * {box-sizing:border-box;}
html body #app .app-wrapper .page-container :is(.v5-phone-bind,.v5-email-bind,.v5-google-bind,.v5-login-pwd,.v5-security-question) .custom-nav {
  flex:none; background:#65172d!important; color:#ffedcf!important;
  border-bottom:1px solid #853448!important; padding:0!important;
}
html body #app .app-wrapper .page-container :is(.v5-phone-bind,.v5-email-bind,.v5-google-bind,.v5-login-pwd,.v5-security-question) .van-nav-bar__content {height:calc(44 * var(--u,1px))!important;}
html body #app .app-wrapper .page-container :is(.v5-phone-bind,.v5-email-bind,.v5-google-bind,.v5-login-pwd,.v5-security-question) :is(.van-nav-bar__title,.van-nav-bar__arrow) {color:#ffedcf!important;font-size:calc(17 * var(--u,1px))!important;}
html body #app .app-wrapper .page-container :is(.v5-phone-bind,.v5-email-bind,.v5-google-bind,.v5-login-pwd,.v5-security-question) > .content {
  flex:1 1 0!important; min-height:0!important; width:100%; padding:calc(16 * var(--u,1px)) calc(12 * var(--u,1px))!important;
  overflow-y:auto!important; overflow-x:hidden!important; overscroll-behavior:contain;
  background:#490815!important; color:#ffedcf!important;
}
html body #app .app-wrapper .page-container :is(.v5-phone-bind,.v5-email-bind,.v5-google-bind,.v5-login-pwd,.v5-security-question) :is(.label,.page-label,.step-title) {color:#ffedcf!important;font-size:calc(14 * var(--u,1px))!important;line-height:1.6;margin-bottom:calc(10 * var(--u,1px));}
html body #app .app-wrapper .page-container :is(.v5-phone-bind,.v5-email-bind,.v5-google-bind,.v5-login-pwd,.v5-security-question) :is(.phone-input-container,.email-input-container,.input-container) {
  display:flex; align-items:center; width:100%!important; min-width:0; height:calc(44 * var(--u,1px))!important;
  padding:0 calc(12 * var(--u,1px))!important; border:1px solid #925168!important;
  border-radius:calc(7 * var(--u,1px))!important; background:#651b32!important; color:#ffedcf!important;
}
html body #app .app-wrapper .page-container :is(.v5-phone-bind,.v5-email-bind,.v5-google-bind,.v5-login-pwd,.v5-security-question) input {
  flex:1; min-width:0; width:100%; height:100%; border:0!important; outline:none;
  color:#ffedcf!important; background:transparent!important; font-size:calc(14 * var(--u,1px))!important;
}
html body #app .app-wrapper .page-container :is(.v5-phone-bind,.v5-email-bind,.v5-google-bind,.v5-login-pwd,.v5-security-question) input::placeholder {color:#bd8a9e!important;opacity:1;}
html body #app .app-wrapper .page-container :is(.v5-phone-bind,.v5-email-bind,.v5-google-bind,.v5-login-pwd,.v5-security-question) :is(.prefix-icon,.suffix-icon,.input-icon,.arrow-icon,.country-selector,.current-code,.select-text,.paste-btn) {color:#f0c5d3!important;}
html body #app .app-wrapper .page-container :is(.v5-phone-bind,.v5-email-bind,.v5-google-bind,.v5-login-pwd,.v5-security-question) :is(.step-desc,.strength-section,.rules-row,.rule-tag,.show-secret-btn) {color:#cf9eaf!important;font-size:calc(12 * var(--u,1px))!important;line-height:1.7;}
html body #app .app-wrapper .page-container :is(.v5-phone-bind,.v5-email-bind,.v5-google-bind,.v5-login-pwd,.v5-security-question) :is(.link,.green-text) {color:#ffe399!important;}
html body #app .app-wrapper .page-container :is(.v5-phone-bind,.v5-email-bind,.v5-google-bind,.v5-login-pwd,.v5-security-question) .divider {background:#925168!important;}
html body #app .app-wrapper .page-container :is(.v5-phone-bind,.v5-email-bind,.v5-google-bind,.v5-login-pwd,.v5-security-question) .bar {background:#84324c;}
html body #app .app-wrapper .page-container :is(.v5-phone-bind,.v5-email-bind,.v5-google-bind,.v5-login-pwd,.v5-security-question) .rules-row {display:flex;flex-wrap:wrap;gap:calc(8 * var(--u,1px));}
html body #app .app-wrapper .page-container :is(.v5-phone-bind,.v5-email-bind,.v5-google-bind,.v5-login-pwd,.v5-security-question) > .bottom-area {
  flex:none!important; position:static!important; width:100%!important; margin:0!important;
  padding:calc(12 * var(--u,1px)) calc(12 * var(--u,1px)) max(calc(16 * var(--u,1px)),env(safe-area-inset-bottom))!important;
  background:#490815!important;
}
html body #app .app-wrapper .page-container :is(.v5-phone-bind,.v5-email-bind,.v5-google-bind,.v5-login-pwd,.v5-security-question) .submit-btn {
  height:calc(44 * var(--u,1px))!important; width:100%!important; border:0!important;
  border-radius:calc(7 * var(--u,1px))!important; background:#f3c3d3!important; color:#65172d!important;
  font-size:calc(15 * var(--u,1px))!important; font-weight:600;
}
html body #app .app-wrapper .page-container :is(.v5-phone-bind,.v5-email-bind,.v5-google-bind,.v5-login-pwd,.v5-security-question) .van-overlay {position:absolute!important;inset:0!important;width:100%!important;height:100%!important;max-width:none!important;transform:none!important;background:rgba(21,0,8,.6)!important;}
html body #app .app-wrapper .page-container :is(.v5-phone-bind,.v5-email-bind,.v5-google-bind,.v5-login-pwd,.v5-security-question) .van-popup {position:absolute!important;width:100%!important;max-width:100%!important;max-height:85%!important;background:#651b32!important;color:#ffedcf!important;}
html body #app .app-wrapper .page-container :is(.v5-phone-bind,.v5-email-bind,.v5-google-bind,.v5-login-pwd,.v5-security-question) .van-popup--bottom {left:0!important;right:0!important;bottom:0!important;transform:none!important;}
html body #app .app-wrapper .page-container :is(.v5-phone-bind,.v5-email-bind,.v5-google-bind,.v5-login-pwd,.v5-security-question) :is(.van-picker,.van-cell,.van-search,.van-field__control) {background:#651b32!important;color:#ffedcf!important;}
html body #app .app-wrapper .page-container :is(.v5-phone-bind,.v5-email-bind,.v5-google-bind,.v5-login-pwd,.v5-security-question) :is(.van-picker__confirm,.van-picker__cancel) {color:#f3c3d3!important;}
html body #app .app-wrapper .page-container :is(.v5-phone-bind,.v5-email-bind,.v5-google-bind,.v5-login-pwd,.v5-security-question) .van-picker__mask {background-image:linear-gradient(180deg,rgba(101,27,50,.9),rgba(101,27,50,.15)),linear-gradient(0deg,rgba(101,27,50,.9),rgba(101,27,50,.15))!important;}
html body #app .app-wrapper .page-container .v5-google-bind .qr-box {background:#fff;padding:8px;border-radius:8px;width:fit-content;max-width:100%;margin:auto;}
html body #app .app-wrapper .page-container .v5-google-bind canvas {display:block;max-width:100%;}
html body #app .app-wrapper .page-container .v5-google-bind .step-block {margin-bottom:calc(20 * var(--u,1px));}
html body #app .app-wrapper .page-container .v5-phone-bind .country-item {background:#651b32!important;color:#ffedcf!important;border-color:#853448!important;font-size:calc(14 * var(--u,1px));}
html body #app .app-wrapper .page-container .v5-phone-bind .country-item :is(.flag,.name,.code) {color:inherit!important;}
html body #app .app-wrapper .page-container .v5-phone-bind .country-item.active {background:#84324b!important;color:#ffe399!important;}
html body #app .app-wrapper .page-container .v5-phone-bind .country-popup {scrollbar-color:#a45570 #651b32;scrollbar-width:thin;}
html body #app .app-wrapper .page-container :is(.v5-phone-bind,.v5-email-bind,.v5-google-bind,.v5-login-pwd,.v5-security-question) > .bottom-area {border-color:#853448!important;}

html body #app .app-wrapper .page-container .v5-login-pwd .strength-row > span {color:#cf9eaf!important;}