.reward-overlay{opacity:0;visibility:hidden;z-index:1000;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background-color:#0000004d;width:100vw;height:100vh;transition:opacity .6s ease-in-out,visibility .6s ease-in-out;position:fixed;top:0;left:0}.reward-overlay.open{opacity:1;visibility:visible}.reward-drawer{z-index:1001;scrollbar-width:none;background-color:#fcfaf8;flex-direction:column;width:360px;max-width:100vw;height:100vh;transition:right .7s cubic-bezier(.16,1,.3,1);display:flex;position:fixed;top:0;right:-400px;overflow-y:auto;box-shadow:-10px 0 30px #0000001a}.reward-drawer::-webkit-scrollbar{display:none}.reward-drawer.open{right:0}.reward-bg-rings{z-index:0;pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0;overflow:hidden}.reward-bg-rings .reward-bg-circle{box-sizing:border-box;background:0 0;border-radius:50%;position:absolute}.reward-bg-rings .reward-bg-circle-pink{width:250px;height:250px;top:-50px;left:-80px;border:18px solid #e91e630d!important}.reward-bg-rings .reward-bg-circle-purple{width:160px;height:160px;top:100px;right:-50px;border:15px solid #9c27b00d!important}.reward-bg-rings .reward-bg-circle-green{width:220px;height:220px;bottom:80px;left:-60px;border:20px solid #4caf500a!important}.reward-bg-rings .reward-bg-circle-orange{width:300px;height:300px;bottom:-100px;right:-100px;border:25px solid #ff98000a!important}.reward-content{z-index:1;flex-direction:column;height:100%;display:flex;position:relative}.reward-header{border-bottom:1px solid #0000000d;flex-direction:row;align-items:center;padding:18px 16px 14px;display:flex}.reward-close-btn{cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;margin-right:12px;padding:8px;transition:background-color .3s,transform .3s;display:flex}.reward-close-btn:hover{background-color:#f8f8f8;transform:rotate(90deg)}.reward-header-title{color:#333;margin:0;font-size:16px;font-weight:700}.reward-body-container{flex-direction:column;flex-grow:1;gap:24px;padding:0 16px 130px;display:flex;overflow-y:auto}.reward-section{flex-direction:column;gap:12px;display:flex}.reward-section-header{justify-content:space-between;align-items:center;display:flex}.reward-section-title{color:#333;margin:0;font-size:14px;font-weight:700}.reward-view-all{color:var(--primary);cursor:pointer;background:0 0;border:none;padding:0;font-size:10px;font-weight:700}.reward-offers-list{flex-direction:column;gap:12px;display:flex}.reward-offers-list::-webkit-scrollbar{display:none}.reward-offer-card{background-color:#fff;border:1px solid #00000005;border-left-width:3px;border-radius:8px;align-items:center;gap:12px;padding:12px;display:flex;box-shadow:0 2px 8px #00000008}.reward-offer-icon{background-color:#fff0f5;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.reward-offer-card:first-child .reward-offer-icon{background-color:#fff0f5}.reward-offer-card:first-child{border-left-color:var(--primary)}.reward-offer-card:first-child .reward-offer-validity{color:var(--primary)}.reward-offer-card:nth-child(2) .reward-offer-icon{background-color:#f3e5f5}.reward-offer-card:nth-child(2){border-left-color:#673ab7}.reward-offer-card:nth-child(2) .reward-offer-validity{color:#777}.reward-offer-card:nth-child(3) .reward-offer-icon{background-color:#fff3e0}.reward-offer-card:nth-child(3){border-left-color:#ff9800}.reward-offer-card:nth-child(3) .reward-offer-validity{color:var(--primary)}.reward-offer-info{flex-direction:column;flex-grow:1;gap:3px;display:flex}.reward-offer-tag{color:#666;text-transform:uppercase;background-color:#f5f5f5;border-radius:4px;align-items:center;gap:4px;width:fit-content;padding:3px 6px;font-size:8px;font-weight:700;display:inline-flex}.reward-offer-card:first-child .reward-offer-tag{color:#558b2f;background-color:#f1f8e9}.reward-offer-card:nth-child(2) .reward-offer-tag{color:var(--primary);background-color:#fce4ec}.reward-offer-title{color:#333;font-size:13px;font-weight:700}.reward-offer-desc{color:#777;font-size:10px}.reward-offer-validity{margin-top:2px;font-size:9px;font-weight:600}.reward-offer-arrow{border:1px solid #eee;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;display:flex}.reward-milestone-list{background-color:#fff;border-radius:12px;flex-direction:column;gap:0;padding:16px;display:flex;box-shadow:0 2px 10px #00000008}.reward-milestone-item{gap:16px;padding-bottom:24px;display:flex;position:relative}.reward-milestone-item:last-child{padding-bottom:0}.reward-milestone-line{z-index:1;background-color:#f0f0f0;width:1px;position:absolute;top:14px;bottom:0;left:6px}.reward-milestone-item.active .reward-milestone-line{background-color:#f8bbd0}.reward-milestone-icon-wrapper{z-index:2;margin-top:2px;position:relative}.reward-milestone-dot-active{border:3px solid var(--primary);background-color:#fff;border-radius:50%;justify-content:center;align-items:center;width:13px;height:13px;display:flex}.reward-milestone-dot-inner{background-color:var(--primary);border-radius:50%;width:5px;height:5px}.reward-milestone-dot-locked{color:#ccc;justify-content:center;align-items:center;width:13px;height:13px;display:flex}.reward-milestone-info{flex-direction:column;flex-grow:1;gap:4px;display:flex}.reward-milestone-item.locked .reward-milestone-title,.reward-milestone-item.locked .reward-milestone-desc{color:#aaa}.reward-milestone-title-row{align-items:center;gap:6px;display:flex}.reward-milestone-title{color:#333;font-size:12px;font-weight:700}.reward-milestone-check{margin-bottom:1px}.reward-milestone-tag{color:#777;background-color:#f5f5f5;border-radius:10px;padding:2px 6px;font-size:9px;font-weight:600}.reward-milestone-desc{color:#666;font-size:10px;line-height:1.4}.reward-bottom-fixed{z-index:10;background-color:#fcfaf8;border-top:1px solid #0000000d;flex-direction:column;gap:12px;padding:16px;display:flex;position:absolute;bottom:0;left:0;right:0}.reward-refer-banner{align-items:center;gap:12px;padding:0 4px;display:flex}.reward-refer-icon{background-color:#fce4ec;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.reward-refer-info{flex-direction:column;gap:2px;display:flex}.reward-refer-title{color:#333;font-size:12px;font-weight:700}.reward-refer-desc{color:#666;font-size:10px;font-weight:500}.reward-invite-btn{background:linear-gradient(135deg, var(--primary) 0%, #b4004e 100%);color:#fff;cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;gap:8px;width:100%;padding:12px 20px;font-size:13px;font-weight:600;transition:transform .2s,box-shadow .2s;display:flex;box-shadow:0 4px 12px #d81b6040}.reward-invite-btn:hover{transform:translateY(-2px);box-shadow:0 6px 16px #d81b6059}
.refer-overlay{opacity:0;visibility:hidden;z-index:1000;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background-color:#0000004d;width:100vw;height:100vh;transition:opacity .6s ease-in-out,visibility .6s ease-in-out;position:fixed;top:0;left:0}.refer-overlay.open{opacity:1;visibility:visible}.refer-drawer{z-index:1001;scrollbar-width:none;background-color:#fcfaf8;flex-direction:column;width:360px;max-width:100vw;height:100vh;transition:right .7s cubic-bezier(.16,1,.3,1);display:flex;position:fixed;top:0;right:-400px;overflow-y:auto;box-shadow:-10px 0 30px #0000001a}.refer-drawer::-webkit-scrollbar{display:none}.refer-drawer.open{right:0}.refer-content{z-index:1;flex-direction:column;height:100%;display:flex;position:relative}.refer-header{border-bottom:1px solid #0000000d;flex-direction:row;align-items:center;padding:18px 24px 14px;display:flex}.refer-close-btn{cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;margin-left:-8px;margin-right:12px;padding:8px;transition:background-color .3s,transform .3s;display:flex}.refer-close-btn:hover{background-color:#f8f8f8;transform:rotate(90deg)}.refer-header-title{color:#333;margin:0;font-size:18px;font-weight:700}.refer-body-container{scrollbar-width:none;-ms-overflow-style:none;flex-direction:column;flex-grow:1;padding:0 24px 80px;display:flex;overflow-y:auto}.refer-body-container::-webkit-scrollbar{display:none}.refer-illustration-card{background-color:#d81b600d;border-radius:30px;justify-content:center;align-items:center;width:100%;height:160px;margin-top:10px;display:flex;position:relative;overflow:hidden}.refer-star-icon{opacity:.3;position:absolute;top:-10px;right:-10px}.refer-gift-icon{opacity:.15;position:absolute;bottom:-10px;left:-10px}.refer-illustration-content{z-index:2;flex-direction:column;align-items:center;display:flex}.refer-win-badge{color:var(--primary);letter-spacing:1px;background-color:#fff;border-radius:15px;margin-top:12px;padding:6px 14px;font-size:11px;font-weight:900;box-shadow:0 4px 10px #0000000d}.refer-title-container{text-align:center;flex-direction:column;align-items:center;gap:8px;margin:16px 0;display:flex}.refer-main-title{color:#333;margin:0;font-size:20px;font-weight:900}.refer-main-subtitle{color:#666;margin:0;font-size:13px;line-height:1.4}.refer-code-section-new{flex-direction:column;align-items:center;gap:16px;margin-bottom:24px;display:flex}.refer-code-label{color:#888;letter-spacing:1px;font-size:11px;font-weight:700}.refer-code-box-new{border:2px solid var(--primary);background-color:#f9f9f9;border-radius:20px;align-items:center;gap:20px;padding:14px 20px;display:flex}.refer-code-text-new{color:#333;letter-spacing:1.5px;font-size:18px;font-weight:900}.refer-copy-btn-new{color:var(--primary);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:4px;transition:transform .2s;display:flex}.refer-copy-btn-new:hover{transform:scale(1.1)}.refer-milestones-section{flex-direction:column;gap:12px;display:flex}.refer-milestones-title{color:#333;margin:0 0 4px;font-size:16px;font-weight:700}.refer-milestone-slab{border-radius:15px;justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.refer-milestone-left{align-items:center;gap:16px;display:flex}.refer-milestone-icon{border-radius:4px;justify-content:center;align-items:center;width:28px;height:28px;font-size:16px;font-weight:900;display:flex}.refer-milestone-text{color:#333;font-size:13px;font-weight:600}.refer-milestone-reward{font-size:14px;font-weight:900}.refer-milestone-green{background-color:#4caf500d;border:1px solid #4caf5033}.green-icon{color:#fff;background-color:#4caf50}.green-text{color:#4caf50}.refer-milestone-orange{background-color:#ff98000d;border:1px solid #ff980033}.orange-icon{color:#fff;background-color:#ff9800}.orange-text{color:#ff9800}.refer-bottom-fixed-new{z-index:10;background-color:#fcfaf8;flex-direction:column;padding:8px 24px 16px;display:flex;position:absolute;bottom:0;left:0;right:0}.refer-share-friends-btn{background-color:var(--primary);color:#fff;cursor:pointer;border:none;border-radius:20px;justify-content:center;align-items:center;width:100%;height:60px;font-size:16px;font-weight:700;transition:opacity .2s;display:flex}.refer-share-friends-btn:hover{opacity:.9}.refer-tc-text{color:#999;text-align:center;margin-top:12px;font-size:12px}