/* Member Focus 1.0: compact balance-first earning page, original identity, no legacy tiles. */
body.member-focus{
  --mf-dark:#16354e;--mf-ink:#193852;--mf-accent:#2169d6;--mf-turquoise:#008c96;
  --mf-outline:#dce6f2;--mf-soft:#f4f8fe;
  background:#fff!important;background-image:none!important;color:var(--mf-ink)!important;
}
body.member-focus .container{max-width:1150px!important}
body.member-focus .focused-topbar{background:#fff!important;box-shadow:0 1px 0 #edf1f8!important;min-height:58px}
body.member-focus .moon-topbar-inner{min-height:58px}
body.member-focus .moon-brand{font-size:18px;color:#2258b3!important}
body.member-focus .moon-brand-symbol{width:29px;height:29px;border-radius:10px;display:grid;place-items:center;font-size:20px;color:#fff!important;background:linear-gradient(130deg,#00aca1,#5c57e9)}
body.member-focus .moon-top-links>a{font-size:12px;padding:8px 12px;color:#50667f!important}
body.member-focus .moon-outline{background:#f3f5ff;border:1px solid #dce5fa;color:#364fb5!important;box-shadow:none!important;padding:9px 18px;font-size:12px;min-height:37px}
body.member-focus .mf-balance-area{padding-top:25px!important;padding-bottom:0!important}
body.member-focus .mf-balance-card{
  position:relative;overflow:hidden;width:min(100%,690px);min-height:156px;margin:0 auto;padding:22px 23px 17px;
  background:linear-gradient(113deg,#087f9e 0%,#2462cc 52%,#5142b7 100%);color:#fff;
  border:1px solid #4b93d6;border-radius:20px;box-shadow:0 12px 27px #2959b52b;text-align:center;
}
body.member-focus .mf-balance-card:before{content:'';pointer-events:none;position:absolute;right:-48px;top:-119px;width:255px;height:235px;border:2px solid #ffffff24;border-radius:43% 57% 60% 40%;transform:rotate(27deg)}
body.member-focus .mf-balance-card:after{content:'';pointer-events:none;position:absolute;left:-82px;bottom:-160px;width:300px;height:230px;background:#7cf2dd1d;border-radius:48%;transform:rotate(-21deg)}
body.member-focus .mf-balance-amount{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:3px;margin:0 0 14px;padding:0;background:transparent;box-shadow:none;border:0;color:#fff}
body.member-focus .mf-balance-amount>span{font-size:11px;font-weight:750;letter-spacing:.045em;opacity:.85;text-transform:uppercase;color:#fff}
body.member-focus .mf-balance-amount>strong{font-size:clamp(25px,3vw,35px);font-weight:850;letter-spacing:-.025em;color:#fff!important;overflow-wrap:anywhere;line-height:1.24}
body.member-focus .mf-balance-amount>small{font-size:11px;color:#f1f8ff;opacity:.88}
body.member-focus .mf-balance-withdraw{position:relative;z-index:1;width:100%;min-height:36px;border:1px solid #ffffff75;color:#fff;font-weight:800;font-size:12px;border-radius:999px;background:#ffffff24;display:flex;align-items:center;justify-content:center;gap:8px;cursor:pointer}
body.member-focus .mf-balance-withdraw:hover{background:#ffffff39;border-color:#fff}
body.member-focus .mf-earn-main{max-width:920px;margin:18px auto 0;position:relative}
body.member-focus .mf-earn-nav{display:flex!important;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px 9px;margin:0 auto 19px!important;padding:0!important;background:transparent!important;border:0!important;box-shadow:none!important;max-width:860px}
body.member-focus .mf-earn-nav .mf-nav-pill,body.member-focus .mf-more-toggle{
  display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:9px 13px!important;min-height:34px;
  border:1px solid #c9d6f2!important;border-radius:999px!important;background:#fff!important;color:#435dc5!important;
  font-size:12px!important;font-weight:750!important;line-height:1.2;letter-spacing:0;white-space:nowrap;cursor:pointer;box-shadow:0 3px 8px #3261b506!important;
}
body.member-focus .mf-earn-nav .mf-nav-pill>span:first-child{font-size:15px}
body.member-focus .mf-earn-nav .mf-nav-pill:hover,body.member-focus .mf-more-toggle:hover{background:#eff6ff!important;border-color:#96b1ef!important}
body.member-focus .mf-earn-nav .mf-nav-pill.active,body.member-focus .mf-earn-nav .mf-nav-pill[aria-selected=true]{color:#fff!important;background:linear-gradient(112deg,#147eb6,#5653db)!important;border-color:transparent!important;box-shadow:0 5px 13px #326dc72c!important}
body.member-focus .mf-earn-nav .tab-badge:empty{display:none}
body.member-focus .mf-more{position:relative;z-index:20}
body.member-focus .mf-more-toggle{list-style:none;user-select:none}
body.member-focus .mf-more-toggle::-webkit-details-marker{display:none}
body.member-focus .mf-more.has-active>.mf-more-toggle{border-color:#777bdd!important;color:#444cc0!important;background:#f4f3ff!important}
body.member-focus .mf-more-list{position:absolute;top:calc(100% + 9px);right:0;min-width:240px;max-width:min(340px,92vw);padding:12px;background:white;border:1px solid #e0e7f6;border-radius:15px;box-shadow:0 14px 42px #233e6d2b;display:grid;grid-template-columns:1fr 1fr;gap:8px}
body.member-focus .mf-more-list .mf-nav-pill{padding:9px 10px!important;white-space:normal;font-size:11px!important}
body.member-focus .mf-earn-content{min-height:150px;max-width:920px;margin:0 auto}
body.member-focus #content.panel{margin:0!important;min-height:140px!important;background:#fff!important;border:0!important;border-radius:0!important;box-shadow:none!important;padding:0!important}
body.member-focus #content .section-title{margin:0 0 13px!important;padding:0 0 13px;border-bottom:1px solid #e6ebf6;gap:12px}
body.member-focus #content .section-title h2{font-size:16px!important;font-weight:850;margin:0 0 2px!important;color:#1c3656!important}
body.member-focus #content .section-title p{font-size:12px;line-height:1.5;color:#71839a}
body.member-focus #content .advertise-cta{display:none!important} /* Advertiser access is in top navigation and More. */
body.member-focus #content .monetization-slot[hidden],body.member-focus .monetization-slot[hidden]{display:none!important}
body.member-focus #content .grid:has(.offer-card){display:grid;grid-template-columns:repeat(auto-fit,minmax(202px,1fr));gap:12px;max-width:720px;margin:17px auto}
body.member-focus #content .offer-card{
  min-height:172px!important;max-width:none!important;border:1px solid #dbe4f5!important;border-radius:14px!important;padding:19px 17px!important;
  background:#fff!important;box-shadow:0 4px 10px #395da413!important;text-align:center;align-items:stretch;gap:9px;
}
body.member-focus #content .offer-card h3{font-size:16px!important;font-weight:800;color:#1e3753;text-align:center;word-break:break-word}
body.member-focus #content .offer-card .offer-card-head{display:flex;flex-direction:column;align-items:center;gap:7px}
body.member-focus #content .offer-card .offer-description{font-size:11px;text-align:center;max-height:3.5em;overflow:hidden;line-height:1.35}
body.member-focus #content .offer-card .offer-stats{justify-content:center;gap:10px;flex-wrap:wrap}
body.member-focus #content .offer-card .btn{margin:auto auto 0!important;min-width:145px;min-height:37px;padding:9px 13px;border-radius:10px;background:linear-gradient(110deg,#147bb9,#5554d8)!important;border:0;color:#fff!important;font-weight:800;font-size:12px}
body.member-focus #content .offer-card.advertiser-offer-card{border-color:#ffc97a!important}
body.member-focus #content .offer-card.advertiser-offer-card .btn{background:linear-gradient(120deg,#ed9220,#f5a62e)!important;color:#172f49!important}
body.member-focus .mf-member-foot{max-width:1150px;margin:26px auto 13px;padding:0 22px}
body.member-focus .mf-compact-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
body.member-focus .mf-foot-item{border:1px solid #c7e9df;background:#edfdf7;border-radius:8px;display:flex;align-items:center;gap:10px;padding:12px 16px;color:#086b5d;min-width:0}
body.member-focus .mf-foot-item>span{font-size:12px;font-weight:850;color:#086b5d}
body.member-focus .mf-foot-item>strong{font-size:13px;line-height:1.35;font-weight:900;color:#086b5d!important;overflow-wrap:anywhere}
body.member-focus .mf-foot-item>small{margin-left:auto;font-size:11px;color:#4b9385}
body.member-focus .mf-account-more{margin-top:10px;border:1px solid #e1eafb;border-radius:9px;background:#fafcff}
body.member-focus .mf-account-more>summary{cursor:pointer;list-style:none;padding:12px 17px;font-size:12px;font-weight:750;color:#4b6285}
body.member-focus .mf-account-more>summary::-webkit-details-marker{display:none}
body.member-focus .mf-account-more>summary span{float:right}
body.member-focus .mf-account-inner{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:10px;padding:0 12px 12px}
body.member-focus .mf-account-inner .mf-foot-item{background:#fff;border-color:#e1eafa;color:#49617d}
body.member-focus .mf-account-inner .mf-foot-item>span,body.member-focus .mf-account-inner .mf-foot-item>strong{color:#49617d!important}
body.member-focus .mf-feedback{max-width:940px;margin:22px auto;padding:0 22px}
body.member-focus .mf-feedback-heading{font-size:13px;color:#526b80;font-weight:850;margin:0 0 8px}
body.member-focus .mf-additional-features{max-width:940px;margin:12px auto 30px;padding:0 22px}
body.member-focus .mf-additional-features>details{border:1px solid #e0e9fa;border-radius:14px;background:#fbfcff}
body.member-focus .mf-additional-features>details>summary{cursor:pointer;list-style:none;padding:13px 17px;font-size:12px;color:#4f6392;font-weight:800}
body.member-focus .mf-additional-features>details>summary::-webkit-details-marker{display:none}
body.member-focus .mf-additional-inner{padding:6px 14px 17px}
body.member-focus .mf-additional-inner .rx-status-shell{margin:0 0 12px}
body.member-focus #noticeBar[hidden]{display:none!important}
body.member-focus .moon-footer{margin-top:32px}
/* Public layout: same familiar content order, without a billboard-sized hero. */
body.moon-guest-home main.mh-frame{padding-top:18px!important;padding-bottom:20px!important}
body.moon-guest-home .mh-hero{min-height:0!important;padding:clamp(24px,3vw,40px)!important;gap:25px!important;border-radius:22px!important;grid-template-columns:minmax(0,1fr) minmax(205px,260px)!important}
body.moon-guest-home .mh-hero h1{font-size:clamp(32px,4vw,48px)!important;line-height:1.09!important;letter-spacing:-1.3px!important;margin:10px 0 13px!important}
body.moon-guest-home .mh-hero-primary>p{font-size:14px!important;line-height:1.55!important;margin:0 0 17px!important;max-width:520px}
body.moon-guest-home .mh-badge{margin-bottom:12px!important;padding:7px 12px!important;font-size:10px!important}
body.moon-guest-home .mh-cta{font-size:13px!important;padding:12px 21px!important;border-radius:12px!important}
body.moon-guest-home .mh-hero-note{margin-top:11px!important}
body.moon-guest-home .mh-hero-sidebar{gap:9px!important}
body.moon-guest-home .mh-small-stat{min-height:66px!important;padding:11px 13px!important;gap:11px!important;border-radius:13px!important}
body.moon-guest-home .mh-small-stat strong{font-size:21px!important}
body.moon-guest-home .mh-small-info{padding:12px 14px!important;border-radius:13px!important}
body.moon-guest-home .mh-small-info p{font-size:11px!important;margin:4px 0 0!important}
body.moon-guest-home .mh-section-heading{padding-top:22px!important}
body.moon-guest-home .mh-earn-tile{min-height:104px!important}
@media(max-width:780px){
 body.member-focus .mf-earn-main{max-width:100%}
 body.member-focus .mf-balance-area{padding-top:16px!important}
 body.member-focus .mf-earn-nav{gap:7px}
 body.member-focus .mf-more-list{right:-25px}
 body.member-focus .mf-compact-stats{grid-template-columns:1fr}
 body.moon-guest-home .mh-hero{grid-template-columns:1fr!important}
 body.moon-guest-home .mh-hero-sidebar{display:grid;grid-template-columns:1fr 1fr}
 body.moon-guest-home .mh-small-info{grid-column:1/-1}
}
@media(max-width:500px){
 body.member-focus .mf-balance-card{min-height:142px;border-radius:16px;padding:19px 16px 15px}
 body.member-focus .mf-earn-nav .mf-nav-pill,body.member-focus .mf-more-toggle{padding:8px 11px!important;font-size:11px!important}
 body.member-focus #content .grid:has(.offer-card){grid-template-columns:1fr 1fr;gap:9px}
 body.member-focus #content .offer-card{min-height:172px!important;padding:13px 10px!important}
 body.member-focus #content .offer-card .btn{min-width:0;width:100%;font-size:11px}
 body.member-focus #content .offer-card h3{font-size:13px!important}
 body.member-focus .mf-foot-item{flex-wrap:wrap}
 body.member-focus .mf-foot-item>small{margin-left:0}
 body.moon-guest-home .mh-hero{padding:22px 18px!important;gap:16px!important}
 body.moon-guest-home .mh-hero-sidebar{grid-template-columns:1fr 1fr!important}
}
