/* Scoped controls preserve the surrounding site layout and palette. */
.yl-player{box-sizing:border-box;display:flex;align-items:center;flex-wrap:wrap;gap:8px 12px;width:100%;max-width:760px;min-width:0;padding:12px 16px;background:rgba(207,233,228,.06);color:#CFE9E4;border:1px solid rgba(207,233,228,.25);border-radius:16px;font:13px Arial,Helvetica,sans-serif;letter-spacing:normal}
.admin-track .yl-player{max-width:600px;margin:16px 0}
.yl-player audio[hidden]{display:none!important}
.yl-player button{box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;min-width:36px;min-height:36px;padding:4px;background:transparent;color:#CFE9E4;border:0;border-radius:50%;cursor:pointer;font:14px Arial,Helvetica,sans-serif}
.yl-player .yl-player-times{flex:0 0 auto;white-space:nowrap;font-variant-numeric:tabular-nums}
.yl-player .yl-player-mute{font-size:12px;border-radius:8px}
.yl-player .yl-player-seek{box-sizing:border-box;display:block;flex:1 0 100%;order:4;width:100%;min-width:0;max-width:none;height:32px;margin:0;padding:0;border:0;border-radius:0;cursor:pointer;appearance:none;-webkit-appearance:none;background:transparent;color:#CFE9E4;touch-action:pan-y}
.yl-player-seek::-webkit-slider-runnable-track{height:4px;border-radius:4px;background:rgba(207,233,228,.22);background:linear-gradient(to right,#CFE9E4 var(--played,0%),rgba(207,233,228,.22) var(--played,0%))}
.yl-player-seek::-webkit-slider-thumb{-webkit-appearance:none;width:14px;height:14px;margin-top:-5px;border:0;border-radius:50%;background:#CFE9E4}
.yl-player-seek::-moz-range-track{height:4px;border-radius:4px;background:rgba(207,233,228,.22)}
.yl-player-seek::-moz-range-progress{height:4px;border-radius:4px;background:#CFE9E4}
.yl-player-seek::-moz-range-thumb{width:14px;height:14px;border:0;border-radius:50%;background:#CFE9E4}
.yl-player-seek:disabled{opacity:.6;cursor:default}
.yl-player .yl-player-status{order:5;flex:1 0 100%;font-size:12px;line-height:1.5}
.yl-player-status:empty{display:none}
.yl-player button:focus-visible,.yl-player input:focus-visible{outline:2px solid #CFE9E4;outline-offset:2px}
.yl-player button:focus,.yl-player input:focus{outline-color:#CFE9E4}
@media(min-width:801px){.yl-player .yl-player-seek{order:2;flex:1 1 80px;min-width:80px}.yl-player .yl-player-mute{order:3}}
@media(max-width:480px){.public-track{gap:12px;flex-wrap:wrap}.public-track .track-cover{width:64px;height:64px}.public-track>div{flex:1 1 180px}.yl-player{padding:8px 10px;gap:4px 8px}}

.yl-player .yl-player-toggle{width:40px;height:40px;background:#CFE9E4;color:#115E5D;border-radius:50%;padding:0}
.yl-player-toggle::before{content:"";display:block;width:0;height:0;border-top:6px solid transparent;border-bottom:6px solid transparent;border-left:9px solid #115E5D;margin-left:3px}
.yl-player-toggle.is-playing::before{width:10px;height:13px;border:0;border-left:3px solid #115E5D;border-right:3px solid #115E5D;margin-left:0;box-sizing:border-box}
.yl-player .yl-player-toggle:hover{background:#e3f3ef}
.yl-player .yl-player-mute{margin-left:auto;min-height:40px;padding:4px 8px;color:#CFE9E4;font-size:11px;letter-spacing:.04em}
.yl-player .yl-player-times{font-size:12px;letter-spacing:.02em}