.coastal-listen-button{position:fixed;left:24px;bottom:24px;z-index:800;display:flex;align-items:center;gap:9px;min-height:50px;padding:11px 17px;border:2px solid white;border-radius:999px;background:#123956;color:#fff;box-shadow:0 4px 18px #08223833;font:600 16px/1.3 system-ui,sans-serif;cursor:pointer}
.coastal-listen-button:hover{background:#082238}.coastal-listen-button svg{flex:none}.coastal-listen-button:focus-visible{outline:3px solid #082238;outline-offset:4px}
.coastal-listen-panel{position:fixed;inset:auto auto 86px 24px;margin:0;width:min(360px,calc(100vw - 32px));max-width:none;max-height:calc(100dvh - 110px);box-sizing:border-box;overflow:auto;overscroll-behavior:contain;padding:20px;border:1px solid #9cb1c2;border-radius:12px;background:#fff;color:#123956;box-shadow:0 8px 32px #08223840;font:16px/1.5 system-ui,sans-serif;z-index:850}
.coastal-listen-panel *{box-sizing:border-box}.coastal-listen-header{display:flex;align-items:center;justify-content:space-between;gap:12px}.coastal-listen-header h2{font:500 26px/1.2 Georgia,serif;letter-spacing:0;color:#123956;margin:0}.coastal-listen-panel p{font:14px/1.6 system-ui,sans-serif;margin:14px 0;color:#344f64}.coastal-listen-panel button{min-height:44px;padding:9px 16px;border:1px solid #7693ad;border-radius:6px;background:#fff;color:#123956;font:600 15px/1.3 system-ui,sans-serif;cursor:pointer}.coastal-listen-panel .coastal-listen-close{flex:none;min-width:44px;padding:5px;font-size:26px}.coastal-listen-controls{display:flex;gap:10px;margin:18px 0}.coastal-listen-controls .coastal-listen-play{flex:1;background:#1172bf;color:#fff;border-color:#1172bf}.coastal-listen-panel button:disabled{opacity:.55;cursor:default}.coastal-listen-settings{display:flex;align-items:center;justify-content:space-between;gap:12px}.coastal-listen-settings label{font-size:14px;color:#123956}.coastal-listen-settings select{max-width:55%;min-height:44px;font:16px system-ui,sans-serif;border:1px solid #7693ad;border-radius:5px;padding:8px;background:#fff;color:#123956}.coastal-listen-panel .coastal-listen-status{font-weight:600;margin-bottom:8px}.coastal-listen-panel .coastal-listen-passage{background:#f0f5fa;padding:12px;border-radius:6px;max-height:100px;overflow:auto}.coastal-listen-panel .coastal-listen-help{font-size:12px;line-height:1.6}.coastal-listen-panel :focus-visible{outline:3px solid #123956;outline-offset:3px}
@media(max-width:520px){.coastal-listen-button{left:14px;bottom:14px;min-height:48px;padding:10px 13px}.coastal-listen-panel{left:8px;bottom:76px;width:calc(100vw - 16px);max-height:calc(100dvh - 92px);padding:18px}}
@media(forced-colors:active){.coastal-listen-button,.coastal-listen-panel button,.coastal-listen-controls .coastal-listen-play{background:ButtonFace;color:ButtonText;border:1px solid ButtonText}.coastal-listen-panel{background:Canvas;color:CanvasText}.coastal-listen-panel p{color:CanvasText}}
@media print{.coastal-listen-button,.coastal-listen-panel{display:none!important}}
/* Keep both floating tools above the site's phone navigation bar. */
@media screen and (max-width:47.5em){.coastal-listen-button,.ask-launcher{bottom:calc(var(--mobile-dock-space,4.75rem) + 12px)}.coastal-listen-panel{bottom:calc(var(--mobile-dock-space,4.75rem) + 72px);max-height:calc(100dvh - var(--mobile-dock-space,4.75rem) - 88px)}}
.coastal-listen-settings + .coastal-listen-settings{margin-top:8px}

.coastal-listen-button{width:50px;height:50px;min-height:50px;justify-content:center;padding:0;border-radius:50%}.coastal-listen-button svg{width:30px;height:30px}

.coastal-listen-audio{display:block;width:100%;height:54px;margin:0 0 16px}