.user-btn{background:var(--color-info);color:#fff;border:none;padding:10px 20px;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;transition:all .3s ease}.user-btn:hover{background:#2980b9;transform:translateY(-1px);box-shadow:0 2px 8px rgba(52,152,219,.3)}.user-info{display:flex;align-items:center}.auth-modal{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.6);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);z-index:var(--z-modal);display:flex;align-items:center;justify-content:center;animation:fadeIn .2s ease}.auth-modal-content{background:#fff;padding:24px;border-radius:12px;box-shadow:0 10px 40px rgba(0,0,0,.2);max-width:450px;width:90%;max-height:90vh;overflow-y:auto;position:relative;animation:slideUp .3s ease}.auth-modal-close{position:absolute;top:15px;right:15px;background:0 0;border:none;font-size:24px;cursor:pointer;color:#999;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s ease}.auth-modal-close:hover{background:#f5f5f5;color:#333}.auth-btn{width:100%;padding:12px;border:none;border-radius:6px;font-size:16px;font-weight:500;cursor:pointer;transition:all .3s ease}.auth-btn-primary{background:var(--color-info);color:#fff}.auth-btn-primary:hover{background:#2980b9;transform:translateY(-1px);box-shadow:0 4px 12px rgba(52,152,219,.3)}.auth-btn-google{background:#fff;color:#333;border:2px solid #ddd;margin-top:10px}.auth-btn-google:hover{background:#f5f5f5;border-color:#ccc}.stat-card{background:linear-gradient(135deg,var(--accent) 0,var(--accent-end) 100%);color:#fff;padding:20px;border-radius:10px;text-align:center;box-shadow:0 4px 12px rgba(0,0,0,.1)}.stat-card h3{margin:0 0 10px 0;font-size:14px;opacity:.9}.stat-card p{margin:0;font-size:24px;font-weight:700}.profile-tab-btn{background:0 0;border:none;padding:12px 24px;font-size:16px;cursor:pointer;color:#666;border-bottom:3px solid transparent;transition:all .3s ease}.profile-tab-btn:hover{color:var(--color-info);background:rgba(52,152,219,.05)}.profile-tab-btn.active{color:var(--color-info);border-bottom-color:var(--color-info);font-weight:500}.profile-tab-content{padding:20px 0}.collection-card{position:relative;border-radius:8px;overflow:hidden;box-shadow:0 2px 8px rgba(0,0,0,.1);transition:all .3s ease}.collection-card:hover{transform:translateY(-4px);box-shadow:0 4px 16px rgba(0,0,0,.2)}.collection-card img{width:100%;display:block}.collection-card-actions{position:absolute;top:5px;right:5px;display:flex;gap:5px}.collection-btn{background:rgba(255,255,255,.95);border:none;width:28px;height:28px;border-radius:50%;cursor:pointer;font-size:14px;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 6px rgba(0,0,0,.2);transition:all .2s ease}.collection-btn:hover{transform:scale(1.1);box-shadow:0 3px 8px rgba(0,0,0,.3)}.meta-binder-card.card-owned::after{content:'✓';position:absolute;top:5px;left:5px;background:#4caf50;color:#fff;width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:14px;box-shadow:0 2px 6px rgba(0,0,0,.2);z-index:10}@keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes slideUp{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInRight{from{opacity:0;transform:translateX(100px)}to{opacity:1;transform:translateX(0)}}@keyframes slideOutRight{from{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(100px)}}.hidden{display:none!important}@media (max-width:768px){.auth-modal-content{padding:20px 16px}.stat-card p{font-size:20px}.profile-tab-btn{padding:10px 16px;font-size:14px}}