body{
font-family:Arial;
margin:0;
background:#f4f4f4;
padding:20px;
}

header{
display:flex;
justify-content:space-between;
align-items:center;
margin-bottom:20px;
}

#addBtn{
position:fixed;
bottom:20px;
right:20px;
width:60px;
height:60px;
border-radius:50%;
font-size:30px;
background:#2196f3;
color:white;
border:none;
}

textarea{
width:100%;
height:80px;
margin-bottom:10px;
}

.card{
background:white;
padding:15px;
margin-bottom:10px;
border-radius:10px;
cursor:pointer;
box-shadow:0 2px 6px rgba(0,0,0,0.1);
}

.hidden{
display:none;
}

#wordBank span{
display:inline-block;
background:#ddd;
padding:8px;
margin:5px;
border-radius:6px;
cursor:grab;
}

#answerBox{
min-height:40px;
background:white;
padding:10px;
margin-bottom:10px;
border-radius:8px;
border:2px dashed #aaa;
}

button.small{
margin-right:10px;
}