/* The music controls belong to the header's music icon, never to the garden page. */
#sound-popover{position:fixed;inset:auto;margin:0;padding:18px;width:354px;box-sizing:border-box;overflow:auto;border:1px solid #dddcca;border-radius:23px;background:#fcf9f1;color:#4f614e;box-shadow:0 10px 0 #53674708,0 16px 50px #43533c29;font-size:13px}
#sound-popover::backdrop{background:transparent}
.sound-popover-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:13px}
.sound-popover-heading h2{font-size:18px;line-height:1.5;font-weight:500;margin:0}
#sound-menu-close{width:29px;height:29px;font-size:23px;color:#89937d}
.sound-mode-row{display:grid;grid-template-columns:repeat(4,1fr);gap:5px}
.sound-mode-row button{border:1px solid #e3e3d5;border-radius:14px;padding:7px 3px;font-size:10px;line-height:1.6;background:#f1f1e6;white-space:nowrap}
.sound-mode-row button.selected{background:#e2ead5;border-color:#b7c69f;color:#4c664a}
#sound-popover .audio-dock{display:grid;grid-template-columns:1fr;gap:12px;align-items:stretch;background:transparent;border:0;border-radius:0;padding:0;margin:13px 0 0}
#sound-popover .audio-dock small{font-size:10px;color:#8a917e;line-height:1.8;display:block}
#sound-popover .audio-dock label{font-size:12px;display:block;margin-bottom:5px}
#sound-popover .audio-dock audio{display:block;width:100%;height:39px}
#sound-popover .audio-dock>p{font-size:10px;line-height:1.8;color:#89917e;margin:0}
.sound-volume-label{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:12px;font-size:11px;margin-top:13px;padding-top:12px;border-top:1px solid #e6e5d7}
#sound-popover #audio-volume{width:100%;min-width:0;margin:0;padding:0;accent-color:#8da77b;background:transparent}
#sound[aria-expanded=true]{background:#e8eddf;border-radius:50%;color:#67815d}
@media(max-width:480px){#sound-popover{padding:15px;border-radius:20px}.sound-popover-heading h2{font-size:17px}}