/* A small listening room, available without interrupting the page. */
.lake-listener{position:fixed;right:max(1rem,env(safe-area-inset-right));bottom:max(1rem,env(safe-area-inset-bottom));z-index:40;width:min(21rem,calc(100% - 2rem));font:400 1rem/1.5 var(--font-sans,Arial,sans-serif);color:#FFFFFF;background:#000;border:1px solid #737373;border-radius:1rem;box-shadow:0 .5rem 2rem #0008}
.lake-listener:not([open]){width:auto;max-width:calc(100% - 2rem)}
.lake-listener summary{min-height:2.75rem;display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;cursor:pointer;list-style:none;font-weight:500;font-size:.875rem;user-select:none}
.lake-listener summary::-webkit-details-marker{display:none}
.lake-listener summary:focus-visible{outline:2px solid #FFFFFF;outline-offset:4px;border-radius:1rem}
.lake-listener .listen-sign{margin-left:auto;font-size:1.25rem;line-height:1;transition:rotate 300ms cubic-bezier(.22,1,.36,1)}
.lake-listener[open] .listen-sign{rotate:45deg}
.listen-wave{display:flex;align-items:center;gap:3px;height:1rem;width:1.375rem;flex:none}
.listen-wave i{display:block;width:2px;height:40%;background:currentColor;border-radius:2px;transform-origin:center}
.listen-wave i:nth-child(2),.listen-wave i:nth-child(4){height:75%}.listen-wave i:nth-child(3){height:100%}
.lake-listener[open] .listen-wave i{animation:lake-listen-wave 2.8s ease-in-out 2}
.listen-wave i:nth-child(2){animation-delay:-.4s!important}.listen-wave i:nth-child(3){animation-delay:-.8s!important}.listen-wave i:nth-child(4){animation-delay:-1.2s!important}
@keyframes lake-listen-wave{0%,100%{scale:1 .65}50%{scale:1 1}}
.listen-room{padding:0 .5rem .5rem;max-height:calc(100svh - 7rem);overflow:auto;overscroll-behavior:contain;animation:lake-room-enter 300ms cubic-bezier(.22,1,.36,1)}
.listen-room p{margin:0 0 .75rem!important;font-size:.875rem!important;max-width:none!important;color:#d1d1d1!important}
.listen-room iframe{display:block;width:100%;height:152px;border:0;border-radius:.75rem;background:#121212}
.listen-room a{display:inline-flex;align-items:center;min-height:2.75rem;margin-top:0;font-size:.75rem;color:#FFFFFF}
.listen-room a:focus-visible{outline:2px solid #FFFFFF;outline-offset:4px}
@keyframes lake-room-enter{from{opacity:0;translate:0 .5rem}to{opacity:1;translate:0 0}}
/* Reserve space so the collapsed control cannot cover the last footer links. */
body:has(.lake-listener){padding-bottom:4rem}
@media(max-width:40rem){.lake-listener{right:.75rem;bottom:max(.75rem,env(safe-area-inset-bottom));max-width:calc(100% - 1.5rem)}}
@media(prefers-reduced-motion:reduce){.listen-room,.lake-listener[open] .listen-wave i{animation:none}.lake-listener .listen-sign{transition:none}}
@media(forced-colors:active){.lake-listener{background:Canvas;color:CanvasText;border-color:CanvasText}.listen-wave i{background:CanvasText}}