@import"https://fonts.googleapis.com/css2?family=Montserrat:wght@500;600;700&display=swap";*{margin:0;padding:0;box-sizing:border-box}body{background:#0f0f0f;color:#ffffffde;font-family:Montserrat,sans-serif;-webkit-font-smoothing:antialiased;overflow-x:hidden}.app-container{padding:16px 16px 30px}.online-users{display:flex;align-items:center;justify-content:center;gap:8px;margin-bottom:12px}.online-avatars{display:flex;align-items:center}.online-avatar{width:24px;height:24px;border-radius:50%;object-fit:cover;border:1.5px solid #0F0F0F;margin-left:-6px}.online-dot{width:6px;height:6px;background:#5cc12c;border-radius:50%}.online-text{font-size:13px;color:#9ca3af;font-weight:500}.promo-banner{background:linear-gradient(135deg,#187225,#133c19);border-radius:16px;padding:16px;margin-bottom:16px;display:flex;align-items:center;justify-content:space-between}.promo-text{font-size:15px;font-weight:600;color:#fff;margin-bottom:4px}.promo-bonus{color:#d4f5d4;font-size:15px;font-weight:600;margin-bottom:8px}.timer-compact{display:inline-flex;align-items:center;gap:4px;background:#fff3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:8px;padding:6px 10px;color:#fff;font-size:12px;font-weight:600}.promo-gift{font-size:40px}.balance-card{background:#1a1a1a;border-radius:16px;padding:20px;text-align:center;margin-bottom:20px;border:1px solid #333}.balance-label{color:#888;font-size:13px;margin-bottom:5px;text-transform:uppercase;letter-spacing:.5px}.balance-value{font-size:36px;font-weight:700;color:#fff}.referral-box:active{background:#252525!important;transform:scale(.98)}.action-buttons{display:flex;gap:8px;margin-bottom:16px}.btn{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:14px;border-radius:12px;font-size:14px;font-weight:600;border:none;cursor:pointer}.btn-withdraw{background:linear-gradient(135deg,#187225,#133c19);color:#fff}.btn-tasks{background:#f8d256;color:#133c19}.section-header{display:flex;align-items:center;gap:8px;margin-bottom:12px;margin-left:4px}.section-icon{width:20px;height:20px}.section-title{font-size:15px;font-weight:600;color:#ffffffde}.payout-feed{background:#1a1a1a;border-radius:16px;padding:8px;margin-bottom:24px}.payout-item{display:flex;justify-content:space-between;align-items:center;padding:12px;background:#242424;border-radius:12px;margin-bottom:6px}.payout-label{color:#5cc12c;font-size:14px;font-weight:500}.payout-name{color:#9ca3af;font-size:11px}.payout-amount{color:#5cc12c;font-size:15px;font-weight:600}.payout-time{color:#9ca3af;font-size:11px;text-align:right}.quests-list{display:flex;flex-direction:column;gap:12px}.quest-card{display:flex;gap:12px;padding:12px;background:#1a1a1a;border-radius:16px}.quest-image{width:80px;height:80px;border-radius:12px;object-fit:cover}.quest-content{flex:1;display:flex;flex-direction:column;gap:4px}.quest-name{font-size:14px;font-weight:600}.quest-price{color:#5cc12c;font-size:14px;font-weight:600}.quest-btn{margin-top:8px;background:#ffe17e;color:#000;border:none;border-radius:20px;padding:8px 16px;font-size:12px;font-weight:600;width:fit-content}.quest-btn:disabled,.quest-btn.completed{background:#333;color:#888;cursor:default}.quest-btn.completed{background:#18722533;color:#5cc12c;border:1px solid #187225}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:flex-end;justify-content:center;z-index:100;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.modal-sheet{background:#1a1a1a;border-radius:20px 20px 0 0;padding:24px 20px 32px;width:100%;max-width:420px;animation:slideUp .25s ease}.modal-handle{width:36px;height:4px;background:#444;border-radius:4px;margin:0 auto 20px}.modal-icon{font-size:40px;text-align:center;margin-bottom:12px}.modal-title{font-size:17px;font-weight:700;color:#fff;text-align:center;margin-bottom:8px}.modal-desc{font-size:13px;color:#9ca3af;text-align:center;line-height:1.5;margin-bottom:6px}.modal-reward{text-align:center;font-size:20px;font-weight:700;color:#5cc12c;margin-bottom:20px}.modal-actions{display:flex;flex-direction:column;gap:10px}.modal-btn-subscribe{width:100%;padding:14px;border-radius:12px;font-size:15px;font-weight:600;border:none;cursor:pointer;background:linear-gradient(135deg,#187225,#1a8a2e);color:#fff;text-decoration:none;text-align:center;display:block;transition:transform .1s}.modal-btn-subscribe:active{transform:scale(.97)}.modal-btn-check{width:100%;padding:14px;border-radius:12px;font-size:15px;font-weight:600;border:1px solid #333;cursor:pointer;background:#242424;color:#fff;transition:transform .1s}.modal-btn-check:active{transform:scale(.97)}.modal-btn-check:disabled{opacity:.5;cursor:default}.modal-error{text-align:center;font-size:13px;color:#ff6b6b;margin-top:10px;animation:fadeIn .2s ease}.modal-success{text-align:center;font-size:13px;color:#5cc12c;margin-top:10px;animation:fadeIn .2s ease}.loading-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh}.spinner{width:30px;height:30px;border:3px solid rgba(255,255,255,.1);border-top-color:#f8d256;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}