@import url(https://fonts.googleapis.com/css2?family=Montserrat:wght@100;200;300;400;500;600;700;800;900&display=swap);*{box-sizing:border-box}body,html{margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html{font-family:Montserrat,sans-serif;scroll-snap-type:y mandatory}.app,html{background-color:#000}.app{display:grid;height:100vh;place-items:center}.container{border-radius:25px;height:667px;overflow:scroll;position:relative;scroll-snap-type:y mandatory;width:375px}.container::-webkit-scrollbar{display:none}.container{-ms-overflow-style:none;scrollbar-width:none}.top-navbar{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0000004d;display:flex;height:50px;justify-content:space-around;left:0;position:-webkit-sticky;position:sticky;top:0;width:100%;z-index:100}.top-navbar h2{color:#fff;font-size:16px;font-weight:700;letter-spacing:1px;padding:0 40px;text-shadow:0 0 2px #00000080}.top-navbar h2 span{font-weight:700;position:relative}.top-navbar h2 span:after{background-color:#fff;bottom:-2px;content:"";height:1px;left:0;position:absolute;transform:translateX(50%);width:50%}.top-navbar .icon{color:#fff;cursor:pointer;font-size:16px}.top-navbar .icon-placeholder{height:16px;width:16px}.bottom-navbar{align-items:center;background-color:#161616;bottom:0;display:flex;height:45px;justify-content:space-around;position:-webkit-sticky;position:sticky;width:100%;z-index:100}.bottom-navbar .nav-item{align-items:center;display:flex;flex-direction:column}.bottom-navbar .icon{color:#d4d3d3;font-size:18px}.bottom-navbar .plus{background-color:#fff;border-left:5px solid #40e0d0;border-radius:25%;border-right:5px solid red;color:#161616;font-size:12px;padding:5px 10px}.bottom-navbar .item-name{color:#d4d3d3;font-size:10px;margin-top:2px}.bottom-navbar .active{color:#fff}.bottom-navbar .notification{background-color:red;border-radius:50%;color:#fff;font-size:7px;left:260px;padding:5px;position:absolute;top:0}.footer-container{display:flex;flex-direction:column;margin-bottom:60px}.footer-left{color:#fff;display:flex;flex-grow:1;margin-left:5px;pointer-events:none;position:relative}.ticker{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content}.ticker,.ticker marquee{align-items:center;display:flex;width:100%}.text{width:100%}.text h3{font-size:18px;font-weight:700;margin-bottom:5px}.text p{font-size:14px;font-weight:500}.text span{color:#fff;font-size:12px;font-weight:400}.video{height:100%;position:relative;scroll-snap-align:start;text-shadow:0 0 4px #00000080;width:100%}.video:before{background:#0000;box-shadow:inset 0 -33px 48px #00000080;content:"";display:block;pointer-events:none;z-index:99}.player,.video:before{height:100%;left:0;position:absolute;top:0;width:100%}.player{object-fit:fill;transition:filter .2s ease}.player.blurred{filter:blur(18px)}.player.unblurred{filter:none}.pixelation-overlay{height:100%;image-rendering:pixelated;left:0;pointer-events:none;position:absolute;top:0;width:100%;z-index:2}.bottom-controls{align-items:flex-end;display:flex;height:100%}.payment-overlay{left:50%;max-width:280px;pointer-events:auto;position:absolute;top:50%;transform:translate(-50%,-50%);width:80%;z-index:10}.payment-banner{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000000f2;border:2px solid #ffffff1a;border-radius:16px;box-shadow:0 20px 60px #000c,inset 0 0 0 1px #ffffff1a;padding:20px}.payment-content{align-items:center;display:flex;flex-direction:column;gap:12px}.lock-icon{filter:drop-shadow(0 2px 8px rgba(0,0,0,.5));font-size:32px}.payment-text{color:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:14px;font-weight:600;line-height:1.3;text-align:center}.payment-amount{color:#4ecdc4;display:inline-block;font-size:16px;font-weight:800;padding:0 4px}.payment-split-info{margin-bottom:6px;margin-top:-8px}.split-text{color:#fff9;font-size:11px}.pay-button,.split-text{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.pay-button{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:10px;box-shadow:0 4px 15px #667eea66;color:#fff;cursor:pointer;font-size:14px;font-weight:600;max-width:180px;padding:10px 24px;transition:all .3s ease;width:100%}.pay-button:hover:not(:disabled){box-shadow:0 6px 20px #667eea80;transform:translateY(-2px)}.pay-button:active:not(:disabled){transform:translateY(0)}.pay-button:disabled{cursor:not-allowed;opacity:.6}.payment-error{color:#ff4757;font-size:12px;margin-top:-8px;text-align:center}.mute-indicator{align-items:center;animation:fadeIn .3s ease-in;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#000000b3;border-radius:12px;display:flex;flex-direction:column;gap:10px;left:50%;padding:20px 30px;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);z-index:5}.mute-icon{filter:drop-shadow(0 2px 4px rgba(0,0,0,.5));font-size:36px}.mute-text{color:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:14px;font-weight:600;text-shadow:0 1px 2px #00000080}.social-icons{animation:fadeIn .3s ease-in;bottom:100px;display:flex;flex-direction:column;gap:20px;position:absolute;right:15px;z-index:10}@keyframes fadeIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.social-icon{align-items:center;cursor:pointer;display:flex;flex-direction:column;gap:5px;transition:transform .2s}.social-icon:active{transform:scale(1.2)}.social-icon svg{filter:drop-shadow(0 2px 4px rgba(0,0,0,.4));transition:fill .2s}.social-icon:first-child:active svg{fill:#ff0040}.icon-count{color:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:13px;font-weight:600;text-shadow:0 1px 2px #0009}@media (max-width:480px){.payment-overlay{max-width:240px;width:75%}.payment-banner{padding:15px}.payment-text{font-size:13px}.payment-amount{font-size:15px}.caution-icon{font-size:24px}.social-icons{bottom:80px;right:10px}}.wallet-dashboard *,.wallet-dashboard :after,.wallet-dashboard :before{box-sizing:border-box}.wallet-dashboard{background:#000;display:flex;flex-direction:column;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,Segoe UI,sans-serif;height:100%;overflow:hidden;position:relative;width:100%}.wallet-loading{align-items:center;display:flex;flex:1 1;flex-direction:column;justify-content:center;overflow:hidden}.spinner{animation:spin 1s linear infinite;border:3px solid #ffffff1a;border-radius:50%;border-top-color:#fe2c55;height:48px;width:48px}.wallet-loading p{color:#fff9;font-size:15px;margin-top:16px}.wallet-signin{align-items:center;display:flex;flex:1 1;flex-direction:column;justify-content:center;max-height:100%;overflow:hidden;padding:16px}.wallet-signin h2{color:#fff;font-size:24px;font-weight:600;margin-bottom:8px;text-align:center}.wallet-signin p{color:#fff9;font-size:14px;margin-bottom:20px;max-width:280px;text-align:center}.wallet-btn-google{align-items:center;background:#fe2c55;border:none;border-radius:10px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:10px;padding:12px 20px;transition:all .2s}.wallet-btn-google:hover{background:#e02849;box-shadow:0 4px 12px #fe2c554d;transform:translateY(-1px)}.google-icon{height:20px;width:20px}.wallet-header{background:#161616;border-bottom:1px solid #ffffff14;flex-shrink:0;justify-content:space-between;padding:14px 16px}.header-left,.wallet-header{align-items:center;display:flex}.header-left{gap:10px}.user-avatar{height:34px;object-fit:cover;width:34px}.user-info{display:flex;flex-direction:column;gap:2px}.user-name{font-size:14px}.username-display-container,.username-display-inline{align-items:center;display:flex;gap:8px}.username-edit-container{align-items:center;display:flex;gap:6px}.username-edit-input{background:#ffffff1a;border:1px solid #fff3;border-radius:6px;color:#fff;font-size:12px;padding:4px 8px;transition:all .2s;width:120px}.username-edit-input:focus{background:#ffffff26;border-color:#fe2c55;outline:none}.username-edit-btn{background:none;border:none;color:#fff9;cursor:pointer;font-size:14px;padding:2px;transition:all .2s}.username-edit-btn:hover{color:#fe2c55;transform:scale(1.1)}.username-cancel-btn,.username-save-btn{background:none;border:none;border-radius:4px;cursor:pointer;font-size:14px;padding:2px 6px;transition:all .2s}.username-save-btn{color:#4caf50}.username-save-btn:hover{background:#4caf501a}.username-cancel-btn{color:#f44336}.username-cancel-btn:hover{background:#f443361a}.edit-username-btn{background:none;border:1px solid #ccc;border-radius:4px;color:#ccc;cursor:pointer;font-size:12px;padding:2px 6px}.edit-username{display:flex;gap:8px;margin-top:8px}.edit-username input{background:#333;border:1px solid #555;border-radius:4px;color:#fff;padding:4px 8px}.save-username-btn{background:#fe2c55;border:none;border-radius:4px;color:#fff;cursor:pointer;padding:4px 8px}.username-text-inline{color:#fff9;font-size:12px}.btn-edit-inline{align-items:center;background:#0000;border:none;color:#fff9;cursor:pointer;display:flex;padding:1px;transition:color .2s}.btn-edit-inline:hover{color:#fe2c55}.btn-edit-inline svg{height:12px;width:12px}.username-edit-inline{align-items:center;display:flex;gap:4px}.username-input-inline{border:1px solid #d2d2d7;border-radius:4px;font-size:12px;outline:none;padding:2px 6px;width:100px}.username-input-inline:focus{border-color:#007aff}.btn-cancel-inline,.btn-save-inline{align-items:center;border:none;border-radius:50%;cursor:pointer;display:flex;font-size:12px;height:20px;justify-content:center;transition:all .2s;width:20px}.btn-save-inline{background:#34c759;color:#fff}.btn-save-inline:hover{background:#30b150}.btn-cancel-inline{background:#ff3b30;color:#fff}.btn-cancel-inline:hover{background:#e6352b}.wallet-btn-signout{background:#0000;border:1px solid #ff3b30;border-radius:6px;color:#ff3b30;cursor:pointer;font-size:12px;font-weight:500;padding:6px 12px;transition:all .2s}.wallet-btn-signout:hover{background:#ff3b30;color:#fff}.wallet-error{background:#fff0f0;border:1px solid #fdd;border-radius:8px;color:#ff3b30;font-size:14px;margin:16px 24px;padding:12px 16px}.wallet-content{align-items:center;display:flex;flex:1 1;justify-content:center;overflow:hidden;padding:12px}.wallet-main-card{background:#161616;border:1px solid #ffffff14;border-radius:16px;box-shadow:0 4px 20px #00000080;max-width:340px;padding:18px;position:relative;width:calc(100% - 24px)}.balance-section{margin-bottom:18px;position:relative;text-align:center}.network-badge{background:linear-gradient(135deg,#fe2c55,#25f4ee);border-radius:12px;color:#fff;display:inline-block;font-size:10px;font-weight:600;letter-spacing:.5px;margin-bottom:12px;padding:4px 12px;text-transform:uppercase}.faucet-link{color:#25f4ee;display:inline-block;font-size:12px;font-weight:500;margin-top:8px;text-decoration:none;transition:opacity .2s}.faucet-link:hover{opacity:.7;text-decoration:underline}.btn-refresh-balance{align-items:center;background:#fe2c551a;border:1px solid #fe2c5533;border-radius:14px;color:#fe2c55;cursor:pointer;display:flex;font-size:16px;height:28px;justify-content:center;position:absolute;right:8px;top:8px;transition:all .2s;width:28px}.btn-refresh-balance:hover{background:#fe2c5533;transform:rotate(180deg)}.balance-label{color:#fff9;display:block;font-size:10px;font-weight:600;letter-spacing:.5px;margin-bottom:4px;text-transform:uppercase}.balance-amount{color:#fff;display:block;font-size:34px;font-weight:700;letter-spacing:-1px;line-height:1;margin-bottom:0}.balance-usd{color:#fff9;display:block;font-size:13px;margin-top:2px}.wallet-actions-grid{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(3,1fr)}.wallet-action-btn{align-items:center;background:#ffffff0d;border:1px solid #ffffff14;border-radius:12px;color:#fff;cursor:pointer;display:flex;flex-direction:column;gap:4px;justify-content:center;padding:12px 6px;transition:all .2s}.wallet-action-btn:hover{background:#ffffff1a;transform:translateY(-2px)}.wallet-action-btn.send{background:#fe2c55;border:none;color:#fff}.wallet-action-btn.send:hover{background:#e02849}.wallet-action-btn.receive{background:#25f4ee;border:none;color:#000}.wallet-action-btn.receive:hover{background:#1ed6d0}.wallet-action-btn.buy{background:linear-gradient(135deg,#fe2c55,#25f4ee);border:none;color:#fff}.wallet-action-btn.buy:hover{background:linear-gradient(135deg,#e02849,#1ed6d0)}.action-icon{height:20px;width:20px}.wallet-action-btn span{font-size:11px;font-weight:600;letter-spacing:.1px}.receive-modal,.send-modal{background:#161616;border:1px solid #ffffff14;border-radius:20px;bottom:0;display:flex;flex-direction:column;left:0;padding:20px;position:absolute;right:0;top:0;z-index:10}.receive-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:24px}.receive-header h3{color:#fff;font-size:20px;font-weight:600}.close-receive{align-items:center;background:#ffffff1a;border:none;border-radius:50%;color:#fff9;cursor:pointer;display:flex;font-size:20px;height:32px;justify-content:center;transition:all .2s;width:32px}.close-receive:hover{background:#fff3;color:#fff}.receive-content{flex:1 1;flex-direction:column;gap:24px}.qr-placeholder,.receive-content{align-items:center;display:flex;justify-content:center}.qr-placeholder{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;height:160px;width:160px}.qr-code{color:#fff9;font-size:32px;font-weight:600}.address-full{align-items:center;display:flex;flex-direction:column;gap:12px;width:100%}.address-text-full{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;color:#fff;font-family:SF Mono,Monaco,monospace;font-size:12px;padding:12px;text-align:center;width:100%;word-break:break-all}.btn-copy-full{background:#fe2c55;border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:15px;font-weight:600;padding:10px 24px;transition:all .2s}.btn-copy-full:hover{background:#e02849}.send-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:24px}.send-header h3{color:#fff;font-size:20px;font-weight:600}.close-send{align-items:center;background:#ffffff1a;border:none;border-radius:50%;color:#fff9;cursor:pointer;display:flex;font-size:20px;height:32px;justify-content:center;transition:all .2s;width:32px}.close-send:hover{background:#fff3;color:#fff}.send-content{flex:1 1;justify-content:center}.send-content,.send-form{display:flex;flex-direction:column}.send-form{gap:16px}.send-label{color:#fff9;font-size:12px;font-weight:600;letter-spacing:.5px;margin-bottom:-8px;text-transform:uppercase}.send-input{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:10px;color:#fff;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Segoe UI,sans-serif;font-size:16px;outline:none;padding:12px 16px;transition:all .2s}.send-input:focus{background:#ffffff14;border-color:#fe2c55;box-shadow:0 0 0 3px #fe2c551a}.send-input:disabled{background:#ffffff05;color:#ffffff4d}.send-error{background:#fe2c551a;border:1px solid #fe2c554d;border-radius:8px;color:#fe2c55;font-size:13px;padding:10px;text-align:center}.btn-send-confirm{background:#fe2c55;border:none;border-radius:12px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;margin-top:8px;padding:14px 24px;transition:all .2s}.btn-send-confirm:hover:not(:disabled){background:#e02849}.btn-send-confirm:disabled{background:#ffffff1a;color:#ffffff4d;cursor:not-allowed}@media (max-width:400px){.receive-modal,.send-modal{border-radius:16px;padding:16px}.receive-header h3,.send-header h3{font-size:18px}.send-input{font-size:14px;padding:10px 12px}.btn-send-confirm{font-size:14px;padding:12px 20px}.send-label{font-size:11px}.wallet-header{padding:12px 16px}.user-avatar{height:32px;width:32px}.user-name{font-size:14px}.username-text-inline{font-size:12px}.wallet-content{padding:12px}.wallet-main-card{padding:18px;width:calc(100% - 24px)}.balance-amount{font-size:32px}.balance-section{margin-bottom:18px}.wallet-actions-grid{gap:8px}.wallet-action-btn{border-radius:12px;padding:10px 4px}.action-icon{height:18px;width:18px}.wallet-action-btn span{font-size:11px}.wallet-btn-signout{font-size:12px;padding:6px 12px}}.profile-wrapper{display:flex!important;flex-direction:column!important;overflow:hidden!important;scroll-snap-type:none!important}.profile-container{background:#000;display:flex;flex:1 1;margin:0;overflow-y:auto;padding:0;width:100%}.profile-container>*{flex:1 1;height:100%;overflow:auto;width:100%}.upload-wrapper{display:flex!important;flex-direction:column!important;overflow:hidden!important;scroll-snap-type:none!important}.upload-container{background:#000;display:flex;flex:1 1;margin:0;overflow-y:auto;padding:0;width:100%}.upload-content{align-items:center;box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;min-height:100%;padding:20px;width:100%}.dropzone{background:#ffffff05;border:2px dashed #ffffff4d;border-radius:12px;cursor:pointer;max-width:320px;padding:30px 20px;text-align:center;transition:all .3s ease;width:100%}.dropzone:hover{background:#fe2c550d;border-color:#fe2c55}.dropzone-content{align-items:center;display:flex;flex-direction:column;gap:12px}.upload-icon{font-size:48px;margin-bottom:8px}.dropzone-text{color:#fff;font-size:16px;font-weight:600;margin:0}.dropzone-subtext{color:#fff9;font-size:14px;margin:0}.dropzone-formats{color:#fff6;font-size:12px;margin:0}.preview-container{display:flex;flex-direction:column;gap:16px;max-width:320px;width:100%}.video-preview{aspect-ratio:9/16;background:#161616;border:1px solid #ffffff14;border-radius:12px;max-height:400px;overflow:hidden;width:100%}.preview-video{height:100%;object-fit:cover;width:100%}.upload-form{display:flex;flex-direction:column;gap:12px}.upload-info{background:#4ecdc41a;border:1px solid #4ecdc44d;border-radius:8px;padding:12px}.upload-info .form-label{color:#ffffffb3;font-size:14px;margin:0}.upload-info strong{color:#4ecdc4;font-weight:600}.form-label{color:#fffc;font-size:14px;font-weight:500;margin-bottom:8px}.description-input{background:#161616;border:1px solid #ffffff1a;border-radius:8px;color:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:14px;padding:12px;resize:none;transition:border-color .2s}.description-input:focus{border-color:#fe2c55;outline:none}.description-input::placeholder{color:#fff6}.char-count{color:#fff6;font-size:12px;margin-top:-8px;text-align:right}.upload-error{background:#fe2c551a;border:1px solid #fe2c554d;border-radius:8px;color:#fe2c55;font-size:14px;padding:12px;text-align:center}.progress-container{align-items:center;display:flex;gap:12px}.progress-bar{flex:1 1;height:6px}.progress-bar,.progress-fill{border-radius:3px}.progress-text{color:#fff;font-weight:600;min-width:40px}.upload-actions{display:flex;gap:12px;margin-top:20px}.change-video-btn{background:#0000;border:1px solid #ffffff4d;border-radius:8px;color:#fff;cursor:pointer;flex:1 1;font-size:15px;font-weight:600;padding:14px;transition:all .2s}.change-video-btn:hover:not(:disabled){background:#ffffff0d;border-color:#ffffff80}.change-video-btn:disabled{cursor:not-allowed;opacity:.5}.upload-btn{background:#fe2c55;border:none;border-radius:8px;color:#fff;cursor:pointer;flex:2 1;font-size:15px;font-weight:600;padding:14px;transition:all .2s}.upload-btn:hover:not(:disabled){background:#e02849;transform:translateY(-1px)}.upload-btn:disabled{background:#666;cursor:not-allowed;transform:none}@media (max-width:768px){.upload-content{padding:16px}.dropzone{padding:25px 16px}.video-preview{max-height:350px}.upload-actions{flex-direction:column}.change-video-btn,.upload-btn{width:100%}}.leaderboard-wrapper{display:flex!important;flex-direction:column!important;overflow:hidden!important;scroll-snap-type:none!important}.leaderboard-container{background:#000;display:flex;flex:1 1;margin:0;overflow-y:auto;padding:0;width:100%}.leaderboard-content{box-sizing:border-box;padding:20px;width:100%}.leaderboard-header{border-bottom:1px solid #ffffff1a;margin-bottom:24px;padding-bottom:20px;text-align:center}.leaderboard-title{color:#fff;font-size:28px;font-weight:700;margin:0 0 8px}.leaderboard-subtitle{color:#fff9;font-size:14px;margin:0 0 12px}.user-rank-badge{background:linear-gradient(135deg,#fe2c55,#25f4ee);border-radius:20px;color:#fff;display:inline-block;font-size:14px;font-weight:600;margin-top:8px;padding:6px 16px}.loading-container{color:#fff9;padding:60px 20px}.loading-spinner{height:40px;margin-bottom:16px;width:40px}.empty-state{padding:60px 20px;text-align:center}.empty-icon{font-size:64px;margin-bottom:16px}.empty-text{font-size:18px;margin:0 0 8px}.empty-subtext{margin:0}.leaderboard-list{display:flex;flex-direction:column;gap:12px}.leaderboard-item{align-items:center;background:#ffffff08;border:1px solid #ffffff14;border-radius:12px;display:flex;padding:16px;transition:all .2s ease}.leaderboard-item:hover{background:#ffffff0d;transform:translateX(2px)}.leaderboard-item.current-user{background:#fe2c551a;border-color:#fe2c554d}.leaderboard-item.top-three{background:linear-gradient(135deg,#fe2c550d,#25f4ee0d)}.rank-section{align-items:center;display:flex;gap:4px;min-width:50px}.rank-number{color:#fffc;font-size:16px;font-weight:600}.rank-emoji{font-size:20px}.user-section{flex:1 1;gap:12px;margin:0 16px}.user-avatar,.user-section{align-items:center;display:flex}.user-avatar{background:linear-gradient(135deg,#fe2c55,#25f4ee);border-radius:50%;color:#fff;flex-shrink:0;font-size:18px;font-weight:700;height:40px;justify-content:center;width:40px}.user-info{flex:1 1;min-width:0}.user-name{align-items:center;color:#fff;display:flex;font-size:15px;font-weight:600;gap:8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.you-badge{background:#fe2c55;border-radius:4px;color:#fff;flex-shrink:0;font-size:10px;font-weight:700;padding:2px 6px}.user-address{color:#fff6;font-size:12px;margin-top:2px}.points-section{min-width:60px;text-align:center}.points-value{color:#25f4ee;font-size:24px;font-weight:700;line-height:1}.points-label{color:#ffffff80;font-size:11px;margin-top:2px;text-transform:uppercase}@media (max-width:768px){.leaderboard-content{padding:16px}.leaderboard-title{font-size:24px}.leaderboard-item{padding:12px}.user-avatar{font-size:16px;height:36px;width:36px}.points-value{font-size:20px}}.referral-wrapper{display:flex!important;flex-direction:column!important;overflow:hidden!important;scroll-snap-type:none!important}.referral-container{background:#000;display:flex;flex:1 1;margin:0;overflow-y:auto;padding:0;width:100%}.referral-content{box-sizing:border-box;padding:20px;width:100%}.referral-header{margin-bottom:30px;padding-top:10px;text-align:center}.referral-title{color:#fff;font-size:28px;font-weight:700;margin-bottom:8px}.referral-subtitle{color:#fff9;font-size:14px}.stats-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(3,1fr);margin-bottom:24px}.stat-card{background:linear-gradient(135deg,#1a1a1a,#2a2a2a);border:1px solid #ffffff1a;border-radius:12px;padding:16px;text-align:center;transition:transform .2s}.stat-card:hover{border-color:#fe2c55;transform:translateY(-2px)}.stat-value{color:#fe2c55;font-size:24px;font-weight:700;margin-bottom:4px}.stat-label{color:#fff9;font-size:12px;letter-spacing:.5px;text-transform:uppercase}.progress-section{background:#1a1a1a;border-radius:12px;margin-bottom:24px;padding:16px}.progress-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.progress-text{color:#fffc;font-size:14px}.progress-count{color:#fe2c55;font-size:14px;font-weight:600}.progress-bar{background:#ffffff1a;border-radius:4px;height:8px;overflow:hidden}.progress-fill{background:linear-gradient(90deg,#fe2c55,#25f4ee);border-radius:4px;height:100%;transition:width .3s ease}.referral-code-section{background:linear-gradient(135deg,#fe2c55,#e91e63);border-radius:12px;margin-bottom:24px;padding:20px;text-align:center}.code-label{color:#ffffffe6;font-size:12px;letter-spacing:1px;margin-bottom:8px;text-transform:uppercase}.code-display{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border-radius:8px;padding:12px}.code-text{color:#fff;font-family:Courier New,monospace;font-size:24px;font-weight:700;letter-spacing:2px}.share-section{margin-bottom:24px}.share-label{color:#fffc;font-size:14px;margin-bottom:8px}.share-input-container{display:flex;gap:8px;margin-bottom:12px}.share-input{background:#1a1a1a;border:1px solid #ffffff1a;border-radius:8px;color:#fff;flex:1 1;font-size:14px;outline:none;padding:12px}.share-input:focus{border-color:#fe2c55}.copy-btn{background:#fe2c55;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:12px 20px;transition:all .2s;white-space:nowrap}.copy-btn:hover{background:#e02849;transform:translateY(-1px)}.copy-btn.copied{background:#4caf50}.twitter-share-btn{align-items:center;background:#000;border:1px solid #fff3;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;justify-content:center;padding:12px;transition:all .2s;width:100%}.twitter-share-btn:hover{background:#111;border-color:#fff6;transform:translateY(-1px)}.twitter-icon{height:18px;width:18px}.referrals-list-section{margin-bottom:24px}.list-title{color:#fff;font-size:18px;font-weight:600;margin-bottom:16px}.referrals-list{background:#1a1a1a;border-radius:12px;overflow:hidden}.referral-item{align-items:center;border-bottom:1px solid #ffffff0d;display:flex;justify-content:space-between;padding:16px;transition:background .2s}.referral-item:hover{background:#ffffff0d}.referral-item:last-child{border-bottom:none}.referral-info{align-items:center;display:flex;gap:12px}.referral-avatar{align-items:center;background:linear-gradient(135deg,#fe2c55,#25f4ee);border-radius:50%;color:#fff;display:flex;font-weight:600;height:40px;justify-content:center;width:40px}.referral-details{display:flex;flex-direction:column;gap:2px}.referral-name{color:#fff;font-size:14px;font-weight:600}.referral-date{color:#ffffff80;font-size:12px}.referral-status{border-radius:6px;font-size:12px;font-weight:600;padding:4px 8px}.referral-status.completed{background:#4caf5033;color:#4caf50}.referral-status.pending{background:#ffc10733;color:#ffc107}.empty-referrals{background:#1a1a1a;border-radius:12px;padding:40px 20px;text-align:center}.empty-icon{font-size:48px;margin-bottom:12px}.empty-text{color:#fff;font-size:16px;font-weight:600;margin-bottom:4px}.empty-subtext{color:#ffffff80;font-size:14px}.how-it-works{background:#1a1a1a;border-radius:12px;margin-bottom:20px;padding:20px}.how-it-works h3{color:#fff;font-size:18px;font-weight:600;margin-bottom:16px}.steps{display:flex;flex-direction:column;gap:16px}.step{gap:12px}.step,.step-number{align-items:center;display:flex}.step-number{background:#fe2c55;border-radius:50%;color:#fff;flex-shrink:0;font-size:14px;font-weight:600;height:28px;justify-content:center;width:28px}.step-text{color:#fffc;font-size:14px;line-height:1.4}.signin-prompt{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:calc(100vh - 140px);padding:60px 20px;text-align:center;width:100%}.signin-prompt h2{color:#fff;font-size:24px;font-weight:600;margin-bottom:12px}.signin-prompt p{color:#fff9;font-size:14px;margin-bottom:24px}.signin-btn{background:#fe2c55;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:12px 24px;transition:all .2s}.signin-btn:hover{background:#e02849;transform:translateY(-1px)}.loading-container{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:calc(100vh - 140px);padding:80px 20px;width:100%}.loading-spinner{animation:spin 1s linear infinite;border:3px solid #ffffff1a;border-radius:50%;border-top-color:#fe2c55;height:48px;width:48px}@keyframes spin{to{transform:rotate(1turn)}}.loading-container p{color:#fff9;font-size:14px;margin-top:16px}@media (max-width:480px){.referral-content{padding:16px}.stats-grid{gap:8px}.stat-card{padding:12px}.stat-value{font-size:20px}.stat-label{font-size:11px}.share-input-container{flex-direction:column}.copy-btn{width:100%}}
/*# sourceMappingURL=main.4dad5c1a.css.map*/