/* Listen bar — scarletbeast.com (sb-shared/scarletbeast-build/listen/). Self-contained: no page variables. */
.sb-listen{box-sizing:border-box;max-width:760px;margin:18px 0 22px;text-align:left}
.sb-listen[hidden]{display:none!important}
.sb-listen *{box-sizing:border-box}
.sb-listen .sbl-in{padding:12px 14px;border:1px solid rgba(236,230,220,.28);border-left:4px solid #e8be6e;border-radius:8px;background:#17120f;color:#ece6dc;font:400 16px/1.5 system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif}
.sb-listen.sbl-on .sbl-in{position:fixed;bottom:12px;left:50%;transform:translateX(-50%);width:min(760px,calc(100vw - 24px));z-index:900;box-shadow:0 -4px 28px rgba(0,0,0,.8)}
.sb-listen .sbl-row{display:flex;flex-wrap:wrap;align-items:center;gap:8px 10px}
.sb-listen .sbl-more{display:inline-flex;flex-wrap:wrap;gap:8px}
.sb-listen .sbl-more[hidden],.sb-listen .sbl-set[hidden]{display:none}
.sb-listen .sbl-b{display:inline-flex;align-items:center;gap:8px;min-height:44px;margin:0;padding:8px 16px;border:1px solid rgba(236,230,220,.55);border-radius:6px;background:#241c17;color:#fff;font:600 16px/1.2 inherit;font-family:inherit;letter-spacing:0;text-transform:none;cursor:pointer;width:auto}
.sb-listen .sbl-b:hover{background:#33271f;border-color:#fff}
.sb-listen .sbl-b:focus-visible,.sb-listen select:focus-visible{outline:3px solid #fff;outline-offset:2px}
.sb-listen .sbl-b[disabled]{opacity:1;color:#a39d94;border-color:rgba(236,230,220,.22);background:#17120f;cursor:default}
.sb-listen .sbl-play{background:#e8be6e;border-color:#e8be6e;color:#14100d}
.sb-listen .sbl-play:hover{background:#f3d290;border-color:#f3d290}
.sb-listen .sbl-ic{font-size:15px;line-height:1}
.sb-listen .sbl-sets{display:inline-flex;flex-wrap:wrap;gap:8px 14px;margin-left:auto}
.sb-listen .sbl-set{display:inline-flex;align-items:center;gap:6px}
.sb-listen .sbl-f{margin:0;padding:0;font:400 14.5px/1.2 inherit;font-family:inherit;color:#d9d2c6;text-transform:none;letter-spacing:0}
.sb-listen select{min-height:44px;max-width:210px;margin:0;padding:6px 8px;border:1px solid rgba(236,230,220,.55);border-radius:6px;background:#241c17;color:#fff;font:400 15px/1.2 inherit;font-family:inherit;width:auto}
.sb-listen .sbl-msg{margin:8px 0 0!important;font-size:15px;color:#fff;max-width:none}
.sb-listen .sbl-msg:empty{display:none}
.sb-listen .sbl-about{margin:6px 0 0;font-size:14.5px;color:#d9d2c6}
.sb-listen .sbl-about summary{display:inline-block;min-height:24px;padding:2px 0;cursor:pointer;color:#e8be6e;text-decoration:underline;list-style:none}
.sb-listen .sbl-about summary::-webkit-details-marker{display:none}
.sb-listen .sbl-about summary:focus-visible{outline:3px solid #fff;outline-offset:2px}
.sb-listen .sbl-note{margin:6px 0 0!important;font-size:14.5px;line-height:1.45;color:#d9d2c6;max-width:none}
.sb-listen.sbl-on .sbl-about{display:none}
.sb-listen-now{outline:3px solid #e8be6e!important;outline-offset:4px;border-radius:3px}
@media(max-width:560px){.sb-listen .sbl-in{padding:10px 12px}.sb-listen .sbl-sets{margin-left:0}.sb-listen .sbl-b{padding:8px 12px}.sb-listen.sbl-on .sbl-vset{display:none}}
@media print{.sb-listen{display:none!important}.sb-listen-now{outline:0!important}}