.pocketful-sound{position:fixed;z-index:80;left:max(18px,env(safe-area-inset-left));bottom:max(18px,env(safe-area-inset-bottom));display:inline-flex;align-items:center;gap:7px;min-width:44px;min-height:44px;padding:10px 14px;border:1px solid #d6abb870;border-radius:28px;background:#fff5f8ed;color:#805269;box-shadow:0 4px 18px #a05b7520;backdrop-filter:blur(10px);font:600 10px var(--sans,'DM Sans',sans-serif);line-height:1;cursor:pointer;touch-action:manipulation;transition:background .25s,box-shadow .25s}
.pocketful-sound:hover{background:#fffafd;box-shadow:0 5px 20px #a05b7533}
.pocketful-sound:focus-visible{outline:3px solid #a75776;outline-offset:4px}
.pocketful-sound svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.pocketful-sound[data-sound=off] .music-waves,.pocketful-sound[data-sound=on] .music-slash{display:none}
.pocketful-sound[data-sound=on]{background:#fae0ebe8;color:#793b58;border-color:#c992a670}
#pocketful-music{display:none}
@media(max-width:480px){.pocketful-sound{left:12px;bottom:max(12px,env(safe-area-inset-bottom));padding:10px 12px;font-size:9px;gap:6px}}
@media(prefers-reduced-motion:reduce){.pocketful-sound{transition:none}}