.webweavers-container{height:100vh;height:100dvh;background-color:#000;color:#fff;position:relative;overflow:hidden;display:flex;flex-direction:column;opacity:0;transition:opacity .6s ease-out}.webweavers-container.loaded{opacity:1}.background-gradient{opacity:.04;transition:transform .3s ease-out;background:radial-gradient(circle at 20% 80%,#8efc00 0,transparent 50%),radial-gradient(circle at 80% 20%,#8efc00 0,transparent 50%);animation:pulse 15s ease-in-out infinite}.background-gradient,.particles-container{position:fixed;top:0;left:0;right:0;bottom:0;pointer-events:none}.nft-lock-time{font-size:7px!important;color:#8efc00;border:.5px solid #8efc00;background:transparent;border-radius:2px;padding:1px 2px}.particle{position:absolute;width:2px;height:2px;background-color:#8efc00;border-radius:50%;box-shadow:0 0 10px #8efc00;animation:float ease-in-out infinite}.header{width:100%;z-index:200;height:88px;background:rgba(8,8,8,.85);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid rgba(255,255,255,.03);transition:border-color .5s ease}.header:hover{border-bottom-color:rgba(142,252,0,.15)}.header-content{max-width:1400px;height:100%;margin:0 auto;padding:0 40px;justify-content:space-between}.brand-group,.header-content{display:flex;align-items:center}.brand-group{gap:24px;text-decoration:none}.logo-img{filter:drop-shadow(0 0 0 rgba(142,252,0,0));transition:filter .5s ease}.brand-group:hover .logo-img{filter:drop-shadow(0 0 15px rgba(142,252,0,.5))}.pro-badge{position:relative;padding:1.5px;border-radius:99px;background:rgba(255,255,255,.08);overflow:hidden;transition:all .5s cubic-bezier(.25,.8,.25,1)}.pro-badge:before{content:"";position:absolute;top:-100%;left:-100%;width:300%;height:300%;background:conic-gradient(transparent 0deg,transparent 300deg,#8efc00 340deg,transparent 1turn);animation:rotate 6s linear infinite;opacity:.6;transition:opacity .5s ease}.badge-content{position:relative;z-index:2;background:#080808;padding:10px 28px;border-radius:99px;display:flex;align-items:center;justify-content:center;cursor:default}.badge-text{font-family:Courier New,Courier,monospace;font-size:13px;font-weight:700;letter-spacing:.1em;color:#888;transition:all .5s ease}.pro-badge:hover{background:linear-gradient(135deg,#8efc00,#b5fd4d);box-shadow:0 0 30px rgba(142,252,0,.25);transform:translateY(-1px)}.brand-group:hover .pro-badge:before{opacity:0}.brand-group:hover .badge-text{color:#ffffff;letter-spacing:.15em;text-shadow:0 2px 4px rgba(0,0,0,.5)}.wallet-adapter-button-trigger{background-color:transparent!important;border:1px solid rgba(255,255,255,.1)!important;color:#fff!important;font-weight:600!important;height:48px!important;border-radius:12px!important;transition:all .5s ease!important}.wallet-adapter-button-trigger:hover{background-color:rgba(142,252,0,.08)!important;border-color:#8efc00!important;color:#8efc00!important;box-shadow:0 0 25px rgba(142,252,0,.15)!important}@keyframes rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.main-content{position:relative;z-index:5;max-width:1280px;margin:0 auto;padding:16px;width:100%;flex:1 1;display:flex;flex-direction:column;justify-content:center;overflow:hidden;min-height:0}.title-section{text-align:center;margin-bottom:8px;animation:fadeInUp .8s ease-out .2s both;flex-shrink:0;position:relative}.main-title{font-size:17px;font-weight:700;margin-bottom:7px;letter-spacing:-.03em;line-height:1.1;text-shadow:0 0 60px rgba(142,252,0,.2)}.subtitle{font-size:13px;margin-bottom:7px;font-weight:300;animation:fadeInUp .8s ease-out .3s both}.spdr-highlight{font-weight:700;color:#8efc00;text-shadow:0 0 40px rgba(142,252,0,.8);animation:glow 2s ease-in-out infinite}.description{color:#a1a1aa;font-size:7px;max-width:500px;margin:0 auto 8px;line-height:1.3;animation:fadeInUp .8s ease-out .4s both}.stats-bar{background:linear-gradient(135deg,rgba(24,24,27,.6),rgba(9,9,11,.6));border:1px solid rgba(142,252,0,.2);border-radius:12px;padding:0;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);margin-bottom:8px;overflow:hidden;box-shadow:0 0 60px rgba(142,252,0,.1);animation:fadeInUp .8s ease-out .5s both;flex-shrink:0}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:1px;gap:1px;background:rgba(255,255,255,.03)}.stat-item{padding:8px;background:rgba(9,9,11,.6);transition:all .3s cubic-bezier(.4,0,.2,1);cursor:pointer;position:relative;overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center}.stat-item:hover{background:linear-gradient(135deg,rgba(142,252,0,.08),rgba(9,9,11,.6))}.stat-label{font-size:8px;color:#71717a;text-transform:uppercase;letter-spacing:.08em;font-weight:600;margin-bottom:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.stat-value{font-size:14px;font-weight:700;margin-bottom:2px;letter-spacing:-.02em;color:#fff}.stat-item.highlight .stat-value{color:#8efc00;text-shadow:0 0 20px rgba(142,252,0,.6)}.stat-suffix{font-size:9px;color:#52525b;display:flex;align-items:center;gap:2px}.two-column-layout{display:grid;grid-template-columns:1fr;grid-gap:8px;gap:8px;min-height:0;overflow:hidden}@media (max-width:767px){.main-content{padding-bottom:0}.two-column-layout{margin-bottom:0}}.staking-interface{background-color:rgba(9,9,11,.4);border:1px solid rgba(255,255,255,.06);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:12px;display:flex;flex-direction:column;animation:fadeInUp .8s ease-out .6s both;box-shadow:0 20px 40px rgba(0,0,0,.3);min-height:0;height:100%}.tab-headers{display:flex;padding:8px;gap:4px;border-bottom:1px solid rgba(255,255,255,.05);background:rgba(0,0,0,.2);flex-shrink:0}.tab-btn{flex:1 1;padding:7px 12px;font-size:9px;font-weight:700;letter-spacing:.05em;border:none;border-radius:6px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);color:#a1a1aa;background:transparent}.tab-btn.active{color:#000;background:#8efc00;box-shadow:0 0 20px rgba(142,252,0,.4)}.tab-content{padding:12px;flex:1 1;display:flex;flex-direction:column;opacity:1;animation:fadeIn .5s ease-out;overflow:hidden;min-height:0;position:relative}.empty-state{display:flex;align-items:center;justify-content:center;flex:1 1;text-align:center}.empty-state-inner{animation:scaleIn .4s ease-out}.empty-icon{width:48px;height:48px;margin:0 auto 12px;border-radius:50%;background-color:rgba(142,252,0,.08);border:2px solid rgba(142,252,0,.2);display:flex;align-items:center;justify-content:center;font-size:24px;box-shadow:0 0 40px rgba(142,252,0,.1)}.empty-title{color:#e4e4e7;font-size:13px;font-weight:500;margin-bottom:4px}.empty-description{color:#71717a;font-size:11px;line-height:1.4;padding:0 20px}.nft-container{width:100%;height:100%;display:flex;flex-direction:column;position:relative;min-height:0}.nft-grid-wrapper{flex:1 1;overflow-y:auto;overflow-x:hidden;padding:4px;position:relative;min-height:0}.nft-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(80px,1fr));grid-gap:8px;gap:8px;padding-bottom:40px;max-height:246px}.nft-card{background:rgba(24,24,27,.4);border:2px solid rgba(255,255,255,.05);border-radius:8px;overflow:hidden;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 10px rgba(0,0,0,.2);animation:fadeInUp .4s ease-out both}.nft-card.selected{background:linear-gradient(135deg,rgba(142,252,0,.2),rgba(9,9,11,.6));border:2px solid #8efc00;box-shadow:0 8px 30px rgba(142,252,0,.3)}.nft-card.disabled,.nft-card.selected{transform:translateY(-2px) scale(1.02)}.nft-card.disabled{cursor:not-allowed!important;background:linear-gradient(135deg,rgba(252,76,0,.2),rgba(252,76,0,.2));border:2px solid rgba(255,0,0,.646);box-shadow:0 8px 30px rgba(252,76,0,.3);cursor:not-allowed}.nft-image-wrapper{position:relative;padding-top:100%;background:#000}.nft-image{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}.nft-checkmark{position:absolute;top:4px;right:4px;width:20px;height:20px;border-radius:50%;background:#8efc00;display:flex;align-items:center;justify-content:center;box-shadow:0 0 20px rgba(142,252,0,.8);animation:scaleIn .2s ease-out}.nft-checkmark span{font-size:12px;color:#000;font-weight:700}.nft-name-wrapper{padding:6px;background:rgba(0,0,0,.4)}.nft-name{font-size:9px;font-weight:600;color:#e4e4e7;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:flex;align-items:center;justify-content:space-between}.nft-card.selected .nft-name{color:#8efc00}.action-bar{position:absolute;bottom:8px;left:50%;transform:translateX(-50%);width:calc(100% - 24px);background:linear-gradient(135deg,rgba(142,252,0,.15),rgba(9,9,11,.95));-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:8px 12px;border-radius:8px;border:1px solid rgba(142,252,0,.3);display:flex;align-items:center;justify-content:space-between;animation:slideUp .3s ease-out;box-shadow:0 -4px 20px rgba(142,252,0,.2);z-index:100}.selection-count{font-size:11px;font-weight:600;color:#8efc00}.action-buttons{display:flex;gap:9px}.clear-btn{background:transparent;color:#a1a1aa;border:1px solid rgba(255,255,255,.1);border-radius:6px}.clear-btn,.stake-btn{padding:5px 10px;font-size:10px;font-weight:700;cursor:pointer;transition:all .2s}.stake-btn{background:#8efc00;color:#000;border:none;border-radius:6px}.rewards-section{display:none}.mobile-rewards-btn{display:flex;align-items:center;justify-content:center;gap:6px;padding:8px 16px;background:linear-gradient(135deg,rgba(142,252,0,.1),rgba(9,9,11,.8));border:1px solid rgba(142,252,0,.3);border-radius:8px;color:#8efc00;font-size:9px;font-weight:700;cursor:pointer;transition:all .3s ease;margin:17px 16px;box-shadow:0 0 30px rgba(142,252,0,.1)}.mobile-rewards-btn:hover{transform:translateY(-2px);box-shadow:0 0 40px rgba(142,252,0,.3)}.mobile-rewards-btn .reward-indicator{background:#8efc00;color:#000;padding:2px 6px;border-radius:4px;font-size:9px}.mobile-rewards-panel{position:fixed;bottom:0;left:0;right:0;background:linear-gradient(180deg,rgba(9,9,11,.98),rgba(0,0,0,1));border-top:2px solid #8efc00;border-radius:20px 20px 0 0;padding:20px;z-index:1000;transform:translateY(100%);transition:transform .3s cubic-bezier(.4,0,.2,1);box-shadow:0 -10px 40px rgba(142,252,0,.2);max-height:60vh;overflow-y:auto}.mobile-rewards-panel.active{transform:translateY(0)}.panel-handle{width:40px;height:4px;background:#8efc00;border-radius:2px;margin:0 auto 16px;opacity:.6;cursor:pointer}.mobile-rewards-content{text-align:center}.mobile-rewards-amount{font-size:32px;font-weight:700;color:#8efc00;text-shadow:0 0 40px rgba(142,252,0,.6);margin-bottom:4px;animation:glow 2s ease-in-out infinite}.mobile-rewards-token{font-size:12px;color:#a1a1aa;margin-bottom:16px}.mobile-rewards-details{background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:12px;margin-bottom:16px}.mobile-reward-row{display:flex;justify-content:space-between;margin-bottom:8px;font-size:12px}.mobile-reward-row:last-child{margin-bottom:0}.mobile-claim-btn{width:100%;padding:14px;background:#8efc00;color:#000;border:none;border-radius:10px;font-size:14px;font-weight:700;cursor:pointer;transition:all .2s;box-shadow:0 0 30px rgba(142,252,0,.4)}.mobile-claim-btn:active{transform:scale(.98)}.mobile-claim-btn:disabled{background:rgba(255,255,255,.05);color:#52525b;cursor:not-allowed;box-shadow:none}.mobile-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.6);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:999;opacity:0;pointer-events:none;transition:opacity .3s ease}.mobile-overlay.active{opacity:1;pointer-events:all}.footer{text-align:center;padding:8px 0;position:relative;z-index:10;animation:fadeIn 1s ease-out .8s both;flex-shrink:0}.footer-text{color:#9ca3af;font-weight:600;gap:2px;display:flex;justify-content:center;align-items:center}.footer-text,.footer-text-spdr{font-size:12px;letter-spacing:.05em;transition:color .25s ease,text-shadow .25s ease}.footer-text-spdr{color:#8efc00}.footer-text img{transition:filter .25s ease}.footer-text:hover{color:#b6ff48}.footer-text:hover .footer-text-spdr{color:#caff6e;text-shadow:0 0 4px rgba(142,252,0,.4)}.footer-text:hover img{filter:brightness(1.4) saturate(1.2)}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:rgba(0,0,0,.2);border-radius:2px}::-webkit-scrollbar-thumb{background:rgba(142,252,0,.4);border-radius:2px}@media (min-width:768px){.mobile-overlay,.mobile-rewards-btn,.mobile-rewards-panel{display:none!important}.header-content{padding:14px 24px}.logo{font-size:16px}.connect-wallet-btn{padding:8px 16px;font-size:12px}.main-content{padding:24px}.title-section{margin-bottom:12px}.main-title{font-size:28px;margin-bottom:8px}.subtitle{font-size:18px;margin-bottom:8px}.description{font-size:11px;margin-bottom:12px}.pfp-wrapper{width:80px;height:80px;right:30px;bottom:-10px}.stats-bar{margin-bottom:12px}.stat-item{padding:14px 12px}.stat-label{font-size:9px;margin-bottom:6px}.stat-value{font-size:20px;margin-bottom:4px}.stat-suffix{font-size:10px}.two-column-layout{grid-template-columns:1fr 300px;gap:16px}.rewards-section{display:flex;background-color:rgba(9,9,11,.4);border:1px solid rgba(142,252,0,.2);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:12px;padding:16px;text-align:center;flex-direction:column;animation:fadeInUp .8s ease-out .7s both;box-shadow:0 20px 40px rgba(0,0,0,.3);height:-moz-fit-content;height:fit-content}.rewards-label{font-size:10px;color:#71717a;text-transform:uppercase;letter-spacing:.12em;font-weight:600;margin-bottom:10px}.rewards-amount{font-size:28px;font-weight:700;color:#8efc00;text-shadow:0 0 40px rgba(142,252,0,.6);margin-bottom:4px;line-height:1;animation:glow 2s ease-in-out infinite}.rewards-token{font-size:11px;color:#a1a1aa;margin-bottom:12px;font-weight:500}.rewards-details{background-color:rgba(255,255,255,.02);border:1px solid rgba(255,255,255,.05);border-radius:8px;padding:12px;margin-bottom:12px}.reward-row{display:flex;justify-content:space-between;margin-bottom:6px}.reward-row:last-child{margin-bottom:0}.reward-label{color:#71717a;font-size:11px}.reward-value{color:#e4e4e7;font-size:11px;font-weight:600}.claim-btn{width:100%;padding:10px 20px;font-size:12px;font-weight:700;background-color:rgba(255,255,255,.03);color:#52525b;border:1px solid rgba(255,255,255,.08);border-radius:8px;cursor:not-allowed;transition:all .3s ease-out}.tab-content{padding:16px}.nft-grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:12px;max-height:953px}.empty-icon{width:56px;height:56px;font-size:28px}.empty-title{font-size:14px}.empty-description{font-size:12px}}@media (min-width:1024px){.header-content{padding:16px 32px}.logo{font-size:18px}.connect-wallet-btn{padding:8px 20px}.main-content{padding:32px}.main-title{font-size:36px;margin-bottom:12px}.subtitle{font-size:20px;margin-bottom:12px}.description{font-size:12px;margin-bottom:16px}.pfp-wrapper{width:100px;height:100px;right:40px;bottom:-12px}.stats-bar{margin-bottom:20px;border-radius:16px}.stat-item{padding:18px 20px}.stat-label{font-size:10px;margin-bottom:8px;letter-spacing:.12em}.stat-value{font-size:28px;margin-bottom:6px}.stat-suffix{font-size:11px;gap:4px}.two-column-layout{grid-template-columns:1fr 350px;gap:24px}.rewards-section{padding:20px}.rewards-label{font-size:11px;margin-bottom:12px}.rewards-amount{font-size:36px;margin-bottom:6px}.rewards-token{font-size:12px;margin-bottom:16px}.rewards-details{padding:14px;margin-bottom:16px;border-radius:10px}.reward-row{margin-bottom:8px}.reward-label,.reward-value{font-size:12px}.claim-btn{padding:12px 28px;font-size:13px}.tab-headers{padding:10px;gap:6px}.tab-btn{padding:10px 20px;font-size:12px;border-radius:8px}.tab-content{padding:20px}.nft-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:12px}.empty-icon{width:60px;height:60px;margin-bottom:16px}.empty-title{font-size:14px;margin-bottom:6px}.empty-description{font-size:12px}.nft-checkmark{top:8px;right:8px;width:24px;height:24px}.nft-checkmark span{font-size:14px}.nft-name-wrapper{padding:8px}.nft-name{font-size:10px;display:flex;align-items:center;justify-content:space-between}.action-bar{bottom:10px;padding:12px 16px;width:calc(100% - 40px)}.selection-count{font-size:12px}.action-buttons{gap:8px}.clear-btn,.stake-btn{padding:6px 14px;font-size:11px}.footer{padding:16px 0}.footer-text{font-size:10px}}@keyframes pulse{0%,to{opacity:.04}50%{opacity:.06}}@keyframes float{0%,to{transform:translateY(0) translateX(0);opacity:.6}25%{transform:translateY(-15px) translateX(5px)}50%{transform:translateY(-8px) translateX(-3px);opacity:1}75%{transform:translateY(-20px) translateX(8px)}}@keyframes shimmer{0%{background-position:-200%}to{background-position:200%}}@keyframes glow{0%,to{text-shadow:0 0 40px rgba(142,252,0,.6),0 0 80px rgba(142,252,0,.3)}50%{text-shadow:0 0 60px rgba(142,252,0,.8),0 0 120px rgba(142,252,0,.5)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;transform:translateX(-50%) translateY(20px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-2px)}}.select-all-btn{color:#a1a1aa;cursor:pointer;background:none;border:1px solid #ffffff1a;border-radius:6px;padding:5px 10px;font-size:10px;font-weight:700;transition:all .2s}@media (min-width:390px) and (max-width:480px){.header{height:60px}.header-content{padding:12px 14px}.brand-group{gap:10px}.logo-img{width:30px!important;height:30px!important}.badge-content{padding:5px 12px}.badge-text{font-size:8.5px;letter-spacing:.07em}.wallet-adapter-button-trigger{height:34px!important;font-size:10px!important;padding:.35rem .7rem!important}.main-title{font-size:21px;margin-bottom:8px}.subtitle{font-size:16px;margin-bottom:8px}.description{font-size:12px;margin-bottom:8px}.title-section{padding-bottom:24px}.pfp-wrapper{width:36px;height:36px;right:8px;bottom:-6px}.stats-bar{margin-bottom:12px}}.marketplace-links{display:flex;flex-direction:column;gap:.5rem;align-items:center;margin-top:1.25rem}.marketplace-label{font-size:.625rem;color:rgba(255,255,255,.35);text-transform:uppercase;letter-spacing:.12em;font-weight:500}.marketplace-buttons{display:flex;gap:.5rem;flex-wrap:wrap;justify-content:center}.marketplace-btn{display:flex;align-items:center;gap:.375rem;padding:.375rem .875rem;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.08);border-radius:20px;color:rgba(255,255,255,.7);text-decoration:none;font-size:.6875rem;font-weight:500;transition:all .2s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.marketplace-btn:hover{background:rgba(142,252,0,.05);border-color:rgba(142,252,0,.2);color:#8efc00;transform:translateY(-1px)}.marketplace-btn svg{width:14px;height:14px;border-radius:50%;object-fit:cover}.pfp-wrapper{width:166px;height:110px;margin:0 auto;position:absolute;right:40px;bottom:-12px;overflow:hidden}.pfp-wrapper img{width:100%;height:100%;object-fit:cover}@media (min-width:1800px){.title-section{margin-bottom:24px}.main-title{font-size:56px;margin-bottom:16px}.subtitle{font-size:28px;margin-bottom:14px}.description{font-size:16px;max-width:640px;margin-bottom:20px}.pfp-wrapper{width:187px;height:119px;bottom:-27px;right:27px}}@media(max-width:1000px){.pfp-wrapper{width:130px;height:90px}}@media (max-width:870px){.brand-group{gap:12px}.logo-img{width:32px!important;height:32px!important}.pro-badge{padding:1px}.badge-content{padding:6px 14px}.badge-text{font-size:9px;letter-spacing:.08em}.wallet-adapter-button-trigger{height:36px!important;font-size:11px!important;padding:.4rem .8rem!important}.marketplace-buttons{flex-direction:column;width:100%;max-width:200px}.marketplace-btn{width:100%;justify-content:center;padding:.5rem 1rem}.title-section{padding-bottom:28px}.pfp-wrapper{width:82px;height:60px;right:12px;bottom:-12px}}@media(max-width:600px){.pfp-wrapper{width:68px;height:38px;right:12px;bottom:-8px}}@media(max-width:500px){.pfp-wrapper{width:55px;height:30px;bottom:-8px;right:6px}}@media (max-width:360px){.header{height:56px}.header-content{padding:12px}.brand-group{gap:8px}.logo-img{width:28px!important;height:28px!important}.badge-content{padding:5px 10px}.badge-text{font-size:8px;letter-spacing:.06em}.wallet-adapter-button-trigger{height:32px!important;font-size:10px!important;padding:.3rem .6rem!important}.title-section{padding-bottom:20px}.pfp-wrapper{width:55px;height:30px;bottom:-8px;right:6px}}