body.home .mwr-home--showcase,
body.home .mwr-home--showcase *{
    box-sizing:border-box;
}

body.home .mwr-home--showcase{
    width:100%;
    min-width:0;
    overflow:hidden!important;
    padding:18px!important;
    border:1px solid #d6e9f8!important;
    border-radius:28px!important;
    background:linear-gradient(145deg,#eef9ff,#f9fcff 48%,#edf8ff)!important;
    box-shadow:0 18px 48px rgba(20,78,134,.09)!important;
}

body.home .mwr-home-showcase-top{
    display:grid!important;
    grid-template-columns:minmax(0,1.65fr) minmax(340px,.85fr)!important;
    gap:12px!important;
    align-items:stretch!important;
    margin-bottom:14px!important;
}

body.home .mwr-home-head{
    min-height:108px!important;
    padding:16px 20px!important;
    border:1px solid #dceaf7!important;
    border-radius:19px!important;
    background:#fff!important;
    box-shadow:0 8px 22px rgba(16,72,128,.06)!important;
}

body.home .mwr-home-feature-links{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:10px!important;
}

body.home .mwr-home-feature-links>a{
    min-width:0!important;
    min-height:108px!important;
    border-radius:19px!important;
    background:#fff!important;
    border:1px solid #dceaf7!important;
    box-shadow:0 8px 22px rgba(16,72,128,.06)!important;
}

body.home .mwr-home-layout{
    display:grid!important;
    grid-template-columns:1fr!important;
    width:100%!important;
    min-width:0!important;
    gap:0!important;
}

body.home .mwr-home-feature{
    width:100%!important;
    min-width:0!important;
    overflow:hidden!important;
    border-radius:22px!important;
}

body.home .mwr-home-media{width:100%!important;height:430px!important;overflow:hidden!important;border-radius:22px!important;position:relative!important;border:1px solid rgba(255,255,255,.38)!important;box-shadow:0 16px 36px rgba(4,43,92,.20),0 0 0 1px rgba(28,126,242,.08)!important}.mwr-home-media:after{content:"แตะเพื่อรับชม • รับคะแนนเมื่อทำครบเงื่อนไข";position:absolute;left:18px;top:18px;z-index:6;display:inline-flex;align-items:center;max-width:calc(100% - 36px);padding:8px 12px;border:1px solid rgba(255,255,255,.32);border-radius:999px;background:rgba(6,28,61,.62);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);color:#fff;font-size:10px;font-weight:900;line-height:1.2;letter-spacing:.02em;box-shadow:0 7px 18px rgba(0,22,58,.20),0 0 16px rgba(66,156,255,.16);text-shadow:0 1px 3px rgba(0,0,0,.28);animation:mwrFeatureInvite 2.5s ease-in-out infinite;pointer-events:none}.mwr-home-media:before{content:"";position:absolute;inset:0;z-index:5;border-radius:22px;padding:1px;background:linear-gradient(110deg,transparent 15%,rgba(255,255,255,.8) 40%,rgba(54,155,255,.85) 50%,rgba(255,62,104,.7) 60%,transparent 85%);background-size:250% 100%;animation:mwrFeatureBorder 4.8s linear infinite;pointer-events:none;mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask-composite:exclude;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor}@keyframes mwrFeatureInvite{0%,100%{transform:translateY(0);box-shadow:0 7px 18px rgba(0,22,58,.20),0 0 12px rgba(66,156,255,.12)}50%{transform:translateY(-2px);box-shadow:0 9px 22px rgba(0,22,58,.24),0 0 22px rgba(66,156,255,.28)}}@keyframes mwrFeatureBorder{to{background-position:250% 0}}@media(prefers-reduced-motion:reduce){.mwr-home-media:before,.mwr-home-media:after{animation:none!important}}

body.home .mwr-home-media>img{
    width:100%!important;
    height:100%!important;
    object-fit:cover!important;
}

body.home .mwr-home-copy h3{
    display:-webkit-box!important;
    -webkit-box-orient:vertical!important;
    -webkit-line-clamp:2!important;
    overflow:hidden!important;
}

body.home .mwr-home-rec{
    display:none!important;
}

body.home .mwr-home-categories{display:flex!important;align-items:center!important;gap:8px!important;width:100%!important;max-width:100%!important;margin:14px 0!important;padding:2px 12px 7px 2px!important;overflow-x:auto!important;overflow-y:visible!important;scrollbar-width:none!important;scroll-padding-inline:2px 14px!important;-webkit-overflow-scrolling:touch!important}.mwr-home-categories:after{content:"";flex:0 0 8px!important;width:8px!important;height:1px!important}

body.home .mwr-home-categories::-webkit-scrollbar{
    display:none;
}

body.home .mwr-home-categories>a{flex:0 0 auto!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;min-width:124px!important;min-height:48px!important;padding:0 16px!important;border:1px solid #d8e6f4!important;border-radius:15px!important;white-space:nowrap!important;background:linear-gradient(180deg,#fff,#f8fbff)!important;color:#15395f!important;font-weight:850!important;box-shadow:0 7px 18px rgba(19,72,124,.08),inset 0 1px 0 rgba(255,255,255,.9)!important}.mwr-home-categories>a i{display:grid!important;place-items:center!important;flex:0 0 30px!important;width:30px!important;height:30px!important;border-radius:10px!important;background:#eef6ff!important;color:#2679c9!important}.mwr-home-categories>a i svg{width:18px!important;height:18px!important;display:block!important}.mwr-home-categories>a span{display:block!important;color:#15395f!important;font-size:11px!important;line-height:1!important;overflow:visible!important;text-overflow:clip!important}.mwr-home-categories>a:hover{transform:translateY(-2px)!important;border-color:#a9cff5!important;box-shadow:0 10px 22px rgba(20,99,180,.14),0 0 14px rgba(61,151,244,.10)!important}.mwr-home-categories>a:first-child{margin-left:2px!important;border-color:#b9d9f8!important;background:linear-gradient(135deg,#fff,#f2f8ff)!important}.mwr-home-categories>a:first-child i{background:linear-gradient(135deg,#e8f4ff,#dcecff)!important;box-shadow:0 0 12px rgba(38,121,201,.14)!important}

body.home .mwr-home-how,body.home .mwr-home-daily{position:relative!important;overflow:hidden!important;border:1px solid #dbe8f5!important;border-radius:20px!important;background:linear-gradient(145deg,#fff 0%,#fbfdff 62%,#f6faff 100%)!important;box-shadow:0 12px 28px rgba(20,76,132,.09)!important}.mwr-home-how:before,.mwr-home-daily:before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 90% 12%,rgba(89,161,255,.10),transparent 28%),radial-gradient(circle at 8% 90%,rgba(255,77,135,.07),transparent 25%)}.mwr-home-how header,.mwr-home-daily header{position:relative!important;z-index:1!important}.mwr-home-how ol{position:relative!important;z-index:1!important;display:grid!important;gap:8px!important}.mwr-home-how ol li{display:grid!important;grid-template-columns:32px 36px minmax(0,1fr)!important;align-items:center!important;gap:9px!important;padding:8px 10px!important;border:1px solid #edf2f8!important;border-radius:14px!important;background:linear-gradient(90deg,#fff,#f4f8fd)!important;transition:transform .2s ease,box-shadow .2s ease!important}.mwr-home-how ol li:hover{transform:translateX(3px)!important;box-shadow:0 7px 16px rgba(26,103,180,.09)!important}.mwr-home-how ol li>span{display:grid!important;place-items:center!important;width:30px!important;height:30px!important;border-radius:50%!important;background:linear-gradient(135deg,#e8f4ff,#d9eaff)!important;color:#1875d1!important;font-weight:950!important;box-shadow:0 4px 10px rgba(32,126,219,.12)!important}.mwr-home-how ol li>i{display:grid!important;place-items:center!important;width:34px!important;height:34px!important;border-radius:11px!important;background:#eef6ff!important;color:#2583dd!important}.mwr-home-how ol li:nth-child(3)>i{background:#fff5d7!important;color:#e7a300!important}.mwr-home-how ol li:nth-child(4)>i{background:#fff0f5!important;color:#ef3d78!important}.mwr-home-how-tip{position:relative!important;z-index:1!important;display:grid!important;grid-template-columns:42px minmax(0,1fr) auto!important;align-items:center!important;gap:10px!important;margin-top:12px!important;padding:12px!important;border:1px solid #cfe4fb!important;border-radius:16px!important;background:linear-gradient(110deg,#edf8ff,#e4f1ff 58%,#f1eaff)!important;box-shadow:0 7px 18px rgba(49,129,214,.08)!important}.mwr-home-how-tip>a{display:inline-flex!important;align-items:center!important;gap:5px!important;padding:9px 11px!important;border-radius:999px!important;background:linear-gradient(90deg,#1687f5,#225ce8,#7d42ef)!important;color:#fff!important;font-size:9px!important;font-weight:900!important;text-decoration:none!important;box-shadow:0 6px 15px rgba(34,92,232,.22)!important}.mwr-home-daily-focus{position:relative!important;z-index:1!important}.mwr-home-daily-ring{filter:drop-shadow(0 7px 12px rgba(33,123,216,.12))!important}.mwr-home-daily-track{position:relative!important;z-index:1!important;height:8px!important;border-radius:999px!important;background:#e5eef8!important;overflow:hidden!important}.mwr-home-daily-track i{border-radius:999px!important;background:linear-gradient(90deg,#36a7ff,#3568f1,#9b50f4)!important;box-shadow:0 0 12px rgba(53,104,241,.25)!important}.mwr-home-reward-banner{position:relative!important;z-index:1!important;overflow:hidden!important;border:1px solid rgba(255,255,255,.38)!important;border-radius:16px!important;background:linear-gradient(115deg,#168af5 0%,#075bdc 48%,#3434db 76%,#8d38e8 100%)!important;box-shadow:0 11px 24px rgba(14,91,211,.25),0 0 18px rgba(130,57,232,.12)!important}.mwr-home-reward-banner:after{content:"";position:absolute;top:-60%;left:-35%;width:22%;height:220%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.55),transparent);transform:rotate(18deg);animation:mwrRewardBannerShine 3.5s ease-in-out infinite;pointer-events:none}@keyframes mwrRewardBannerShine{0%,60%{left:-35%;opacity:0}70%{opacity:1}100%{left:125%;opacity:0}}@media(max-width:430px){.mwr-home-how-tip{grid-template-columns:38px minmax(0,1fr)!important}.mwr-home-how-tip>a{grid-column:1/-1!important;justify-content:center!important}.mwr-home-how ol li{grid-template-columns:30px 34px minmax(0,1fr)!important;padding:7px!important}}@media(prefers-reduced-motion:reduce){.mwr-home-reward-banner:after{animation:none!important}}
body.home .mwr-home-bottom{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:14px!important;
    width:100%!important;
    min-width:0!important;
}

body.home .mwr-home-recommended-grid{
    grid-column:1/-1!important;
    width:100%!important;
    min-width:0!important;
    padding:18px!important;
    border-radius:20px!important;
    background:#fff!important;
}

body.home .mwr-home-recommended-grid>header{
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:14px!important;
    margin-bottom:16px!important;
}

body.home .mwr-home-recommended-grid>header p{
    margin:0!important;
}

body.home .mwr-home-recommended-grid>header p b{
    display:block!important;
    font-size:24px!important;
    color:#0a3274!important;
}

body.home .mwr-home-recommended-grid>header p small{
    display:block!important;
    margin-top:3px!important;
    color:#7187a3!important;
    font-size:10px!important;
}

body.home .mwr-home-recommended-grid>div{
    display:grid!important;
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    gap:13px!important;
}

body.home .mwr-home-card{
    display:flex!important;
    flex-direction:column!important;
    min-width:0!important;
    height:100%!important;
    overflow:hidden!important;
    border:1px solid #dce8f4!important;
    border-radius:16px!important;
    background:#fff!important;
    box-shadow:0 7px 20px rgba(16,72,128,.07)!important;
}

body.home .mwr-home-card-media{
    position:relative!important;
    width:100%!important;
    aspect-ratio:16/9!important;
    overflow:hidden!important;
}

body.home .mwr-home-card-media img{
    width:100%!important;
    height:100%!important;
    display:block!important;
    object-fit:cover!important;
}

body.home .mwr-home-card-body{
    display:flex!important;
    flex-direction:column!important;
    flex:1!important;
    min-width:0!important;
    padding:11px!important;
}

body.home .mwr-home-card-body h3{
    min-height:43px!important;
    margin:0!important;
}

body.home .mwr-home-card-body h3 a{
    display:-webkit-box!important;
    -webkit-box-orient:vertical!important;
    -webkit-line-clamp:2!important;
    overflow:hidden!important;
    font-size:12px!important;
    line-height:1.42!important;
    font-weight:900!important;
}

body.home .mwr-home-card-source{
    margin:6px 0 0!important;
    color:#7287a3!important;
    font-size:8.5px!important;
}

/* playful filler for the empty card body area */
body.home .mwr-home-card-fun{
    position:relative!important;
    overflow:hidden!important;
    display:grid!important;
    grid-template-columns:28px minmax(0,1fr) auto!important;
    grid-template-areas:"icon copy bonus" "track track track"!important;
    gap:4px 8px!important;
    align-items:center!important;
    min-height:48px!important;
    margin:9px 0 1px!important;
    padding:8px 9px 7px!important;
    border:1px solid #dceeff!important;
    border-radius:12px!important;
    background:
        radial-gradient(circle at 92% 0%,rgba(255,189,37,.16),transparent 34%),
        linear-gradient(135deg,#f7fbff 0%,#eef7ff 100%)!important;
    box-shadow:inset 0 0 0 1px rgba(255,255,255,.65),0 6px 14px rgba(12,78,143,.05)!important;
}
body.home .mwr-home-card-fun:after{
    content:"✦";
    position:absolute;
    right:58px;
    top:4px;
    color:rgba(255,176,24,.48);
    font-size:11px;
    animation:mwrCardFunSpark 2.2s ease-in-out infinite;
}
body.home .mwr-home-card-fun-icon{
    grid-area:icon!important;
    width:28px!important;
    height:28px!important;
    display:grid!important;
    place-items:center!important;
    border-radius:9px!important;
    color:#fff!important;
    background:linear-gradient(145deg,#ff2f62,#ff6b8d)!important;
    box-shadow:0 6px 14px rgba(255,47,98,.20)!important;
}
body.home .mwr-home-card-fun-icon svg{width:15px!important;height:15px!important}
body.home .mwr-home-card-fun-copy{
    grid-area:copy!important;
    display:flex!important;
    flex-direction:column!important;
    min-width:0!important;
}
body.home .mwr-home-card-fun-copy b{
    color:#0d4d93!important;
    font-size:8px!important;
    line-height:1.1!important;
    letter-spacing:.08em!important;
}
body.home .mwr-home-card-fun-copy small{
    margin-top:2px!important;
    color:#7188a4!important;
    font-size:7.5px!important;
    line-height:1.2!important;
}
body.home .mwr-home-card-fun-bonus{
    grid-area:bonus!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    min-height:22px!important;
    padding:0 8px!important;
    border:1px solid #ffd261!important;
    border-radius:999px!important;
    background:#fff8df!important;
    color:#d98600!important;
    font-size:7px!important;
    font-weight:900!important;
    box-shadow:0 4px 10px rgba(255,185,31,.10)!important;
}
body.home .mwr-home-card-fun-track{
    grid-area:track!important;
    display:grid!important;
    grid-template-columns:repeat(4,1fr)!important;
    gap:4px!important;
    margin-top:2px!important;
}
body.home .mwr-home-card-fun-track i{
    height:3px!important;
    border-radius:999px!important;
    background:#dbeaf8!important;
    overflow:hidden!important;
    position:relative!important;
}
body.home .mwr-home-card-fun-track i:before{
    content:""!important;
    position:absolute!important;
    inset:0!important;
    border-radius:inherit!important;
    background:linear-gradient(90deg,#20a4ff,#7758ff,#ff3f72)!important;
    transform:translateX(-110%)!important;
    animation:mwrCardFunRun 2.8s ease-in-out infinite!important;
}
body.home .mwr-home-card-fun-track i:nth-child(2):before{animation-delay:.18s!important}
body.home .mwr-home-card-fun-track i:nth-child(3):before{animation-delay:.36s!important}
body.home .mwr-home-card-fun-track i:nth-child(4):before{animation-delay:.54s!important}
@keyframes mwrCardFunRun{
    0%,15%{transform:translateX(-110%)}
    55%,100%{transform:translateX(0)}
}
@keyframes mwrCardFunSpark{
    0%,100%{opacity:.35;transform:scale(.85) rotate(0)}
    50%{opacity:1;transform:scale(1.15) rotate(18deg)}
}
@media(prefers-reduced-motion:reduce){
    body.home .mwr-home-card-fun:after,
    body.home .mwr-home-card-fun-track i:before{animation:none!important;transform:none!important}
}

body.home .mwr-home-card-stats{
    display:flex!important;
    align-items:center!important;
    gap:10px!important;
    margin-top:9px!important;
}

body.home .mwr-home-card-tags{
    display:flex!important;
    flex-wrap:wrap!important;
    gap:5px!important;
    margin-top:8px!important;
}

body.home .mwr-home-card-tags>span{
    display:inline-flex!important;
    align-items:center!important;
    min-height:22px!important;
    padding:0 8px!important;
    border-radius:999px!important;
    background:#edf6ff!important;
    color:#196cc9!important;
    font-size:7.5px!important;
    font-weight:850!important;
    white-space:nowrap!important;
}

body.home .mwr-home-card-reward{
    margin-top:10px!important;
}

body.home .mwr-home-card-cta{
    min-height:42px!important;
    margin-top:auto!important;
    border-radius:10px!important;
    background:linear-gradient(90deg,#ff174b,#ff315e)!important;
    color:#fff!important;
}

body.home .mwr-home-how,
body.home .mwr-home-daily{
    width:100%!important;
    min-width:0!important;
    border-radius:20px!important;
    padding:18px!important;
    background:#fff!important;
    box-shadow:0 8px 24px rgba(16,72,128,.06)!important;
}

@media(max-width:980px){
    body.home .mwr-home-showcase-top{
        grid-template-columns:1fr!important;
    }

    body.home .mwr-home-recommended-grid>div{
        grid-template-columns:repeat(2,minmax(0,1fr))!important;
    }

    body.home .mwr-home-media{
        height:370px!important;
    }
}

@media(max-width:620px){
    body.home .mwr-home--showcase{
        padding:9px!important;
        border-radius:18px!important;
    }

    body.home .mwr-home-feature-links{
        grid-template-columns:repeat(2,minmax(0,1fr))!important;
    }

    body.home .mwr-home-media{
        height:290px!important;
    }

    body.home .mwr-home-recommended-grid>div{
        grid-template-columns:1fr!important;
    }

    body.home .mwr-home-bottom{
        grid-template-columns:1fr!important;
    }

    body.home .mwr-home-recommended-grid,
    body.home .mwr-home-how,
    body.home .mwr-home-daily{
        padding:12px!important;
    }
}

/* Fill the former empty desktop column with a playful Watch & Earn panel. */
body.home .mwr-home--showcase .mwr-home-rec.mwr-home-rec--fill{
    display:flex!important;
    flex-direction:column!important;
    min-width:0!important;
    min-height:430px!important;
    position:relative!important;
    overflow:hidden!important;
    padding:15px 14px 12px!important;
    border:1px solid rgba(108,183,255,.44)!important;
    border-radius:22px!important;
    background:
        radial-gradient(circle at 92% 8%,rgba(92,190,255,.28),transparent 22%),
        radial-gradient(circle at 10% 96%,rgba(255,77,139,.20),transparent 24%),
        linear-gradient(160deg,#0c57ad 0%,#083e87 52%,#062d68 100%)!important;
    box-shadow:0 16px 38px rgba(5,49,110,.20),inset 0 0 0 1px rgba(255,255,255,.05)!important;
}
body.home .mwr-home--showcase .mwr-home-rec.mwr-home-rec--fill:before{
    content:"▶";
    position:absolute;
    right:-30px;
    bottom:-35px;
    width:150px;
    height:150px;
    display:grid;
    place-items:center;
    border-radius:50%;
    color:rgba(255,255,255,.10);
    border:16px solid rgba(255,255,255,.07);
    font-size:54px;
    font-weight:900;
    transform:rotate(-8deg);
    animation:mwrSidePlayFloat 4.6s ease-in-out infinite;
    pointer-events:none;
}
body.home .mwr-home--showcase .mwr-home-rec.mwr-home-rec--fill:after{
    content:"✦  ✧  ✦";
    position:absolute;
    right:18px;
    top:68px;
    color:rgba(255,220,93,.58);
    font-size:18px;
    letter-spacing:8px;
    text-shadow:0 0 16px rgba(255,205,45,.35);
    animation:mwrSideSparkle 2.7s ease-in-out infinite;
    pointer-events:none;
}
body.home .mwr-home--showcase .mwr-home-rec.mwr-home-rec--fill>header,
body.home .mwr-home--showcase .mwr-home-rec.mwr-home-rec--fill>.mwr-home-rec-list{
    position:relative!important;
    z-index:2!important;
}
body.home .mwr-home--showcase .mwr-home-rec.mwr-home-rec--fill>header{
    min-height:54px!important;
    padding:0 2px 12px!important;
    border-bottom:1px solid rgba(255,255,255,.13)!important;
}
body.home .mwr-home--showcase .mwr-home-rec.mwr-home-rec--fill>header>div>span{
    background:linear-gradient(145deg,#ffd75e,#ff9f1a)!important;
    color:#744000!important;
    box-shadow:0 7px 18px rgba(255,176,20,.24)!important;
}
body.home .mwr-home--showcase .mwr-home-rec.mwr-home-rec--fill .mwr-home-rec-item{
    border-color:rgba(255,255,255,.10)!important;
    border-radius:12px!important;
    transition:transform .18s ease,background .18s ease!important;
}
body.home .mwr-home--showcase .mwr-home-rec.mwr-home-rec--fill .mwr-home-rec-item:hover{
    transform:translateX(3px)!important;
    background:rgba(255,255,255,.07)!important;
}
body.home .mwr-home--showcase .mwr-home-rec.mwr-home-rec--fill .mwr-home-rec-thumb{
    box-shadow:0 7px 18px rgba(0,19,54,.24)!important;
}
body.home .mwr-home--showcase .mwr-home-rec.mwr-home-rec--fill .mwr-home-rec-reward{
    background:rgba(7,34,85,.64)!important;
    box-shadow:0 5px 15px rgba(255,181,27,.10),inset 0 0 0 1px rgba(255,214,91,.08)!important;
}
@keyframes mwrSidePlayFloat{
    0%,100%{transform:translateY(0) rotate(-8deg) scale(1)}
    50%{transform:translateY(-9px) rotate(2deg) scale(1.04)}
}
@keyframes mwrSideSparkle{
    0%,100%{opacity:.45;transform:translateY(0)}
    50%{opacity:1;transform:translateY(-4px)}
}
@media(max-width:900px){
    body.home .mwr-home--showcase .mwr-home-rec.mwr-home-rec--fill{min-height:0!important}
}
@media(prefers-reduced-motion:reduce){
    body.home .mwr-home--showcase .mwr-home-rec.mwr-home-rec--fill:before,
    body.home .mwr-home--showcase .mwr-home-rec.mwr-home-rec--fill:after{animation:none!important}
}

/* White premium variant: improve readability and keep the playful details. */
body.home .mwr-home--showcase .mwr-home-rec.mwr-home-rec--fill{
    border:1px solid #d9e8f6!important;
    background:
        radial-gradient(circle at 94% 8%,rgba(65,164,255,.10),transparent 24%),
        radial-gradient(circle at 6% 96%,rgba(255,65,118,.07),transparent 26%),
        linear-gradient(180deg,#ffffff 0%,#fbfdff 58%,#f5faff 100%)!important;
    box-shadow:0 14px 36px rgba(20,73,126,.10),inset 0 0 0 1px rgba(255,255,255,.85)!important;
    color:#15385f!important;
}
body.home .mwr-home--showcase .mwr-home-rec.mwr-home-rec--fill:before{
    color:rgba(26,117,218,.08)!important;
    border-color:rgba(26,117,218,.06)!important;
}
body.home .mwr-home--showcase .mwr-home-rec.mwr-home-rec--fill:after{
    color:rgba(255,172,28,.58)!important;
    text-shadow:0 0 14px rgba(255,186,45,.22)!important;
}
body.home .mwr-home--showcase .mwr-home-rec.mwr-home-rec--fill>header{
    border-bottom:1px solid #e8f0f7!important;
}
body.home .mwr-home--showcase .mwr-home-rec.mwr-home-rec--fill>header p b{
    color:#0b3f7b!important;
}
body.home .mwr-home--showcase .mwr-home-rec.mwr-home-rec--fill>header p small{
    display:block!important;
    color:#6f85a1!important;
}
body.home .mwr-home--showcase .mwr-home-rec.mwr-home-rec--fill>header>a{
    border-color:#d7e7f8!important;
    background:#f7fbff!important;
    color:#1267bd!important;
}
body.home .mwr-home--showcase .mwr-home-rec.mwr-home-rec--fill>header>a:hover{
    background:#edf6ff!important;
    border-color:#bad9fa!important;
}
body.home .mwr-home--showcase .mwr-home-rec.mwr-home-rec--fill .mwr-home-rec-item{
    color:#17385f!important;
    border-color:#e8eff6!important;
}
body.home .mwr-home--showcase .mwr-home-rec.mwr-home-rec--fill .mwr-home-rec-item:hover{
    background:#f4f9ff!important;
    box-shadow:0 7px 18px rgba(24,93,163,.07)!important;
}
body.home .mwr-home--showcase .mwr-home-rec.mwr-home-rec--fill .mwr-home-rec-copy strong{
    color:#123b68!important;
    text-shadow:none!important;
}
body.home .mwr-home--showcase .mwr-home-rec.mwr-home-rec--fill .mwr-home-rec-copy>span{
    color:#67809e!important;
}
body.home .mwr-home--showcase .mwr-home-rec.mwr-home-rec--fill .mwr-home-rec-copy small{
    color:#7890aa!important;
}
body.home .mwr-home--showcase .mwr-home-rec.mwr-home-rec--fill .mwr-home-rec-copy small svg{
    color:#4c86c2!important;
}
body.home .mwr-home--showcase .mwr-home-rec.mwr-home-rec--fill .mwr-home-rec-thumb{
    border-color:#e2ebf4!important;
    box-shadow:0 7px 18px rgba(18,72,128,.10)!important;
}
body.home .mwr-home--showcase .mwr-home-rec.mwr-home-rec--fill .mwr-home-rec-reward{
    border-color:#ffc53d!important;
    background:#fff8df!important;
    color:#cb7c00!important;
    box-shadow:0 5px 14px rgba(255,181,27,.10)!important;
}
body.home .mwr-home--showcase .mwr-home-rec.mwr-home-rec--fill .mwr-home-rec-reward svg,
body.home .mwr-home--showcase .mwr-home-rec.mwr-home-rec--fill .mwr-home-rec-reward strong{
    color:#cb7c00!important;
}

/* Daily mission: turn the lower white space into useful playful actions. */
body.home .mwr-home-daily:after{
    content:"";
    position:absolute;
    right:-70px;
    bottom:-85px;
    width:210px;
    height:210px;
    border-radius:50%;
    border:22px solid rgba(24,119,232,.045);
    box-shadow:0 0 0 18px rgba(255,49,94,.025);
    pointer-events:none;
}
body.home .mwr-home-daily-fun{
    position:relative!important;
    z-index:2!important;
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:9px!important;
    margin-top:12px!important;
}
body.home .mwr-home-daily-fun-card{
    position:relative!important;
    overflow:hidden!important;
    display:grid!important;
    grid-template-columns:40px minmax(0,1fr) auto!important;
    gap:9px!important;
    align-items:center!important;
    min-height:64px!important;
    padding:10px 10px!important;
    border:1px solid #e0ebf5!important;
    border-radius:14px!important;
    background:linear-gradient(145deg,#fff 0%,#f8fbff 100%)!important;
    text-decoration:none!important;
    box-shadow:0 7px 18px rgba(19,77,135,.06)!important;
    transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease!important;
}
body.home .mwr-home-daily-fun-card:before{
    content:"";
    position:absolute;
    width:72px;
    height:72px;
    right:-24px;
    top:-30px;
    border-radius:50%;
    background:var(--daily-fun-soft,rgba(28,126,242,.08));
    transition:transform .25s ease!important;
}
body.home .mwr-home-daily-fun-card:hover{
    transform:translateY(-2px)!important;
    border-color:var(--daily-fun-line,#bddcff)!important;
    box-shadow:0 11px 24px rgba(19,77,135,.10)!important;
}
body.home .mwr-home-daily-fun-card:hover:before{transform:scale(1.18)!important}
body.home .mwr-home-daily-fun-icon{
    position:relative!important;
    z-index:1!important;
    width:40px!important;
    height:40px!important;
    display:grid!important;
    place-items:center!important;
    border-radius:12px!important;
    background:var(--daily-fun-bg,linear-gradient(145deg,#1d8fff,#635bff))!important;
    box-shadow:0 7px 16px var(--daily-fun-shadow,rgba(38,117,223,.18))!important;
    font-size:19px!important;
    line-height:1!important;
    animation:mwrDailyFunFloat 3s ease-in-out infinite!important;
}
body.home .mwr-home-daily-fun-card>span:nth-child(2){
    position:relative!important;
    z-index:1!important;
    display:flex!important;
    flex-direction:column!important;
    min-width:0!important;
}
body.home .mwr-home-daily-fun-card>span:nth-child(2) b{
    color:#153d6b!important;
    font-size:9.5px!important;
    line-height:1.2!important;
}
body.home .mwr-home-daily-fun-card>span:nth-child(2) small{
    margin-top:3px!important;
    color:#7890aa!important;
    font-size:7.5px!important;
    line-height:1.25!important;
}
body.home .mwr-home-daily-fun-card em{
    position:relative!important;
    z-index:1!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    min-height:24px!important;
    padding:0 7px!important;
    border-radius:999px!important;
    background:var(--daily-fun-pill,#eef6ff)!important;
    color:var(--daily-fun-text,#176fc9)!important;
    font-size:7px!important;
    font-style:normal!important;
    font-weight:900!important;
    white-space:nowrap!important;
}
body.home .mwr-home-daily-fun-card.is-streak{
    --daily-fun-soft:rgba(255,177,34,.13);
    --daily-fun-line:#ffe0a0;
    --daily-fun-bg:linear-gradient(145deg,#ffbd35,#ff8d28);
    --daily-fun-shadow:rgba(255,152,37,.20);
    --daily-fun-pill:#fff6dd;
    --daily-fun-text:#c77900;
}
body.home .mwr-home-daily-fun-card.is-gift{
    --daily-fun-soft:rgba(255,58,105,.10);
    --daily-fun-line:#ffc4d2;
    --daily-fun-bg:linear-gradient(145deg,#ff4f78,#ff7aa1);
    --daily-fun-shadow:rgba(255,73,119,.18);
    --daily-fun-pill:#fff0f4;
    --daily-fun-text:#df345f;
}
body.home .mwr-home-daily-fun-card.is-pro{
    --daily-fun-soft:rgba(123,79,255,.10);
    --daily-fun-line:#d9c9ff;
    --daily-fun-bg:linear-gradient(145deg,#7257ff,#9946e9);
    --daily-fun-shadow:rgba(119,74,224,.18);
    --daily-fun-pill:#f4efff;
    --daily-fun-text:#7046c7;
}
@keyframes mwrDailyFunFloat{
    0%,100%{transform:translateY(0) rotate(0)}
    50%{transform:translateY(-2px) rotate(2deg)}
}
@media(max-width:1180px){
    body.home .mwr-home-daily-fun{grid-template-columns:1fr!important}
}
@media(prefers-reduced-motion:reduce){
    body.home .mwr-home-daily-fun-icon{animation:none!important}
}

/* 2026-09-21 — premium video framing + responsive proportions */
body.home .mwr-home-media{
    height:clamp(430px,34vw,510px)!important;
    border-radius:24px!important;
    border:1px solid rgba(255,255,255,.72)!important;
    box-shadow:0 20px 52px rgba(8,47,98,.20),0 0 0 1px rgba(45,143,255,.12),0 0 34px rgba(49,151,255,.10)!important;
}
body.home .mwr-home-media>img{
    object-fit:cover!important;
    object-position:center center!important;
}
body.home .mwr-home-media:before{
    border-radius:24px!important;
    background:linear-gradient(110deg,transparent 8%,rgba(255,255,255,.85) 35%,rgba(54,155,255,.95) 49%,rgba(255,70,128,.72) 60%,transparent 88%)!important;
    background-size:280% 100%!important;
}
body.home .mwr-home-copy{
    padding-bottom:18px!important;
}

/* News-style white frame for the recommendation area. */
body.home .mwr-home-recommended-grid{
    position:relative!important;
    isolation:isolate!important;
    overflow:hidden!important;
    padding:20px!important;
    border:1px solid #d9e8f6!important;
    border-radius:24px!important;
    background:
        radial-gradient(circle at 96% 4%,rgba(62,156,255,.12),transparent 22%),
        radial-gradient(circle at 3% 94%,rgba(255,69,119,.07),transparent 20%),
        linear-gradient(180deg,rgba(255,255,255,.99),rgba(248,252,255,.98))!important;
    box-shadow:0 18px 42px rgba(18,73,128,.10),inset 0 1px 0 rgba(255,255,255,.92)!important;
}
body.home .mwr-home-recommended-grid:before{
    content:""!important;
    position:absolute!important;
    inset:0!important;
    z-index:-1!important;
    pointer-events:none!important;
    background:
        linear-gradient(90deg,rgba(24,113,214,.035) 1px,transparent 1px),
        linear-gradient(rgba(24,113,214,.035) 1px,transparent 1px),
        linear-gradient(125deg,transparent 0 68%,rgba(47,146,255,.055) 68% 69%,transparent 69% 74%,rgba(255,69,119,.045) 74% 75%,transparent 75%)!important;
    background-size:28px 28px,28px 28px,100% 100%!important;
}
body.home .mwr-home-recommended-grid:after{
    content:""!important;
    position:absolute!important;
    right:-92px!important;
    top:-110px!important;
    width:260px!important;
    height:260px!important;
    border-radius:50%!important;
    border:28px solid rgba(30,126,236,.055)!important;
    box-shadow:0 0 0 18px rgba(255,61,112,.028),0 0 0 44px rgba(35,151,255,.018)!important;
    pointer-events:none!important;
    animation:mwrRecOrbit 8s ease-in-out infinite!important;
}
@keyframes mwrRecOrbit{
    0%,100%{transform:translate3d(0,0,0) rotate(0deg)}
    50%{transform:translate3d(-10px,12px,0) rotate(8deg)}
}
body.home .mwr-home-recommended-grid>header{
    position:relative!important;
    z-index:2!important;
    min-height:66px!important;
    padding:0 2px 14px!important;
    border-bottom:1px solid #e7eff7!important;
}
body.home .mwr-home-recommended-grid>header:after{
    content:""!important;
    position:absolute!important;
    left:0!important;
    bottom:-1px!important;
    width:118px!important;
    height:3px!important;
    border-radius:999px!important;
    background:linear-gradient(90deg,#ff2f64,#ff7592,#2b88f6)!important;
    box-shadow:0 0 16px rgba(255,63,111,.22)!important;
}
body.home .mwr-home-recommended-grid>header>div{
    position:relative!important;
    z-index:2!important;
}
body.home .mwr-home-recommended-grid>header>div>span{
    box-shadow:0 8px 18px rgba(255,54,102,.16),0 0 0 5px rgba(255,54,102,.055)!important;
}
body.home .mwr-home-recommended-grid>header>a{
    position:relative!important;
    z-index:2!important;
    padding:9px 13px!important;
    border:1px solid #d8e8f7!important;
    border-radius:999px!important;
    background:rgba(255,255,255,.86)!important;
    box-shadow:0 7px 18px rgba(25,91,153,.07)!important;
}
body.home .mwr-home-recommended-grid>div{
    position:relative!important;
    z-index:2!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:15px!important;
}
body.home .mwr-home-card{
    position:relative!important;
    border-radius:18px!important;
    border:1px solid #d9e7f4!important;
    box-shadow:0 10px 24px rgba(17,70,125,.08)!important;
    transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease!important;
}
body.home .mwr-home-card:hover{
    transform:translateY(-4px)!important;
    border-color:#bcd9f5!important;
    box-shadow:0 16px 32px rgba(17,76,137,.14),0 0 22px rgba(56,144,244,.08)!important;
}
body.home .mwr-home-card:after{
    content:""!important;
    position:absolute!important;
    inset:0!important;
    border-radius:18px!important;
    pointer-events:none!important;
    background:linear-gradient(120deg,transparent 0 42%,rgba(255,255,255,.26) 49%,transparent 56%)!important;
    background-size:230% 100%!important;
    background-position:130% 0!important;
    opacity:0!important;
    transition:opacity .2s ease!important;
}
body.home .mwr-home-card:hover:after{
    opacity:1!important;
    animation:mwrCardSheen 1.1s ease both!important;
}
@keyframes mwrCardSheen{to{background-position:-80% 0}}
body.home .mwr-home-card-media{
    aspect-ratio:16/10!important;
    background:#eaf3fb!important;
}
body.home .mwr-home-card-media img{
    object-fit:cover!important;
    transition:transform .28s ease!important;
}
body.home .mwr-home-card:hover .mwr-home-card-media img{
    transform:scale(1.035)!important;
}

/* White graphic treatment for the ranked recommendation box. */
body.home .mwr-home--showcase .mwr-home-rec.mwr-home-rec--fill{
    min-height:clamp(430px,34vw,510px)!important;
    border-radius:24px!important;
    border:1px solid #d8e7f5!important;
    background:
        radial-gradient(circle at 92% 8%,rgba(39,145,255,.13),transparent 21%),
        radial-gradient(circle at 9% 95%,rgba(255,63,111,.075),transparent 24%),
        repeating-linear-gradient(135deg,rgba(27,111,206,.026) 0 1px,transparent 1px 18px),
        linear-gradient(180deg,#fff 0%,#f9fcff 100%)!important;
    box-shadow:0 18px 42px rgba(17,70,125,.11),inset 0 1px 0 rgba(255,255,255,.95)!important;
}
body.home .mwr-home--showcase .mwr-home-rec.mwr-home-rec--fill:before{
    content:""!important;
    right:-78px!important;
    bottom:-86px!important;
    width:210px!important;
    height:210px!important;
    border-radius:50%!important;
    border:22px solid rgba(36,135,242,.055)!important;
    box-shadow:0 0 0 18px rgba(255,63,111,.03)!important;
    animation:mwrSidePlayFloat 6s ease-in-out infinite!important;
}
body.home .mwr-home--showcase .mwr-home-rec.mwr-home-rec--fill:after{
    content:""!important;
    right:18px!important;
    top:14px!important;
    width:82px!important;
    height:82px!important;
    border-radius:24px!important;
    background:
        linear-gradient(90deg,rgba(42,132,232,.08) 1px,transparent 1px),
        linear-gradient(rgba(42,132,232,.08) 1px,transparent 1px)!important;
    background-size:12px 12px!important;
    transform:rotate(12deg)!important;
    opacity:.72!important;
    animation:mwrSideSparkle 3.8s ease-in-out infinite!important;
}
body.home .mwr-home--showcase .mwr-home-rec.mwr-home-rec--fill .mwr-home-rec-item{
    background:rgba(255,255,255,.76)!important;
    border:1px solid #e6eef7!important;
}
body.home .mwr-home--showcase .mwr-home-rec.mwr-home-rec--fill .mwr-home-rec-item:hover{
    background:#fff!important;
    transform:translateX(4px) scale(1.006)!important;
}

@media(max-width:1180px){
    body.home .mwr-home-media{height:clamp(390px,42vw,455px)!important}
    body.home .mwr-home--showcase .mwr-home-rec.mwr-home-rec--fill{min-height:clamp(390px,42vw,455px)!important}
}
@media(max-width:980px){
    body.home .mwr-home-media{height:clamp(340px,52vw,420px)!important}
    body.home .mwr-home--showcase .mwr-home-rec.mwr-home-rec--fill{min-height:0!important}
    body.home .mwr-home-recommended-grid>div{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:620px){
    body.home .mwr-home-media{
        height:auto!important;
        min-height:250px!important;
        aspect-ratio:16/10!important;
        border-radius:18px!important;
    }
    body.home .mwr-home-media:before{border-radius:18px!important}
    body.home .mwr-home-recommended-grid{
        padding:13px!important;
        border-radius:18px!important;
    }
    body.home .mwr-home-recommended-grid>header{
        align-items:flex-start!important;
        min-height:0!important;
        padding-bottom:11px!important;
    }
    body.home .mwr-home-recommended-grid>header p b{font-size:20px!important}
    body.home .mwr-home-recommended-grid>header p small{font-size:9px!important}
    body.home .mwr-home-recommended-grid>div{grid-template-columns:1fr!important;gap:12px!important}
    body.home .mwr-home-card-media{aspect-ratio:16/9!important}
    body.home .mwr-home--showcase .mwr-home-rec.mwr-home-rec--fill{border-radius:18px!important}
}
/* Final visual pass: match the approved reference more closely. */
body.home .mwr-home-layout{
    grid-template-columns:minmax(0,1.88fr) minmax(310px,.72fr)!important;
    gap:14px!important;
    align-items:stretch!important;
}
body.home .mwr-home-media{
    height:clamp(455px,35.5vw,525px)!important;
}
body.home .mwr-home--showcase .mwr-home-rec.mwr-home-rec--fill{
    display:flex!important;
    min-height:clamp(455px,35.5vw,525px)!important;
}
body.home .mwr-home-copy{
    left:28px!important;
    right:28px!important;
    bottom:72px!important;
}
body.home .mwr-home-copy h3{
    max-width:820px!important;
    font-size:clamp(28px,2.45vw,42px)!important;
    line-height:1.12!important;
    letter-spacing:-.025em!important;
}
body.home .mwr-home-copy>p{
    max-width:720px!important;
    margin-top:8px!important;
    font-size:13px!important;
    line-height:1.45!important;
}

/* Featured writer identity */
body.home .mwr-home-feature-author{
    display:inline-flex!important;
    align-items:center!important;
    gap:9px!important;
    width:max-content!important;
    max-width:100%!important;
    margin-top:11px!important;
    padding:6px 10px 6px 6px!important;
    border:1px solid rgba(255,255,255,.26)!important;
    border-radius:999px!important;
    background:rgba(5,24,54,.52)!important;
    backdrop-filter:blur(10px)!important;
    -webkit-backdrop-filter:blur(10px)!important;
    box-shadow:0 7px 20px rgba(0,20,48,.20)!important;
    color:#fff!important;
}
body.home .mwr-home-feature-author-avatar{
    display:block!important;
    flex:0 0 30px!important;
    width:30px!important;
    height:30px!important;
    overflow:hidden!important;
    border:2px solid rgba(255,255,255,.92)!important;
    border-radius:50%!important;
    box-shadow:0 0 0 2px rgba(59,155,255,.55)!important;
}
body.home .mwr-home-feature-author-avatar img{
    display:block!important;
    width:100%!important;
    height:100%!important;
    object-fit:cover!important;
}
body.home .mwr-home-feature-author-copy{
    display:flex!important;
    flex-direction:column!important;
    min-width:0!important;
}
body.home .mwr-home-feature-author-name{
    display:flex!important;
    align-items:center!important;
    gap:5px!important;
    min-width:0!important;
}
body.home .mwr-home-feature-author-name b{
    max-width:190px!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
    color:#fff!important;
    font-size:10.5px!important;
    line-height:1.1!important;
    font-weight:900!important;
}
body.home .mwr-home-feature-verified{
    display:grid!important;
    place-items:center!important;
    width:15px!important;
    height:15px!important;
    flex:0 0 15px!important;
    border:2px solid #fff!important;
    border-radius:50%!important;
    background:#1683ff!important;
    color:#fff!important;
    box-shadow:0 0 0 2px rgba(22,131,255,.18)!important;
}
body.home .mwr-home-feature-verified svg{
    width:8px!important;
    height:8px!important;
}
body.home .mwr-home-feature-author-copy>small{
    display:flex!important;
    align-items:center!important;
    gap:4px!important;
    margin-top:2px!important;
    color:#dcecff!important;
    font-size:8px!important;
    line-height:1!important;
    font-weight:800!important;
}
body.home .mwr-home-feature-author-copy>small svg{
    width:10px!important;
    height:10px!important;
}

/* Ranked recommendation writer + mark */
body.home .mwr-home-rec-copy>span.mwr-home-rec-author{
    display:flex!important;
    align-items:center!important;
    gap:4px!important;
    margin-top:5px!important;
    color:#416889!important;
    font-size:8.5px!important;
    line-height:1!important;
    font-weight:850!important;
    -webkit-line-clamp:unset!important;
    overflow:visible!important;
}
body.home .mwr-home-rec-author>b{
    display:block!important;
    min-width:0!important;
    max-width:130px!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
}
body.home .mwr-home-rec-author>i{
    display:grid!important;
    place-items:center!important;
    width:14px!important;
    height:14px!important;
    flex:0 0 14px!important;
    border-radius:50%!important;
    background:#1683ff!important;
    color:#fff!important;
    box-shadow:0 0 0 2px rgba(22,131,255,.10)!important;
}
body.home .mwr-home-rec-author>i.is-role{
    background:#eef6ff!important;
    color:#1978d2!important;
    border:1px solid #cfe4fb!important;
}
body.home .mwr-home-rec-author>i svg{
    width:8px!important;
    height:8px!important;
    fill:none!important;
    stroke:currentColor!important;
}
body.home .mwr-home-rec-copy>span:not(.mwr-home-rec-author){
    color:#6b84a0!important;
}

/* Author identity on the video news cards */
body.home .mwr-home-card-author{
    display:flex!important;
    align-items:center!important;
    gap:8px!important;
    margin:7px 0 8px!important;
    padding:6px 7px!important;
    border:1px solid #e3edf6!important;
    border-radius:11px!important;
    background:linear-gradient(180deg,#fbfdff,#f6faff)!important;
}
body.home .mwr-home-card-author-avatar{
    flex:0 0 30px!important;
    width:30px!important;
    height:30px!important;
}
body.home .mwr-home-card-author-avatar img{
    width:30px!important;
    height:30px!important;
}
body.home .mwr-home-card-author-name{
    gap:4px!important;
    flex-wrap:nowrap!important;
}
body.home .mwr-home-card-author-name strong{
    max-width:150px!important;
    color:#1b456f!important;
    font-size:9.5px!important;
    font-weight:950!important;
}
body.home .mwr-home-card-author-verified{
    width:14px!important;
    height:14px!important;
    right:-3px!important;
    bottom:-2px!important;
}
body.home .mwr-home-card-role{
    min-height:17px!important;
    padding:0 5px!important;
    font-size:6.7px!important;
    white-space:nowrap!important;
}
body.home .mwr-home-card-author .miko-user-badges--compact{
    display:none!important;
}
body.home .mwr-home-card-author .miko-user-badges--name{
    display:inline-flex!important;
}
body.home .mwr-home-card-author .miko-user-badge{
    min-height:17px!important;
    padding:0 5px!important;
    font-size:6.5px!important;
}

/* Keep the news cards balanced after showing writers. */
body.home .mwr-home-card-body{
    padding:10px 11px 11px!important;
}
body.home .mwr-home-card-body h3{
    min-height:2.7em!important;
    margin-bottom:5px!important;
    font-size:12px!important;
    line-height:1.35!important;
}
body.home .mwr-home-card-stats{
    margin-top:4px!important;
}
body.home .mwr-home-card-fun{
    display:none!important;
}

@media(max-width:1180px){
    body.home .mwr-home-layout{grid-template-columns:minmax(0,1.55fr) minmax(290px,.75fr)!important}
    body.home .mwr-home-copy h3{font-size:clamp(25px,2.7vw,34px)!important}
}
@media(max-width:980px){
    body.home .mwr-home-layout{grid-template-columns:1fr!important}
    body.home .mwr-home-media{height:clamp(360px,54vw,445px)!important}
    body.home .mwr-home--showcase .mwr-home-rec.mwr-home-rec--fill{min-height:0!important}
}
@media(max-width:620px){
    body.home .mwr-home-copy{left:16px!important;right:16px!important;bottom:62px!important}
    body.home .mwr-home-copy h3{font-size:clamp(22px,7vw,29px)!important}
    body.home .mwr-home-copy>p{display:none!important}
    body.home .mwr-home-feature-author{margin-top:8px!important;padding:5px 8px 5px 5px!important}
    body.home .mwr-home-feature-author-avatar{width:27px!important;height:27px!important;flex-basis:27px!important}
    body.home .mwr-home-feature-author-name b{max-width:130px!important;font-size:9px!important}
    body.home .mwr-home-feature-author-copy>small{font-size:7px!important}
    body.home .mwr-home-card-author-name strong{max-width:190px!important;font-size:9.5px!important}
}
@media(prefers-reduced-motion:reduce){
    body.home .mwr-home-recommended-grid:after,
    body.home .mwr-home-card:hover:after,
    body.home .mwr-home--showcase .mwr-home-rec.mwr-home-rec--fill:before,
    body.home .mwr-home--showcase .mwr-home-rec.mwr-home-rec--fill:after{animation:none!important}
}

/* 2026-09-23 — refined calm layout for How to earn + Daily mission */
body.home .mwr-home-bottom{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:16px!important;
    align-items:start!important;
}
body.home .mwr-home-how,
body.home .mwr-home-daily{
    align-self:start!important;
    height:auto!important;
    min-height:0!important;
    padding:16px!important;
    border:1px solid #dfe8f2!important;
    border-radius:18px!important;
    background:linear-gradient(180deg,#ffffff 0%,#fbfdff 100%)!important;
    box-shadow:0 8px 24px rgba(28,72,118,.07)!important;
}
body.home .mwr-home-how:before,
body.home .mwr-home-daily:before,
body.home .mwr-home-daily:after{
    opacity:.55!important;
}
body.home .mwr-home-how>header,
body.home .mwr-home-daily>header{
    min-height:40px!important;
    margin-bottom:12px!important;
    padding-bottom:10px!important;
    border-bottom:1px solid #edf2f7!important;
}
body.home .mwr-home-bottom header>div{
    gap:9px!important;
}
body.home .mwr-home-bottom header>div>span,
body.home .mwr-home-bottom header>div>svg{
    width:34px!important;
    height:34px!important;
    padding:7px!important;
    border-radius:11px!important;
    box-shadow:none!important;
}
body.home .mwr-home-how>header>div>svg{
    background:#edf6ff!important;
    color:#1473d4!important;
}
body.home .mwr-home-daily>header>div>svg{
    background:#fff1f5!important;
    color:#e9436e!important;
}
body.home .mwr-home-bottom header b{
    color:#173b67!important;
    font-size:15px!important;
    font-weight:900!important;
    letter-spacing:-.1px!important;
}
body.home .mwr-home-bottom header>a{
    min-height:30px!important;
    padding:0 7px!important;
    border-radius:9px!important;
    color:#196bc3!important;
    font-size:9.5px!important;
    font-weight:850!important;
    transition:background .18s ease,color .18s ease!important;
}
body.home .mwr-home-bottom header>a:hover{
    background:#f0f6fc!important;
    color:#0d57a5!important;
}

body.home .mwr-home-how ol{
    gap:8px!important;
    margin:0!important;
}
body.home .mwr-home-how ol li{
    grid-template-columns:30px 34px minmax(0,1fr)!important;
    gap:9px!important;
    min-height:50px!important;
    padding:7px 10px!important;
    border:1px solid #e8eef5!important;
    border-radius:12px!important;
    background:#f9fbfd!important;
    box-shadow:none!important;
}
body.home .mwr-home-how ol li:hover{
    transform:translateY(-1px)!important;
    border-color:#d4e2ef!important;
    background:#fff!important;
    box-shadow:0 6px 14px rgba(31,78,125,.06)!important;
}
body.home .mwr-home-how ol li>span{
    width:28px!important;
    height:28px!important;
    background:#eaf4ff!important;
    color:#176dbe!important;
    box-shadow:none!important;
    font-size:11px!important;
}
body.home .mwr-home-how ol li>i{
    width:32px!important;
    height:32px!important;
    border-radius:10px!important;
    background:#eef6fd!important;
    box-shadow:none!important;
}
body.home .mwr-home-how ol li:nth-child(3)>i{background:#fff8e7!important;color:#c88a10!important}
body.home .mwr-home-how ol li:nth-child(4)>i{background:#fff2f6!important;color:#d94770!important}
body.home .mwr-home-how p b{
    color:#203f65!important;
    font-size:11px!important;
    font-weight:850!important;
}
body.home .mwr-home-how p small{
    margin-top:2px!important;
    color:#8192a5!important;
    font-size:8.5px!important;
}
body.home .mwr-home-how-tip{
    grid-template-columns:36px minmax(0,1fr) auto!important;
    gap:10px!important;
    margin-top:10px!important;
    padding:10px!important;
    border:1px solid #d8e8f5!important;
    border-radius:13px!important;
    background:#f3f8fd!important;
    box-shadow:none!important;
}
body.home .mwr-home-how-tip>i{
    width:34px!important;
    height:34px!important;
    border-radius:10px!important;
    background:#e5f1fc!important;
    color:#1669b9!important;
}
body.home .mwr-home-how-tip b{color:#1d4e7c!important;font-size:10.5px!important}
body.home .mwr-home-how-tip small{color:#7990a7!important;font-size:8px!important}
body.home .mwr-home-how-tip>a{
    min-height:34px!important;
    padding:0 12px!important;
    border:1px solid #d5e4f2!important;
    border-radius:10px!important;
    background:#fff!important;
    color:#1768b7!important;
    box-shadow:none!important;
    font-size:9px!important;
}
body.home .mwr-home-how-tip>a:hover{
    border-color:#b9d5ec!important;
    background:#f8fbff!important;
}

body.home .mwr-home-daily-focus{
    grid-template-columns:82px minmax(0,1fr)!important;
    gap:14px!important;
    margin:2px 0 10px!important;
    padding:2px 2px 0!important;
}
body.home .mwr-home-daily-ring{
    width:78px!important;
    height:78px!important;
    background:conic-gradient(#2d83d7 var(--mwr-progress),#e8f0f7 0)!important;
    filter:none!important;
    box-shadow:none!important;
}
body.home .mwr-home-daily-ring:before{
    inset:8px!important;
    box-shadow:0 3px 10px rgba(21,68,112,.06)!important;
}
body.home .mwr-home-daily-ring b{
    color:#183f6c!important;
    font-size:15px!important;
}
body.home .mwr-home-daily-ring small{
    color:#3c7fbe!important;
    font-size:8px!important;
}
body.home .mwr-home-daily-copy p{
    color:#526e8e!important;
    font-size:9.5px!important;
}
body.home .mwr-home-daily-copy>b{
    margin-top:2px!important;
    color:#1b4f85!important;
    font-size:12.5px!important;
}
body.home .mwr-home-daily-copy small{
    margin-top:4px!important;
    color:#8a9aad!important;
    font-size:8px!important;
}
body.home .mwr-home-daily-track{
    height:5px!important;
    margin:0 0 10px!important;
    background:#e9eff5!important;
}
body.home .mwr-home-daily-track i{
    background:linear-gradient(90deg,#4595dd,#5871dc)!important;
    box-shadow:none!important;
}
body.home .mwr-home-reward-banner{
    min-height:60px!important;
    grid-template-columns:38px minmax(0,1fr) 18px!important;
    gap:9px!important;
    padding:9px 11px!important;
    border:0!important;
    border-radius:13px!important;
    background:linear-gradient(120deg,#176dc4 0%,#315fd1 100%)!important;
    box-shadow:0 8px 18px rgba(31,91,175,.16)!important;
}
body.home .mwr-home-reward-banner:after{display:none!important}
body.home .mwr-home-reward-banner>span{
    width:36px!important;
    height:36px!important;
    border-radius:10px!important;
    background:rgba(255,255,255,.14)!important;
}
body.home .mwr-home-reward-banner small{
    color:#dfeaff!important;
    font-size:8px!important;
}
body.home .mwr-home-reward-banner b{
    margin-top:2px!important;
    font-size:10.5px!important;
}
body.home .mwr-home-reward-banner:hover{
    transform:translateY(-1px)!important;
    box-shadow:0 10px 20px rgba(31,91,175,.20)!important;
}

body.home .mwr-home-daily-fun{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:8px!important;
    margin-top:10px!important;
}
body.home .mwr-home-daily-fun-card{
    grid-template-columns:36px minmax(0,1fr) auto!important;
    gap:8px!important;
    min-height:58px!important;
    padding:8px 9px!important;
    border:1px solid #e3eaf1!important;
    border-radius:12px!important;
    background:#fff!important;
    box-shadow:none!important;
}
body.home .mwr-home-daily-fun-card:before{
    width:60px!important;
    height:60px!important;
    right:-24px!important;
    top:-28px!important;
    opacity:.55!important;
}
body.home .mwr-home-daily-fun-card:hover{
    transform:translateY(-1px)!important;
    border-color:#cfdce9!important;
    box-shadow:0 6px 14px rgba(30,70,110,.06)!important;
}
body.home .mwr-home-daily-fun-icon{
    width:36px!important;
    height:36px!important;
    border-radius:10px!important;
    box-shadow:none!important;
    font-size:17px!important;
    animation:none!important;
}
body.home .mwr-home-daily-fun-card>span:nth-child(2) b{
    color:#294866!important;
    font-size:9px!important;
}
body.home .mwr-home-daily-fun-card>span:nth-child(2) small{
    color:#8797a8!important;
    font-size:7.3px!important;
}
body.home .mwr-home-daily-fun-card em{
    min-height:22px!important;
    padding:0 7px!important;
    border-radius:8px!important;
    font-size:6.8px!important;
}

@media(max-width:1180px){
    body.home .mwr-home-bottom{grid-template-columns:1fr!important}
    body.home .mwr-home-daily-fun{grid-template-columns:repeat(3,minmax(0,1fr))!important}
}
@media(max-width:760px){
    body.home .mwr-home-daily-fun{grid-template-columns:1fr!important}
}
@media(max-width:430px){
    body.home .mwr-home-how,
    body.home .mwr-home-daily{padding:12px!important;border-radius:15px!important}
    body.home .mwr-home-how>header,
    body.home .mwr-home-daily>header{align-items:flex-start!important}
    body.home .mwr-home-bottom header b{font-size:13.5px!important}
    body.home .mwr-home-how-tip{grid-template-columns:34px minmax(0,1fr)!important}
    body.home .mwr-home-how-tip>a{grid-column:1/-1!important;justify-content:center!important}
    body.home .mwr-home-daily-focus{grid-template-columns:70px minmax(0,1fr)!important;gap:10px!important}
    body.home .mwr-home-daily-ring{width:66px!important;height:66px!important}
}

/* 2026-09-23 — final soft-premium pass */
body.home .mwr-home-how,
body.home .mwr-home-daily{
    padding:18px!important;
    border-color:#e2e9f0!important;
    border-radius:20px!important;
    background:#fff!important;
    box-shadow:0 10px 30px rgba(29,64,102,.055)!important;
}
body.home .mwr-home-how>header,
body.home .mwr-home-daily>header{
    min-height:44px!important;
    margin-bottom:13px!important;
    padding-bottom:11px!important;
}
body.home .mwr-home-bottom header>a{
    border:1px solid #e4ebf2!important;
    background:#fbfdff!important;
    color:#376a9f!important;
}
body.home .mwr-home-bottom header>a:hover{
    border-color:#d3e0ec!important;
    background:#f5f9fd!important;
}
body.home .mwr-home-how ol li{
    min-height:52px!important;
    background:#fbfcfe!important;
    border-color:#e9eef4!important;
}
body.home .mwr-home-how-tip{
    margin-top:12px!important;
    background:#f6f9fc!important;
    border-color:#e1e9f1!important;
}
body.home .mwr-home-how-tip>a{
    color:#356b9f!important;
    border-color:#dce6ef!important;
}
body.home .mwr-home-daily-ring{
    background:conic-gradient(#5a91c7 var(--mwr-progress),#edf2f6 0)!important;
}
body.home .mwr-home-daily-track{
    background:#edf2f6!important;
}
body.home .mwr-home-daily-track i{
    background:linear-gradient(90deg,#6aa0d2,#758ac8)!important;
}
body.home .mwr-home-reward-banner{
    background:linear-gradient(120deg,#3b78b5 0%,#5a71bd 100%)!important;
    box-shadow:0 8px 18px rgba(48,89,151,.14)!important;
}
body.home .mwr-home-daily-fun{
    grid-auto-rows:1fr!important;
}
body.home .mwr-home-daily-fun-card{
    height:100%!important;
    min-height:62px!important;
    border-color:#e6ebf1!important;
    background:#fbfcfe!important;
}
body.home .mwr-home-daily-fun-icon{
    background:var(--daily-soft-icon-bg,#eef5fb)!important;
    color:var(--daily-soft-icon-color,#4d7ca8)!important;
}
body.home .mwr-home-daily-fun-icon svg{
    width:18px!important;
    height:18px!important;
}
body.home .mwr-home-daily-fun-card.is-streak{
    --daily-soft-icon-bg:#fff7e8;
    --daily-soft-icon-color:#bd8121;
    --daily-fun-pill:#fff8eb;
    --daily-fun-text:#a96f13;
}
body.home .mwr-home-daily-fun-card.is-gift{
    --daily-soft-icon-bg:#fff1f5;
    --daily-soft-icon-color:#cc5574;
    --daily-fun-pill:#fff3f6;
    --daily-fun-text:#b94b68;
}
body.home .mwr-home-daily-fun-card.is-pro{
    --daily-soft-icon-bg:#f4f1ff;
    --daily-soft-icon-color:#7660b8;
    --daily-fun-pill:#f5f2ff;
    --daily-fun-text:#6a56a8;
}
body.home .mwr-home-daily-fun-card em{
    border:1px solid rgba(110,133,156,.10)!important;
}
@media(max-width:430px){
    body.home .mwr-home-how,
    body.home .mwr-home-daily{padding:13px!important}
    body.home .mwr-home-bottom header>a{font-size:9px!important;padding:0 6px!important}
    body.home .mwr-home-how ol li{grid-template-columns:28px 32px minmax(0,1fr)!important;gap:8px!important;padding:7px 8px!important}
}
@media(max-width:390px){
    body.home .mwr-home-how>header,
    body.home .mwr-home-daily>header{gap:8px!important}
    body.home .mwr-home-bottom header>a{font-size:8.5px!important}
}
@media(max-width:360px){
    body.home .mwr-home-how>header,
    body.home .mwr-home-daily>header{flex-wrap:wrap!important}
    body.home .mwr-home-bottom header>a{margin-left:43px!important}
    body.home .mwr-home-daily-focus{grid-template-columns:64px minmax(0,1fr)!important}
    body.home .mwr-home-daily-ring{width:60px!important;height:60px!important}
}