.hudhud-liquid{
  --hudhud-liquid-height: 420px;
  --hudhud-liquid-bg:#121212;
  --hudhud-liquid-gold:rgba(201,169,101,.9);
  --hudhud-liquid-white:rgba(244,240,232,.86);
  --hudhud-liquid-cyan:rgba(102,210,226,.92);
  --hudhud-liquid-ghost:rgba(201,169,101,.18);
  --hudhud-liquid-bronze:rgba(145,105,55,.95);
  position:relative;
  width:100%;
  min-height:var(--hudhud-liquid-height);
  border-radius:24px;
  overflow:hidden;
  background:var(--hudhud-liquid-bg);
  color:#f4f0e8;
  box-shadow:0 24px 60px rgba(0,0,0,.24);
  margin:0 0 24px;
}
.hudhud-liquid--embedded{margin-bottom:32px}
.hudhud-liquid__frame,
.hudhud-liquid__canvas{display:block;width:100%;height:100%}
.hudhud-liquid__frame{position:relative;min-height:var(--hudhud-liquid-height);isolation:isolate}
.hudhud-liquid__canvas{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  cursor:pointer;
  touch-action:manipulation;
  background:
    radial-gradient(circle at 20% 20%, rgba(255,255,255,.03), rgba(0,0,0,.03) 42%, rgba(0,0,0,.14) 100%),
    linear-gradient(180deg, rgba(255,255,255,.015), rgba(0,0,0,.05));
  z-index:1;
}
.hudhud-liquid--webgl .hudhud-liquid__canvas{filter:saturate(1.05) contrast(1.05) brightness(1.02)}
.hudhud-liquid__overlay{
  position:absolute;
  left:0;
  right:0;
  z-index:2;
  padding:18px 22px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  pointer-events:none;
}
.hudhud-liquid__overlay--top{top:0;background:linear-gradient(180deg, rgba(0,0,0,.34), rgba(0,0,0,0))}
.hudhud-liquid__overlay--bottom{bottom:0;justify-content:center;background:linear-gradient(0deg, rgba(0,0,0,.46), rgba(0,0,0,0))}
.hudhud-liquid__title-wrap{display:flex;flex-direction:column;gap:6px;min-width:0;max-width:min(74vw,980px)}
.hudhud-liquid__title-marquee{position:relative;overflow:hidden;mask-image:linear-gradient(90deg, transparent 0, #000 6%, #000 94%, transparent 100%)}
.hudhud-liquid__title-track{display:inline-flex;min-width:max-content;animation:hudhud-liquid-marquee-ltr 18s linear infinite;will-change:transform}
.hudhud-liquid--rtl .hudhud-liquid__title-track{animation-name:hudhud-liquid-marquee-rtl}
.hudhud-liquid__title{font:500 clamp(.98rem,1.45vw,1.3rem)/1.2 Georgia, "Iowan Old Style", "Palatino Linotype", serif;letter-spacing:.01em;white-space:nowrap;background:linear-gradient(90deg,var(--hudhud-liquid-gold),var(--hudhud-liquid-bronze));-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 0 20px rgba(201,169,101,.12)}
.hudhud-liquid__theme,.hudhud-liquid__clock{font-size:.92rem;color:rgba(244,240,232,.8)}
.hudhud-liquid__actions{pointer-events:auto;display:flex;flex-wrap:wrap;justify-content:center;gap:10px;max-width:min(100%,900px);padding:.35rem .4rem;border:1px solid rgba(244,240,232,.12);background:linear-gradient(180deg, rgba(255,255,255,.12), rgba(255,255,255,.045));backdrop-filter:blur(18px) saturate(145%);-webkit-backdrop-filter:blur(18px) saturate(145%);box-shadow:0 10px 30px rgba(0,0,0,.22);border-radius:999px}
.hudhud-liquid__action{appearance:none;border:1px solid rgba(244,240,232,.12);background:rgba(255,255,255,.03);backdrop-filter:blur(8px);color:#f4f0e8;border-radius:999px;padding:0;width:44px;height:44px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:transform .2s ease,background .2s ease,border-color .2s ease,box-shadow .2s ease, color .2s ease;box-shadow:0 8px 24px rgba(0,0,0,.16)}
.hudhud-liquid__action svg{width:1.05rem;height:1.05rem;display:block}
.hudhud-liquid__action:hover,.hudhud-liquid__action:focus-visible{transform:translateY(-1px);background:rgba(255,255,255,.11);border-color:rgba(244,240,232,.34);outline:none;box-shadow:0 10px 28px rgba(0,0,0,.22)}
.hudhud-liquid__action--primary{background:rgba(201,169,101,.18);color:var(--hudhud-liquid-gold);border-color:rgba(201,169,101,.34);filter:drop-shadow(0 0 5px rgba(201,169,101,.55))}
.hudhud-liquid__action--primary:hover,.hudhud-liquid__action--primary:focus-visible{background:rgba(201,169,101,.28);color:rgba(232,211,154,.98)}
.hudhud-liquid--rtl{direction:rtl}
.hudhud-liquid--rtl .hudhud-liquid__overlay--top{flex-direction:row-reverse}
.hudhud-liquid--rtl .hudhud-liquid__title-wrap{text-align:right}
.hudhud-liquid--webgl-failed .hudhud-liquid__canvas{background:linear-gradient(180deg, rgba(255,255,255,.03), rgba(0,0,0,.12))}
.hudhud-player .hudhud-liquid{margin-bottom:18px}

/* Sticky-player aesthetic sync: CSS only */
body.has-hudhud-liquid #hudhud-sticky-player .hudhud-sticky-player__inner,
body.has-hudhud-liquid #hudhud-sticky-player .hudhud-sticky-shell--expanded .hudhud-sticky-player__inner,
body.has-hudhud-liquid #hudhud-sticky-player .hudhud-sticky-shell--collapsed .hudhud-sticky-player__inner{
  background:rgba(26,26,26,.86) !important;
  border:1px solid rgba(201,169,101,.16);
  box-shadow:0 24px 60px rgba(0,0,0,.44), inset 0 1px 0 rgba(255,255,255,.04);
  backdrop-filter:blur(18px) saturate(140%);
  -webkit-backdrop-filter:blur(18px) saturate(140%);
}
body.has-hudhud-liquid #hudhud-sticky-player .hudhud-sticky-player__controls button#hudhud-play-pause,
body.has-hudhud-liquid #hudhud-sticky-player .hudhud-play-pause,
body.has-hudhud-liquid #hudhud-sticky-player .js-hudhud-collapsed-play-pause{
  background:linear-gradient(180deg, rgba(232,211,154,.98), rgba(201,169,101,.95)) !important;
  color:#1a1a1a !important;
  border-color:rgba(201,169,101,.6) !important;
  filter:drop-shadow(0 0 5px rgba(201,169,101,.65));
}
body.has-hudhud-liquid #hudhud-sticky-player .hudhud-sticky-player__controls button#hudhud-play-pause:hover,
body.has-hudhud-liquid #hudhud-sticky-player .hudhud-play-pause:hover,
body.has-hudhud-liquid #hudhud-sticky-player .js-hudhud-collapsed-play-pause:hover{
  background:rgba(201,169,101,.82) !important;
}
body.has-hudhud-liquid #hudhud-sticky-player input[type="range"]{
  accent-color:rgba(201,169,101,.98);
}
body.has-hudhud-liquid #hudhud-sticky-player input[type="range"]::-webkit-slider-thumb{
  background:rgba(201,169,101,.98);
  box-shadow:0 0 0 2px rgba(26,26,26,.85), 0 0 10px rgba(201,169,101,.5);
}
body.has-hudhud-liquid #hudhud-sticky-player input[type="range"]::-moz-range-thumb{
  background:rgba(201,169,101,.98);
  box-shadow:0 0 0 2px rgba(26,26,26,.85), 0 0 10px rgba(201,169,101,.5);
}
body.has-hudhud-liquid #hudhud-sticky-player input[type="range"]::-webkit-slider-runnable-track{background:linear-gradient(90deg, rgba(201,169,101,.92), rgba(201,169,101,.38)) !important}
body.has-hudhud-liquid #hudhud-sticky-player input[type="range"]::-moz-range-track{background:linear-gradient(90deg, rgba(201,169,101,.92), rgba(201,169,101,.38)) !important}

/* Breath mode – class toggle only */
#hudhud-sticky-player.is-breath-mode .hudhud-sticky-player__meta,
#hudhud-sticky-player.is-breath-mode .hudhud-sticky-player__lists,
#hudhud-sticky-player.is-breath-mode .hudhud-sticky-shell__actions,
#hudhud-sticky-player.is-breath-mode .hudhud-sticky-player__controls > :not(#hudhud-play-pause),
#hudhud-sticky-player.is-breath-mode .hudhud-sticky-player__controls > :not(.js-hudhud-collapsed-play-pause),
#hudhud-sticky-player.is-breath-mode .hudhud-sticky-player__detail,
#hudhud-sticky-player.is-breath-mode .hudhud-sticky-player__series,
#hudhud-sticky-player.is-breath-mode .js-hudhud-collapsed-series,
#hudhud-sticky-player.is-breath-mode .js-hudhud-collapsed-title,
#hudhud-sticky-player.is-breath-mode .js-hudhud-collapsed-detail,
#hudhud-sticky-player.is-breath-mode .js-hudhud-collapsed-art,
#hudhud-sticky-player.is-breath-mode .hudhud-live-badge{display:none !important}
#hudhud-sticky-player.is-breath-mode .hudhud-sticky-player__inner{padding:.55rem .75rem !important}
#hudhud-sticky-player.is-breath-mode .hudhud-sticky-player__controls{margin:0 !important;justify-content:center !important}
#hudhud-sticky-player.is-breath-mode .hudhud-sticky-player__progress{margin:0 !important;grid-template-columns:1fr !important;gap:.1rem !important}
#hudhud-sticky-player.is-breath-mode .hudhud-sticky-player__progress span{display:none !important}
#hudhud-sticky-player.is-breath-mode .hudhud-sticky-shell--collapsed,
#hudhud-sticky-player.is-breath-mode .hudhud-sticky-shell--expanded{width:min(260px, calc(100vw - 24px))}

/* Library */
.hudhud-library{max-width:1040px;margin:1.25rem auto;padding:1rem 0}
.hudhud-library__toolbar{margin:0 0 .85rem}
.hudhud-library__search{width:100%;max-width:460px;border:1px solid rgba(17,24,39,.12);border-radius:999px;padding:.82rem 1rem;background:#fff;color:#111827}
.hudhud-library__list{display:grid;gap:.55rem}
.hudhud-library__row{width:100%;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:1rem;align-items:center;text-align:left;border:1px solid rgba(17,24,39,.08);background:#fff;color:#111827;border-radius:18px;padding:.95rem 1rem;cursor:pointer;transition:transform .2s ease, box-shadow .2s ease, border-color .2s ease}
.hudhud-library__row:hover,.hudhud-library__row:focus-visible{transform:translateY(-1px);box-shadow:0 12px 30px rgba(15,23,42,.08);border-color:rgba(201,169,101,.38);outline:none}
.hudhud-library__row-main{min-width:0;display:flex;flex-direction:column;gap:.2rem}
.hudhud-library__title{font-weight:700;line-height:1.3}
.hudhud-library__subtitle{color:#475569;font-size:.92rem}
.hudhud-library__meta{font-size:.86rem;color:#64748b;white-space:nowrap}

@keyframes hudhud-liquid-marquee-ltr{0%{transform:translate3d(0,0,0)}100%{transform:translate3d(-24%,0,0)}}
@keyframes hudhud-liquid-marquee-rtl{0%{transform:translate3d(0,0,0)}100%{transform:translate3d(24%,0,0)}}

@media (max-width: 782px){
  .hudhud-liquid{border-radius:18px;min-height:340px}
  .hudhud-liquid__overlay{padding:14px 16px}
  .hudhud-liquid__overlay--top{align-items:flex-start;flex-direction:column}
  .hudhud-liquid--rtl .hudhud-liquid__overlay--top{flex-direction:column;align-items:flex-end}
  .hudhud-liquid__title-wrap{max-width:100%}
  .hudhud-liquid__title{white-space:normal;max-width:100%}
  .hudhud-liquid__actions{gap:8px;padding:.3rem .3rem .35rem;border-radius:22px;max-width:100%}
  .hudhud-liquid__action{width:42px;height:42px}
  .hudhud-library__row{grid-template-columns:1fr;gap:.45rem}
  .hudhud-library__meta{white-space:normal}
}


/* Phase 5.1 – obsidian/gold sticky-player cleanup */
body.has-hudhud-liquid #hudhud-sticky-player{
  background:rgba(26, 26, 26, 0.85) !important;
  border:1px solid rgba(212, 175, 55, 0.2) !important;
  border-radius: 40px;
  box-shadow:0 18px 42px rgba(0,0,0,.34), inset 0 1px 0 rgba(255,255,255,.03) !important;
  backdrop-filter:blur(12px) saturate(135%) !important;
  -webkit-backdrop-filter:blur(12px) saturate(135%) !important;
  transition:background-color .4s ease-in-out, border-color .4s ease-in-out, box-shadow .4s ease-in-out, transform .4s ease-in-out, opacity .4s ease-in-out !important;
  will-change:transform, opacity;
}
body.has-hudhud-liquid #hudhud-sticky-player .hudhud-sticky-shell,
body.has-hudhud-liquid #hudhud-sticky-player .hudhud-shell-collapsed,
body.has-hudhud-liquid #hudhud-sticky-player .hudhud-shell-expanded,
body.has-hudhud-liquid #hudhud-sticky-player .hudhud-sticky-shell--collapsed,
body.has-hudhud-liquid #hudhud-sticky-player .hudhud-sticky-shell--expanded,
body.has-hudhud-liquid #hudhud-sticky-player .hudhud-sticky-player__inner,
body.has-hudhud-liquid #hudhud-sticky-player .hudhud-sticky-player__inner--collapsed-shell,
body.has-hudhud-liquid #hudhud-sticky-player .hudhud-sticky-player__inner--expanded-shell,
body.has-hudhud-liquid #hudhud-sticky-player .hudhud-sticky-player__expanded,
body.has-hudhud-liquid #hudhud-sticky-player .hudhud-sticky-player__lists,
body.has-hudhud-liquid #hudhud-sticky-player .hudhud-sticky-player__list-head,
body.has-hudhud-liquid #hudhud-sticky-player .hudhud-sticky-shell__actions{
  background:rgba(26, 26, 26, 0) !important;
  border-color:rgba(212, 175, 55, 0.2) !important;
  color:#f4f0e8 !important;
  box-shadow:none !important;
  transition:background-color .4s ease-in-out, border-color .4s ease-in-out, color .4s ease-in-out, box-shadow .4s ease-in-out, transform .4s ease-in-out, opacity .4s ease-in-out !important;
}
body.has-hudhud-liquid #hudhud-sticky-player .hudhud-sticky-player__lists::before,
body.has-hudhud-liquid #hudhud-sticky-player .hudhud-sticky-player__expanded::before,
body.has-hudhud-liquid #hudhud-sticky-player .hudhud-sticky-player__expanded::after{
  background:rgba(26, 26, 26, 0.85) !important;
}
body.has-hudhud-liquid #hudhud-sticky-player .hudhud-player-toggle,
body.has-hudhud-liquid #hudhud-sticky-player .hudhud-player-close,
body.has-hudhud-liquid #hudhud-sticky-player .hudhud-sticky-shell__actions button,
body.has-hudhud-liquid #hudhud-sticky-player .hudhud-sticky-shell__actions .button{
  background:rgba(26, 26, 26, 0.72) !important;
  border:1px solid rgba(212, 175, 55, 0.25) !important;
  color:var(--hudhud-liquid-gold) !important;
  transition:background-color .4s ease-in-out, border-color .4s ease-in-out, color .4s ease-in-out, filter .4s ease-in-out, box-shadow .4s ease-in-out, transform .4s ease-in-out !important;
}
body.has-hudhud-liquid #hudhud-sticky-player .hudhud-player-toggle svg,
body.has-hudhud-liquid #hudhud-sticky-player .hudhud-player-close svg,
body.has-hudhud-liquid #hudhud-sticky-player .hudhud-sticky-shell__actions button svg,
body.has-hudhud-liquid #hudhud-sticky-player .hudhud-sticky-shell__actions .button svg{
  color:var(--hudhud-liquid-gold) !important;
  fill:currentColor !important;
}
body.has-hudhud-liquid #hudhud-sticky-player .hudhud-player-toggle:hover,
body.has-hudhud-liquid #hudhud-sticky-player .hudhud-player-close:hover,
body.has-hudhud-liquid #hudhud-sticky-player .hudhud-sticky-shell__actions button:hover,
body.has-hudhud-liquid #hudhud-sticky-player .hudhud-sticky-shell__actions .button:hover,
body.has-hudhud-liquid #hudhud-sticky-player .hudhud-player-toggle:focus-visible,
body.has-hudhud-liquid #hudhud-sticky-player .hudhud-player-close:focus-visible,
body.has-hudhud-liquid #hudhud-sticky-player .hudhud-sticky-shell__actions button:focus-visible,
body.has-hudhud-liquid #hudhud-sticky-player .hudhud-sticky-shell__actions .button:focus-visible{
  border-color:rgba(212, 175, 55, 0.42) !important;
  filter:drop-shadow(0 0 5px rgba(201,169,101,.45));
  box-shadow:0 0 0 1px rgba(212,175,55,.12), 0 0 18px rgba(201,169,101,.16) !important;
  outline:none;
}
body.has-hudhud-liquid #hudhud-sticky-player .hudhud-sticky-player__controls button#hudhud-play-pause,
body.has-hudhud-liquid #hudhud-sticky-player .hudhud-play-pause,
body.has-hudhud-liquid #hudhud-sticky-player .js-hudhud-collapsed-play-pause{
  box-shadow:0 0 0 1px rgba(212,175,55,.22), 0 0 20px rgba(201,169,101,.18) !important;
}
body.has-hudhud-liquid #hudhud-sticky-player .hudhud-sticky-player__resume-note,
body.has-hudhud-liquid #hudhud-sticky-player .hudhud-sticky-player__subtitle,
body.has-hudhud-liquid #hudhud-sticky-player .hudhud-sticky-player__detail,
body.has-hudhud-liquid #hudhud-sticky-player .hudhud-sticky-player__meta,
body.has-hudhud-liquid #hudhud-sticky-player .hudhud-sticky-player__time,
body.has-hudhud-liquid #hudhud-sticky-player .hudhud-tab-panel li span{
  color:rgba(244,240,232,.74) !important;
}
body.has-hudhud-liquid #hudhud-sticky-player .hudhud-sticky-player__title,
body.has-hudhud-liquid #hudhud-sticky-player .hudhud-sticky-player__series,
body.has-hudhud-liquid #hudhud-sticky-player .hudhud-tab-panel li strong{
  color:#f8f3e5 !important;
}
body.has-hudhud-liquid #hudhud-sticky-player .hudhud-sticky-player__list-head .hudhud-tab,
body.has-hudhud-liquid #hudhud-sticky-player .hudhud-sticky-player__list-head .hudhud-tab:hover,
body.has-hudhud-liquid #hudhud-sticky-player .hudhud-sticky-player__list-head .hudhud-tab:focus-visible{
  background:rgba(26, 26, 26, 0.72) !important;
  color:rgba(244,240,232,.82) !important;
  border-color:rgba(212, 175, 55, 0.22) !important;
}
body.has-hudhud-liquid #hudhud-sticky-player .hudhud-sticky-player__list-head .hudhud-tab:hover,
body.has-hudhud-liquid #hudhud-sticky-player .hudhud-sticky-player__list-head .hudhud-tab:focus-visible{
  color:var(--hudhud-liquid-gold) !important;
  box-shadow:0 0 0 1px rgba(212,175,55,.12), inset 0 1px 0 rgba(255,255,255,.03) !important;
}
body.has-hudhud-liquid #hudhud-sticky-player .hudhud-sticky-player__list-head .hudhud-tab.is-active{
  background:linear-gradient(180deg, rgba(46,38,20,.92), rgba(26,26,26,.94)) !important;
  color:var(--hudhud-liquid-gold) !important;
  border-color:rgba(212, 175, 55, 0.34) !important;
  box-shadow:0 0 0 1px rgba(212,175,55,.12), 0 0 16px rgba(201,169,101,.08) !important;
}
body.has-hudhud-liquid #hudhud-sticky-player .hudhud-sticky-player__list-head .hudhud-tab__icon,
body.has-hudhud-liquid #hudhud-sticky-player .hudhud-sticky-player__list-head .hudhud-tab__icon svg{
  color:currentColor !important;
  fill:currentColor !important;
}
body.has-hudhud-liquid #hudhud-sticky-player .hudhud-sticky-shell--collapsed.is-leaving,
body.has-hudhud-liquid #hudhud-sticky-player .hudhud-sticky-shell--expanded.is-leaving,
body.has-hudhud-liquid #hudhud-sticky-player .hudhud-sticky-shell--expanded.is-active,
body.has-hudhud-liquid #hudhud-sticky-player .hudhud-sticky-shell--collapsed,
body.has-hudhud-liquid #hudhud-sticky-player .hudhud-sticky-shell--expanded{
  transition:opacity .4s ease-in-out, transform .4s ease-in-out, background-color .4s ease-in-out, border-color .4s ease-in-out, box-shadow .4s ease-in-out !important;
}
body.has-hudhud-liquid #hudhud-sticky-player.is-breath-mode,
body.has-hudhud-liquid #hudhud-sticky-player.is-breath-mode .hudhud-sticky-shell,
body.has-hudhud-liquid #hudhud-sticky-player.is-breath-mode .hudhud-sticky-player__inner{
  background:rgba(26, 26, 26, 0.85) !important;
}
body.has-hudhud-liquid #hudhud-sticky-player.is-breath-mode .hudhud-sticky-player__controls,
body.has-hudhud-liquid #hudhud-sticky-player.is-breath-mode .hudhud-sticky-player__progress,
body.has-hudhud-liquid #hudhud-sticky-player.is-breath-mode .hudhud-sticky-player__controls button,
body.has-hudhud-liquid #hudhud-sticky-player.is-breath-mode .hudhud-sticky-player__controls .js-hudhud-collapsed-play-pause{
  transition:opacity .4s ease-in-out, transform .4s ease-in-out, background-color .4s ease-in-out, border-color .4s ease-in-out !important;
}


/* Phase 5.2 – final deep skin */
body.has-hudhud-liquid #hudhud-sticky-player,
body.has-hudhud-liquid #hudhud-sticky-player *{
  --hudhud-liquid-deep-charcoal: rgba(26,26,26,0.85);
  --hudhud-liquid-gold-solid: rgba(212,175,55,0.98);
  --hudhud-liquid-gold-muted: rgba(212,175,55,0.72);
}

/* Speed list / select cleanup */
body.has-hudhud-liquid #hudhud-sticky-player .hudhud-sticky-player__controls select,
body.has-hudhud-liquid #hudhud-sticky-player select#hudhud-speed,
body.has-hudhud-liquid #hudhud-sticky-player .hudhud-speed-select{
  appearance:none !important;
  -webkit-appearance:none !important;
  -moz-appearance:none !important;
  background:rgba(26,26,26,0.92) !important;
  color:rgba(212,175,55,0.92) !important;
  border:1px solid rgba(212,175,55,0.26) !important;
  box-shadow:none !important;
  outline:none !important;
  padding-inline: 0.9rem 1rem !important;
  background-image:linear-gradient(45deg, transparent 50%, rgba(212,175,55,0.9) 50%),linear-gradient(135deg, rgba(212,175,55,0.9) 50%, transparent 50%);
  background-position:calc(100% - 14px) calc(50% - 2px), calc(100% - 8px) calc(50% - 2px);
  background-size:6px 6px, 6px 6px;
  background-repeat:no-repeat;
}
body.has-hudhud-liquid #hudhud-sticky-player .hudhud-sticky-player__controls select:hover,
body.has-hudhud-liquid #hudhud-sticky-player .hudhud-sticky-player__controls select:focus-visible{
  border-color:rgba(212,175,55,0.42) !important;
  box-shadow:0 0 0 1px rgba(212,175,55,0.12), 0 0 16px rgba(212,175,55,0.12) !important;
}
body.has-hudhud-liquid #hudhud-sticky-player .hudhud-sticky-player__controls select option,
body.has-hudhud-liquid #hudhud-sticky-player .hudhud-sticky-player__controls select optgroup{
  background:#1a1a1a !important;
  color:rgba(212,175,55,0.92) !important;
}
body.has-hudhud-liquid #hudhud-sticky-player .hudhud-sticky-player__controls select option:checked,
body.has-hudhud-liquid #hudhud-sticky-player .hudhud-sticky-player__controls select option:hover{
  background:rgba(232,211,154,0.98) !important;
  color:#171717 !important;
}

/* Progress head / line */
body.has-hudhud-liquid #hudhud-sticky-player .hudhud-sticky-player__progress{
  border:0 !important;
}
body.has-hudhud-liquid #hudhud-sticky-player .hudhud-sticky-player__progress input[type="range"]{
  appearance:none !important;
  -webkit-appearance:none !important;
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
  outline:none !important;
}
body.has-hudhud-liquid #hudhud-sticky-player .hudhud-sticky-player__progress input[type="range"]::-webkit-slider-runnable-track{
  height:4px !important;
  border-radius:999px !important;
  border:0 !important;
  box-shadow:none !important;
  background: linear-gradient(90deg, #D4AF37 0%, #F4DF95 100%) !important;
}
body.has-hudhud-liquid #hudhud-sticky-player .hudhud-sticky-player__progress input[type="range"]::-moz-range-track{
  height:4px !important;
  border-radius:999px !important;
  border:0 !important;
  box-shadow:none !important;
  background: linear-gradient(90deg, #D4AF37 0%, #F4DF95 100%) !important;
}
body.has-hudhud-liquid #hudhud-sticky-player .hudhud-sticky-player__progress input[type="range"]::-webkit-slider-thumb{
  appearance:none !important;
  -webkit-appearance:none !important;
  width:14px !important;
  height:14px !important;
  margin-top:-5px !important;
  border-radius:50% !important;
  border:0 !important;
  outline:none !important;
  box-shadow:none !important;
  background: linear-gradient(90deg, #D4AF37 0%, #F4DF95 100%)!important;
}
body.has-hudhud-liquid #hudhud-sticky-player .hudhud-sticky-player__progress input[type="range"]::-moz-range-thumb{
  width:14px !important;
  height:14px !important;
  border-radius:50% !important;
  border:0 !important;
  outline:none !important;
  box-shadow:none !important;
  background: linear-gradient(90deg, #D4AF37 0%, #F4DF95 100%) !important;
}
body.has-hudhud-liquid #hudhud-sticky-player .hudhud-sticky-player__progress input[type="range"]::-moz-focus-outer{
  border:0 !important;
}

/* Expanded shell / lists / playing card */
body.has-hudhud-liquid #hudhud-sticky-player .hudhud-sticky-player__expanded,
body.has-hudhud-liquid #hudhud-sticky-player .hudhud-sticky-player__lists{
  border-radius:20px !important;
}
body.has-hudhud-liquid #hudhud-sticky-player .hudhud-sticky-player__expanded{
  border:1px solid rgba(212,175,55,0.3) !important;
  box-shadow:0 18px 42px rgba(0,0,0,.22), inset 0 1px 0 rgba(255,255,255,.03) !important;
}
body.has-hudhud-liquid #hudhud-sticky-player #hudhud-playing-card,
body.has-hudhud-liquid #hudhud-sticky-player .hudhud-playing-card,
body.has-hudhud-liquid #hudhud-sticky-player .hudhud-tab-panel ul li,
body.has-hudhud-liquid #hudhud-sticky-player .hudhud-tab-panel ul li button{
  background:rgba(26,26,26,0) !important;
  color:#9e9e9e !important;
  border:1px solid rgba(212,175,55,0.16) !important;
  border-radius:1px !important;
  box-shadow:none !important;
}
body.has-hudhud-liquid #hudhud-sticky-player .hudhud-tab-panel ul li button:hover,
body.has-hudhud-liquid #hudhud-sticky-player .hudhud-tab-panel ul li button:focus-visible{
  border-color:rgba(212,175,55,0.32) !important;
  background:rgba(34,29,20,0.9) !important;
  outline:none !important;
}
body.has-hudhud-liquid #hudhud-sticky-player .hudhud-playing-card__eyebrow,
body.has-hudhud-liquid #hudhud-sticky-player .hudhud-playing-card__meta,
body.has-hudhud-liquid #hudhud-sticky-player .hudhud-tab-panel li span{
  color:rgba(244,240,232,0.72) !important;
}
body.has-hudhud-liquid #hudhud-sticky-player .hudhud-playing-card__title,
body.has-hudhud-liquid #hudhud-sticky-player .hudhud-tab-panel li strong{
  color:#fff8eb !important;
}

/* Tabs */
body.has-hudhud-liquid #hudhud-sticky-player .hudhud-sticky-player__list-head{
  border-radius:16px !important;
}
body.has-hudhud-liquid #hudhud-sticky-player .hudhud-sticky-player__list-head .hudhud-tab{
  position:relative;
  overflow:hidden;
}
body.has-hudhud-liquid #hudhud-sticky-player .hudhud-sticky-player__list-head .hudhud-tab__text{
  color:rgba(244,240,232,0.86) !important;
}
body.has-hudhud-liquid #hudhud-sticky-player .hudhud-sticky-player__list-head .hudhud-tab.is-active{
  border-bottom:1px solid rgba(212,175,55,0.76) !important;
  box-shadow:inset 0 -2px 0 rgba(212,175,55,0.7), 0 0 16px rgba(212,175,55,0.08) !important;
}
body.has-hudhud-liquid #hudhud-sticky-player .hudhud-sticky-player__list-head .hudhud-tab.is-active .hudhud-tab__text,
body.has-hudhud-liquid #hudhud-sticky-player .hudhud-sticky-player__list-head .hudhud-tab.is-active .hudhud-tab__icon,
body.has-hudhud-liquid #hudhud-sticky-player .hudhud-sticky-player__list-head .hudhud-tab.is-active .hudhud-tab__icon svg{
  color:rgba(232,211,154,0.98) !important;
  fill:currentColor !important;
}

/* Final white/blue/red purge on liquid pages */
body.has-hudhud-liquid #hudhud-sticky-player .hudhud-sticky-player__controls button,
body.has-hudhud-liquid #hudhud-sticky-player .hudhud-player-toggle,
body.has-hudhud-liquid #hudhud-sticky-player .hudhud-player-close,
body.has-hudhud-liquid #hudhud-sticky-player .hudhud-sticky-shell__actions button{
  background-color:rgba(26,26,26,0.72) !important;
  color:#f4f0e8 !important;
}

/* 1. Make the Outer Shells invisible so they don't block the glass */
body.has-hudhud-liquid #hudhud-sticky-player,
body.has-hudhud-liquid #hudhud-sticky-player .hudhud-sticky-shell,
body.has-hudhud-liquid #hudhud-sticky-player .hudhud-sticky-shell__actions {
    background: transparent !important;
    background-color: transparent !important;
    border: none !important;
    box-shadow: none !important;
}

/* 2. Apply the Glassmorphism ONLY to the heart of the player */
body.has-hudhud-liquid #hudhud-sticky-player .hudhud-sticky-player__inner {
    background: rgba(26, 26, 26, 0.75) !important;
    backdrop-filter: blur(20px) saturate(135%) !important;
    -webkit-backdrop-filter: blur(20px) saturate(135%) !important;
    border: 1px solid rgba(212, 175, 55, 0.15) !important;
    box-shadow: 0 20px 50px rgba(0, 0, 0, 0.5) !important;
    border-radius: 25px !important;
}

/* Apply Glassmorphism to all functional containers */
body.has-hudhud-liquid #hudhud-sticky-player .hudhud-sticky-player__inner,
body.has-hudhud-liquid #hudhud-sticky-player .hudhud-sticky-player__expanded,
body.has-hudhud-liquid #hudhud-sticky-player .hudhud-sticky-player__lists {
    background: rgba(0, 0, 0, 0.4) !important;
    backdrop-filter: blur(20px) saturate(135%) !important;
    -webkit-backdrop-filter: blur(20px) saturate(135%) !important;
    border: 1px solid rgba(212, 175, 55, 0.15) !important;
    box-shadow: 0 20px 50px rgba(0, 0, 0, 0.5) !important;
    border-radius: 25px !important;
}

/* Ensure the outer wrappers don't create double-shadows or dark blocks */
body.has-hudhud-liquid #hudhud-sticky-player .hudhud-sticky-shell,
body.has-hudhud-liquid #hudhud-sticky-player .hudhud-sticky-shell__actions {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
}

.hudhud-sticky-shell--expanded .hudhud-tab-panel.is-active {
  display:  block  !important;
  visibility: visible !important;
  opacity: 1 !important;
  padding: 20px !important;
  background: rgba(0, 0, 0, 0.4) !important;
  backdrop-filter: blur(20px) saturate(135%) !important;
  -webkit-backdrop-filter: blur(20px) saturate(135%) !important;
  border: 0px solid rgb(212 175 55 / 0%) !important;
  ox-shadow: 0 20px 50px rgba(0, 0, 0, 0.5) !important;
  border-radius: 25px !important;
}


/* Hide the pause icon by default */
.hudhud-liquid__action--primary .hudhud-icon-pause {
    display: none !important;
}

/* When the 'is-playing' class is added via JS */
.hudhud-liquid__action--primary.is-playing .hudhud-icon-play {
    display: none !important;
}

.hudhud-liquid__action--primary.is-playing .hudhud-icon-pause {
    display: inline-flex !important;
}