.global-user-results{position:relative;z-index:20;display:grid;margin:-4px 14px 10px;padding:6px;border:1px solid #dce7e4;border-radius:15px;background:#fff;box-shadow:0 14px 35px rgba(10,45,40,.16)}
.global-user-results button{display:flex;justify-content:space-between;gap:10px;border:0;border-radius:10px;padding:10px;background:transparent;text-align:left}
.global-user-results button:hover{background:#edf7f4}
.global-user-results small{color:#738580}

/* Members Only visual system: deliberately shares the depth, spacing and teal
   language of Around Us while retaining a more intimate, creator-led identity. */
.members-only-view{
  --members-ink:#092f2b;
  --members-teal:#078a76;
  --members-mint:#38c6a7;
  --members-violet:#7048e8;
  background:
    radial-gradient(circle at 92% 12%,rgba(41,192,160,.12),transparent 26rem),
    linear-gradient(180deg,#f7faf9 0,#f2f7f5 100%);
  overscroll-behavior:contain;
  -webkit-overflow-scrolling:touch
}
.members-head{box-shadow:0 8px 30px rgba(15,67,59,.055)}
.members-head nav button{transition:transform .18s ease,background .18s ease,color .18s ease,box-shadow .18s ease}
.members-head nav button:hover{background:#edf7f4;color:var(--members-teal);transform:translateY(-1px)}
.members-head nav button.active{box-shadow:0 8px 20px rgba(8,139,118,.2)}
.members-hero{
  isolation:isolate;
  border:1px solid rgba(255,255,255,.25);
  background:
    radial-gradient(circle at 88% 18%,rgba(151,255,224,.28),transparent 23rem),
    linear-gradient(128deg,#063f39 0%,#087966 50%,#2cbba0 100%)
}
.members-hero:before{content:"";position:absolute;inset:auto -3rem -9rem auto;width:24rem;height:24rem;border:1px solid rgba(255,255,255,.18);border-radius:50%;box-shadow:0 0 0 3rem rgba(255,255,255,.035),0 0 0 6rem rgba(255,255,255,.025)}
.members-hero>div,.members-hero label{position:relative;z-index:1}
.members-hero label{border:1px solid rgba(255,255,255,.68);transition:box-shadow .2s ease,transform .2s ease}
.members-hero label:focus-within{box-shadow:0 16px 42px rgba(1,50,44,.24),0 0 0 4px rgba(255,255,255,.18);transform:translateY(-2px)}
.members-creator-card{position:relative;transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease}
.members-creator-card:hover{transform:translateY(-5px);border-color:#a7d9ce;box-shadow:0 22px 50px rgba(20,90,78,.16)}
.members-creator-cover{background:radial-gradient(circle at 22% 18%,rgba(255,255,255,.25),transparent 8rem),linear-gradient(135deg,#442487,#7448e9 46%,#0aa58d)}
.members-creator-cover:before{content:"MEMBERS";position:absolute;left:16px;top:16px;padding:6px 9px;border:1px solid rgba(255,255,255,.35);border-radius:999px;background:rgba(20,13,51,.24);color:#fff;font-size:9px;font-weight:900;letter-spacing:.14em;backdrop-filter:blur(8px)}
.members-plan-line button,.members-subscribe,.creator-start-card button,.creator-form button{box-shadow:0 8px 18px rgba(8,139,118,.2);transition:transform .18s ease,box-shadow .18s ease,filter .18s ease}
.members-plan-line button:hover,.members-subscribe:hover,.creator-start-card button:hover,.creator-form button:hover{transform:translateY(-2px);box-shadow:0 13px 24px rgba(8,139,118,.26);filter:saturate(1.08)}
.membership-profile{box-shadow:0 22px 54px rgba(18,71,63,.12)}
.membership-cover{position:relative;overflow:hidden;background:radial-gradient(circle at 70% 30%,rgba(94,235,201,.5),transparent 14rem),linear-gradient(130deg,#071f38,#116c70 55%,#39bea1)}
.membership-cover:after{content:"ABOUTUS \00B7  MEMBERS";position:absolute;right:22px;bottom:20px;color:rgba(255,255,255,.72);font-size:10px;font-weight:900;letter-spacing:.18em}
.member-post{box-shadow:0 10px 28px rgba(29,70,64,.07)}
.member-post.locked{position:relative;overflow:hidden;background:radial-gradient(circle at 100% 0,rgba(113,72,232,.16),transparent 16rem),linear-gradient(135deg,#fdfbff,#f4efff);border-color:#c9b8f2}
.member-post.locked:after{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 30%,rgba(255,255,255,.4) 48%,transparent 66%);transform:translateX(-110%);animation:members-shine 5s ease-in-out infinite;pointer-events:none}
@keyframes members-shine{0%,68%{transform:translateX(-110%)}88%,100%{transform:translateX(110%)}}

@media(max-width:760px){
  .members-only-view{height:100dvh;max-height:100dvh;overflow-y:auto;overflow-x:hidden}
  .members-head{padding-top:max(9px,env(safe-area-inset-top));box-shadow:0 5px 20px rgba(15,67,59,.07)}
  .members-head nav{width:100%;gap:3px;overflow:visible;scrollbar-width:none}
  .members-head nav::-webkit-scrollbar{display:none}
  .members-head nav button{min-width:0;padding:9px 7px;font-size:13px}
  .members-hero{min-height:362px;border-radius:28px;padding:31px 22px}
  .members-hero h1{max-width:300px;font-size:38px;letter-spacing:-.025em}
  .members-hero p{font-size:16px;line-height:1.55}
  .members-creator-card{border-radius:26px}
  .members-creator-cover{height:156px}
  .members-detail{height:100dvh;max-height:100dvh;-webkit-overflow-scrolling:touch}
  .members-detail-content{padding:0 0 calc(96px + env(safe-area-inset-bottom))}
  .membership-profile{border-radius:0 0 28px 28px;border-left:0;border-right:0}
  .membership-profile-copy{padding:24px}
  .member-post{margin:14px 12px 0}
}

@media(prefers-reduced-motion:reduce){
  .members-creator-card,.members-head nav button,.members-hero label,.members-plan-line button,.members-subscribe,.creator-start-card button,.creator-form button{transition:none}
  .member-post.locked:after{animation:none}
}