.account-dropdown{position:relative}.dropdown-content{position:fixed;inset:auto 0 0;background:#fff;border:1px solid #e5e7eb;border-radius:8px 8px 0 0;box-shadow:0 -5px 25px #00000026;z-index:1000;opacity:0;visibility:hidden;transform:translateY(100%);transition:all .3s ease;max-height:85vh;overflow-y:auto;-webkit-overflow-scrolling:touch}.dropdown-content.show{opacity:1;visibility:visible;transform:translateY(0)}.dropdown-item{display:flex;align-items:center;gap:12px;padding:12px 16px;color:#374151;text-decoration:none;font-size:14px;font-weight:500;transition:all .2s ease;border-radius:4px;margin:4px 8px}.dropdown-item:hover{background:#f9fafb;color:#8b7cf6}.dropdown-item.active{background:#f3f4f6;color:#8b7cf6;font-weight:600}.dropdown-item svg{flex-shrink:0}.dropdown-divider{height:1px;background:#e5e7eb;margin:8px 0}.account-btn{background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff;border:0;border-radius:12px;padding:10px;font-weight:600;font-size:14px;cursor:pointer;transition:all .25s ease;box-shadow:0 4px 12px #8b5cf640}.account-btn:hover{background:linear-gradient(135deg,#7c3aed,#6d28d9);transform:translateY(-1px) scale(1.02);box-shadow:0 6px 16px #7c3aed4d}.account-btn.connected{padding:7px;font-size:10px}@media (max-width: 768px){.account-btn{padding:8px 10px;font-size:12px;border-radius:10px;display:inline-flex;align-items:center;gap:6px;max-width:62vw;white-space:nowrap}.account-btn.connected{padding:7px;font-size:10px}#accountBtnText{max-width:38vw;overflow:hidden;text-overflow:ellipsis;display:inline-block;vertical-align:bottom}#creditsDisplay{display:none!important}}@media (max-width: 480px){.account-btn{padding:6px 8px;font-size:11px;border-radius:10px;max-width:58vw}.account-btn.connected{padding:5px;font-size:10px}#accountBtnText{max-width:36vw}}.tasks-header{padding:0 12px 8px}.task-item{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;margin:0 8px 8px;background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;transition:all .2s ease}.task-item:last-child{margin-bottom:0}.task-item:hover{background:#f3f4f6;border-color:#d1d5db;transform:translate(2px)}.task-info{display:flex;align-items:center;gap:10px;flex:1}.task-icon{width:28px;height:28px;min-width:28px;display:flex;align-items:center;justify-content:center;font-size:16px;background:#fff;border-radius:50%;border:1px solid #e5e7eb;flex-shrink:0}.task-details{display:flex;flex-direction:column;gap:4px;flex:1}.task-title{font-size:12px;font-weight:500;color:#111827;line-height:1.2}.task-reward{display:flex;align-items:center;gap:4px;font-size:12px;font-weight:600;color:#10b981}.task-reward-icon{width:12px;height:12px;object-fit:contain}.task-button{padding:6px 14px;background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;border-radius:6px;font-size:11px;font-weight:600;cursor:pointer;transition:all .2s ease;white-space:nowrap;flex-shrink:0}.task-button:hover{transform:translateY(-1px);box-shadow:0 4px 12px #10b9814d}.task-button:active{transform:translateY(0)}.task-button.completed:before{content:"✓ ";margin-right:2px}.task-button.completed:hover{transform:none;box-shadow:none}@media (max-width: 480px){.task-item{padding:6px 10px}.task-icon{width:24px;height:24px;font-size:14px}.task-title{font-size:11px}.task-button{padding:5px 12px;font-size:10px}}.btn-primary{background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff;border:0;border-radius:8px;font-weight:600;transition:transform .2s ease,box-shadow .2s ease;box-shadow:0 4px 12px #7c3aed40}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 6px 16px #7c3aed52}.tasks-section{padding:12px 0;border-top:1px solid #e5e7eb}.tasks-header{padding:0;margin:8px 8px 6px}.tasks-header h3{font-size:13px;font-weight:600;color:#374151;margin:0;letter-spacing:.3px}.task-reward{color:#8b7cf6}.task-button{padding:8px 14px;background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff;border:none;border-radius:8px;font-size:12px;font-weight:700;cursor:pointer;transition:all .2s ease;white-space:nowrap;flex-shrink:0}.task-button:hover{transform:translateY(-1px);box-shadow:0 6px 16px #7c3aed52}.task-button.completed{background:#e5e7eb;color:#6b7280;cursor:default;pointer-events:none}.icon-inline{width:16px;height:16px;vertical-align:middle;margin-right:6px;position:relative;top:-1px}.task-icon{width:24px;height:24px;display:inline-flex;align-items:center;justify-content:center;flex:0 0 24px;margin-right:10px}.task-icon img{width:100%;height:100%;object-fit:contain;display:block}@media (max-width: 768px){.dropdown-content{max-height:80vh;border-radius:12px 12px 0 0;padding-bottom:20px}}@media (min-width: 769px){.dropdown-content{position:absolute;inset:100% 0 auto auto;min-width:320px;max-width:400px;border-radius:8px;transform:translateY(-10px);box-shadow:0 10px 25px #00000026;max-height:70vh;margin-top:8px}.dropdown-content.show{transform:translateY(0)}}