/* Original Plus player presentation. The parent theme retains all playback logic. */
body.sp-has-player { padding-bottom:calc(140px + env(safe-area-inset-bottom,0px))!important; }
body.sp-has-player [data-mono-greeter],body.sp-has-player [data-instagram-widget] { bottom:calc(148px + env(safe-area-inset-bottom,0px)); }
.sp-sr-only { position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important; }
#mini-player.sp-player { --sp-accent:#07384d;position:fixed!important;inset:auto 28px calc(20px + env(safe-area-inset-bottom,0px))!important;z-index:100050!important;width:calc(100% - 56px)!important;max-width:none!important;height:100px!important;min-height:100px!important;margin:0!important;padding:0 24px 0 12px!important;border:2px solid #f6e9cc40!important;border-radius:999px!important;background:var(--sp-accent)!important;color:#f6e9cc!important;box-shadow:0 16px 36px #07384d35,0 3px 10px #07384d25!important;display:grid!important;grid-template-columns:144px minmax(260px,1fr) minmax(170px,.8fr) auto;gap:18px;align-items:center;transform:none!important;opacity:1!important;visibility:visible!important;pointer-events:auto!important;font-family:Inter,Arial,sans-serif;line-height:1.3;box-sizing:border-box; }
#mini-player.sp-player [hidden],.sp-listening-queue[hidden] { display:none!important; }
#mini-player.sp-player audio { display:none!important; }
.sp-player svg,.sp-listening-queue svg { width:22px;height:22px;flex:0 0 22px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round; }
.sp-player button,.sp-listening-queue button,.sp-player a { font:inherit;cursor:pointer;text-decoration:none!important;box-shadow:none!important; }
.sp-icon-button { display:inline-flex!important;align-items:center;justify-content:center;flex-shrink:0;width:34px;height:38px;padding:6px!important;background:transparent!important;border:0!important;border-radius:0!important;color:inherit!important;box-sizing:border-box; }
.sp-icon-button:hover { opacity:.72; }
.sp-player button:focus-visible,.sp-player a:focus-visible,.sp-player input:focus-visible,.sp-listening-queue button:focus-visible,.sp-listening-queue a:focus-visible { outline:3px solid currentColor!important;outline-offset:4px!important; }
.sp-player button:disabled { opacity:.32;cursor:default; }
.sp-player-transport { display:flex;align-items:center;gap:7px;min-width:0; }
.sp-player-play { order:-1;width:72px;height:72px;min-width:72px;display:grid;place-items:center;border:2px solid #f6e9cc!important;border-radius:50%!important;background:transparent!important;color:#f6e9cc!important;padding:20px!important; }
.sp-player-play svg { width:29px;height:29px;fill:currentColor;stroke:none; }
.sp-player-skip { width:25px;padding:3px!important; }
.sp-player-skip svg { width:18px;height:18px; }
.sp-player-skip svg path { fill:currentColor; }
.sp-player-track { position:relative;display:grid;grid-template-columns:minmax(0,1fr) 96px;align-items:center;gap:18px;min-width:0;height:96px; }
.sp-player-art { grid-column:2;grid-row:1;display:flex;align-items:center;justify-content:center;width:96px;height:96px;background:transparent;border-radius:0;overflow:hidden; }
.sp-player-art img { display:block;width:100%;height:100%;object-fit:contain;margin:0!important;border:0!important; }
.sp-is-episode .sp-player-art img { object-fit:cover; }
.sp-player-copy { grid-column:1;grid-row:1;min-width:0;padding-bottom:14px; }
.sp-is-episode .sp-player-copy { padding-bottom:0; }
.sp-player-copy strong { display:block;font-weight:750;font-size:15px;line-height:1.35;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#fff!important; }
.sp-player-copy>span { display:block;margin-top:4px;font-size:11px;opacity:.86;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; }
.sp-player-live { position:absolute;left:0;bottom:9px;display:inline-flex;align-items:center;gap:5px;margin:0;font-size:7px;font-weight:800;letter-spacing:.8px;white-space:nowrap; }
.sp-player-live i { width:5px;height:5px;background:#fff;border-radius:50%; }
.sp-player-timeline { display:flex;align-items:center;gap:10px;min-width:0;font-size:9px;font-weight:600;font-variant-numeric:tabular-nums; }
.sp-player-timeline>span { white-space:nowrap; }
.sp-player-timeline input,.sp-player-volume { appearance:none;-webkit-appearance:none;border:0!important;background:#ffffff50!important;height:3px!important;min-height:3px!important;border-radius:2px!important;padding:0!important;margin:0!important;accent-color:#fff;color:#fff;cursor:pointer;box-shadow:none!important; }
.sp-player-timeline input { width:100%;min-width:30px; }
.sp-player-timeline input:disabled { opacity:.65;cursor:default; }
.sp-player input::-webkit-slider-thumb { -webkit-appearance:none;appearance:none;width:9px;height:9px;border:0;border-radius:50%;background:#fff; }
.sp-player input::-moz-range-thumb { width:9px;height:9px;border:0;border-radius:50%;background:#fff; }
.sp-player-actions { display:flex;align-items:center;gap:9px; }
.sp-player-volume { width:74px; }
.sp-player-actions [data-sp-favorite][aria-pressed="true"] svg { fill:currentColor; }
.sp-player-queue-button { margin-left:12px!important;border-left:1px solid #ffffff40!important;padding-left:17px!important;width:44px; }
.sp-listening-queue { position:fixed;z-index:100049;right:28px;bottom:calc(132px + env(safe-area-inset-bottom,0px));width:min(450px,calc(100% - 56px));max-height:min(680px,calc(100dvh - 164px - env(safe-area-inset-bottom,0px)));overflow:auto;background:#fff!important;color:#07384d!important;border:1px solid #07384d25;border-radius:22px;box-shadow:0 16px 44px #07384d35;font-family:Inter,Arial,sans-serif;padding:28px 28px 20px;box-sizing:border-box;overscroll-behavior:contain; }
.sp-listening-queue header { display:flex;align-items:flex-start;justify-content:space-between;gap:15px;margin-bottom:24px; }
.sp-listening-queue header small { display:block;color:#07384d;font-size:9px;font-weight:800;letter-spacing:2px; }
.sp-listening-queue h2 { font-size:25px;letter-spacing:-.8px;line-height:1.2;margin:7px 0 0!important;color:#07384d!important; }
.sp-listening-queue ol { margin:0!important;padding:0!important;list-style:none!important; }
.sp-listening-queue li { margin:0!important;padding:0!important;border-bottom:1px solid #f6e9cc; }
.sp-listening-queue li button,.sp-queue-live { display:flex!important;align-items:center;gap:12px;width:100%;padding:14px 0!important;border:0!important;border-radius:0!important;background:transparent!important;text-align:left;color:#07384d!important; }
.sp-listening-queue li button:hover,.sp-listening-queue li button.is-selected { color:#07384d!important; }
.sp-listening-queue li button>svg,.sp-queue-live>svg { width:16px;height:16px;flex-basis:16px;margin-left:auto;fill:currentColor;stroke:none; }
.sp-listening-queue li img { width:52px;height:52px;flex:0 0 52px;object-fit:cover;background:#07384d;border-radius:3px; }
.sp-listening-queue li button>span,.sp-queue-live>span:not(.sp-queue-live-dot) { flex:1;min-width:0; }
.sp-listening-queue strong { display:block;font-size:12px;line-height:1.45;font-weight:750; }
.sp-listening-queue small { display:block;font-size:10px;line-height:1.5;margin-top:4px;color:#476879; }
.sp-queue-live { border:1px solid #f6e9cc!important;padding:15px!important;margin-bottom:24px; }
.sp-queue-live.is-selected { border-color:#07384d60!important;background:#fff!important; }
.sp-queue-live-dot { width:11px;height:11px;background:#07384d;border-radius:50%;margin:0 6px;flex-shrink:0; }
.sp-queue-heading { font-size:9px;font-weight:800;letter-spacing:1.5px;margin:0 0 5px!important;color:#476879; }
.sp-queue-all { display:flex;justify-content:space-between;margin-top:20px;font-size:12px;font-weight:750;color:#07384d!important;text-decoration:none!important; }
.sp-queue-empty { font-size:13px;line-height:1.7;color:#476879; }
.sp-popup-main { display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:calc(100dvh - 140px);padding:48px 24px 55px;text-align:center;background:radial-gradient(ellipse at 40% 0,#0b4962,transparent 65%),#07384d;color:white;box-sizing:border-box; }
.sp-popup-main .sp-popup-logo { display:block; }
.sp-popup-logo img { width:220px;height:auto;max-height:100px;object-fit:contain; }
.sp-popup-kicker { margin:35px 0 12px!important;font-size:9px;letter-spacing:3px;font-weight:750;color:#69b2d3; }
.sp-popup-main h1 { color:#fff!important;font-size:clamp(48px,10vw,80px);font-weight:850;letter-spacing:-3px;line-height:1.1;margin:0 0 10px!important; }
.sp-popup-main>p:not(.sp-popup-kicker) { color:#f6e9cc;font-size:14px; }
.sp-popup-listen { background:#07384d!important;color:#fff!important;border:0!important;border-radius:0!important;padding:16px 26px!important;font-weight:750!important;font-size:13px!important;margin:24px 0!important;cursor:pointer; }
.sp-popup-site { color:#f6e9cc!important;font-size:11px;text-decoration:none; }
body.sp-player-window { background:#07384d!important; }
body.sp-player-window #mini-player.sp-player { grid-template-columns:136px minmax(130px,1fr) auto;gap:12px;padding-left:12px!important;padding-right:18px!important; }
body.sp-player-window .sp-player-timeline,body.sp-player-window .sp-player-popup,body.sp-player-window .sp-player-volume,body.sp-player-window .sp-player-live { display:none!important; }
@media(min-width:1600px) {
  #mini-player.sp-player { padding-right:36px!important;gap:28px; }
}
@media(max-width:1100px) {
  #mini-player.sp-player { grid-template-columns:136px minmax(180px,1fr) minmax(100px,.6fr) auto;gap:15px;padding-left:12px!important;padding-right:20px!important; }
  .sp-player-volume { width:48px; }
  .sp-player-actions { gap:4px; }
  .sp-player-live,.sp-player-popup { display:none!important; }
  .sp-player-copy { padding-bottom:0; }
  .sp-player-track { grid-template-columns:minmax(0,1fr) 86px;gap:13px; }
  .sp-player-art { width:86px;height:86px; }
}
@media(max-width:800px) {
  body.sp-has-player { padding-bottom:calc(132px + env(safe-area-inset-bottom,0px))!important; }
  #mini-player.sp-player { grid-template-columns:122px minmax(120px,1fr) auto;gap:14px;height:92px!important;min-height:92px!important;padding:0 18px 0 10px!important; }
  .sp-player-timeline,.sp-player-volume { display:none!important; }
  .sp-player-transport { gap:5px; }
  .sp-player-play { width:62px;height:62px;min-width:62px;padding:17px!important; }
  .sp-player-skip { width:22px; }
  .sp-player-track { height:88px;grid-template-columns:minmax(0,1fr) 64px;gap:12px; }
  .sp-player-art { width:64px;height:64px; }
  .sp-player-copy strong { font-size:13px; }
  .sp-player-copy>span { font-size:10px; }
  .sp-player-queue-button { margin-left:2px!important;padding-left:9px!important;width:34px; }
  .sp-player-actions { gap:0; }
  .sp-listening-queue { bottom:calc(124px + env(safe-area-inset-bottom,0px));max-height:calc(100dvh - 152px - env(safe-area-inset-bottom,0px));padding:23px 21px 18px; }
  body.sp-player-window #mini-player.sp-player { grid-template-columns:122px minmax(120px,1fr) auto; }
}
@media(max-width:600px) {
  body.sp-has-player { padding-bottom:calc(108px + env(safe-area-inset-bottom,0px))!important; }
  #mini-player.sp-player { inset:auto 12px calc(12px + env(safe-area-inset-bottom,0px))!important;width:calc(100% - 24px)!important;grid-template-columns:52px minmax(0,1fr) auto;gap:10px;height:76px!important;min-height:76px!important;padding:0 14px 0 10px!important;border-radius:999px!important; }
  .sp-player-play { width:52px;height:52px;min-width:52px;padding:13px!important; }
  .sp-player-play svg { width:25px;height:25px; }
  .sp-player-skip { display:none!important; }
  .sp-player-track { height:72px;grid-template-columns:minmax(0,1fr) 42px;gap:9px; }
  .sp-player-art { width:42px;height:42px; }
  .sp-player-copy strong { font-size:12px; }
  .sp-player-copy>span { font-size:10px; }
  .sp-listening-queue { right:12px;bottom:calc(100px + env(safe-area-inset-bottom,0px));width:calc(100% - 24px);max-height:calc(100dvh - 124px - env(safe-area-inset-bottom,0px));border-radius:20px; }
  body.sp-player-window #mini-player.sp-player { grid-template-columns:52px minmax(0,1fr) auto;padding-left:10px!important;padding-right:14px!important; }
}
@media(max-width:480px) {
  .sp-player-mute { display:none!important; }
  .sp-player-actions>.sp-icon-button { width:30px; }
  .sp-player-actions .sp-player-queue-button { width:36px; }
  .sp-player-copy strong { font-size:11px; }
  .sp-player-copy>span { font-size:9px; }
}
@media(prefers-reduced-motion:reduce) { .sp-player *,.sp-listening-queue * { scroll-behavior:auto!important;transition:none!important;animation:none!important; } }
/* The permanent player carries Sonariva's own petroleum/cream identity. */
#mini-player.sp-player{--sp-accent:#07384d;background:var(--sp-accent)!important;color:#f6e9cc!important}
.sp-player-play{border-color:#f6e9cc!important;color:#f6e9cc!important}.sp-player-copy strong{color:#f6e9cc!important}
.sp-player-art,.sp-player-art img,.sp-listening-queue li img,.sp-popup-logo,.sp-popup-logo img{background:transparent!important;border:0!important;border-radius:0!important;padding:0!important;box-shadow:none!important;object-fit:contain!important}
.sp-player input::-webkit-slider-thumb,.sp-player input::-moz-range-thumb{background:#f6e9cc}.sp-player-live i{background:#f6e9cc}
.sp-listening-queue{background:#fff!important;color:#07384d!important}.sp-listening-queue h2,.sp-listening-queue li button,.sp-queue-live{color:#07384d!important}.sp-listening-queue li{border-color:#07384d20}.sp-listening-queue header small,.sp-queue-all{color:#07384d!important}.sp-listening-queue li button:hover,.sp-listening-queue li button.is-selected{color:#07384d!important;background:#69b2d326!important}.sp-queue-live.is-selected{background:#69b2d326!important;border-color:#07384d40!important}.sp-queue-live-dot{background:#07384d}
.sp-popup-main,body.sp-player-window{background:#07384d!important;color:#f6e9cc}.sp-popup-main h1{color:#f6e9cc!important}.sp-popup-kicker{color:#69b2d3}.sp-popup-main>p:not(.sp-popup-kicker),.sp-popup-site{color:#f6e9cc!important}.sp-popup-listen{background:#fff!important;color:#07384d!important;border-radius:100px!important}