.music-label{line-height:1.1;text-align:center}
.music-state{display:block;margin-top:3px;font-size:.75rem;font-weight:400}
#music[aria-pressed=true]{border:2px solid #7754a4;background:#e6dcef}
@media(max-width:700px){
 .topbar,.on-cover .topbar{min-height:102px;padding:8px 8px calc(8px + env(safe-area-inset-bottom,0px));bottom:0;gap:0}
 .topbar .tools,.on-cover .tools{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));width:100%;max-width:530px;gap:4px}
 .topbar .tool,.on-cover .tool,.on-village .topbar .tool{min-width:0;min-height:78px;flex-direction:column;justify-content:center;gap:5px;padding:5px 2px;font-size:.875rem;line-height:1.15;border-radius:18px}
 .tool>span{max-width:100%;white-space:normal;overflow-wrap:normal}
 .music-state{font-size:.75rem}
 body:not(.on-cover){padding-bottom:calc(104px + env(safe-area-inset-bottom,0px))}
 .on-village main{min-height:calc(100svh - 104px - env(safe-area-inset-bottom,0px))}
 .on-cover .cover-play{bottom:calc(122px + env(safe-area-inset-bottom,0px))}
 .voice-notice{bottom:calc(116px + env(safe-area-inset-bottom,0px))}
}