#birdsong-app{
max-width:1000px;
margin:auto;
padding:24px;
font-family:Arial,sans-serif;
}

#home-screen,
#quiz-screen,
#summary-screen{
background:white;
padding:24px;
border-radius:24px;
box-shadow:0 4px 24px rgba(0,0,0,.08);
}

button{
background:#1565c0;
color:white;
border:none;
padding:12px 20px;
border-radius:12px;
cursor:pointer;
transition:all .2s ease;
}

button:hover{
background:#0d47a1;
}

button:active{
background:#002171;
transform:scale(.98);
}

.button-row{
display:flex;
gap:12px;
margin-top:20px;
}

select{
width:100%;
padding:12px;
border-radius:12px;
margin-top:20px;
}

#audio-player{
width:100%;
}

#bird-image{
display:none;
max-width:260px;
margin-top:20px;
border-radius:16px;
}

.summary-item{
padding:20px;
margin-top:20px;
border-radius:16px;
color:white;
}

.success{
background:#2e7d32;
}

.fail{
background:#c62828;
}

#home-description{
background:#f4f8fb;
padding:16px;
border-radius:16px;
margin:20px 0;
line-height:1.6;
}

@media(max-width:768px){
.button-row{
flex-direction:column;
}
}