#ai-assistant{
position:fixed;
bottom:20px;
right:20px;
z-index:9999;
font-family:sans-serif;
}

#ai-avatar{

width:70px;
height:70px;
border-radius:50%;
background:linear-gradient(45deg,#6366f1,#9333ea);
cursor:pointer;
animation:float 3s infinite ease-in-out;

}

@keyframes float{

0%{transform:translateY(0)}
50%{transform:translateY(-8px)}
100%{transform:translateY(0)}

}

#ai-panel{

display:none;
width:300px;
height:420px;
background:white;
border-radius:12px;
box-shadow:0 10px 30px rgba(0,0,0,.2);
margin-top:10px;
overflow:hidden;

}

#ai-chat{

height:330px;
overflow:auto;
padding:10px;
font-size:14px;

}

#ai-controls{

display:flex;
border-top:1px solid #eee;

}

#ai-input{

flex:1;
border:none;
padding:10px;

}

#ai-send,
#ai-mic{

border:none;
background:#6366f1;
color:white;
padding:10px;
cursor:pointer;

}