/* Mobile member surfaces: translucent glass edges instead of heavy filled cards. */
@media(max-width:899px){
  :root{--glass-edge:#9aafff6b;--glass-ink:#f5f7ff}
  html{scroll-padding-top:76px;scroll-padding-bottom:100px}
  body,.app-shell{background:#070a13}
  .screen,.page-screen{background:radial-gradient(circle at 91% 4%,#263b7852 0,transparent 28%),radial-gradient(circle at 5% 35%,#3520542b 0,transparent 25%),#070a13}
  .screen-discover,.screen-video{background:radial-gradient(circle at 85% 3%,#263a7050 0,transparent 24%),#070a13}

  .mobile-wallet.panel,.cert-card.panel,.member-card.panel,.vip-hero.panel,.report-hero.panel,.withdraw-hero.panel,.info-feature.panel,.tip-summary.panel,.merchant-banner{
    border:1px solid #9baded85;
    background:linear-gradient(130deg,#ffffff10,#a8baff05 61%,#dba4ff08);
    -webkit-backdrop-filter:blur(16px) saturate(125%);
    backdrop-filter:blur(16px) saturate(125%);
    box-shadow:inset 0 1px 0 #ffffff21,0 12px 26px #0206113b;
  }
  .mobile-wallet.panel{padding:19px 19px 18px}
  .mobile-wallet>strong{margin:17px 0 19px}
  .mobile-wallet-actions{border-top-color:#a5b5e332}
  .mobile-wallet-actions .secondary{background:#a3b8ff0d;border-color:#8ba3f955}
  .cert-stats{border-top-color:#a5b5e338}
  .member-card .points{border-top-color:#a5b5e338}
  .vip-metrics{border-top-color:#a5b5e338}

  .mobile-task-card,.mobile-explore-card,.cert-service-list .service-card,.quick-action,.profile-group.panel,.account-details.panel,.empty-panel.panel,.vip-tier.panel,.notice-card.panel,.record-card.panel,.account-entry.panel,.info-block.panel,.report-metrics .panel,.withdraw-form.panel,.kyc-form.panel,.support-channel.panel,.merchant-state,.merchant-order-card{
    border:1px solid #8da3dc59;
    background:linear-gradient(140deg,#ffffff10,#a9b8ff06 62%,#ffffff03);
    -webkit-backdrop-filter:none;
    backdrop-filter:none;
    box-shadow:inset 0 1px 0 #ffffff16,0 7px 22px #02050c20;
  }
  .mobile-task-card{padding:13px 15px}
  .mobile-explore-card.dating{background:radial-gradient(circle at 84% 10%,#4b72cb5c,transparent 54%),linear-gradient(145deg,#ffffff12,#ffffff04)}
  .mobile-explore-card.videos{background:radial-gradient(circle at 84% 10%,#8955b75e,transparent 54%),linear-gradient(145deg,#ffffff12,#ffffff04)}
  .cert-service-list .service-icon{background:#718fff19;border-color:#8fa5ec73}
  .quick-action{background:#ffffff08}
  .profile-link{background:transparent;border-bottom-color:#8da3dc33}
  .profile-link:last-child{border-bottom:0}
  .report-metrics .panel{background:#ffffff08}
  .vip-tier.current{border-color:#9db2f1a3;background:linear-gradient(130deg,#526ac12b,#ffffff08)}
  .form-rule{background:#ffffff09;border-color:#8da3dc42}

  .auth-card .auth-field-wrap>.auth-input,.form-field input,.form-field select,.form-field textarea,.withdraw-form input,.withdraw-form select,.support-composer textarea,.search-bar{
    background:#f6f8ff0a;
    border:1px solid #9cafe264;
    box-shadow:inset 0 1px 0 #ffffff12;
  }
  .auth-card .auth-field-wrap>.auth-input:focus,.form-field input:focus,.form-field select:focus,.form-field textarea:focus,.withdraw-form input:focus,.withdraw-form select:focus,.support-composer textarea:focus,.search-bar:focus-within{
    background:#aabbff12;
    border-color:#a8baff;
    box-shadow:0 0 0 3px #718cfb26,inset 0 1px 0 #ffffff1a;
  }
  .search-bar{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
  .search-bar input:focus,.search-bar input:focus-visible{outline:0!important;border:0!important;box-shadow:none!important;background:transparent}
  .support-composer{background:#ffffff09;border-color:#8da3dc55}
  .modal-shade{background:#02040dba;overscroll-behavior:contain}
  .modal,.sheet{background:#171e31ed;border:1px solid #9aafff73;-webkit-backdrop-filter:blur(20px) saturate(118%);backdrop-filter:blur(20px) saturate(118%);overscroll-behavior:contain;-webkit-overflow-scrolling:touch}
  .sheet{border-bottom:0}

  input:not([type=checkbox]):not([type=radio]):not([type=file]),select,textarea{font-size:16px!important;-webkit-text-size-adjust:100%;scroll-margin-top:76px;scroll-margin-bottom:28px}
  input:not([type=checkbox]):not([type=radio]):not([type=file]):focus-visible,select:focus-visible,textarea:focus-visible{outline:0!important}
  input::placeholder,textarea::placeholder{opacity:1}
  .search-bar input{font-size:16px!important}
  .support-composer textarea{min-height:48px;line-height:1.35}
  .auth-card .auth-field-wrap>.auth-input{font-size:16px!important}
  .field-focused .bottom-nav,.field-focused .sticky-action{display:none!important}
  .keyboard-open .modal-shade{top:var(--visible-viewport-top,0px);bottom:auto;height:var(--visible-viewport-height,100dvh);overflow:auto}
  .keyboard-open .modal{max-height:calc(var(--visible-viewport-height,100dvh) - 28px)}
  .keyboard-open .sheet{max-height:calc(var(--visible-viewport-height,100dvh) - 10px)}
  .keyboard-open .sheet-shade{align-items:flex-end}
}
@media(max-width:899px) and (prefers-reduced-transparency:reduce){
  .mobile-wallet.panel,.cert-card.panel,.member-card.panel,.vip-hero.panel,.report-hero.panel,.withdraw-hero.panel,.info-feature.panel,.tip-summary.panel,.merchant-banner,.mobile-task-card,.mobile-explore-card,.cert-service-list .service-card,.quick-action,.profile-group.panel,.account-details.panel,.empty-panel.panel,.vip-tier.panel,.notice-card.panel,.record-card.panel,.account-entry.panel,.info-block.panel,.report-metrics .panel,.withdraw-form.panel,.kyc-form.panel,.support-channel.panel,.merchant-state,.merchant-order-card{background:#171d2e;backdrop-filter:none;-webkit-backdrop-filter:none}
}