.my888-home.my888-earn{font-family:inherit;font-weight:400}.my888-earn{--m8-earn-accent:var(--theme-primary);min-height:100dvh;background:var(--theme-page-bg);color:var(--theme-text-main);padding-bottom:calc(96px + env(safe-area-inset-bottom, 0px))}.my888-earn__main{display:grid;grid-template-areas:"header" "board" "invite" "tiers" "team";gap:18px;width:min(100%,1340px);margin:0 auto;padding:20px 16px 28px}.my888-earn__header{grid-area:header;display:flex;justify-content:space-between;align-items:center;gap:20px;padding:4px 0 6px}.my888-earn__eyebrow{margin:0;font-size:11px;letter-spacing:.08em}.my888-earn__eyebrow,.my888-earn__title{color:var(--theme-text-main);font-weight:800}.my888-earn__title{margin:7px 0;font-size:clamp(24px,2vw,30px);line-height:1.2}.my888-earn__invite-intro,.my888-earn__subtitle{max-width:660px;margin:0;color:var(--theme-text-muted);font-size:13px;line-height:1.6}.my888-earn__invite-intro{margin-bottom:20px}.my888-earn__support{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:42px;padding:9px 14px;border:1px solid var(--theme-card-border);border-radius:8px;color:var(--theme-text-main);background:var(--theme-card-bg);font-size:13px;font-weight:700;text-decoration:none;flex-shrink:0}.my888-earn__board,.my888-earn__invite,.my888-earn__team,.my888-earn__tiers{min-width:0;padding:20px;border:1px solid var(--theme-card-border);border-radius:12px;background:var(--theme-card-bg)}.my888-earn__board{grid-area:board}.my888-earn__invite{grid-area:invite}.my888-earn__tiers{grid-area:tiers;align-self:start}.my888-earn__team{grid-area:team}.my888-earn__kpis{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.my888-earn__kpis>div{min-width:0}.my888-earn__kpis p{margin:0;color:var(--theme-text-muted);font-size:12px;line-height:1.5}.my888-earn__kpis strong{display:block;margin-top:5px;color:var(--theme-text-main);font-size:clamp(20px,1.8vw,27px);font-weight:800;overflow-wrap:anywhere;font-variant-numeric:tabular-nums}.my888-earn__kpis small{display:block;margin-top:4px;color:var(--theme-text-muted);font-size:11px;line-height:1.4}.my888-earn__board-actions{display:flex;align-items:center;flex-wrap:wrap;gap:12px 20px;margin-top:18px;padding-top:16px;border-top:1px solid var(--theme-card-border)}.my888-earn__claim,.my888-earn__copy-pill,.my888-earn__login-hint{appearance:none;display:inline-flex;align-items:center;justify-content:center;gap:8px;width:fit-content;min-height:42px;margin:0;padding:10px 14px;font-size:13px;cursor:pointer}.my888-earn__copy-pill{font-size:12px;flex-shrink:0}.my888-earn__login-hint{margin-top:12px}.my888-earn__minimum{margin:0;color:var(--theme-text-muted);font-size:12px}.my888-earn__section-title{margin:0 0 12px;color:var(--theme-text-main);font-size:17px;font-weight:800;line-height:1.4}.my888-earn__invite-toolbox{display:grid;grid-template-columns:minmax(0,1fr) 138px;align-items:center;gap:20px}.my888-earn__code-row>div,.my888-earn__invitation-details{min-width:0}.my888-earn__code-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px}.my888-earn__code-row p,.my888-earn__link-box>span{margin:0;color:var(--theme-text-muted);font-size:12px}.my888-earn__code-row strong{display:block;margin-top:5px;color:var(--theme-text-main);font-size:22px;letter-spacing:.02em;overflow-wrap:anywhere}.my888-earn__link-box{display:grid;gap:7px}.my888-earn__link-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px}.my888-earn__link-row input{min-width:0;min-height:42px;padding:9px 12px;border:1px solid var(--theme-card-border);border-radius:7px;background:var(--theme-card-bg-soft);color:var(--theme-text-main);font-size:12px}.my888-earn__link-row input::placeholder{color:var(--theme-text-muted);opacity:1}.my888-earn__link-row button{min-width:0;min-height:42px;padding:9px 12px;font-size:12px;cursor:pointer;white-space:nowrap}.my888-earn__qr{justify-self:end}.my888-earn__qr-frame{display:grid;place-items:center;width:138px;height:138px;border:1px solid var(--theme-card-border);border-radius:8px;overflow:hidden;background:var(--theme-card-bg-soft)}.my888-earn__qr-frame img{display:block;width:100%;height:100%;object-fit:contain}.my888-earn__qr-empty{display:grid;justify-items:center;gap:8px;padding:12px;color:var(--theme-text-muted);font-size:12px;line-height:1.5;text-align:center}.my888-earn-share{display:grid;gap:14px;margin-top:20px;padding-top:18px;border-top:1px solid var(--theme-card-border)}.my888-earn-share__head{display:flex;align-items:center;justify-content:space-between;gap:12px;color:var(--theme-text-main)}.my888-earn-share__head>div{display:grid;gap:3px}.my888-earn-share__head span{color:var(--theme-text-muted);font-size:10px;letter-spacing:.06em}.my888-earn-share__head strong{color:var(--theme-text-main);font-size:14px}.my888-earn-share__channels{display:grid;grid-template-columns:repeat(auto-fit,minmax(78px,1fr));gap:8px}.my888-earn-share__channels button{display:grid;min-height:66px;place-items:center;align-content:center;gap:7px;border:1px solid var(--theme-card-border);border-radius:8px;background:var(--theme-card-bg-soft);color:var(--theme-text-main);font:inherit;cursor:pointer}.my888-earn-share__channels button span{font-size:11px;font-weight:700}.my888-earn-share__channels .app-share-channel-brand-img,.my888-earn-share__channels .app-share-channel-brand-svg{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:6px;object-fit:contain}.my888-earn-share__channels .app-share-channel-brand-svg svg{width:24px;height:24px}.my888-earn-share__message,.my888-earn__msg{margin:10px 0 0;color:var(--theme-text-main);font-size:12px;line-height:1.5}.my888-earn__invite-reward,.my888-earn__settle-note,.my888-earn__tier-intro{margin:0 0 16px;color:var(--theme-text-muted);font-size:13px;line-height:1.6}.my888-earn__tier-list{display:grid;margin:4px 0 18px}.my888-earn__tier-card{display:grid;grid-template-columns:32px minmax(0,1fr);gap:6px 12px;align-items:baseline;padding:14px 0;border-bottom:1px solid var(--theme-card-border);font-size:13px}.my888-earn__tier-card strong{grid-row:span 2;color:var(--theme-text-main)}.my888-earn__tier-card span,.my888-earn__tier-card strong{color:var(--theme-text-main)}.my888-earn__settle-note{padding-top:16px;margin-bottom:0;border-top:1px solid var(--theme-card-border)}.my888-earn__team-tabs{display:flex;gap:20px;margin-bottom:14px;border-bottom:1px solid var(--theme-card-border)}.my888-earn__team-tabs button{appearance:none;display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:44px;padding:10px 0;border:0;border-bottom:2px solid transparent;background:transparent;color:var(--theme-text-muted);font-size:13px;font-weight:700;cursor:pointer}.my888-earn__team-tabs button.is-active{border-bottom-color:var(--m8-earn-accent);color:var(--theme-text-main)}.my888-earn__list{display:grid;list-style:none;padding:0;margin:0}.my888-earn__list li{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px;padding:14px 0;border-bottom:1px solid var(--theme-card-border)}.my888-earn__list li:last-child{border-bottom:0}.my888-earn__list strong{display:block;color:var(--theme-text-main);font-size:13px}.my888-earn__list span{display:block;margin-top:4px;color:var(--theme-text-muted);font-size:12px;line-height:1.5}.my888-earn__list em{color:var(--theme-text-main);font-size:13px;font-weight:700;font-style:normal}.my888-earn__empty{padding:30px 16px;color:var(--theme-text-muted);font-size:13px;line-height:1.6;text-align:center}.my888-earn__feedback{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin:12px 0;color:var(--theme-text-main);font-size:13px;line-height:1.5}.my888-earn__feedback button{min-height:36px;padding:7px 12px;border:1px solid var(--theme-card-border);border-radius:6px;background:var(--theme-card-bg-soft);color:var(--theme-text-main);font:inherit;cursor:pointer}.my888-earn :is(button,a,input):focus-visible{outline:3px solid var(--m8-earn-accent);outline-offset:3px}.my888-earn .my888-btn-primary{background:var(--theme-register-button-bg)!important;color:var(--theme-register-button-text)!important;border-color:var(--theme-register-button-bg)!important;box-shadow:none!important;border-radius:8px!important}.my888-earn .my888-btn-secondary{background:var(--theme-card-bg)!important;color:var(--theme-text-main)!important;border-color:var(--theme-card-border)!important;box-shadow:none!important;border-radius:8px!important}.my888-earn button:disabled{cursor:not-allowed}.my888-earn .my888-btn-primary:disabled,.my888-earn .my888-btn-secondary:disabled,.my888-earn-share__channels button:disabled{opacity:1!important;color:var(--theme-text-muted)!important;background:var(--theme-card-bg-soft)!important;border-color:var(--theme-card-border)!important}.my888-earn__spin{animation:my888-earn-spin .9s linear infinite}@keyframes my888-earn-spin{to{transform:rotate(1turn)}}@media (min-width:768px){.my888-earn__main{padding:28px}.my888-earn__kpis{grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}.my888-earn__kpis>div+div{padding-left:20px;border-left:1px solid var(--theme-card-border)}}@media (min-width:1200px){.my888-earn__main{grid-template-columns:minmax(0,1fr) minmax(300px,350px);grid-template-areas:"header header" "board board" "invite tiers" "team tiers";align-items:start}}@media (max-width:767px){.my888-earn__header{align-items:flex-start;flex-direction:column;gap:12px}.my888-earn__support{border:0;padding:0;background:transparent}.my888-earn__board,.my888-earn__invite,.my888-earn__team,.my888-earn__tiers{padding:16px}.my888-earn__invite-toolbox{grid-template-columns:minmax(0,1fr);gap:18px}.my888-earn__qr{justify-self:center}.my888-earn__qr-frame{width:160px;height:160px}.my888-earn-share__channels{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.my888-earn-share__channels button span{font-size:10px}.my888-earn__team-tabs{gap:16px}}@media (prefers-reduced-motion:reduce){.my888-earn__spin{animation:none}}