*{margin:0;padding:0;box-sizing:border-box}:root{--primary-dark: #0a1612;--primary-bg: #0f1f1a;--secondary-bg: #1a2e27;--card-bg: rgba(26, 46, 39, .4);--accent-gold: #d4af37;--accent-lime: #84cc16;--accent-green: #10b981;--text-primary: #e8f5e9;--text-secondary: rgba(232, 245, 233, .7);--text-muted: rgba(232, 245, 233, .5);--border-color: rgba(132, 204, 22, .15);--border-gold: rgba(212, 175, 55, .3)}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;background:var(--primary-dark);color:var(--text-primary);overflow-x:hidden;padding-bottom:70px}#app{min-height:100vh}.loading-screen{position:fixed;top:0;left:0;right:0;bottom:0;background:var(--primary-dark);display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:9999;transition:opacity .3s ease}.loading-screen.fade-out{opacity:0;pointer-events:none}.loading-spinner{width:50px;height:50px;border:3px solid rgba(132,204,22,.2);border-top-color:var(--accent-lime);border-radius:50%;animation:spin .8s linear infinite}.loading-text{margin-top:20px;font-size:16px;color:var(--text-muted)}@keyframes spin{to{transform:rotate(360deg)}}.toast-container{position:fixed;top:20px;left:50%;transform:translate(-50%);z-index:10000;display:flex;flex-direction:column;gap:10px;width:90%;max-width:400px}.toast{background:#1a2e27f2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--border-color);border-radius:12px;padding:16px 20px;display:flex;align-items:center;gap:12px;box-shadow:0 8px 32px #0009;animation:slideIn .3s ease}.toast.success{border-left:3px solid var(--accent-green)}.toast.error{border-left:3px solid #ef4444}.toast.info{border-left:3px solid var(--accent-lime)}.toast-icon{font-size:24px;flex-shrink:0}.toast-content{flex:1}.toast-title{font-weight:600;margin-bottom:4px}.toast-message{font-size:14px;opacity:.8}@keyframes slideIn{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}.screen{display:none;animation:fadeIn .3s ease}.screen.active{display:block}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.header{background:linear-gradient(135deg,var(--primary-bg) 0%,var(--secondary-bg) 100%);padding:20px;display:flex;align-items:center;gap:12px;border-bottom:1px solid var(--border-color)}.btn-back{width:40px;height:40px;border-radius:50%;background:#84cc161a;border:1px solid rgba(132,204,22,.3);color:var(--accent-lime);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;flex-shrink:0}.btn-back:active{background:#84cc1633;transform:scale(.95)}.btn-back svg{display:block}.user-avatar{width:50px;height:50px;border-radius:50%;background:linear-gradient(135deg,var(--accent-gold) 0%,var(--accent-lime) 100%);display:flex;align-items:center;justify-content:center;font-size:24px;flex-shrink:0;overflow:hidden}.user-avatar img{width:100%;height:100%;object-fit:cover}.header-info{flex:1}.header-info h1{font-size:18px;font-weight:600;margin-bottom:2px;color:var(--text-primary)}.header-info p{font-size:14px;color:var(--text-secondary)}.header-actions{display:flex;align-items:center;gap:8px}.header-balance{display:flex;align-items:center;gap:8px;padding-right:8px;border-right:1px solid var(--border-color)}.header-balance .balance-amount{font-size:18px;font-weight:700;color:var(--accent-green)}.btn-icon{width:36px;height:36px;border-radius:50%;background:#84cc161a;border:1px solid rgba(132,204,22,.3);color:var(--accent-lime);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.btn-icon:hover{background:#84cc1633;transform:scale(1.05)}.btn-icon svg{display:block}.stats-compact{display:flex;align-items:center;justify-content:space-around;padding:20px;background:#1a2e2780;border-radius:12px;margin:16px}.stat-item{text-align:center;flex:1}.stat-number{font-size:22px;font-weight:700;color:#fff;margin-bottom:4px}.stat-text{font-size:13px;color:#fff9}.stat-divider{width:1px;height:30px;background:#ffffff1a}.container{padding:0 0 20px}.tabs{display:flex;gap:8px;padding:16px;background:#1a2e274d}.tab-btn{flex:1;padding:12px;background:transparent;border:none;color:#fff9;font-size:15px;font-weight:500;border-radius:8px;cursor:pointer;transition:all .2s}.tab-btn.active{background:#84cc1633;color:var(--accent-lime)}#challenges-list,#feed-list,#user-challenges-list{padding:8px;display:flex;flex-direction:column;gap:8px}.challenge-card{background:#1a2e2766;border:1px solid rgba(255,255,255,.06);border-radius:12px;padding:12px;transition:all .2s}.challenge-card:active{background:#1a2e2799;transform:scale(.99)}.challenge-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:8px}.challenge-title{font-size:15px;font-weight:400;flex:1;line-height:1.4}.challenge-badge{padding:4px 10px;border-radius:12px;font-size:12px;font-weight:500}.badge-active{background:#3b82f633;color:var(--accent-lime)}.badge-completed{background:#10b98133;color:var(--accent-green)}.badge-failed{background:#ef444433;color:#ef4444}.challenge-description{font-size:14px;opacity:.6;margin-bottom:8px;line-height:1.4;display:none}.challenge-meta{display:flex;gap:6px;font-size:12px;opacity:.5;margin-top:2px;align-items:center;flex-wrap:wrap}.challenge-meta .challenge-badge{opacity:1;padding:2px 8px;font-size:11px}.challenge-timer{color:var(--accent-lime);font-weight:500;opacity:1!important}.challenge-timer-big{display:flex;align-items:center;gap:8px;padding:10px 12px;background:#84cc161a;border:1px solid rgba(132,204,22,.3);border-radius:8px;margin-top:12px;color:var(--accent-lime);font-size:15px;font-weight:600}.challenge-stake{display:flex;align-items:center;justify-content:space-between;margin-top:12px;padding-top:12px;border-top:1px solid rgba(255,255,255,.05)}.challenge-stake-amount{display:flex;align-items:baseline;gap:4px}.challenge-stake-amount .currency{font-size:14px;font-weight:600;color:var(--accent-green)}.challenge-stake-amount .amount{font-size:18px;font-weight:700;color:var(--accent-green)}.challenge-stake-details{font-size:12px;opacity:.5}.challenge-actions{display:flex;gap:8px}.empty-state{text-align:center;padding:60px 20px}.empty-icon{font-size:64px;margin-bottom:16px;opacity:.5}.empty-text{font-size:18px;font-weight:500;opacity:.8;margin-bottom:20px}.bottom-nav{position:fixed;bottom:0;left:0;right:0;background:#1a2e27f2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:1px solid rgba(255,255,255,.05);display:flex;justify-content:space-around;align-items:flex-end;padding:8px 0 calc(8px + env(safe-area-inset-bottom));z-index:100}.nav-btn{flex:1;display:flex;flex-direction:column;align-items:center;gap:4px;padding:8px;background:none;border:none;color:#ffffff80;cursor:pointer;transition:all .2s}.nav-btn.active{color:var(--accent-lime)}.nav-btn.active .nav-icon{stroke:var(--accent-lime)}.nav-icon{stroke:#ffffff80;transition:stroke .2s}.nav-btn-add{position:relative;margin-bottom:10px}.nav-icon-add{width:56px;height:56px;border-radius:50%;background:linear-gradient(135deg,var(--accent-lime) 0%,var(--accent-gold) 100%);display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #84cc1666;transition:transform .2s}.nav-btn-add:active .nav-icon-add{transform:scale(.95)}.nav-icon-add svg{stroke:#fff}.nav-label{font-size:11px;font-weight:500}.settings-list{padding:16px}.settings-item{display:flex;justify-content:space-between;align-items:center;padding:16px;background:#1a2e2799;border:1px solid rgba(255,255,255,.05);border-radius:12px;margin-bottom:8px;font-size:15px}.btn{padding:12px 24px;border:none;border-radius:10px;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s}.btn-primary{background:linear-gradient(135deg,var(--accent-lime) 0%,var(--accent-gold) 100%);color:#fff}.btn-primary:active{transform:scale(.95)}.btn-secondary{background:#ffffff1a;color:#fff}.btn-success{background:#10b98133;color:var(--accent-green);border:1px solid rgba(16,185,129,.3)}.btn-danger{background:#ef444433;color:#ef4444;border:1px solid rgba(239,68,68,.3)}.btn-sm{padding:8px 16px;font-size:14px}.btn-donate{padding:6px 12px;font-size:13px;background:transparent;border:1px solid rgba(16,185,129,.3);color:var(--accent-green);border-radius:16px;cursor:pointer;transition:all .2s;font-weight:500}.btn-donate:hover{background:#10b9811a;border-color:#10b98180}.btn-donate:active{transform:scale(.95)}.btn-like{display:flex;align-items:center;gap:6px;padding:6px 12px;font-size:13px;background:transparent;border:1px solid rgba(255,255,255,.1);color:#fff9;border-radius:16px;cursor:pointer;transition:all .2s}.btn-like:hover{background:#ffffff0d;border-color:#fff3}.btn-like.liked{background:#ef44441a;border-color:#ef44444d;color:#ef4444}.btn-like.liked svg{fill:#ef4444}.btn-like:active{transform:scale(.95)}.like-count{font-weight:500}.btn-vote{display:flex;align-items:center;gap:6px;padding:6px 12px;font-size:13px;background:transparent;border:1px solid rgba(255,255,255,.1);color:#fff9;border-radius:16px;cursor:pointer;transition:all .2s}.btn-vote:hover{background:#ffffff0d;border-color:#fff3}.btn-vote:active{transform:scale(.95)}.btn-vote-verify{border-color:#10b98133}.btn-vote-verify:hover{background:#10b9810d;border-color:#10b9814d}.btn-vote-verify.voted{background:#10b98126;border-color:#10b98166;color:var(--accent-green)}.btn-vote-verify.voted svg{fill:var(--accent-green)}.btn-vote-fake{border-color:#ef444433}.btn-vote-fake:hover{background:#ef44440d;border-color:#ef44444d}.btn-vote-fake.voted{background:#ef444426;border-color:#ef444466;color:#ef4444}.btn-vote-fake.voted svg{fill:#ef4444}.vote-count{font-weight:500}.btn-block{width:100%}.modal{position:fixed;top:0;left:0;right:0;bottom:0;background:#000c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:none;align-items:flex-end;z-index:1000;animation:fadeIn .2s ease}.modal.active{display:flex}.modal-content{background:var(--secondary-bg);border-radius:20px 20px 0 0;width:100%;max-height:90vh;overflow-y:auto;animation:slideUp .3s ease}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:1px solid rgba(255,255,255,.05)}.modal-title{font-size:20px;font-weight:600}.close{width:32px;height:32px;border-radius:50%;background:#ffffff1a;border:none;color:#fff;font-size:20px;cursor:pointer}form{padding:20px}.form-group{margin-bottom:20px}.form-label{display:block;margin-bottom:8px;font-size:14px;font-weight:500;opacity:.8}.form-input,.form-textarea,.form-select{width:100%;padding:12px 16px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:10px;color:#fff;font-size:15px;font-family:inherit}.form-textarea{min-height:100px;resize:vertical}.form-input:focus,.form-textarea:focus,.form-select:focus{outline:none;border-color:var(--accent-lime);background:#84cc160d}.info-box{background:#3b82f61a;border:1px solid rgba(59,130,246,.2);border-radius:10px;padding:12px;font-size:14px;margin-bottom:20px;color:#fffc}.animate-in{animation:fadeInUp .4s ease}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.report-card{background:#1a2e2766;border:1px solid rgba(255,255,255,.06);border-radius:12px;padding:12px;margin:0;transition:all .2s}.report-card:active{background:#1a2e2799;transform:scale(.99)}.report-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px;position:relative}.report-user{display:flex;align-items:flex-start;gap:10px;flex:1}.report-avatar{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,var(--accent-lime) 0%,var(--accent-gold) 100%);display:flex;align-items:center;justify-content:center;font-weight:600;font-size:14px;overflow:hidden;flex-shrink:0}.report-username{font-weight:600;font-size:14px;cursor:pointer}.report-username:hover{text-decoration:underline}.report-challenge,.report-date{font-size:13px;opacity:.5;margin-top:2px}.report-content{font-size:15px;line-height:1.4;margin-bottom:12px;white-space:pre-wrap;margin-left:0}.report-image{width:100%;border-radius:12px;margin-bottom:12px;margin-left:0;max-width:100%}.report-link{display:inline-block;color:var(--accent-lime);text-decoration:none;font-size:14px;font-weight:500;margin-left:0}.report-link:hover{text-decoration:underline}.profile-header{text-align:center;padding:40px 20px 20px}.profile-avatar{width:100px;height:100px;border-radius:50%;background:linear-gradient(135deg,var(--accent-lime) 0%,var(--accent-gold) 100%);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:40px;margin:0 auto 16px;overflow:hidden}.profile-username{font-size:20px;font-weight:600;margin:0 0 8px;color:var(--accent-lime)}.profile-name{font-size:16px;opacity:.7;margin-bottom:8px}.report-user-info{flex:1;min-width:0}.report-username{cursor:pointer;transition:color .2s}.report-username:hover{color:var(--accent-lime)}.challenge-owner{display:flex;align-items:center;gap:8px;padding:0;border:none;margin-bottom:8px}.challenge-owner-avatar{width:24px;height:24px;border-radius:50%;background:linear-gradient(135deg,var(--accent-lime) 0%,var(--accent-gold) 100%);display:flex;align-items:center;justify-content:center;font-weight:600;font-size:11px;overflow:hidden;flex-shrink:0}.challenge-owner-username{font-weight:500;font-size:12px;cursor:pointer;transition:color .2s;opacity:.8}.challenge-owner-username:hover{color:var(--accent-lime);opacity:1}.btn-menu{background:transparent;border:none;color:#fff9;cursor:pointer;padding:4px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .2s;width:32px;height:32px}.btn-menu:hover{background:#ffffff1a;color:#ffffffe6}.btn-menu:active{transform:scale(.95)}@keyframes pulse{0%,to{box-shadow:0 0 #84cc16b3}50%{box-shadow:0 0 0 10px #84cc1600}}.challenge-stake-details:hover{color:var(--accent-green);text-decoration:underline}
