.music-invitation{margin:20px auto 4px;max-width:340px;text-align:center;padding:13px 16px 11px;border:1px solid #e9c8ad35;border-radius:16px;background:linear-gradient(130deg,#e0b9d00e,#d7c7ee08)}
.music-play{border:0;background:none;color:#f1d5bf;font:inherit;font-size:12px;min-height:36px;cursor:pointer;padding:5px 8px;border-radius:8px}.music-play>span{font-size:20px;display:inline-block;vertical-align:middle;margin-right:6px}.music-play:focus-visible{outline:2px solid #e9c49a}
#music-status{font-size:10px;color:#bfc5d0;line-height:1.65;margin:5px 0 8px;min-height:16px}
.music-volume{display:flex;align-items:center;justify-content:center;gap:9px;font-size:9px;color:#c7b9c8}.music-volume input{width:110px;height:24px;accent-color:#e1b7c9;cursor:pointer}.music-volume>span{min-width:26px;text-align:left}
.sound{min-height:40px}.sound[aria-pressed=true]{border-color:#e8bc9988;background:#e4b8c918;color:#f7debf}
.music-playing .music-play>span{animation:melody-sway 3s ease-in-out infinite}
@keyframes melody-sway{0%,100%{transform:rotate(-8deg)}50%{transform:rotate(8deg)}}
@media(max-width:650px){.music-invitation{max-width:300px;margin-top:17px;padding:9px 12px}.music-play{font-size:11px}#music-status{font-size:9px}.sound span{font-size:9px}.sound{padding:8px 10px}}
@media(prefers-reduced-motion:reduce){.music-playing .music-play>span{animation:none}}