.topbar{gap:clamp(8px,2vw,28px)}
.music-control{position:relative;flex:none;text-shadow:none}
.music-control[hidden],.music-panel[hidden],.music-volume[hidden]{display:none}
.music-toggle{display:flex;align-items:center;justify-content:center;gap:6px;min-width:68px;min-height:44px;padding:8px 10px;border:1px solid #b78c4680;background:#190804;color:#f5dfb0;font:inherit;font-size:.8125rem;line-height:1.3;cursor:pointer}
.music-toggle>span:first-child{font-size:1.25rem;color:#f3bd47}
.music-toggle[data-playing="true"]{border-color:#e8ba62;background:#48200e}
.music-panel{position:absolute;right:0;top:calc(100% + 12px);width:min(310px,calc(100vw - 32px));padding:24px 20px 20px;background:#190804;border:1px solid #b78c46;color:#f5dfb0;box-shadow:0 12px 32px #0009;text-align:left;font-weight:400;line-height:1.6}
.music-panel p{margin:0 0 12px;letter-spacing:0}
.music-panel .music-kicker{padding-right:28px;font-size:.75rem;color:#d3a558}
.music-panel .music-title{font-size:1rem;font-weight:700}
.music-panel #musicStatus{font-size:.875rem;min-height:2.8em}
.music-close{position:absolute;right:2px;top:2px;display:grid;place-items:center;width:44px;height:44px;padding:0;border:0;background:none;color:#f5dfb0;font-size:1.5rem;cursor:pointer}
.music-volume{display:flex;align-items:center;gap:12px;font-size:.875rem}
.music-volume input{flex:1;min-width:0;height:44px;margin:0;accent-color:#e4ad46;touch-action:pan-y}
.music-panel small{display:block;margin-top:10px;font-size:.75rem;color:#bca486}
@media(max-width:960px){.top-date{display:none}.music-control{margin-left:auto}}
@media(max-width:720px){
  .topbar{gap:8px}
  .music-toggle{min-width:62px;padding:8px}
  .music-panel{position:fixed;top:calc(72px + env(safe-area-inset-top));left:16px;right:16px;width:auto;max-width:360px;margin-left:auto;max-height:calc(100dvh - 100px - env(safe-area-inset-top));overflow-y:auto}
  .mini-logo{font-size:clamp(.72rem,3.2vw,.875rem)}
}