.meritPage{width:var(--panelW);margin:0 auto;display:grid;gap:18px;padding:0 0 28px;color:var(--appText)}
.meritWallet{position:relative;overflow:hidden;border:1px solid rgba(255,255,255,.48);border-radius:30px;padding:22px;background:linear-gradient(145deg,rgba(28,120,246,.84),rgba(111,82,238,.78) 55%,rgba(229,76,196,.7));color:#fff;box-shadow:0 18px 48px rgba(60,73,164,.22);backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px)}
.meritWallet:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(255,255,255,.19),rgba(255,255,255,0) 34%,rgba(17,21,55,.08));pointer-events:none}.meritWalletGlow{position:absolute;border-radius:50%;filter:blur(18px);pointer-events:none}.meritWalletGlowBlue{width:220px;height:220px;left:-110px;top:-120px;background:rgba(91,213,255,.22)}.meritWalletGlowPink{width:230px;height:230px;right:-125px;bottom:-145px;background:rgba(255,156,228,.22)}
.meritWalletHead{position:relative;z-index:1;display:flex;align-items:flex-start;justify-content:space-between;gap:14px}.meritKickerRow{display:flex;align-items:center;gap:7px}.meritKicker,.meritSectionHead span{font-size:.68rem;font-weight:950;letter-spacing:.16em;text-transform:uppercase}.meritKicker{color:rgba(255,255,255,.8)}.meritInfoButton{border:0;background:transparent;color:inherit;display:grid;place-items:center}.meritInfoButtonInline{width:24px;height:24px;border-radius:50%;font-size:.92rem;color:rgba(255,255,255,.86)}.meritInfoButtonInline:active{background:rgba(255,255,255,.13)}
.meritBalanceLine{display:flex;align-items:baseline;gap:8px;margin-top:4px}.meritBalanceLine strong{font-size:clamp(2.7rem,9vw,4.4rem);line-height:.95;letter-spacing:-.07em}.meritBalanceLine span{font-size:.95rem;font-weight:900;color:rgba(255,255,255,.84)}.meritWalletTitle p{margin:9px 0 0;font-size:.78rem;font-weight:800;color:rgba(255,255,255,.78)}
.meritEmblem{width:64px;height:64px;flex:0 0 64px;border-radius:21px;display:grid;place-items:center;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.3);box-shadow:inset 0 1px rgba(255,255,255,.34),0 10px 30px rgba(31,36,100,.12);font-size:1.7rem}
.meritWalletStats{position:relative;z-index:1;display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:19px}.meritWalletStats>div,.meritWalletStats>button{position:relative;min-width:0;padding:11px 10px;border-radius:16px;background:rgba(16,20,61,.14);border:1px solid rgba(255,255,255,.13);color:#fff;text-align:left}.meritWalletStats span{display:block;font-size:.58rem;font-weight:850;color:rgba(255,255,255,.7);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.meritWalletStats strong{display:block;margin-top:3px;font-size:1rem}.meritWalletStats button>i{position:absolute;right:8px;top:8px;font-size:.66rem;color:rgba(255,255,255,.66)}
.meritGrowthPanel{position:relative;z-index:1;margin-top:9px;padding:12px 13px;border-radius:17px;background:rgba(15,17,50,.2);border:1px solid rgba(255,255,255,.15)}.meritGrowthTop{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:.68rem;font-weight:850;color:rgba(255,255,255,.8)}.meritGrowthTop b{color:#fff}.meritRateTrack{height:7px;margin-top:9px;border-radius:999px;overflow:hidden;background:rgba(255,255,255,.2)}.meritRateTrack span{display:block;height:100%;border-radius:inherit;background:rgba(255,255,255,.95)}
.meritHeroActions{position:relative;z-index:1;display:grid;grid-template-columns:1fr auto;gap:9px;margin-top:11px}.meritPrimary,.meritSecondary{height:46px;border-radius:15px;font-weight:950;display:flex;align-items:center;justify-content:center;gap:8px}.meritPrimary{border:1px solid rgba(255,255,255,.64);background:rgba(255,255,255,.9);color:#17203e;box-shadow:0 8px 24px rgba(22,31,86,.12)}.meritSecondary{border:1px solid rgba(255,255,255,.28);background:rgba(255,255,255,.1);color:#fff;padding:0 19px;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
.meritBlock{display:grid;gap:11px}.meritSectionHead{display:flex;align-items:flex-end;justify-content:space-between;gap:12px}.meritSectionHead span{color:var(--appBlue)}.meritSectionHead h2{margin:3px 0 0;font-size:1.34rem;letter-spacing:-.04em}.meritSectionHead button{border:0;background:transparent;color:var(--appBlue);font-weight:900;padding:4px}.meritItemsBlock{scroll-margin-top:16px}
.meritRewardRail{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(220px,270px);gap:12px;overflow-x:auto;padding:2px 1px 7px;scroll-snap-type:x mandatory;scrollbar-width:none}.meritRewardRail::-webkit-scrollbar{display:none}.meritRewardCard{scroll-snap-align:start;overflow:hidden;border:1px solid var(--appLine);border-radius:22px;background:var(--appPanel);box-shadow:0 10px 28px rgba(18,30,75,.07)}.meritRewardArt{position:relative;height:108px;display:grid;place-items:center;background:rgba(24,182,255,.1);font-size:2.55rem;color:var(--appBlue)}.meritRewardCard.pink .meritRewardArt{color:var(--appPink);background:rgba(255,79,216,.09)}.meritRewardCard.violet .meritRewardArt{color:#8d6cf7;background:rgba(141,108,247,.1)}.meritRewardCard.aqua .meritRewardArt{color:#14a79d;background:rgba(20,167,157,.1)}.meritRewardArt span{position:absolute;top:10px;right:10px;border-radius:999px;padding:5px 8px;background:var(--appPanel);color:var(--appText);font-size:.55rem;font-weight:950;text-transform:uppercase;border:1px solid var(--appLine)}.meritRewardBody{padding:14px}.meritRewardBody h3{min-height:38px;margin:0 0 6px;font-size:.98rem;letter-spacing:-.025em}.meritRewardCost{display:flex;align-items:baseline;gap:5px}.meritRewardCost strong{font-size:1.05rem}.meritRewardCost span{font-size:.68rem;color:var(--appMuted);font-weight:850}.meritRewardBody small{display:block;min-height:16px;margin-top:7px;font-size:.64rem;color:var(--appMuted);font-weight:750}.meritRewardBody button{width:100%;height:38px;margin-top:10px;border:1px solid color-mix(in srgb,var(--appBlue) 36%,var(--appLine));border-radius:13px;background:rgba(24,182,255,.08);color:var(--appText);font-weight:950}.meritRewardBody button.isReady{background:color-mix(in srgb,var(--appBlue) 14%,var(--appPanel));border-color:color-mix(in srgb,var(--appBlue) 48%,var(--appLine))}
.meritSignedOutNote{position:relative;z-index:1;margin:10px 0 0;font-size:12px;line-height:1.45;color:rgba(255,255,255,.78)}
body.meritInfoOpen{overflow:hidden}.meritInfoOverlay{position:fixed;inset:0;z-index:10020;display:grid;align-items:end}.meritInfoOverlay[hidden]{display:none}.meritInfoBackdrop{position:absolute;inset:0;border:0;background:rgba(10,13,28,.34);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);opacity:0;transition:opacity .22s ease}.meritInfoSheet{position:relative;width:min(100%,620px);max-height:min(82dvh,720px);margin:0 auto;border-radius:28px 28px 0 0;border:1px solid color-mix(in srgb,var(--appLine) 84%,transparent);border-bottom:0;background:color-mix(in srgb,var(--appPanel) 94%,transparent);box-shadow:0 -20px 70px rgba(13,20,50,.25);padding:10px 18px calc(20px + env(safe-area-inset-bottom));overflow:auto;transform:translateY(105%);transition:transform .26s cubic-bezier(.2,.8,.2,1);backdrop-filter:blur(28px);-webkit-backdrop-filter:blur(28px)}.meritInfoOverlay.isOpen .meritInfoBackdrop{opacity:1}.meritInfoOverlay.isOpen .meritInfoSheet{transform:translateY(0)}.meritInfoHandle{width:42px;height:5px;margin:2px auto 13px;border-radius:999px;background:var(--appLine)}.meritInfoSheet>header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.meritInfoSheet>header span{font-size:.64rem;letter-spacing:.14em;font-weight:950;color:var(--appBlue)}.meritInfoSheet>header h2{margin:3px 0 0;font-size:1.4rem;letter-spacing:-.04em}.meritInfoSheet>header button{width:40px;height:40px;border-radius:14px;border:1px solid var(--appLine);background:var(--appPanelSoft);color:var(--appText)}.meritInfoSummary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:16px 0}.meritInfoSummary>div{min-width:0;padding:12px;border-radius:16px;border:1px solid var(--appLine);background:var(--appPanelSoft)}.meritInfoSummary span{display:block;font-size:.62rem;font-weight:850;color:var(--appMuted)}.meritInfoSummary strong{display:block;margin-top:4px;font-size:.8rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.meritInfoList{display:grid;gap:9px}.meritInfoList article{display:grid;grid-template-columns:42px minmax(0,1fr);gap:11px;padding:12px;border:1px solid var(--appLine);border-radius:18px;background:var(--appPanel)}.meritInfoList article>i{width:42px;height:42px;border-radius:14px;display:grid;place-items:center;background:var(--appPanelSoft);color:var(--appBlue);font-size:1.05rem}.meritInfoList h3{margin:1px 0 4px;font-size:.84rem}.meritInfoList p{margin:0;color:var(--appMuted);font-size:.72rem;line-height:1.45;font-weight:700}
@media(max-width:520px){.meritPage{width:var(--panelMobW);gap:15px}.meritWallet{padding:17px;border-radius:25px}.meritEmblem{width:54px;height:54px;flex-basis:54px;border-radius:18px;font-size:1.4rem}.meritWalletStats{gap:6px;margin-top:16px}.meritWalletStats>div,.meritWalletStats>button{padding:9px 8px}.meritWalletStats span{font-size:.52rem}.meritWalletStats strong{font-size:.9rem}.meritWalletStats button>i{right:6px;top:6px}.meritHeroActions{grid-template-columns:1fr auto}.meritSecondary span{display:none}.meritSecondary{width:48px;padding:0}.meritSectionHead h2{font-size:1.18rem}.meritRewardRail{grid-auto-columns:74vw}.meritInfoSheet{padding-left:15px;padding-right:15px}.meritInfoSummary{grid-template-columns:repeat(2,minmax(0,1fr))}}
.meritBoostStrip{position:relative;z-index:1;width:100%;margin-top:10px;padding:10px 12px;border:1px solid rgba(255,255,255,.2);border-radius:16px;background:rgba(255,255,255,.1);color:#fff;display:grid;grid-template-columns:36px minmax(0,1fr) auto;align-items:center;gap:10px;text-align:left;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
.meritBoostIcon{width:36px;height:36px;border-radius:12px;display:grid;place-items:center;background:rgba(255,255,255,.17);font-size:1rem}.meritBoostCopy{min-width:0;display:grid;gap:2px}.meritBoostCopy b{font-size:.78rem}.meritBoostCopy small{font-size:.62rem;font-weight:750;color:rgba(255,255,255,.72)}.meritBoostStrip>i{font-size:.75rem;color:rgba(255,255,255,.72)}
.meritBoostEarn{display:flex;align-items:center;gap:5px;margin-top:7px;font-size:.61rem;font-weight:900;color:var(--appBlue)}.meritBoostEarn i{font-size:.72rem}