.bb-om-player{position:fixed;left:max(16px,env(safe-area-inset-left));bottom:max(16px,env(safe-area-inset-bottom));display:flex;align-items:center;gap:9px;z-index:9999;padding:10px 12px;border:1px solid #d8ae61;border-radius:18px;background:#fff9ed;color:#6b1523;box-shadow:0 5px 24px #6b152321;font-family:inherit;max-width:calc(100vw - 32px)}
.bb-om-symbol{font-family:serif;font-size:28px;line-height:1}
.bb-om-caption{display:flex;flex-direction:column;min-width:74px;line-height:1.35}
.bb-om-caption strong{font-size:13px;font-weight:600}
.bb-om-caption span{font-size:11px;color:#745750}
.bb-om-player button{display:grid;place-items:center;flex:0 0 40px;width:40px;height:40px;min-width:40px;margin:0;padding:9px;border:1px solid #dac7b6;border-radius:50%;background:transparent;color:#6b1523;line-height:1;cursor:pointer;box-shadow:none;transition:none;transform:none}
.bb-om-player button:hover,.bb-om-player button:active{background:transparent;color:#6b1523;box-shadow:none;transform:none}
.bb-om-player button:focus-visible{outline:2px solid #c65d27;outline-offset:3px}
.bb-om-player svg{width:20px;height:20px;display:block}
body.bb-has-om{padding-bottom:86px}
.bb-om-pause-icon,.bb-om-muted-icon{display:none}
.bb-om-player.is-playing .bb-om-play-icon,.bb-om-player.is-muted .bb-om-sound-icon{display:none}
.bb-om-player.is-playing .bb-om-pause-icon,.bb-om-player.is-muted .bb-om-muted-icon{display:block}
@media(max-width:380px){.bb-om-player{gap:7px;padding:8px;left:10px;bottom:max(10px,env(safe-area-inset-bottom));max-width:calc(100vw - 20px)}.bb-om-caption{min-width:64px}.bb-om-symbol{font-size:24px}}
@media print{.bb-om-player{display:none!important}body.bb-has-om{padding-bottom:0}}

.bb-listen-controls{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin:16px 0 22px;padding:16px 18px;border:1px solid #e7dac5;border-radius:14px;background:#fffaf0;color:#36221f}
.bb-listen-controls button{min-height:44px;border:1px solid #6b1523;border-radius:9px;padding:9px 16px;font-family:inherit;font-size:15px;line-height:1.6;cursor:pointer;box-shadow:none}
.bb-listen-controls .bb-listen-play{background:#6b1523;color:#fff7e8}
body.bb-site .bb-listen-controls button.fl-custom-button{min-height:44px;padding:9px 16px;border-radius:9px;transform:none;transition:background-color .18s ease}
body.bb-site .bb-listen-controls button.fl-custom-button .bb-icon{display:none}
body.bb-site .bb-listen-controls .bb-listen-play.fl-custom-button,body.bb-site .bb-listen-controls .bb-listen-play.fl-custom-button:hover{background:#6b1523;color:#fff7e8;box-shadow:none;transform:none}
body.bb-site .bb-listen-controls .bb-listen-stop.fl-custom-button,body.bb-site .bb-listen-controls .bb-listen-stop.fl-custom-button:hover{background:transparent;color:#6b1523;box-shadow:none;transform:none}
.bb-listen-controls .bb-listen-play:hover{background:#42111b}
.bb-listen-controls .bb-listen-stop{background:transparent;color:#6b1523}
.bb-listen-controls button:disabled{opacity:.45;cursor:not-allowed}
.bb-listen-controls label{display:flex;align-items:center;gap:8px;margin:0 0 0 auto;font-size:14px}
.bb-listen-controls select{min-height:42px;width:auto;max-width:130px;padding:7px 10px;border:1px solid #d7c3a2;border-radius:9px;background:#fffdf8;color:#6b1523;font-family:inherit;font-size:14px}
.bb-listen-controls .bb-listen-help{flex-basis:100%;margin:0;font-size:13px;line-height:1.8;color:#776861}
.bb-listen-controls button:focus-visible,.bb-listen-controls select:focus-visible{outline:3px solid #c6913a;outline-offset:3px}
@media(max-width:480px){.bb-listen-controls{padding:14px}.bb-listen-controls label{margin-left:0;flex-basis:100%}}
@media print{.bb-listen-controls{display:none!important}}
