/* F90 CARD: edge radio control. The administrator is the only broadcaster. */
.f90-radio-bubble[hidden],.f90-radio-popup[hidden]{display:none!important}
.f90-radio-bubble{position:fixed;z-index:500;right:max(8px,env(safe-area-inset-right));top:var(--f90-radio-top,62%);transform:translateY(-50%);direction:rtl;display:flex;align-items:center;gap:10px;max-width:calc(100vw - 16px);font-family:inherit}
.f90-radio-orb{display:grid;place-items:center;width:var(--f90-radio-desktop-size,50px);height:var(--f90-radio-desktop-size,50px);min-width:var(--f90-radio-desktop-size,50px);padding:0;background:rgba(25,19,33,var(--f90-radio-opacity,.7));border:1px solid rgba(255,92,119,.55);border-radius:50%;color:rgba(255,255,255,.94);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:0 5px 18px #06040c66,0 0 18px #e0184333;cursor:pointer;touch-action:manipulation;transition:background .2s,box-shadow .2s}
.f90-radio-orb:hover,.f90-radio-orb[aria-expanded="true"]{background:rgba(125,20,49,.71);box-shadow:0 4px 18px #06040c88,0 0 22px #fa285766}
.f90-radio-orb:focus-visible,.f90-radio-popup input:focus-visible{outline:2px solid #fff;outline-offset:3px}
.f90-radio-popup{position:absolute;right:59px;top:50%;transform:translateY(-50%);min-width:195px;max-width:min(65vw,235px);border:1px solid #ff517488;border-radius:16px;background:rgba(15,17,29,.87);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);box-shadow:0 11px 30px #000a;padding:12px 14px;display:flex;flex-direction:column;gap:8px;color:#fff}
.f90-radio-popup label{display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:12px;font-weight:700;white-space:nowrap}
.f90-radio-popup output{font-variant-numeric:tabular-nums;color:#f5bdcd}
.f90-radio-popup input{width:100%;margin:0;accent-color:#f92853;cursor:pointer;touch-action:pan-x}
.f90-radio-hint{font-size:10px;line-height:1.6;color:#ebc4d0}
.f90-radio-hint:empty{display:none}
.f90-radio-hidden-media{position:fixed!important;top:-100px!important;left:-100px!important;opacity:0!important;width:1px!important;height:1px!important;pointer-events:none!important;overflow:hidden!important;clip-path:inset(50%)!important}
@media(max-width:480px){.f90-radio-bubble{right:max(5px,env(safe-area-inset-right));top:64%}.f90-radio-orb{width:42px;height:42px;min-width:42px}.f90-radio-popup{right:49px;min-width:180px;padding:11px}}
@media(prefers-reduced-motion:reduce){.f90-radio-orb{transition:none}}


/* Configurable by the store manager. Flyout always opens inward. */
.f90-radio-bubble[data-side="left"]{right:auto;left:max(8px,env(safe-area-inset-left));direction:ltr}
.f90-radio-bubble[data-side="left"] .f90-radio-popup{right:auto;left:calc(var(--f90-radio-desktop-size,50px) + 9px)}
.f90-radio-bubble[data-side="right"] .f90-radio-popup{right:calc(var(--f90-radio-desktop-size,50px) + 9px)}
.f90-radio-custom-icon{display:block;max-width:78%;max-height:78%;width:78%;height:78%;object-fit:contain;border-radius:50%;pointer-events:none}
.f90-radio-custom-icon[hidden],.f90-radio-orb svg[hidden]{display:none!important}
.f90-radio-bubble .f90-radio-popup{direction:rtl;box-sizing:border-box}
@media(max-width:480px){
 .f90-radio-bubble{top:var(--f90-radio-top,62%)}
 .f90-radio-orb{width:var(--f90-radio-mobile-size,44px);height:var(--f90-radio-mobile-size,44px);min-width:var(--f90-radio-mobile-size,44px)}
 .f90-radio-bubble[data-side="left"] .f90-radio-popup{left:calc(var(--f90-radio-mobile-size,44px) + 7px)}
 .f90-radio-bubble[data-side="right"] .f90-radio-popup{right:calc(var(--f90-radio-mobile-size,44px) + 7px)}
}

/* F90 CARD Radio 2026: official logo, fixed elevated control and balanced themes */
.f90-radio-bubble{z-index:390!important;top:var(--f90-radio-top,76%);isolation:isolate}
.f90-radio-orb{
  position:relative;overflow:visible;isolation:isolate;
  border:2px solid rgba(255,61,105,.84)!important;
  background:radial-gradient(circle at 22% 18%,rgba(243,79,111,.21),rgba(9,11,21,.92) 68%)!important;
  box-shadow:0 0 0 4px rgba(232,48,88,.13),0 6px 24px #0008,0 0 23px rgba(237,41,85,.36)!important;
  width:var(--f90-radio-desktop-size,54px)!important;
  min-width:var(--f90-radio-desktop-size,54px)!important;
  height:var(--f90-radio-desktop-size,54px)!important;
  border-radius:50%;padding:4px!important
}
.f90-radio-orb::after{content:"";position:absolute;inset:-5px;border:1px solid rgba(242,79,115,.32);border-radius:50%;pointer-events:none}
.f90-radio-default-logo{display:block;width:91%;height:91%;object-fit:contain;pointer-events:none;filter:drop-shadow(0 1px 7px rgba(248,61,105,.48))}
.f90-radio-default-logo[hidden]{display:none!important}
.f90-radio-popup{
  right:calc(var(--f90-radio-desktop-size,54px) + 11px)!important;
  min-width:230px;max-width:min(78vw,292px);
  border:1px solid rgba(250,92,133,.62)!important;
  background:linear-gradient(160deg,rgba(13,17,29,.97),rgba(33,12,29,.95))!important;
  box-shadow:0 15px 48px #000a,0 0 17px rgba(255,64,108,.14)!important;
  border-radius:20px!important;padding:16px!important;gap:10px!important
}
.f90-radio-bubble[data-side="left"] .f90-radio-popup{right:auto!important;left:calc(var(--f90-radio-desktop-size,54px) + 11px)!important}
.f90-radio-title{font-weight:850;font-size:14px;color:#fff}
.f90-radio-current{font-size:11px;color:#ffafc1;max-width:245px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.f90-radio-orb:focus-visible{outline:3px solid #ffdfe7!important;outline-offset:5px}
:root[data-theme="cream"] .f90-radio-popup{background:linear-gradient(160deg,rgba(255,250,252,.98),rgba(255,237,244,.98))!important;color:#4f2334!important;border-color:#d5819d!important}
:root[data-theme="cream"] .f90-radio-title{color:#552038}
:root[data-theme="cream"] .f90-radio-current,:root[data-theme="cream"] .f90-radio-popup output{color:#9e244b}
@media(max-width:650px){
 .f90-radio-bubble{top:var(--f90-radio-top,76%)!important}
 .f90-radio-orb{width:var(--f90-radio-mobile-size,49px)!important;min-width:var(--f90-radio-mobile-size,49px)!important;height:var(--f90-radio-mobile-size,49px)!important}
 .f90-radio-bubble[data-side="right"] .f90-radio-popup{right:calc(var(--f90-radio-mobile-size,49px) + 9px)!important}
 .f90-radio-bubble[data-side="left"] .f90-radio-popup{left:calc(var(--f90-radio-mobile-size,49px) + 9px)!important}
 .f90-radio-popup{min-width:210px!important;width:min(65vw,260px)}
}
@media(prefers-reduced-motion:reduce){.f90-radio-orb{transition:none!important}}


/* Listener playback controls: compact, touch-friendly and independent per device. */
.f90-radio-track-header{display:flex;align-items:center;justify-content:space-between;gap:8px;min-width:0}
.f90-radio-track-header .f90-radio-current{min-width:0;flex:1 1 auto;display:block;max-width:none}
.f90-radio-track-count{flex:0 0 auto;font-size:10px;direction:ltr;color:#ffb6c8;font-variant-numeric:tabular-nums}
.f90-radio-transport{display:flex;align-items:center;justify-content:center;gap:10px;min-height:43px}
.f90-radio-track-button{
  appearance:none;display:grid;place-items:center;flex:0 0 38px;width:38px;height:38px;
  padding:0;border:1px solid rgba(244,106,147,.55);border-radius:12px;
  background:rgba(255,255,255,.07);color:#ffe7ee;cursor:pointer;
  font:inherit;font-size:19px;line-height:1;touch-action:manipulation;
}
.f90-radio-play-button{width:43px;height:43px;flex-basis:43px;font-size:20px;border-radius:50%;background:rgba(247,42,91,.27);color:#fff}
.f90-radio-track-button:hover:not(:disabled){background:rgba(244,52,101,.33);border-color:#ff839e}
.f90-radio-track-button:focus-visible,.f90-radio-seek:focus-visible{outline:2px solid #ff93b2;outline-offset:3px}
.f90-radio-track-button:disabled{opacity:.34;cursor:not-allowed}
.f90-radio-seek-label{display:block!important;white-space:normal!important;font-size:11px!important;color:#f6d3df;line-height:1.4}
.f90-radio-popup .f90-radio-seek{
  appearance:none;-webkit-appearance:none;display:block;width:100%;height:7px;min-height:7px;
  margin:3px 0 0;padding:0;border:0;border-radius:999px;
  background:linear-gradient(to right,#ff476f 0%,#ff476f var(--f90-seek-progress,0%),rgba(255,255,255,.23) var(--f90-seek-progress,0%),rgba(255,255,255,.23) 100%);
  cursor:pointer;direction:ltr;touch-action:pan-x;
}
.f90-radio-seek::-webkit-slider-thumb{
  appearance:none;-webkit-appearance:none;width:15px;height:15px;border:2px solid #fff;
  border-radius:50%;background:#ff476f;box-shadow:0 1px 5px #0008;
}
.f90-radio-seek::-moz-range-thumb{width:12px;height:12px;border:2px solid #fff;border-radius:50%;background:#ff476f}
.f90-radio-popup .f90-radio-seek:disabled{opacity:.45;cursor:not-allowed}
.f90-radio-popup .f90-radio-seek:disabled::-webkit-slider-thumb{background:#aaa}
.f90-radio-times{display:flex;justify-content:space-between;align-items:center;font-size:10px;color:#ffccd9;font-variant-numeric:tabular-nums;margin-top:-3px}
:root[data-theme="cream"] .f90-radio-track-button{color:#8b2048;background:#fff5f8;border-color:#dca0b1}
:root[data-theme="cream"] .f90-radio-play-button{background:#ffccd9;color:#8b173f}
:root[data-theme="cream"] .f90-radio-track-count,
:root[data-theme="cream"] .f90-radio-times,
:root[data-theme="cream"] .f90-radio-seek-label{color:#86294b}
:root[data-theme="cream"] .f90-radio-popup .f90-radio-seek{
  background:linear-gradient(to right,#c72859 0%,#c72859 var(--f90-seek-progress,0%),#d7bcc5 var(--f90-seek-progress,0%),#d7bcc5 100%);
}
@media(max-width:480px){
 .f90-radio-popup .f90-radio-transport{gap:9px}
 .f90-radio-popup .f90-radio-track-button{flex-basis:36px;width:36px;height:36px}
 .f90-radio-popup .f90-radio-play-button{flex-basis:41px;width:41px;height:41px}
}
@media(prefers-reduced-motion:reduce){.f90-radio-track-button{transition:none}}