.soundscape{position:fixed;right:24px;bottom:22px;z-index:80;font-family:var(--sans,Arial,sans-serif);color:#48243d;font-size:12px;max-width:calc(100vw - 24px)}
.soundscape-bar{display:flex;align-items:center;gap:3px;padding:5px;background:rgba(250,249,246,.97);border:1px solid #d8c7cf;border-radius:30px;box-shadow:0 5px 25px #48243d12}
.soundscape button{font:inherit;cursor:pointer;touch-action:manipulation}
.soundscape-switch{display:flex;align-items:center;justify-content:center;gap:7px;min-height:40px;border:0;border-radius:24px;background:transparent;color:inherit;padding:9px 13px;white-space:nowrap}
.soundscape-switch svg{width:17px;height:17px;flex-shrink:0}
.soundscape-switch[aria-pressed=true]{background:#48243d;color:#faf9f6}
.soundscape-state{font-size:10px;opacity:.75}
.soundscape-options{width:40px;height:40px;display:grid;place-items:center;border:0;border-left:1px solid #d8c7cf;border-radius:0 22px 22px 0;color:inherit;background:transparent}
.soundscape-options svg{width:19px;height:19px}
.soundscape button:hover{background:#ecdfe5;color:#48243d}
.soundscape-switch[aria-pressed=true]:hover{background:#653c55;color:#fff}
.soundscape button:focus-visible,.soundscape input:focus-visible{outline:2px solid #ae3054;outline-offset:3px}
.soundscape-panel{position:absolute;right:0;bottom:calc(100% + 10px);width:290px;max-width:calc(100vw - 24px);max-height:calc(100vh - 105px);max-height:calc(100dvh - 105px);overflow:auto;padding:22px;border:1px solid #d8c7cf;border-radius:16px;background:#faf9f6;box-shadow:0 10px 35px #48243d19}
.soundscape-panel h2{font-family:var(--serif,Georgia,serif);font-size:28px;font-weight:400;line-height:1.1;margin:0 0 12px}
.soundscape-panel p{font-size:12px;line-height:1.6;margin:10px 0 0}
.soundscape-volume-label{display:flex;align-items:center;justify-content:space-between;margin:17px 0 8px;font-size:12px}
.soundscape input[type=range]{display:block;width:100%;height:25px;margin:0;accent-color:#ae3054;cursor:pointer}
.soundscape-credit{border-top:1px solid #d8c7cf;padding-top:12px;color:#705563}
.soundscape-credit strong{display:block;color:#48243d;font-size:13px;font-weight:600}
.soundscape [hidden]{display:none!important}
body.has-soundscape{padding-bottom:95px}
html:has(.soundscape){scroll-padding-bottom:100px}
@media(max-width:700px){.soundscape{right:12px;bottom:calc(12px + env(safe-area-inset-bottom,0px))}.soundscape-switch{min-height:42px;padding:9px 12px}.soundscape-options{width:42px;height:42px}body.has-soundscape{padding-bottom:calc(95px + env(safe-area-inset-bottom,0px))}}