:root{--royal-blue: #001a4d;--gold: #FFC20B;font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}*{margin:0;padding:0;box-sizing:border-box;scrollbar-width:none;-ms-overflow-style:none}*::-webkit-scrollbar{display:none}body{margin:0;min-width:100vw;min-height:100vh;overflow-x:hidden;overflow-y:auto;scroll-behavior:smooth}.app-container{width:100vw;min-height:100vh;background:linear-gradient(135deg,#001a4d,#002d8f,#013);position:relative;display:flex;align-items:flex-start;justify-content:center;padding-top:clamp(60px,10vw,80px);padding-bottom:clamp(60px,10vw,80px);overflow-x:hidden;overflow-y:auto}.app-container:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 20%,rgba(255,194,11,.05) 2px,transparent 2px),radial-gradient(circle at 80% 40%,rgba(255,194,11,.04) 1.5px,transparent 1.5px),radial-gradient(circle at 40% 80%,rgba(255,194,11,.06) 2.5px,transparent 2.5px),radial-gradient(circle at 60% 20%,rgba(255,194,11,.03) 1px,transparent 1px),linear-gradient(rgba(255,194,11,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,194,11,.03) 1px,transparent 1px),linear-gradient(45deg,transparent 40%,rgba(255,194,11,.02) 50%,transparent 60%),linear-gradient(-45deg,transparent 40%,rgba(255,194,11,.015) 50%,transparent 60%);background-size:50px 50px,70px 70px,60px 60px,80px 80px,30px 30px,30px 30px,100px 100px,100px 100px;background-position:0 0,25px 25px,50px 50px,75px 75px,0 0,0 0,0 0,0 0;pointer-events:none;animation:backgroundFloat 20s ease-in-out infinite}.app-container:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 15% 15%,rgba(255,194,11,.04) 3px,transparent 3px),radial-gradient(circle at 85% 25%,rgba(255,194,11,.03) 2px,transparent 2px),radial-gradient(circle at 35% 75%,rgba(255,194,11,.05) 4px,transparent 4px),radial-gradient(circle at 95% 85%,rgba(255,194,11,.02) 1.5px,transparent 1.5px),radial-gradient(circle at 5% 95%,rgba(255,194,11,.03) 2.5px,transparent 2.5px),linear-gradient(30deg,transparent 35%,rgba(255,194,11,.02) 50%,transparent 65%),linear-gradient(-30deg,transparent 35%,rgba(255,194,11,.015) 50%,transparent 65%),linear-gradient(90deg,transparent 48%,rgba(255,194,11,.01) 50%,transparent 52%),linear-gradient(0deg,transparent 48%,rgba(255,194,11,.01) 50%,transparent 52%);background-size:120px 120px,100px 100px,140px 140px,80px 80px,160px 160px,80px 80px,80px 80px,60px 60px,60px 60px;background-position:0 0,60px 60px,120px 120px,180px 180px,240px 240px,0 0,0 0,0 0,0 0;pointer-events:none;animation:backgroundFloat 25s ease-in-out infinite reverse}.wallet-address-container{display:flex;align-items:center;gap:clamp(4px,1vw,6px)}.wallet-icon-small{width:clamp(12px,2.5vw,14px);height:clamp(12px,2.5vw,14px);filter:brightness(0) saturate(100%) invert(1) sepia(1) saturate(5) hue-rotate(45deg);opacity:.8;transition:opacity .2s ease}.wallet-address-container:hover .wallet-icon-small{opacity:1}.token-ticker{position:fixed;top:55px;left:0;right:0;z-index:1;background:#00143c14;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);border-bottom:1px solid rgba(255,194,11,.2);overflow:hidden}.ticker-content{display:flex;align-items:baseline;gap:clamp(15px,3vw,25px);padding:clamp(6px,1.5vw,8px) 2vw;animation:tickerScroll 45s linear infinite;white-space:nowrap}.ticker-emoji{font-size:clamp(16px,3.5vw,20px)}.ticker-label{color:#ffffffb3;font-size:clamp(14px,3vw,16px);font-weight:500}.ticker-value{color:var(--gold);font-size:clamp(14px,3vw,16px);font-weight:600;font-family:Courier New,monospace}.ticker-value.token-name{color:#fff;font-weight:700}.ticker-value.positive{color:#0f8}.ticker-value.negative{color:#f44}.ticker-value.price{color:var(--gold)}.ticker-value.market-cap{color:#87ceeb}.ticker-value.volume{color:orange}.ticker-value.trades{color:#ff69b4}.ticker-quote{color:#fffc;font-size:clamp(12px,2.5vw,14px);font-weight:700;font-style:italic;margin-left:20px}@keyframes tickerScroll{0%{transform:translate(100%)}to{transform:translate(-1000%)}}.app-container.dark-mode .token-ticker{background:#0000001a;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);border-bottom:1px solid rgba(255,194,11,.2)}.header{position:fixed;top:0;left:0;right:0;z-index:1000;background:linear-gradient(135deg,#00143cfa,#000f28f2 30%,#ffc20b4d);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:clamp(1px,.2vw,2px) solid rgba(255,194,11,.4);box-shadow:0 clamp(2px,.5vw,4px) clamp(15px,3vw,30px) #0000004d,0 clamp(4px,1vw,8px) clamp(20px,4vw,40px) #0003,0 clamp(6px,1.5vw,12px) clamp(25px,5vw,50px) #0000001a;overflow:hidden}.header-content{width:100%;padding:0 clamp(16px,4vw,24px);display:flex;justify-content:space-between;align-items:center;height:clamp(60px,8vh,80px);max-width:100vw;margin:0 auto;position:relative;z-index:2}.logo{display:flex;align-items:center;flex-shrink:0}.thank-you-icon{display:flex;align-items:center;justify-content:center;color:var(--gold);transition:all .3s ease;border:clamp(2px,.4vw,3px) solid var(--gold);border-radius:50%;padding:clamp(6px,1.5vw,8px);box-shadow:0 0 clamp(15px,3vw,30px) #ffc20bcc,0 0 clamp(30px,6vw,60px) #ffc20b99,0 0 clamp(45px,9vw,90px) #ffc20b66,inset 0 0 clamp(15px,3vw,30px) #ffc20b33;background:linear-gradient(135deg,#ffc20b1a,#ffc20b0d)}.thank-you-icon:hover{transform:scale(1.1) rotate(5deg);color:#fff;border-color:#fff;box-shadow:0 0 40px #ffc20b,0 0 80px #ffc20bcc,0 0 120px #ffc20b99,inset 0 0 40px #ffc20b4d;background:linear-gradient(135deg,#ffc20b33,#ffc20b1a)}.logo-image{width:clamp(150px,25vw,200px);height:clamp(150px,25vw,200px);object-fit:contain;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3));transition:all .3s ease}.nav{display:flex;gap:clamp(8px,2vw,16px);align-items:center}.nav-button{background:transparent;border:clamp(1px,.2vw,2px) solid var(--gold);color:var(--gold);padding:clamp(6px,1.5vw,10px) clamp(12px,3vw,18px);border-radius:clamp(10px,2vw,20px);font-size:clamp(12px,2.5vw,14px);font-weight:500;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:clamp(.3px,.1vw,.5px);white-space:nowrap}.nav-button:hover{background:transparent;color:var(--gold);transform:none}.user-section{display:flex;align-items:center;flex-shrink:0}.floating-user-card{position:relative;background:transparent;border:none;border-radius:0;padding:0;-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:none;transition:none;transform:none}.floating-user-card:hover{transform:none;box-shadow:none;background:transparent}.user-info{display:flex;flex-direction:row;align-items:center;gap:clamp(8px,2vw,12px);padding:0;border-radius:0;background:transparent;border:none;transition:all .3s ease;cursor:default}.user-details{display:flex;flex-direction:column;align-items:flex-start;gap:clamp(2px,.5vw,4px);min-width:0}.display-name{font-size:clamp(18px,4vw,22px);font-weight:600;color:#fff;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:clamp(120px,25vw,160px)}.username{font-size:clamp(14px,3vw,16px);color:#fffc;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:clamp(120px,25vw,160px)}.user-avatar{width:clamp(80px,16vw,100px);height:clamp(80px,16vw,100px);border-radius:50%;overflow:hidden;border:clamp(3px,.6vw,4px) solid var(--gold);box-shadow:0 0 clamp(15px,3vw,20px) #ffc20b66,0 0 clamp(30px,6vw,40px) #ffc20b33;display:flex;align-items:center;justify-content:center;background:transparent;transition:all .4s ease}@keyframes avatar-glow{0%{box-shadow:0 6px 20px #0006,0 0 0 2px #ffc20b4d,inset 0 1px #fff3}to{box-shadow:0 6px 20px #0006,0 0 0 2px #ffc20b80,0 0 20px #ffc20b4d,inset 0 1px #fff3}}.user-avatar img{width:100%;height:100%;object-fit:cover;border-radius:50%}.avatar-placeholder{font-size:clamp(16px,3vw,20px);color:var(--gold)}.user-actions{display:flex;align-items:center;gap:clamp(6px,1.5vw,8px);margin-left:12px;padding-left:12px;border-left:1px solid rgba(255,194,11,.3)}.action-btn{width:clamp(28px,5vw,32px);height:clamp(28px,5vw,32px);border-radius:clamp(6px,1.5vw,8px);background:#ffc20b1a;border:1px solid rgba(255,194,11,.2);color:var(--gold);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.action-btn:hover{background:#ffc20b33;border-color:var(--gold);transform:translateY(-1px);box-shadow:0 4px 12px #ffc20b4d}.glow-btn{animation:glow 3s ease-in-out infinite alternate}@keyframes glow{0%{box-shadow:0 0 5px #ffc20b4d}to{box-shadow:0 0 20px #ffc20b99,0 0 30px #ffc20b66}}@media (max-width: 375px){.header-content{padding:0 clamp(12px,3vw,16px);height:clamp(50px,6vh,60px)}.logo-image{width:clamp(80px,18vw,100px);height:clamp(80px,18vw,100px)}.user-avatar{width:clamp(30px,7vw,40px);height:clamp(30px,7vw,40px)}.display-name{font-size:clamp(11px,3vw,13px);max-width:clamp(80px,20vw,100px)}.username{font-size:clamp(9px,2.5vw,11px);max-width:clamp(80px,20vw,100px)}.main-content{padding:clamp(8px,2vw,12px)}.app-container{padding-top:clamp(60px,7vh,70px);padding-bottom:clamp(70px,8vh,80px)}.footer-content{padding:0 clamp(12px,3vw,16px);height:clamp(55px,6vh,65px)}.footer-btn{min-width:clamp(35px,7vw,45px);max-width:clamp(50px,10vw,60px);padding:clamp(4px,1vw,8px) clamp(6px,1.5vw,10px)}.footer-btn span{font-size:clamp(7px,1.6vw,9px)}.footer-btn svg{width:clamp(18px,4vw,22px);height:clamp(18px,4vw,22px)}.center-circle{width:clamp(70px,12vw,85px);height:clamp(70px,12vw,85px)}.center-logo{width:clamp(45px,8vw,55px);height:clamp(45px,8vw,55px)}.action-btn{min-width:100%;max-width:100%;padding:clamp(8px,2vw,12px) clamp(10px,2.5vw,14px);font-size:clamp(11px,2.8vw,13px)}}@media (max-width: 768px){.header-content{padding:0 clamp(14px,3.5vw,18px);height:clamp(55px,7vh,65px)}.floating-user-card{padding:clamp(6px,1.5vw,10px) clamp(10px,2.5vw,14px)}.user-info{display:flex;flex-direction:row;align-items:center;gap:clamp(6px,1.5vw,10px)}.user-details{display:flex;flex-direction:column;align-items:flex-start;gap:clamp(1px,.3vw,2px)}.display-name{font-size:clamp(13px,3.5vw,15px);max-width:clamp(100px,22vw,120px)}.username{font-size:clamp(10px,2.8vw,12px);max-width:clamp(100px,22vw,120px)}.user-avatar{width:clamp(45px,10vw,55px);height:clamp(45px,10vw,55px);border:clamp(2px,.4vw,3px) solid var(--gold);box-shadow:0 0 clamp(10px,2vw,15px) #ffc20b66,0 0 clamp(20px,4vw,30px) #ffc20b33}.user-actions{display:none}.logo-image{width:clamp(100px,22vw,120px);height:clamp(100px,22vw,120px)}.main-content{padding:clamp(28px,5vw,32px) clamp(12px,3vw,16px)}.app-container{padding-top:clamp(65px,7vh,75px);padding-bottom:clamp(75px,8vh,85px)}.action-buttons-row{flex-direction:column;gap:clamp(6px,1.5vw,10px)}.action-btn{min-width:100%;max-width:100%;padding:clamp(10px,2.5vw,14px) clamp(12px,3vw,16px)}.gratitude-subtitle{padding:clamp(8px,2vw,12px) clamp(12px,2.5vw,18px);margin:clamp(8px,2vw,12px) 0 clamp(12px,2.5vw,18px) 0;gap:clamp(6px,1.2vw,8px);border-radius:clamp(8px,2vw,12px)}.gratitude-text{font-size:clamp(14px,3vw,20px);letter-spacing:clamp(.3px,.08vw,.5px)}.gratitude-separator{font-size:clamp(14px,3vw,20px)}.gratitude-message{font-size:clamp(12px,2.5vw,16px);letter-spacing:clamp(.2px,.05vw,.3px)}}.footer{position:fixed;bottom:0;left:0;right:0;z-index:1000;background:linear-gradient(135deg,#00143cfa,#000f28f2 30%,#ffc20b4d);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-top:clamp(1px,.2vw,2px) solid rgba(255,194,11,.4);box-shadow:0 clamp(-2px,-.5vw,-4px) clamp(15px,3vw,30px) #0000004d,0 clamp(-4px,-1vw,-8px) clamp(20px,4vw,40px) #0003,0 clamp(-6px,-1.5vw,-12px) clamp(25px,5vw,50px) #0000001a;overflow:visible}.footer-content{width:100%;padding:0 clamp(16px,4vw,24px);display:flex;justify-content:center;align-items:center;height:clamp(60px,8vh,80px);max-width:100vw;margin:0 auto;position:relative;z-index:2}.footer-menu{display:flex;align-items:center;justify-content:space-between;width:100%;max-width:80vw;position:relative;padding:0 clamp(12px,3vw,20px)}.footer-left,.footer-right{display:flex;gap:clamp(16px,4vw,32px);align-items:center}.footer-btn{display:flex;flex-direction:column;align-items:center;gap:clamp(3px,.8vw,6px);padding:clamp(6px,1.5vw,12px) clamp(8px,2vw,16px);background:transparent;border:none;color:#ffffffb3;transition:all .3s ease;border-radius:clamp(8px,2vw,16px);cursor:pointer;min-width:clamp(40px,8vw,60px);flex:1;max-width:clamp(60px,12vw,90px);margin-bottom:clamp(15px,3vw,25px)}.footer-btn:hover{color:#ffffffb3;background:transparent;transform:none}.footer-btn.active{color:var(--gold);background:#ffc20b26;box-shadow:0 0 20px #ffc20b4d}.footer-btn span{font-size:clamp(9px,1.8vw,11px);font-weight:500;white-space:nowrap;text-align:center}.footer-btn svg{width:clamp(24px,4.5vw,32px);height:clamp(24px,4.5vw,32px)}.footer-center-circle{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:1001}.center-circle-btn{background:none;border:none;padding:0;cursor:pointer;transition:transform .2s ease}.center-circle-btn:hover{transform:none}.center-circle-btn:active{transform:scale(.95)}.center-circle{width:clamp(80px,15vw,120px);height:clamp(80px,15vw,120px);background:linear-gradient(135deg,gold,orange);border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 32px #ffd70066,0 0 0 4px #ffffff1a,inset 0 2px 4px #ffffff4d;border:2px solid rgba(255,255,255,.2);animation:centerCircleGlow 3s ease-in-out infinite;transform:translateY(-20px)}.center-logo{width:clamp(50px,10vw,70px);height:clamp(50px,10vw,70px);filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}@keyframes centerCircleGlow{0%,to{box-shadow:0 8px 32px #ffd70066,0 0 0 4px #ffffff1a,inset 0 2px 4px #ffffff4d}50%{box-shadow:0 12px 40px #ffd70099,0 0 0 6px #fff3,inset 0 2px 4px #fff6}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.footer-icon{width:clamp(18px,3.5vw,22px);height:clamp(18px,3.5vw,22px);object-fit:contain;filter:brightness(0) invert(1);opacity:.7;transition:all .3s ease}.footer-btn:hover .footer-icon{opacity:.7;filter:brightness(0) invert(1)}.footer-btn.active .footer-icon{opacity:1;filter:brightness(0) invert(1) sepia(1) saturate(5) hue-rotate(45deg)}.main-content{flex:1;padding:clamp(32px,8vw,64px) clamp(16px,4vw,32px);max-width:100vw;margin:0 auto;width:100%;background:linear-gradient(135deg,#ffc20b14,#ffd7000d,#ffc20b08);min-height:80vh;position:relative;overflow-y:auto;overflow-x:hidden}.main-content:before{content:"";position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:clamp(400px,80vw,600px);height:clamp(400px,80vw,600px);background-image:url(/logo2.png);background-size:contain;background-repeat:no-repeat;background-position:center;opacity:.08;filter:blur(3px) drop-shadow(0 0 20px rgba(255,194,11,.3));z-index:0;pointer-events:none}.page-content{background:#ffffff26;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:clamp(12px,2vw,16px);padding:clamp(15px,3vw,20px);border:1px solid rgba(255,194,11,.25);box-shadow:0 4px 20px #0003,inset 0 1px #ffffff26;min-height:auto;position:relative;overflow:hidden}.welcome-section{text-align:center;margin-bottom:clamp(20px,4vw,40px)}.welcome-icon{font-size:clamp(3rem,6vw,4rem);margin-bottom:clamp(12px,2.5vw,20px)}.welcome-section h2{color:var(--gold);font-size:clamp(28px,6vw,36px);font-weight:700;margin-bottom:12px;text-shadow:0 0 20px rgba(255,194,11,.3)}.welcome-subtitle{color:#fffc;font-size:clamp(16px,3vw,20px);font-weight:400;margin:0}.holder-status{display:flex;align-items:center;gap:clamp(12px,2.5vw,20px);margin:0;padding:clamp(12px,3vw,24px);border-radius:clamp(8px,2vw,16px);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:clamp(1px,.2vw,2px) solid rgba(255,194,11,.3);box-shadow:0 clamp(4px,1vw,8px) clamp(16px,3vw,32px) #0000004d,0 0 0 clamp(1px,.2vw,2px) #ffffff1a,inset 0 clamp(1px,.2vw,2px) 0 #fff3;transition:all .3s ease}.verification-checkmark{position:absolute;top:clamp(-40px,-8vw,-50px);right:clamp(-60px,-12vw,-80px);width:clamp(140px,28vw,180px);height:clamp(140px,28vw,180px);background:#fff3;border-radius:50%;display:flex;align-items:center;justify-content:center;border:clamp(8px,1.6vw,12px) solid #ffffff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 clamp(16px,3.2vw,24px) clamp(64px,12.8vw,96px) #0003,0 0 0 clamp(4px,.8vw,6px) #22c55e4d,0 0 clamp(40px,8vw,60px) #22c55e66,inset 0 0 clamp(20px,4vw,30px) #22c55e33}.verification-checkmark:after{content:"";position:absolute;top:50%;left:50%;width:clamp(200px,40vw,300px);height:clamp(200px,40vw,300px);background:radial-gradient(circle,rgba(34,197,94,.4) 0%,rgba(34,197,94,.3) 20%,rgba(34,197,94,.2) 40%,rgba(34,197,94,.1) 60%,rgba(34,197,94,.05) 80%,transparent 100%);border-radius:50%;transform:translate(-50%,-50%);z-index:-1;pointer-events:none;filter:blur(1px)}.checkmark-icon{width:clamp(120px,24vw,160px);height:clamp(120px,24vw,160px);filter:drop-shadow(0 clamp(8px,1.6vw,12px) clamp(16px,3.2vw,24px) rgba(0,0,0,.2))}.rewards-icon{width:clamp(140px,28vw,180px)!important;height:clamp(140px,28vw,180px)!important;filter:drop-shadow(0 clamp(10px,2vw,15px) clamp(20px,4vw,30px) rgba(0,0,0,.3))!important}.verification-checkmark .rewards-icon{width:clamp(150px,30vw,200px)!important;height:clamp(150px,30vw,200px)!important;filter:drop-shadow(0 clamp(12px,2.5vw,18px) clamp(24px,5vw,36px) rgba(0,0,0,.4))!important}img[src="/Rewards.png"]{width:clamp(160px,32vw,220px)!important;height:clamp(160px,32vw,220px)!important;filter:drop-shadow(0 clamp(15px,3vw,20px) clamp(30px,6vw,40px) rgba(0,0,0,.5))!important}.verification-checkmark img[src="/Rewards.png"]{width:clamp(180px,36vw,240px)!important;height:clamp(180px,36vw,240px)!important;filter:drop-shadow(0 clamp(18px,3.5vw,25px) clamp(36px,7vw,50px) rgba(0,0,0,.6))!important;max-width:none!important;max-height:none!important}.verification-logo{position:absolute;top:-30px;left:-45px;width:clamp(80px,16vw,120px);height:clamp(80px,16vw,120px);background:#fff3;border-radius:50%;display:flex;align-items:center;justify-content:center;border:6px solid #ffffff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 12px 48px #0003,0 0 0 3px #ffc20b4d,0 0 0 6px #ffc20b1a;z-index:10}.verification-logo:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:clamp(120px,24vw,200px);height:clamp(120px,24vw,200px);background:radial-gradient(circle,rgba(255,194,11,.4) 0%,rgba(255,194,11,.3) 20%,rgba(255,194,11,.2) 40%,rgba(255,194,11,.1) 60%,rgba(255,194,11,.05) 80%,transparent 100%);border-radius:50%;z-index:-1;filter:blur(1px)}.logo-icon{width:clamp(50px,10vw,72px);height:clamp(50px,10vw,72px);filter:drop-shadow(0 6px 12px rgba(0,0,0,.2))}.holder-status.holder{background:linear-gradient(135deg,#ffc20b26,#ffc20b0d);border-color:#ffc20b80;animation:holderGlow 3s ease-in-out infinite alternate}.holder-status.non-holder{background:#ffffff14;border-color:#fff3}.holder-status:hover{transform:none;box-shadow:0 8px 30px #0000004d,0 0 0 1px #ffffff26,inset 0 1px #ffffff1a}.holder-icon{font-size:3rem;display:flex;align-items:center;justify-content:center;width:clamp(60px,12vw,80px);height:clamp(60px,12vw,80px);border-radius:50%;background:#ffc20b1a;border:2px solid rgba(255,194,11,.3);flex-shrink:0}.holder-status.holder .holder-icon{background:#ffc20b33;border-color:#ffc20b99}.holder-info{flex:1;display:flex;flex-direction:column;gap:clamp(6px,1.5vw,8px)}.clickable-rectangle{cursor:pointer;transition:all .3s ease}.clickable-rectangle:hover{transform:translateY(-3px);box-shadow:0 12px 40px #0003,0 8px 32px #10b9814d}.clickable-rectangle.non-holder:hover{box-shadow:0 12px 40px #0003,0 8px 32px #ffc20b4d}.clickable-rectangle:active{transform:translateY(-1px);transition:all .1s ease}.holder-title{color:#fff;font-size:clamp(20px,4vw,24px);font-weight:700;margin:0;text-shadow:0 2px 4px rgba(0,0,0,.3);display:flex;align-items:center;gap:clamp(6px,1.5vw,8px)}.holder-title-gold{background:linear-gradient(135deg,gold,orange,gold);background-size:200% 200%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:goldShimmer 2s ease-in-out infinite;font-weight:800;text-shadow:0 0 20px rgba(255,215,0,.5)}.balance-number{color:gold;font-size:clamp(1.1em,2.2vw,1.3em);font-weight:800;text-shadow:0 0 clamp(10px,2vw,12px) rgba(255,215,0,.5);background:linear-gradient(135deg,gold,orange,gold);background-size:200% 200%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:goldShimmer 2s ease-in-out infinite;display:inline-block;margin:0;line-height:1}.token-symbol{color:gold;font-size:1em;font-weight:800;line-height:inherit;vertical-align:baseline;text-shadow:0 0 10px rgba(255,215,0,.6);background:linear-gradient(135deg,gold,orange,gold);background-size:200% 200%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:goldShimmer 2s ease-in-out infinite;display:inline-block;margin:0 2px}.balance-logo{width:clamp(28px,5vw,32px);height:clamp(28px,5vw,32px);display:inline-block;filter:drop-shadow(0 0 8px rgba(255,215,0,.4));animation:goldShimmer 2s ease-in-out infinite;vertical-align:baseline}.community-emoji{font-size:clamp(1.2em,2.5vw,1.4em);display:inline-block;filter:drop-shadow(0 0 8px rgba(255,194,11,.4));animation:goldShimmer 2s ease-in-out infinite;vertical-align:baseline;margin-right:clamp(6px,1.5vw,8px)}.stake-amount{color:#fff;font-weight:700;font-size:clamp(1.3em,2.8vw,1.6em)}.holder-description{color:#fffffff2;font-size:clamp(12px,2.2vw,14px);margin:0;line-height:1.5;text-shadow:0 1px 2px rgba(0,0,0,.2)}.holder-description .token-symbol{font-size:clamp(12px,2.2vw,14px)!important;line-height:1.5}.holder-badge{display:inline-flex;align-items:center;gap:clamp(4px,1vw,6px);background:linear-gradient(135deg,#ffc20b33,#ffc20b1a);border:1px solid rgba(255,194,11,.4);border-radius:20px;padding:clamp(4px,1vw,6px) clamp(8px,2vw,12px);margin-top:8px;width:fit-content}.badge-text{color:var(--gold);font-size:clamp(10px,2vw,12px);font-weight:600;text-transform:uppercase;letter-spacing:.5px}.badge-icon{font-size:clamp(10px,2vw,12px);animation:sparkle 2s ease-in-out infinite}@keyframes holderGlow{0%{box-shadow:0 8px 32px #0000004d,0 0 0 1px #ffffff1a,inset 0 1px #fff3,0 0 20px #ffc20b33}to{box-shadow:0 8px 32px #0000004d,0 0 0 1px #ffffff1a,inset 0 1px #fff3,0 0 40px #ffc20b66}}@keyframes sparkle{0%,to{transform:scale(1) rotate(0);opacity:1}50%{transform:scale(1.2) rotate(180deg);opacity:.8}}@keyframes goldShimmer{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.feature-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(clamp(200px,30vw,250px),1fr));gap:clamp(12px,2.5vw,20px);margin-top:clamp(20px,4vw,30px)}.feature-card{background:#ffffff26;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:clamp(8px,2vw,16px);padding:clamp(16px,3vw,24px);text-align:center;border:clamp(1px,.2vw,2px) solid rgba(255,194,11,.25);transition:all .3s ease;position:relative;overflow:hidden;box-shadow:0 clamp(2px,.5vw,4px) clamp(10px,2vw,20px) #0003,inset 0 clamp(1px,.2vw,2px) 0 #ffffff26}.feature-card:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,194,11,.1),transparent);transition:left .5s ease}.feature-card:hover:before{left:100%}.feature-card:hover{transform:translateY(-5px);border-color:#ffc20b66;box-shadow:0 12px 40px #ffc20b33}.feature-icon{font-size:2.5rem;margin-bottom:16px;display:block}.feature-card h3{color:var(--gold);font-size:clamp(18px,4vw,22px);font-weight:600;margin-bottom:8px}.feature-card p{color:#ffffffb3;font-size:clamp(14px,2.5vw,16px);margin:0;line-height:1.5}.stats-header{text-align:center;margin-bottom:clamp(24px,6vw,30px)}.stats-header h2{color:var(--gold);font-size:clamp(24px,5vw,32px);font-weight:700;margin-bottom:8px}.stats-header p{color:#fffc;font-size:clamp(16px,3vw,18px);margin:0}.staking-page{display:flex;flex-direction:column;gap:clamp(15px,3vw,20px);padding:clamp(12px,2.5vw,15px);max-width:clamp(800px,90vw,1000px);margin:0 auto;position:relative;z-index:0}.staking-hero{background:linear-gradient(135deg,#ffc20b40,#ffd70033,#ffc20b26);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:16px;padding:clamp(20px,4vw,25px);border:1px solid rgba(255,194,11,.4);box-shadow:0 8px 25px #0003,0 0 0 1px #ffffff1a,inset 0 1px #fff3;text-align:center;position:relative;overflow:hidden}.staking-hero:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(255,215,0,.1) 0%,transparent 70%);animation:rotate 20s linear infinite}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:.3;transform:scale(1)}50%{opacity:1;transform:scale(1.2)}}@keyframes complexLightPulse{0%,to{opacity:.3;transform:scale(1) rotate(0)}25%{opacity:.6;transform:scale(1.1) rotate(90deg)}50%{opacity:.8;transform:scale(1.2) rotate(180deg)}75%{opacity:.6;transform:scale(1.1) rotate(270deg)}}@keyframes floatingParticles{0%{transform:translateY(0) translate(0);opacity:.3}25%{transform:translateY(-10px) translate(5px);opacity:.6}50%{transform:translateY(-20px) translate(-5px);opacity:.8}75%{transform:translateY(-10px) translate(3px);opacity:.6}to{transform:translateY(0) translate(0);opacity:.3}}.tipped-accounts-section{margin-top:clamp(20px,4vw,24px);padding:20px 10px;background:linear-gradient(135deg,#0006,#14142880),radial-gradient(circle at 30% 20%,rgba(255,215,0,.1) 0%,transparent 50%),radial-gradient(circle at 70% 80%,rgba(255,140,0,.08) 0%,transparent 50%),repeating-linear-gradient(45deg,transparent,transparent 2px,rgba(255,194,11,.08) 2px,rgba(255,194,11,.08) 4px),repeating-linear-gradient(-45deg,transparent,transparent 3px,rgba(255,165,0,.06) 3px,rgba(255,165,0,.06) 6px),repeating-linear-gradient(90deg,transparent,transparent 1px,rgba(255,215,0,.04) 1px,rgba(255,215,0,.04) 2px);border:1px solid rgba(255,194,11,.4);border-radius:16px;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);box-shadow:0 8px 32px #0003,0 0 0 1px #ffc20b1a,inset 0 1px #ffffff1a;position:relative;overflow:hidden}.tipped-accounts-section:before{content:"";position:absolute;top:-100%;left:-100%;width:300%;height:300%;background:radial-gradient(circle at 20% 20%,rgba(255,194,11,.15) 0%,transparent 40%),radial-gradient(circle at 80% 30%,rgba(255,165,0,.12) 0%,transparent 45%),radial-gradient(circle at 30% 80%,rgba(255,215,0,.1) 0%,transparent 50%),radial-gradient(circle at 70% 70%,rgba(255,140,0,.08) 0%,transparent 35%),radial-gradient(circle at 50% 50%,rgba(255,255,255,.04) 0%,transparent 60%);animation:complexLightPulse 8s ease-in-out infinite;pointer-events:none;z-index:0}.tipped-accounts-section:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 10% 20%,rgba(255,194,11,.08) 1px,transparent 1px),radial-gradient(circle at 90% 30%,rgba(255,165,0,.06) 1px,transparent 1px),radial-gradient(circle at 20% 80%,rgba(255,215,0,.05) 1px,transparent 1px),radial-gradient(circle at 80% 70%,rgba(255,140,0,.08) 1px,transparent 1px),radial-gradient(circle at 50% 10%,rgba(255,194,11,.06) 1px,transparent 1px),radial-gradient(circle at 70% 90%,rgba(255,165,0,.05) 1px,transparent 1px);background-size:60px 60px,90px 90px,70px 70px,80px 80px,50px 50px,100px 100px;animation:floatingParticles 10s linear infinite;pointer-events:none;z-index:1}.tipped-accounts-header{text-align:center;margin-bottom:20px;position:relative;z-index:2}.tipped-accounts-title{color:#fff;font-size:1.4rem;font-weight:700;margin:0 0 8px;text-shadow:0 2px 4px rgba(0,0,0,.3)}.tipped-accounts-subtitle{color:#ffffffb3;font-size:.9rem;margin:0;font-weight:400}.tips-tabs{display:flex;gap:8px;margin-top:12px;justify-content:center}.tips-tab{padding:8px 20px;border:1px solid rgba(255,194,11,.3);border-radius:8px;background:#0000004d;color:#ffffffb3;cursor:pointer;transition:all .3s ease;font-size:.9rem;font-weight:500;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.tips-tab:hover{background:#ffc20b1a;border-color:#ffc20b80;color:#ffffffe6}.tips-tab.active{background:linear-gradient(135deg,#ffc20b4d,#ffa50033);border-color:#ffc20b99;color:#fff;font-weight:600;box-shadow:0 2px 8px #ffc20b33}.tipped-accounts-list{display:flex;flex-direction:column;gap:clamp(14px,3vw,16px);position:relative;z-index:2}.tipped-account-item{background:linear-gradient(135deg,#ffc20b40,#ffa50033);border:1px solid rgba(255,194,11,.6);border-radius:clamp(8px,2vw,12px);padding:clamp(8px,2.5vw,12px);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 4px 16px #ffc20b26,0 0 0 1px #ffc20b1a,inset 0 1px #ffffff1a;transition:all .3s ease;position:relative;overflow:hidden;width:100%;box-sizing:border-box}.tipped-account-item.received-tip{background:linear-gradient(135deg,#4caf5040,#388e3c33);border:1px solid rgba(76,175,80,.6);box-shadow:0 4px 16px #4caf5026,0 0 0 1px #4caf501a,inset 0 1px #ffffff1a}.account-info{display:flex;align-items:center;gap:clamp(6px,1.5vw,8px);margin-bottom:clamp(2px,1vw,4px);position:relative;z-index:1;padding-right:clamp(50px,12vw,80px);min-width:0;flex:1}.account-avatar{position:relative;width:clamp(36px,7vw,48px);height:clamp(36px,7vw,48px);border-radius:50%;overflow:hidden;flex-shrink:0;background:linear-gradient(135deg,#ffc20b4d,#ffa50033);border:clamp(1.5px,.4vw,2px) solid rgba(255,194,11,.6);display:flex;align-items:center;justify-content:center}.avatar-image{width:100%;height:100%;object-fit:cover;border-radius:50%}.avatar-fallback{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#ffc20b66,#ffa5004d);color:#fff;font-weight:700;font-size:clamp(.9rem,3vw,1.2rem);text-shadow:0 1px 2px rgba(0,0,0,.3)}.account-details{flex:1;display:flex;flex-direction:column;gap:clamp(1px,.5vw,2px);position:relative;z-index:1;min-width:0;overflow:hidden}.account-name{color:#fff;font-weight:600;font-size:clamp(.7rem,2vw,.9rem);margin-bottom:0;text-shadow:0 1px 2px rgba(0,0,0,.3);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%;line-height:1.3}.account-fid{color:#ffffffb3;font-size:clamp(.6rem,1.8vw,.75rem);font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tip-amount{position:absolute;top:clamp(4px,1.5vw,8px);right:clamp(8px,2.5vw,12px);text-align:right;z-index:1;display:flex;flex-direction:column;align-items:flex-end;align-content:flex-end;max-width:clamp(45%,50%,55%);min-width:clamp(50px,10vw,70px);word-break:break-word;overflow:hidden;flex-shrink:0}.amount-value{color:#fff;font-weight:700;font-size:clamp(.55rem,2vw,.75rem);margin-bottom:clamp(2px,1vw,4px);text-shadow:0 1px 2px rgba(0,0,0,.3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;direction:ltr;line-height:1.2;letter-spacing:.02em;display:flex;align-items:center;justify-content:flex-end;gap:clamp(4px,1vw,6px);background:transparent}.token-symbol{color:#fff!important;font-size:clamp(.4rem,1.5vw,.55rem);font-weight:600;opacity:1;text-shadow:0 1px 2px rgba(0,0,0,.3)}.amount-status{font-size:clamp(.55rem,1.8vw,.75rem);font-weight:600;margin-top:clamp(4px,1vw,6px);display:block;width:100%;text-align:right}.amount-status.success{color:#22c55ee6}.tx-hash-btn{background:linear-gradient(135deg,#ffc20bcc,#ffa500b3);border:1px solid rgba(255,194,11,.9);border-radius:clamp(4px,1.5vw,6px);color:#fff;font-size:clamp(.6rem,2.5vw,.75rem);font-weight:600;padding:clamp(4px,1.2vw,6px) clamp(6px,1.8vw,8px);cursor:pointer;transition:all .2s ease;width:clamp(85px,20vw,100px);text-shadow:0 1px 2px rgba(0,0,0,.3);box-shadow:0 2px 8px #ffc20b4d;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;box-sizing:border-box;display:inline-block;margin-top:clamp(-4px,-1vw,-2px)}.tx-hash-btn:hover{background:linear-gradient(135deg,#ffc20be6,#ffa500cc);transform:translateY(-1px);box-shadow:0 4px 12px #ffc20b66}.account-time{position:absolute;bottom:clamp(16px,4vw,20px);left:clamp(8px,2.5vw,12px);color:#fff9;font-size:clamp(.45rem,1.8vw,.5rem);font-weight:500;z-index:1}.no-tips-message{text-align:center;padding:40px 20px;color:#ffffffb3;position:relative;z-index:2}.no-tips-icon{font-size:3rem;margin-bottom:16px;opacity:.6}.no-tips-text{font-size:1.2rem;font-weight:600;margin-bottom:8px;color:#fffc}.no-tips-subtext{font-size:.9rem;color:#fff9;line-height:1.4}.hero-content{position:relative;z-index:2}.hero-icon{font-size:2.5rem;margin-bottom:12px;filter:drop-shadow(0 2px 4px rgba(255,194,11,.5))}.hero-subtitle{color:#ffffffe6;font-size:clamp(14px,2.5vw,18px);font-weight:500;margin:0}.token-info-card{background:linear-gradient(135deg,#00bfff26,#0096ff1a,#00bfff14),radial-gradient(circle at 20% 80%,rgba(0,191,255,.1) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(0,191,255,.08) 0%,transparent 50%),repeating-linear-gradient(45deg,transparent,transparent 2px,rgba(0,191,255,.05) 2px,rgba(0,191,255,.05) 4px);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border-radius:12px;padding:clamp(15px,3vw,20px);border:1px solid rgba(0,191,255,.4);box-shadow:0 4px 15px #00bfff33,inset 0 1px #ffffff26;margin:0;position:relative;overflow:hidden}.token-info-card:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,transparent 0%,rgba(0,191,255,.1) 50%,transparent 100%),linear-gradient(0deg,transparent 0%,rgba(0,191,255,.08) 50%,transparent 100%);pointer-events:none;z-index:1}.token-info-header{display:flex;align-items:center;gap:clamp(12px,2.5vw,15px);margin-bottom:15px;padding-bottom:12px;border-bottom:1px solid rgba(0,191,255,.3);position:relative;z-index:2}.token-logo{width:clamp(30px,6vw,40px);height:clamp(30px,6vw,40px);object-fit:contain;filter:drop-shadow(0 2px 4px rgba(0,191,255,.4))}.token-basic-info{flex:1}.token-name{color:var(--gold);font-size:clamp(18px,3.5vw,22px);font-weight:700;margin:0 0 4px;text-shadow:0 0 10px rgba(255,194,11,.3)}.token-symbol-row{display:flex;align-items:center;justify-content:space-between;gap:clamp(10px,2vw,12px);flex-wrap:nowrap}.token-info-symbol{color:#fffc;font-size:clamp(14px,2.5vw,16px);font-weight:600;margin:0;background:#ffc20b33;padding:2px 6px;border-radius:4px;display:inline-block}.token-buttons{display:flex;gap:clamp(4px,1vw,6px);flex-wrap:nowrap}.token-btn{background:#00bfff33;color:#ffffffe6;border:1px solid rgba(0,191,255,.4);border-radius:6px;padding:4px 8px;font-size:clamp(10px,1.8vw,12px);font-weight:600;cursor:pointer;transition:all .2s ease;white-space:nowrap;display:flex;align-items:center;gap:4px}.token-btn:hover{background:#00bfff33;border-color:#00bfff66;transform:none}.copy-icon{width:clamp(10px,2vw,12px);height:clamp(10px,2vw,12px);opacity:.8}.token-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(clamp(160px,30vw,180px),1fr));gap:clamp(10px,2.5vw,12px);position:relative;z-index:2}.token-stat{display:flex;justify-content:space-between;align-items:center;gap:clamp(6px,1.5vw,8px);padding:clamp(8px,2vw,12px);background:#0009;border-radius:8px;border:1px solid rgba(0,191,255,.3)}.token-stat .stat-label{color:#ffffffe6;font-size:clamp(11px,2vw,13px);font-weight:600;flex:1}.token-stat .stat-value{color:var(--gold);font-size:clamp(14px,2.5vw,16px);font-weight:800;text-align:right}.token-stat .stat-value .unit-text{color:#fffc;font-size:clamp(11px,2vw,13px);font-weight:600}.user-status-section{margin:0}.status-card{background:linear-gradient(135deg,#ffc20b40,#ffd70033,#ffc20b26),radial-gradient(circle at 20% 80%,rgba(255,194,11,.15) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(255,194,11,.12) 0%,transparent 50%),repeating-linear-gradient(45deg,transparent,transparent 2px,rgba(255,194,11,.08) 2px,rgba(255,194,11,.08) 4px);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border-radius:clamp(8px,2vw,12px);padding:clamp(15px,4vw,20px) clamp(15px,4vw,20px) clamp(12px,3vw,15px) clamp(15px,4vw,20px);border:clamp(1px,.2vw,2px) solid rgba(255,194,11,.4);box-shadow:0 clamp(2px,.5vw,4px) clamp(8px,2vw,15px) #ffc20b4d,0 0 0 clamp(1px,.2vw,2px) #ffc20b33,inset 0 clamp(1px,.2vw,2px) 0 #ffc20b4d;position:relative;overflow:hidden}.status-card:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,transparent 0%,rgba(255,194,11,.1) 50%,transparent 100%),linear-gradient(0deg,transparent 0%,rgba(255,194,11,.08) 50%,transparent 100%);pointer-events:none;z-index:1}.status-title-section{display:flex;justify-content:center;align-items:center;margin-bottom:clamp(16px,4vw,24px);position:relative;z-index:2}.status-title-section h3{color:#fff;font-size:clamp(20px,4vw,28px);font-weight:800;margin:0;text-shadow:0 0 8px rgba(255,255,255,.3);line-height:1.2;text-align:center}.share-status-btn{position:absolute;left:0;background:linear-gradient(135deg,#ffc20bcc,#ffd700b3);border:1px solid rgba(255,194,11,.9);border-radius:clamp(6px,1.5vw,8px);color:#fff;font-size:clamp(.75rem,2vw,.9rem);font-weight:600;padding:clamp(6px,1.5vw,8px) clamp(12px,3vw,16px);cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:clamp(4px,1vw,6px);z-index:1;box-shadow:0 2px 8px #ffc20b4d}.share-status-btn:hover{background:linear-gradient(135deg,#ffc20be6,#ffd700cc);transform:translateY(-1px);box-shadow:0 4px 12px #ffc20b66}.share-status-btn:active{transform:translateY(0)}.user-profile-section{display:flex;flex-direction:row;align-items:center;gap:clamp(12px,3vw,20px);margin-bottom:clamp(12px,3vw,20px);position:relative;z-index:2}.user-profile-section .user-info{display:flex;flex-direction:column;align-items:flex-start;text-align:left;flex:1}.user-avatar-large{width:clamp(60px,12vw,80px);height:clamp(60px,12vw,80px);background:linear-gradient(135deg,gold,orange);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:clamp(1.5rem,4vw,2rem);font-weight:800;color:#000;box-shadow:0 2px 8px #ffd7004d;flex-shrink:0}.wallet-address{color:#ff6b6b;font-size:clamp(13px,2.2vw,15px);font-family:monospace;font-weight:700;margin:0;text-shadow:0 0 6px rgba(255,107,107,.4)}.user-id{color:#1e3a8a;font-size:clamp(12px,2vw,14px);font-family:monospace;font-weight:600;margin:4px 0 0;text-shadow:0 0 4px rgba(30,58,138,.3)}.user-id-box{display:flex;justify-content:flex-start;align-items:center;padding:clamp(2px,.5vw,4px) clamp(4px,1vw,8px);margin:clamp(1px,.3vw,2px) 0 0 0;gap:clamp(4px,1vw,8px);flex-wrap:wrap;background:linear-gradient(135deg,#ffc20b33,#ffd70026,#ffc20b1a),radial-gradient(circle at 20% 80%,rgba(255,194,11,.12) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(255,215,0,.1) 0%,transparent 50%),repeating-linear-gradient(45deg,transparent,transparent 1px,rgba(255,194,11,.06) 1px,rgba(255,194,11,.06) 2px);border-radius:clamp(3px,.8vw,6px);border:clamp(1px,.2vw,2px) solid rgba(255,194,11,.2);box-shadow:0 clamp(1px,.3vw,2px) clamp(4px,1vw,8px) #ffc20b26,inset 0 clamp(1px,.2vw,2px) 0 #ffc20b1a;position:relative;overflow:hidden;min-width:0;max-width:clamp(150px,30vw,220px);width:fit-content}.corner-rank-box{position:absolute;top:clamp(4px,1vw,8px);right:clamp(4px,1vw,8px);display:flex;flex-direction:column;align-items:center;padding:clamp(10px,2.5vw,16px) clamp(12px,3vw,18px);background:linear-gradient(135deg,#0009,#00000080),linear-gradient(135deg,#ffc20b1a,#ffd7000d),repeating-linear-gradient(45deg,transparent,transparent 1px,rgba(255,194,11,.05) 1px,rgba(255,194,11,.05) 2px);border-radius:50%;border:clamp(1px,.3vw,3px) solid rgba(255,194,11,.4);box-shadow:0 clamp(2px,.5vw,4px) clamp(6px,1.5vw,12px) #ffc20b33,inset 0 clamp(1px,.2vw,2px) 0 #ffc20b33;z-index:3;width:clamp(80px,16vw,120px);height:clamp(80px,16vw,120px)}.corner-rank-label{color:#fffc;font-size:clamp(12px,2vw,16px);font-weight:600;margin-bottom:clamp(2px,.5vw,4px)}.corner-rank-value{color:var(--gold);font-size:clamp(16px,2.5vw,20px);font-weight:800;text-shadow:0 0 6px rgba(255,194,11,.3)}.user-id-box:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,transparent 0%,rgba(255,194,11,.08) 50%,transparent 100%),linear-gradient(0deg,transparent 0%,rgba(255,215,0,.06) 50%,transparent 100%);pointer-events:none;z-index:1}.user-handle{color:#000;font-size:clamp(16px,3vw,20px);font-family:Inter,Segoe UI,system-ui,sans-serif;font-weight:700;text-shadow:0 0 2px rgba(0,0,0,.15);position:relative;z-index:2;letter-spacing:.3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.user-address{color:#000;font-size:clamp(14px,2.5vw,16px);font-family:Inter,Segoe UI,system-ui,sans-serif;font-weight:600;text-shadow:0 0 2px rgba(0,0,0,.15);position:relative;z-index:2;letter-spacing:.3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.status-details{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:clamp(10px,2vw,12px);position:relative;z-index:2}.status-details-horizontal{display:flex;gap:clamp(8px,2vw,16px);position:relative;z-index:2;margin-top:clamp(12px,3vw,20px);flex-wrap:wrap;justify-content:space-between}.status-item-vertical{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:clamp(8px,2vw,16px);background:linear-gradient(135deg,#0009,#00000080),linear-gradient(135deg,#ffc20b1a,#ffd7000d),repeating-linear-gradient(45deg,transparent,transparent 1px,rgba(255,194,11,.05) 1px,rgba(255,194,11,.05) 2px);border-radius:clamp(6px,1.5vw,10px);border:clamp(1px,.2vw,2px) solid rgba(255,194,11,.3);box-shadow:inset 0 clamp(1px,.2vw,2px) 0 #ffc20b33;flex:1;text-align:center;min-height:clamp(60px,12vw,80px);min-width:0}.status-item{display:flex;justify-content:space-between;align-items:center;padding:clamp(8px,2vw,12px);background:linear-gradient(135deg,#0009,#00000080),linear-gradient(135deg,#ffc20b1a,#ffd7000d),repeating-linear-gradient(45deg,transparent,transparent 1px,rgba(255,194,11,.05) 1px,rgba(255,194,11,.05) 2px);border-radius:8px;border:1px solid rgba(255,194,11,.3);box-shadow:inset 0 1px #ffc20b33}.status-label{color:#fffffff2;font-size:clamp(11px,2vw,13px);font-weight:700;white-space:nowrap;text-shadow:0 0 4px rgba(255,255,255,.2);margin-bottom:clamp(2px,.5vw,4px)}.status-value{color:var(--gold);font-size:clamp(16px,3vw,20px);font-weight:800;text-shadow:0 0 10px rgba(255,194,11,.4);margin-top:clamp(2px,.5vw,4px);word-break:break-word;overflow-wrap:break-word}.action-buttons-section{margin:clamp(4px,1vw,6px) 0;padding:0;max-width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center}.action-buttons-header{text-align:center;margin-bottom:clamp(8px,2vw,12px)}.action-buttons-title{color:var(--gold);font-size:clamp(16px,3vw,20px);font-weight:700;margin:0;text-shadow:0 0 10px rgba(255,194,11,.3)}.action-buttons-row{display:flex;flex-direction:row;gap:clamp(8px,2vw,16px);flex-wrap:wrap;justify-content:center;align-items:center;width:100%;max-width:clamp(300px,60vw,500px)}.action-btn{background:linear-gradient(135deg,#ffc20bcc,#ffd700b3,#ffc20b99);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border:1px solid rgba(255,194,11,.9);border-radius:clamp(8px,2vw,16px);padding:clamp(10px,2.5vw,14px) clamp(20px,4vw,28px);color:#fff;font-size:clamp(12px,2.5vw,16px);font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:clamp(4px,1vw,8px);text-align:center;flex:1;min-width:clamp(120px,25vw,160px);max-width:clamp(200px,40vw,280px);width:100%;box-shadow:0 2px 8px #ffc20b4d,inset 0 1px #ffc20b66}.buy-token-btn:hover{transform:none;background:linear-gradient(135deg,#ffc20b,orange);border-color:#ffc20b;box-shadow:0 4px 15px #ffc20b4d}.primary-btn{background:linear-gradient(135deg,gold,orange);border-color:#ffd700cc;color:#000;box-shadow:0 3px 12px #ffd7004d,inset 0 1px #ffffff4d}.primary-btn:hover{background:linear-gradient(135deg,gold,orange);box-shadow:0 3px 12px #ffd7004d,inset 0 1px #ffffff4d}.action-btn.success-btn{background:linear-gradient(135deg,#22c55e,#16a34a)!important;border-color:#22c55ecc!important;color:#fff!important;font-weight:700!important;box-shadow:0 3px 12px #22c55e4d,inset 0 1px #ffffff4d!important}.action-btn.success-btn:hover{background:linear-gradient(135deg,#22c55e,#16a34a)!important;border-color:#22c55ecc!important;box-shadow:0 3px 12px #22c55e4d,inset 0 1px #ffffff4d!important}.secondary-btn{color:#fffffff2}.secondary-btn:hover{background:linear-gradient(135deg,#ffc20bcc,#ffd700b3,#ffc20b99);border-color:#ffc20be6}.btn-icon{font-size:clamp(1rem,2vw,1.2rem);min-width:clamp(20px,4vw,24px);text-align:center;display:flex;align-items:center;justify-content:center;filter:drop-shadow(0 1px 2px rgba(0,0,0,.2))}.btn-content{display:flex;flex-direction:column;gap:2px}.btn-title{font-size:clamp(13px,2.5vw,15px);font-weight:600;margin:0;color:inherit;display:flex;align-items:center;justify-content:center;line-height:1}.btn-subtitle{font-size:clamp(10px,1.8vw,12px);opacity:.85;margin:0;font-weight:500}.primary-btn .btn-subtitle{color:#000000b3}.tipping-description-card{background:linear-gradient(135deg,#00bfff26,#0096ff1a,#00bfff14),radial-gradient(circle at 20% 80%,rgba(0,191,255,.1) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(0,191,255,.08) 0%,transparent 50%),repeating-linear-gradient(45deg,transparent,transparent clamp(1px,.2vw,2px),rgba(0,191,255,.05) clamp(1px,.2vw,2px),rgba(0,191,255,.05) clamp(2px,.4vw,4px));-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:clamp(1px,.2vw,2px) solid rgba(0,191,255,.4);border-radius:clamp(8px,1.5vw,10px);padding:clamp(8px,1.5vw,10px) clamp(12px,2.5vw,14px);margin:clamp(8px,1.5vw,10px) 0;display:flex;align-items:flex-start;gap:clamp(8px,1.5vw,12px);box-shadow:0 clamp(4px,1vw,8px) clamp(16px,3vw,32px) #00bfff33,inset 0 clamp(1px,.2vw,1px) 0 #fff3;transition:all .4s ease;position:relative;overflow:hidden}.tipping-description-card:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,transparent 0%,rgba(0,191,255,.1) 50%,transparent 100%),linear-gradient(0deg,transparent 0%,rgba(0,191,255,.08) 50%,transparent 100%);pointer-events:none;z-index:1}.description-icon{font-size:clamp(2.5rem,5vw,3.5rem);min-width:clamp(25px,5vw,30px);text-align:center;filter:drop-shadow(0 clamp(2px,.5vw,4px) clamp(4px,1vw,8px) rgba(0,191,255,.4));position:absolute;top:clamp(3px,.6vw,4px);left:clamp(-4px,-.8vw,-5px);z-index:2}.description-content{flex:1;position:relative;z-index:2;margin-left:clamp(35px,7vw,45px);margin-top:clamp(-3px,-.5vw,-5px)}.description-content h3{color:#00bfff;font-size:clamp(14px,2.8vw,18px);font-weight:700;margin:0 0 clamp(6px,1.2vw,8px) 0;text-shadow:0 0 clamp(10px,2vw,15px) rgba(0,191,255,.5),0 clamp(1px,.2vw,2px) clamp(2px,.4vw,4px) rgba(0,0,0,.3);letter-spacing:clamp(.3px,.1vw,.5px)}.description-content p{color:#fffffff2;font-size:clamp(11px,2.2vw,15px);line-height:1.5;margin:0 0 clamp(8px,1.5vw,12px) 0;font-weight:400;text-shadow:0 clamp(1px,.2vw,1px) clamp(1px,.2vw,2px) rgba(0,0,0,.2)}.process-flow{display:flex;align-items:center;justify-content:flex-start;gap:clamp(8px,1.5vw,12px);margin-top:clamp(8px,1.5vw,12px);width:fit-content;background:linear-gradient(135deg,#0000004d,#0003,#0000004d);border-radius:clamp(6px,1.2vw,8px);padding:clamp(6px,1.2vw,8px) clamp(12px,2.5vw,16px);border:clamp(1px,.2vw,1px) solid rgba(255,194,11,.2)}.flow-step{color:var(--gold);font-size:clamp(14px,2.8vw,22px);font-weight:800;text-shadow:0 0 clamp(10px,2vw,15px) rgba(255,194,11,.6),0 clamp(1px,.2vw,2px) clamp(2px,.4vw,4px) rgba(0,0,0,.3);letter-spacing:clamp(.5px,.1vw,1px)}.flow-arrow{color:#ffffffe6;font-size:clamp(14px,2.8vw,18px);font-weight:700;text-shadow:0 0 clamp(6px,1.2vw,10px) rgba(255,194,11,.4)}.tipping-tabs-container{margin:clamp(8px,1.5vw,10px) 0 clamp(16px,3vw,20px) 0}.tipping-tabs-header{margin-bottom:clamp(16px,3vw,20px)}.tipping-tabs{display:flex;background:#0000004d;border-radius:clamp(8px,1.5vw,12px);padding:clamp(3px,.6vw,4px);gap:clamp(3px,.6vw,4px);border:clamp(1px,.2vw,1px) solid rgba(255,255,255,.1)}.tab-btn{flex:1;display:flex;flex-direction:column;align-items:center;gap:clamp(4px,.8vw,6px);padding:clamp(8px,1.5vw,12px) clamp(6px,1.2vw,8px);background:transparent;border:none;border-radius:clamp(6px,1.2vw,8px);color:#fff9;font-size:clamp(10px,2vw,12px);font-weight:500;cursor:pointer;transition:all .3s ease;position:relative}.tab-btn:hover:not(:disabled){background:transparent;color:#fff9}.tab-btn.active{background:linear-gradient(135deg,var(--gold),#ffd700);color:#001a4d;font-weight:600;box-shadow:0 clamp(2px,.5vw,4px) clamp(8px,1.5vw,12px) #ffc20b4d}.tab-btn:disabled,.tab-btn.disabled{opacity:.4;cursor:not-allowed;background:#ffffff0d!important;color:#ffffff4d!important;border:1px solid rgba(255,255,255,.1)!important}.tab-btn:disabled:hover,.tab-btn.disabled:hover{background:#ffffff0d!important;color:#ffffff4d!important}.tab-icon{font-size:clamp(14px,2.8vw,18px);line-height:1}.tab-label{font-size:clamp(9px,1.8vw,11px);line-height:1;text-align:center}.balance-warning{display:flex;align-items:center;gap:clamp(8px,1.5vw,12px);background:linear-gradient(135deg,#ffc10726,#ff98001a);border:clamp(1px,.2vw,2px) solid rgba(255,193,7,.4);border-radius:clamp(8px,1.5vw,12px);padding:clamp(12px,2.5vw,16px) clamp(16px,3vw,20px);margin:clamp(12px,2.5vw,16px) 0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.warning-icon{font-size:clamp(18px,3.5vw,24px);flex-shrink:0}.warning-text{flex:1}.warning-text strong{color:#ffc107;font-size:clamp(14px,2.8vw,16px);font-weight:700;display:block;margin-bottom:clamp(3px,.6vw,4px)}.warning-text p{color:#fffc;font-size:clamp(12px,2.2vw,14px);margin:0;line-height:1.4}.tipping-section{margin:0}.tipping-section-header{text-align:center;margin-bottom:12px}.tipping-header-content{display:flex;align-items:center;justify-content:center;gap:clamp(12px,2.5vw,15px);margin-bottom:8px}.tipping-header-content h2{margin:10px 0 0;line-height:1}.tipping-logo{width:clamp(40px,8vw,60px);height:clamp(40px,8vw,60px);object-fit:contain;filter:drop-shadow(0 0 15px rgba(255,194,11,.6))}.tipping-section-header h2{color:var(--gold);font-size:clamp(24px,5vw,36px);font-weight:800;margin:0 0 8px;text-shadow:0 0 20px rgba(255,194,11,.6),0 2px 4px rgba(0,0,0,.3);letter-spacing:1px}.tipping-section-header p{color:#fffc;font-size:clamp(14px,2.5vw,16px);margin:0;font-weight:500}.token-amount-selector{background:linear-gradient(135deg,#0009,#00000080,#0009),linear-gradient(135deg,#00bfff0f,#0096ff0a,#00bfff0f),radial-gradient(circle at 30% 70%,rgba(0,191,255,.06) 0%,transparent 50%),radial-gradient(circle at 70% 30%,rgba(0,191,255,.04) 0%,transparent 50%),repeating-linear-gradient(45deg,transparent,transparent 2px,rgba(0,191,255,.03) 2px,rgba(0,191,255,.03) 4px),repeating-linear-gradient(-45deg,transparent,transparent 3px,rgba(0,191,255,.02) 3px,rgba(0,191,255,.02) 6px);-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);border:2px solid rgba(0,191,255,.3);border-radius:20px;padding:clamp(20px,4vw,25px);box-shadow:0 8px 32px #0000004d,0 4px 16px #00bfff1a,inset 0 1px #ffffff1a;position:relative;overflow:hidden}.token-amount-selector:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,transparent 0%,rgba(0,191,255,.05) 50%,transparent 100%),linear-gradient(0deg,transparent 0%,rgba(0,191,255,.04) 50%,transparent 100%),radial-gradient(circle at 20% 20%,rgba(0,191,255,.03) 0%,transparent 30%),radial-gradient(circle at 80% 80%,rgba(0,191,255,.02) 0%,transparent 30%);pointer-events:none;z-index:1}.token-amount-selector:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:repeating-linear-gradient(30deg,transparent,transparent 8px,rgba(0,191,255,.01) 8px,rgba(0,191,255,.01) 16px),repeating-linear-gradient(-30deg,transparent,transparent 12px,rgba(0,191,255,.008) 12px,rgba(0,191,255,.008) 24px);pointer-events:none;z-index:1}.wallet-balance{display:flex;justify-content:space-between;align-items:center;background:linear-gradient(135deg,#0003,#0000001a);border:1px solid rgba(255,194,11,.3);border-radius:12px;padding:12px 16px;margin-bottom:20px;position:relative;z-index:2}.balance-label{color:#fffc;font-size:clamp(13px,2.5vw,15px);font-weight:600}.balance-amount{display:flex;align-items:center;gap:clamp(6px,1.5vw,8px)}.balance-number{color:var(--gold);font-size:clamp(18px,3.6vw,24px);font-weight:800;text-shadow:0 0 10px rgba(255,194,11,.5),0 2px 4px rgba(0,0,0,.3)}.balance-unit{color:#fff;font-size:clamp(12px,2.2vw,14px);font-weight:600;opacity:.9}.amount-options{display:grid;grid-template-columns:repeat(2,1fr);gap:clamp(12px,2.5vw,15px);margin-bottom:25px;position:relative;z-index:2}.amount-btn{background:linear-gradient(135deg,#ffc20b33,#ffd70026);border:2px solid rgba(255,194,11,.5);border-radius:15px;padding:16px 20px;color:#fff;font-size:clamp(15px,2.8vw,18px);font-weight:700;cursor:pointer;transition:all .4s ease;text-shadow:0 0 10px rgba(255,194,11,.5),0 2px 4px rgba(0,0,0,.3);position:relative;overflow:hidden}.amount-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s ease}.amount-btn:active{transform:translateY(-1px) scale(1.01)}.slider-container{display:flex;flex-direction:column;gap:10px;margin-bottom:20px;position:relative;z-index:2}.amount-slider{width:100%;height:clamp(6px,1.2vw,8px);border-radius:clamp(3px,.6vw,4px);background:linear-gradient(90deg,#ffc20b33,#ffd7004d,#ffc20b33);outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;border:1px solid rgba(255,194,11,.3)}.amount-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:clamp(18px,3.6vw,24px);height:clamp(18px,3.6vw,24px);border-radius:50%;background:linear-gradient(135deg,var(--gold) 0%,rgba(255,215,0,.9) 100%);cursor:pointer;border:3px solid rgba(255,255,255,.3);box-shadow:0 0 clamp(10px,2vw,15px) #ffc20b99,0 clamp(2px,.5vw,4px) clamp(4px,1vw,8px) #0000004d;transition:all .3s ease}.amount-slider::-webkit-slider-thumb:hover{transform:none;box-shadow:0 0 clamp(10px,2vw,15px) #ffc20b99,0 clamp(2px,.5vw,4px) clamp(4px,1vw,8px) #0000004d}.amount-slider::-moz-range-thumb{width:clamp(18px,3.6vw,24px);height:clamp(18px,3.6vw,24px);border-radius:50%;background:linear-gradient(135deg,var(--gold) 0%,rgba(255,215,0,.9) 100%);cursor:pointer;border:3px solid rgba(255,255,255,.3);box-shadow:0 0 15px #ffc20b99,0 4px 8px #0000004d}.slider-labels{display:flex;justify-content:space-between;font-size:clamp(12px,2vw,14px);color:#fffc;font-weight:600;text-shadow:0 0 8px rgba(255,194,11,.3)}.custom-amount{display:flex;align-items:center;gap:clamp(10px,2vw,12px);background:linear-gradient(135deg,#ffc20b1a,#ffd70014);border:2px solid rgba(255,194,11,.4);border-radius:12px;padding:12px 16px;position:relative;z-index:2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.custom-input{flex:1;background:#0000004d;border:1px solid rgba(255,194,11,.2);border-radius:8px;color:#fff;font-size:clamp(13px,2.5vw,16px);font-weight:600;outline:none;text-align:right;padding:8px 12px;text-shadow:0 0 10px rgba(255,194,11,.3);transition:all .3s ease}.custom-input:focus{background:#0006;border-color:#ffc20b66;box-shadow:0 0 10px #ffc20b33}.custom-input::placeholder{color:#fff9;font-weight:500}.token-unit{color:var(--gold);font-size:clamp(13px,2.5vw,16px);font-weight:800;text-shadow:0 0 15px rgba(255,194,11,.6),0 2px 4px rgba(0,0,0,.3)}.approve-section{margin-top:20px;display:flex;justify-content:center;position:relative;z-index:2}.gratitude-page-header{background:linear-gradient(135deg,#ffc20b33,#ffd70026,#ffc20b1a);-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);border:clamp(1px,.2vw,2px) solid rgba(255,194,11,.4);border-radius:clamp(8px,1.5vw,10px);padding:clamp(8px,1.5vw,10px) clamp(12px,2.5vw,15px);margin:clamp(6px,1.2vw,8px) 0 clamp(12px,2.5vw,15px) 0;text-align:left;box-shadow:0 clamp(2px,.5vw,4px) clamp(8px,1.5vw,15px) #ffc20b26,inset 0 clamp(1px,.2vw,1px) 0 #ffc20b33;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:space-between;gap:clamp(12px,2.5vw,20px)}.gratitude-page-header:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-image:url(/Heart.png),url(/Heart.png),url(/Heart.png),url(/Heart.png),url(/Heart.png),url(/Heart.png);background-size:15px 15px,25px 25px,8px 8px,20px 20px,30px 30px,12px 12px;background-position:10% 20%,80% 30%,30% 70%,70% 80%,20% 60%,90% 10%;background-repeat:no-repeat;opacity:.15;animation:heartRain 3s linear infinite;pointer-events:none;z-index:0}@keyframes shimmer{0%,to{opacity:.3}50%{opacity:1}}@keyframes heartRain{0%{background-position:10% -20%,80% -20%,30% -20%,70% -20%,20% -20%,90% -20%;opacity:0}10%{background-position:10% 0%,80% 0%,30% 0%,70% 0%,20% 0%,90% 0%;opacity:.25}90%{background-position:10% 80%,80% 80%,30% 80%,70% 80%,20% 80%,90% 80%;opacity:.15}to{background-position:10% 100%,80% 100%,30% 100%,70% 100%,20% 100%,90% 100%;opacity:0}}.gratitude-content{flex:1}.gratitude-page-header h1{color:var(--gold);font-size:clamp(24px,5vw,36px);font-weight:900;margin:0;text-shadow:0 0 25px rgba(255,194,11,.7),0 4px 8px rgba(0,0,0,.4);letter-spacing:2px;text-transform:uppercase;position:relative;z-index:1}.gratitude-heart{margin-left:clamp(15px,3vw,20px);display:flex;align-items:center;justify-content:center}.heart-image{width:clamp(40px,8vw,60px);height:clamp(40px,8vw,60px);object-fit:contain;filter:drop-shadow(0 0 15px rgba(255,194,11,.6))}.gratitude-page-header .gratitude-subtitle{background:none;border:none;border-radius:0;padding:0;margin:0;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;transition:none;position:relative;overflow:visible;gap:clamp(4px,1vw,6px);justify-content:flex-start}.gratitude-page-header .gratitude-subtitle:before{display:none}.gratitude-page-header .gratitude-subtitle:hover{transform:none;box-shadow:none;border-color:transparent}.gratitude-page-header .gratitude-text{font-size:clamp(12px,2.5vw,16px);font-weight:500;text-shadow:0 0 8px rgba(255,255,255,.2),0 2px 4px rgba(0,0,0,.3);letter-spacing:.3px;text-transform:none;font-style:italic;color:#fffffff2}.gratitude-page-header .token-symbol{color:var(--gold);font-size:clamp(14px,3vw,18px);font-weight:700;text-shadow:0 0 10px rgba(255,194,11,.5),0 2px 4px rgba(0,0,0,.3);letter-spacing:.5px}.gratitude-page-header .gratitude-separator{font-size:clamp(12px,2.5vw,16px);font-weight:300}.gratitude-page-header .gratitude-message{font-size:clamp(12px,2.5vw,16px);font-weight:500;text-shadow:0 0 8px rgba(255,255,255,.2),0 2px 4px rgba(0,0,0,.3);letter-spacing:.3px}.gratitude-subtitle{background:linear-gradient(135deg,#ffc20b26,#ffd7001a,#ffc20b14);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:clamp(1px,.2vw,2px) solid rgba(255,194,11,.4);border-radius:clamp(12px,2.5vw,25px);padding:clamp(12px,2.5vw,20px) clamp(18px,3.5vw,30px);margin:clamp(12px,2.5vw,20px) 0 clamp(18px,3.5vw,30px) 0;display:flex;align-items:center;justify-content:center;gap:clamp(8px,1.5vw,12px);flex-wrap:wrap;box-shadow:0 clamp(4px,1vw,8px) clamp(16px,3vw,32px) #ffc20b33,inset 0 clamp(1px,.2vw,1px) 0 #ffc20b4d;transition:all .4s ease;position:relative;overflow:hidden}.gratitude-subtitle:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,194,11,.1),transparent);transition:left .6s ease}.gratitude-subtitle:hover:before{display:none}.gratitude-subtitle:hover{transform:none;box-shadow:0 clamp(4px,1vw,8px) clamp(16px,3vw,32px) #ffc20b33,inset 0 clamp(1px,.2vw,1px) 0 #ffc20b4d;border-color:#ffc20b66}.gratitude-text{color:var(--gold);font-size:clamp(16px,3.5vw,28px);font-weight:800;text-shadow:0 0 clamp(10px,2vw,20px) rgba(255,194,11,.6),0 clamp(1px,.2vw,2px) clamp(2px,.4vw,4px) rgba(0,0,0,.3);letter-spacing:clamp(.5px,.1vw,1px);text-transform:uppercase;position:relative;z-index:1}.gratitude-separator{color:#fffc;font-size:clamp(16px,3.5vw,28px);font-weight:400;text-shadow:0 clamp(1px,.2vw,2px) clamp(2px,.4vw,4px) rgba(0,0,0,.3);position:relative;z-index:1}.gratitude-message{color:#fffffff2;font-size:clamp(14px,3vw,22px);font-weight:600;font-style:italic;text-shadow:0 0 clamp(8px,1.5vw,15px) rgba(255,255,255,.3),0 clamp(1px,.2vw,2px) clamp(2px,.4vw,4px) rgba(0,0,0,.3);letter-spacing:clamp(.3px,.1vw,.5px);position:relative;z-index:1}.pool-data-container{margin-top:15px}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(clamp(180px,35vw,200px),1fr));gap:clamp(16px,4vw,20px)}.stat-card{background:#ffffff26;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:16px;padding:24px;text-align:center;border:1px solid rgba(255,194,11,.25);box-shadow:0 4px 20px #0003,inset 0 1px #ffffff26}.stat-icon{font-size:2rem;margin-bottom:12px;display:block}.stat-value{color:var(--gold);font-size:clamp(24px,5vw,32px);font-weight:700;margin-bottom:4px}.stat-label{color:#ffffffb3;font-size:clamp(12px,2.5vw,14px);font-weight:500}.history-header{text-align:center;margin-bottom:30px}.history-header h2{color:var(--gold);font-size:clamp(24px,5vw,32px);font-weight:700;margin-bottom:8px}.history-header p{color:#fffc;font-size:clamp(16px,3vw,18px);margin:0}.empty-state{text-align:center;padding:60px 20px}.empty-icon{font-size:4rem;margin-bottom:20px;opacity:.6}.empty-state h3{color:#fffc;font-size:clamp(20px,4vw,24px);font-weight:600;margin-bottom:8px}.empty-state p{color:#fff9;font-size:clamp(14px,2.5vw,16px);margin:0}.settings-header{text-align:center;margin-bottom:30px}.settings-header h2{color:var(--gold);font-size:clamp(24px,5vw,32px);font-weight:700;margin-bottom:8px}.settings-header p{color:#fffc;font-size:clamp(16px,3vw,18px);margin:0}.settings-sections{display:flex;flex-direction:column;gap:30px}.settings-section{background:#ffffff1f;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border-radius:16px;padding:24px;border:1px solid rgba(255,194,11,.2);box-shadow:0 4px 20px #0003,inset 0 1px #ffffff1a}.settings-section h3{color:var(--gold);font-size:clamp(18px,4vw,22px);font-weight:600;margin-bottom:20px;padding-bottom:8px;border-bottom:1px solid rgba(255,194,11,.2)}.setting-item{display:flex;justify-content:space-between;align-items:center;padding:16px 0;border-bottom:1px solid rgba(255,255,255,.1)}.setting-item:last-child{border-bottom:none}.setting-item span{color:#ffffffe6;font-size:clamp(14px,2.5vw,16px);font-weight:500}.wallet-address{color:var(--gold);font-size:clamp(12px,2vw,14px);font-family:Courier New,monospace;background:#ffc20b1a;padding:4px 8px;border-radius:6px}.toggle-switch{position:relative;width:clamp(45px,8vw,50px);height:clamp(20px,4vw,24px)}.toggle-switch input{opacity:0;width:0;height:0}.toggle-switch label{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background:#fff3;border-radius:24px;transition:.3s}.toggle-switch label:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background:#fff;border-radius:50%;transition:.3s}.toggle-switch input:checked+label{background:var(--gold)}.toggle-switch input:checked+label:before{transform:translate(26px)}@keyframes backgroundFloat{0%,to{transform:translateY(0) translate(0) rotate(0) scale(1)}25%{transform:translateY(-15px) translate(8px) rotate(1deg) scale(1.02)}50%{transform:translateY(-8px) translate(-5px) rotate(-.8deg) scale(.98)}75%{transform:translateY(-20px) translate(6px) rotate(.5deg) scale(1.01)}}@media (min-width: 769px) and (max-width: 1024px){.header-content{padding:0 clamp(20px,3vw,24px);height:clamp(65px,7vh,75px)}.nav{gap:clamp(10px,2.5vw,14px)}.nav-button{padding:clamp(8px,2vw,12px) clamp(14px,3.5vw,16px);font-size:clamp(13px,2.8vw,15px)}.main-content{padding:clamp(36px,6vw,40px) clamp(20px,3vw,24px)}.footer-content{padding:0 clamp(20px,3vw,24px);height:clamp(65px,7vh,75px)}}@media (min-width: 1025px) and (max-width: 1440px){.header-content{max-width:90vw;margin:0 auto;padding:0 clamp(24px,4vw,32px);height:clamp(70px,8vh,80px)}.main-content{padding:clamp(40px,6vw,48px) clamp(24px,4vw,32px)}.footer-content{padding:0 clamp(24px,4vw,32px);height:clamp(70px,8vh,80px)}}@media (min-width: 1441px){.header-content{max-width:80vw;margin:0 auto;padding:0 clamp(32px,5vw,48px);height:clamp(80px,8vh,90px)}.main-content{padding:clamp(48px,7vw,64px) clamp(32px,5vw,48px)}.footer-content{padding:0 clamp(32px,5vw,48px);height:clamp(80px,8vh,90px)}}.app-container.dark-mode{background:linear-gradient(135deg,#000,#1a1a1a,#0d0d0d)}.app-container.dark-mode:before{background:radial-gradient(circle at 20% 20%,rgba(255,194,11,.03) 2px,transparent 2px),radial-gradient(circle at 80% 40%,rgba(255,194,11,.02) 1.5px,transparent 1.5px),radial-gradient(circle at 40% 80%,rgba(255,194,11,.04) 2.5px,transparent 2.5px),radial-gradient(circle at 60% 20%,rgba(255,194,11,.015) 1px,transparent 1px),linear-gradient(rgba(255,194,11,.015) 1px,transparent 1px),linear-gradient(90deg,rgba(255,194,11,.015) 1px,transparent 1px),linear-gradient(45deg,transparent 40%,rgba(255,194,11,.01) 50%,transparent 60%),linear-gradient(-45deg,transparent 40%,rgba(255,194,11,.008) 50%,transparent 60%)}.app-container.dark-mode:after{background:radial-gradient(circle at 15% 15%,rgba(255,194,11,.02) 3px,transparent 3px),radial-gradient(circle at 85% 25%,rgba(255,194,11,.015) 2px,transparent 2px),radial-gradient(circle at 35% 75%,rgba(255,194,11,.03) 4px,transparent 4px),radial-gradient(circle at 95% 85%,rgba(255,194,11,.01) 1.5px,transparent 1.5px),radial-gradient(circle at 5% 95%,rgba(255,194,11,.02) 2.5px,transparent 2.5px),linear-gradient(30deg,transparent 35%,rgba(255,194,11,.01) 50%,transparent 65%),linear-gradient(-30deg,transparent 35%,rgba(255,194,11,.008) 50%,transparent 65%),linear-gradient(90deg,transparent 48%,rgba(255,194,11,.005) 50%,transparent 52%),linear-gradient(0deg,transparent 48%,rgba(255,194,11,.005) 50%,transparent 52%)}.app-container.dark-mode .header{background:linear-gradient(135deg,#000000f2,#141414e6 30%,#ffc20b33);border-bottom:1px solid rgba(255,194,11,.3)}.app-container.dark-mode .footer{background:linear-gradient(135deg,#000000f2,#141414e6 30%,#ffc20b33);border-top:1px solid rgba(255,194,11,.3);overflow:visible}.app-container.dark-mode .page-content{background:#0006;border:1px solid rgba(255,194,11,.2);box-shadow:0 8px 32px #0009,0 0 0 1px #ffffff0d,inset 0 1px #ffffff1a}.app-container.dark-mode .stake-section{background:linear-gradient(135deg,#ffc20b33,#ffc20b1a);border:1px solid rgba(255,194,11,.3);box-shadow:0 8px 32px #ffff0040,0 0 0 1px #ffffff0d,inset 0 1px #ffffff1a}.stake-section{margin-top:15px}.stake-section .verification-checkmark{right:auto;left:clamp(-60px,-12vw,-80px);top:clamp(-20px,-4vw,-30px)}.stake-section .holder-info{text-align:right}.stake-section .holder-title{justify-content:flex-end}.stake-section{background:linear-gradient(135deg,#ffc20b40,#ffc20b26);border:1px solid rgba(255,194,11,.4);box-shadow:0 8px 32px #ffff004d,0 0 0 1px #ffffff0d,inset 0 1px #ffffff1a}.stake-section .verification-checkmark{background:transparent;border:none;box-shadow:none}.stake-section .checkmark-icon{width:clamp(140px,28vw,180px);height:clamp(140px,28vw,180px);filter:drop-shadow(0 0 clamp(20px,4vw,30px) rgba(255,194,11,.8)) drop-shadow(0 clamp(2px,.4vw,4px) clamp(4px,.8vw,8px) rgba(0,0,0,.3))}.page-content.non-holder{background:linear-gradient(135deg,#ffc20b40,#ffc20b26);border:1px solid rgba(255,194,11,.4);box-shadow:0 8px 32px #ffc20b33,0 0 0 1px #ffffff0d,inset 0 1px #ffffff1a;padding-left:80px}.app-container.dark-mode .page-content.non-holder{background:linear-gradient(135deg,#ffc20b33,#ffc20b1a);border:1px solid rgba(255,194,11,.3);box-shadow:0 8px 32px #ffc20b26,0 0 0 1px #ffffff0d,inset 0 1px #ffffff1a;padding-left:80px}.app-container.dark-mode .feature-card,.app-container.dark-mode .stat-card{background:#0000004d;border:1px solid rgba(255,194,11,.15);box-shadow:0 4px 20px #0006,inset 0 1px #ffffff0d}.app-container.dark-mode .settings-section{background:#0000004d;border:1px solid rgba(255,194,11,.1);box-shadow:0 4px 20px #0006,inset 0 1px #ffffff0d}@media (min-width: 769px) and (max-width: 1024px){.feature-cards{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:clamp(14px,3vw,16px)}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:clamp(14px,3vw,16px)}}@media (max-width: 768px){.feature-cards,.stats-grid{grid-template-columns:1fr;gap:clamp(14px,3vw,16px)}.settings-sections{gap:20px}.settings-section{padding:clamp(15px,3vw,20px)}.welcome-icon{font-size:3rem}.feature-card,.stat-card{padding:clamp(15px,3vw,20px)}.ticker-content{gap:clamp(15px,3vw,25px);padding:6px 2vw}.ticker-label,.ticker-value{font-size:clamp(12px,2.5vw,14px)}.holder-status{flex-direction:column;text-align:center;gap:clamp(14px,3vw,16px);padding:clamp(15px,3vw,20px)}.holder-icon{width:60px;height:60px;font-size:2rem}.holder-title{font-size:clamp(18px,3.5vw,20px)}.holder-description{font-size:clamp(13px,2.2vw,14px)}.stake-amount{font-size:clamp(1.1em,2.2vw,1.3em)}.community-emoji{font-size:clamp(1em,2vw,1.2em);margin-right:clamp(4px,1vw,6px)}.center-circle{width:90px;height:90px;transform:translateY(-15px)}.center-logo{width:55px;height:55px}.footer-btn{margin-bottom:15px}.footer-menu{padding:0 10px;max-width:100%}.footer-left,.footer-right{gap:clamp(12px,3vw,20px)}.center-circle-btn:hover{transform:scale(1.02)}.center-circle-btn:active{transform:scale(.98)}.stake-section{margin-top:10px}.stake-section .verification-checkmark{left:clamp(-50px,-10vw,-60px);top:clamp(-18px,-3.5vw,-20px)}.stake-section .checkmark-icon{width:clamp(110px,22vw,140px);height:clamp(110px,22vw,140px);filter:drop-shadow(0 0 clamp(15px,3vw,20px) rgba(255,194,11,.7)) drop-shadow(0 clamp(2px,.4vw,3px) clamp(4px,.8vw,6px) rgba(0,0,0,.3))}.checkmark-icon{width:clamp(100px,20vw,130px);height:clamp(100px,20vw,130px)}.rewards-icon{width:clamp(120px,24vw,150px)!important;height:clamp(120px,24vw,150px)!important}img[src="/Rewards.png"]{width:clamp(130px,26vw,160px)!important;height:clamp(130px,26vw,160px)!important}.verification-checkmark img[src="/Rewards.png"],img[alt=Rewards],.wallet-earnings-icon{width:clamp(110px,22vw,140px)!important;height:clamp(110px,22vw,140px)!important}}.action-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.success-btn{background:linear-gradient(135deg,#22c55e33,#16a34a26);border:2px solid rgba(34,197,94,.4);color:#fff;box-shadow:0 4px 15px #22c55e33}.success-btn:hover:not(:disabled){background:linear-gradient(135deg,#22c55e4d,#16a34a40);border-color:#22c55e99;box-shadow:0 6px 20px #22c55e4d}.processing-btn{background:linear-gradient(135deg,#3b82f633,#2563eb26);border:2px solid rgba(59,130,246,.4);color:#fff;box-shadow:0 4px 15px #3b82f633;cursor:not-allowed;opacity:.8}.processing-btn:hover{background:linear-gradient(135deg,#3b82f633,#2563eb26);border-color:#3b82f666;box-shadow:0 4px 15px #3b82f633;transform:none}.pending-btn:hover:not(:disabled){background:linear-gradient(135deg,#fbbf244d,#f59e0b40);border-color:#fbbf2499;box-shadow:0 6px 20px #fbbf244d}.error-btn{background:linear-gradient(135deg,#ef444433,#dc262626);border:2px solid rgba(239,68,68,.4);color:#fff;box-shadow:0 4px 15px #ef444433}.error-btn:hover:not(:disabled){background:linear-gradient(135deg,#ef44444d,#dc262640);border-color:#ef444499;box-shadow:0 6px 20px #ef44444d}.approval-success-message{margin-top:15px;padding:12px 16px;background:linear-gradient(135deg,#22c55e1a,#16a34a0d);border:1px solid rgba(34,197,94,.3);border-radius:8px;color:#fff;text-align:center;animation:slideIn .3s ease-out}.approval-success-message p{margin:0;font-size:.9em;font-weight:500}.approval-success-message p:first-child{color:#22c55e;font-weight:600;margin-bottom:4px}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.action-btn{padding:14px 28px!important;min-width:140px!important;line-height:1.2!important}.action-btn .btn-title{display:flex!important;align-items:center!important;justify-content:center!important;font-size:1em!important;font-weight:600!important;gap:8px!important}.action-btn svg{flex-shrink:0}.btn-icon{width:18px!important;height:18px!important}.warning-btn{background:linear-gradient(135deg,#f59e0b,#d97706)!important;color:#fff!important;border:1px solid #b45309!important}.warning-btn:hover{background:linear-gradient(135deg,#d97706,#b45309)!important;transform:translateY(-2px)!important;box-shadow:0 8px 25px #f59e0b66!important}.analytics-container{background:linear-gradient(135deg,#0006,#14142880),radial-gradient(circle at 30% 20%,rgba(0,191,255,.1) 0%,transparent 50%),radial-gradient(circle at 70% 80%,rgba(0,150,255,.08) 0%,transparent 50%),repeating-linear-gradient(45deg,transparent,transparent 2px,rgba(0,191,255,.08) 2px,rgba(0,191,255,.08) 4px),repeating-linear-gradient(-45deg,transparent,transparent 3px,rgba(0,150,255,.06) 3px,rgba(0,150,255,.06) 6px),repeating-linear-gradient(90deg,transparent,transparent 1px,rgba(0,191,255,.04) 1px,rgba(0,191,255,.04) 2px);border:1px solid rgba(255,194,11,.3);border-radius:16px;padding:clamp(15px,3vw,20px);margin:0;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);box-shadow:0 8px 32px #0003,0 0 0 1px #ffc20b1a,inset 0 1px #ffffff1a;position:relative;overflow:visible}.analytics-header{margin-bottom:20px}.analytics-title{color:var(--gold);font-size:1.5rem;font-weight:700;margin:0 0 8px;text-shadow:0 0 15px rgba(255,194,11,.6)}.analytics-subtitle{color:#ffffffb3;font-size:.9rem;margin:0}.analytics-content{display:flex;flex-direction:column;gap:clamp(14px,3vw,16px)}.last-check-section{background:#00bfff33;border:1px solid rgba(0,191,255,.4);border-radius:8px;padding:clamp(8px,2vw,12px)}.last-check-info{display:flex;justify-content:space-between;align-items:center}.last-check-label{color:#fffc;font-size:.85rem;font-weight:500}.last-check-date{color:#00bfff;font-size:.85rem;font-weight:600}.main-usage-card{background:#00bfff33;border:clamp(1px,.2vw,2px) solid rgba(0,191,255,.4);border-radius:clamp(10px,2.5vw,12px);padding:clamp(3px,.8vw,4px)}.usage-progress-section{margin-bottom:clamp(16px,4vw,20px);margin-top:0}.progress-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:clamp(8px,2vw,12px);margin-left:0;width:100%;padding:0 clamp(12px,3vw,16px)}.progress-label{color:#ffffffe6;font-size:clamp(.8rem,2vw,.9rem);font-weight:600;text-align:left;flex:1}.progress-percentage-container{text-align:center;margin-top:clamp(8px,2vw,12px);display:none}.progress-percentage{color:#00bfff;font-size:clamp(1.2rem,3vw,1.5rem);font-weight:700;text-align:right;flex-shrink:0}.progress-bar-container{width:100%;margin:0;display:block;padding:0 clamp(12px,3vw,16px)}.progress-bar-bg{width:100%;height:clamp(10px,2.5vw,12px);background:#0006;border-radius:clamp(5px,1.5vw,6px);overflow:hidden;border:1px solid rgba(0,191,255,.3);margin-left:0}.progress-bar-fill{height:100%;background:#00bfff;border-radius:clamp(5px,1.5vw,6px);transition:width .3s ease;box-shadow:0 0 8px #00bfff99}.usage-details{display:flex!important;justify-content:space-between!important;align-items:center!important;gap:clamp(8px,2vw,12px);margin-top:clamp(-20px,-4vw,-16px);margin-left:0!important;width:100%!important;padding:0 clamp(12px,3vw,16px);flex-wrap:wrap}.detail-item{display:flex;flex-direction:row;align-items:center;text-align:left;background:transparent;border:none;border-radius:0;padding:8px 12px;transition:all .3s ease;gap:clamp(6px,1.5vw,8px)}.detail-item:hover{background:transparent;border:none;transform:none}.detail-icon{font-size:clamp(1rem,2.5vw,1.2rem);margin-bottom:0;opacity:.9;background:#00bfff33;border:1px solid rgba(0,191,255,.4);border-radius:clamp(6px,1.5vw,8px);padding:clamp(4px,1vw,6px);display:flex;align-items:center;justify-content:center;width:clamp(28px,7vw,32px);height:clamp(28px,7vw,32px);flex-shrink:0}.detail-content{display:flex;flex-direction:column;gap:-2px}.detail-value{color:#fff;font-size:clamp(1.1rem,3vw,1.4rem);font-weight:800;text-shadow:0 0 8px rgba(0,191,255,.6);font-family:Segoe UI,Roboto,sans-serif}.detail-label{color:#ffffffe6;font-size:clamp(.8rem,2vw,.9rem);font-weight:600;text-transform:uppercase;letter-spacing:1px;font-family:Inter,SF Pro Display,sans-serif}.stats-section{background:#00142880;border:clamp(1px,.2vw,2px) solid rgba(0,20,40,.7);border-radius:clamp(10px,2.5vw,12px);padding:clamp(12px,3vw,16px)}.stats-header{margin-bottom:clamp(12px,3vw,16px)}.stats-section-title{color:#004080;font-size:clamp(1rem,2.5vw,1.2rem);font-weight:700;margin:0;text-shadow:0 0 clamp(8px,2vw,10px) rgba(0,64,128,.5)}.stats-row{display:grid;grid-template-columns:1fr 1fr;gap:clamp(10px,2.5vw,12px)}.stat-card{background:#000a1499;border:1px solid rgba(0,20,40,.4);border-radius:clamp(10px,2.5vw,12px);padding:clamp(12px,3vw,16px)}.stat-row{display:flex;flex-direction:row;justify-content:space-between;align-items:center;gap:clamp(6px,1.5vw,8px)}.stat-title{display:flex;justify-content:flex-start;align-items:center;margin-bottom:0;gap:clamp(6px,1.5vw,8px)}.stat-label{color:#fffc;font-size:clamp(.7rem,1.8vw,.8rem);font-weight:500}.stat-status{font-size:clamp(.55rem,1.4vw,.6rem);font-weight:500;padding:clamp(1px,.25vw,2px) clamp(3px,.8vw,4px);border-radius:clamp(2px,.6vw,3px);margin-left:0}.stat-status.up,.stat-status.success{background:#22c55e33;color:#22c55e}.stat-value{color:#fff;font-size:clamp(1rem,2.8vw,1.3rem);font-weight:700;text-shadow:0 0 10px rgba(0,191,255,.3);text-align:right;flex-shrink:0}.monitoring-panel{background:linear-gradient(135deg,#141428e6,#0a0a1ecc);border:clamp(1px,.2vw,2px) solid rgba(0,191,255,.3);border-radius:clamp(12px,3vw,15px);padding:clamp(16px,4vw,20px);margin:0}.monitoring-header{text-align:center;margin-bottom:clamp(16px,4vw,20px)}.monitoring-header-content{display:flex;align-items:center;justify-content:center;gap:clamp(8px,2vw,12px);margin-bottom:clamp(6px,1.5vw,8px)}.monitoring-logo{width:clamp(28px,6vw,32px);height:clamp(28px,6vw,32px);border-radius:clamp(6px,1.5vw,8px)}.monitoring-header h2{color:var(--gold);font-size:clamp(20px,4vw,28px);font-weight:700;margin:0;text-shadow:0 0 10px rgba(255,194,11,.4)}.monitoring-header p{color:#fffc;font-size:clamp(12px,2vw,14px);margin:0;font-weight:500}.monitoring-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(clamp(180px,35vw,200px),1fr));gap:clamp(12px,3vw,15px);margin-bottom:clamp(16px,4vw,20px)}.monitoring-actions{display:flex;flex-wrap:wrap;gap:clamp(8px,2vw,10px);margin-bottom:clamp(16px,4vw,20px)}.modern-allowance-panel{background:transparent;border:none;border-radius:0;padding:0;margin:0;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;overflow:visible}.allowance-hero{background:transparent;border:none;border-radius:0;padding:clamp(20px,5vw,30px) clamp(8px,2vw,10px) clamp(4px,1vw,6px) clamp(8px,2vw,10px);position:relative;margin-bottom:0;overflow:visible;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}.allowance-hero:before{display:none}.hero-left{display:flex;align-items:center;flex-direction:column;gap:clamp(4px,1vw,8px)}.hero-logo{width:clamp(50px,10vw,70px);height:clamp(50px,10vw,70px);object-fit:contain;filter:drop-shadow(0 0 clamp(15px,3vw,20px) rgba(0,191,255,.3))}.modern-allowance-panel .hero-info{flex:1;margin-left:8px!important}.modern-allowance-panel .hero-title{margin:0!important;font-size:clamp(1.4rem,3.5vw,1.8rem)!important;font-weight:800!important;display:flex;align-items:center}.title-token{background:linear-gradient(135deg,gold,#ffed4e,gold)!important;-webkit-background-clip:text!important;-webkit-text-fill-color:transparent!important;background-clip:text!important;text-shadow:0 0 40px rgba(255,215,0,.6),0 0 80px rgba(255,215,0,.4),0 0 120px rgba(255,215,0,.2)!important;filter:drop-shadow(0 0 20px rgba(255,215,0,.5))!important}.title-text{color:#fff!important;text-shadow:0 0 20px rgba(255,255,255,.3)!important}.hero-subtitle{margin:clamp(6px,1.5vw,8px) 0 0 0;color:#ffffffb3;font-size:clamp(.9rem,2vw,1rem);font-weight:500}.hero-amount-card{background:radial-gradient(circle at 20% 20%,rgba(255,215,0,.2) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(255,165,0,.15) 0%,transparent 50%),linear-gradient(135deg,#ffd70026,#ffa5001a),repeating-linear-gradient(45deg,transparent,transparent 2px,rgba(255,215,0,.02) 2px,rgba(255,215,0,.02) 4px),repeating-linear-gradient(-45deg,transparent,transparent 3px,rgba(255,165,0,.015) 3px,rgba(255,165,0,.015) 6px);border:clamp(1px,.2vw,2px) solid rgba(255,215,0,.3);border-radius:clamp(16px,3.5vw,24px);padding:clamp(12px,3vw,16px) clamp(16px,4vw,20px);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 clamp(6px,1.5vw,8px) clamp(24px,5vw,32px) #ffd70033,inset 0 clamp(1px,.2vw,1px) 0 #ffffff1a,inset 0 clamp(-1px,-.2vw,-1px) 0 #0000001a;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:space-between;gap:clamp(12px,3vw,20px);margin-top:clamp(-24px,-5vw,-32px);flex-wrap:wrap}.hero-amount-card:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 30% 30%,rgba(255,215,0,.1) 0%,transparent 40%),radial-gradient(circle at 70% 70%,rgba(255,165,0,.08) 0%,transparent 40%),linear-gradient(45deg,transparent 48%,rgba(255,215,0,.03) 49%,rgba(255,215,0,.03) 51%,transparent 52%);background-size:100% 100%,100% 100%,20px 20px;pointer-events:none;opacity:.6;border-radius:24px}.amount-label{font-size:clamp(.65rem,1.6vw,.8rem);color:#ffffffb3;margin-bottom:0;font-weight:500;position:relative;z-index:1;margin-top:clamp(4px,1vw,6px);flex-shrink:0}.amount-display{position:relative;z-index:1;text-align:right}.amount-number{display:block;font-size:clamp(1.5rem,3.8vw,1.9rem);font-weight:900;color:gold;text-shadow:0 0 clamp(20px,4vw,30px) rgba(255,215,0,.4);line-height:1;margin-bottom:clamp(3px,.8vw,4px)}.amount-currency{display:block;font-size:clamp(.65rem,1.6vw,.75rem);font-weight:600;color:#ffffffe6}.usage-section{padding:clamp(16px,4vw,20px);background:transparent;border:none;border-radius:0;position:relative;overflow:visible;margin-top:clamp(-24px,-5vw,-32px);box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}.usage-section:before{display:none}.usage-simple{background:linear-gradient(145deg,#002850cc,#003c7899,#0050a066,#0064c84d,#0078f033);border:none;border-radius:16px;padding:clamp(15px,3vw,20px);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);display:flex;align-items:center;justify-content:space-between;gap:20px;flex-direction:row;box-shadow:0 8px 32px #00285099,0 4px 16px #003c7866,inset 0 1px #ffffff1a;position:relative;overflow:hidden;transition:all .3s ease}.usage-simple:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 30% 30%,rgba(0,100,200,.1) 0%,transparent 60%),radial-gradient(circle at 70% 70%,rgba(0,80,160,.08) 0%,transparent 60%);pointer-events:none;opacity:.6;transition:all .3s ease;border-radius:16px}.usage-simple:hover{transform:none;box-shadow:none}.usage-simple:hover:before{display:none}.usage-circle-simple{position:relative;width:clamp(90px,18vw,110px);height:clamp(90px,18vw,110px);border-radius:clamp(24px,5vw,32px);background:transparent;display:flex;align-items:center;justify-content:center;flex-shrink:0;order:2;box-shadow:none;border:none;transition:none;z-index:2}.usage-circle-simple:hover{transform:none;box-shadow:none}.circle-progress{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:32px;transition:all .5s ease;filter:drop-shadow(0 0 8px rgba(0,100,200,.4))}.circle-content{position:relative;z-index:3;background:transparent;width:75px;height:75px;border-radius:24px;display:flex;flex-direction:column;align-items:center;justify-content:center;border:none;-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:none;transition:none}.circle-content:hover{transform:none;border-color:transparent;box-shadow:none}.circle-percent{font-size:1rem;font-weight:900;color:#00bfff;text-shadow:0 0 15px rgba(0,191,255,.6),0 0 30px rgba(0,191,255,.3);line-height:1;background:linear-gradient(45deg,#00bfff,#0080ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:glow 2s ease-in-out infinite alternate}@keyframes glow{0%{text-shadow:0 0 15px rgba(0,191,255,.6),0 0 30px rgba(0,191,255,.3)}to{text-shadow:0 0 20px rgba(0,191,255,.8),0 0 40px rgba(0,191,255,.5)}}.circle-label{font-size:.75rem;font-weight:700;color:#00bfffe6;margin-top:3px;text-transform:uppercase;letter-spacing:.8px;text-shadow:0 1px 3px rgba(0,100,200,.5)}.usage-info{display:flex!important;flex-direction:column!important;gap:clamp(14px,3.5vw,18px)!important;flex:1!important;order:1!important;position:relative!important;z-index:2!important}.info-item{display:flex;align-items:center;gap:14px;padding:16px 20px;background:transparent;border:none;border-radius:0;transition:none;-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:none;position:relative;overflow:visible}.info-item:before{display:none}.info-item:hover{background:transparent;border-color:transparent;transform:none;box-shadow:none}.info-item:hover:before{display:none}.info-icon{font-size:1.4rem;background:linear-gradient(135deg,gold,orange);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;filter:drop-shadow(0 0 8px rgba(255,215,0,.3));transition:all .3s ease}.info-item:hover .info-icon{transform:none;filter:none}.info-text{font-size:1.05rem;font-weight:700;color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.3);letter-spacing:.3px}.usage-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:clamp(12px,3vw,16px)}.usage-title{font-size:clamp(.9rem,2vw,1rem);font-weight:600;color:#ffffffe6}.usage-percent{font-size:clamp(1.2rem,3vw,1.4rem);font-weight:800;color:#00bfff;text-shadow:0 0 clamp(15px,3vw,20px) rgba(0,191,255,.3)}.usage-progress{margin-bottom:clamp(16px,4vw,20px)}.progress-track{height:8px;background:#ffffff1a;border-radius:4px;overflow:hidden;position:relative}.progress-fill{height:100%;background:linear-gradient(90deg,#00bfff,#0080ff);border-radius:4px;transition:width .5s ease;box-shadow:0 0 15px #00bfff66;position:relative}.progress-fill:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:shimmer 2s infinite}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.usage-stats{display:grid;grid-template-columns:1fr 1fr;gap:clamp(12px,3vw,16px)}.usage-stat{display:flex;align-items:center;gap:clamp(10px,2.5vw,12px);padding:clamp(10px,2.5vw,12px);background:#ffffff0d;border:clamp(1px,.2vw,2px) solid rgba(255,255,255,.1);border-radius:clamp(8px,2vw,12px);transition:all .3s ease}.usage-stat:hover{background:#ffffff0d;border-color:#00bfff33;transform:none}.usage-stat .stat-icon{font-size:clamp(1.2rem,3vw,1.5rem);background:linear-gradient(135deg,#00bfff,#0080ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.stat-info{flex:1}.stat-label{font-size:.8rem;color:#ffffffb3;margin-bottom:2px;font-weight:500}.stat-amount{font-size:1rem;font-weight:700;color:#fff}.usage-card{background:linear-gradient(135deg,#ffffff14,#ffffff08);border:clamp(1px,.2vw,2px) solid rgba(255,255,255,.1);border-radius:clamp(16px,4vw,20px);padding:clamp(18px,4.5vw,24px);margin-bottom:clamp(18px,4.5vw,24px);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.usage-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:clamp(16px,4vw,20px)}.usage-label{font-size:clamp(1rem,2.5vw,1.1rem);font-weight:600;color:#ffffffe6}.usage-percentage{font-size:clamp(1.3rem,3.5vw,1.5rem);font-weight:800;color:#00bfff;text-shadow:0 0 clamp(15px,3vw,20px) rgba(0,191,255,.3)}.usage-visual{display:flex;justify-content:center;margin:clamp(16px,4vw,20px) 0}.usage-circle{position:relative;width:clamp(70px,14vw,80px);height:clamp(70px,14vw,80px);border-radius:50%;background:#ffffff0d;display:flex;align-items:center;justify-content:center;flex-shrink:0}.circle-fill{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:50%;transition:all .5s ease}.circle-center{position:relative;z-index:2;background:#0f0f23e6;width:60px;height:60px;border-radius:50%;display:flex;align-items:center;justify-content:center;border:2px solid rgba(0,191,255,.3)}.circle-percentage{font-size:.7rem;font-weight:700;color:#00bfff;text-align:center;text-shadow:0 0 10px rgba(0,191,255,.3)}.stats-compact{display:flex;flex-direction:column;gap:clamp(10px,2.5vw,12px);flex:1}.stat-compact{display:flex;align-items:center;gap:clamp(6px,1.5vw,8px);padding:8px 12px;background:#ffffff0d;border-radius:8px;border:1px solid rgba(255,255,255,.1)}.stat-compact .stat-icon{font-size:1.2rem;background:linear-gradient(135deg,#00bfff,#0080ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.stat-compact .stat-value{font-size:1rem;font-weight:600;color:#fff}.stats-row{display:grid;grid-template-columns:1fr 1fr;gap:clamp(12px,3vw,16px)}.stat-box{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:clamp(15px,3vw,20px);display:flex;align-items:center;gap:clamp(14px,3vw,16px)}.stat-icon{font-size:2rem;background:linear-gradient(135deg,#00bfff,#0080ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.stat-label{font-size:.9rem;color:#ffffffb3;margin-bottom:4px;font-weight:500}.stat-value{font-size:1.4rem;font-weight:700;color:#fff}.actions-section{padding:24px;background:#ffffff05;border-top:1px solid rgba(255,255,255,.05)}.action-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(14px,3vw,16px)}.modern-btn{background:linear-gradient(135deg,#ffffff1a,#ffffff0d);border:1px solid rgba(255,255,255,.15);border-radius:16px;padding:clamp(15px,3vw,20px);cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:space-between;gap:clamp(14px,3vw,16px);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.modern-btn:hover{transform:translateY(-3px);box-shadow:0 10px 30px #0000004d}.modern-btn.primary-btn{border-color:#00bfff4d}.modern-btn.primary-btn:hover{background:linear-gradient(135deg,#00bfff26,#0080ff1a);border-color:#00bfff80;box-shadow:0 10px 30px #00bfff33}.modern-btn.success-btn{border-color:#22c55e4d}.modern-btn.success-btn:hover{background:linear-gradient(135deg,#22c55e26,#16a34a1a);border-color:#22c55e80;box-shadow:0 10px 30px #22c55e33}.modern-btn.danger-btn{border-color:#ef44444d}.modern-btn.danger-btn:hover{background:linear-gradient(135deg,#ef444426,#dc26261a);border-color:#ef444480;box-shadow:0 10px 30px #ef444433}.btn-content{display:flex;align-items:center;gap:clamp(14px,3vw,16px);flex:1}.btn-icon{font-size:1.8rem;width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:#ffffff1a;border-radius:12px}.btn-text{flex:1}.btn-title{font-size:1.1rem;font-weight:700;color:#fff;margin-bottom:4px}.btn-subtitle{font-size:.85rem;color:#ffffffb3;font-weight:500}.btn-arrow{font-size:1.2rem;color:#fff9;transition:all .3s ease}.modern-btn:hover .btn-arrow{color:#00bfff;transform:translate(4px)}.status-alert{display:flex;align-items:center;gap:clamp(14px,3vw,16px);padding:20px 24px;background:linear-gradient(135deg,#22c55e1a,#16a34a0d);border:1px solid rgba(34,197,94,.3);border-radius:16px;margin:24px;animation:slideIn .3s ease-out}.alert-icon{font-size:1.5rem;width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:#22c55e33;border-radius:12px}.alert-message{color:#fff;font-size:1rem;font-weight:600;flex:1}.allowance-header{text-align:center;margin-bottom:clamp(20px,5vw,25px)}.allowance-header-content{display:flex;align-items:center;justify-content:center;gap:clamp(8px,2vw,12px);margin-bottom:clamp(6px,1.5vw,8px)}.allowance-logo{width:clamp(35px,8vw,40px);height:clamp(35px,8vw,40px);object-fit:contain}.allowance-header h2{color:#fff;font-size:clamp(1.5em,3.5vw,1.8em);font-weight:700;margin:0}.allowance-header p{color:#ffffffb3;font-size:clamp(.9em,2vw,1em);margin:0}.allowance-overview{background:linear-gradient(135deg,#0003,#0000001a);border:clamp(1px,.2vw,2px) solid rgba(255,255,255,.1);border-radius:clamp(12px,3vw,16px);padding:clamp(18px,4.5vw,24px);margin-bottom:clamp(18px,4.5vw,24px);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.allowance-summary{text-align:center;margin-bottom:clamp(18px,4.5vw,24px)}.summary-header{display:flex;align-items:center;justify-content:center;gap:clamp(8px,2vw,12px);margin-bottom:clamp(8px,2vw,12px)}.summary-icon{font-size:clamp(20px,4vw,24px);line-height:1}.summary-title{color:#ffffffe6;font-size:clamp(16px,3.5vw,18px);font-weight:600}.summary-amount{color:var(--gold);font-size:clamp(24px,5vw,32px);font-weight:700;text-shadow:0 0 clamp(8px,2vw,10px) rgba(255,194,11,.3)}.allowance-breakdown{display:flex;justify-content:space-between;margin-bottom:clamp(16px,4vw,20px);gap:clamp(16px,4vw,20px)}.breakdown-item{flex:1;text-align:center;padding:clamp(12px,3vw,16px);background:#ffffff0d;border-radius:clamp(10px,2.5vw,12px);border:clamp(1px,.2vw,2px) solid rgba(255,255,255,.1)}.breakdown-label{display:flex;align-items:center;justify-content:center;gap:clamp(6px,1.5vw,8px);margin-bottom:clamp(6px,1.5vw,8px);color:#fffc;font-size:clamp(12px,2.5vw,14px);font-weight:500}.breakdown-icon{font-size:clamp(14px,3vw,16px)}.breakdown-value{color:#fff;font-size:clamp(16px,3.5vw,18px);font-weight:600}.allowance-progress{margin-top:clamp(16px,4vw,20px)}.progress-bar{width:100%;height:8px;background:#ffffff1a;border-radius:4px;overflow:hidden;margin-bottom:8px}.progress-fill{height:100%;background:linear-gradient(90deg,var(--gold),#ffd700);border-radius:4px;transition:width .3s ease;box-shadow:0 0 10px #ffc20b4d}.progress-text{text-align:center;color:#ffffffb3;font-size:12px;font-weight:500}.monitoring-overview{background:linear-gradient(135deg,#0003,#0000001a);border:clamp(1px,.2vw,2px) solid rgba(255,255,255,.1);border-radius:clamp(12px,3vw,16px);padding:clamp(18px,4.5vw,24px);margin-bottom:clamp(18px,4.5vw,24px);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.monitoring-summary{text-align:center;margin-bottom:clamp(18px,4.5vw,24px)}.monitoring-breakdown{display:flex;justify-content:space-between;margin-bottom:clamp(16px,4vw,20px);gap:clamp(16px,4vw,20px)}.monitoring-progress{margin-top:clamp(16px,4vw,20px)}.allowance-stat-card{background:linear-gradient(135deg,#00bfff1a,#0096ff0d);border:clamp(1px,.2vw,2px) solid rgba(0,191,255,.2);border-radius:clamp(10px,2.5vw,12px);padding:clamp(12px,3vw,16px);display:flex;align-items:center;gap:clamp(8px,2vw,12px)}.stat-icon{font-size:clamp(1.2em,3vw,1.5em);width:clamp(35px,8vw,40px);height:clamp(35px,8vw,40px);display:flex;align-items:center;justify-content:center;background:#00bfff1a;border-radius:clamp(6px,1.5vw,8px)}.stat-content{flex:1}.stat-label{color:#ffffffb3;font-size:.9em;font-weight:500;margin-bottom:4px}.stat-value{color:#fff;font-size:clamp(1em,2.5vw,1.2em);font-weight:700}.allowance-actions{display:flex;gap:clamp(12px,3vw,15px);justify-content:center;flex-wrap:wrap}.secondary-btn{background:linear-gradient(135deg,#ffffff1a,#ffffff0d);border:2px solid rgba(255,255,255,.2);color:#fff;box-shadow:0 4px 15px #ffffff1a}.secondary-btn:hover:not(:disabled){background:linear-gradient(135deg,#ffffff26,#ffffff1a);border-color:#ffffff4d;box-shadow:0 6px 20px #ffffff26}@media (max-width: 768px){.modern-allowance-panel{border-radius:16px}.allowance-hero{padding:clamp(20px,5vw,30px) clamp(8px,2vw,10px) clamp(4px,1vw,6px) clamp(8px,2vw,10px)}.hero-header{gap:clamp(8px,2vw,10px);margin-bottom:clamp(10px,2.5vw,12px)}.hero-logo{width:clamp(60px,12vw,70px);height:clamp(60px,12vw,70px)}.modern-allowance-panel .hero-title{font-size:clamp(1.3rem,3vw,1.5rem)!important}.hero-amount-card{padding:clamp(12px,3vw,16px)}.amount-number{font-size:clamp(1.6rem,4vw,1.8rem)}.usage-section{padding:16px}.usage-simple{flex-direction:column;gap:20px;padding:clamp(15px,3vw,20px)}.usage-circle-simple{width:80px;height:80px}.circle-content{width:60px;height:60px}.usage-info{gap:clamp(10px,2vw,12px)}.info-item{padding:10px 14px}.usage-card{padding:clamp(15px,3vw,20px)}.usage-circle{width:100px;height:100px}.circle-center{width:70px;height:70px}.stats-row{grid-template-columns:1fr;gap:clamp(10px,2vw,12px)}.stat-box{padding:16px}.actions-section{padding:20px 16px}.action-grid{grid-template-columns:1fr;gap:clamp(10px,2vw,12px)}.modern-btn{padding:16px}.btn-content{gap:clamp(10px,2vw,12px)}.btn-icon{width:36px;height:36px;font-size:1.5rem}.status-alert{margin:16px;padding:16px 20px}}.monitoring-results{background:linear-gradient(135deg,#141428e6,#0a0a1ecc);border:clamp(1px,.2vw,2px) solid rgba(0,191,255,.3);border-radius:clamp(12px,3vw,15px);padding:clamp(16px,4vw,20px);margin:clamp(16px,4vw,20px) 0;box-shadow:0 clamp(6px,1.5vw,8px) clamp(24px,5vw,32px) #0000004d}.monitoring-stats{margin:clamp(8px,2vw,10px) 0;text-align:center}.tip-count{background:linear-gradient(135deg,#22c55e33,#16a34a1a);border:1px solid rgba(34,197,94,.3);border-radius:8px;padding:8px 16px;color:#22c55e;font-weight:600;font-size:.9em}.reply-author,.parent-author{margin:8px 0;padding:8px;background:#0003;border-radius:6px;border-left:3px solid rgba(0,191,255,.5)}.parent-author{border-left-color:#22c55e80;background:#22c55e0d}.author-label{display:block;font-size:.8em;color:#00bfff;font-weight:600;margin-bottom:4px}.parent-author .author-label{color:#22c55e}.wallet-address{display:block;font-size:.75em;color:#fbbf24;font-family:Courier New,monospace;margin-top:4px;word-break:break-all}.tipping-status{background:linear-gradient(135deg,#141428e6,#0a0a1ecc);border:1px solid rgba(0,191,255,.3);border-radius:15px;padding:clamp(15px,3vw,20px);margin:20px 0;box-shadow:0 8px 32px #0000004d}.tipping-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:clamp(15px,3vw,20px);padding-bottom:clamp(12px,2.5vw,15px);border-bottom:1px solid rgba(0,191,255,.2)}.tipping-header h3{color:#00bfff;margin:0;font-size:clamp(1rem,2.5vw,1.2em);font-weight:600}.tipping-stats{display:flex;gap:clamp(12px,3vw,15px)}.total-tips,.successful-tips{background:linear-gradient(135deg,#22c55e33,#16a34a1a);border:1px solid rgba(34,197,94,.3);border-radius:8px;padding:clamp(4px,1vw,6px) clamp(8px,2vw,12px);color:#22c55e;font-weight:600;font-size:.85em}.tipping-events{max-height:400px;overflow-y:auto}.tipping-event{background:#0000004d;border:1px solid rgba(0,191,255,.2);border-radius:10px;padding:15px;margin-bottom:15px}.event-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.event-status{display:flex;align-items:center;gap:clamp(6px,1.5vw,8px)}.status-icon{font-size:1.1em}.status-text{font-weight:600;font-size:.9em}.event-time{color:#9ca3af;font-size:.8em}.event-details{display:flex;flex-direction:column;gap:clamp(6px,1.5vw,8px)}.tip-amount{display:flex;align-items:center;gap:clamp(6px,1.5vw,8px)}.amount-label{color:#00bfff;font-weight:600;font-size:.9em}.amount-value{color:#fbbf24;font-weight:700;font-size:1.1em}.addresses{display:flex;flex-direction:column;gap:clamp(4px,1vw,6px)}.from-address,.to-address{display:flex;align-items:center;gap:clamp(6px,1.5vw,8px)}.address-label{color:#9ca3af;font-size:.8em;min-width:40px}.address-value{color:#fff;font-family:Courier New,monospace;font-size:.85em;background:#0000004d;padding:2px 6px;border-radius:4px}.transaction-hash{display:flex;align-items:center;gap:clamp(6px,1.5vw,8px)}.hash-label{color:#9ca3af;font-size:.8em;min-width:clamp(70px,15vw,80px)}.hash-value{color:#60a5fa;font-family:Courier New,monospace;font-size:.8em;background:#60a5fa1a;padding:2px 6px;border-radius:4px}.error-message{display:flex;align-items:center;gap:clamp(6px,1.5vw,8px)}.error-label{color:#ef4444;font-size:.8em;min-width:50px}.error-value{color:#fca5a5;font-size:.8em;background:#ef44441a;padding:2px 6px;border-radius:4px}.no-events{text-align:center;padding:40px 20px;color:#9ca3af}.no-events p{margin:8px 0}.help-text{font-size:.9em;color:#6b7280}.monitoring-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:clamp(16px,4vw,20px);flex-wrap:wrap;gap:clamp(8px,2vw,10px)}.monitoring-header h3{color:#fff;font-size:clamp(1.3em,3vw,1.5em);font-weight:700;margin:0}.monitoring-controls{display:flex;align-items:center;gap:clamp(12px,3vw,15px);flex-wrap:wrap}.refresh-btn{background:linear-gradient(135deg,#00bfff33,#0096ff26);border:1px solid rgba(0,191,255,.4);color:#fff;padding:8px 16px;border-radius:8px;font-size:.9em;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:clamp(4px,1vw,6px)}.refresh-btn:hover:not(:disabled){background:linear-gradient(135deg,#00bfff4d,#0096ff40);transform:translateY(-1px)}.refresh-btn:disabled{opacity:.6;cursor:not-allowed}.last-update{color:#ffffffb3;font-size:.8em}.results-list{max-height:400px;overflow-y:auto}.no-results{text-align:center;padding:40px 20px;color:#ffffffb3}.no-results p{margin:0 0 10px;font-size:1.1em}.help-text{font-size:.9em!important;opacity:.8}.result-item{background:linear-gradient(135deg,#00bfff0d,#0096ff05);border:1px solid rgba(0,191,255,.2);border-radius:12px;padding:16px;margin-bottom:15px;transition:all .3s ease}.result-item:hover{background:linear-gradient(135deg,#00bfff1a,#0096ff0d);border-color:#00bfff4d}.result-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;flex-wrap:wrap;gap:clamp(6px,1.5vw,8px)}.author-info{display:flex;align-items:center;gap:clamp(6px,1.5vw,8px);flex-wrap:wrap}.author-name{color:#fff;font-weight:600;font-size:.95em}.author-username{color:#00bfffcc;font-size:.9em}.author-fid{color:#fff9;font-size:.8em;background:#ffffff1a;padding:2px 6px;border-radius:4px}.result-time{color:#fff9;font-size:.8em}.reply-text{background:#0003;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:clamp(8px,2vw,12px);margin-bottom:12px;color:#fff;font-size:.95em;line-height:1.4;word-wrap:break-word}.tipping-result{border-radius:8px;padding:clamp(8px,2vw,12px);border:1px solid}.tipping-result.success{background:linear-gradient(135deg,#22c55e1a,#16a34a0d);border-color:#22c55e4d}.tipping-result.info{background:linear-gradient(135deg,#3b82f61a,#2563eb0d);border-color:#3b82f64d}.tipping-status{display:flex;align-items:center;gap:clamp(6px,1.5vw,8px);margin-bottom:8px}.status-icon{font-size:1.2em}.status-text{color:#fff;font-weight:600;font-size:.95em}.extracted-amount{display:flex;align-items:center;gap:clamp(6px,1.5vw,8px);margin-bottom:8px;flex-wrap:wrap}.amount-label{color:#ffffffb3;font-size:.9em}.amount-value{color:#ffc20b;font-weight:700;font-size:1.1em;background:transparent;padding:2px 8px;border-radius:4px}.amount-type{color:#fffc;font-size:.9em;background:#ffffff1a;padding:2px 6px;border-radius:4px}.tipping-details{display:flex;flex-direction:column;gap:4px}.tip-amount{color:#fff;font-weight:600;font-size:.9em}.tip-reason{color:#fffc;font-size:.85em;font-style:italic}@media (max-width: 768px){.monitoring-header{flex-direction:column;align-items:flex-start}.monitoring-controls{width:100%;justify-content:space-between;gap:clamp(8px,2vw,12px)}.result-header{flex-direction:column;align-items:flex-start}.author-info{width:100%}}.recent-tips-panel{background:linear-gradient(135deg,#141428e6,#0a0a1ecc);border:1px solid rgba(0,191,255,.3);border-radius:15px;padding:clamp(15px,3vw,20px);margin:0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.tips-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.tips-header-content{display:flex;align-items:center;gap:clamp(10px,2vw,12px)}.tips-icon{font-size:24px}.tips-header h3{color:var(--gold);font-size:1.5rem;font-weight:700;margin:0;text-shadow:0 0 10px rgba(255,194,11,.4)}.refresh-btn{background:#00bfff33;border:1px solid rgba(0,191,255,.4);border-radius:8px;padding:8px 12px;color:#00bfff;font-size:16px;cursor:pointer;transition:all .3s ease}.refresh-btn:hover:not(:disabled){background:#00bfff4d;transform:scale(1.05)}.refresh-btn:disabled{opacity:.5;cursor:not-allowed}.loading-state,.error-state,.empty-state{text-align:center;padding:40px 20px;color:#ffffffb3}.loading-spinner{width:32px;height:32px;border:3px solid rgba(0,191,255,.3);border-top:3px solid #00bfff;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 16px}.error-icon,.empty-icon{font-size:48px;margin-bottom:16px;display:block}.retry-btn{background:#f443;border:1px solid rgba(255,68,68,.4);border-radius:8px;padding:8px 16px;color:#f44;cursor:pointer;transition:all .3s ease;margin-top:12px}.retry-btn:hover{background:#ff44444d}.tips-content{max-height:400px;overflow-y:auto}.tips-group{margin-bottom:24px}.group-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;padding-bottom:8px;border-bottom:1px solid rgba(255,255,255,.1)}.group-header h4{color:#fff;font-size:1.1rem;font-weight:600;margin:0}.tips-count{color:#fff9;font-size:.9rem;background:#00bfff33;padding:4px 8px;border-radius:12px}.tips-list{display:flex;flex-direction:column;gap:clamp(6px,1.5vw,8px)}.tip-item{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:clamp(8px,2vw,12px);transition:all .3s ease}.tip-item:hover{background:#ffffff14;border-color:#00bfff4d}.tip-main{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.tip-users{display:flex;align-items:center;gap:clamp(6px,1.5vw,8px);flex:1}.from-user,.to-user{color:#fff;font-weight:500;font-size:.95rem}.tip-arrow{color:var(--gold);font-weight:700;font-size:1.1rem}.tip-amount{color:var(--gold);font-weight:700;font-size:1rem;text-shadow:0 0 8px rgba(255,194,11,.3)}.tip-meta{display:flex;align-items:center;justify-content:space-between}.tip-time{color:#fff9;font-size:.85rem}.tip-status{font-size:14px}.tip-status.success{color:#22c55e}.tips-content::-webkit-scrollbar{display:none}.status-badge{padding:4px 8px;border-radius:12px;font-size:12px;font-weight:600;text-transform:uppercase}.status-badge.completed{background:#22c55e1a;color:#16a34a;border:1px solid rgba(34,197,94,.2)}.status-badge.failed{background:#ef44441a;color:#dc2626;border:1px solid rgba(239,68,68,.2)}.copy-hash-btn{background:#3b82f61a;border:1px solid rgba(59,130,246,.2);color:#2563eb;padding:6px 8px;border-radius:8px;cursor:pointer;transition:all .2s ease}.copy-hash-btn:hover{background:#3b82f633;transform:scale(1.05)}.copy-hash-btn.failed{background:#ef44441a;border:1px solid rgba(239,68,68,.2);color:#dc2626}.copy-hash-btn.failed:hover{background:#ef444433}.refresh-btn{display:flex;align-items:center;gap:clamp(6px,1.5vw,8px);padding:10px 16px;border:none;border-radius:12px;font-weight:600;font-size:14px;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden}.refresh-btn.light{background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#fff;border:1px solid #d97706;box-shadow:0 2px 8px #fbbf244d}.refresh-btn.light:hover:not(:disabled){background:linear-gradient(135deg,#f59e0b,#d97706);transform:translateY(-2px);box-shadow:0 6px 16px #fbbf2466}.refresh-btn.dark{background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#fff;border:1px solid #d97706;box-shadow:0 2px 8px #fbbf2466}.refresh-btn.dark:hover:not(:disabled){background:linear-gradient(135deg,#f59e0b,#d97706);transform:translateY(-2px);box-shadow:0 6px 16px #fbbf2480}.refresh-btn:disabled{opacity:.7;cursor:not-allowed;transform:none!important;background:linear-gradient(135deg,#9ca3af,#6b7280);border-color:#6b7280;box-shadow:0 2px 4px #0003}.refresh-icon{font-size:16px;transition:transform .3s ease;filter:drop-shadow(0 1px 2px rgba(0,0,0,.2))}.refresh-btn:hover:not(:disabled) .refresh-icon{transform:rotate(180deg)}.refresh-text{font-size:13px;font-weight:700;text-shadow:0 1px 2px rgba(0,0,0,.2)}.refresh-btn:disabled .refresh-icon{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.refresh-btn:not(:disabled):before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#fff3,#ffffff1a);border-radius:12px;opacity:0;transition:opacity .3s ease}.refresh-btn:hover:not(:disabled):before{opacity:1}.amount-status.failed{color:#dc2626}.tx-hash-btn.success{background:#22c55ecc;border:1px solid rgba(34,197,94,.9);color:#fff;width:clamp(85px,20vw,100px);margin-top:clamp(-4px,-1vw,-2px);box-shadow:0 2px 8px #22c55e4d}.tx-hash-btn.success:hover{background:#22c55ee6;box-shadow:0 4px 12px #22c55e66}.tx-hash-btn.failed{background:#ef4444cc;border:1px solid rgba(239,68,68,.9);color:#fff;width:clamp(85px,20vw,100px);margin-top:clamp(-4px,-1vw,-2px)}.tx-hash-btn.failed:hover{background:#ef4444e6}.load-more-section{text-align:center;margin-top:20px}.load-more-btn{background:linear-gradient(135deg,#001a4d,#002d8f);color:#fff;border:none;padding:12px 24px;border-radius:12px;font-weight:600;cursor:pointer;transition:all .3s ease}.load-more-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 25px #001a4d4d}.load-more-btn:disabled{opacity:.6;cursor:not-allowed}.tipped-accounts-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;padding:0 4px}.tipped-accounts-title{font-size:20px;font-weight:700;margin:0;color:inherit}.tipped-accounts-subtitle{font-size:14px;color:#64748b;margin:4px 0 0;font-weight:500}.tipped-accounts-header-content{flex:1}@media (max-width: 768px){.refresh-btn{padding:8px;border-radius:10px;font-size:12px}.refresh-text{display:none}.refresh-btn.light,.refresh-btn.dark{box-shadow:0 2px 6px #fbbf244d}.refresh-btn.light:hover:not(:disabled),.refresh-btn.dark:hover:not(:disabled){box-shadow:0 4px 12px #fbbf2466}}@media (max-width: 768px){.tip-main{flex-direction:column;align-items:flex-start;gap:clamp(6px,1.5vw,8px)}.tip-users{width:100%}.tip-amount{align-self:flex-end}}@media (max-width: 768px){.staking-page{padding:10px;gap:clamp(12px,2.5vw,15px)}.status-card{padding:clamp(12px,3vw,15px)}.status-title-section h3{font-size:clamp(18px,4vw,24px)}.user-profile-section{flex-direction:row;align-items:center;gap:clamp(8px,2vw,12px)}.user-profile-section .user-info{align-items:flex-start;text-align:left}.user-id-box{justify-content:flex-start}.user-avatar-large{width:clamp(50px,10vw,65px);height:clamp(50px,10vw,65px);font-size:clamp(1.2rem,3vw,1.6rem)}.user-id-box{flex-direction:column;align-items:center;gap:clamp(3px,1vw,6px);width:100%;justify-content:center}.user-handle{font-size:clamp(14px,2.5vw,18px)!important}.user-address{font-size:clamp(12px,2.2vw,14px)!important}.status-details-horizontal{flex-direction:row;gap:clamp(6px,1.5vw,10px);flex-wrap:wrap;justify-content:center}.status-item-vertical{min-height:clamp(50px,10vw,70px);flex:1;min-width:clamp(120px,25vw,150px)}.status-label{font-size:clamp(10px,1.8vw,12px)}.status-value{font-size:clamp(14px,2.5vw,18px)}.corner-rank-box{position:absolute;top:clamp(4px,1vw,8px);right:clamp(4px,1vw,8px);width:clamp(70px,14vw,100px);height:clamp(70px,14vw,100px);padding:clamp(8px,2vw,12px) clamp(10px,2.5vw,14px)}}@media (max-width: 480px){.staking-page{padding:8px;gap:clamp(10px,2vw,12px)}.status-card{padding:clamp(10px,2.5vw,12px)}.status-header{gap:clamp(6px,1.5vw,10px)}.user-avatar-large{width:clamp(45px,9vw,55px);height:clamp(45px,9vw,55px);font-size:clamp(1rem,2.5vw,1.4rem)}.status-title-section h3{font-size:clamp(18px,4.5vw,24px)}.user-handle{font-size:clamp(12px,2.2vw,16px)!important}.user-address{font-size:clamp(10px,2vw,12px)!important}.status-item-vertical{min-height:clamp(45px,9vw,60px);padding:clamp(6px,1.5vw,12px);flex:1;min-width:clamp(100px,22vw,130px)}.status-label{font-size:clamp(9px,1.6vw,11px)}.status-value{font-size:clamp(12px,2.2vw,16px)}}@media (max-width: 768px){.token-info-card{padding:clamp(12px,3vw,20px)!important;border-radius:clamp(10px,2vw,15px)!important;margin:0 0 clamp(10px,2vw,15px) 0!important}.token-info-header{flex-direction:column!important;align-items:center!important;gap:clamp(8px,2vw,12px)!important;text-align:center!important}.token-logo{width:clamp(35px,8vw,40px)!important;height:clamp(35px,8vw,40px)!important}.token-name{font-size:clamp(16px,3vw,22px)!important;margin:0 0 clamp(4px,1vw,8px) 0!important}.token-info-symbol{font-size:clamp(11px,2.5vw,14px)!important;padding:clamp(3px,1vw,4px) clamp(6px,1.5vw,8px)!important;border-radius:clamp(4px,1vw,6px)!important}.token-name-row{flex-direction:column!important;align-items:center!important;gap:clamp(6px,1.5vw,8px)!important;margin-bottom:clamp(8px,2vw,12px)!important}.token-buttons{flex-direction:row!important;flex-wrap:wrap!important;gap:clamp(4px,1vw,6px)!important;width:100%!important;justify-content:center!important}.token-btn{min-width:clamp(60px,15vw,80px)!important;max-width:clamp(80px,20vw,100px)!important;flex:1 1 auto!important;font-size:clamp(10px,2.2vw,12px)!important;padding:clamp(4px,1vw,6px) clamp(6px,1.5vw,8px)!important}.token-stats-grid{grid-template-columns:1fr!important;gap:clamp(8px,2vw,12px)!important;margin-top:clamp(12px,3vw,15px)!important}.token-stat{padding:clamp(8px,2vw,12px)!important;border-radius:clamp(6px,1.5vw,8px)!important;flex-direction:column!important;align-items:center!important;text-align:center!important;gap:clamp(4px,1vw,6px)!important}.token-stat .stat-label{font-size:clamp(10px,2.2vw,13px)!important;text-align:center!important}.token-stat .stat-value{font-size:clamp(12px,2.8vw,16px)!important;text-align:center!important}.token-stat .stat-value .unit-text{font-size:clamp(9px,2vw,13px)!important}.action-buttons-section{padding:clamp(2px,.5vw,4px)!important;border-radius:clamp(10px,2vw,15px)!important}.action-buttons-header{margin-bottom:clamp(8px,2vw,12px)!important}.action-buttons-title{font-size:clamp(14px,3vw,18px)!important;text-align:center!important}.action-buttons-row{flex-direction:column!important;gap:clamp(8px,2vw,12px)!important}.action-btn{width:100%!important;padding:clamp(10px,2.5vw,12px) clamp(16px,4vw,20px)!important;font-size:clamp(12px,2.8vw,14px)!important;border-radius:clamp(8px,2vw,10px)!important}}@media (max-width: 480px){.token-info-card{padding:clamp(8px,2vw,15px)!important;margin:0 0 clamp(8px,2vw,12px) 0!important}.token-name{font-size:clamp(14px,3.5vw,20px)!important}.token-info-symbol{font-size:clamp(10px,2.8vw,13px)!important;padding:clamp(2px,1vw,4px) clamp(5px,1.5vw,7px)!important}.token-btn{font-size:clamp(9px,2.5vw,11px)!important;padding:clamp(3px,1vw,5px) clamp(4px,1.5vw,6px)!important;min-width:clamp(50px,12vw,70px)!important;max-width:clamp(70px,18vw,90px)!important}.token-stat{padding:clamp(6px,1.5vw,10px)!important}.token-stat .stat-label{font-size:clamp(9px,2.5vw,12px)!important}.token-stat .stat-value{font-size:clamp(11px,3vw,15px)!important}.token-stat .stat-value .unit-text{font-size:clamp(8px,2.2vw,12px)!important}.action-buttons-title{font-size:clamp(12px,3.5vw,16px)!important}.action-btn{padding:clamp(8px,2.5vw,10px) clamp(12px,3vw,16px)!important;font-size:clamp(11px,3vw,13px)!important}}@media (min-width: 769px) and (max-width: 1024px){.token-info-card{padding:clamp(15px,2.5vw,20px)!important}.token-name{font-size:clamp(18px,3vw,22px)!important}.token-info-symbol{font-size:clamp(12px,2.2vw,14px)!important}.token-btn{font-size:clamp(11px,2.2vw,12px)!important;min-width:clamp(65px,12vw,85px)!important;max-width:clamp(85px,18vw,105px)!important}.token-stat .stat-label{font-size:clamp(11px,2.2vw,13px)!important}.token-stat .stat-value{font-size:clamp(13px,2.5vw,16px)!important}.action-btn{font-size:clamp(12px,2.5vw,14px)!important}}@media (max-width: 768px){.slider-container{gap:clamp(6px,1.5vw,10px)!important;margin-bottom:clamp(12px,3vw,20px)!important}.amount-slider{height:clamp(6px,1.5vw,8px)!important;border-radius:clamp(3px,1vw,4px)!important}.amount-slider::-webkit-slider-thumb{width:clamp(20px,4vw,24px)!important;height:clamp(20px,4vw,24px)!important;border:clamp(2px,.5vw,3px) solid rgba(255,255,255,.3)!important}.amount-slider::-moz-range-thumb{width:clamp(20px,4vw,24px)!important;height:clamp(20px,4vw,24px)!important;border:clamp(2px,.5vw,3px) solid rgba(255,255,255,.3)!important}.slider-labels{font-size:clamp(10px,2.2vw,14px)!important;gap:clamp(4px,1vw,8px)!important}.custom-amount{gap:clamp(8px,2vw,12px)!important;border-radius:clamp(8px,2vw,12px)!important;padding:clamp(8px,2vw,12px)!important;border:clamp(1px,.3vw,2px) solid rgba(255,194,11,.4)!important}.custom-input{font-size:clamp(12px,2.8vw,16px)!important;padding:clamp(8px,2vw,12px)!important;border-radius:clamp(6px,1.5vw,8px)!important;border:clamp(1px,.3vw,2px) solid rgba(255,194,11,.3)!important}.token-unit{font-size:clamp(11px,2.5vw,16px)!important}.approve-section{margin-top:clamp(12px,3vw,20px)!important;flex-direction:column!important;gap:clamp(8px,2vw,12px)!important}.approve-section button{padding:clamp(10px,2.5vw,14px) clamp(20px,5vw,32px)!important;font-size:clamp(14px,3vw,16px)!important;border-radius:clamp(8px,2vw,12px)!important;min-width:clamp(120px,25vw,140px)!important;gap:clamp(6px,1.5vw,8px)!important}.approve-section button .btn-icon{width:clamp(16px,3vw,18px)!important;height:clamp(16px,3vw,18px)!important}.approval-error-message{margin-top:clamp(8px,2vw,15px)!important;padding:clamp(8px,2vw,12px) clamp(10px,2.5vw,16px)!important;border-radius:clamp(6px,1.5vw,8px)!important}.approval-error-message p{font-size:clamp(.8em,2vw,.9em)!important}.balance-warning{margin-top:clamp(10px,2.5vw,16px)!important;padding:clamp(8px,2vw,12px)!important;border-radius:clamp(6px,1.5vw,8px)!important}.warning-text{font-size:clamp(.8em,2vw,.9em)!important}.warning-text p{font-size:clamp(.75em,1.8vw,.85em)!important}}@media (max-width: 480px){.slider-container{gap:clamp(4px,1vw,8px)!important;margin-bottom:clamp(8px,2vw,15px)!important}.amount-slider{height:clamp(5px,1.2vw,7px)!important}.amount-slider::-webkit-slider-thumb{width:clamp(18px,3.5vw,22px)!important;height:clamp(18px,3.5vw,22px)!important}.amount-slider::-moz-range-thumb{width:clamp(18px,3.5vw,22px)!important;height:clamp(18px,3.5vw,22px)!important}.slider-labels{font-size:clamp(9px,2.5vw,12px)!important}.custom-amount{gap:clamp(6px,1.5vw,10px)!important;padding:clamp(6px,1.5vw,10px)!important}.custom-input{font-size:clamp(11px,3vw,15px)!important;padding:clamp(6px,1.5vw,10px)!important}.token-unit{font-size:clamp(10px,2.8vw,14px)!important}.approve-section{margin-top:clamp(8px,2vw,15px)!important}.approve-section button{padding:clamp(8px,2vw,12px) clamp(16px,4vw,28px)!important;font-size:clamp(12px,3vw,15px)!important;min-width:clamp(100px,22vw,130px)!important}.approve-section button .btn-icon{width:clamp(14px,3vw,16px)!important;height:clamp(14px,3vw,16px)!important}.approval-error-message{padding:clamp(6px,1.5vw,10px) clamp(8px,2vw,12px)!important}.approval-error-message p{font-size:clamp(.75em,2.2vw,.85em)!important}.balance-warning{padding:clamp(6px,1.5vw,10px)!important}.warning-text{font-size:clamp(.75em,2.2vw,.85em)!important}.warning-text p{font-size:clamp(.7em,2vw,.8em)!important}}@media (min-width: 769px) and (max-width: 1024px){.slider-container{gap:clamp(8px,1.5vw,10px)!important;margin-bottom:clamp(15px,2.5vw,20px)!important}.amount-slider{height:clamp(7px,1.2vw,8px)!important}.amount-slider::-webkit-slider-thumb{width:clamp(22px,3.5vw,24px)!important;height:clamp(22px,3.5vw,24px)!important}.amount-slider::-moz-range-thumb{width:clamp(22px,3.5vw,24px)!important;height:clamp(22px,3.5vw,24px)!important}.slider-labels{font-size:clamp(11px,2.2vw,14px)!important}.custom-amount{gap:clamp(10px,1.8vw,12px)!important;padding:clamp(10px,2vw,12px)!important}.custom-input{font-size:clamp(13px,2.5vw,16px)!important;padding:clamp(10px,2vw,12px)!important}.token-unit{font-size:clamp(12px,2.2vw,16px)!important}.approve-section{margin-top:clamp(15px,2.5vw,20px)!important}.approve-section button{padding:clamp(12px,2.2vw,14px) clamp(24px,4vw,32px)!important;font-size:clamp(14px,2.8vw,16px)!important;min-width:clamp(130px,22vw,140px)!important}.approve-section button .btn-icon{width:clamp(17px,2.8vw,18px)!important;height:clamp(17px,2.8vw,18px)!important}}@media (max-width: 768px){.page-content.stake-section{margin-top:clamp(10px,2vw,20px)!important;padding:clamp(12px,3vw,20px)!important;border-radius:clamp(10px,2vw,15px)!important}.page-content.stake-section h4{font-size:clamp(1rem,3vw,1.3em)!important;margin-bottom:clamp(8px,2vw,15px)!important;padding:clamp(2px,1vw,2px) clamp(8px,2vw,15px) 0 clamp(8px,2vw,15px)!important}.page-content.stake-section img[alt="$TYSM Logo"]{width:clamp(60px,12vw,90px)!important;height:clamp(60px,12vw,90px)!important}.page-content.stake-section>div:last-child{padding:0 0 clamp(8px,2vw,15px) 0!important}.page-content.stake-section>div:last-child>div>div{padding:clamp(6px,1.5vw,10px) clamp(6px,1.5vw,8px)!important;margin-bottom:clamp(4px,1vw,6px)!important;border-radius:clamp(6px,1.5vw,8px)!important;font-size:clamp(.8em,2vw,.9em)!important}.page-content.stake-section>div:last-child>div>div>span:first-child{min-width:clamp(20px,4vw,25px)!important;font-size:clamp(.8em,2vw,.9em)!important}.page-content.stake-section img[alt]:not([alt="$TYSM Logo"]){width:clamp(20px,4vw,24px)!important;height:clamp(20px,4vw,24px)!important;margin-right:clamp(6px,1.5vw,10px)!important}.page-content.stake-section>div:last-child>div>div>span:nth-child(3){font-size:clamp(.85em,2vw,.95em)!important;flex:1!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}.page-content.stake-section>div:last-child>div>div>span:last-child{font-size:clamp(.8em,2vw,.95em)!important;min-width:clamp(60px,12vw,80px)!important;text-align:right!important}}@media (max-width: 480px){.page-content.stake-section{margin-top:clamp(8px,2vw,15px)!important;padding:clamp(8px,2vw,15px)!important}.page-content.stake-section h4{font-size:clamp(.9rem,3.5vw,1.1em)!important;margin-bottom:clamp(6px,1.5vw,12px)!important}.page-content.stake-section img[alt="$TYSM Logo"]{width:clamp(50px,10vw,70px)!important;height:clamp(50px,10vw,70px)!important}.page-content.stake-section>div:last-child>div>div{padding:clamp(4px,1vw,8px) clamp(4px,1vw,6px)!important;margin-bottom:clamp(3px,1vw,5px)!important;font-size:clamp(.75em,2.5vw,.85em)!important}.page-content.stake-section>div:last-child>div>div>span:first-child{min-width:clamp(18px,3.5vw,22px)!important;font-size:clamp(.75em,2.5vw,.85em)!important}.page-content.stake-section img[alt]:not([alt="$TYSM Logo"]){width:clamp(18px,3.5vw,22px)!important;height:clamp(18px,3.5vw,22px)!important;margin-right:clamp(4px,1vw,8px)!important}.page-content.stake-section>div:last-child>div>div>span:nth-child(3){font-size:clamp(.8em,2.5vw,.9em)!important}.page-content.stake-section>div:last-child>div>div>span:last-child{font-size:clamp(.75em,2.5vw,.9em)!important;min-width:clamp(50px,10vw,70px)!important}}img[alt=Rewards],.wallet-earnings-icon{width:clamp(120px,24vw,160px)!important;height:clamp(120px,24vw,160px)!important;filter:drop-shadow(0 clamp(12px,2.5vw,18px) clamp(24px,5vw,36px) rgba(0,0,0,.5))!important;max-width:none!important;max-height:none!important;min-width:clamp(100px,20vw,140px)!important;min-height:clamp(100px,20vw,140px)!important}@media (max-width: 480px){.stake-amount{font-size:clamp(1em,2vw,1.1em)!important}.community-emoji{font-size:clamp(.9em,1.8vw,1em)!important;margin-right:clamp(3px,.8vw,4px)!important}.holder-title,.holder-info{gap:clamp(4px,1vw,6px)!important}.checkmark-icon{width:clamp(90px,18vw,110px)!important;height:clamp(90px,18vw,110px)!important}.rewards-icon{width:clamp(100px,20vw,120px)!important;height:clamp(100px,20vw,120px)!important}img[src="/Rewards.png"]{width:clamp(110px,22vw,130px)!important;height:clamp(110px,22vw,130px)!important}.verification-checkmark img[src="/Rewards.png"],img[alt=Rewards],.wallet-earnings-icon{width:clamp(100px,20vw,120px)!important;height:clamp(100px,20vw,120px)!important}}@media (min-width: 769px) and (max-width: 1024px){.page-content.stake-section{margin-top:clamp(15px,2vw,20px)!important;padding:clamp(15px,2.5vw,20px)!important}.page-content.stake-section h4{font-size:clamp(1.1em,2.5vw,1.3em)!important}.page-content.stake-section img[alt="$TYSM Logo"]{width:clamp(70px,10vw,85px)!important;height:clamp(70px,10vw,85px)!important}.page-content.stake-section>div:last-child>div>div{padding:clamp(8px,1.5vw,10px) clamp(8px,1.5vw,8px)!important;font-size:clamp(.85em,1.8vw,.9em)!important}.page-content.stake-section img[alt]:not([alt="$TYSM Logo"]){width:clamp(22px,3.5vw,24px)!important;height:clamp(22px,3.5vw,24px)!important}}@media (max-width: 768px){.tipping-description-card{padding:clamp(12px,2.5vw,16px) clamp(16px,3vw,20px)!important;margin:clamp(10px,2vw,15px) 0!important;border-radius:clamp(10px,2vw,15px)!important}.description-icon{font-size:clamp(2rem,4vw,2.5rem)!important;min-width:clamp(20px,4vw,25px)!important}.description-content{margin-left:clamp(30px,6vw,40px)!important}.description-content h3{font-size:clamp(12px,2.5vw,16px)!important}.description-content p{font-size:clamp(10px,2vw,14px)!important}.process-flow{gap:clamp(6px,1.2vw,10px)!important;padding:clamp(8px,1.5vw,10px) clamp(10px,2vw,14px)!important}.flow-step{font-size:clamp(12px,2.5vw,18px)!important}.flow-arrow{font-size:clamp(12px,2.5vw,16px)!important}}@media (max-width: 480px){.tipping-description-card{padding:clamp(10px,2vw,14px) clamp(12px,2.5vw,16px)!important;margin:clamp(8px,1.5vw,12px) 0!important}.description-icon{font-size:clamp(1.8rem,3.5vw,2.2rem)!important;min-width:clamp(18px,3.5vw,22px)!important}.description-content{margin-left:clamp(25px,5vw,35px)!important}.description-content h3{font-size:clamp(11px,2.2vw,14px)!important}.description-content p{font-size:clamp(9px,1.8vw,12px)!important}.process-flow{gap:clamp(4px,1vw,8px)!important;padding:clamp(6px,1.2vw,8px) clamp(8px,1.5vw,12px)!important}.flow-step{font-size:clamp(10px,2.2vw,16px)!important}.flow-arrow{font-size:clamp(10px,2.2vw,14px)!important}}@media (min-width: 769px) and (max-width: 1024px){.tipping-description-card{padding:clamp(18px,2.5vw,22px) clamp(20px,3vw,24px)!important;margin:clamp(15px,2vw,18px) 0!important}.description-icon{font-size:clamp(2.2rem,4.5vw,3rem)!important;min-width:clamp(22px,4.5vw,28px)!important}.description-content{margin-left:clamp(35px,6.5vw,42px)!important}.description-content h3{font-size:clamp(13px,2.6vw,17px)!important}.description-content p{font-size:clamp(11px,2.1vw,14px)!important}.process-flow{gap:clamp(7px,1.3vw,11px)!important;padding:clamp(7px,1.3vw,9px) clamp(11px,2.3vw,15px)!important}.flow-step{font-size:clamp(13px,2.6vw,20px)!important}.flow-arrow{font-size:clamp(13px,2.6vw,17px)!important}}@media (max-width: 768px){.gratitude-page-header{padding:clamp(12px,2.5vw,16px) clamp(16px,3vw,20px)!important;margin:clamp(8px,1.5vw,12px) 0 clamp(15px,2.5vw,20px) 0!important;border-radius:clamp(10px,2vw,15px)!important;gap:clamp(10px,2vw,15px)!important}.gratitude-page-header h1{font-size:clamp(20px,4.5vw,28px)!important;letter-spacing:clamp(1px,.2vw,2px)!important}.gratitude-page-header .gratitude-subtitle{gap:clamp(3px,.8vw,5px)!important}.gratitude-page-header .gratitude-text,.gratitude-page-header .gratitude-separator,.gratitude-page-header .gratitude-message{font-size:clamp(11px,2.2vw,14px)!important}.gratitude-heart{margin-left:clamp(10px,2vw,15px)!important}.heart-image{width:clamp(35px,7vw,50px)!important;height:clamp(35px,7vw,50px)!important}}@media (max-width: 480px){.gratitude-page-header{padding:clamp(10px,2vw,14px) clamp(12px,2.5vw,16px)!important;margin:clamp(6px,1.2vw,10px) 0 clamp(12px,2vw,15px) 0!important;gap:clamp(8px,1.5vw,12px)!important}.gratitude-page-header h1{font-size:clamp(18px,4vw,24px)!important;letter-spacing:clamp(.5px,.1vw,1px)!important}.gratitude-page-header .gratitude-subtitle{gap:clamp(2px,.5vw,4px)!important}.gratitude-page-header .gratitude-text,.gratitude-page-header .gratitude-separator,.gratitude-page-header .gratitude-message{font-size:clamp(10px,2vw,12px)!important}.gratitude-heart{margin-left:clamp(8px,1.5vw,12px)!important}.heart-image{width:clamp(30px,6vw,45px)!important;height:clamp(30px,6vw,45px)!important}}@media (min-width: 769px) and (max-width: 1024px){.gratitude-page-header{padding:clamp(14px,2vw,18px) clamp(18px,3vw,22px)!important;margin:clamp(10px,1.5vw,12px) 0 clamp(18px,2.5vw,22px) 0!important;gap:clamp(15px,2.5vw,18px)!important}.gratitude-page-header h1{font-size:clamp(22px,4.5vw,32px)!important;letter-spacing:clamp(1.5px,.3vw,2px)!important}.gratitude-page-header .gratitude-subtitle{gap:clamp(5px,1vw,7px)!important}.gratitude-page-header .gratitude-text,.gratitude-page-header .gratitude-separator,.gratitude-page-header .gratitude-message{font-size:clamp(11px,2.3vw,15px)!important}.gratitude-heart{margin-left:clamp(12px,2.5vw,18px)!important}.heart-image{width:clamp(38px,7.5vw,55px)!important;height:clamp(38px,7.5vw,55px)!important}}