.mmr-radio-root{
    --mmr-bg-panel:#0b0d10;
    --mmr-border-primary:#1b2027;
    --mmr-border-secondary:#2a3240;
    --mmr-text-primary:#e9edf7;
    --mmr-text-secondary:#aab3c0;
    --mmr-text-caption:#bfc8d8;
    --mmr-accent-purple:#6A0DAD;
    --mmr-surface:#0f1318;
    --mmr-surface-dark:#10151a;
    --mmr-pad:16px;
    --mmr-gap:20px;
    --mmr-cover:clamp(200px, 28vw, 280px);
    --mmr-thumb:140px;
    --mmr-eq-height:160px;
    --mmr-radius-md:10px;
    --mmr-radius-lg:12px;
    --mmr-radius-xl:14px;
    --mmr-radius-full:999px;
  }

  .mmr-radio-root,
  .mmr-radio-root *{
    box-sizing:border-box;
  }

  .mmr-radio-root{
    width:100%;
    overflow-x:hidden;
  }

  .mmr-radio-root button,
  .mmr-radio-root input,
  .mmr-radio-root a{
    -webkit-tap-highlight-color:rgba(106,13,173,.22);
  }

  .mmr-radio-root button{
    font:inherit;
  }

  .mmr-radio-root img{
    max-width:100%;
  }

  .mmr-radio-root .mmr-wrap{
    background:transparent;
    color:var(--mmr-text-primary);
    font-family:system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
    font-size:14px;
    line-height:1.5;
    font-weight:600;
    padding:18px 16px;
    width:100%;
    max-width:1280px;
    margin:0 auto;
    overflow-x:hidden;
  }

  .mmr-radio-root .mmr-container{
    display:flex;
    flex-direction:column;
    gap:var(--mmr-gap);
    width:100%;
    max-width:100%;
  }

  .mmr-radio-root .mmr-row-top, .mmr-radio-root .mmr-card{
    background:var(--mmr-bg-panel);
    border:1px solid var(--mmr-border-primary);
    border-radius:var(--mmr-radius-xl);
    box-shadow:0 8px 24px rgba(0,0,0,.35);
    width:100%;
    max-width:100%;
    overflow:hidden;
  }

  .mmr-radio-root .mmr-row-top{
    display:grid;
    grid-template-columns:minmax(0,var(--mmr-cover)) minmax(0,1fr);
    gap:calc(var(--mmr-gap) + 2px);
    align-items:start;
    padding:18px;
    background:
      linear-gradient(180deg, rgba(255,255,255,.02), rgba(255,255,255,0)),
      radial-gradient(circle at 18% 0%, rgba(176,92,255,.08), transparent 26%),
      radial-gradient(circle at 100% 100%, rgba(255,230,109,.05), transparent 34%),
      var(--mmr-bg-panel);
  }

  .mmr-radio-root .mmr-leftcol{
    display:flex;
    flex-direction:column;
    align-items:center;
    gap:12px;
    min-width:0;
    position:relative;
  }

  .mmr-radio-root .mmr-art{
    width:100%;
    aspect-ratio:1/1;
    border-radius:var(--mmr-radius-lg);
    overflow:hidden;
    background:var(--mmr-surface);
    border:1px solid var(--mmr-border-primary);
    display:flex;
    align-items:center;
    justify-content:center;
    position:relative;
    cursor:pointer;
    touch-action:manipulation;
    transition:transform .16s ease,border-color .2s ease,box-shadow .2s ease;
  }

  .mmr-radio-root .mmr-art.is-tapped{
    transform:scale(.985);
    border-color:var(--mmr-accent-purple);
    box-shadow:0 0 24px rgba(106,13,173,.32);
  }

  .mmr-radio-root .mmr-art img{
    transition:opacity .36s ease, filter .36s ease, transform .36s ease;
  }

  .mmr-radio-root .mmr-art.is-cover-loading img{
    opacity:.46;
    filter:blur(1px) saturate(.9);
    transform:scale(1.012);
  }

  .mmr-radio-root .mmr-art.is-cover-loading::before{
    content:"";
    position:absolute;
    inset:0;
    z-index:1;
    pointer-events:none;
    background:
      linear-gradient(115deg, transparent 0%, transparent 30%, rgba(255,255,255,.08) 42%, rgba(176,92,255,.20) 50%, rgba(255,255,255,.07) 58%, transparent 70%, transparent 100%);
    transform:translateX(-120%);
    animation:mmrCoverShimmer 1.18s ease-in-out infinite;
  }

  .mmr-radio-root .mmr-art::after{
    content:none;
  }

  .mmr-radio-root .mmr-art-badge,
  .mmr-radio-root .mmr-art-votehint{
    position:absolute;
    z-index:2;
    pointer-events:none;
    color:#fff;
  }

  .mmr-radio-root .mmr-art-badge{
    top:10px;
    left:10px;
    display:inline-flex;
    align-items:center;
    gap:6px;
    min-height:24px;
    padding:4px 9px;
    border-radius:999px;
    border:1px solid rgba(176,92,255,.22);
    background:rgba(8,10,14,.72);
    box-shadow:0 8px 18px rgba(0,0,0,.28);
    font-size:9px;
    line-height:1;
    font-weight:1000;
    letter-spacing:.14em;
    text-transform:uppercase;
    backdrop-filter:blur(8px);
    -webkit-backdrop-filter:blur(8px);
  }

  .mmr-radio-root .mmr-art-badge::before{
    content:"";
    width:6px;
    height:6px;
    border-radius:50%;
    background:var(--mmr-track-aura-hot, #ffe66d);
    box-shadow:0 0 10px color-mix(in srgb, var(--mmr-track-aura-hot, #ffe66d) 82%, transparent);
  }

  .mmr-radio-root .mmr-art-votehint{
    left:10px;
    right:10px;
    bottom:10px;
    padding:12px 10px 10px;
    border-radius:0 0 10px 10px;
    background:linear-gradient(180deg, rgba(0,0,0,0), rgba(0,0,0,.80) 48%, rgba(0,0,0,.95));
    text-align:center;
    font-size:10px;
    line-height:1.2;
    font-weight:900;
    letter-spacing:.10em;
    text-transform:uppercase;
    text-shadow:0 2px 10px rgba(0,0,0,.45);
    opacity:.94;
  }

  .mmr-radio-root .mmr-art:hover,
  .mmr-radio-root .mmr-art:focus-visible{
    border-color:var(--mmr-accent-purple);
    box-shadow:0 0 24px rgba(106,13,173,.28);
    outline:none;
  }

  .mmr-radio-root .mmr-art img{
    width:100%;
    height:100%;
    object-fit:cover;
    display:block;
  }

  .mmr-radio-root .mmr-streams{
    display:flex;
    flex-wrap:wrap;
    justify-content:center;
    gap:10px;
    width:100%;
  }

  .mmr-radio-root .mmr-stream-btn{
    border:1px solid var(--mmr-border-secondary);
    background:var(--mmr-surface);
    color:var(--mmr-text-primary);
    border-radius:999px;
    padding:7px 14px;
    font-size:12px;
    font-weight:800;
    cursor:pointer;
    transition:all .15s ease;
    white-space:nowrap;
  }

  .mmr-radio-root .mmr-stream-btn:hover,
  .mmr-radio-root .mmr-stream-btn:focus-visible{
    border-color:var(--mmr-accent-purple);
    background:var(--mmr-surface-dark);
    outline:none;
  }

  .mmr-radio-root .mmr-stream-btn.active{
    background:var(--mmr-accent-purple);
    border-color:var(--mmr-accent-purple);
    color:#fff;
  }

  .mmr-radio-root .mmr-left{
    display:flex;
    flex-direction:column;
    gap:14px;
    min-width:0;
    padding:2px 0 0;
  }

  .mmr-radio-root .mmr-topline{
    display:flex;
    align-items:flex-start;
    gap:12px;
    flex-wrap:wrap;
    min-width:0;
  }

  .mmr-radio-root .mmr-pp{
    width:50px;
    height:50px;
    border:0;
    border-radius:50%;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    color:#fff;
    background:var(--mmr-accent-purple);
    box-shadow:0 6px 16px rgba(0,0,0,.5);
    cursor:pointer;
    transition:transform .2s ease, filter .2s ease;
    flex:0 0 auto;
  }

  .mmr-radio-root .mmr-pp:hover{transform:scale(1.08)}
  .mmr-radio-root .mmr-pp:active{transform:scale(.96)}
  .mmr-radio-root .mmr-pp:focus-visible{outline:2px solid #d9bbff;outline-offset:3px}

  .mmr-radio-root .npStack{
    display:flex;
    flex-direction:column;
    gap:4px;
    min-width:0;
    flex:1 1 280px;
  }

  .mmr-radio-root .mmr-np{
    font-weight:800;
    font-size:15px;
    line-height:1.3;
    word-break:break-word;
  }

  .mmr-radio-root .mmr-note-inline{
    color:var(--mmr-text-secondary);
    font-weight:600;
    font-size:13px;
    opacity:.92;
    line-height:1.25;
  }

  .mmr-radio-root .mmr-reaction-row{
    display:flex;
    align-items:center;
    gap:8px;
    flex-wrap:wrap;
    min-height:27px;
    margin:1px 0 1px;
  }

  .mmr-radio-root .mmr-crowd-badge{
    display:none;
    align-items:center;
    justify-content:center;
    min-height:25px;
    padding:5px 10px;
    border-radius:999px;
    border:1px solid rgba(176,92,255,.28);
    background:linear-gradient(90deg,rgba(106,13,173,.28),rgba(15,19,24,.98));
    color:#fff;
    font-size:11px;
    line-height:1;
    font-weight:900;
    letter-spacing:.08em;
    text-transform:uppercase;
    box-shadow:0 0 16px rgba(106,13,173,.14);
  }

  .mmr-radio-root .mmr-crowd-badge.is-visible{display:inline-flex}
  .mmr-radio-root .mmr-crowd-badge.is-favorite{
    border-color:rgba(255,160,72,.42);
    background:linear-gradient(90deg,rgba(255,112,38,.32),rgba(106,13,173,.18));
  }
  .mmr-radio-root .mmr-crowd-badge.is-dividing{
    border-color:rgba(217,187,255,.46);
    background:linear-gradient(90deg,rgba(106,13,173,.34),rgba(20,24,31,.98));
  }
  .mmr-radio-root .mmr-crowd-badge.is-rising{
    border-color:rgba(125,255,215,.35);
    background:linear-gradient(90deg,rgba(48,185,155,.22),rgba(106,13,173,.18));
  }
  .mmr-radio-root .mmr-crowd-badge.is-new{
    border-color:rgba(255,68,92,.38);
    background:linear-gradient(90deg,rgba(150,20,42,.32),rgba(106,13,173,.16));
  }

  .mmr-radio-root .mmr-crowd-stats{
    color:var(--mmr-text-caption);
    font-size:12px;
    line-height:1.25;
    font-weight:800;
    opacity:.92;
  }

  .mmr-radio-root .mmr-actions{
    margin-left:auto;
    display:flex;
    align-items:center;
    gap:8px;
    flex-wrap:wrap;
  }
  .mmr-radio-root .mmr-share{
    display:inline-flex;
    gap:8px;
    flex-wrap:wrap;
  }

  .mmr-radio-root .mmr-btn{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:8px;
    background:var(--mmr-surface);
    border:1px solid var(--mmr-border-secondary);
    color:var(--mmr-text-primary);
    padding:9px 14px;
    border-radius:var(--mmr-radius-full);
    text-decoration:none;
    font-weight:700;
    font-size:12px;
    white-space:nowrap;
    cursor:pointer;
    transition:all .2s ease;
  }

  .mmr-radio-root .mmr-btn:hover,
  .mmr-radio-root .mmr-btn:focus-visible{
    transform:translateY(-1px);
    border-color:var(--mmr-accent-purple);
    background:var(--mmr-surface-dark);
    outline:none;
  }

  .mmr-radio-root .mmr-eq-canvas{
    width:100%;
    height:100%;
    display:block;
    border-radius:var(--mmr-radius-md);
    background:var(--mmr-bg-panel);
    border:0;
  }

  .mmr-radio-root .mmr-eq-shell{
    position:relative;
    width:100%;
    height:var(--mmr-eq-height);
    min-width:0;
    border:1px solid var(--mmr-border-primary);
    border-radius:var(--mmr-radius-md);
    background:
      linear-gradient(180deg, rgba(255,255,255,.025), rgba(255,255,255,0)),
      var(--mmr-bg-panel);
    box-shadow:inset 0 0 0 1px rgba(176,92,255,.035);
    overflow:hidden;
  }

  .mmr-radio-root .mmr-eq-head{
    position:absolute;
    top:8px;
    right:8px;
    z-index:5;
    display:flex;
    align-items:center;
    justify-content:flex-end;
    width:auto;
    max-width:62%;
    min-width:0;
    padding:0;
    border:1px solid rgba(176,92,255,.12);
    border-radius:999px;
    background:rgba(7,9,13,.38);
    box-shadow:inset 0 0 0 1px rgba(255,255,255,.02);
    backdrop-filter:blur(7px);
    -webkit-backdrop-filter:blur(7px);
    overflow:hidden;
  }

  .mmr-radio-root .mmr-eq-head-title{
    display:none;
  }

  .mmr-radio-root .mmr-eq-picker{
    width:auto;
    min-width:0;
  }

  .mmr-radio-root .mmr-eq-cycle-btn{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:4px;
    min-height:18px;
    max-width:100%;
    padding:2px 4px 2px 6px;
    border:0;
    border-radius:999px;
    background:transparent;
    color:#fff;
    box-shadow:none;
    cursor:pointer;
    touch-action:manipulation;
    transition:background .16s ease,box-shadow .16s ease,color .16s ease,opacity .16s ease;
    overflow:hidden;
    opacity:.86;
  }

  .mmr-radio-root .mmr-eq-cycle-btn:hover,
  .mmr-radio-root .mmr-eq-cycle-btn:focus-visible{
    background:rgba(106,13,173,.16);
    box-shadow:0 0 12px rgba(106,13,173,.10) inset;
    opacity:1;
    outline:none;
  }

  .mmr-radio-root .mmr-eq-cycle-btn:active{
    background:rgba(106,13,173,.34);
  }

  .mmr-radio-root .mmr-eq-cycle-kicker{
    color:var(--mmr-text-caption);
    font-size:6.8px;
    line-height:1;
    font-weight:1000;
    letter-spacing:.14em;
    text-transform:uppercase;
    white-space:nowrap;
    opacity:.78;
  }

  .mmr-radio-root .mmr-eq-cycle-name{
    max-width:68px;
    overflow:hidden;
    text-overflow:ellipsis;
    color:#fff;
    font-size:6.9px;
    line-height:1;
    font-weight:1000;
    letter-spacing:.10em;
    text-transform:uppercase;
    white-space:nowrap;
  }

  .mmr-radio-root .mmr-eq-cycle-arrow{
    width:11px;
    height:11px;
    flex:0 0 11px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    border-radius:50%;
    background:rgba(106,13,173,.52);
    color:#fff;
    font-size:11px;
    line-height:1;
    font-weight:1000;
    box-shadow:none;
  }

  @media (max-width:680px){
    .mmr-radio-root .mmr-eq-head{
      max-width:74%;
      top:7px;
      right:7px;
    }

    .mmr-radio-root .mmr-eq-cycle-btn{
      min-height:17px;
      gap:3px;
      padding:2px 4px 2px 5px;
    }

    .mmr-radio-root .mmr-eq-cycle-kicker{
      font-size:6.4px;
    }

    .mmr-radio-root .mmr-eq-cycle-name{
      max-width:52px;
      font-size:6.5px;
    }

    .mmr-radio-root .mmr-eq-cycle-arrow{
      width:10px;
      height:10px;
      flex-basis:10px;
      font-size:10px;
    }
  }

  @media (max-width:390px){
    .mmr-radio-root .mmr-eq-head{
      max-width:82%;
    }

    .mmr-radio-root .mmr-eq-cycle-name{
      max-width:54px;
    }
  }


  .mmr-radio-root .mmr-lower-desktop{
    display:grid;
    grid-template-columns:minmax(0,1fr) minmax(260px,320px);
    gap:12px;
    align-items:stretch;
  }

  .mmr-radio-root .mmr-upnext{
    display:flex;
    align-items:center;
    gap:12px;
    background:var(--mmr-surface);
    border:1px solid var(--mmr-border-secondary);
    border-radius:var(--mmr-radius-lg);
    padding:10px 12px;
    min-width:0;
    flex:1 1 auto;
  }

  .mmr-radio-root .mmr-upnext-thumb{
    width:56px;
    height:56px;
    flex:0 0 56px;
    border-radius:8px;
    overflow:hidden;
    background:var(--mmr-surface-dark);
    border:1px solid var(--mmr-border-primary);
  }

  .mmr-radio-root .mmr-upnext-thumb img{
    width:100%;
    height:100%;
    object-fit:cover;
    display:block;
  }

  .mmr-radio-root .mmr-upnext-body{
    min-width:0;
    display:flex;
    flex-direction:column;
    gap:2px;
  }

  .mmr-radio-root .mmr-upnext-title{
    font-weight:800;
    font-size:14px;
    color:var(--mmr-text-primary);
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
  }

  .mmr-radio-root .mmr-upnext-sub{
    font-weight:600;
    font-size:12px;
    color:var(--mmr-text-caption);
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
  }

  .mmr-radio-root .mmr-vol{
    display:flex;
    align-items:center;
    gap:10px;
    background:var(--mmr-surface);
    border:1px solid var(--mmr-border-secondary);
    border-radius:var(--mmr-radius-lg);
    padding:10px 12px;
    min-width:0;
  }

  .mmr-radio-root .mmr-vol label{
    font-weight:800;
    font-size:12px;
    color:var(--mmr-text-secondary);
    white-space:nowrap;
  }

  .mmr-radio-root .mmr-vol .mmr-vol-read{
    min-width:2ch;
    text-align:right;
    font-weight:900;
  }

  .mmr-radio-root .mmr-vol input[type="range"]{
    flex:1 1 auto;
    width:100%;
    min-width:0;
    appearance:none;
    -webkit-appearance:none;
    height:6px;
    border-radius:999px;
    background:var(--mmr-surface-dark);
    outline:none;
    border:1px solid var(--mmr-border-primary);
  }

  .mmr-radio-root .mmr-vol input[type="range"]::-webkit-slider-thumb{
    -webkit-appearance:none;
    appearance:none;
    width:18px;
    height:18px;
    border-radius:50%;
    background:var(--mmr-accent-purple);
    border:0;
    box-shadow:0 0 0 4px rgba(123,44,245,.25);
  }

  .mmr-radio-root .mmr-vol input[type="range"]::-moz-range-thumb{
    width:18px;
    height:18px;
    border:none;
    border-radius:50%;
    background:var(--mmr-accent-purple);
  }

  .mmr-radio-root .mmr-mute{
    margin-left:auto;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:6px;
    border:1px solid var(--mmr-border-secondary);
    background:var(--mmr-surface-dark);
    border-radius:999px;
    padding:6px 10px;
    font-weight:800;
    font-size:12px;
    color:var(--mmr-text-primary);
    cursor:pointer;
    user-select:none;
    white-space:nowrap;
  }

  .mmr-radio-root .mmr-mute:hover{border-color:var(--mmr-accent-purple)}
  .mmr-radio-root .mmr-mute.active{
    background:var(--mmr-accent-purple);
    color:#fff;
    border-color:var(--mmr-accent-purple);
  }

  .mmr-radio-root .mmr-phone-only{display:none}

  .mmr-radio-root .mmr-phone-stack{
    display:flex;
    flex-direction:column;
    gap:10px;
  }

  .mmr-radio-root .mmr-phone-controls-combined{
    display:flex;
    flex-direction:column;
    gap:10px;
    background:var(--mmr-surface);
    border:1px solid var(--mmr-border-secondary);
    border-radius:var(--mmr-radius-lg);
    padding:10px;
  }

  .mmr-radio-root .mmr-phone-controls-combined .mmr-vol{
    width:100%;
    background:transparent;
    border:none;
    padding:0;
    border-radius:0;
  }
  .mmr-radio-root .mmr-phone-share{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:8px;
  }

  .mmr-radio-root .mmr-phone-share .mmr-btn{
    width:100%;
    padding:10px 8px;
    font-size:11px;
  }

  .mmr-radio-root .mmr-upnext.mmr-upnext-mobile{
    flex-direction:column;
    align-items:stretch;
    gap:10px;
    padding:10px;
  }

  .mmr-radio-root .mmr-upnext.mmr-upnext-mobile .mmr-upnext-thumb{
    width:100%;
    height:auto;
    aspect-ratio:1/1;
    flex:0 0 auto;
    border-radius:10px;
  }

  .mmr-radio-root .mmr-upnext.mmr-upnext-mobile .mmr-upnext-title{
    font-size:18px;
    line-height:1.1;
    white-space:normal;
    overflow:visible;
    text-overflow:clip;
  }

  .mmr-radio-root .mmr-upnext.mmr-upnext-mobile .mmr-upnext-sub{
    font-size:14px;
    line-height:1.25;
    white-space:normal;
    overflow:visible;
    text-overflow:clip;
    word-break:break-word;
  }

  .mmr-radio-root .mmr-card{padding:var(--mmr-pad)}

  

  

  
  

  

  /* Compact tabbed Recently Played / Top 10 panel */
  

  

  

  

  

  

  

  
  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  


  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  .mmr-radio-root .mmr-vote-overlay{
    display:none;
    position:fixed;
    inset:0;
    background:rgba(0,0,0,.92);
    z-index:999999;
    justify-content:center;
    align-items:center;
    padding:20px;
  }

  .mmr-radio-root .mmr-vote-overlay{
    z-index:1000000;
    background:rgba(0,0,0,.90);
  }

  .mmr-radio-root .mmr-vote-overlay.active{
    display:flex;
  }


  .mmr-radio-root .mmr-vote-card{
    width:min(760px,96vw);
    max-height:92vh;
    overflow:auto;
    position:relative;
    border:1px solid rgba(106,13,173,.55);
    border-radius:22px;
    background:
      radial-gradient(circle at 20% 0%, rgba(176,92,255,.28), transparent 32%),
      radial-gradient(circle at 100% 100%, rgba(106,13,173,.18), transparent 32%),
      linear-gradient(180deg, #11151d, #080a0f);
    box-shadow:
      0 22px 70px rgba(0,0,0,.78),
      0 0 34px rgba(106,13,173,.24);
    animation:mmrZoom .24s ease;
    color:var(--mmr-text-primary);
  }

  .mmr-radio-root .mmr-vote-close{
    position:absolute;
    top:12px;
    right:12px;
    z-index:5;
    width:42px;
    height:42px;
    border-radius:50%;
    border:1px solid rgba(255,255,255,.14);
    background:rgba(0,0,0,.62);
    color:#fff;
    font-size:30px;
    line-height:1;
    cursor:pointer;
  }

  .mmr-radio-root .mmr-vote-close:hover,
  .mmr-radio-root .mmr-vote-close:focus-visible{
    background:var(--mmr-accent-purple);
    outline:none;
  }

  .mmr-radio-root .mmr-vote-inner{
    display:grid;
    grid-template-columns:minmax(210px,280px) minmax(0,1fr);
    gap:18px;
    padding:20px;
    align-items:stretch;
  }

  .mmr-radio-root .mmr-vote-art{
    border-radius:18px;
    overflow:hidden;
    background:#0d121b;
    border:1px solid var(--mmr-border-secondary);
    aspect-ratio:1/1;
    box-shadow:0 12px 34px rgba(0,0,0,.42);
  }

  .mmr-radio-root .mmr-vote-art img{
    width:100%;
    height:100%;
    object-fit:cover;
    display:block;
  }

  .mmr-radio-root .mmr-vote-body{
    min-width:0;
    display:flex;
    flex-direction:column;
    gap:12px;
    justify-content:center;
  }

  .mmr-radio-root .mmr-vote-kicker{
    color:#d9bbff;
    font-size:11px;
    font-weight:900;
    letter-spacing:.16em;
    text-transform:uppercase;
  }

  .mmr-radio-root .mmr-vote-title{
    margin:0;
    color:#fff;
    font-size:clamp(26px,4vw,44px);
    line-height:.95;
    text-transform:uppercase;
    letter-spacing:.04em;
  }

  .mmr-radio-root .mmr-vote-song{
    margin:0;
    color:var(--mmr-text-caption);
    font-size:15px;
    line-height:1.45;
    font-weight:700;
    word-break:break-word;
  }

  .mmr-radio-root .mmr-vote-options{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:10px;
  }

  .mmr-radio-root .mmr-vote-choice{
    border:1px solid var(--mmr-border-secondary);
    background:var(--mmr-surface);
    color:var(--mmr-text-primary);
    border-radius:16px;
    min-height:70px;
    padding:12px;
    cursor:pointer;
    font-weight:900;
    font-size:15px;
    text-transform:uppercase;
    letter-spacing:.04em;
    transition:all .18s ease;
  }

  .mmr-radio-root .mmr-vote-choice:hover,
  .mmr-radio-root .mmr-vote-choice:focus-visible{
    transform:translateY(-1px);
    border-color:var(--mmr-accent-purple);
    background:var(--mmr-surface-dark);
    outline:none;
  }

  .mmr-radio-root .mmr-vote-choice.active{
    background:linear-gradient(180deg, rgba(106,13,173,.62), rgba(106,13,173,.34));
    border-color:#b05cff;
    color:#fff;
    box-shadow:0 0 0 1px rgba(176,92,255,.28) inset, 0 0 22px rgba(106,13,173,.20);
  }

  .mmr-radio-root .mmr-vote-actions{
    display:flex;
    gap:10px;
    flex-wrap:wrap;
  }

  .mmr-radio-root .mmr-vote-send,
  .mmr-radio-root .mmr-vote-requestbtn{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:8px;
    border:1px solid #7a39c9;
    background:linear-gradient(180deg, rgba(176,92,255,.42), rgba(106,13,173,.26));
    color:#fff;
    border-radius:999px;
    min-height:46px;
    padding:11px 16px;
    font-size:13px;
    font-weight:900;
    letter-spacing:.08em;
    text-transform:uppercase;
    cursor:pointer;
    text-decoration:none;
    box-shadow:0 0 24px rgba(106,13,173,.18);
  }

  .mmr-radio-root .mmr-vote-requestbtn{
    flex:1 1 100%;
    background:linear-gradient(90deg,rgba(106,13,173,.28),rgba(15,19,24,.98));
    border-color:rgba(176,92,255,.34);
    color:#fff;
    min-height:42px;
  }

  .mmr-radio-root .mmr-vote-requestbtn:hover,
  .mmr-radio-root .mmr-vote-requestbtn:focus-visible{
    transform:translateY(-1px);
    border-color:#b05cff;
    background:linear-gradient(90deg,rgba(106,13,173,.44),rgba(15,19,24,.98));
    outline:none;
  }

  .mmr-radio-root .mmr-vote-requestbtn:disabled{
    opacity:.55;
    cursor:not-allowed;
    transform:none;
  }

  .mmr-radio-root .mmr-vote-send{flex:1 1 auto}

  .mmr-radio-root .mmr-vote-send:disabled{
    opacity:.55;
    cursor:not-allowed;
    box-shadow:none;
  }

  .mmr-radio-root .mmr-vote-status{
    min-height:20px;
    color:#d9bbff;
    font-size:12px;
    font-weight:800;
    line-height:1.45;
  }

  .mmr-radio-root .mmr-vote-status.is-success{
    padding:10px 12px;
    border:1px solid rgba(176,92,255,.34);
    border-radius:14px;
    background:linear-gradient(180deg,rgba(106,13,173,.22),rgba(106,13,173,.08));
    color:#fff;
    box-shadow:0 0 22px rgba(106,13,173,.12);
  }

  .mmr-radio-root .mmr-vote-card.is-sent{
    border-color:#b05cff;
    box-shadow:0 22px 70px rgba(0,0,0,.78),0 0 44px rgba(106,13,173,.34);
  }

  .mmr-radio-root .mmr-vote-honey{
    position:absolute !important;
    left:-9999px !important;
    width:1px !important;
    height:1px !important;
    opacity:0 !important;
    pointer-events:none !important;
  }

  @media (hover:none) and (pointer:coarse){
    

    .mmr-radio-root .mmr-art:hover{
      transform:none;
    }
  }

  @keyframes mmrCoverShimmer{
    0%{transform:translateX(-120%)}
    100%{transform:translateX(120%)}
  }

  @keyframes mmrZoom{
    from{transform:scale(.85);opacity:0}
    to{transform:scale(1);opacity:1}
  }

  @media (max-width:1200px){
    .mmr-radio-root{--mmr-thumb:120px}
  }

  @media (max-width:1024px){
    .mmr-radio-root .mmr-wrap{padding:10px}

    .mmr-radio-root{
      --mmr-pad:10px;
      --mmr-gap:10px;
      --mmr-thumb:100px;
      --mmr-eq-height:118px;
    }

    .mmr-radio-root .mmr-row-top{grid-template-columns:1fr;gap:10px}
    .mmr-radio-root .mmr-leftcol{width:100%;max-width:420px;margin:0 auto;gap:8px}
    .mmr-radio-root .mmr-left{gap:8px}

    .mmr-radio-root .mmr-topline{
      flex-direction:row;
      align-items:flex-start;
      gap:8px;
      flex-wrap:nowrap;
    }

    .mmr-radio-root .mmr-pp{
      width:44px;
      height:44px;
      flex:0 0 44px;
    }

    .mmr-radio-root .npStack{flex:1 1 auto;gap:2px}
    .mmr-radio-root .mmr-np{font-size:14px;line-height:1.22}
    .mmr-radio-root .mmr-note-inline{font-size:12px;line-height:1.15}
    .mmr-radio-root .mmr-actions{display:none}
    .mmr-radio-root .mmr-lower-desktop{display:none}
    .mmr-radio-root .mmr-phone-only{display:block}
    .mmr-radio-root .mmr-phone-share{grid-template-columns:repeat(2,minmax(0,1fr))}
  }

  @media (min-width:561px) and (max-width:1024px){
    .mmr-radio-root .mmr-phone-controls-combined{padding:12px}
    .mmr-radio-root .mmr-upnext.mmr-upnext-mobile{padding:12px;gap:12px}
    .mmr-radio-root .mmr-upnext.mmr-upnext-mobile .mmr-upnext-title{font-size:20px}
    .mmr-radio-root .mmr-upnext.mmr-upnext-mobile .mmr-upnext-sub{font-size:15px}
  }

  @media (max-width:700px){
    .mmr-radio-root .mmr-vote-inner{
      grid-template-columns:1fr;
      padding:18px 16px;
    }

    .mmr-radio-root .mmr-vote-art{
      width:min(280px,100%);
      margin:0 auto;
    }

    .mmr-radio-root .mmr-vote-options{
      grid-template-columns:1fr;
    }

    .mmr-radio-root .mmr-vote-actions{
      flex-direction:column;
    }

    .mmr-radio-root .mmr-vote-send,
    .mmr-radio-root .mmr-vote-requestbtn{
      width:100%;
    }
  }

  @media (max-width:560px){
    .mmr-radio-root{--mmr-eq-height:88px}
  }

  @media (max-width:380px){
    .mmr-radio-root .mmr-phone-share{grid-template-columns:1fr}

    .mmr-radio-root .mmr-vol{
      display:grid;
      grid-template-columns:1fr auto auto;
      grid-template-areas:
        "label label label"
        "slider read mute";
      align-items:center;
    }

    .mmr-radio-root .mmr-vol label{grid-area:label}
    .mmr-radio-root .mmr-vol input[type="range"]{grid-area:slider}
    .mmr-radio-root .mmr-vol .mmr-vol-read{grid-area:read}
    .mmr-radio-root .mmr-mute{grid-area:mute}
  }
/* Sleeker Recently Played vote icons only */
  

  

  

  

  

  

  /* Better balanced vote popup on phones */
  @media (max-width:700px){
    .mmr-radio-root .mmr-vote-overlay{
      padding:10px !important;
      align-items:center !important;
    }

    .mmr-radio-root .mmr-vote-card{
      width:min(460px, calc(100vw - 20px)) !important;
      max-height:calc(100dvh - 20px) !important;
      border-radius:20px !important;
    }

    .mmr-radio-root .mmr-vote-inner{
      grid-template-columns:1fr !important;
      gap:12px !important;
      padding:14px !important;
    }

    .mmr-radio-root .mmr-vote-art{
      width:min(210px,72vw) !important;
      margin:0 auto !important;
      border-radius:16px !important;
    }

    .mmr-radio-root .mmr-vote-body{
      gap:10px !important;
      text-align:center !important;
    }

    .mmr-radio-root .mmr-vote-kicker{
      font-size:10px !important;
      letter-spacing:.14em !important;
    }

    .mmr-radio-root .mmr-vote-title{
      font-size:clamp(25px,8vw,34px) !important;
      line-height:1 !important;
    }

    .mmr-radio-root .mmr-vote-song{
      font-size:13px !important;
      line-height:1.35 !important;
    }

    .mmr-radio-root .mmr-vote-options{
      grid-template-columns:1fr 1fr !important;
      gap:8px !important;
    }

    .mmr-radio-root .mmr-vote-choice{
      min-height:58px !important;
      padding:9px 7px !important;
      border-radius:14px !important;
      font-size:13px !important;
      letter-spacing:.03em !important;
    }

    .mmr-radio-root .mmr-vote-actions{
      flex-direction:column !important;
      gap:8px !important;
    }

    .mmr-radio-root .mmr-vote-send,
    .mmr-radio-root .mmr-vote-requestbtn{
      width:100% !important;
      min-height:42px !important;
      padding:9px 12px !important;
      font-size:11px !important;
      letter-spacing:.06em !important;
    }

    .mmr-radio-root .mmr-vote-close{
      top:9px !important;
      right:9px !important;
      width:36px !important;
      height:36px !important;
      font-size:25px !important;
    }

    .mmr-radio-root .mmr-vote-status{
      font-size:11px !important;
      line-height:1.35 !important;
    }
  }

  @media (max-width:390px){
    .mmr-radio-root .mmr-vote-options{
      grid-template-columns:1fr !important;
    }

    .mmr-radio-root .mmr-vote-art{
      width:min(190px,68vw) !important;
    }
  }


  /* MMR cleanup: only show earned crowd badges and keep vote popup buttons stacked cleanly */
  .mmr-radio-root .mmr-crowd-badge.is-new{
    display:none !important;
  }

  .mmr-radio-root .mmr-vote-card{
    overflow-x:hidden !important;
  }

  .mmr-radio-root .mmr-vote-inner,
  .mmr-radio-root .mmr-vote-body,
  .mmr-radio-root .mmr-vote-actions{
    min-width:0 !important;
    max-width:100% !important;
  }

  .mmr-radio-root .mmr-vote-actions{
    display:grid !important;
    grid-template-columns:minmax(0,1fr) auto !important;
    gap:10px !important;
    width:100% !important;
  }

  .mmr-radio-root .mmr-vote-send{
    width:100% !important;
    min-width:0 !important;
  }

  .mmr-radio-root .mmr-vote-requestbtn{
    grid-column:1 / -1 !important;
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
    white-space:normal !important;
    text-align:center !important;
  }

  @media (max-width:700px){
    .mmr-radio-root .mmr-vote-overlay{
      padding:10px !important;
      overflow:hidden !important;
    }

    .mmr-radio-root .mmr-vote-card{
      width:calc(100vw - 20px) !important;
      max-width:460px !important;
      max-height:calc(100dvh - 20px) !important;
      overflow-x:hidden !important;
      border-radius:20px !important;
    }

    .mmr-radio-root .mmr-vote-inner{
      display:grid !important;
      grid-template-columns:1fr !important;
      gap:12px !important;
      padding:14px !important;
      width:100% !important;
    }

    .mmr-radio-root .mmr-vote-art{
      width:min(205px,68vw) !important;
      margin:0 auto !important;
    }

    .mmr-radio-root .mmr-vote-body{
      width:100% !important;
      text-align:center !important;
      gap:10px !important;
    }

    .mmr-radio-root .mmr-vote-options{
      display:grid !important;
      grid-template-columns:1fr 1fr !important;
      gap:8px !important;
      width:100% !important;
    }

    .mmr-radio-root .mmr-vote-choice{
      min-width:0 !important;
      min-height:56px !important;
      padding:9px 6px !important;
      font-size:12px !important;
      border-radius:14px !important;
    }

    .mmr-radio-root .mmr-vote-actions{
      display:grid !important;
      grid-template-columns:1fr !important;
      gap:8px !important;
      width:100% !important;
    }

    .mmr-radio-root .mmr-vote-send,
    .mmr-radio-root .mmr-vote-requestbtn{
      width:100% !important;
      max-width:100% !important;
      min-width:0 !important;
      min-height:42px !important;
      padding:9px 10px !important;
      font-size:11px !important;
      line-height:1.2 !important;
      white-space:normal !important;
    }
  }

  @media (max-width:380px){
    .mmr-radio-root .mmr-vote-options{
      grid-template-columns:1fr !important;
    }

    .mmr-radio-root .mmr-vote-art{
      width:min(180px,62vw) !important;
    }
  }



  /* Vote popup layout safety */
  .mmr-radio-root .mmr-vote-overlay{
    padding:16px !important;
    overflow:hidden !important;
    align-items:center !important;
    justify-content:center !important;
  }

  .mmr-radio-root .mmr-vote-card{
    width:min(900px, calc(100vw - 24px)) !important;
    max-width:900px !important;
    max-height:calc(100dvh - 24px) !important;
    overflow-y:auto !important;
    overflow-x:hidden !important;
    border-radius:22px !important;
    overscroll-behavior:contain !important;
  }

  .mmr-radio-root .mmr-vote-inner{
    display:grid !important;
    grid-template-columns:minmax(210px, 280px) minmax(0, 1fr) !important;
    gap:24px !important;
    align-items:start !important;
    width:100% !important;
    max-width:100% !important;
    padding:22px !important;
  }

  .mmr-radio-root .mmr-vote-art{
    width:100% !important;
    max-width:280px !important;
    min-width:0 !important;
    justify-self:center !important;
    align-self:start !important;
    border-radius:18px !important;
  }

  .mmr-radio-root .mmr-vote-body{
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
    overflow:hidden !important;
    justify-content:flex-start !important;
    gap:12px !important;
    padding-top:2px !important;
  }

  .mmr-radio-root .mmr-vote-kicker,
  .mmr-radio-root .mmr-vote-title,
  .mmr-radio-root .mmr-vote-song,
  .mmr-radio-root .mmr-vote-status{
    max-width:100% !important;
    min-width:0 !important;
    overflow-wrap:anywhere !important;
  }

  .mmr-radio-root .mmr-vote-title{
    font-size:clamp(30px, 4.2vw, 50px) !important;
    line-height:.96 !important;
  }

  .mmr-radio-root .mmr-vote-options{
    display:grid !important;
    grid-template-columns:repeat(2, minmax(0, 1fr)) !important;
    gap:10px !important;
    width:100% !important;
    max-width:100% !important;
  }

  .mmr-radio-root .mmr-vote-choice{
    width:100% !important;
    min-width:0 !important;
    min-height:68px !important;
    white-space:normal !important;
    text-align:center !important;
    line-height:1.22 !important;
  }

  .mmr-radio-root .mmr-vote-actions{
    display:grid !important;
    grid-template-columns:minmax(0, 1fr) minmax(118px, 155px) !important;
    gap:10px !important;
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
    align-items:stretch !important;
  }

  .mmr-radio-root .mmr-vote-send,
  .mmr-radio-root .mmr-vote-requestbtn{
    box-sizing:border-box !important;
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
    min-height:44px !important;
    margin:0 !important;
    white-space:normal !important;
    text-align:center !important;
    line-height:1.2 !important;
  }

  .mmr-radio-root .mmr-vote-requestbtn{
    grid-column:1 / -1 !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    padding-left:14px !important;
    padding-right:14px !important;
  }

  .mmr-radio-root .mmr-vote-status{
    display:block !important;
    width:100% !important;
  }

  @media (max-width:820px){
    .mmr-radio-root .mmr-vote-inner{
      grid-template-columns:1fr !important;
      gap:14px !important;
      padding:18px !important;
      padding-top:54px !important;
    }

    .mmr-radio-root .mmr-vote-art{
      width:min(260px, 70vw) !important;
      max-width:260px !important;
      margin:0 auto !important;
    }

    .mmr-radio-root .mmr-vote-body{
      text-align:center !important;
    }

    .mmr-radio-root .mmr-vote-title{
      font-size:clamp(26px, 8vw, 40px) !important;
      text-align:center !important;
    }

    .mmr-radio-root .mmr-vote-song,
    .mmr-radio-root .mmr-vote-status{
      text-align:center !important;
    }
  }

  @media (max-width:700px){
    .mmr-radio-root .mmr-vote-overlay{
      padding:10px !important;
    }

    .mmr-radio-root .mmr-vote-card{
      width:calc(100vw - 20px) !important;
      max-width:460px !important;
      max-height:calc(100dvh - 20px) !important;
      border-radius:20px !important;
    }

    .mmr-radio-root .mmr-vote-inner{
      padding:14px !important;
      padding-top:50px !important;
      gap:12px !important;
    }

    .mmr-radio-root .mmr-vote-art{
      width:min(210px, 66vw) !important;
      max-width:210px !important;
      border-radius:16px !important;
    }

    .mmr-radio-root .mmr-vote-kicker{
      font-size:10px !important;
      line-height:1.2 !important;
      letter-spacing:.14em !important;
    }

    .mmr-radio-root .mmr-vote-title{
      font-size:clamp(24px, 8.6vw, 34px) !important;
      line-height:1 !important;
      letter-spacing:.035em !important;
    }

    .mmr-radio-root .mmr-vote-song{
      font-size:13px !important;
      line-height:1.35 !important;
    }

    .mmr-radio-root .mmr-vote-options{
      grid-template-columns:repeat(2, minmax(0, 1fr)) !important;
      gap:8px !important;
    }

    .mmr-radio-root .mmr-vote-choice{
      min-height:56px !important;
      padding:9px 6px !important;
      border-radius:14px !important;
      font-size:12px !important;
      letter-spacing:.03em !important;
    }

    .mmr-radio-root .mmr-vote-actions{
      grid-template-columns:1fr !important;
      gap:8px !important;
    }

    .mmr-radio-root .mmr-vote-send,
    .mmr-radio-root .mmr-vote-requestbtn{
      min-height:42px !important;
      padding:9px 10px !important;
      border-radius:999px !important;
      font-size:11px !important;
      letter-spacing:.055em !important;
    }

    .mmr-radio-root .mmr-vote-close{
      top:9px !important;
      right:9px !important;
      width:36px !important;
      height:36px !important;
      font-size:25px !important;
    }

    .mmr-radio-root .mmr-vote-status{
      font-size:11px !important;
      line-height:1.35 !important;
    }
  }

  @media (max-width:390px){
    .mmr-radio-root .mmr-vote-options{
      grid-template-columns:1fr !important;
    }

    .mmr-radio-root .mmr-vote-art{
      width:min(180px, 60vw) !important;
      max-width:180px !important;
    }
  }




  /* ===== MMR LISTENER TOP 10 ===== */
  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  


  

  

  

  

  

  

  

  

  

  

  

  

  /* Final popup balance + Band Discovery card */
  .mmr-radio-root .mmr-vote-overlay{
    overflow:hidden !important;
  }

  .mmr-radio-root .mmr-vote-card{
    width:min(860px, calc(100vw - 24px)) !important;
    max-height:min(92vh, 920px) !important;
    overflow:auto !important;
    overflow-x:hidden !important;
  }

  .mmr-radio-root .mmr-vote-inner{
    display:grid !important;
    grid-template-columns:280px minmax(0,1fr) !important;
    gap:18px !important;
    align-items:start !important;
    width:100% !important;
    max-width:100% !important;
  }

  .mmr-radio-root .mmr-vote-art{
    width:100% !important;
    max-width:280px !important;
    min-width:0 !important;
  }

  .mmr-radio-root .mmr-vote-body{
    width:100% !important;
    min-width:0 !important;
    max-width:100% !important;
    overflow:hidden !important;
    justify-content:flex-start !important;
  }

  .mmr-radio-root .mmr-vote-actions{
    display:grid !important;
    grid-template-columns:minmax(0,1fr) auto !important;
    gap:10px !important;
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
  }

  .mmr-radio-root .mmr-vote-send,
  .mmr-radio-root .mmr-vote-requestbtn,
  .mmr-radio-root .mmr-vote-discoverbtn{
    max-width:100% !important;
    min-width:0 !important;
    white-space:normal !important;
    text-align:center !important;
  }

  .mmr-radio-root .mmr-vote-requestbtn,
  .mmr-radio-root .mmr-vote-discoverbtn{
    grid-column:1 / -1 !important;
    width:100% !important;
  }

  .mmr-radio-root .mmr-vote-discoverbtn{
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    gap:8px !important;
    min-height:42px !important;
    padding:11px 16px !important;
    border-radius:999px !important;
    border:1px solid rgba(125,255,215,.26) !important;
    background:linear-gradient(90deg,rgba(48,185,155,.18),rgba(15,19,24,.98)) !important;
    color:#fff !important;
    font-size:13px !important;
    line-height:1.2 !important;
    font-weight:900 !important;
    letter-spacing:.08em !important;
    text-transform:uppercase !important;
    cursor:pointer !important;
    text-decoration:none !important;
    box-shadow:0 0 20px rgba(48,185,155,.08) !important;
    transition:transform .18s ease,border-color .18s ease,background .18s ease,box-shadow .18s ease !important;
  }

  .mmr-radio-root .mmr-vote-discoverbtn:hover,
  .mmr-radio-root .mmr-vote-discoverbtn:focus-visible{
    transform:translateY(-1px) !important;
    border-color:rgba(125,255,215,.52) !important;
    background:linear-gradient(90deg,rgba(48,185,155,.28),rgba(15,19,24,.98)) !important;
    box-shadow:0 0 18px rgba(48,185,155,.14) !important;
    outline:none !important;
  }

  .mmr-radio-root .mmr-vote-discoverbtn:disabled{
    opacity:.55 !important;
    cursor:not-allowed !important;
    transform:none !important;
    box-shadow:none !important;
  }

  .mmr-radio-root .mmr-discovery-panel{
    display:none;
    width:100%;
    max-width:100%;
    min-width:0;
    padding:12px;
    border:1px solid rgba(125,255,215,.22);
    border-radius:16px;
    background:
      radial-gradient(circle at 0% 0%, rgba(48,185,155,.14), transparent 40%),
      linear-gradient(180deg, rgba(15,19,24,.98), rgba(8,10,15,.98));
    box-shadow:0 0 24px rgba(48,185,155,.08), inset 0 0 0 1px rgba(255,255,255,.02);
    overflow:hidden;
  }

  .mmr-radio-root .mmr-discovery-panel.is-open{
    display:block;
  }

  .mmr-radio-root .mmr-discovery-head{
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap:10px;
    margin-bottom:10px;
  }

  .mmr-radio-root .mmr-discovery-kicker{
    color:#9df8dd;
    font-size:10px;
    line-height:1.1;
    font-weight:900;
    letter-spacing:.14em;
    text-transform:uppercase;
  }

  .mmr-radio-root .mmr-discovery-title{
    margin-top:3px;
    color:#fff;
    font-size:14px;
    line-height:1.25;
    font-weight:900;
    word-break:break-word;
  }

  .mmr-radio-root .mmr-discovery-close{
    width:30px;
    height:30px;
    flex:0 0 30px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    border-radius:50%;
    border:1px solid rgba(255,255,255,.14);
    background:rgba(0,0,0,.35);
    color:#fff;
    font-size:20px;
    line-height:1;
    cursor:pointer;
  }

  .mmr-radio-root .mmr-discovery-close:hover,
  .mmr-radio-root .mmr-discovery-close:focus-visible{
    background:rgba(48,185,155,.28);
    border-color:rgba(125,255,215,.42);
    outline:none;
  }

  .mmr-radio-root .mmr-discovery-links{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:8px;
  }

  .mmr-radio-root .mmr-discovery-link{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-width:0;
    min-height:40px;
    padding:9px 10px;
    border-radius:13px;
    border:1px solid rgba(176,92,255,.22);
    background:rgba(12,15,20,.88);
    color:#fff;
    font-size:12px;
    line-height:1.15;
    font-weight:900;
    letter-spacing:.04em;
    text-transform:uppercase;
    text-decoration:none;
    text-align:center;
    transition:transform .18s ease,border-color .18s ease,background .18s ease,box-shadow .18s ease;
  }

  .mmr-radio-root .mmr-discovery-link:hover,
  .mmr-radio-root .mmr-discovery-link:focus-visible{
    transform:translateY(-1px);
    border-color:rgba(125,255,215,.46);
    background:linear-gradient(180deg,rgba(48,185,155,.22),rgba(12,15,20,.96));
    box-shadow:0 0 14px rgba(48,185,155,.12);
    outline:none;
  }

  .mmr-radio-root .mmr-discovery-link[aria-disabled="true"]{
    opacity:.45;
    pointer-events:none;
  }

  .mmr-radio-root .mmr-discovery-note{
    margin-top:9px;
    color:var(--mmr-text-caption);
    font-size:11px;
    line-height:1.35;
    font-weight:800;
    text-align:center;
  }

  @media (max-width:700px){
    .mmr-radio-root .mmr-vote-card{
      width:calc(100vw - 20px) !important;
      max-width:460px !important;
      max-height:calc(100dvh - 20px) !important;
      border-radius:20px !important;
    }

    .mmr-radio-root .mmr-vote-inner{
      grid-template-columns:1fr !important;
      gap:12px !important;
      padding:14px !important;
    }

    .mmr-radio-root .mmr-vote-art{
      width:min(205px,68vw) !important;
      max-width:205px !important;
      margin:0 auto !important;
    }

    .mmr-radio-root .mmr-vote-body{
      text-align:center !important;
      gap:10px !important;
    }

    .mmr-radio-root .mmr-vote-options{
      grid-template-columns:1fr 1fr !important;
      gap:8px !important;
    }

    .mmr-radio-root .mmr-vote-actions{
      grid-template-columns:1fr !important;
      gap:8px !important;
    }

    .mmr-radio-root .mmr-vote-send,
    .mmr-radio-root .mmr-vote-requestbtn,
    .mmr-radio-root .mmr-vote-discoverbtn{
      width:100% !important;
      min-height:42px !important;
      padding:9px 10px !important;
      font-size:11px !important;
      line-height:1.2 !important;
    }

    .mmr-radio-root .mmr-discovery-links{
      grid-template-columns:1fr 1fr !important;
      gap:7px !important;
    }

    .mmr-radio-root .mmr-discovery-link{
      min-height:38px;
      font-size:11px;
      padding:8px 7px;
    }
  }

  @media (max-width:380px){
    .mmr-radio-root .mmr-vote-options,
    .mmr-radio-root .mmr-discovery-links{
      grid-template-columns:1fr !important;
    }

    .mmr-radio-root .mmr-vote-art{
      width:min(180px,62vw) !important;
    }
  }



  /* ===== MMR music-reactive polish: lightweight and mobile-safe ===== */
  .mmr-radio-root{
    --mmr-track-aura:#7B2CF5;
    --mmr-track-aura-mid:#C06CFF;
    --mmr-track-aura-hot:#FFE66D;
  }

  .mmr-radio-root .mmr-row-top{
    position:relative;
    isolation:isolate;
  }

  .mmr-radio-root .mmr-row-top::before{
    content:"";
    position:absolute;
    inset:-1px;
    z-index:0;
    pointer-events:none;
    background:
      radial-gradient(circle at 24% 20%, var(--mmr-track-aura), transparent 32%),
      radial-gradient(circle at 78% 12%, var(--mmr-track-aura-mid), transparent 30%);
    opacity:.13;
    transform:scale(1);
    animation:mmrDynamicBgBreathe 9s ease-in-out infinite;
  }

  .mmr-radio-root .mmr-row-top > *{
    position:relative;
    z-index:1;
  }

  .mmr-radio-root .mmr-art{
    box-shadow:
      0 8px 24px rgba(0,0,0,.36),
      0 0 22px rgba(106,13,173,.10),
      0 0 34px color-mix(in srgb, var(--mmr-track-aura) 22%, transparent);
  }

  .mmr-radio-root.is-playing .mmr-art img{
    animation:mmrCoverMicroDrift 10s ease-in-out infinite;
    will-change:transform;
  }

  .mmr-radio-root.is-track-sweep .mmr-art::before,
  .mmr-radio-root.is-track-sweep .mmr-eq-shell::after{
    content:"";
    position:absolute;
    inset:-20%;
    z-index:3;
    pointer-events:none;
    background:linear-gradient(115deg, transparent 0%, transparent 35%, rgba(255,255,255,.10) 43%, color-mix(in srgb, var(--mmr-track-aura-hot) 52%, transparent) 50%, rgba(255,255,255,.08) 57%, transparent 68%, transparent 100%);
    transform:translateX(-130%) skewX(-12deg);
    animation:mmrRitualSweep .82s ease-out both;
  }

  .mmr-radio-root .mmr-eq-shell{
    transition:border-color .14s ease, box-shadow .14s ease, filter .14s ease;
  }


  .mmr-radio-root .mmr-signal-chip{
    position:absolute;
    z-index:6;
    display:inline-flex;
    align-items:center;
    gap:4px;
    min-height:16px;
    padding:2px 6px;
    border-radius:999px;
    border:1px solid rgba(176,92,255,.12);
    background:rgba(7,9,13,.34);
    color:#fff;
    box-shadow:none;
    backdrop-filter:blur(7px);
    -webkit-backdrop-filter:blur(7px);
    pointer-events:none;
    left:8px;
    top:8px;
    opacity:.76;
  }


  .mmr-radio-root .mmr-signal-dot{
    width:5px;
    height:5px;
    flex:0 0 5px;
    border-radius:50%;
    background:#5affbd;
    box-shadow:0 0 8px #5affbd;
  }

  .mmr-radio-root.is-playing .mmr-signal-dot{
    animation:mmrSignalPulse 1.45s ease-in-out infinite;
  }

  .mmr-radio-root .mmr-signal-text{
    font-size:6.6px;
    line-height:1;
    font-weight:1000;
    letter-spacing:.11em;
    text-transform:uppercase;
    white-space:nowrap;
  }

  .mmr-radio-root .mmr-signal-text{
    color:var(--mmr-text-caption);
    opacity:.90;
  }

  .mmr-radio-root .mmr-vote-card{
    background:
      radial-gradient(circle at 20% 0%, color-mix(in srgb, var(--mmr-track-aura) 34%, transparent), transparent 32%),
      radial-gradient(circle at 100% 100%, color-mix(in srgb, var(--mmr-track-aura-mid) 22%, transparent), transparent 32%),
      linear-gradient(180deg, #11151d, #080a0f) !important;
  }

  .mmr-radio-root .mmr-pp{
    position:relative;
    overflow:visible;
  }

  .mmr-radio-root.is-playing .mmr-pp::after{
    content:"";
    position:absolute;
    inset:-7px;
    z-index:-1;
    border-radius:50%;
    pointer-events:none;
    background:
      radial-gradient(circle, color-mix(in srgb, var(--mmr-track-aura-hot) 38%, transparent) 0%, transparent 54%),
      conic-gradient(from 0deg, transparent, color-mix(in srgb, var(--mmr-track-aura) 45%, transparent), transparent, color-mix(in srgb, var(--mmr-track-aura-hot) 40%, transparent), transparent);
    opacity:.42;
    filter:blur(.3px);
    animation:mmrPitSpark 1.8s steps(2,end) infinite;
  }

  @keyframes mmrDynamicBgBreathe{
    0%,100%{opacity:.10;transform:scale(1)}
    50%{opacity:.18;transform:scale(1.025)}
  }

  @keyframes mmrCoverMicroDrift{
    0%,100%{transform:scale(1)}
    50%{transform:scale(1.01)}
  }

  @keyframes mmrRitualSweep{
    0%{transform:translateX(-130%) skewX(-12deg);opacity:0}
    16%{opacity:1}
    100%{transform:translateX(130%) skewX(-12deg);opacity:0}
  }

  @keyframes mmrSignalPulse{
    0%,100%{opacity:.62;transform:scale(.86)}
    50%{opacity:1;transform:scale(1.16)}
  }

  @keyframes mmrPitSpark{
    0%,100%{opacity:.20;transform:rotate(0deg) scale(.98)}
    20%{opacity:.48;transform:rotate(18deg) scale(1.03)}
    52%{opacity:.30;transform:rotate(-10deg) scale(1.01)}
    78%{opacity:.56;transform:rotate(24deg) scale(1.04)}
  }

  @media (max-width:700px){
    .mmr-radio-root .mmr-row-top::before{
      animation:none;
      opacity:.08;
    }

    .mmr-radio-root.is-playing .mmr-art img{
      animation:none;
      will-change:auto;
    }

    .mmr-radio-root.is-playing .mmr-pp::after{
      display:none;
    }

    .mmr-radio-root .mmr-signal-chip{
      left:7px;
      top:7px;
      min-height:16px;
      padding:3px 6px;
      opacity:.74;
    }


    .mmr-radio-root .mmr-signal-text{
      font-size:6.8px;
    }
  }

  @media (prefers-reduced-motion:reduce){
    .mmr-radio-root .mmr-row-top::before,
    .mmr-radio-root.is-playing .mmr-art img,
    .mmr-radio-root.is-playing .mmr-pp::after,
    .mmr-radio-root.is-playing .mmr-signal-dot,
    .mmr-radio-root.is-track-sweep .mmr-art::before,
    .mmr-radio-root.is-track-sweep .mmr-eq-shell::after{
      animation:none !important;
    }
  }



  /* ==========================================================
     MMR SECOND REFINEMENT PASS
     More unified player console, tighter recent cards,
     and premium magazine-style news cards.
     ========================================================== */
  .mmr-radio-root{
    --mmr-thumb:132px;
  }

  .mmr-radio-root .mmr-wrap{
    padding:clamp(12px, 1.4vw, 20px) 16px;
  }

  .mmr-radio-root .mmr-container{
    gap:20px;
  }

  .mmr-radio-root .mmr-row-top{
    position:relative;
    padding:18px;
    border-color:rgba(176,92,255,.16);
    background:
      linear-gradient(180deg, rgba(255,255,255,.035), rgba(255,255,255,.004)),
      radial-gradient(circle at 16% 0%, color-mix(in srgb, var(--mmr-track-aura) 16%, transparent), transparent 33%),
      radial-gradient(circle at 72% 8%, color-mix(in srgb, var(--mmr-track-aura-hot) 10%, transparent), transparent 34%),
      linear-gradient(135deg, rgba(7,9,13,.98), rgba(12,14,18,.96));
    box-shadow:
      0 18px 44px rgba(0,0,0,.40),
      inset 0 0 0 1px rgba(255,255,255,.025),
      inset 0 0 42px rgba(106,13,173,.055);
  }

  .mmr-radio-root .mmr-row-top::after{
    content:"";
    position:absolute;
    inset:8px;
    z-index:0;
    border-radius:calc(var(--mmr-radius-xl) - 6px);
    border:1px solid rgba(255,255,255,.035);
    pointer-events:none;
    box-shadow:
      inset 0 0 28px rgba(0,0,0,.28),
      inset 0 0 1px rgba(176,92,255,.10);
  }

  .mmr-radio-root .mmr-leftcol,
  .mmr-radio-root .mmr-left{
    position:relative;
    z-index:2;
  }

  .mmr-radio-root .mmr-art{
    border-color:rgba(176,92,255,.24);
    box-shadow:
      0 12px 30px rgba(0,0,0,.46),
      0 0 0 1px rgba(255,255,255,.025) inset,
      0 0 26px color-mix(in srgb, var(--mmr-track-aura) 24%, transparent),
      0 0 46px color-mix(in srgb, var(--mmr-track-aura-hot) 10%, transparent);
  }

  .mmr-radio-root .mmr-art-badge{
    opacity:.84;
    transform:scale(.94);
    transform-origin:left top;
  }

  .mmr-radio-root .mmr-art-votehint{
    bottom:8px;
    left:8px;
    right:8px;
    padding:10px 8px 8px;
    font-size:9.5px;
    letter-spacing:.12em;
    opacity:.82;
  }

  .mmr-radio-root .mmr-art:hover .mmr-art-votehint,
  .mmr-radio-root .mmr-art:focus-visible .mmr-art-votehint{
    opacity:1;
  }

  .mmr-radio-root .mmr-streams{
    gap:8px;
  }

  .mmr-radio-root .mmr-stream-btn{
    min-height:36px;
    padding:7px 13px;
    border-color:rgba(176,92,255,.16);
    background:linear-gradient(180deg, rgba(255,255,255,.025), rgba(255,255,255,.004)), rgba(12,15,20,.82);
    box-shadow:0 8px 18px rgba(0,0,0,.22);
  }

  .mmr-radio-root .mmr-stream-btn.active{
    box-shadow:0 0 20px rgba(106,13,173,.24), inset 0 0 0 1px rgba(255,255,255,.08);
  }

  .mmr-radio-root .mmr-topline{
    align-items:center;
    gap:12px;
    padding:8px 10px;
    border:1px solid rgba(176,92,255,.10);
    border-radius:16px;
    background:linear-gradient(180deg, rgba(255,255,255,.018), rgba(255,255,255,.004)), rgba(7,9,13,.42);
    box-shadow:inset 0 0 0 1px rgba(255,255,255,.015);
  }

  .mmr-radio-root .mmr-np{
    font-size:clamp(14px, 1.35vw, 17px);
    font-weight:950;
    letter-spacing:.01em;
    color:#fff;
    text-shadow:0 2px 14px rgba(0,0,0,.38);
  }

  .mmr-radio-root .mmr-note-inline{
    color:var(--mmr-text-caption);
    opacity:.86;
  }

  .mmr-radio-root .mmr-reaction-row:empty{
    display:none;
  }

  .mmr-radio-root .mmr-eq-shell{
    border-color:rgba(176,92,255,.18);
    background:
      linear-gradient(180deg, rgba(255,255,255,.025), rgba(255,255,255,0)),
      radial-gradient(circle at 12% 100%, color-mix(in srgb, var(--mmr-track-aura) 8%, transparent), transparent 38%),
      var(--mmr-bg-panel);
    box-shadow:
      inset 0 0 0 1px rgba(255,255,255,.02),
      inset 0 0 30px rgba(0,0,0,.25),
      0 10px 24px rgba(0,0,0,.24);
  }

  .mmr-radio-root .mmr-signal-chip,
  .mmr-radio-root .mmr-eq-head{
    opacity:.66;
  }

  .mmr-radio-root .mmr-eq-shell:hover .mmr-signal-chip,
  .mmr-radio-root .mmr-eq-shell:hover .mmr-eq-head{
    opacity:.96;
  }

  .mmr-radio-root .mmr-lower-desktop{
    gap:12px;
  }

  .mmr-radio-root .mmr-upnext,
  .mmr-radio-root .mmr-vol{
    border-color:rgba(176,92,255,.14);
    background:linear-gradient(180deg, rgba(255,255,255,.025), rgba(255,255,255,.004)), rgba(12,15,20,.72);
    box-shadow:inset 0 0 0 1px rgba(255,255,255,.015);
  }

  .mmr-radio-root .mmr-upnext-thumb{
    border-color:rgba(176,92,255,.18);
    box-shadow:0 8px 14px rgba(0,0,0,.20);
  }

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  @media (max-width:1200px){
    .mmr-radio-root{--mmr-thumb:116px;}
  }

  @media (max-width:1024px){
    .mmr-radio-root{--mmr-thumb:96px;}

    .mmr-radio-root .mmr-row-top{
      padding:12px;
    }

    .mmr-radio-root .mmr-topline{
      padding:8px;
      align-items:flex-start;
    }
  }

  @media (max-width:700px){
    .mmr-radio-root .mmr-container{
      gap:14px;
    }

    .mmr-radio-root .mmr-row-top::after{
      inset:6px;
    }

    .mmr-radio-root .mmr-art-badge{
      transform:scale(.86);
    }

    .mmr-radio-root .mmr-art-votehint{
      font-size:8.8px;
      letter-spacing:.09em;
      opacity:.78;
    }

    

    

    
  }



  /* Lighter player shadow and safer phone vote popup */
  .mmr-radio-root .mmr-row-top{
    box-shadow:
      0 9px 22px rgba(0,0,0,.22),
      inset 0 0 0 1px rgba(255,255,255,.018),
      inset 0 0 28px rgba(106,13,173,.035) !important;
  }

  .mmr-radio-root .mmr-row-top::after{
    box-shadow:
      inset 0 0 14px rgba(0,0,0,.14),
      inset 0 0 1px rgba(176,92,255,.06) !important;
  }

  .mmr-radio-root .mmr-art{
    box-shadow:
      0 6px 16px rgba(0,0,0,.24),
      0 0 0 1px rgba(255,255,255,.018) inset,
      0 0 16px color-mix(in srgb, var(--mmr-track-aura) 16%, transparent),
      0 0 28px color-mix(in srgb, var(--mmr-track-aura-hot) 7%, transparent) !important;
  }

  .mmr-radio-root .mmr-stream-btn, .mmr-radio-root .mmr-upnext-thumb{
    box-shadow:0 4px 10px rgba(0,0,0,.14) !important;
  }

  .mmr-radio-root .mmr-eq-shell{
    box-shadow:
      inset 0 0 0 1px rgba(255,255,255,.016),
      inset 0 0 22px rgba(0,0,0,.16),
      0 5px 14px rgba(0,0,0,.14) !important;
  }

  @media (max-width:700px){
    .mmr-radio-root .mmr-vote-overlay{
      padding:12px 10px calc(12px + env(safe-area-inset-bottom, 0px)) !important;
      align-items:center !important;
      justify-content:center !important;
      overflow:hidden !important;
    }

    .mmr-radio-root .mmr-vote-card{
      width:calc(100vw - 20px) !important;
      max-width:460px !important;
      max-height:calc(100vh - 24px) !important;
      max-height:calc(100dvh - 24px) !important;
      margin:auto !important;
      border-radius:18px !important;
      overflow-y:auto !important;
      overflow-x:hidden !important;
      overscroll-behavior:contain !important;
      -webkit-overflow-scrolling:touch !important;
    }

    .mmr-radio-root .mmr-vote-inner{
      grid-template-columns:1fr !important;
      gap:12px !important;
      width:100% !important;
      max-width:100% !important;
      padding:48px 12px 14px !important;
      overflow:hidden !important;
    }

    .mmr-radio-root .mmr-vote-art{
      width:min(198px, 62vw) !important;
      max-width:198px !important;
      margin:0 auto !important;
      border-radius:15px !important;
    }

    .mmr-radio-root .mmr-vote-body{
      width:100% !important;
      max-width:100% !important;
      min-width:0 !important;
      text-align:center !important;
      gap:10px !important;
      overflow:hidden !important;
    }

    .mmr-radio-root .mmr-vote-title{
      font-size:clamp(23px, 8vw, 32px) !important;
      line-height:1 !important;
      margin-left:auto !important;
      margin-right:auto !important;
    }

    .mmr-radio-root .mmr-vote-song{
      font-size:12.5px !important;
      line-height:1.35 !important;
      margin-left:auto !important;
      margin-right:auto !important;
    }

    .mmr-radio-root .mmr-vote-options{
      display:grid !important;
      grid-template-columns:repeat(2, minmax(0,1fr)) !important;
      gap:8px !important;
      width:100% !important;
    }

    .mmr-radio-root .mmr-vote-choice{
      min-width:0 !important;
      min-height:54px !important;
      padding:8px 6px !important;
      font-size:12px !important;
      line-height:1.15 !important;
    }

    .mmr-radio-root .mmr-vote-actions{
      display:grid !important;
      grid-template-columns:1fr !important;
      gap:8px !important;
      width:100% !important;
      max-width:100% !important;
    }

    .mmr-radio-root .mmr-vote-send,
    .mmr-radio-root .mmr-vote-requestbtn,
    .mmr-radio-root .mmr-vote-discoverbtn{
      width:100% !important;
      max-width:100% !important;
      min-width:0 !important;
      min-height:40px !important;
      padding:9px 10px !important;
      font-size:10.5px !important;
      line-height:1.2 !important;
      white-space:normal !important;
    }

    .mmr-radio-root .mmr-discovery-panel{
      padding:10px !important;
      border-radius:14px !important;
    }

    .mmr-radio-root .mmr-discovery-links{
      grid-template-columns:1fr 1fr !important;
      gap:7px !important;
    }

    .mmr-radio-root .mmr-vote-close{
      top:9px !important;
      right:9px !important;
      width:34px !important;
      height:34px !important;
      font-size:24px !important;
    }
  }

  @media (max-width:390px){
    .mmr-radio-root .mmr-vote-overlay{
      padding:10px 8px calc(10px + env(safe-area-inset-bottom, 0px)) !important;
    }

    .mmr-radio-root .mmr-vote-card{
      width:calc(100vw - 16px) !important;
      max-height:calc(100vh - 20px) !important;
      max-height:calc(100dvh - 20px) !important;
    }

    .mmr-radio-root .mmr-vote-inner{
      padding:46px 10px 12px !important;
    }

    .mmr-radio-root .mmr-vote-art{
      width:min(172px, 58vw) !important;
      max-width:172px !important;
    }

    .mmr-radio-root .mmr-vote-options,
    .mmr-radio-root .mmr-discovery-links{
      grid-template-columns:1fr !important;
    }
  }

  @media (max-height:650px) and (max-width:700px){
    .mmr-radio-root .mmr-vote-inner{
      padding-top:44px !important;
      gap:9px !important;
    }

    .mmr-radio-root .mmr-vote-art{
      width:min(150px, 48vw) !important;
      max-width:150px !important;
    }

    .mmr-radio-root .mmr-vote-choice{
      min-height:46px !important;
    }
  }



  /* ==========================================================
     PHONE CAROUSEL REFINEMENT: Recently Played + MMR Top 10
     Full-width album cover with info below on phones.
     Desktop/tablet keeps the normal rail/grid layouts.
     ========================================================== */
  

  

  

  

  

  

  


  /* Compact player layout */
  .mmr-radio-root{
    --mmr-pad:12px;
    --mmr-gap:14px;
    --mmr-cover:clamp(176px, 23vw, 245px);
    --mmr-thumb:112px;
    --mmr-eq-height:130px;
  }

  .mmr-radio-root .mmr-wrap{
    padding:12px 12px !important;
  }

  .mmr-radio-root .mmr-container{
    gap:14px !important;
  }

  .mmr-radio-root .mmr-row-top{
    grid-template-columns:minmax(0,var(--mmr-cover)) minmax(0,1fr) !important;
    gap:14px !important;
    padding:14px !important;
  }

  .mmr-radio-root .mmr-leftcol{
    gap:9px !important;
  }

  .mmr-radio-root .mmr-left{
    gap:10px !important;
  }

  .mmr-radio-root .mmr-topline{
    gap:10px !important;
    padding:6px 8px !important;
    border-radius:14px !important;
  }

  .mmr-radio-root .mmr-pp{
    width:44px !important;
    height:44px !important;
    flex-basis:44px !important;
  }

  .mmr-radio-root .npStack{
    gap:2px !important;
  }

  .mmr-radio-root .mmr-np{
    font-size:clamp(13px, 1.22vw, 16px) !important;
    line-height:1.22 !important;
  }

  .mmr-radio-root .mmr-note-inline{
    font-size:12px !important;
  }

  .mmr-radio-root .mmr-actions{
    margin-left:auto !important;
  }

  .mmr-radio-root .mmr-share{
    gap:6px !important;
  }

  .mmr-radio-root .mmr-btn{
    padding:7px 11px !important;
    font-size:11px !important;
  }

  .mmr-radio-root .mmr-streams{
    gap:7px !important;
  }

  .mmr-radio-root .mmr-stream-btn{
    min-height:32px !important;
    padding:6px 11px !important;
    font-size:11px !important;
  }

  .mmr-radio-root .mmr-art-badge{
    top:8px !important;
    left:8px !important;
  }

  .mmr-radio-root .mmr-art-votehint{
    bottom:7px !important;
    left:7px !important;
    right:7px !important;
    padding:8px 7px 7px !important;
    font-size:8.8px !important;
  }

  .mmr-radio-root .mmr-lower-desktop{
    grid-template-columns:minmax(0,1fr) minmax(240px,290px) !important;
    gap:8px !important;
  }

  .mmr-radio-root .mmr-upnext,
  .mmr-radio-root .mmr-vol{
    padding:8px 10px !important;
    border-radius:10px !important;
  }

  .mmr-radio-root .mmr-upnext-thumb{
    width:48px !important;
    height:48px !important;
    flex-basis:48px !important;
  }

  .mmr-radio-root .mmr-upnext-title{
    font-size:13px !important;
  }

  .mmr-radio-root .mmr-upnext-sub{
    font-size:11px !important;
  }

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  @media (max-width:1024px){
    .mmr-radio-root{
      --mmr-pad:10px;
      --mmr-gap:10px;
      --mmr-cover:clamp(180px, 62vw, 360px);
      --mmr-eq-height:104px;
    }

    .mmr-radio-root .mmr-wrap{
      padding:8px !important;
    }

    .mmr-radio-root .mmr-row-top{
      grid-template-columns:1fr !important;
      gap:10px !important;
      padding:10px !important;
    }

    .mmr-radio-root .mmr-leftcol{
      max-width:360px !important;
    }

    .mmr-radio-root .mmr-phone-controls-combined{
      padding:8px !important;
      gap:8px !important;
    }

    .mmr-radio-root .mmr-phone-share{
      gap:7px !important;
    }

    .mmr-radio-root .mmr-upnext.mmr-upnext-mobile{
      padding:8px !important;
      gap:8px !important;
    }
  }

  @media (max-width:620px){
    .mmr-radio-root{
      --mmr-eq-height:78px;
    }

    .mmr-radio-root .mmr-container{
      gap:11px !important;
    }

    .mmr-radio-root .mmr-leftcol{
      max-width:330px !important;
      gap:7px !important;
    }

    .mmr-radio-root .mmr-topline{
      padding:6px !important;
      gap:8px !important;
    }

    .mmr-radio-root .mmr-pp{
      width:34px !important;
      height:34px !important;
      flex-basis:34px !important;
    }

    .mmr-radio-root .mmr-stream-btn{
      min-height:30px !important;
      padding:5px 9px !important;
      font-size:10.5px !important;
    }

    .mmr-radio-root .mmr-phone-share .mmr-btn{
      padding:8px 7px !important;
    }

    
  }


  /* Final popup/mobile safety layer */

  .mmr-radio-root{
    --mmr-mobile-header-clearance:64px;
  }

  .mmr-radio-root .mmr-crowd-badge.is-new{
    display:none !important;
  }

  .mmr-radio-root .mmr-vote-overlay{
    z-index:2147483000 !important;
    padding:16px !important;
    overflow:hidden !important;
    align-items:center !important;
    justify-content:center !important;
    overscroll-behavior:contain !important;
  }

  .mmr-radio-root .mmr-vote-card{
    isolation:isolate !important;
    width:min(860px, calc(100vw - 24px)) !important;
    max-width:860px !important;
    max-height:calc(100dvh - 24px) !important;
    overflow-y:auto !important;
    overflow-x:hidden !important;
    border-radius:22px !important;
    overscroll-behavior:contain !important;
    -webkit-overflow-scrolling:touch !important;
  }

  .mmr-radio-root .mmr-vote-inner{
    display:grid !important;
    grid-template-columns:minmax(210px,280px) minmax(0,1fr) !important;
    gap:20px !important;
    align-items:start !important;
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
    padding:22px !important;
  }

  .mmr-radio-root .mmr-vote-art{
    width:100% !important;
    max-width:280px !important;
    min-width:0 !important;
    justify-self:center !important;
    align-self:start !important;
  }

  .mmr-radio-root .mmr-vote-body,
  .mmr-radio-root .mmr-vote-actions,
  .mmr-radio-root .mmr-vote-options{
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
  }

  .mmr-radio-root .mmr-vote-kicker,
  .mmr-radio-root .mmr-vote-title,
  .mmr-radio-root .mmr-vote-song,
  .mmr-radio-root .mmr-vote-status{
    max-width:100% !important;
    min-width:0 !important;
    overflow-wrap:anywhere !important;
  }

  .mmr-radio-root .mmr-vote-options{
    display:grid !important;
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:10px !important;
  }

  .mmr-radio-root .mmr-vote-actions{
    display:grid !important;
    grid-template-columns:minmax(0,1fr) minmax(118px,155px) !important;
    gap:10px !important;
    align-items:stretch !important;
  }

  .mmr-radio-root .mmr-vote-send,
  .mmr-radio-root .mmr-vote-requestbtn,
  .mmr-radio-root .mmr-vote-discoverbtn,
  .mmr-radio-root .mmr-vote-bottom-close{
    box-sizing:border-box !important;
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
    min-height:42px !important;
    margin:0 !important;
    white-space:normal !important;
    text-align:center !important;
    line-height:1.2 !important;
  }

  .mmr-radio-root .mmr-vote-requestbtn,
  .mmr-radio-root .mmr-vote-discoverbtn{
    grid-column:1 / -1 !important;
  }

  .mmr-radio-root .mmr-vote-close{
    z-index:2147483647 !important;
    pointer-events:auto !important;
  }

  .mmr-radio-root .mmr-vote-bottom-close{
    display:none;
    align-items:center;
    justify-content:center;
    gap:8px;
    border:1px solid rgba(255,255,255,.16);
    background:rgba(0,0,0,.42);
    color:#fff;
    border-radius:999px;
    padding:10px 14px;
    font-size:12px;
    font-weight:900;
    letter-spacing:.08em;
    text-transform:uppercase;
    cursor:pointer;
    box-shadow:0 0 18px rgba(106,13,173,.12);
  }

  .mmr-radio-root .mmr-vote-bottom-close:hover,
  .mmr-radio-root .mmr-vote-bottom-close:focus-visible{
    border-color:#b05cff;
    background:linear-gradient(180deg,rgba(106,13,173,.36),rgba(0,0,0,.64));
    outline:none;
  }

  @media (max-width:820px){
    .mmr-radio-root .mmr-vote-inner{
      grid-template-columns:1fr !important;
      gap:14px !important;
      padding:58px 18px 18px !important;
    }

    .mmr-radio-root .mmr-vote-art{
      width:min(240px,68vw) !important;
      max-width:240px !important;
      margin:0 auto !important;
    }

    .mmr-radio-root .mmr-vote-body{
      text-align:center !important;
    }

    .mmr-radio-root .mmr-vote-title,
    .mmr-radio-root .mmr-vote-song,
    .mmr-radio-root .mmr-vote-status{
      text-align:center !important;
    }
  }

  @media (max-width:700px){
    .mmr-radio-root .mmr-vote-overlay.active{
      align-items:flex-start !important;
      justify-content:center !important;
      padding-top:calc(var(--mmr-mobile-header-clearance) + 10px + env(safe-area-inset-top, 0px)) !important;
      padding-right:10px !important;
      padding-bottom:calc(12px + env(safe-area-inset-bottom, 0px)) !important;
      padding-left:10px !important;
    }

    .mmr-radio-root .mmr-vote-card{
      width:calc(100vw - 20px) !important;
      max-width:460px !important;
      max-height:calc(100vh - var(--mmr-mobile-header-clearance) - 28px) !important;
      max-height:calc(100dvh - var(--mmr-mobile-header-clearance) - 28px - env(safe-area-inset-top, 0px) - env(safe-area-inset-bottom, 0px)) !important;
      margin:0 auto !important;
      border-radius:18px !important;
    }

    .mmr-radio-root .mmr-vote-close{
      position:absolute !important;
      top:10px !important;
      right:10px !important;
      width:42px !important;
      height:42px !important;
      min-width:42px !important;
      min-height:42px !important;
      display:flex !important;
      align-items:center !important;
      justify-content:center !important;
      border-radius:50% !important;
      border:1px solid rgba(255,255,255,.28) !important;
      background:rgba(0,0,0,.86) !important;
      color:#fff !important;
      font-size:30px !important;
      line-height:1 !important;
      box-shadow:0 8px 24px rgba(0,0,0,.45), 0 0 18px rgba(106,13,173,.24) !important;
    }

    .mmr-radio-root .mmr-vote-inner{
      padding:58px 12px 14px !important;
      gap:11px !important;
    }

    .mmr-radio-root .mmr-vote-art{
      width:min(190px,60vw) !important;
      max-width:190px !important;
      border-radius:15px !important;
    }

    .mmr-radio-root .mmr-vote-title{
      font-size:clamp(23px,8vw,32px) !important;
      line-height:1 !important;
    }

    .mmr-radio-root .mmr-vote-song{
      font-size:12.5px !important;
      line-height:1.35 !important;
    }

    .mmr-radio-root .mmr-vote-choice{
      min-height:54px !important;
      padding:8px 6px !important;
      font-size:12px !important;
      line-height:1.15 !important;
    }

    .mmr-radio-root .mmr-vote-actions{
      grid-template-columns:1fr !important;
      gap:8px !important;
    }

    .mmr-radio-root .mmr-vote-send,
    .mmr-radio-root .mmr-vote-requestbtn,
    .mmr-radio-root .mmr-vote-discoverbtn,
    .mmr-radio-root .mmr-vote-bottom-close{
      min-height:40px !important;
      padding:9px 10px !important;
      font-size:10.5px !important;
      letter-spacing:.055em !important;
    }

    .mmr-radio-root .mmr-vote-bottom-close{
      display:flex !important;
    }
  }

  @media (max-width:390px){
    .mmr-radio-root{
      --mmr-mobile-header-clearance:60px;
    }

    .mmr-radio-root .mmr-vote-overlay.active{
      padding-top:calc(var(--mmr-mobile-header-clearance) + 8px + env(safe-area-inset-top, 0px)) !important;
      padding-right:8px !important;
      padding-left:8px !important;
    }

    .mmr-radio-root .mmr-vote-card{
      width:calc(100vw - 16px) !important;
    }

    .mmr-radio-root .mmr-vote-inner{
      padding:56px 10px 12px !important;
    }

    .mmr-radio-root .mmr-vote-options,
    .mmr-radio-root .mmr-discovery-links{
      grid-template-columns:1fr !important;
    }

    .mmr-radio-root .mmr-vote-art{
      width:min(170px,56vw) !important;
      max-width:170px !important;
    }
  }



  /* ==========================================================
     LIVE DJ INTERACTION CARD
     Shows only when Azura live.is_live is true.
     ========================================================== */
  .mmr-radio-root .mmr-live-dj-card{
    display:grid;
    grid-template-columns:76px minmax(0,1fr) minmax(150px,190px);
    gap:11px;
    align-items:stretch;
    min-width:0;
    width:100%;
    padding:10px;
    border:1px solid rgba(176,92,255,.22);
    border-radius:13px;
    background:
      radial-gradient(circle at 0% 0%, rgba(176,92,255,.18), transparent 42%),
      linear-gradient(180deg, rgba(255,255,255,.032), rgba(255,255,255,.006)),
      rgba(10,13,18,.92);
    box-shadow:0 8px 20px rgba(0,0,0,.20), inset 0 0 0 1px rgba(255,255,255,.018);
    overflow:hidden;
    position:relative;
  }

  .mmr-radio-root .mmr-live-dj-card[hidden]{display:none !important;}

  .mmr-radio-root .mmr-live-dj-card::before{
    content:"";
    position:absolute;
    inset:-20%;
    pointer-events:none;
    background:linear-gradient(115deg, transparent 0%, transparent 42%, rgba(176,92,255,.10) 50%, transparent 58%, transparent 100%);
    opacity:.55;
    transform:translateX(-22%);
  }

  .mmr-radio-root .mmr-live-dj-art,
  .mmr-radio-root .mmr-live-dj-info,
  .mmr-radio-root .mmr-live-dj-actions{
    position:relative;
    z-index:1;
    min-width:0;
  }

  .mmr-radio-root .mmr-live-dj-art{
    border-radius:10px;
    overflow:hidden;
    background:#080a0f;
    border:1px solid rgba(176,92,255,.20);
    box-shadow:0 8px 16px rgba(0,0,0,.30), 0 0 16px rgba(106,13,173,.10);
  }

  .mmr-radio-root .mmr-live-dj-art img{
    width:100%;
    height:100%;
    min-height:76px;
    object-fit:cover;
    display:block;
  }

  .mmr-radio-root .mmr-live-dj-info{
    display:flex;
    flex-direction:column;
    justify-content:center;
    gap:4px;
  }

  .mmr-radio-root .mmr-live-dj-badge{
    display:inline-flex;
    width:max-content;
    max-width:100%;
    align-items:center;
    gap:6px;
    min-height:20px;
    padding:4px 8px;
    border-radius:999px;
    border:1px solid rgba(255,76,96,.30);
    background:linear-gradient(90deg, rgba(150,20,42,.32), rgba(106,13,173,.16));
    color:#fff;
    font-size:9px;
    line-height:1;
    font-weight:1000;
    letter-spacing:.10em;
    text-transform:uppercase;
  }

  .mmr-radio-root .mmr-live-dj-badge::before{
    content:"";
    width:7px;
    height:7px;
    border-radius:50%;
    background:#ff4c60;
    box-shadow:0 0 10px rgba(255,76,96,.82);
    animation:mmrSignalPulse 1.45s ease-in-out infinite;
  }

  .mmr-radio-root .mmr-live-dj-title{
    color:#fff;
    font-size:14px;
    line-height:1.15;
    font-weight:1000;
    letter-spacing:.05em;
    text-transform:uppercase;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
  }

  .mmr-radio-root .mmr-live-dj-name{
    color:#d9bbff;
    font-size:12px;
    line-height:1.2;
    font-weight:900;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
  }

  .mmr-radio-root .mmr-live-dj-desc{
    color:var(--mmr-text-caption);
    font-size:11px;
    line-height:1.25;
    font-weight:750;
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    overflow:hidden;
  }

  .mmr-radio-root .mmr-live-dj-now{
    display:flex;
    align-items:center;
    gap:6px;
    min-width:0;
    margin-top:2px;
    padding:5px 7px;
    border-radius:999px;
    border:1px solid rgba(176,92,255,.13);
    background:rgba(0,0,0,.20);
    color:var(--mmr-text-caption);
    font-size:10px;
    line-height:1.15;
    font-weight:850;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
  }

  .mmr-radio-root .mmr-live-dj-now strong{
    color:#fff;
    font-weight:950;
  }

  .mmr-radio-root .mmr-live-dj-actions{
    display:grid;
    grid-template-columns:1fr;
    gap:7px;
    align-content:center;
  }

  .mmr-radio-root .mmr-live-dj-action{
    display:flex;
    align-items:center;
    gap:7px;
    width:100%;
    min-width:0;
    min-height:34px;
    padding:6px 8px;
    border-radius:11px;
    border:1px solid rgba(176,92,255,.18);
    background:rgba(12,15,20,.84);
    color:#fff;
    cursor:pointer;
    text-align:left;
    transition:transform .16s ease,border-color .16s ease,background .16s ease,box-shadow .16s ease;
    touch-action:manipulation;
  }

  .mmr-radio-root .mmr-live-dj-action:hover,
  .mmr-radio-root .mmr-live-dj-action:focus-visible{
    transform:translateY(-1px);
    border-color:#b05cff;
    background:linear-gradient(180deg, rgba(106,13,173,.32), rgba(12,15,20,.94));
    box-shadow:0 0 12px rgba(106,13,173,.14);
    outline:none;
  }

  .mmr-radio-root .mmr-live-dj-action-icon{
    width:22px;
    height:22px;
    flex:0 0 22px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    border-radius:50%;
    background:rgba(106,13,173,.30);
    font-size:12px;
    line-height:1;
  }

  .mmr-radio-root .mmr-live-dj-action-text{
    min-width:0;
    display:flex;
    flex-direction:column;
    gap:1px;
  }

  .mmr-radio-root .mmr-live-dj-action-main{
    font-size:10px;
    line-height:1.05;
    font-weight:1000;
    letter-spacing:.06em;
    text-transform:uppercase;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
  }

  .mmr-radio-root .mmr-live-dj-action-sub{
    color:var(--mmr-text-caption);
    font-size:9px;
    line-height:1.05;
    font-weight:800;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
  }

  .mmr-radio-root .mmr-live-dj-mobile{
    grid-template-columns:1fr;
    gap:0;
    padding:0;
    border-radius:16px;
  }

  .mmr-radio-root .mmr-live-dj-mobile .mmr-live-dj-art{
    border:0;
    border-radius:0;
    aspect-ratio:16/10;
  }

  .mmr-radio-root .mmr-live-dj-mobile .mmr-live-dj-art img{
    min-height:0;
  }

  .mmr-radio-root .mmr-live-dj-mobile .mmr-live-dj-info{
    padding:12px 12px 8px;
    text-align:left;
  }

  .mmr-radio-root .mmr-live-dj-mobile .mmr-live-dj-title{
    font-size:16px;
    white-space:normal;
  }

  .mmr-radio-root .mmr-live-dj-mobile .mmr-live-dj-name{
    font-size:13px;
    white-space:normal;
  }

  .mmr-radio-root .mmr-live-dj-mobile .mmr-live-dj-desc{
    -webkit-line-clamp:3;
  }

  .mmr-radio-root .mmr-live-dj-mobile .mmr-live-dj-actions{
    padding:0 12px 12px;
    gap:7px;
  }

  .mmr-radio-root .mmr-live-dj-mobile .mmr-live-dj-action{
    min-height:44px;
    border-radius:13px;
  }

  .mmr-radio-root .mmr-live-dj-mobile .mmr-live-dj-action-main{
    font-size:11px;
  }

  .mmr-radio-root .mmr-live-dj-mobile .mmr-live-dj-action-sub{
    font-size:10px;
  }

  .mmr-radio-root .mmr-dj-action-overlay{
    display:none;
    position:fixed;
    inset:0;
    z-index:2147483100;
    align-items:center;
    justify-content:center;
    padding:16px;
    background:rgba(0,0,0,.88);
  }

  .mmr-radio-root .mmr-dj-action-overlay.active{
    display:flex;
  }

  .mmr-radio-root .mmr-dj-action-card{
    width:min(560px, calc(100vw - 24px));
    max-height:calc(100dvh - 24px);
    overflow:auto;
    border:1px solid rgba(176,92,255,.38);
    border-radius:20px;
    background:
      radial-gradient(circle at 20% 0%, rgba(176,92,255,.24), transparent 36%),
      linear-gradient(180deg, #11151d, #080a0f);
    box-shadow:0 22px 70px rgba(0,0,0,.78),0 0 34px rgba(106,13,173,.20);
    color:var(--mmr-text-primary);
    position:relative;
    padding:18px;
  }

  .mmr-radio-root .mmr-dj-action-close{
    position:absolute;
    right:12px;
    top:12px;
    width:38px;
    height:38px;
    border-radius:50%;
    border:1px solid rgba(255,255,255,.16);
    background:rgba(0,0,0,.62);
    color:#fff;
    font-size:26px;
    line-height:1;
    cursor:pointer;
  }

  .mmr-radio-root .mmr-dj-action-close:hover,
  .mmr-radio-root .mmr-dj-action-close:focus-visible{
    background:var(--mmr-accent-purple);
    outline:none;
  }

  .mmr-radio-root .mmr-dj-action-kicker{
    margin-right:44px;
    color:#d9bbff;
    font-size:10px;
    line-height:1;
    font-weight:1000;
    letter-spacing:.16em;
    text-transform:uppercase;
  }

  .mmr-radio-root .mmr-dj-action-title{
    margin:8px 44px 6px 0;
    color:#fff;
    font-size:clamp(24px, 5vw, 38px);
    line-height:1;
    font-weight:1000;
    letter-spacing:.045em;
    text-transform:uppercase;
  }

  .mmr-radio-root .mmr-dj-action-intro{
    margin:0 0 14px;
    color:var(--mmr-text-caption);
    font-size:13px;
    line-height:1.4;
    font-weight:800;
  }

  .mmr-radio-root .mmr-dj-action-form{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:10px;
  }

  .mmr-radio-root .mmr-dj-action-field{
    display:flex;
    flex-direction:column;
    gap:5px;
    min-width:0;
    color:var(--mmr-text-caption);
    font-size:11px;
    line-height:1.2;
    font-weight:900;
    letter-spacing:.06em;
    text-transform:uppercase;
  }

  .mmr-radio-root .mmr-dj-action-field.is-wide{
    grid-column:1 / -1;
  }

  .mmr-radio-root .mmr-dj-action-field[hidden]{display:none !important;}

  .mmr-radio-root .mmr-dj-action-field input,
  .mmr-radio-root .mmr-dj-action-field textarea{
    width:100%;
    border:1px solid rgba(176,92,255,.20);
    border-radius:13px;
    background:rgba(12,15,20,.90);
    color:#fff;
    padding:10px 11px;
    font:inherit;
    font-size:13px;
    line-height:1.35;
    text-transform:none;
    letter-spacing:0;
    outline:none;
  }

  .mmr-radio-root .mmr-dj-action-field textarea{
    min-height:110px;
    resize:vertical;
  }

  .mmr-radio-root .mmr-dj-action-field input:focus,
  .mmr-radio-root .mmr-dj-action-field textarea:focus{
    border-color:#b05cff;
    box-shadow:0 0 0 2px rgba(176,92,255,.12);
  }

  .mmr-radio-root .mmr-dj-action-buttons{
    grid-column:1 / -1;
    display:flex;
    gap:10px;
    flex-wrap:wrap;
    margin-top:2px;
  }

  .mmr-radio-root .mmr-dj-action-send,
  .mmr-radio-root .mmr-dj-action-cancel{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:44px;
    padding:10px 15px;
    border-radius:999px;
    border:1px solid rgba(176,92,255,.32);
    color:#fff;
    font-size:12px;
    line-height:1.2;
    font-weight:1000;
    letter-spacing:.08em;
    text-transform:uppercase;
    cursor:pointer;
  }

  .mmr-radio-root .mmr-dj-action-send{
    flex:1 1 190px;
    background:linear-gradient(180deg, rgba(176,92,255,.46), rgba(106,13,173,.28));
  }

  .mmr-radio-root .mmr-dj-action-cancel{
    flex:0 0 auto;
    background:rgba(12,15,20,.92);
  }

  .mmr-radio-root .mmr-dj-action-send:disabled{
    opacity:.55;
    cursor:not-allowed;
  }

  .mmr-radio-root .mmr-dj-action-status{
    grid-column:1 / -1;
    min-height:18px;
    color:#d9bbff;
    font-size:12px;
    line-height:1.35;
    font-weight:850;
  }

  .mmr-radio-root .mmr-dj-action-status.is-success{
    padding:10px 12px;
    border-radius:13px;
    border:1px solid rgba(176,92,255,.30);
    background:rgba(106,13,173,.16);
    color:#fff;
  }

  .mmr-radio-root .mmr-dj-action-honey{
    position:absolute !important;
    left:-9999px !important;
    width:1px !important;
    height:1px !important;
    opacity:0 !important;
    pointer-events:none !important;
  }

  @media (max-width:1024px){
    .mmr-radio-root .mmr-live-dj-card{
      grid-template-columns:1fr;
    }
  }

  @media (max-width:700px){
    .mmr-radio-root .mmr-dj-action-overlay{
      align-items:flex-start;
      padding:calc(12px + env(safe-area-inset-top, 0px)) 10px calc(12px + env(safe-area-inset-bottom, 0px));
    }

    .mmr-radio-root .mmr-dj-action-card{
      width:calc(100vw - 20px);
      max-height:calc(100dvh - 24px);
      border-radius:18px;
      padding:16px 14px;
    }

    .mmr-radio-root .mmr-dj-action-form{
      grid-template-columns:1fr;
    }

    .mmr-radio-root .mmr-dj-action-buttons{
      flex-direction:column;
    }

    .mmr-radio-root .mmr-dj-action-send,
    .mmr-radio-root .mmr-dj-action-cancel{
      width:100%;
    }
  }


  /* Vote popup actions: no View Cover button */
  .mmr-radio-root .mmr-vote-actions{
    grid-template-columns:1fr !important;
  }

  .mmr-radio-root .mmr-vote-send,
  .mmr-radio-root .mmr-vote-requestbtn,
  .mmr-radio-root .mmr-vote-discoverbtn,
  .mmr-radio-root .mmr-vote-savebtn,
  .mmr-radio-root .mmr-vote-bottom-close{
    grid-column:1 / -1 !important;
    width:100% !important;
  }



  /* ==========================================================
     MMR BROADCAST CONSOLE REDESIGN - IDEA #1
     Album + stream + volume on the left rail.
     Playback, EQ, and live DJ / coming-up console on the right.
     Desktop first, phone/tablet keeps the safe stacked layout.
     ========================================================== */
  .mmr-radio-root{
    --mmr-cover:clamp(210px, 19vw, 270px);
    --mmr-eq-height:126px;
  }

  .mmr-radio-root .mmr-wrap{
    max-width:1280px !important;
    padding:14px 14px !important;
  }

  .mmr-radio-root .mmr-container{
    gap:14px !important;
  }

  .mmr-radio-root .mmr-row-top{
    display:grid !important;
    grid-template-columns:minmax(210px, var(--mmr-cover)) minmax(0, 1fr) !important;
    align-items:stretch !important;
    gap:14px !important;
    padding:14px !important;
    border-radius:18px !important;
    overflow:hidden !important;
    background:
      radial-gradient(circle at 10% 0%, rgba(176,92,255,.18), transparent 31%),
      radial-gradient(circle at 94% 20%, rgba(125,255,215,.075), transparent 30%),
      linear-gradient(180deg, rgba(255,255,255,.040), rgba(255,255,255,.006)),
      rgba(7,9,13,.96) !important;
  }

  .mmr-radio-root .mmr-leftcol{
    display:grid !important;
    grid-template-rows:auto auto auto !important;
    align-content:start !important;
    align-items:stretch !important;
    gap:10px !important;
    width:100% !important;
    max-width:none !important;
    margin:0 !important;
    padding:0 !important;
  }

  .mmr-radio-root .mmr-art{
    width:100% !important;
    min-width:0 !important;
    border-radius:15px !important;
    border-color:rgba(176,92,255,.30) !important;
    box-shadow:
      0 10px 24px rgba(0,0,0,.30),
      0 0 0 1px rgba(255,255,255,.024) inset,
      0 0 24px rgba(106,13,173,.17) !important;
  }

  .mmr-radio-root .mmr-art img{
    filter:saturate(1.08) contrast(1.04) !important;
  }

  .mmr-radio-root .mmr-streams{
    display:grid !important;
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
    gap:8px !important;
    width:100% !important;
  }

  .mmr-radio-root .mmr-stream-btn{
    width:100% !important;
    min-height:32px !important;
    padding:6px 8px !important;
    font-size:11px !important;
    text-align:center !important;
  }

  .mmr-radio-root .mmr-vol-desktop-rail{
    display:grid !important;
    grid-template-columns:auto minmax(0,1fr) auto auto !important;
    align-items:center !important;
    gap:9px !important;
    width:100% !important;
    min-height:70px !important;
    padding:12px 12px !important;
    border-radius:14px !important;
    border-color:rgba(176,92,255,.24) !important;
    background:
      radial-gradient(circle at 0% 0%, rgba(176,92,255,.20), transparent 52%),
      linear-gradient(180deg, rgba(255,255,255,.035), rgba(255,255,255,.006)),
      rgba(12,15,20,.78) !important;
    box-shadow:inset 0 0 0 1px rgba(255,255,255,.02), 0 8px 18px rgba(0,0,0,.18) !important;
  }

  .mmr-radio-root .mmr-vol-desktop-rail label{
    font-size:11px !important;
    letter-spacing:.10em !important;
    text-transform:uppercase !important;
    color:#fff !important;
  }

  .mmr-radio-root .mmr-vol-desktop-rail .mmr-vol-read{
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    min-width:28px !important;
    min-height:28px !important;
    border-radius:50% !important;
    background:rgba(0,0,0,.32) !important;
    border:1px solid rgba(176,92,255,.20) !important;
    color:#fff !important;
  }

  .mmr-radio-root .mmr-left{
    display:grid !important;
    grid-template-rows:auto auto minmax(0, auto) !important;
    gap:12px !important;
    min-width:0 !important;
    padding:0 !important;
  }

  .mmr-radio-root .mmr-topline{
    min-height:82px !important;
    align-items:center !important;
    padding:10px 12px !important;
    border-radius:16px !important;
    background:
      radial-gradient(circle at 0% 0%, rgba(176,92,255,.16), transparent 38%),
      linear-gradient(180deg, rgba(255,255,255,.028), rgba(255,255,255,.006)),
      rgba(7,9,13,.64) !important;
  }

  .mmr-radio-root .mmr-pp{
    width:50px !important;
    height:50px !important;
    flex-basis:50px !important;
    box-shadow:0 8px 18px rgba(0,0,0,.30), 0 0 22px rgba(106,13,173,.24) !important;
  }

  .mmr-radio-root .mmr-np{
    font-size:clamp(16px, 1.45vw, 20px) !important;
    line-height:1.18 !important;
  }

  .mmr-radio-root .mmr-note-inline{
    font-size:12px !important;
  }

  .mmr-radio-root .mmr-eq-shell{
    height:var(--mmr-eq-height) !important;
    border-radius:15px !important;
    border-color:rgba(176,92,255,.24) !important;
    background:
      radial-gradient(circle at 0% 100%, rgba(176,92,255,.11), transparent 36%),
      linear-gradient(180deg, rgba(255,255,255,.025), rgba(255,255,255,0)),
      rgba(7,9,13,.86) !important;
  }

  .mmr-radio-root .mmr-lower-desktop{
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:0 !important;
    align-items:stretch !important;
    min-width:0 !important;
  }

  .mmr-radio-root .mmr-lower-desktop > .mmr-vol{
    display:none !important;
  }

  .mmr-radio-root .mmr-upnext{
    width:100% !important;
    min-height:96px !important;
    border-radius:16px !important;
    padding:12px !important;
    border-color:rgba(176,92,255,.24) !important;
    background:
      radial-gradient(circle at 0% 0%, rgba(176,92,255,.18), transparent 42%),
      linear-gradient(180deg, rgba(255,255,255,.032), rgba(255,255,255,.006)),
      rgba(10,13,18,.88) !important;
  }

  .mmr-radio-root .mmr-upnext-thumb{
    width:68px !important;
    height:68px !important;
    flex-basis:68px !important;
    border-radius:12px !important;
  }

  .mmr-radio-root .mmr-upnext-title{
    font-size:15px !important;
    font-weight:1000 !important;
    letter-spacing:.045em !important;
    text-transform:uppercase !important;
    color:#fff !important;
  }

  .mmr-radio-root .mmr-upnext-sub{
    font-size:12px !important;
    color:var(--mmr-text-caption) !important;
  }

  .mmr-radio-root .mmr-live-dj-card.mmr-live-dj-console{
    display:grid !important;
    grid-template-columns:96px minmax(0, 1fr) minmax(390px, .92fr) !important;
    gap:12px !important;
    align-items:stretch !important;
    min-height:108px !important;
    padding:12px !important;
    border-radius:16px !important;
    border-color:rgba(176,92,255,.34) !important;
    background:
      radial-gradient(circle at 0% 0%, rgba(176,92,255,.22), transparent 38%),
      radial-gradient(circle at 100% 110%, rgba(125,255,215,.08), transparent 36%),
      linear-gradient(180deg, rgba(255,255,255,.035), rgba(255,255,255,.006)),
      rgba(10,13,18,.88) !important;
    box-shadow:0 10px 22px rgba(0,0,0,.22), inset 0 0 0 1px rgba(255,255,255,.02) !important;
  }

  .mmr-radio-root .mmr-live-dj-card.mmr-live-dj-console::before{
    opacity:.38 !important;
  }

  .mmr-radio-root .mmr-live-dj-card.mmr-live-dj-console .mmr-live-dj-art{
    width:96px !important;
    min-height:96px !important;
    border-radius:13px !important;
  }

  .mmr-radio-root .mmr-live-dj-card.mmr-live-dj-console .mmr-live-dj-art img{
    min-height:96px !important;
    object-fit:cover !important;
  }

  .mmr-radio-root .mmr-live-dj-headline{
    display:flex !important;
    align-items:center !important;
    gap:8px !important;
    min-width:0 !important;
  }

  .mmr-radio-root .mmr-live-dj-card.mmr-live-dj-console .mmr-live-dj-badge{
    flex:0 0 auto !important;
    min-height:22px !important;
    padding:5px 9px !important;
  }

  .mmr-radio-root .mmr-live-dj-card.mmr-live-dj-console .mmr-live-dj-title{
    font-size:16px !important;
    line-height:1.1 !important;
    white-space:nowrap !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
  }

  .mmr-radio-root .mmr-live-dj-card.mmr-live-dj-console .mmr-live-dj-name{
    font-size:12px !important;
    line-height:1.25 !important;
    color:#d9bbff !important;
  }

  .mmr-radio-root .mmr-live-dj-card.mmr-live-dj-console .mmr-live-dj-desc{
    display:none !important;
  }

  .mmr-radio-root .mmr-live-dj-card.mmr-live-dj-console .mmr-live-dj-now{
    margin-top:6px !important;
    min-height:32px !important;
    padding:7px 10px !important;
    border-radius:999px !important;
    background:rgba(0,0,0,.26) !important;
    border-color:rgba(176,92,255,.20) !important;
    color:#fff !important;
  }

  .mmr-radio-root .mmr-live-dj-card.mmr-live-dj-console .mmr-live-dj-actions{
    display:grid !important;
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
    gap:9px !important;
    align-content:stretch !important;
  }

  .mmr-radio-root .mmr-live-dj-card.mmr-live-dj-console .mmr-live-dj-action{
    min-height:86px !important;
    flex-direction:column !important;
    justify-content:center !important;
    align-items:center !important;
    gap:7px !important;
    text-align:center !important;
    padding:10px 8px !important;
    border-radius:14px !important;
    background:
      radial-gradient(circle at 50% 0%, rgba(176,92,255,.16), transparent 52%),
      rgba(12,15,20,.78) !important;
  }

  .mmr-radio-root .mmr-live-dj-card.mmr-live-dj-console .mmr-live-dj-action-icon{
    width:32px !important;
    height:32px !important;
    flex-basis:32px !important;
    font-size:15px !important;
  }

  .mmr-radio-root .mmr-live-dj-card.mmr-live-dj-console .mmr-live-dj-action-text{
    align-items:center !important;
    width:100% !important;
  }

  .mmr-radio-root .mmr-live-dj-card.mmr-live-dj-console .mmr-live-dj-action-main{
    font-size:10.5px !important;
    line-height:1.1 !important;
  }

  .mmr-radio-root .mmr-live-dj-card.mmr-live-dj-console .mmr-live-dj-action-sub{
    max-width:100% !important;
    font-size:9px !important;
  }

  @media (max-width:1280px){
    .mmr-radio-root .mmr-live-dj-card.mmr-live-dj-console{
      grid-template-columns:86px minmax(0,1fr) minmax(330px,.88fr) !important;
    }

    .mmr-radio-root .mmr-live-dj-card.mmr-live-dj-console .mmr-live-dj-art,
    .mmr-radio-root .mmr-live-dj-card.mmr-live-dj-console .mmr-live-dj-art img{
      width:86px !important;
      min-height:86px !important;
    }

    .mmr-radio-root .mmr-live-dj-card.mmr-live-dj-console .mmr-live-dj-action{
      min-height:78px !important;
    }
  }

  @media (max-width:1080px){
    .mmr-radio-root .mmr-live-dj-card.mmr-live-dj-console{
      grid-template-columns:82px minmax(0,1fr) !important;
    }

    .mmr-radio-root .mmr-live-dj-card.mmr-live-dj-console .mmr-live-dj-actions{
      grid-column:1 / -1 !important;
      grid-template-columns:repeat(3,minmax(0,1fr)) !important;
    }

    .mmr-radio-root .mmr-live-dj-card.mmr-live-dj-console .mmr-live-dj-action{
      min-height:58px !important;
      flex-direction:row !important;
      text-align:left !important;
      justify-content:flex-start !important;
    }

    .mmr-radio-root .mmr-live-dj-card.mmr-live-dj-console .mmr-live-dj-action-text{
      align-items:flex-start !important;
    }
  }

  @media (max-width:1024px){
    .mmr-radio-root{
      --mmr-cover:clamp(180px,62vw,360px);
      --mmr-eq-height:104px;
    }

    .mmr-radio-root .mmr-row-top{
      grid-template-columns:1fr !important;
    }

    .mmr-radio-root .mmr-leftcol{
      max-width:360px !important;
      margin:0 auto !important;
    }

    .mmr-radio-root .mmr-vol-desktop-rail{
      display:none !important;
    }

    .mmr-radio-root .mmr-left{
      display:flex !important;
      flex-direction:column !important;
      gap:10px !important;
    }
  }

  @media (max-width:700px){
    .mmr-radio-root .mmr-topline{
      min-height:0 !important;
    }

    .mmr-radio-root .mmr-live-dj-mobile{
      border-radius:16px !important;
      overflow:hidden !important;
    }

    .mmr-radio-root .mmr-live-dj-mobile .mmr-live-dj-headline{
      display:flex !important;
      flex-direction:column !important;
      align-items:flex-start !important;
      gap:6px !important;
    }

    .mmr-radio-root .mmr-live-dj-mobile .mmr-live-dj-desc{
      display:none !important;
    }
  }



  /* ==========================================================
     MMR FINAL CLEANUP / SAFETY PASS
     Keeps the finished design intact while preventing hidden
     live-DJ cards, modal overflow, and mobile tap issues.
     ========================================================== */
  .mmr-radio-root [data-mmr-id="mmrLiveDjCard"][hidden],
  .mmr-radio-root [data-mmr-id="mmrLiveDjCardMobile"][hidden],
  .mmr-radio-root .mmr-live-dj-card[hidden]{
    display:none !important;
  }

  .mmr-radio-root .mmr-vote-overlay,
  .mmr-radio-root .mmr-dj-action-overlay{
    box-sizing:border-box !important;
  }

  .mmr-radio-root .mmr-vote-card,
  .mmr-radio-root .mmr-dj-action-card{
    max-width:calc(100vw - 20px) !important;
  }

  .mmr-radio-root .mmr-vote-close,
  .mmr-radio-root .mmr-dj-action-close,
  .mmr-radio-root .mmr-vote-bottom-close,
  .mmr-radio-root .mmr-live-dj-action,
  .mmr-radio-root .mmr-stream-btn,
  .mmr-radio-root .mmr-btn{
    touch-action:manipulation;
  }

  @media (max-width:700px){
    .mmr-radio-root [data-mmr-id="mmrLiveDjCard"][hidden],
    .mmr-radio-root [data-mmr-id="mmrLiveDjCardMobile"][hidden],
    .mmr-radio-root .mmr-live-dj-card[hidden]{
      display:none !important;
    }

    .mmr-radio-root .mmr-vote-overlay.active,
    .mmr-radio-root .mmr-dj-action-overlay.active{
      width:100vw !important;
      max-width:100vw !important;
    }
  }

  /* ==========================================================
     MMR VERIFIED DEVICE CLEANUP LAYER
     Last CSS layer: keeps desktop/tablet/phone layouts separated,
     prevents duplicate cards, and protects modals/carousels from
     horizontal overflow inside Joomla / SP Page Builder containers.
     ========================================================== */

  .mmr-radio-root{
    max-width:100% !important;
    overflow-x:hidden !important;
  }

  .mmr-radio-root .mmr-wrap, .mmr-radio-root .mmr-container, .mmr-radio-root .mmr-row-top, .mmr-radio-root .mmr-card, .mmr-radio-root .mmr-left, .mmr-radio-root .mmr-leftcol, .mmr-radio-root .npStack, .mmr-radio-root .mmr-phone-stack, .mmr-radio-root .mmr-upnext, .mmr-radio-root .mmr-live-dj-card{
    min-width:0 !important;
    max-width:100% !important;
  }

  .mmr-radio-root img,
  .mmr-radio-root canvas,
  .mmr-radio-root audio{
    max-width:100% !important;
  }

  .mmr-radio-root [data-mmr-id="mmrLiveDjCard"][hidden],
  .mmr-radio-root [data-mmr-id="mmrLiveDjCardMobile"][hidden],
  .mmr-radio-root .mmr-live-dj-card[hidden]{
    display:none !important;
  }

  @media (min-width:1025px){
    .mmr-radio-root .mmr-row-top{
      grid-template-columns:minmax(210px, var(--mmr-cover)) minmax(0, 1fr) !important;
    }

    .mmr-radio-root .mmr-phone-only{
      display:none !important;
      visibility:hidden !important;
    }

    .mmr-radio-root .mmr-lower-desktop{
      display:grid !important;
      visibility:visible !important;
    }

    .mmr-radio-root .mmr-vol-desktop-rail{
      display:grid !important;
      visibility:visible !important;
    }
  }

  @media (max-width:1024px){
    .mmr-radio-root .mmr-row-top{
      grid-template-columns:1fr !important;
    }

    .mmr-radio-root .mmr-leftcol{
      width:100% !important;
      max-width:360px !important;
      margin-left:auto !important;
      margin-right:auto !important;
    }

    .mmr-radio-root .mmr-lower-desktop,
    .mmr-radio-root .mmr-vol-desktop-rail{
      display:none !important;
      visibility:hidden !important;
    }

    .mmr-radio-root .mmr-phone-only{
      display:block !important;
      visibility:visible !important;
    }

    .mmr-radio-root .mmr-actions{
      display:none !important;
    }
  }

  @media (max-width:700px){
    .mmr-radio-root .mmr-wrap{
      padding-left:8px !important;
      padding-right:8px !important;
    }

    .mmr-radio-root .mmr-row-top{
      padding:10px !important;
      gap:10px !important;
    }

    .mmr-radio-root .mmr-leftcol{
      max-width:330px !important;
    }

    .mmr-radio-root .mmr-topline{
      flex-wrap:nowrap !important;
      align-items:flex-start !important;
      gap:8px !important;
    }

    .mmr-radio-root .npStack{
      flex:1 1 auto !important;
      min-width:0 !important;
    }

    .mmr-radio-root .mmr-np,
    .mmr-radio-root .mmr-note-inline,
    .mmr-radio-root .mmr-upnext-title,
    .mmr-radio-root .mmr-upnext-sub,
    .mmr-radio-root .mmr-live-dj-title,
    .mmr-radio-root .mmr-live-dj-name,
    .mmr-radio-root .mmr-live-dj-now{
      overflow-wrap:anywhere !important;
    }

    .mmr-radio-root .mmr-vote-overlay.active,
    .mmr-radio-root .mmr-dj-action-overlay.active{
      width:100vw !important;
      max-width:100vw !important;
      overflow:hidden !important;
    }

    .mmr-radio-root .mmr-vote-card,
    .mmr-radio-root .mmr-dj-action-card{
      width:calc(100vw - 20px) !important;
      max-width:460px !important;
      overflow-x:hidden !important;
    }

    .mmr-radio-root .mmr-vote-inner,
    .mmr-radio-root .mmr-dj-action-form,
    .mmr-radio-root .mmr-vote-body,
    .mmr-radio-root .mmr-vote-actions,
    .mmr-radio-root .mmr-vote-options{
      min-width:0 !important;
      max-width:100% !important;
    }
  }

  @media (max-width:390px){
    .mmr-radio-root .mmr-wrap{
      padding-left:6px !important;
      padding-right:6px !important;
    }

    .mmr-radio-root .mmr-leftcol{
      max-width:100% !important;
    }

    .mmr-radio-root .mmr-vote-card,
    .mmr-radio-root .mmr-dj-action-card{
      width:calc(100vw - 16px) !important;
    }
  }



  /* ==========================================================
     MMR SKINNY PLAYER OVERRIDE
     Keeps the same full section width, but trims the desktop
     player height, padding, album rail, EQ, volume, and up-next
     card so the broadcast console feels leaner.
     Phone/tablet layouts remain protected by the existing rules.
     ========================================================== */
  @media (min-width:1025px){
    .mmr-radio-root{
      --mmr-cover:clamp(180px, 16vw, 220px) !important;
      --mmr-eq-height:118px !important;
      --mmr-gap:10px !important;
    }

    .mmr-radio-root .mmr-wrap{
      padding-top:10px !important;
      padding-bottom:10px !important;
    }

    .mmr-radio-root .mmr-container{
      gap:12px !important;
    }

    .mmr-radio-root .mmr-row-top{
      grid-template-columns:minmax(180px, var(--mmr-cover)) minmax(0, 1fr) !important;
      gap:10px !important;
      padding:10px !important;
      border-radius:16px !important;
      align-items:stretch !important;
    }

    .mmr-radio-root .mmr-row-top::after{
      inset:5px !important;
      border-radius:12px !important;
    }

    .mmr-radio-root .mmr-leftcol{
      gap:7px !important;
    }

    .mmr-radio-root .mmr-art{
      border-radius:12px !important;
    }

    .mmr-radio-root .mmr-art-badge{
      top:6px !important;
      left:6px !important;
      min-height:18px !important;
      padding:3px 7px !important;
      font-size:7.8px !important;
      letter-spacing:.12em !important;
    }

    .mmr-radio-root .mmr-art-badge::before{
      width:5px !important;
      height:5px !important;
    }

    .mmr-radio-root .mmr-art-votehint{
      left:6px !important;
      right:6px !important;
      bottom:6px !important;
      padding:7px 6px 6px !important;
      font-size:7.8px !important;
      letter-spacing:.09em !important;
    }

    .mmr-radio-root .mmr-streams{
      gap:5px !important;
    }

    .mmr-radio-root .mmr-stream-btn{
      min-height:26px !important;
      padding:4px 7px !important;
      font-size:9.5px !important;
      line-height:1 !important;
      border-radius:999px !important;
    }

    .mmr-radio-root .mmr-stream-btn.active,
    .mmr-radio-root .mmr-stream-btn.is-selected,
    .mmr-radio-root .mmr-stream-btn[aria-pressed="true"],
    .mmr-radio-root .mmr-stream-btn[aria-current="true"]{
      background:linear-gradient(180deg, #8d34ff, #6A0DAD) !important;
      border-color:#c79cff !important;
      color:#fff !important;
      box-shadow:0 0 0 1px rgba(255,255,255,.12) inset, 0 0 14px rgba(106,13,173,.35) !important;
    }

    .mmr-radio-root .mmr-vol-desktop-rail{
      min-height:44px !important;
      padding:7px 8px !important;
      gap:7px !important;
      border-radius:12px !important;
    }

    .mmr-radio-root .mmr-vol-desktop-rail label{
      font-size:9px !important;
      letter-spacing:.09em !important;
    }

    .mmr-radio-root .mmr-vol input[type="range"]{
      height:5px !important;
    }

    .mmr-radio-root .mmr-vol input[type="range"]::-webkit-slider-thumb{
      width:14px !important;
      height:14px !important;
      box-shadow:0 0 0 3px rgba(123,44,245,.22) !important;
    }

    .mmr-radio-root .mmr-vol input[type="range"]::-moz-range-thumb{
      width:14px !important;
      height:14px !important;
    }

    .mmr-radio-root .mmr-vol-desktop-rail .mmr-vol-read{
      min-width:22px !important;
      min-height:22px !important;
      font-size:10px !important;
    }

    .mmr-radio-root .mmr-mute{
      min-height:24px !important;
      padding:4px 8px !important;
      font-size:10px !important;
    }

    .mmr-radio-root .mmr-left{
      gap:8px !important;
      grid-template-rows:auto auto auto !important;
    }

    .mmr-radio-root .mmr-topline{
      min-height:44px !important;
      padding:5px 8px !important;
      gap:7px !important;
      border-radius:12px !important;
    }

    .mmr-radio-root .mmr-pp{
      width:40px !important;
      height:40px !important;
      flex-basis:40px !important;
    }

    .mmr-radio-root .mmr-pp svg{
      width:15px !important;
      height:15px !important;
    }

    .mmr-radio-root .npStack{
      gap:1px !important;
    }

    .mmr-radio-root .mmr-np{
      font-size:clamp(12.5px, 1.1vw, 15px) !important;
      line-height:1.08 !important;
    }

    .mmr-radio-root .mmr-note-inline{
      font-size:9.8px !important;
      line-height:1.08 !important;
    }

    .mmr-radio-root .mmr-reaction-row{
      min-height:0 !important;
      margin:0 !important;
      gap:5px !important;
    }

    .mmr-radio-root .mmr-crowd-badge{
      min-height:16px !important;
      padding:2px 6px !important;
      font-size:8.2px !important;
    }

    .mmr-radio-root .mmr-crowd-stats{
      font-size:9px !important;
    }

    .mmr-radio-root .mmr-share{
      gap:5px !important;
    }

    .mmr-radio-root .mmr-btn{
      min-height:24px !important;
      padding:4px 8px !important;
      font-size:9.5px !important;
    }

    .mmr-radio-root .mmr-eq-shell{
      height:var(--mmr-eq-height) !important;
      border-radius:12px !important;
    }

    .mmr-radio-root .mmr-signal-chip{
      top:6px !important;
      left:6px !important;
      min-height:14px !important;
      padding:2px 5px !important;
      gap:3px !important;
    }

    .mmr-radio-root .mmr-signal-dot{
      width:4px !important;
      height:4px !important;
      flex-basis:4px !important;
    }

    .mmr-radio-root .mmr-signal-text{
      font-size:6px !important;
    }

    .mmr-radio-root .mmr-eq-head{
      top:6px !important;
      right:6px !important;
    }

    .mmr-radio-root .mmr-eq-cycle-btn{
      min-height:16px !important;
      padding:2px 4px !important;
      gap:3px !important;
    }

    .mmr-radio-root .mmr-eq-cycle-kicker,
    .mmr-radio-root .mmr-eq-cycle-name{
      font-size:6px !important;
    }

    .mmr-radio-root .mmr-eq-cycle-name{
      max-width:58px !important;
    }

    .mmr-radio-root .mmr-eq-cycle-arrow{
      width:9px !important;
      height:9px !important;
      flex-basis:9px !important;
      font-size:9px !important;
    }

    .mmr-radio-root .mmr-lower-desktop{
      gap:0 !important;
    }

    .mmr-radio-root .mmr-upnext{
      min-height:60px !important;
      padding:8px 9px !important;
      gap:9px !important;
      border-radius:13px !important;
    }

    .mmr-radio-root .mmr-upnext-thumb{
      width:44px !important;
      height:44px !important;
      flex-basis:44px !important;
      border-radius:9px !important;
    }

    .mmr-radio-root .mmr-upnext-title{
      font-size:12px !important;
      line-height:1.1 !important;
    }

    .mmr-radio-root .mmr-upnext-sub{
      font-size:10.5px !important;
      line-height:1.2 !important;
    }

    .mmr-radio-root .mmr-live-dj-card.mmr-live-dj-console{
      grid-template-columns:72px minmax(0,1fr) minmax(300px,.8fr) !important;
      gap:9px !important;
      min-height:78px !important;
      padding:9px !important;
      border-radius:13px !important;
    }

    .mmr-radio-root .mmr-live-dj-card.mmr-live-dj-console .mmr-live-dj-art,
    .mmr-radio-root .mmr-live-dj-card.mmr-live-dj-console .mmr-live-dj-art img{
      width:72px !important;
      min-height:72px !important;
    }

    .mmr-radio-root .mmr-live-dj-card.mmr-live-dj-console .mmr-live-dj-badge{
      min-height:18px !important;
      padding:3px 7px !important;
      font-size:8px !important;
    }

    .mmr-radio-root .mmr-live-dj-card.mmr-live-dj-console .mmr-live-dj-title{
      font-size:13px !important;
    }

    .mmr-radio-root .mmr-live-dj-card.mmr-live-dj-console .mmr-live-dj-name{
      font-size:10.5px !important;
    }

    .mmr-radio-root .mmr-live-dj-card.mmr-live-dj-console .mmr-live-dj-now{
      min-height:25px !important;
      padding:5px 8px !important;
      font-size:9px !important;
      margin-top:4px !important;
    }

    .mmr-radio-root .mmr-live-dj-card.mmr-live-dj-console .mmr-live-dj-actions{
      gap:6px !important;
    }

    .mmr-radio-root .mmr-live-dj-card.mmr-live-dj-console .mmr-live-dj-action{
      min-height:58px !important;
      padding:7px 6px !important;
      gap:5px !important;
      border-radius:11px !important;
    }

    .mmr-radio-root .mmr-live-dj-card.mmr-live-dj-console .mmr-live-dj-action-icon{
      width:24px !important;
      height:24px !important;
      flex-basis:24px !important;
      font-size:12px !important;
    }

    .mmr-radio-root .mmr-live-dj-card.mmr-live-dj-console .mmr-live-dj-action-main{
      font-size:8.8px !important;
    }

    .mmr-radio-root .mmr-live-dj-card.mmr-live-dj-console .mmr-live-dj-action-sub{
      font-size:7.8px !important;
    }

    

    
  }


  /* ==========================================================
     MMR EQ TALLER + THINNER NOW PLAYING OVERRIDE
     Desktop only: keeps the skinny player, gives the EQ more
     stage height, and compresses the top Now Playing line.
     ========================================================== */
  @media (min-width:1025px){
    .mmr-radio-root{
      --mmr-eq-height:118px !important;
    }

    .mmr-radio-root .mmr-topline{
      min-height:44px !important;
      padding:5px 8px !important;
      gap:7px !important;
      border-radius:12px !important;
      align-items:center !important;
    }

    .mmr-radio-root .mmr-pp{
      width:34px !important;
      height:34px !important;
      flex-basis:34px !important;
    }

    .mmr-radio-root .mmr-pp svg{
      width:15px !important;
      height:15px !important;
    }

    .mmr-radio-root .npStack{
      gap:0 !important;
    }

    .mmr-radio-root .mmr-np{
      font-size:clamp(12.5px,1.1vw,15px) !important;
      line-height:1.08 !important;
    }

    .mmr-radio-root .mmr-note-inline{
      font-size:9.8px !important;
      line-height:1.08 !important;
    }

    .mmr-radio-root .mmr-reaction-row{
      min-height:0 !important;
      margin:0 !important;
      gap:5px !important;
    }

    .mmr-radio-root .mmr-crowd-badge{
      min-height:16px !important;
      padding:2px 6px !important;
      font-size:8.2px !important;
    }

    .mmr-radio-root .mmr-crowd-stats{
      font-size:9px !important;
      line-height:1 !important;
    }

    .mmr-radio-root .mmr-btn{
      min-height:24px !important;
      padding:4px 8px !important;
      font-size:9.5px !important;
    }

    .mmr-radio-root .mmr-eq-shell{
      height:118px !important;
    }
  }





  /* ==========================================================
     MMR PLAYER SIZE TOGGLE
     Small, quiet desktop-only controls for switching between
     the Big Album layout and the slimmer console layout.
     ========================================================== */
  .mmr-radio-root .mmr-layout-toggle{
    display:none;
  }

  @media (min-width:1025px){
    .mmr-radio-root .mmr-layout-toggle{
      display:inline-flex;
      align-items:center;
      justify-content:center;
      gap:4px;
      flex:0 0 auto;
      padding:3px;
      border:1px solid rgba(176,92,255,.14);
      border-radius:999px;
      background:rgba(5,7,11,.42);
      box-shadow:inset 0 0 0 1px rgba(255,255,255,.018);
      backdrop-filter:blur(8px);
      -webkit-backdrop-filter:blur(8px);
    }

    .mmr-radio-root .mmr-layout-btn{
      display:inline-flex;
      align-items:center;
      justify-content:center;
      gap:5px;
      min-height:24px;
      min-width:0;
      padding:4px 8px;
      border:1px solid transparent;
      border-radius:999px;
      background:transparent;
      color:var(--mmr-text-caption);
      cursor:pointer;
      font-size:8.8px;
      line-height:1;
      font-weight:1000;
      letter-spacing:.08em;
      text-transform:uppercase;
      white-space:nowrap;
      opacity:.78;
      transition:background .16s ease,border-color .16s ease,color .16s ease,opacity .16s ease,transform .16s ease,box-shadow .16s ease;
      touch-action:manipulation;
    }

    .mmr-radio-root .mmr-layout-btn:hover,
    .mmr-radio-root .mmr-layout-btn:focus-visible{
      opacity:1;
      color:#fff;
      border-color:rgba(176,92,255,.22);
      background:rgba(106,13,173,.16);
      outline:none;
    }

    .mmr-radio-root .mmr-layout-btn:active{
      transform:scale(.97);
    }

    .mmr-radio-root .mmr-layout-icon{
      width:14px;
      height:14px;
      display:inline-flex;
      align-items:center;
      justify-content:center;
      border-radius:4px;
      border:1px solid currentColor;
      font-size:9px;
      line-height:1;
      opacity:.82;
    }

    .mmr-radio-root.mmr-layout-big .mmr-layout-btn[data-layout="big"],
    .mmr-radio-root.mmr-layout-small .mmr-layout-btn[data-layout="small"]{
      color:#fff;
      opacity:1;
      border-color:rgba(199,156,255,.48);
      background:linear-gradient(180deg, rgba(141,52,255,.46), rgba(106,13,173,.24));
      box-shadow:0 0 14px rgba(106,13,173,.22), inset 0 0 0 1px rgba(255,255,255,.08);
    }
  }

  @media (min-width:1025px) and (max-width:1180px){
    .mmr-radio-root .mmr-layout-btn{
      padding:4px 7px;
      font-size:8px;
      letter-spacing:.06em;
    }

    .mmr-radio-root .mmr-layout-icon{
      width:13px;
      height:13px;
      font-size:8px;
    }
  }

  /* ==========================================================
     MMR BIG LEFT ALBUM ART CONSOLE OVERRIDE
     Desktop only: the Now Playing cover becomes the full left
     visual anchor. Everything else moves into the right console:
     play/track line, EQ, live DJ/coming-up, bitrate, and volume.
     Phone/tablet keep the existing safe stacked layout.
     ========================================================== */
  @media (min-width:1025px){
    .mmr-radio-root.mmr-layout-big{
      --mmr-cover:clamp(340px, 32vw, 470px) !important;
      --mmr-eq-height:clamp(168px, 15vw, 230px) !important;
      --mmr-gap:12px !important;
    }

    .mmr-radio-root.mmr-layout-big .mmr-row-top{
      display:grid !important;
      grid-template-columns:minmax(340px, var(--mmr-cover)) minmax(0, 1fr) minmax(250px, 310px) !important;
      grid-template-areas:
        "cover now now"
        "cover eq eq"
        "cover lower lower"
        "cover streams volume" !important;
      grid-template-rows:auto minmax(168px, 1fr) auto auto !important;
      align-items:stretch !important;
      gap:10px 14px !important;
      padding:12px !important;
      border-radius:18px !important;
      overflow:hidden !important;
    }

    /* Let the original wrapper children become grid items without changing the HTML. */
    .mmr-radio-root.mmr-layout-big .mmr-leftcol,
    .mmr-radio-root.mmr-layout-big .mmr-left{
      display:contents !important;
    }

    .mmr-radio-root.mmr-layout-big .mmr-art,
    .mmr-radio-root.mmr-layout-big .mmr-topline,
    .mmr-radio-root.mmr-layout-big .mmr-eq-shell,
    .mmr-radio-root.mmr-layout-big .mmr-lower-desktop,
    .mmr-radio-root.mmr-layout-big .mmr-streams,
    .mmr-radio-root.mmr-layout-big .mmr-vol-desktop-rail{
      position:relative !important;
      z-index:2 !important;
      min-width:0 !important;
      max-width:100% !important;
    }

    .mmr-radio-root.mmr-layout-big .mmr-art{
      grid-area:cover !important;
      width:100% !important;
      height:auto !important;
      min-height:360px !important;
      aspect-ratio:1 / 1 !important;
      align-self:stretch !important;
      justify-self:stretch !important;
      border-radius:16px !important;
      border-color:rgba(176,92,255,.36) !important;
      box-shadow:
        0 10px 24px rgba(0,0,0,.28),
        0 0 0 1px rgba(255,255,255,.028) inset,
        0 0 28px rgba(106,13,173,.22),
        0 0 50px rgba(176,92,255,.10) !important;
    }

    .mmr-radio-root.mmr-layout-big .mmr-art img{
      width:100% !important;
      height:100% !important;
      object-fit:cover !important;
      display:block !important;
    }

    .mmr-radio-root.mmr-layout-big .mmr-art-badge{
      top:10px !important;
      left:10px !important;
      min-height:24px !important;
      padding:4px 9px !important;
      font-size:9px !important;
    }

    .mmr-radio-root.mmr-layout-big .mmr-art-votehint{
      left:10px !important;
      right:10px !important;
      bottom:10px !important;
      padding:12px 10px 10px !important;
      font-size:10px !important;
      opacity:.86 !important;
    }

    .mmr-radio-root.mmr-layout-big .mmr-topline{
      grid-area:now !important;
      min-height:46px !important;
      padding:6px 9px !important;
      gap:8px !important;
      border-radius:13px !important;
      align-items:center !important;
      background:
        radial-gradient(circle at 0% 0%, rgba(176,92,255,.16), transparent 42%),
        linear-gradient(180deg, rgba(255,255,255,.030), rgba(255,255,255,.006)),
        rgba(7,9,13,.66) !important;
    }

    .mmr-radio-root.mmr-layout-big .mmr-pp{
      width:38px !important;
      height:38px !important;
      flex-basis:38px !important;
    }

    .mmr-radio-root.mmr-layout-big .mmr-pp svg{
      width:15px !important;
      height:15px !important;
    }

    .mmr-radio-root.mmr-layout-big .npStack{
      gap:1px !important;
      flex:1 1 auto !important;
      min-width:0 !important;
    }

    .mmr-radio-root.mmr-layout-big .mmr-np{
      font-size:clamp(13px, 1.15vw, 16px) !important;
      line-height:1.1 !important;
    }

    .mmr-radio-root.mmr-layout-big .mmr-note-inline{
      font-size:10px !important;
      line-height:1.1 !important;
    }

    .mmr-radio-root.mmr-layout-big .mmr-reaction-row{
      min-height:0 !important;
      margin:0 !important;
      gap:5px !important;
    }

    .mmr-radio-root.mmr-layout-big .mmr-eq-shell{
      grid-area:eq !important;
      height:100% !important;
      min-height:var(--mmr-eq-height) !important;
      border-radius:14px !important;
      border-color:rgba(176,92,255,.26) !important;
    }

    .mmr-radio-root.mmr-layout-big .mmr-lower-desktop{
      grid-area:lower !important;
      display:grid !important;
      grid-template-columns:1fr !important;
      gap:0 !important;
      align-self:stretch !important;
    }

    .mmr-radio-root.mmr-layout-big .mmr-lower-desktop > .mmr-vol{
      display:none !important;
    }

    .mmr-radio-root.mmr-layout-big .mmr-upnext{
      min-height:74px !important;
      padding:9px 10px !important;
      gap:10px !important;
      border-radius:14px !important;
    }

    .mmr-radio-root.mmr-layout-big .mmr-upnext-thumb{
      width:54px !important;
      height:54px !important;
      flex-basis:54px !important;
      border-radius:10px !important;
    }

    .mmr-radio-root.mmr-layout-big .mmr-upnext-title{
      font-size:13px !important;
      line-height:1.12 !important;
    }

    .mmr-radio-root.mmr-layout-big .mmr-upnext-sub{
      font-size:11px !important;
      line-height:1.2 !important;
    }

    .mmr-radio-root.mmr-layout-big .mmr-live-dj-card.mmr-live-dj-console{
      grid-template-columns:78px minmax(0,1fr) minmax(330px,.88fr) !important;
      gap:9px !important;
      min-height:84px !important;
      padding:9px !important;
      border-radius:14px !important;
    }

    .mmr-radio-root.mmr-layout-big .mmr-live-dj-card.mmr-live-dj-console .mmr-live-dj-art,
    .mmr-radio-root.mmr-layout-big .mmr-live-dj-card.mmr-live-dj-console .mmr-live-dj-art img{
      width:78px !important;
      min-height:78px !important;
    }

    .mmr-radio-root.mmr-layout-big .mmr-live-dj-card.mmr-live-dj-console .mmr-live-dj-action{
      min-height:62px !important;
    }

    .mmr-radio-root.mmr-layout-big .mmr-streams{
      grid-area:streams !important;
      display:grid !important;
      grid-template-columns:repeat(4, minmax(0,1fr)) !important;
      align-self:stretch !important;
      gap:7px !important;
      width:100% !important;
      padding:0 !important;
    }

    .mmr-radio-root.mmr-layout-big .mmr-stream-btn{
      width:100% !important;
      min-height:38px !important;
      padding:7px 8px !important;
      border-radius:12px !important;
      font-size:10.5px !important;
      line-height:1 !important;
      text-align:center !important;
    }

    .mmr-radio-root.mmr-layout-big .mmr-stream-btn.active,
    .mmr-radio-root.mmr-layout-big .mmr-stream-btn.is-selected,
    .mmr-radio-root.mmr-layout-big .mmr-stream-btn[aria-pressed="true"],
    .mmr-radio-root.mmr-layout-big .mmr-stream-btn[aria-current="true"]{
      background:linear-gradient(180deg, #8d34ff, #6A0DAD) !important;
      border-color:#c79cff !important;
      color:#fff !important;
      box-shadow:0 0 0 1px rgba(255,255,255,.12) inset, 0 0 14px rgba(106,13,173,.35) !important;
    }

    .mmr-radio-root.mmr-layout-big .mmr-vol-desktop-rail{
      grid-area:volume !important;
      display:grid !important;
      grid-template-columns:auto minmax(0,1fr) auto auto !important;
      align-items:center !important;
      align-self:stretch !important;
      gap:8px !important;
      width:100% !important;
      min-height:38px !important;
      padding:7px 9px !important;
      border-radius:12px !important;
      border-color:rgba(176,92,255,.24) !important;
      background:
        radial-gradient(circle at 0% 0%, rgba(176,92,255,.18), transparent 52%),
        linear-gradient(180deg, rgba(255,255,255,.034), rgba(255,255,255,.006)),
        rgba(12,15,20,.80) !important;
    }

    .mmr-radio-root.mmr-layout-big .mmr-vol-desktop-rail label{
      font-size:9px !important;
      letter-spacing:.09em !important;
      text-transform:uppercase !important;
      color:#fff !important;
    }

    .mmr-radio-root.mmr-layout-big .mmr-vol-desktop-rail .mmr-vol-read{
      min-width:24px !important;
      min-height:24px !important;
      display:inline-flex !important;
      align-items:center !important;
      justify-content:center !important;
      border-radius:50% !important;
      background:rgba(0,0,0,.32) !important;
      border:1px solid rgba(176,92,255,.20) !important;
      font-size:10px !important;
      color:#fff !important;
    }

    .mmr-radio-root.mmr-layout-big .mmr-mute{
      min-height:26px !important;
      padding:4px 8px !important;
      font-size:10px !important;
    }

    .mmr-radio-root.mmr-layout-big .mmr-phone-only{
      display:none !important;
      visibility:hidden !important;
    }
  }

  @media (min-width:1025px) and (max-width:1180px){
    .mmr-radio-root.mmr-layout-big{
      --mmr-cover:clamp(300px, 32vw, 370px) !important;
      --mmr-eq-height:160px !important;
    }

    .mmr-radio-root.mmr-layout-big .mmr-row-top{
      grid-template-columns:minmax(300px, var(--mmr-cover)) minmax(0, 1fr) !important;
      grid-template-areas:
        "cover now"
        "cover eq"
        "cover lower"
        "cover streams"
        "cover volume" !important;
      gap:9px 12px !important;
    }

    .mmr-radio-root.mmr-layout-big .mmr-art{
      min-height:320px !important;
    }

    .mmr-radio-root.mmr-layout-big .mmr-streams{
      grid-template-columns:repeat(4, minmax(0,1fr)) !important;
    }

    .mmr-radio-root.mmr-layout-big .mmr-live-dj-card.mmr-live-dj-console{
      grid-template-columns:72px minmax(0,1fr) !important;
    }

    .mmr-radio-root.mmr-layout-big .mmr-live-dj-card.mmr-live-dj-console .mmr-live-dj-actions{
      grid-column:1 / -1 !important;
      grid-template-columns:repeat(3, minmax(0,1fr)) !important;
    }
  }


  /* ==========================================================
     MMR LISTENER LOVE UPGRADE
     Favorite, You Voted badge, Band Discovery shortcut,
     richer vote feedback, and current Top 10 badge.
     ========================================================== */
  .mmr-radio-root .mmr-user-vote-badge{
    display:none;
    align-items:center;
    justify-content:center;
    min-height:20px;
    padding:4px 8px;
    border-radius:999px;
    color:#fff;
    font-size:9px;
    line-height:1;
    font-weight:1000;
    letter-spacing:.08em;
    text-transform:uppercase;
    white-space:nowrap;
    box-shadow:0 0 14px rgba(106,13,173,.13);
  }

  .mmr-radio-root .mmr-user-vote-badge.is-visible{
    display:inline-flex;
  }

  .mmr-radio-root .mmr-user-vote-badge.is-up{
    border:1px solid rgba(125,255,215,.32);
    background:linear-gradient(90deg,rgba(48,185,155,.24),rgba(12,15,20,.88));
  }

  .mmr-radio-root .mmr-user-vote-badge.is-down{
    border:1px solid rgba(255,76,96,.32);
    background:linear-gradient(90deg,rgba(150,20,42,.28),rgba(12,15,20,.88));
  }

  

  .mmr-radio-root .mmr-save-track-btn,
  .mmr-radio-root .mmr-discover-current-btn{
    border-color:rgba(176,92,255,.18) !important;
    background:linear-gradient(180deg,rgba(255,255,255,.024),rgba(255,255,255,.004)),rgba(12,15,20,.82) !important;
  }

  .mmr-radio-root .mmr-save-track-btn.is-saved{
    border-color:rgba(255,230,109,.38) !important;
    background:linear-gradient(90deg,rgba(255,160,72,.20),rgba(106,13,173,.18),rgba(12,15,20,.88)) !important;
    color:#fff !important;
    box-shadow:0 0 16px rgba(255,160,72,.10) !important;
  }

  .mmr-radio-root .mmr-discover-current-btn{
    border-color:rgba(125,255,215,.22) !important;
  }

  .mmr-radio-root .mmr-vote-savebtn{
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    gap:8px !important;
    min-height:42px !important;
    padding:11px 16px !important;
    border-radius:999px !important;
    border:1px solid rgba(255,230,109,.28) !important;
    background:linear-gradient(90deg,rgba(255,160,72,.18),rgba(15,19,24,.98)) !important;
    color:#fff !important;
    font-size:13px !important;
    line-height:1.2 !important;
    font-weight:900 !important;
    letter-spacing:.08em !important;
    text-transform:uppercase !important;
    cursor:pointer !important;
    text-decoration:none !important;
    box-shadow:0 0 20px rgba(255,160,72,.08) !important;
    transition:transform .18s ease,border-color .18s ease,background .18s ease,box-shadow .18s ease !important;
    grid-column:1 / -1 !important;
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
    white-space:normal !important;
    text-align:center !important;
  }

  .mmr-radio-root .mmr-vote-savebtn:hover,
  .mmr-radio-root .mmr-vote-savebtn:focus-visible{
    transform:translateY(-1px) !important;
    border-color:rgba(255,230,109,.56) !important;
    background:linear-gradient(90deg,rgba(255,160,72,.26),rgba(15,19,24,.98)) !important;
    box-shadow:0 0 18px rgba(255,160,72,.13) !important;
    outline:none !important;
  }

  .mmr-radio-root .mmr-vote-savebtn.is-saved{
    border-color:rgba(255,230,109,.58) !important;
    background:linear-gradient(90deg,rgba(255,160,72,.28),rgba(106,13,173,.20),rgba(15,19,24,.98)) !important;
  }

  .mmr-radio-root .mmr-vote-savebtn:disabled,
  .mmr-radio-root .mmr-save-track-btn:disabled,
  .mmr-radio-root .mmr-discover-current-btn:disabled{
    opacity:.48 !important;
    cursor:not-allowed !important;
    transform:none !important;
    box-shadow:none !important;
  }

  .mmr-radio-root.is-vote-flash .mmr-art{
    animation:mmrVoteCoverFlash .95s ease-out both;
  }

  .mmr-radio-root .mmr-vote-card.is-sent .mmr-vote-art{
    animation:mmrVoteModalPulse .95s ease-out both;
  }

  .mmr-radio-root .mmr-vote-card.is-sent .mmr-vote-status.is-success{
    animation:mmrVoteSuccessPop .38s ease-out both;
  }

  @keyframes mmrVoteCoverFlash{
    0%{box-shadow:0 0 0 rgba(255,230,109,0),0 0 0 rgba(106,13,173,0);transform:scale(1)}
    28%{box-shadow:0 0 0 2px rgba(255,230,109,.22),0 0 34px rgba(255,230,109,.24),0 0 54px rgba(106,13,173,.22);transform:scale(1.012)}
    100%{transform:scale(1)}
  }

  @keyframes mmrVoteModalPulse{
    0%{transform:scale(1)}
    34%{transform:scale(1.018);box-shadow:0 0 0 2px rgba(255,230,109,.18),0 0 28px rgba(255,230,109,.18)}
    100%{transform:scale(1)}
  }

  @keyframes mmrVoteSuccessPop{
    0%{transform:translateY(4px);opacity:.64}
    100%{transform:translateY(0);opacity:1}
  }

  @media (max-width:1024px){
    .mmr-radio-root .mmr-phone-share{
      grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    }
  }

  @media (max-width:700px){
    .mmr-radio-root .mmr-user-vote-badge{
      min-height:18px;
      padding:3px 7px;
      font-size:8px;
    }

    .mmr-radio-root .mmr-phone-share .mmr-btn{
      min-height:38px !important;
      font-size:10px !important;
      padding:8px 6px !important;
    }

    .mmr-radio-root .mmr-vote-savebtn{
      min-height:40px !important;
      padding:9px 10px !important;
      font-size:10.5px !important;
      letter-spacing:.055em !important;
    }
  }


  /* ==========================================================
     MY SAVED TRACKS PANEL
     Private listener-side favorites and vote history using browser storage.
     ========================================================== */
  .mmr-radio-root .mmr-saved-list-btn{
    border-color:rgba(255,230,109,.22) !important;
    background:linear-gradient(180deg, rgba(255,230,109,.10), rgba(106,13,173,.08)), rgba(12,15,20,.86) !important;
  }

  .mmr-radio-root .mmr-saved-list-btn:hover,
  .mmr-radio-root .mmr-saved-list-btn:focus-visible{
    border-color:rgba(255,230,109,.48) !important;
    box-shadow:0 0 14px rgba(255,230,109,.10) !important;
  }

  .mmr-radio-root .mmr-saved-overlay{
    display:none;
    position:fixed;
    inset:0;
    z-index:2147483200;
    align-items:center;
    justify-content:center;
    padding:16px;
    background:rgba(0,0,0,.90);
    overscroll-behavior:contain;
  }

  .mmr-radio-root .mmr-saved-overlay.active{
    display:flex;
  }

  .mmr-radio-root .mmr-saved-card{
    width:min(760px, calc(100vw - 24px));
    max-height:calc(100dvh - 24px);
    overflow:auto;
    overflow-x:hidden;
    position:relative;
    border:1px solid rgba(176,92,255,.38);
    border-radius:22px;
    background:
      radial-gradient(circle at 12% 0%, rgba(176,92,255,.24), transparent 34%),
      radial-gradient(circle at 100% 100%, rgba(255,230,109,.10), transparent 32%),
      linear-gradient(180deg, #11151d, #080a0f);
    box-shadow:0 22px 70px rgba(0,0,0,.78),0 0 34px rgba(106,13,173,.20);
    color:var(--mmr-text-primary);
    padding:18px;
    overscroll-behavior:contain;
    -webkit-overflow-scrolling:touch;
  }

  .mmr-radio-root .mmr-saved-close{
    position:absolute;
    right:12px;
    top:12px;
    z-index:4;
    width:40px;
    height:40px;
    border-radius:50%;
    border:1px solid rgba(255,255,255,.16);
    background:rgba(0,0,0,.68);
    color:#fff;
    font-size:28px;
    line-height:1;
    cursor:pointer;
  }

  .mmr-radio-root .mmr-saved-close:hover,
  .mmr-radio-root .mmr-saved-close:focus-visible{
    background:var(--mmr-accent-purple);
    outline:none;
  }

  .mmr-radio-root .mmr-saved-head{
    display:flex;
    justify-content:space-between;
    align-items:flex-end;
    gap:14px;
    padding-right:44px;
    margin-bottom:12px;
  }

  .mmr-radio-root .mmr-saved-kicker{
    color:#d9bbff;
    font-size:10px;
    line-height:1;
    font-weight:1000;
    letter-spacing:.16em;
    text-transform:uppercase;
  }

  .mmr-radio-root .mmr-saved-title{
    margin:7px 0 4px;
    color:#fff;
    font-size:clamp(25px, 4vw, 42px);
    line-height:1;
    font-weight:1000;
    letter-spacing:.045em;
    text-transform:uppercase;
  }

  .mmr-radio-root .mmr-saved-intro{
    margin:0;
    color:var(--mmr-text-caption);
    font-size:12px;
    line-height:1.35;
    font-weight:800;
  }

  .mmr-radio-root .mmr-saved-clear,
  .mmr-radio-root .mmr-saved-bottom-close,
  .mmr-radio-root .mmr-saved-item-btn{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    border-radius:999px;
    border:1px solid rgba(176,92,255,.26);
    background:rgba(12,15,20,.88);
    color:#fff;
    font-weight:1000;
    text-transform:uppercase;
    cursor:pointer;
    transition:transform .16s ease,border-color .16s ease,background .16s ease,box-shadow .16s ease;
    touch-action:manipulation;
  }

  .mmr-radio-root .mmr-saved-clear{
    flex:0 0 auto;
    min-height:34px;
    padding:8px 12px;
    font-size:10px;
    letter-spacing:.08em;
  }

  .mmr-radio-root .mmr-saved-clear:hover,
  .mmr-radio-root .mmr-saved-bottom-close:hover,
  .mmr-radio-root .mmr-saved-item-btn:hover,
  .mmr-radio-root .mmr-saved-clear:focus-visible,
  .mmr-radio-root .mmr-saved-bottom-close:focus-visible,
  .mmr-radio-root .mmr-saved-item-btn:focus-visible{
    transform:translateY(-1px);
    border-color:#b05cff;
    background:linear-gradient(180deg, rgba(106,13,173,.34), rgba(12,15,20,.94));
    box-shadow:0 0 14px rgba(106,13,173,.14);
    outline:none;
  }

  .mmr-radio-root .mmr-saved-status{
    min-height:20px;
    margin:0 0 10px;
    color:#d9bbff;
    font-size:12px;
    line-height:1.35;
    font-weight:850;
  }

  .mmr-radio-root .mmr-saved-status.is-success{
    padding:9px 11px;
    border-radius:13px;
    border:1px solid rgba(176,92,255,.30);
    background:rgba(106,13,173,.16);
    color:#fff;
  }

  .mmr-radio-root .mmr-saved-filterbar{
    display:flex;
    align-items:center;
    gap:7px;
    flex-wrap:wrap;
    margin:0 0 12px;
    padding:8px;
    border:1px solid rgba(176,92,255,.16);
    border-radius:16px;
    background:rgba(5,7,11,.28);
  }

  .mmr-radio-root .mmr-saved-filter{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    flex:1 1 auto;
    min-width:92px;
    min-height:32px;
    padding:7px 10px;
    border-radius:999px;
    border:1px solid rgba(176,92,255,.20);
    background:rgba(12,15,20,.82);
    color:#fff;
    font-size:10px;
    line-height:1;
    font-weight:1000;
    letter-spacing:.07em;
    text-transform:uppercase;
    cursor:pointer;
    transition:transform .16s ease,border-color .16s ease,background .16s ease,box-shadow .16s ease;
    touch-action:manipulation;
  }

  .mmr-radio-root .mmr-saved-filter:hover,
  .mmr-radio-root .mmr-saved-filter:focus-visible{
    transform:translateY(-1px);
    border-color:#b05cff;
    background:linear-gradient(180deg, rgba(106,13,173,.34), rgba(12,15,20,.94));
    box-shadow:0 0 14px rgba(106,13,173,.14);
    outline:none;
  }

  .mmr-radio-root .mmr-saved-filter.active{
    border-color:rgba(255,230,109,.46);
    background:linear-gradient(180deg, rgba(255,230,109,.18), rgba(106,13,173,.18)), rgba(12,15,20,.90);
    box-shadow:0 0 14px rgba(255,230,109,.10), inset 0 0 0 1px rgba(255,255,255,.035);
  }

  .mmr-radio-root .mmr-saved-list{
    display:grid;
    grid-template-columns:1fr;
    gap:10px;
  }

  .mmr-radio-root .mmr-saved-empty{
    padding:18px 14px;
    border:1px dashed rgba(176,92,255,.28);
    border-radius:16px;
    background:rgba(255,255,255,.018);
    color:var(--mmr-text-caption);
    font-size:13px;
    line-height:1.45;
    font-weight:850;
    text-align:center;
  }

  .mmr-radio-root .mmr-saved-item{
    display:grid;
    grid-template-columns:76px minmax(0,1fr) minmax(190px,.62fr);
    gap:12px;
    align-items:center;
    padding:10px;
    border:1px solid rgba(176,92,255,.18);
    border-radius:16px;
    background:
      linear-gradient(180deg, rgba(255,255,255,.030), rgba(255,255,255,.006)),
      rgba(12,15,20,.82);
    box-shadow:0 8px 18px rgba(0,0,0,.22);
  }

  .mmr-radio-root .mmr-saved-art{
    width:76px;
    height:76px;
    border-radius:12px;
    overflow:hidden;
    background:#080a0f;
    border:1px solid rgba(176,92,255,.20);
  }

  .mmr-radio-root .mmr-saved-art img{
    width:100%;
    height:100%;
    object-fit:cover;
    display:block;
  }

  .mmr-radio-root .mmr-saved-info{
    min-width:0;
    display:flex;
    flex-direction:column;
    gap:4px;
  }

  .mmr-radio-root .mmr-saved-song{
    color:#fff;
    font-size:14px;
    line-height:1.25;
    font-weight:1000;
    overflow:hidden;
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
  }

  .mmr-radio-root .mmr-saved-meta{
    color:var(--mmr-text-caption);
    font-size:11px;
    line-height:1.25;
    font-weight:800;
  }

  .mmr-radio-root .mmr-saved-actions{
    display:grid;
    grid-template-columns:repeat(5,minmax(0,1fr));
    gap:7px;
  }

  .mmr-radio-root .mmr-saved-item-btn.is-vote{
    border-color:rgba(34,197,94,.32);
    background:linear-gradient(180deg, rgba(34,197,94,.18), rgba(12,15,20,.88));
    color:#fff;
  }

  .mmr-radio-root .mmr-saved-item-btn.is-request{
    border-color:rgba(125,255,215,.30);
    background:linear-gradient(180deg, rgba(48,185,155,.20), rgba(12,15,20,.88));
    color:#fff;
  }

  .mmr-radio-root .mmr-saved-item-btn{
    min-height:36px;
    padding:7px 8px;
    font-size:9.5px;
    line-height:1.12;
    letter-spacing:.055em;
    text-align:center;
  }

  .mmr-radio-root .mmr-saved-item-btn.is-remove{
    border-color:rgba(255,76,96,.28);
    background:linear-gradient(180deg, rgba(150,20,42,.18), rgba(12,15,20,.88));
  }

  .mmr-radio-root .mmr-saved-pill.is-requested{
    border-color:rgba(125,255,215,.28);
    background:linear-gradient(180deg,rgba(48,185,155,.18),rgba(12,15,20,.82));
  }

  .mmr-radio-root .mmr-saved-bottom-close{
    width:100%;
    min-height:42px;
    margin-top:12px;
    padding:10px 14px;
    font-size:12px;
    letter-spacing:.08em;
  }

  @media (max-width:760px){
    .mmr-radio-root .mmr-saved-overlay.active{
      align-items:flex-start;
      padding:calc(12px + env(safe-area-inset-top, 0px)) 10px calc(12px + env(safe-area-inset-bottom, 0px));
    }

    .mmr-radio-root .mmr-saved-card{
      width:calc(100vw - 20px);
      max-width:520px;
      max-height:calc(100dvh - 24px);
      border-radius:18px;
      padding:16px 12px 12px;
    }

    .mmr-radio-root .mmr-saved-head{
      flex-direction:column;
      align-items:flex-start;
      padding-right:44px;
    }

    .mmr-radio-root .mmr-saved-clear{
      width:100%;
    }

    .mmr-radio-root .mmr-saved-filterbar{
      gap:6px;
      padding:7px;
      margin-bottom:10px;
    }

    .mmr-radio-root .mmr-saved-filter{
      flex:1 1 calc(50% - 6px);
      min-width:0;
      min-height:34px;
      font-size:9px;
      padding:7px 8px;
    }

    .mmr-radio-root .mmr-saved-item{
      grid-template-columns:64px minmax(0,1fr);
      gap:10px;
      align-items:center;
    }

    .mmr-radio-root .mmr-saved-art{
      width:64px;
      height:64px;
      border-radius:10px;
    }

    .mmr-radio-root .mmr-saved-actions{
      grid-column:1 / -1;
      grid-template-columns:repeat(2,minmax(0,1fr));
    }

    .mmr-radio-root .mmr-saved-item-btn{
      min-height:38px;
      font-size:9px;
    }
  }

  @media (max-width:390px){
    .mmr-radio-root .mmr-saved-card{
      width:calc(100vw - 16px);
    }

    .mmr-radio-root .mmr-saved-actions{
      grid-template-columns:1fr;
    }
  }



  /* ==========================================================
     MMR BIG PLAYER FAVORITE / SHARE REPOSITION PASS
     Big layout only: Favorite, My Favorites, and Discover move
     under the album art. Share links sit quietly in the top-right.
     The My Favorites panel also shows local thumbs-up/down history.
     ========================================================== */
  .mmr-radio-root .mmr-cover-actions{
    display:none;
  }

  .mmr-radio-root .mmr-saved-badges{
    display:flex;
    align-items:center;
    gap:6px;
    flex-wrap:wrap;
    margin-top:2px;
  }

  .mmr-radio-root .mmr-saved-pill{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:20px;
    padding:4px 8px;
    border-radius:999px;
    border:1px solid rgba(176,92,255,.20);
    background:rgba(12,15,20,.82);
    color:#fff;
    font-size:9px;
    line-height:1;
    font-weight:1000;
    letter-spacing:.07em;
    text-transform:uppercase;
    white-space:nowrap;
  }

  .mmr-radio-root .mmr-saved-pill.is-favorite{
    border-color:rgba(255,230,109,.34);
    background:linear-gradient(90deg,rgba(255,160,72,.22),rgba(106,13,173,.14));
  }

  .mmr-radio-root .mmr-saved-pill.is-up{
    border-color:rgba(125,255,215,.34);
    background:linear-gradient(90deg,rgba(48,185,155,.24),rgba(12,15,20,.88));
  }

  .mmr-radio-root .mmr-saved-pill.is-down{
    border-color:rgba(255,76,96,.34);
    background:linear-gradient(90deg,rgba(150,20,42,.28),rgba(12,15,20,.88));
  }

  @media (min-width:1025px){
    .mmr-radio-root.mmr-layout-big .mmr-row-top{
      grid-template-areas:
        "cover now now"
        "cover eq eq"
        "cover lower lower"
        "coveractions streams volume" !important;
      grid-template-rows:auto minmax(168px, 1fr) auto auto !important;
    }

    .mmr-radio-root.mmr-layout-big .mmr-cover-actions{
      grid-area:coveractions !important;
      display:grid !important;
      grid-template-columns:repeat(3,minmax(0,1fr)) !important;
      gap:7px !important;
      align-self:stretch !important;
      width:100% !important;
      min-width:0 !important;
      position:relative !important;
      z-index:3 !important;
    }

    .mmr-radio-root.mmr-layout-big .mmr-cover-actions .mmr-btn{
      width:100% !important;
      min-height:38px !important;
      padding:7px 7px !important;
      border-radius:12px !important;
      font-size:9.6px !important;
      line-height:1.05 !important;
      white-space:nowrap !important;
      overflow:hidden !important;
      text-overflow:ellipsis !important;
    }

    .mmr-radio-root.mmr-layout-big .mmr-topline{
      padding-right:270px !important;
      overflow:visible !important;
    }

    .mmr-radio-root.mmr-layout-big .mmr-topline .mmr-save-track-btn,
    .mmr-radio-root.mmr-layout-big .mmr-topline .mmr-saved-list-btn,
    .mmr-radio-root.mmr-layout-big .mmr-topline .mmr-discover-current-btn{
      display:none !important;
    }

    .mmr-radio-root.mmr-layout-big .mmr-topline .mmr-actions{
      display:flex !important;
      position:absolute !important;
      top:7px !important;
      right:146px !important;
      z-index:5 !important;
      margin:0 !important;
      align-items:center !important;
      justify-content:flex-end !important;
      max-width:132px !important;
    }

    .mmr-radio-root.mmr-layout-big .mmr-topline .mmr-share{
      display:flex !important;
      align-items:center !important;
      justify-content:flex-end !important;
      gap:5px !important;
      flex-wrap:nowrap !important;
    }

    .mmr-radio-root.mmr-layout-big .mmr-topline .mmr-share a.mmr-btn{
      min-height:24px !important;
      padding:4px 7px !important;
      font-size:8px !important;
      letter-spacing:.04em !important;
      white-space:nowrap !important;
    }

    .mmr-radio-root.mmr-layout-big .mmr-layout-toggle{
      position:absolute !important;
      top:7px !important;
      right:8px !important;
      z-index:6 !important;
    }
  }

  @media (min-width:1025px) and (max-width:1180px){
    .mmr-radio-root.mmr-layout-big .mmr-row-top{
      grid-template-areas:
        "cover now"
        "cover eq"
        "cover lower"
        "coveractions streams"
        "coveractions volume" !important;
    }

    .mmr-radio-root.mmr-layout-big .mmr-topline{
      padding-right:8px !important;
      padding-top:34px !important;
    }

    .mmr-radio-root.mmr-layout-big .mmr-topline .mmr-actions{
      right:140px !important;
      top:6px !important;
    }

    .mmr-radio-root.mmr-layout-big .mmr-cover-actions{
      grid-template-columns:1fr !important;
      align-self:start !important;
    }

    .mmr-radio-root.mmr-layout-big .mmr-cover-actions .mmr-btn{
      min-height:32px !important;
    }
  }

  @media (max-width:1024px){
    .mmr-radio-root .mmr-cover-actions{
      display:none !important;
    }
  }



  /* ==========================================================
     MMR BIG PLAYER HEADER MARGIN FIX
     Keeps the Big Player controls from overlapping by removing
     absolute positioning in the top Now Playing bar. Share and
     layout controls sit in a real grid row at the top-right;
     play/title/status sit cleanly underneath.
     ========================================================== */
  @media (min-width:1025px){
    .mmr-radio-root.mmr-layout-big .mmr-topline{
      display:grid !important;
      grid-template-columns:auto minmax(0,1fr) auto auto !important;
      grid-template-areas:
        "blank blank share layout"
        "play meta meta meta" !important;
      align-items:center !important;
      column-gap:8px !important;
      row-gap:6px !important;
      min-height:74px !important;
      padding:8px 10px !important;
      padding-right:10px !important;
      padding-top:8px !important;
      overflow:hidden !important;
    }

    .mmr-radio-root.mmr-layout-big .mmr-pp{
      grid-area:play !important;
      align-self:center !important;
      justify-self:start !important;
    }

    .mmr-radio-root.mmr-layout-big .npStack{
      grid-area:meta !important;
      min-width:0 !important;
      max-width:100% !important;
      align-self:center !important;
    }

    .mmr-radio-root.mmr-layout-big .mmr-topline .mmr-actions{
      grid-area:share !important;
      position:static !important;
      inset:auto !important;
      top:auto !important;
      right:auto !important;
      z-index:4 !important;
      display:flex !important;
      align-items:center !important;
      justify-content:flex-end !important;
      width:auto !important;
      max-width:none !important;
      min-width:0 !important;
      margin:0 !important;
      padding:0 !important;
      justify-self:end !important;
    }

    .mmr-radio-root.mmr-layout-big .mmr-topline .mmr-share{
      display:flex !important;
      align-items:center !important;
      justify-content:flex-end !important;
      flex-wrap:nowrap !important;
      gap:5px !important;
      min-width:0 !important;
      max-width:220px !important;
      overflow:hidden !important;
    }

    .mmr-radio-root.mmr-layout-big .mmr-topline .mmr-share a.mmr-btn{
      min-height:24px !important;
      padding:4px 7px !important;
      font-size:7.8px !important;
      line-height:1 !important;
      letter-spacing:.035em !important;
      max-width:104px !important;
      overflow:hidden !important;
      text-overflow:ellipsis !important;
      white-space:nowrap !important;
    }

    .mmr-radio-root.mmr-layout-big .mmr-layout-toggle{
      grid-area:layout !important;
      position:static !important;
      inset:auto !important;
      top:auto !important;
      right:auto !important;
      z-index:4 !important;
      justify-self:end !important;
      align-self:center !important;
      max-width:100% !important;
      min-width:0 !important;
    }

    .mmr-radio-root.mmr-layout-big .mmr-layout-btn{
      min-height:24px !important;
      padding:4px 8px !important;
      font-size:8.2px !important;
      letter-spacing:.06em !important;
    }

    .mmr-radio-root.mmr-layout-big .mmr-np,
    .mmr-radio-root.mmr-layout-big .mmr-note-inline,
    .mmr-radio-root.mmr-layout-big .mmr-reaction-row{
      max-width:100% !important;
      min-width:0 !important;
    }

    .mmr-radio-root.mmr-layout-big .mmr-np{
      white-space:normal !important;
      overflow-wrap:anywhere !important;
    }

    .mmr-radio-root.mmr-layout-big .mmr-reaction-row{
      flex-wrap:wrap !important;
      overflow:hidden !important;
    }
  }

  @media (min-width:1025px) and (max-width:1180px){
    .mmr-radio-root.mmr-layout-big .mmr-topline{
      grid-template-columns:auto minmax(0,1fr) auto !important;
      grid-template-areas:
        "blank share layout"
        "play meta meta" !important;
      min-height:76px !important;
      padding:8px 9px !important;
    }

    .mmr-radio-root.mmr-layout-big .mmr-topline .mmr-share{
      max-width:132px !important;
    }

    .mmr-radio-root.mmr-layout-big .mmr-topline .mmr-share a.mmr-btn{
      max-width:62px !important;
      font-size:7.2px !important;
      padding-left:6px !important;
      padding-right:6px !important;
    }

    .mmr-radio-root.mmr-layout-big .mmr-layout-btn{
      font-size:7.4px !important;
      padding-left:7px !important;
      padding-right:7px !important;
    }

    .mmr-radio-root.mmr-layout-big .mmr-layout-icon{
      width:12px !important;
      height:12px !important;
      font-size:7px !important;
    }

    .mmr-radio-root.mmr-layout-big .mmr-cover-actions{
      grid-template-columns:repeat(3,minmax(0,1fr)) !important;
      align-self:stretch !important;
    }
  }



  /* ==========================================================
     MMR BIG PLAYER TOP BUTTONS - LOWER RIGHT FIX
     Moves Share on X, Share on Facebook, Player Big, and
     Player Small into the lower-right corner of the Now Playing
     header panel without covering the track title.
     ========================================================== */
  @media (min-width:1025px){
    .mmr-radio-root.mmr-layout-big .mmr-topline{
      display:grid !important;
      grid-template-columns:auto minmax(0,1fr) auto auto !important;
      grid-template-areas:
        "play meta meta meta"
        "blank blank share layout" !important;
      grid-template-rows:minmax(0,1fr) auto !important;
      align-items:center !important;
      column-gap:8px !important;
      row-gap:8px !important;
      min-height:88px !important;
      padding:10px 12px !important;
      padding-right:12px !important;
      padding-top:10px !important;
      padding-bottom:10px !important;
      overflow:hidden !important;
    }

    .mmr-radio-root.mmr-layout-big .mmr-pp{
      grid-area:play !important;
      align-self:center !important;
      justify-self:start !important;
    }

    .mmr-radio-root.mmr-layout-big .npStack{
      grid-area:meta !important;
      align-self:center !important;
      justify-self:stretch !important;
      min-width:0 !important;
      max-width:100% !important;
      padding-right:0 !important;
    }

    .mmr-radio-root.mmr-layout-big .mmr-topline .mmr-actions{
      grid-area:share !important;
      position:static !important;
      inset:auto !important;
      top:auto !important;
      right:auto !important;
      z-index:5 !important;
      display:flex !important;
      align-items:center !important;
      justify-content:flex-end !important;
      justify-self:end !important;
      align-self:end !important;
      width:auto !important;
      max-width:none !important;
      min-width:0 !important;
      margin:0 !important;
      padding:0 !important;
    }

    .mmr-radio-root.mmr-layout-big .mmr-topline .mmr-share{
      display:flex !important;
      align-items:center !important;
      justify-content:flex-end !important;
      flex-wrap:nowrap !important;
      gap:7px !important;
      width:auto !important;
      max-width:none !important;
      min-width:0 !important;
      overflow:visible !important;
    }

    .mmr-radio-root.mmr-layout-big .mmr-topline .mmr-save-track-btn,
    .mmr-radio-root.mmr-layout-big .mmr-topline .mmr-saved-list-btn,
    .mmr-radio-root.mmr-layout-big .mmr-topline .mmr-discover-current-btn{
      display:none !important;
    }

    .mmr-radio-root.mmr-layout-big .mmr-topline .mmr-share a.mmr-btn{
      min-height:26px !important;
      padding:5px 9px !important;
      font-size:8px !important;
      line-height:1 !important;
      letter-spacing:.035em !important;
      max-width:none !important;
      overflow:hidden !important;
      text-overflow:ellipsis !important;
      white-space:nowrap !important;
    }

    .mmr-radio-root.mmr-layout-big .mmr-layout-toggle{
      grid-area:layout !important;
      position:static !important;
      inset:auto !important;
      top:auto !important;
      right:auto !important;
      z-index:5 !important;
      justify-self:end !important;
      align-self:end !important;
      max-width:100% !important;
      min-width:0 !important;
      margin:0 !important;
    }

    .mmr-radio-root.mmr-layout-big .mmr-layout-btn{
      min-height:26px !important;
      padding:5px 9px !important;
      font-size:8.2px !important;
      line-height:1 !important;
      letter-spacing:.06em !important;
      white-space:nowrap !important;
    }
  }

  @media (min-width:1025px) and (max-width:1180px){
    .mmr-radio-root.mmr-layout-big .mmr-topline{
      grid-template-columns:auto minmax(0,1fr) auto auto !important;
      grid-template-areas:
        "play meta meta meta"
        "blank blank share layout" !important;
      min-height:92px !important;
      padding:9px !important;
      column-gap:6px !important;
      row-gap:7px !important;
    }

    .mmr-radio-root.mmr-layout-big .mmr-topline .mmr-share{
      gap:5px !important;
    }

    .mmr-radio-root.mmr-layout-big .mmr-topline .mmr-share a.mmr-btn{
      min-height:24px !important;
      padding:4px 7px !important;
      font-size:7.1px !important;
      max-width:80px !important;
    }

    .mmr-radio-root.mmr-layout-big .mmr-layout-btn{
      min-height:24px !important;
      padding:4px 7px !important;
      font-size:7.2px !important;
    }

    .mmr-radio-root.mmr-layout-big .mmr-layout-icon{
      width:12px !important;
      height:12px !important;
      font-size:7px !important;
    }
  }


  /* ==========================================================
     MMR FINAL BIG COVER STABILITY CLEANUP
     Fixes the first-load Big Player cover stretch. The cover
     stays square, the EQ row no longer over-expands, and the
     lower-right share/player buttons keep their cleaned position.
     ========================================================== */
  @media (min-width:1025px){
    .mmr-radio-root.mmr-layout-big .mmr-row-top{
      grid-template-rows:auto minmax(168px, var(--mmr-eq-height)) auto auto !important;
      align-items:start !important;
    }

    .mmr-radio-root.mmr-layout-big .mmr-art{
      align-self:start !important;
      justify-self:stretch !important;
      width:100% !important;
      height:auto !important;
      min-height:0 !important;
      max-height:none !important;
      aspect-ratio:1 / 1 !important;
      contain:layout paint !important;
    }

    .mmr-radio-root.mmr-layout-big .mmr-art img{
      width:100% !important;
      height:100% !important;
      min-width:0 !important;
      min-height:0 !important;
      max-width:100% !important;
      max-height:100% !important;
      aspect-ratio:1 / 1 !important;
      object-fit:cover !important;
      object-position:center center !important;
      display:block !important;
    }

    .mmr-radio-root.mmr-layout-big .mmr-eq-shell{
      height:var(--mmr-eq-height) !important;
      min-height:var(--mmr-eq-height) !important;
      align-self:stretch !important;
    }

    .mmr-radio-root.mmr-layout-big .mmr-cover-actions{
      align-self:start !important;
    }

    .mmr-radio-root.mmr-layout-big .mmr-topline{
      align-self:stretch !important;
    }

    .mmr-radio-root.mmr-layout-big .mmr-topline .mmr-actions,
    .mmr-radio-root.mmr-layout-big .mmr-layout-toggle{
      align-self:end !important;
    }
  }

  @media (min-width:1025px) and (max-width:1180px){
    .mmr-radio-root.mmr-layout-big .mmr-row-top{
      grid-template-rows:auto minmax(150px, var(--mmr-eq-height)) auto auto auto !important;
    }

    .mmr-radio-root.mmr-layout-big .mmr-art{
      min-height:0 !important;
      aspect-ratio:1 / 1 !important;
    }
  }

  @media (min-width:1025px) and (max-width:1080px){
    .mmr-radio-root.mmr-layout-big .mmr-row-top{
      grid-template-rows:auto minmax(138px, var(--mmr-eq-height)) auto auto auto !important;
    }
  }


  /* ==========================================================
     MMR CSS CLEANUP LAYER + 3-TRACK COMING UP NEXT
     This final layer consolidates the active desktop/phone rules
     for the up-next card and keeps older SP Builder-safe fallback
     rules from fighting the newest player layout.
     ========================================================== */
  .mmr-radio-root .mmr-upnext-list{
    min-width:0 !important;
    max-width:100% !important;
    overflow:hidden !important;
  }

  .mmr-radio-root .mmr-upnext-main{
    display:flex !important;
    align-items:center !important;
    gap:10px !important;
    min-width:0 !important;
    max-width:100% !important;
  }

  .mmr-radio-root .mmr-upnext-extra{
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:6px !important;
    min-width:0 !important;
    max-width:100% !important;
  }

  .mmr-radio-root .mmr-upnext-extra[hidden],
  .mmr-radio-root .mmr-upnext-mini[hidden]{
    display:none !important;
  }

  .mmr-radio-root .mmr-upnext-mini{
    display:grid !important;
    grid-template-columns:34px minmax(0,1fr) !important;
    align-items:center !important;
    gap:8px !important;
    min-width:0 !important;
    min-height:38px !important;
    padding:5px 7px !important;
    border:1px solid rgba(176,92,255,.14) !important;
    border-radius:12px !important;
    background:linear-gradient(180deg,rgba(255,255,255,.022),rgba(255,255,255,.004)),rgba(7,9,13,.42) !important;
  }

  .mmr-radio-root .mmr-upnext-mini-thumb{
    width:34px !important;
    height:34px !important;
    border-radius:8px !important;
    overflow:hidden !important;
    background:var(--mmr-surface-dark) !important;
    border:1px solid rgba(176,92,255,.16) !important;
  }

  .mmr-radio-root .mmr-upnext-mini-thumb img{
    width:100% !important;
    height:100% !important;
    object-fit:cover !important;
    display:block !important;
  }

  .mmr-radio-root .mmr-upnext-mini-copy{
    min-width:0 !important;
    display:flex !important;
    flex-direction:column !important;
    gap:1px !important;
  }

  .mmr-radio-root .mmr-upnext-mini-title{
    color:#d9bbff !important;
    font-size:8px !important;
    line-height:1 !important;
    font-weight:1000 !important;
    letter-spacing:.11em !important;
    text-transform:uppercase !important;
    white-space:nowrap !important;
  }

  .mmr-radio-root .mmr-upnext-mini-sub{
    color:#fff !important;
    font-size:10px !important;
    line-height:1.16 !important;
    font-weight:850 !important;
    white-space:nowrap !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
  }

  @media (min-width:1025px){
    .mmr-radio-root .mmr-upnext-list:not(.is-single){
      display:grid !important;
      grid-template-columns:minmax(0,1fr) minmax(220px,.68fr) !important;
      align-items:stretch !important;
      gap:8px !important;
    }

    .mmr-radio-root .mmr-upnext-list.is-single{
      display:flex !important;
      align-items:center !important;
    }

    .mmr-radio-root.mmr-layout-big .mmr-upnext-list:not(.is-single){
      min-height:82px !important;
      padding:8px !important;
    }

    .mmr-radio-root.mmr-layout-big .mmr-upnext-list:not(.is-single) .mmr-upnext-main{
      min-width:0 !important;
    }

    .mmr-radio-root.mmr-layout-big .mmr-upnext-list:not(.is-single) .mmr-upnext-thumb{
      width:52px !important;
      height:52px !important;
      flex-basis:52px !important;
    }

    .mmr-radio-root.mmr-layout-big .mmr-upnext-list:not(.is-single) .mmr-upnext-title{
      font-size:12px !important;
    }

    .mmr-radio-root.mmr-layout-big .mmr-upnext-list:not(.is-single) .mmr-upnext-sub{
      font-size:10.5px !important;
      white-space:nowrap !important;
      overflow:hidden !important;
      text-overflow:ellipsis !important;
    }
  }

  @media (max-width:700px){
    .mmr-radio-root .mmr-upnext.mmr-upnext-mobile.mmr-upnext-list{
      display:block !important;
      min-height:0 !important;
      padding:9px 10px !important;
      border-radius:14px !important;
    }

    .mmr-radio-root .mmr-upnext.mmr-upnext-mobile.mmr-upnext-list .mmr-upnext-main{
      display:grid !important;
      grid-template-columns:62px minmax(0,1fr) !important;
      align-items:center !important;
      gap:10px !important;
      min-height:64px !important;
    }

    .mmr-radio-root .mmr-upnext.mmr-upnext-mobile.mmr-upnext-list .mmr-upnext-extra{
      margin-top:8px !important;
      gap:7px !important;
    }

    .mmr-radio-root .mmr-upnext.mmr-upnext-mobile.mmr-upnext-list .mmr-upnext-mini{
      grid-template-columns:42px minmax(0,1fr) !important;
      min-height:48px !important;
      padding:6px 8px !important;
    }

    .mmr-radio-root .mmr-upnext.mmr-upnext-mobile.mmr-upnext-list .mmr-upnext-mini-thumb{
      width:42px !important;
      height:42px !important;
    }

    .mmr-radio-root .mmr-upnext.mmr-upnext-mobile.mmr-upnext-list .mmr-upnext-mini-title{
      font-size:8px !important;
    }

    .mmr-radio-root .mmr-upnext.mmr-upnext-mobile.mmr-upnext-list .mmr-upnext-mini-sub{
      font-size:11px !important;
      white-space:normal !important;
      display:-webkit-box !important;
      -webkit-line-clamp:2 !important;
      -webkit-box-orient:vertical !important;
    }
  }

  @media (max-width:390px){
    .mmr-radio-root .mmr-upnext.mmr-upnext-mobile.mmr-upnext-list .mmr-upnext-main{
      grid-template-columns:56px minmax(0,1fr) !important;
      gap:9px !important;
    }

    .mmr-radio-root .mmr-upnext.mmr-upnext-mobile.mmr-upnext-list .mmr-upnext-mini{
      grid-template-columns:38px minmax(0,1fr) !important;
    }

    .mmr-radio-root .mmr-upnext.mmr-upnext-mobile.mmr-upnext-list .mmr-upnext-mini-thumb{
      width:38px !important;
      height:38px !important;
    }
  }


  /* ==========================================================
     MMR LISTENER VAULT SERVER SYNC
     Save/recover My Favorites with a private Vault Code.
     ========================================================== */
  .mmr-radio-root .mmr-vault-tools{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,auto)) minmax(170px,1fr);
    align-items:center;
    gap:8px;
    margin:0 0 12px;
    padding:9px;
    border:1px solid rgba(176,92,255,.18);
    border-radius:16px;
    background:linear-gradient(180deg, rgba(255,255,255,.024), rgba(255,255,255,.004)), rgba(5,7,11,.32);
  }

  .mmr-radio-root .mmr-vault-btn{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:32px;
    padding:7px 11px;
    border-radius:999px;
    border:1px solid rgba(176,92,255,.24);
    background:rgba(12,15,20,.86);
    color:#fff;
    font-size:10px;
    line-height:1;
    font-weight:1000;
    letter-spacing:.07em;
    text-transform:uppercase;
    cursor:pointer;
    transition:transform .16s ease,border-color .16s ease,background .16s ease,box-shadow .16s ease,opacity .16s ease;
    touch-action:manipulation;
    white-space:nowrap;
  }

  .mmr-radio-root .mmr-vault-btn.is-save{
    border-color:rgba(125,255,215,.30);
    background:linear-gradient(180deg, rgba(48,185,155,.22), rgba(12,15,20,.88));
  }

  .mmr-radio-root .mmr-vault-btn:hover,
  .mmr-radio-root .mmr-vault-btn:focus-visible{
    transform:translateY(-1px);
    border-color:#b05cff;
    background:linear-gradient(180deg, rgba(106,13,173,.34), rgba(12,15,20,.94));
    box-shadow:0 0 14px rgba(106,13,173,.14);
    outline:none;
  }

  .mmr-radio-root .mmr-vault-btn:disabled{
    opacity:.45;
    cursor:not-allowed;
    transform:none !important;
    box-shadow:none !important;
  }

  .mmr-radio-root .mmr-vault-code{
    min-width:0;
    user-select:text;
    justify-self:stretch;
    padding:7px 10px;
    border-radius:999px;
    border:1px solid rgba(255,230,109,.16);
    background:rgba(0,0,0,.24);
    color:var(--mmr-text-caption);
    font-size:10px;
    line-height:1.2;
    font-weight:900;
    letter-spacing:.065em;
    text-transform:uppercase;
    text-align:center;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
  }

  .mmr-radio-root .mmr-vault-code.has-code{
    color:#fff;
    border-color:rgba(125,255,215,.24);
    background:linear-gradient(90deg, rgba(48,185,155,.14), rgba(0,0,0,.22));
  }

  @media (max-width:760px){
    .mmr-radio-root .mmr-vault-tools{
      grid-template-columns:1fr 1fr;
      gap:7px;
      padding:8px;
    }

    .mmr-radio-root .mmr-vault-code{
      grid-column:1 / -1;
      white-space:normal;
      border-radius:14px;
    }
  }

  @media (max-width:390px){
    .mmr-radio-root .mmr-vault-tools{
      grid-template-columns:1fr;
    }

    .mmr-radio-root .mmr-vault-code{
      grid-column:auto;
    }
  }


  /* Listener Vault cleanup: Copy buttons removed */
  .mmr-radio-root [data-mmr-id="mmrVaultCopy"],
  .mmr-radio-root .mmr-saved-item-btn[data-mmr-copy],
  .mmr-radio-root .mmr-saved-item-btn.is-copy{
    display:none !important;
  }



  /* ==========================================================
     MMR LIVE DJ / EQ PLAYER-SIZE DOCK FINAL OVERRIDE
     - When a DJ is live, the Coming Up Next cards stay hidden.
     - Desktop only: Player Small / Player Big lives inside the
       EQ corner as a compact side dock. Phone/tablet stay clean.
     ========================================================== */
  .mmr-radio-root.is-live-dj [data-mmr-id="mmrUpNext"],
  .mmr-radio-root.is-live-dj [data-mmr-id="mmrUpNextMobile"]{
    display:none !important;
  }

  @media (min-width:1025px){
    .mmr-radio-root .mmr-eq-shell{
      position:relative !important;
    }

    .mmr-radio-root .mmr-topline > .mmr-layout-toggle{
      display:none !important;
    }

    .mmr-radio-root .mmr-eq-shell .mmr-layout-toggle,
    .mmr-radio-root.mmr-layout-big .mmr-eq-shell .mmr-layout-toggle,
    .mmr-radio-root.mmr-layout-small .mmr-eq-shell .mmr-layout-toggle{
      display:flex !important;
      position:absolute !important;
      z-index:9 !important;
      top:34px !important;
      right:8px !important;
      bottom:auto !important;
      left:auto !important;
      width:124px !important;
      max-width:124px !important;
      min-width:0 !important;
      flex-direction:column !important;
      align-items:stretch !important;
      justify-content:flex-start !important;
      justify-self:auto !important;
      align-self:auto !important;
      grid-area:auto !important;
      gap:5px !important;
      margin:0 !important;
      padding:5px !important;
      border:1px solid rgba(176,92,255,.24) !important;
      border-radius:14px !important;
      background:linear-gradient(180deg, rgba(21,25,34,.88), rgba(5,7,11,.86)) !important;
      box-shadow:0 10px 24px rgba(0,0,0,.30), inset 0 0 0 1px rgba(255,255,255,.025) !important;
      backdrop-filter:blur(9px) !important;
      -webkit-backdrop-filter:blur(9px) !important;
      overflow:hidden !important;
    }

    .mmr-radio-root .mmr-eq-shell .mmr-layout-toggle::before{
      content:"PLAYER SIZE";
      display:block;
      padding:2px 4px 1px;
      color:#d9bbff;
      font-size:6.8px;
      line-height:1;
      font-weight:1000;
      letter-spacing:.16em;
      text-transform:uppercase;
      opacity:.84;
      text-align:center;
    }

    .mmr-radio-root .mmr-eq-shell .mmr-layout-btn,
    .mmr-radio-root.mmr-layout-big .mmr-eq-shell .mmr-layout-btn,
    .mmr-radio-root.mmr-layout-small .mmr-eq-shell .mmr-layout-btn{
      width:100% !important;
      max-width:100% !important;
      min-height:28px !important;
      padding:6px 8px !important;
      justify-content:flex-start !important;
      gap:7px !important;
      border-radius:10px !important;
      font-size:9px !important;
      line-height:1 !important;
      letter-spacing:.075em !important;
      background:rgba(8,10,15,.76) !important;
      border-color:rgba(176,92,255,.14) !important;
      color:var(--mmr-text-caption) !important;
      opacity:.86 !important;
      box-shadow:none !important;
    }

    .mmr-radio-root .mmr-eq-shell .mmr-layout-btn:hover,
    .mmr-radio-root .mmr-eq-shell .mmr-layout-btn:focus-visible{
      color:#fff !important;
      opacity:1 !important;
      border-color:rgba(199,156,255,.42) !important;
      background:linear-gradient(180deg, rgba(106,13,173,.34), rgba(8,10,15,.86)) !important;
      box-shadow:0 0 14px rgba(106,13,173,.16) !important;
      outline:none !important;
    }

    .mmr-radio-root.mmr-layout-small .mmr-eq-shell .mmr-layout-btn[data-layout="small"],
    .mmr-radio-root.mmr-layout-big .mmr-eq-shell .mmr-layout-btn[data-layout="big"]{
      color:#fff !important;
      opacity:1 !important;
      border-color:rgba(199,156,255,.58) !important;
      background:linear-gradient(180deg, rgba(141,52,255,.70), rgba(106,13,173,.36)) !important;
      box-shadow:0 0 16px rgba(106,13,173,.26), inset 0 0 0 1px rgba(255,255,255,.08) !important;
    }

    .mmr-radio-root .mmr-eq-shell .mmr-layout-icon{
      width:15px !important;
      height:15px !important;
      flex:0 0 15px !important;
      border-radius:4px !important;
      font-size:9px !important;
    }
  }

  @media (min-width:1025px) and (max-width:1180px){
    .mmr-radio-root .mmr-eq-shell .mmr-layout-toggle,
    .mmr-radio-root.mmr-layout-big .mmr-eq-shell .mmr-layout-toggle,
    .mmr-radio-root.mmr-layout-small .mmr-eq-shell .mmr-layout-toggle{
      top:32px !important;
      right:7px !important;
      width:112px !important;
      max-width:112px !important;
      padding:4px !important;
    }

    .mmr-radio-root .mmr-eq-shell .mmr-layout-btn,
    .mmr-radio-root.mmr-layout-big .mmr-eq-shell .mmr-layout-btn,
    .mmr-radio-root.mmr-layout-small .mmr-eq-shell .mmr-layout-btn{
      min-height:26px !important;
      padding:5px 7px !important;
      font-size:8px !important;
      gap:6px !important;
    }

    .mmr-radio-root .mmr-eq-shell .mmr-layout-toggle::before{
      font-size:6.2px !important;
    }
  }

  @media (max-width:1024px){
    .mmr-radio-root .mmr-eq-shell .mmr-layout-toggle{
      display:none !important;
    }
  }


  /* ==========================================================
     MMR EQ + PLAYER SIZE COMPACT DOCK
     Desktop only: EQ Theme, Player Small, and Player Big live
     together as one sleek 3-button panel inside the EQ corner.
     ========================================================== */
  @media (min-width:1025px){
    .mmr-radio-root .mmr-eq-head{
      display:none !important;
    }

    .mmr-radio-root .mmr-eq-shell .mmr-layout-toggle.mmr-eq-control-dock,
    .mmr-radio-root.mmr-layout-big .mmr-eq-shell .mmr-layout-toggle.mmr-eq-control-dock,
    .mmr-radio-root.mmr-layout-small .mmr-eq-shell .mmr-layout-toggle.mmr-eq-control-dock{
      top:8px !important;
      right:8px !important;
      width:132px !important;
      max-width:132px !important;
      padding:5px !important;
      gap:5px !important;
      border-radius:15px !important;
      background:
        radial-gradient(circle at 50% 0%, rgba(176,92,255,.16), transparent 62%),
        linear-gradient(180deg, rgba(20,23,31,.90), rgba(5,7,11,.88)) !important;
      border-color:rgba(176,92,255,.26) !important;
      box-shadow:0 12px 28px rgba(0,0,0,.30), 0 0 18px rgba(106,13,173,.10), inset 0 0 0 1px rgba(255,255,255,.025) !important;
    }

    .mmr-radio-root .mmr-eq-shell .mmr-layout-toggle.mmr-eq-control-dock::before{
      content:"CONTROL DECK" !important;
      padding:2px 4px 1px !important;
      color:#d9bbff !important;
      font-size:6.6px !important;
      line-height:1 !important;
      font-weight:1000 !important;
      letter-spacing:.17em !important;
      text-transform:uppercase !important;
      text-align:center !important;
      opacity:.82 !important;
    }

    .mmr-radio-root .mmr-eq-shell .mmr-layout-toggle.mmr-eq-control-dock .mmr-layout-btn{
      position:relative !important;
      display:grid !important;
      grid-template-columns:18px minmax(0,1fr) auto !important;
      align-items:center !important;
      width:100% !important;
      min-height:28px !important;
      padding:5px 7px !important;
      gap:6px !important;
      border-radius:10px !important;
      background:rgba(8,10,15,.78) !important;
      border-color:rgba(176,92,255,.14) !important;
      color:var(--mmr-text-caption) !important;
      font-size:8.6px !important;
      line-height:1 !important;
      letter-spacing:.07em !important;
      opacity:.88 !important;
      box-shadow:none !important;
      overflow:hidden !important;
    }

    .mmr-radio-root .mmr-eq-shell .mmr-layout-toggle.mmr-eq-control-dock .mmr-layout-btn:hover,
    .mmr-radio-root .mmr-eq-shell .mmr-layout-toggle.mmr-eq-control-dock .mmr-layout-btn:focus-visible{
      color:#fff !important;
      opacity:1 !important;
      border-color:rgba(199,156,255,.44) !important;
      background:linear-gradient(180deg, rgba(106,13,173,.34), rgba(8,10,15,.88)) !important;
      box-shadow:0 0 14px rgba(106,13,173,.16) !important;
      outline:none !important;
    }

    .mmr-radio-root.mmr-layout-small .mmr-eq-shell .mmr-eq-control-dock .mmr-layout-btn[data-layout="small"],
    .mmr-radio-root.mmr-layout-big .mmr-eq-shell .mmr-eq-control-dock .mmr-layout-btn[data-layout="big"]{
      color:#fff !important;
      opacity:1 !important;
      border-color:rgba(199,156,255,.58) !important;
      background:linear-gradient(180deg, rgba(141,52,255,.70), rgba(106,13,173,.36)) !important;
      box-shadow:0 0 16px rgba(106,13,173,.24), inset 0 0 0 1px rgba(255,255,255,.08) !important;
    }

    .mmr-radio-root .mmr-eq-shell .mmr-eq-control-dock .mmr-layout-icon{
      width:18px !important;
      height:18px !important;
      flex:0 0 18px !important;
      border-radius:6px !important;
      font-size:8.5px !important;
      font-weight:1000 !important;
      letter-spacing:.02em !important;
    }

    .mmr-radio-root .mmr-eq-shell .mmr-eq-control-dock .mmr-dock-copy{
      min-width:0 !important;
      display:flex !important;
      flex-direction:column !important;
      gap:1px !important;
      text-align:left !important;
    }

    .mmr-radio-root .mmr-eq-shell .mmr-eq-control-dock .mmr-dock-main{
      min-width:0 !important;
      overflow:hidden !important;
      text-overflow:ellipsis !important;
      white-space:nowrap !important;
      color:inherit !important;
      font-size:8.6px !important;
      line-height:1 !important;
      font-weight:1000 !important;
      letter-spacing:.07em !important;
      text-transform:uppercase !important;
    }

    .mmr-radio-root .mmr-eq-shell .mmr-eq-control-dock .mmr-dock-sub{
      min-width:0 !important;
      max-width:72px !important;
      overflow:hidden !important;
      text-overflow:ellipsis !important;
      white-space:nowrap !important;
      color:#fff !important;
      font-size:7px !important;
      line-height:1 !important;
      font-weight:1000 !important;
      letter-spacing:.08em !important;
      text-transform:uppercase !important;
      opacity:.82 !important;
    }

    .mmr-radio-root .mmr-eq-shell .mmr-eq-control-dock .mmr-dock-eq-btn{
      border-color:rgba(125,255,215,.20) !important;
      background:linear-gradient(180deg, rgba(48,185,155,.16), rgba(8,10,15,.84)) !important;
    }

    .mmr-radio-root .mmr-eq-shell .mmr-eq-control-dock .mmr-dock-eq-btn:hover,
    .mmr-radio-root .mmr-eq-shell .mmr-eq-control-dock .mmr-dock-eq-btn:focus-visible{
      border-color:rgba(125,255,215,.44) !important;
      background:linear-gradient(180deg, rgba(48,185,155,.24), rgba(8,10,15,.90)) !important;
      box-shadow:0 0 14px rgba(48,185,155,.12) !important;
    }

    .mmr-radio-root .mmr-eq-shell .mmr-eq-control-dock .mmr-eq-cycle-arrow{
      width:16px !important;
      height:16px !important;
      flex:0 0 16px !important;
      display:inline-flex !important;
      align-items:center !important;
      justify-content:center !important;
      border-radius:50% !important;
      background:rgba(106,13,173,.52) !important;
      color:#fff !important;
      font-size:13px !important;
      line-height:1 !important;
      font-weight:1000 !important;
      box-shadow:none !important;
    }
  }

  @media (min-width:1025px) and (max-width:1180px){
    .mmr-radio-root .mmr-eq-shell .mmr-layout-toggle.mmr-eq-control-dock,
    .mmr-radio-root.mmr-layout-big .mmr-eq-shell .mmr-layout-toggle.mmr-eq-control-dock,
    .mmr-radio-root.mmr-layout-small .mmr-eq-shell .mmr-layout-toggle.mmr-eq-control-dock{
      width:118px !important;
      max-width:118px !important;
      right:7px !important;
      top:7px !important;
      padding:4px !important;
      gap:4px !important;
    }

    .mmr-radio-root .mmr-eq-shell .mmr-layout-toggle.mmr-eq-control-dock .mmr-layout-btn{
      min-height:26px !important;
      padding:5px 6px !important;
      gap:5px !important;
      font-size:7.8px !important;
      grid-template-columns:17px minmax(0,1fr) auto !important;
    }

    .mmr-radio-root .mmr-eq-shell .mmr-eq-control-dock .mmr-layout-icon{
      width:17px !important;
      height:17px !important;
      flex-basis:17px !important;
      font-size:7.8px !important;
    }

    .mmr-radio-root .mmr-eq-shell .mmr-eq-control-dock .mmr-dock-main{
      font-size:7.8px !important;
    }

    .mmr-radio-root .mmr-eq-shell .mmr-eq-control-dock .mmr-dock-sub{
      max-width:58px !important;
      font-size:6.4px !important;
    }
  }

  @media (max-width:1024px){
    .mmr-radio-root .mmr-eq-shell .mmr-eq-control-dock{
      display:none !important;
    }
  }



  /* ==========================================================
     MMR FINAL CONTROL DECK REFINEMENT
     Small player: keep controls in the EQ corner, but slimmer.
     EQ Theme is visually separated from Player Small / Big.
     Big player: move the control deck to the top header area,
     and move Share on X / Facebook to the lower-left of that
     Now Playing header panel.
     ========================================================== */
  @media (min-width:1025px){
    .mmr-radio-root .mmr-eq-shell .mmr-layout-toggle.mmr-eq-control-dock,
    .mmr-radio-root.mmr-layout-small .mmr-eq-shell .mmr-layout-toggle.mmr-eq-control-dock{
      display:grid !important;
      position:absolute !important;
      top:8px !important;
      right:8px !important;
      width:112px !important;
      max-width:112px !important;
      padding:0 !important;
      gap:4px !important;
      border:0 !important;
      border-radius:0 !important;
      background:transparent !important;
      box-shadow:none !important;
      backdrop-filter:none !important;
      -webkit-backdrop-filter:none !important;
      overflow:visible !important;
    }

    .mmr-radio-root .mmr-eq-shell .mmr-layout-toggle.mmr-eq-control-dock::before,
    .mmr-radio-root.mmr-layout-small .mmr-eq-shell .mmr-layout-toggle.mmr-eq-control-dock::before{
      display:none !important;
      content:none !important;
    }

    .mmr-radio-root .mmr-eq-shell .mmr-eq-control-dock .mmr-dock-eq-btn,
    .mmr-radio-root.mmr-layout-small .mmr-eq-shell .mmr-eq-control-dock .mmr-dock-eq-btn{
      display:grid !important;
      grid-template-columns:16px minmax(0,1fr) 14px !important;
      align-items:center !important;
      min-height:23px !important;
      padding:3px 5px !important;
      margin:0 0 3px !important;
      gap:5px !important;
      border-radius:999px !important;
      border:1px solid rgba(125,255,215,.24) !important;
      background:linear-gradient(90deg, rgba(48,185,155,.18), rgba(7,9,13,.78)) !important;
      color:#fff !important;
      box-shadow:0 5px 14px rgba(0,0,0,.22), 0 0 12px rgba(48,185,155,.08) !important;
    }

    .mmr-radio-root .mmr-eq-shell .mmr-eq-control-dock .mmr-layout-btn[data-layout],
    .mmr-radio-root.mmr-layout-small .mmr-eq-shell .mmr-eq-control-dock .mmr-layout-btn[data-layout]{
      display:grid !important;
      grid-template-columns:14px minmax(0,1fr) !important;
      align-items:center !important;
      min-height:23px !important;
      padding:4px 6px !important;
      gap:5px !important;
      border-radius:8px !important;
      border:1px solid rgba(176,92,255,.16) !important;
      background:linear-gradient(180deg, rgba(255,255,255,.025), rgba(255,255,255,0)), rgba(7,9,13,.76) !important;
      color:var(--mmr-text-caption) !important;
      font-size:7.5px !important;
      line-height:1 !important;
      letter-spacing:.07em !important;
      box-shadow:0 4px 10px rgba(0,0,0,.18) !important;
      opacity:.86 !important;
    }

    .mmr-radio-root .mmr-eq-shell .mmr-eq-control-dock .mmr-layout-btn[data-layout]:hover,
    .mmr-radio-root .mmr-eq-shell .mmr-eq-control-dock .mmr-layout-btn[data-layout]:focus-visible{
      color:#fff !important;
      opacity:1 !important;
      border-color:rgba(199,156,255,.42) !important;
      background:linear-gradient(180deg, rgba(106,13,173,.34), rgba(7,9,13,.86)) !important;
      outline:none !important;
    }

    .mmr-radio-root.mmr-layout-small .mmr-eq-shell .mmr-eq-control-dock .mmr-layout-btn[data-layout="small"],
    .mmr-radio-root.mmr-layout-big .mmr-eq-shell .mmr-eq-control-dock .mmr-layout-btn[data-layout="big"]{
      color:#fff !important;
      opacity:1 !important;
      border-color:rgba(199,156,255,.58) !important;
      background:linear-gradient(180deg, rgba(141,52,255,.66), rgba(106,13,173,.34)) !important;
      box-shadow:0 0 13px rgba(106,13,173,.22), inset 0 0 0 1px rgba(255,255,255,.07) !important;
    }

    .mmr-radio-root .mmr-eq-shell .mmr-eq-control-dock .mmr-layout-icon{
      width:14px !important;
      height:14px !important;
      flex:0 0 14px !important;
      border-radius:4px !important;
      font-size:7px !important;
      line-height:1 !important;
    }

    .mmr-radio-root .mmr-eq-shell .mmr-eq-control-dock .mmr-dock-eq-btn .mmr-layout-icon{
      width:16px !important;
      height:16px !important;
      flex-basis:16px !important;
      border-radius:50% !important;
      font-size:6.5px !important;
      border-color:rgba(125,255,215,.34) !important;
    }

    .mmr-radio-root .mmr-eq-shell .mmr-eq-control-dock .mmr-dock-main{
      min-width:0 !important;
      overflow:hidden !important;
      text-overflow:ellipsis !important;
      white-space:nowrap !important;
      font-size:7.5px !important;
      line-height:1 !important;
      font-weight:1000 !important;
      letter-spacing:.07em !important;
      text-transform:uppercase !important;
    }

    .mmr-radio-root .mmr-eq-shell .mmr-eq-control-dock .mmr-dock-sub{
      display:none !important;
    }

    .mmr-radio-root .mmr-eq-shell .mmr-eq-control-dock .mmr-eq-cycle-arrow{
      width:14px !important;
      height:14px !important;
      flex:0 0 14px !important;
      font-size:11px !important;
    }
  }

  @media (min-width:1025px) and (max-width:1180px){
    .mmr-radio-root .mmr-eq-shell .mmr-layout-toggle.mmr-eq-control-dock,
    .mmr-radio-root.mmr-layout-small .mmr-eq-shell .mmr-layout-toggle.mmr-eq-control-dock{
      width:104px !important;
      max-width:104px !important;
      top:7px !important;
      right:7px !important;
    }

    .mmr-radio-root .mmr-eq-shell .mmr-eq-control-dock .mmr-layout-btn[data-layout],
    .mmr-radio-root.mmr-layout-small .mmr-eq-shell .mmr-eq-control-dock .mmr-layout-btn[data-layout]{
      min-height:22px !important;
      padding:4px 5px !important;
      font-size:7px !important;
    }

    .mmr-radio-root .mmr-eq-shell .mmr-eq-control-dock .mmr-dock-main{
      font-size:7px !important;
    }
  }

  @media (min-width:1025px){
    .mmr-radio-root.mmr-layout-big .mmr-topline{
      display:grid !important;
      grid-template-columns:auto minmax(0,1fr) !important;
      grid-template-areas:
        "play meta"
        "share share" !important;
      grid-template-rows:minmax(0,1fr) auto !important;
      align-items:center !important;
      column-gap:10px !important;
      row-gap:8px !important;
      min-height:100px !important;
      padding:10px 154px 10px 12px !important;
      overflow:visible !important;
      position:relative !important;
    }

    .mmr-radio-root.mmr-layout-big .mmr-pp{
      grid-area:play !important;
      align-self:center !important;
      justify-self:start !important;
    }

    .mmr-radio-root.mmr-layout-big .npStack{
      grid-area:meta !important;
      align-self:center !important;
      justify-self:stretch !important;
      min-width:0 !important;
      max-width:100% !important;
      padding-right:0 !important;
    }

    .mmr-radio-root.mmr-layout-big .mmr-topline .mmr-actions{
      grid-area:share !important;
      position:static !important;
      inset:auto !important;
      display:flex !important;
      align-items:flex-end !important;
      justify-content:flex-start !important;
      justify-self:start !important;
      align-self:end !important;
      width:auto !important;
      max-width:100% !important;
      min-width:0 !important;
      margin:0 !important;
      padding:0 !important;
      z-index:6 !important;
    }

    .mmr-radio-root.mmr-layout-big .mmr-topline .mmr-share{
      display:flex !important;
      align-items:center !important;
      justify-content:flex-start !important;
      flex-wrap:nowrap !important;
      gap:7px !important;
      width:auto !important;
      max-width:100% !important;
      min-width:0 !important;
      overflow:visible !important;
    }

    .mmr-radio-root.mmr-layout-big .mmr-topline .mmr-share > button{
      display:none !important;
    }

    .mmr-radio-root.mmr-layout-big .mmr-topline .mmr-share a.mmr-btn{
      display:inline-flex !important;
      min-height:24px !important;
      padding:4px 8px !important;
      border-radius:999px !important;
      font-size:7.8px !important;
      line-height:1 !important;
      letter-spacing:.035em !important;
      max-width:none !important;
      white-space:nowrap !important;
    }

    .mmr-radio-root.mmr-layout-big .mmr-eq-shell{
      overflow:visible !important;
    }

    .mmr-radio-root.mmr-layout-big .mmr-eq-shell .mmr-layout-toggle.mmr-eq-control-dock{
      top:-110px !important;
      right:10px !important;
      width:132px !important;
      max-width:132px !important;
      padding:5px !important;
      gap:4px !important;
      border:1px solid rgba(176,92,255,.28) !important;
      border-radius:14px !important;
      background:
        radial-gradient(circle at 50% 0%, rgba(176,92,255,.16), transparent 62%),
        linear-gradient(180deg, rgba(18,21,30,.90), rgba(5,7,11,.88)) !important;
      box-shadow:0 12px 28px rgba(0,0,0,.30), 0 0 18px rgba(106,13,173,.10), inset 0 0 0 1px rgba(255,255,255,.025) !important;
      backdrop-filter:blur(9px) !important;
      -webkit-backdrop-filter:blur(9px) !important;
    }

    .mmr-radio-root.mmr-layout-big .mmr-eq-shell .mmr-layout-toggle.mmr-eq-control-dock::before{
      content:"CONTROL DECK" !important;
      display:block !important;
      padding:2px 4px 1px !important;
      color:#d9bbff !important;
      font-size:6.4px !important;
      line-height:1 !important;
      font-weight:1000 !important;
      letter-spacing:.16em !important;
      text-align:center !important;
      text-transform:uppercase !important;
      opacity:.82 !important;
    }

    .mmr-radio-root.mmr-layout-big .mmr-eq-shell .mmr-eq-control-dock .mmr-dock-eq-btn{
      border-radius:10px !important;
      margin-bottom:2px !important;
    }

    .mmr-radio-root.mmr-layout-big .mmr-eq-shell .mmr-eq-control-dock .mmr-layout-btn[data-layout]{
      min-height:25px !important;
      border-radius:9px !important;
    }
  }

  @media (min-width:1025px) and (max-width:1180px){
    .mmr-radio-root.mmr-layout-big .mmr-topline{
      min-height:102px !important;
      padding:9px 142px 9px 10px !important;
    }

    .mmr-radio-root.mmr-layout-big .mmr-eq-shell .mmr-layout-toggle.mmr-eq-control-dock{
      top:-110px !important;
      right:8px !important;
      width:120px !important;
      max-width:120px !important;
    }

    .mmr-radio-root.mmr-layout-big .mmr-topline .mmr-share{
      gap:5px !important;
    }

    .mmr-radio-root.mmr-layout-big .mmr-topline .mmr-share a.mmr-btn{
      min-height:23px !important;
      padding:4px 7px !important;
      font-size:7.1px !important;
    }
  }



  /* ==========================================================
     MMR INTEGRATED CONTROL DECK POLISH
     Makes the 3-button dock feel built into the player instead
     of floating over the UI. Desktop only.
     ========================================================== */
  @media (min-width:1025px){
    .mmr-radio-root .mmr-eq-shell{
      position:relative !important;
    }

    .mmr-radio-root .mmr-eq-shell .mmr-layout-toggle.mmr-eq-control-dock,
    .mmr-radio-root.mmr-layout-small .mmr-eq-shell .mmr-layout-toggle.mmr-eq-control-dock{
      display:grid !important;
      position:absolute !important;
      top:8px !important;
      right:8px !important;
      bottom:8px !important;
      left:auto !important;
      width:104px !important;
      max-width:104px !important;
      min-width:0 !important;
      grid-template-columns:1fr !important;
      grid-auto-rows:min-content !important;
      align-content:start !important;
      gap:5px !important;
      padding:6px !important;
      margin:0 !important;
      border:1px solid rgba(176,92,255,.20) !important;
      border-left-color:rgba(199,156,255,.34) !important;
      border-radius:12px !important;
      background:
        linear-gradient(180deg, rgba(8,10,15,.70), rgba(8,10,15,.46)),
        radial-gradient(circle at 50% 0%, rgba(176,92,255,.14), transparent 60%) !important;
      box-shadow:inset 0 0 0 1px rgba(255,255,255,.020), inset 12px 0 24px rgba(106,13,173,.055) !important;
      backdrop-filter:blur(5px) !important;
      -webkit-backdrop-filter:blur(5px) !important;
      overflow:hidden !important;
      z-index:10 !important;
    }

    .mmr-radio-root .mmr-eq-shell .mmr-layout-toggle.mmr-eq-control-dock::before,
    .mmr-radio-root.mmr-layout-small .mmr-eq-shell .mmr-layout-toggle.mmr-eq-control-dock::before{
      display:none !important;
      content:none !important;
    }

    .mmr-radio-root .mmr-eq-shell .mmr-eq-control-dock .mmr-layout-btn,
    .mmr-radio-root.mmr-layout-small .mmr-eq-shell .mmr-eq-control-dock .mmr-layout-btn{
      width:100% !important;
      max-width:100% !important;
      min-width:0 !important;
      margin:0 !important;
      box-shadow:none !important;
    }

    .mmr-radio-root .mmr-eq-shell .mmr-eq-control-dock .mmr-dock-eq-btn,
    .mmr-radio-root.mmr-layout-small .mmr-eq-shell .mmr-eq-control-dock .mmr-dock-eq-btn{
      display:grid !important;
      grid-template-columns:15px minmax(0,1fr) 13px !important;
      align-items:center !important;
      min-height:24px !important;
      padding:4px 5px !important;
      gap:5px !important;
      border-radius:8px !important;
      border:1px solid rgba(125,255,215,.26) !important;
      background:linear-gradient(90deg, rgba(48,185,155,.18), rgba(7,9,13,.72)) !important;
      color:#fff !important;
    }

    .mmr-radio-root .mmr-eq-shell .mmr-eq-control-dock .mmr-dock-eq-btn::after,
    .mmr-radio-root.mmr-layout-small .mmr-eq-shell .mmr-eq-control-dock .mmr-dock-eq-btn::after{
      content:"" !important;
      position:absolute !important;
      left:6px !important;
      right:6px !important;
      bottom:-4px !important;
      height:1px !important;
      background:linear-gradient(90deg, transparent, rgba(125,255,215,.24), transparent) !important;
      pointer-events:none !important;
    }

    .mmr-radio-root .mmr-eq-shell .mmr-eq-control-dock .mmr-layout-btn[data-layout],
    .mmr-radio-root.mmr-layout-small .mmr-eq-shell .mmr-eq-control-dock .mmr-layout-btn[data-layout]{
      display:grid !important;
      grid-template-columns:13px minmax(0,1fr) !important;
      align-items:center !important;
      min-height:23px !important;
      padding:4px 5px !important;
      gap:5px !important;
      border-radius:8px !important;
      border:1px solid rgba(176,92,255,.16) !important;
      background:rgba(7,9,13,.58) !important;
      color:var(--mmr-text-caption) !important;
      opacity:.88 !important;
    }

    .mmr-radio-root .mmr-eq-shell .mmr-eq-control-dock .mmr-layout-btn:hover,
    .mmr-radio-root .mmr-eq-shell .mmr-eq-control-dock .mmr-layout-btn:focus-visible{
      color:#fff !important;
      opacity:1 !important;
      border-color:rgba(199,156,255,.42) !important;
      background:linear-gradient(180deg, rgba(106,13,173,.30), rgba(7,9,13,.72)) !important;
      outline:none !important;
    }

    .mmr-radio-root.mmr-layout-small .mmr-eq-shell .mmr-eq-control-dock .mmr-layout-btn[data-layout="small"],
    .mmr-radio-root.mmr-layout-big .mmr-eq-shell .mmr-eq-control-dock .mmr-layout-btn[data-layout="big"]{
      color:#fff !important;
      opacity:1 !important;
      border-color:rgba(199,156,255,.58) !important;
      background:linear-gradient(180deg, rgba(141,52,255,.62), rgba(106,13,173,.30)) !important;
      box-shadow:inset 0 0 0 1px rgba(255,255,255,.060) !important;
    }

    .mmr-radio-root .mmr-eq-shell .mmr-eq-control-dock .mmr-layout-icon{
      width:13px !important;
      height:13px !important;
      flex:0 0 13px !important;
      border-radius:4px !important;
      font-size:6.5px !important;
      line-height:1 !important;
      opacity:.86 !important;
    }

    .mmr-radio-root .mmr-eq-shell .mmr-eq-control-dock .mmr-dock-eq-btn .mmr-layout-icon{
      width:15px !important;
      height:15px !important;
      flex-basis:15px !important;
      border-radius:50% !important;
      border-color:rgba(125,255,215,.34) !important;
    }

    .mmr-radio-root .mmr-eq-shell .mmr-eq-control-dock .mmr-dock-copy{
      min-width:0 !important;
      display:block !important;
      text-align:left !important;
    }

    .mmr-radio-root .mmr-eq-shell .mmr-eq-control-dock .mmr-dock-main{
      min-width:0 !important;
      overflow:hidden !important;
      text-overflow:ellipsis !important;
      white-space:nowrap !important;
      font-size:7px !important;
      line-height:1 !important;
      font-weight:1000 !important;
      letter-spacing:.06em !important;
      text-transform:uppercase !important;
    }

    .mmr-radio-root .mmr-eq-shell .mmr-eq-control-dock .mmr-dock-sub{
      display:none !important;
    }

    .mmr-radio-root .mmr-eq-shell .mmr-eq-control-dock .mmr-eq-cycle-arrow{
      width:13px !important;
      height:13px !important;
      flex:0 0 13px !important;
      font-size:10px !important;
      background:rgba(106,13,173,.48) !important;
    }

    .mmr-radio-root.mmr-layout-big .mmr-topline{
      position:relative !important;
      overflow:hidden !important;
      padding-right:150px !important;
    }

    .mmr-radio-root.mmr-layout-big .mmr-topline::after{
      content:"" !important;
      position:absolute !important;
      top:7px !important;
      right:8px !important;
      bottom:7px !important;
      width:130px !important;
      border-left:1px solid rgba(176,92,255,.20) !important;
      border-radius:0 12px 12px 0 !important;
      background:
        linear-gradient(180deg, rgba(176,92,255,.075), rgba(0,0,0,.02)),
        rgba(7,9,13,.20) !important;
      box-shadow:inset 12px 0 22px rgba(106,13,173,.050) !important;
      pointer-events:none !important;
      z-index:1 !important;
    }

    .mmr-radio-root.mmr-layout-big .mmr-topline .mmr-pp,
    .mmr-radio-root.mmr-layout-big .mmr-topline .npStack,
    .mmr-radio-root.mmr-layout-big .mmr-topline .mmr-actions{
      position:relative !important;
      z-index:3 !important;
    }

    .mmr-radio-root.mmr-layout-big .mmr-eq-shell{
      overflow:visible !important;
    }

    .mmr-radio-root.mmr-layout-big .mmr-eq-shell .mmr-layout-toggle.mmr-eq-control-dock{
      top:-102px !important;
      right:14px !important;
      bottom:auto !important;
      width:118px !important;
      max-width:118px !important;
      height:82px !important;
      padding:6px 0 6px 8px !important;
      gap:4px !important;
      border:0 !important;
      border-radius:0 !important;
      background:transparent !important;
      box-shadow:none !important;
      backdrop-filter:none !important;
      -webkit-backdrop-filter:none !important;
      overflow:visible !important;
      z-index:12 !important;
    }

    .mmr-radio-root.mmr-layout-big .mmr-eq-shell .mmr-layout-toggle.mmr-eq-control-dock::before{
      display:none !important;
      content:none !important;
    }

    .mmr-radio-root.mmr-layout-big .mmr-eq-shell .mmr-eq-control-dock .mmr-dock-eq-btn,
    .mmr-radio-root.mmr-layout-big .mmr-eq-shell .mmr-eq-control-dock .mmr-layout-btn[data-layout]{
      min-height:22px !important;
      border-radius:7px !important;
      background:rgba(5,7,11,.36) !important;
      border-color:rgba(176,92,255,.14) !important;
      box-shadow:none !important;
    }

    .mmr-radio-root.mmr-layout-big .mmr-eq-shell .mmr-eq-control-dock .mmr-dock-eq-btn{
      background:linear-gradient(90deg, rgba(48,185,155,.13), rgba(5,7,11,.34)) !important;
      border-color:rgba(125,255,215,.22) !important;
    }

    .mmr-radio-root.mmr-layout-big .mmr-eq-shell .mmr-eq-control-dock .mmr-dock-eq-btn::after{
      display:none !important;
      content:none !important;
    }
  }

  @media (min-width:1025px) and (max-width:1180px){
    .mmr-radio-root .mmr-eq-shell .mmr-layout-toggle.mmr-eq-control-dock,
    .mmr-radio-root.mmr-layout-small .mmr-eq-shell .mmr-layout-toggle.mmr-eq-control-dock{
      width:98px !important;
      max-width:98px !important;
      right:7px !important;
      top:7px !important;
      bottom:7px !important;
      padding:5px !important;
    }

    .mmr-radio-root.mmr-layout-big .mmr-topline{
      padding-right:138px !important;
    }

    .mmr-radio-root.mmr-layout-big .mmr-topline::after{
      width:120px !important;
      right:7px !important;
    }

    .mmr-radio-root.mmr-layout-big .mmr-eq-shell .mmr-layout-toggle.mmr-eq-control-dock{
      top:-102px !important;
      right:12px !important;
      width:108px !important;
      max-width:108px !important;
    }
  }



  /* ==========================================================
     MMR BIG PLAYER BALANCED CONTROL RAIL + 2 LIVE DJ ACTIONS
     Desktop only: makes the top-right EQ / player-size controls
     feel built into the Now Playing bar with equal-size rows.
     Also removes the third live-DJ action from the layout.
     ========================================================== */
  @media (min-width:1025px){
    .mmr-radio-root.mmr-layout-big .mmr-topline{
      padding-right:166px !important;
    }

    .mmr-radio-root.mmr-layout-big .mmr-topline::after{
      top:6px !important;
      right:8px !important;
      bottom:6px !important;
      width:144px !important;
      border-left:1px solid rgba(176,92,255,.22) !important;
      border-radius:0 13px 13px 0 !important;
      background:
        linear-gradient(180deg, rgba(176,92,255,.105), rgba(0,0,0,.015)),
        radial-gradient(circle at 50% 0%, rgba(125,255,215,.050), transparent 70%),
        rgba(7,9,13,.28) !important;
      box-shadow:
        inset 10px 0 22px rgba(106,13,173,.045),
        inset 0 0 0 1px rgba(255,255,255,.014) !important;
    }

    .mmr-radio-root.mmr-layout-big .mmr-eq-shell .mmr-layout-toggle.mmr-eq-control-dock{
      top:-104px !important;
      right:16px !important;
      bottom:auto !important;
      width:124px !important;
      max-width:124px !important;
      height:auto !important;
      display:grid !important;
      grid-template-columns:1fr !important;
      grid-auto-rows:26px !important;
      gap:4px !important;
      padding:0 !important;
      margin:0 !important;
      border:0 !important;
      border-radius:0 !important;
      background:transparent !important;
      box-shadow:none !important;
      overflow:visible !important;
      z-index:14 !important;
    }

    .mmr-radio-root.mmr-layout-big .mmr-eq-shell .mmr-eq-control-dock .mmr-dock-eq-btn,
    .mmr-radio-root.mmr-layout-big .mmr-eq-shell .mmr-eq-control-dock .mmr-layout-btn[data-layout]{
      width:100% !important;
      min-width:0 !important;
      height:26px !important;
      min-height:26px !important;
      max-height:26px !important;
      margin:0 !important;
      padding:4px 6px !important;
      border-radius:8px !important;
      border:1px solid rgba(176,92,255,.18) !important;
      background:linear-gradient(180deg, rgba(255,255,255,.024), rgba(255,255,255,.006)), rgba(5,7,11,.46) !important;
      box-shadow:inset 0 0 0 1px rgba(255,255,255,.014) !important;
      color:var(--mmr-text-caption) !important;
      opacity:.94 !important;
      overflow:hidden !important;
    }

    .mmr-radio-root.mmr-layout-big .mmr-eq-shell .mmr-eq-control-dock .mmr-dock-eq-btn{
      display:grid !important;
      grid-template-columns:16px minmax(0,1fr) 13px !important;
      gap:5px !important;
      align-items:center !important;
      border-color:rgba(125,255,215,.24) !important;
      background:linear-gradient(90deg, rgba(48,185,155,.150), rgba(5,7,11,.46)) !important;
      color:#fff !important;
    }

    .mmr-radio-root.mmr-layout-big .mmr-eq-shell .mmr-eq-control-dock .mmr-layout-btn[data-layout]{
      display:grid !important;
      grid-template-columns:16px minmax(0,1fr) 13px !important;
      gap:5px !important;
      align-items:center !important;
    }

    .mmr-radio-root.mmr-layout-big .mmr-eq-shell .mmr-eq-control-dock .mmr-layout-btn[data-layout]::after{
      content:"" !important;
      width:13px !important;
      height:13px !important;
      display:block !important;
    }

    .mmr-radio-root.mmr-layout-big .mmr-eq-shell .mmr-eq-control-dock .mmr-layout-btn:hover,
    .mmr-radio-root.mmr-layout-big .mmr-eq-shell .mmr-eq-control-dock .mmr-layout-btn:focus-visible{
      color:#fff !important;
      border-color:rgba(199,156,255,.46) !important;
      background:linear-gradient(180deg, rgba(106,13,173,.34), rgba(5,7,11,.54)) !important;
      outline:none !important;
    }

    .mmr-radio-root.mmr-layout-big .mmr-eq-shell .mmr-eq-control-dock .mmr-layout-icon,
    .mmr-radio-root.mmr-layout-big .mmr-eq-shell .mmr-eq-control-dock .mmr-dock-eq-btn .mmr-layout-icon{
      width:16px !important;
      height:16px !important;
      flex:0 0 16px !important;
      border-radius:5px !important;
      font-size:6.4px !important;
      line-height:1 !important;
      opacity:.9 !important;
    }

    .mmr-radio-root.mmr-layout-big .mmr-eq-shell .mmr-eq-control-dock .mmr-dock-eq-btn .mmr-layout-icon{
      border-radius:50% !important;
      border-color:rgba(125,255,215,.32) !important;
    }

    .mmr-radio-root.mmr-layout-big .mmr-eq-shell .mmr-eq-control-dock .mmr-dock-main{
      display:block !important;
      min-width:0 !important;
      overflow:hidden !important;
      text-overflow:ellipsis !important;
      white-space:nowrap !important;
      font-size:7px !important;
      line-height:1 !important;
      font-weight:1000 !important;
      letter-spacing:.055em !important;
      text-align:left !important;
    }

    .mmr-radio-root.mmr-layout-big .mmr-eq-shell .mmr-eq-control-dock .mmr-eq-cycle-arrow{
      width:13px !important;
      height:13px !important;
      flex:0 0 13px !important;
      font-size:10px !important;
      background:rgba(106,13,173,.56) !important;
    }

    .mmr-radio-root.mmr-layout-big .mmr-eq-shell .mmr-eq-control-dock .mmr-dock-sub{
      display:none !important;
    }

    .mmr-radio-root.mmr-layout-small .mmr-live-dj-card.mmr-live-dj-console .mmr-live-dj-actions,
    .mmr-radio-root.mmr-layout-big .mmr-live-dj-card.mmr-live-dj-console .mmr-live-dj-actions{
      grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    }

    .mmr-radio-root .mmr-live-dj-card.mmr-live-dj-console .mmr-live-dj-action{
      width:100% !important;
    }
  }

  @media (min-width:1025px) and (max-width:1180px){
    .mmr-radio-root.mmr-layout-big .mmr-topline{
      padding-right:154px !important;
    }

    .mmr-radio-root.mmr-layout-big .mmr-topline::after{
      width:132px !important;
    }

    .mmr-radio-root.mmr-layout-big .mmr-eq-shell .mmr-layout-toggle.mmr-eq-control-dock{
      right:14px !important;
      width:114px !important;
      max-width:114px !important;
    }

    .mmr-radio-root.mmr-layout-big .mmr-eq-shell .mmr-eq-control-dock .mmr-dock-main{
      font-size:6.6px !important;
      letter-spacing:.045em !important;
    }
  }




  /* ==========================================================
     MMR PHONE PLAYER ORDER FIX
     Phone only: album art actions sit directly under the cover;
     bitrate buttons move below the EQ; the active bitrate is
     highlighted hard so listeners always know what is streaming.
     ========================================================== */
  @media (max-width:700px){
    .mmr-radio-root .mmr-row-top{
      display:grid !important;
      grid-template-columns:1fr !important;
      gap:10px !important;
      align-items:start !important;
    }

    .mmr-radio-root .mmr-leftcol,
    .mmr-radio-root .mmr-left{
      display:contents !important;
    }

    .mmr-radio-root .mmr-art{
      order:1 !important;
      width:min(100%, 360px) !important;
      justify-self:center !important;
      align-self:start !important;
    }

    .mmr-radio-root .mmr-cover-actions{
      order:2 !important;
      display:grid !important;
      grid-template-columns:repeat(3,minmax(0,1fr)) !important;
      gap:7px !important;
      width:min(100%, 360px) !important;
      justify-self:center !important;
      margin:0 !important;
      padding:0 !important;
    }

    .mmr-radio-root .mmr-cover-actions .mmr-btn{
      width:100% !important;
      min-height:36px !important;
      padding:7px 6px !important;
      border-radius:13px !important;
      font-size:9.4px !important;
      line-height:1.05 !important;
      font-weight:950 !important;
      white-space:nowrap !important;
      overflow:hidden !important;
      text-overflow:ellipsis !important;
    }

    .mmr-radio-root .mmr-topline{
      order:3 !important;
      width:100% !important;
      justify-self:stretch !important;
    }

    .mmr-radio-root .mmr-eq-shell{
      order:4 !important;
      width:100% !important;
      justify-self:stretch !important;
    }

    .mmr-radio-root .mmr-streams{
      order:5 !important;
      display:grid !important;
      grid-template-columns:repeat(3,minmax(0,1fr)) !important;
      gap:7px !important;
      width:100% !important;
      max-width:100% !important;
      justify-self:stretch !important;
      margin:0 !important;
      padding:0 !important;
    }

    .mmr-radio-root .mmr-stream-btn{
      width:100% !important;
      min-height:36px !important;
      padding:7px 6px !important;
      border-radius:13px !important;
      font-size:10px !important;
      line-height:1 !important;
      font-weight:950 !important;
      border-color:rgba(176,92,255,.20) !important;
      background:linear-gradient(180deg,rgba(255,255,255,.024),rgba(255,255,255,.004)),rgba(12,15,20,.84) !important;
      color:#fff !important;
      box-shadow:inset 0 0 0 1px rgba(255,255,255,.018),0 6px 14px rgba(0,0,0,.14) !important;
    }

    .mmr-radio-root .mmr-stream-btn.active,
    .mmr-radio-root .mmr-stream-btn.is-selected,
    .mmr-radio-root .mmr-stream-btn[aria-pressed="true"],
    .mmr-radio-root .mmr-stream-btn[aria-current="true"]{
      background:linear-gradient(180deg,#9b3dff,#6A0DAD) !important;
      border-color:#d8b6ff !important;
      color:#fff !important;
      box-shadow:0 0 0 1px rgba(255,255,255,.16) inset,0 0 18px rgba(106,13,173,.38) !important;
    }

    .mmr-radio-root .mmr-phone-only{
      order:6 !important;
      width:100% !important;
      justify-self:stretch !important;
    }

    .mmr-radio-root .mmr-phone-share .mmr-save-track-btn,
    .mmr-radio-root .mmr-phone-share .mmr-saved-list-btn,
    .mmr-radio-root .mmr-phone-share .mmr-discover-current-btn{
      display:none !important;
    }

    .mmr-radio-root .mmr-phone-share{
      grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    }
  }

  @media (max-width:390px){
    .mmr-radio-root .mmr-cover-actions{
      width:100% !important;
      gap:6px !important;
    }

    .mmr-radio-root .mmr-cover-actions .mmr-btn{
      min-height:34px !important;
      padding:7px 4px !important;
      font-size:8.6px !important;
      letter-spacing:.025em !important;
    }

    .mmr-radio-root .mmr-stream-btn{
      min-height:34px !important;
      font-size:9.2px !important;
    }
  }


  /* ==========================================================
     MMR SMALL PLAYER EQ / CONTROL RAIL SEPARATION
     Desktop small layout only: the EQ visual now ends before
     the 3-button control rail, so the controls feel like their
     own built-in side panel instead of sitting over the bars.
     ========================================================== */
  @media (min-width:1025px){
    .mmr-radio-root.mmr-layout-small .mmr-eq-shell{
      --mmr-small-eq-rail:126px;
      overflow:hidden !important;
      background:
        linear-gradient(90deg, rgba(7,9,13,.86) 0%, rgba(7,9,13,.86) calc(100% - var(--mmr-small-eq-rail)), rgba(10,12,18,.96) calc(100% - var(--mmr-small-eq-rail)), rgba(8,10,15,.98) 100%),
        radial-gradient(circle at 0% 100%, rgba(176,92,255,.11), transparent 36%) !important;
    }

    .mmr-radio-root.mmr-layout-small .mmr-eq-canvas{
      width:calc(100% - var(--mmr-small-eq-rail)) !important;
      height:100% !important;
      max-width:calc(100% - var(--mmr-small-eq-rail)) !important;
      border-radius:12px 0 0 12px !important;
      display:block !important;
    }

    .mmr-radio-root.mmr-layout-small .mmr-eq-shell .mmr-signal-chip{
      right:auto !important;
      max-width:calc(100% - var(--mmr-small-eq-rail) - 14px) !important;
    }

    .mmr-radio-root.mmr-layout-small .mmr-eq-shell .mmr-layout-toggle.mmr-eq-control-dock{
      top:0 !important;
      right:0 !important;
      bottom:0 !important;
      left:auto !important;
      width:var(--mmr-small-eq-rail) !important;
      max-width:var(--mmr-small-eq-rail) !important;
      min-width:var(--mmr-small-eq-rail) !important;
      height:auto !important;
      display:grid !important;
      grid-template-columns:1fr !important;
      grid-auto-rows:1fr !important;
      align-content:stretch !important;
      gap:6px !important;
      padding:9px 10px !important;
      margin:0 !important;
      border:0 !important;
      border-left:1px solid rgba(199,156,255,.26) !important;
      border-radius:0 12px 12px 0 !important;
      background:
        linear-gradient(180deg, rgba(176,92,255,.090), rgba(0,0,0,.020)),
        radial-gradient(circle at 50% 0%, rgba(125,255,215,.060), transparent 68%),
        rgba(8,10,15,.92) !important;
      box-shadow:
        inset 10px 0 22px rgba(106,13,173,.050),
        inset 0 0 0 1px rgba(255,255,255,.015) !important;
      backdrop-filter:none !important;
      -webkit-backdrop-filter:none !important;
      overflow:hidden !important;
      z-index:10 !important;
    }

    .mmr-radio-root.mmr-layout-small .mmr-eq-shell .mmr-layout-toggle.mmr-eq-control-dock::before{
      display:none !important;
      content:none !important;
    }

    .mmr-radio-root.mmr-layout-small .mmr-eq-shell .mmr-eq-control-dock .mmr-dock-eq-btn,
    .mmr-radio-root.mmr-layout-small .mmr-eq-shell .mmr-eq-control-dock .mmr-layout-btn[data-layout]{
      width:100% !important;
      height:100% !important;
      min-height:0 !important;
      max-height:none !important;
      padding:5px 7px !important;
      border-radius:9px !important;
      display:grid !important;
      grid-template-columns:16px minmax(0,1fr) 13px !important;
      align-items:center !important;
      gap:6px !important;
    }

    .mmr-radio-root.mmr-layout-small .mmr-eq-shell .mmr-eq-control-dock .mmr-layout-btn[data-layout]::after{
      content:"" !important;
      width:13px !important;
      height:13px !important;
      display:block !important;
    }

    .mmr-radio-root.mmr-layout-small .mmr-eq-shell .mmr-eq-control-dock .mmr-dock-main{
      font-size:7px !important;
      line-height:1 !important;
      letter-spacing:.055em !important;
    }

    .mmr-radio-root.mmr-layout-small .mmr-eq-shell .mmr-eq-control-dock .mmr-layout-icon,
    .mmr-radio-root.mmr-layout-small .mmr-eq-shell .mmr-eq-control-dock .mmr-dock-eq-btn .mmr-layout-icon{
      width:16px !important;
      height:16px !important;
      flex-basis:16px !important;
    }
  }

  @media (min-width:1025px) and (max-width:1180px){
    .mmr-radio-root.mmr-layout-small .mmr-eq-shell{
      --mmr-small-eq-rail:116px;
    }

    .mmr-radio-root.mmr-layout-small .mmr-eq-shell .mmr-layout-toggle.mmr-eq-control-dock{
      padding:8px 8px !important;
      gap:5px !important;
    }

    .mmr-radio-root.mmr-layout-small .mmr-eq-shell .mmr-eq-control-dock .mmr-dock-main{
      font-size:6.5px !important;
      letter-spacing:.045em !important;
    }
  }


  /* ==========================================================
     MMR QUALITY / VAULT / SHARE CARD / SLEEP TIMER UPGRADE
     Adds bitrate badge, HD badge, My MMR Vault extras,
     shareable track card, and sleep timer polish.
     ========================================================== */
  .mmr-radio-root .mmr-quality-badge{
    display:none;
    align-items:center;
    justify-content:center;
    min-height:18px;
    padding:3px 7px;
    border-radius:999px;
    border:1px solid rgba(176,92,255,.24);
    background:rgba(12,15,20,.82);
    color:#fff;
    font-size:8.5px;
    line-height:1;
    font-weight:1000;
    letter-spacing:.075em;
    text-transform:uppercase;
    white-space:nowrap;
  }
  .mmr-radio-root .mmr-quality-badge.is-visible{display:inline-flex;}
  .mmr-radio-root .mmr-quality-badge.is-hd{
    border-color:rgba(255,230,109,.48);
    background:linear-gradient(90deg,rgba(255,230,109,.20),rgba(106,13,173,.20));
    box-shadow:0 0 14px rgba(255,230,109,.12);
  }

  .mmr-radio-root .mmr-stream-btn.is-stream-title{
    cursor:default !important;
    pointer-events:none !important;
    border-color:rgba(176,92,255,.22) !important;
    background:linear-gradient(180deg,rgba(176,92,255,.13),rgba(12,15,20,.78)) !important;
    color:var(--mmr-text-caption) !important;
    opacity:.94 !important;
    letter-spacing:.09em !important;
    text-transform:uppercase !important;
  }
  .mmr-radio-root .mmr-stream-btn.is-stream-title:disabled{
    opacity:.94 !important;
  }
  .mmr-radio-root.is-hd-stream .mmr-art-badge::after{
    content:" HD";
    color:#ffe66d;
  }
  .mmr-radio-root .mmr-sleep-btn,
  .mmr-radio-root .mmr-share-card-btn{
    border-color:rgba(125,255,215,.22) !important;
    background:linear-gradient(180deg,rgba(48,185,155,.12),rgba(106,13,173,.08)),rgba(12,15,20,.86) !important;
  }
  .mmr-radio-root .mmr-vote-sharecardbtn{
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    grid-column:1 / -1 !important;
    width:100% !important;
    min-height:42px !important;
    padding:10px 14px !important;
    border-radius:999px !important;
    border:1px solid rgba(255,230,109,.28) !important;
    background:linear-gradient(90deg,rgba(255,230,109,.14),rgba(106,13,173,.20)) !important;
    color:#fff !important;
    font-size:12px !important;
    line-height:1.2 !important;
    font-weight:1000 !important;
    letter-spacing:.075em !important;
    text-transform:uppercase !important;
    cursor:pointer !important;
  }
  .mmr-radio-root .mmr-saved-item.is-heard-only{
    border-style:dashed;
    opacity:.96;
  }
  .mmr-radio-root .mmr-saved-pill.is-discovered{
    border-color:rgba(125,255,215,.28);
    background:linear-gradient(90deg,rgba(48,185,155,.20),rgba(12,15,20,.82));
  }
  .mmr-radio-root .mmr-saved-pill.is-shared{
    border-color:rgba(255,230,109,.32);
    background:linear-gradient(90deg,rgba(255,230,109,.16),rgba(12,15,20,.82));
  }
  .mmr-radio-root .mmr-saved-item-btn.is-share{
    border-color:rgba(255,230,109,.30);
    background:linear-gradient(180deg,rgba(255,230,109,.14),rgba(12,15,20,.88));
  }
  .mmr-radio-root .mmr-sharecard-overlay,
  .mmr-radio-root .mmr-sleep-overlay{
    display:none;
    position:fixed;
    inset:0;
    z-index:2147483300;
    align-items:center;
    justify-content:center;
    padding:16px;
    background:rgba(0,0,0,.90);
    overscroll-behavior:contain;
  }
  .mmr-radio-root .mmr-sharecard-overlay.active,
  .mmr-radio-root .mmr-sleep-overlay.active{display:flex;}
  .mmr-radio-root .mmr-sharecard-card,
  .mmr-radio-root .mmr-sleep-card{
    width:min(560px,calc(100vw - 24px));
    max-height:calc(100dvh - 24px);
    overflow:auto;
    overflow-x:hidden;
    position:relative;
    border:1px solid rgba(176,92,255,.38);
    border-radius:22px;
    background:radial-gradient(circle at 14% 0%,rgba(176,92,255,.24),transparent 34%),linear-gradient(180deg,#11151d,#080a0f);
    box-shadow:0 22px 70px rgba(0,0,0,.78),0 0 34px rgba(106,13,173,.20);
    color:var(--mmr-text-primary);
    padding:18px;
  }
  .mmr-radio-root .mmr-sharecard-close,
  .mmr-radio-root .mmr-sleep-close{
    position:absolute;
    right:12px;
    top:12px;
    width:40px;
    height:40px;
    border-radius:50%;
    border:1px solid rgba(255,255,255,.16);
    background:rgba(0,0,0,.68);
    color:#fff;
    font-size:28px;
    line-height:1;
    cursor:pointer;
  }
  .mmr-radio-root .mmr-sharecard-kicker,
  .mmr-radio-root .mmr-sleep-kicker{
    color:#d9bbff;
    font-size:10px;
    line-height:1;
    font-weight:1000;
    letter-spacing:.16em;
    text-transform:uppercase;
    margin-right:48px;
  }
  .mmr-radio-root .mmr-sharecard-title,
  .mmr-radio-root .mmr-sleep-title{
    margin:8px 48px 12px 0;
    color:#fff;
    font-size:clamp(25px,4vw,40px);
    line-height:1;
    font-weight:1000;
    letter-spacing:.045em;
    text-transform:uppercase;
  }
  .mmr-radio-root .mmr-sharecard-preview{
    display:grid;
    grid-template-columns:150px minmax(0,1fr);
    gap:14px;
    align-items:stretch;
    border:1px solid rgba(176,92,255,.22);
    border-radius:18px;
    padding:12px;
    background:radial-gradient(circle at 0% 0%,rgba(255,230,109,.12),transparent 42%),rgba(7,9,13,.88);
  }
  .mmr-radio-root .mmr-sharecard-art{
    border-radius:14px;
    overflow:hidden;
    background:#080a0f;
    aspect-ratio:1/1;
  }
  .mmr-radio-root .mmr-sharecard-art img{width:100%;height:100%;object-fit:cover;display:block;}
  .mmr-radio-root .mmr-sharecard-copy{display:flex;flex-direction:column;justify-content:center;gap:8px;min-width:0;}
  .mmr-radio-root .mmr-sharecard-station{color:#ffe66d;font-size:11px;font-weight:1000;letter-spacing:.14em;text-transform:uppercase;}
  .mmr-radio-root .mmr-sharecard-track{color:#fff;font-size:clamp(18px,3vw,28px);line-height:1.05;font-weight:1000;overflow-wrap:anywhere;text-transform:uppercase;}
  .mmr-radio-root .mmr-sharecard-tagline,
  .mmr-radio-root .mmr-sharecard-url{color:var(--mmr-text-caption);font-size:12px;line-height:1.25;font-weight:850;}
  .mmr-radio-root .mmr-sharecard-actions,
  .mmr-radio-root .mmr-sleep-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:12px;}
  .mmr-radio-root .mmr-sleep-options{grid-template-columns:repeat(5,minmax(0,1fr));}
  .mmr-radio-root .mmr-sharecard-btn,
  .mmr-radio-root .mmr-sleep-option{
    min-height:40px;
    padding:9px 10px;
    border-radius:999px;
    border:1px solid rgba(176,92,255,.24);
    background:rgba(12,15,20,.88);
    color:#fff;
    font-size:10.5px;
    line-height:1.15;
    font-weight:1000;
    letter-spacing:.07em;
    text-transform:uppercase;
    cursor:pointer;
  }
  .mmr-radio-root .mmr-sharecard-btn:hover,
  .mmr-radio-root .mmr-sleep-option:hover,
  .mmr-radio-root .mmr-sharecard-btn:focus-visible,
  .mmr-radio-root .mmr-sleep-option:focus-visible{border-color:#b05cff;background:linear-gradient(180deg,rgba(106,13,173,.34),rgba(12,15,20,.94));outline:none;}
  .mmr-radio-root .mmr-sleep-option.is-off{border-color:rgba(255,76,96,.28);}
  .mmr-radio-root .mmr-sharecard-status,
  .mmr-radio-root .mmr-sleep-status,
  .mmr-radio-root .mmr-sleep-intro{color:var(--mmr-text-caption);font-size:12px;line-height:1.35;font-weight:850;margin-top:10px;}
  .mmr-radio-root .mmr-sharecard-status.is-success,
  .mmr-radio-root .mmr-sleep-status.is-success{padding:9px 11px;border-radius:13px;border:1px solid rgba(176,92,255,.30);background:rgba(106,13,173,.16);color:#fff;}
  @media (max-width:700px){
    .mmr-radio-root .mmr-sharecard-overlay.active,
    .mmr-radio-root .mmr-sleep-overlay.active{align-items:flex-start;padding:calc(12px + env(safe-area-inset-top,0px)) 10px calc(12px + env(safe-area-inset-bottom,0px));}
    .mmr-radio-root .mmr-sharecard-card,
    .mmr-radio-root .mmr-sleep-card{width:calc(100vw - 20px);max-width:460px;border-radius:18px;padding:16px 12px 12px;}
    .mmr-radio-root .mmr-sharecard-preview{grid-template-columns:1fr;}
    .mmr-radio-root .mmr-sharecard-art{width:min(230px,70vw);margin:0 auto;}
    .mmr-radio-root .mmr-sharecard-copy{text-align:center;}
    .mmr-radio-root .mmr-sharecard-actions,
    .mmr-radio-root .mmr-sleep-options{grid-template-columns:1fr;}
  }



  /* ==========================================================
     MMR POPUP CONTAINMENT PATCH
     Keep every modal within the viewport margins and use
     internal scrolling only where needed.
     ========================================================== */
  .mmr-radio-root .mmr-vote-overlay,
  .mmr-radio-root .mmr-saved-overlay,
  .mmr-radio-root .mmr-dj-action-overlay,
  .mmr-radio-root .mmr-sharecard-overlay,
  .mmr-radio-root .mmr-sleep-overlay{
    box-sizing:border-box;
    align-items:center !important;
    justify-content:center !important;
    padding:max(16px, env(safe-area-inset-top, 0px)) max(16px, env(safe-area-inset-right, 0px)) max(16px, env(safe-area-inset-bottom, 0px)) max(16px, env(safe-area-inset-left, 0px)) !important;
    overflow:hidden !important;
  }

  .mmr-radio-root .mmr-vote-card,
  .mmr-radio-root .mmr-saved-card,
  .mmr-radio-root .mmr-dj-action-card,
  .mmr-radio-root .mmr-sharecard-card,
  .mmr-radio-root .mmr-sleep-card{
    box-sizing:border-box;
    max-width:calc(100vw - 32px) !important;
    max-width:calc(100dvw - 32px) !important;
    max-height:calc(100vh - 32px) !important;
    max-height:calc(100dvh - 32px) !important;
    margin:0 auto !important;
  }

  .mmr-radio-root .mmr-saved-card{
    display:flex;
    flex-direction:column;
    overflow:hidden !important;
  }

  .mmr-radio-root .mmr-vault-tools,
  .mmr-radio-root .mmr-saved-status,
  .mmr-radio-root .mmr-saved-filterbar,
  .mmr-radio-root .mmr-saved-bottom-close{
    flex:0 0 auto;
  }

  .mmr-radio-root .mmr-saved-list{
    flex:1 1 auto;
    min-height:0;
    overflow:auto;
    overflow-x:hidden;
    overscroll-behavior:contain;
    padding-right:2px;
    scrollbar-gutter:stable;
  }

  .mmr-radio-root .mmr-vote-card,
  .mmr-radio-root .mmr-dj-action-card,
  .mmr-radio-root .mmr-sharecard-card,
  .mmr-radio-root .mmr-sleep-card{
    overflow:auto;
    overflow-x:hidden;
    overscroll-behavior:contain;
    -webkit-overflow-scrolling:touch;
  }

  @media (max-width:760px){
    .mmr-radio-root .mmr-vote-overlay,
    .mmr-radio-root .mmr-saved-overlay,
    .mmr-radio-root .mmr-dj-action-overlay,
    .mmr-radio-root .mmr-sharecard-overlay,
    .mmr-radio-root .mmr-sleep-overlay{
      padding:max(10px, env(safe-area-inset-top, 0px)) max(10px, env(safe-area-inset-right, 0px)) max(10px, env(safe-area-inset-bottom, 0px)) max(10px, env(safe-area-inset-left, 0px)) !important;
    }

    .mmr-radio-root .mmr-vote-card,
    .mmr-radio-root .mmr-saved-card,
    .mmr-radio-root .mmr-dj-action-card,
    .mmr-radio-root .mmr-sharecard-card,
    .mmr-radio-root .mmr-sleep-card{
      width:calc(100vw - 20px) !important;
      width:calc(100dvw - 20px) !important;
      max-width:calc(100vw - 20px) !important;
      max-width:calc(100dvw - 20px) !important;
      max-height:calc(100vh - 20px) !important;
      max-height:calc(100dvh - 20px) !important;
    }
  }

  @media (max-width:420px){
    .mmr-radio-root .mmr-vote-card,
    .mmr-radio-root .mmr-saved-card,
    .mmr-radio-root .mmr-dj-action-card,
    .mmr-radio-root .mmr-sharecard-card,
    .mmr-radio-root .mmr-sleep-card{
      border-radius:18px !important;
    }
  }



  /* ==========================================================
     MMR VAULT SMALLER POPUP PATCH
     Make the vault popup slightly smaller so it clears fixed site
     headers more comfortably while keeping the list scrollable.
     ========================================================== */
  .mmr-radio-root .mmr-saved-overlay{
    padding:max(28px, env(safe-area-inset-top, 0px)) max(28px, env(safe-area-inset-right, 0px)) max(28px, env(safe-area-inset-bottom, 0px)) max(28px, env(safe-area-inset-left, 0px)) !important;
  }

  .mmr-radio-root .mmr-saved-card{
    width:min(700px, calc(100vw - 56px)) !important;
    max-width:min(700px, calc(100vw - 56px)) !important;
    max-height:calc(100vh - 72px) !important;
    max-height:calc(100dvh - 72px) !important;
    padding:16px !important;
    border-radius:20px !important;
  }

  .mmr-radio-root .mmr-saved-head{
    margin-bottom:10px !important;
  }

  .mmr-radio-root .mmr-saved-filterbar{
    margin-bottom:10px !important;
  }

  @media (max-width:760px){
    .mmr-radio-root .mmr-saved-overlay{
      padding:max(12px, env(safe-area-inset-top, 0px)) max(10px, env(safe-area-inset-right, 0px)) max(12px, env(safe-area-inset-bottom, 0px)) max(10px, env(safe-area-inset-left, 0px)) !important;
    }

    .mmr-radio-root .mmr-saved-card{
      width:calc(100vw - 20px) !important;
      width:calc(100dvw - 20px) !important;
      max-width:calc(100vw - 20px) !important;
      max-width:calc(100dvw - 20px) !important;
      max-height:calc(100vh - 32px) !important;
      max-height:calc(100dvh - 32px) !important;
      padding:14px 12px 12px !important;
    }
  }



  /* ==========================================================
     MMR VAULT BELOW-HEADER SHORTER PATCH
     Forces the My MMR Vault popup below the fixed site menu and
     keeps the total popup height smaller. The track list scrolls
     inside the popup instead of the whole modal getting too tall.
     ========================================================== */
  .mmr-radio-root{
    --mmr-vault-popup-top-clearance:104px;
    --mmr-vault-popup-bottom-clearance:30px;
  }

  .mmr-radio-root .mmr-saved-overlay.active{
    align-items:flex-start !important;
    justify-content:center !important;
    padding-top:var(--mmr-vault-popup-top-clearance) !important;
    padding-right:24px !important;
    padding-bottom:var(--mmr-vault-popup-bottom-clearance) !important;
    padding-left:24px !important;
    overflow:hidden !important;
  }

  .mmr-radio-root .mmr-saved-card{
    width:min(700px, calc(100vw - 48px)) !important;
    max-width:min(700px, calc(100vw - 48px)) !important;
    max-height:calc(100vh - var(--mmr-vault-popup-top-clearance) - var(--mmr-vault-popup-bottom-clearance)) !important;
    max-height:calc(100dvh - var(--mmr-vault-popup-top-clearance) - var(--mmr-vault-popup-bottom-clearance)) !important;
    margin:0 auto !important;
    overflow:hidden !important;
    display:flex !important;
    flex-direction:column !important;
    padding:15px !important;
    border-radius:20px !important;
  }

  .mmr-radio-root .mmr-saved-head,
  .mmr-radio-root .mmr-vault-tools,
  .mmr-radio-root .mmr-saved-status,
  .mmr-radio-root .mmr-saved-filterbar,
  .mmr-radio-root .mmr-saved-bottom-close{
    flex:0 0 auto !important;
  }

  .mmr-radio-root .mmr-saved-head{
    margin-bottom:8px !important;
  }

  .mmr-radio-root .mmr-saved-title{
    font-size:clamp(26px, 3.3vw, 38px) !important;
  }

  .mmr-radio-root .mmr-saved-intro{
    font-size:11.5px !important;
    line-height:1.25 !important;
  }

  .mmr-radio-root .mmr-vault-tools{
    margin-bottom:8px !important;
  }

  .mmr-radio-root .mmr-saved-status{
    min-height:16px !important;
    margin-bottom:8px !important;
  }

  .mmr-radio-root .mmr-saved-filterbar{
    margin-bottom:8px !important;
    padding:7px !important;
  }

  .mmr-radio-root .mmr-saved-filter{
    min-height:30px !important;
    padding:6px 9px !important;
  }

  .mmr-radio-root .mmr-saved-list{
    flex:1 1 auto !important;
    min-height:0 !important;
    overflow-y:auto !important;
    overflow-x:hidden !important;
    overscroll-behavior:contain !important;
    padding-right:4px !important;
    scrollbar-gutter:stable !important;
  }

  .mmr-radio-root .mmr-saved-bottom-close{
    margin-top:10px !important;
  }

  @media (max-width:760px){
    .mmr-radio-root{
      --mmr-vault-popup-top-clearance:76px;
      --mmr-vault-popup-bottom-clearance:14px;
    }

    .mmr-radio-root .mmr-saved-overlay.active{
      padding-top:calc(var(--mmr-vault-popup-top-clearance) + env(safe-area-inset-top, 0px)) !important;
      padding-right:10px !important;
      padding-bottom:calc(var(--mmr-vault-popup-bottom-clearance) + env(safe-area-inset-bottom, 0px)) !important;
      padding-left:10px !important;
    }

    .mmr-radio-root .mmr-saved-card{
      width:calc(100vw - 20px) !important;
      width:calc(100dvw - 20px) !important;
      max-width:calc(100vw - 20px) !important;
      max-width:calc(100dvw - 20px) !important;
      max-height:calc(100vh - var(--mmr-vault-popup-top-clearance) - var(--mmr-vault-popup-bottom-clearance) - env(safe-area-inset-top, 0px) - env(safe-area-inset-bottom, 0px)) !important;
      max-height:calc(100dvh - var(--mmr-vault-popup-top-clearance) - var(--mmr-vault-popup-bottom-clearance) - env(safe-area-inset-top, 0px) - env(safe-area-inset-bottom, 0px)) !important;
      padding:13px 11px 11px !important;
    }
  }

  @media (max-height:720px) and (min-width:761px){
    .mmr-radio-root{
      --mmr-vault-popup-top-clearance:96px;
      --mmr-vault-popup-bottom-clearance:18px;
    }

    .mmr-radio-root .mmr-saved-title{
      font-size:32px !important;
    }

    .mmr-radio-root .mmr-saved-intro{
      font-size:11px !important;
      line-height:1.22 !important;
    }
  }



  /* ==========================================================
     MMR ALL-DEVICE MODAL BALANCE PATCH
     Final override: fixes the Vault popup on phones/tablets and
     keeps all modal windows inside the visible screen.
     ========================================================== */
  .mmr-radio-root{
    --mmr-modal-edge:18px;
    --mmr-vault-top-clearance:92px;
    --mmr-vault-bottom-clearance:20px;
  }

  .mmr-radio-root .mmr-vote-overlay,
  .mmr-radio-root .mmr-saved-overlay,
  .mmr-radio-root .mmr-dj-action-overlay,
  .mmr-radio-root .mmr-sharecard-overlay,
  .mmr-radio-root .mmr-sleep-overlay{
    box-sizing:border-box !important;
    width:100vw !important;
    height:100vh !important;
    height:100dvh !important;
    overflow:hidden !important;
    padding:var(--mmr-modal-edge) !important;
    align-items:center !important;
    justify-content:center !important;
  }

  .mmr-radio-root .mmr-vote-card,
  .mmr-radio-root .mmr-dj-action-card,
  .mmr-radio-root .mmr-sharecard-card,
  .mmr-radio-root .mmr-sleep-card{
    width:min(560px, calc(100vw - (var(--mmr-modal-edge) * 2))) !important;
    max-width:calc(100vw - (var(--mmr-modal-edge) * 2)) !important;
    max-height:calc(100dvh - (var(--mmr-modal-edge) * 2)) !important;
    overflow:auto !important;
    overflow-x:hidden !important;
    overscroll-behavior:contain !important;
    -webkit-overflow-scrolling:touch !important;
  }

  /* Vault gets its own layout because it has a large internal list. */
  .mmr-radio-root .mmr-saved-overlay.active{
    align-items:flex-start !important;
    justify-content:center !important;
    padding-top:var(--mmr-vault-top-clearance) !important;
    padding-right:24px !important;
    padding-bottom:var(--mmr-vault-bottom-clearance) !important;
    padding-left:24px !important;
  }

  .mmr-radio-root .mmr-saved-card{
    width:min(700px, calc(100vw - 48px)) !important;
    max-width:min(700px, calc(100vw - 48px)) !important;
    max-height:calc(100dvh - var(--mmr-vault-top-clearance) - var(--mmr-vault-bottom-clearance)) !important;
    overflow:hidden !important;
    display:flex !important;
    flex-direction:column !important;
    padding:15px !important;
    margin:0 auto !important;
  }

  .mmr-radio-root .mmr-saved-head,
  .mmr-radio-root .mmr-vault-tools,
  .mmr-radio-root .mmr-saved-status,
  .mmr-radio-root .mmr-saved-filterbar,
  .mmr-radio-root .mmr-saved-bottom-close{
    flex:0 0 auto !important;
  }

  .mmr-radio-root .mmr-saved-list{
    flex:1 1 auto !important;
    min-height:0 !important;
    overflow-y:auto !important;
    overflow-x:hidden !important;
    overscroll-behavior:contain !important;
    -webkit-overflow-scrolling:touch !important;
    padding-right:3px !important;
    scrollbar-gutter:stable !important;
  }

  .mmr-radio-root .mmr-saved-head{
    margin-bottom:8px !important;
  }

  .mmr-radio-root .mmr-saved-title{
    font-size:clamp(28px, 3.6vw, 38px) !important;
  }

  .mmr-radio-root .mmr-saved-intro{
    font-size:11px !important;
    line-height:1.25 !important;
  }

  .mmr-radio-root .mmr-vault-tools{
    margin-bottom:8px !important;
  }

  .mmr-radio-root .mmr-saved-status{
    min-height:16px !important;
    margin-bottom:7px !important;
  }

  .mmr-radio-root .mmr-saved-filterbar{
    gap:6px !important;
    padding:7px !important;
    margin-bottom:8px !important;
  }

  .mmr-radio-root .mmr-saved-filter{
    min-height:30px !important;
    padding:6px 9px !important;
  }

  .mmr-radio-root .mmr-saved-item{
    padding:8px !important;
    gap:10px !important;
  }

  .mmr-radio-root .mmr-saved-art{
    width:68px !important;
    height:68px !important;
  }

  .mmr-radio-root .mmr-saved-item-btn{
    min-height:34px !important;
    padding:6px 7px !important;
    font-size:8.8px !important;
  }

  .mmr-radio-root .mmr-saved-bottom-close{
    min-height:38px !important;
    margin-top:9px !important;
    padding:9px 12px !important;
  }

  @media (max-width:1024px){
    .mmr-radio-root{
      --mmr-modal-edge:12px;
      --mmr-vault-top-clearance:72px;
      --mmr-vault-bottom-clearance:12px;
    }

    .mmr-radio-root .mmr-saved-overlay.active{
      padding-top:calc(var(--mmr-vault-top-clearance) + env(safe-area-inset-top, 0px)) !important;
      padding-right:12px !important;
      padding-bottom:calc(var(--mmr-vault-bottom-clearance) + env(safe-area-inset-bottom, 0px)) !important;
      padding-left:12px !important;
    }

    .mmr-radio-root .mmr-saved-card{
      width:calc(100vw - 24px) !important;
      width:calc(100dvw - 24px) !important;
      max-width:calc(100vw - 24px) !important;
      max-width:calc(100dvw - 24px) !important;
      max-height:calc(100dvh - var(--mmr-vault-top-clearance) - var(--mmr-vault-bottom-clearance) - env(safe-area-inset-top, 0px) - env(safe-area-inset-bottom, 0px)) !important;
      padding:12px !important;
      border-radius:18px !important;
    }

    .mmr-radio-root .mmr-saved-title{
      font-size:clamp(24px, 7vw, 34px) !important;
      line-height:.98 !important;
      margin-top:4px !important;
      margin-bottom:4px !important;
    }

    .mmr-radio-root .mmr-saved-intro{
      font-size:10.5px !important;
      line-height:1.22 !important;
      display:-webkit-box !important;
      -webkit-line-clamp:2 !important;
      -webkit-box-orient:vertical !important;
      overflow:hidden !important;
    }

    .mmr-radio-root .mmr-saved-head{
      padding-right:42px !important;
      margin-bottom:7px !important;
      gap:8px !important;
    }

    .mmr-radio-root .mmr-saved-clear{
      min-height:30px !important;
      padding:7px 10px !important;
      font-size:9px !important;
    }

    .mmr-radio-root .mmr-vault-tools{
      display:grid !important;
      grid-template-columns:1fr 1fr !important;
      gap:7px !important;
      padding:8px !important;
      margin-bottom:7px !important;
    }

    .mmr-radio-root .mmr-vault-code{
      grid-column:1 / -1 !important;
      width:100% !important;
      min-height:30px !important;
      padding:7px 9px !important;
      font-size:8.5px !important;
      white-space:nowrap !important;
      overflow:hidden !important;
      text-overflow:ellipsis !important;
    }

    .mmr-radio-root .mmr-vault-btn{
      width:100% !important;
      min-height:31px !important;
      padding:7px 9px !important;
      font-size:9px !important;
    }

    .mmr-radio-root .mmr-saved-status{
      font-size:10px !important;
      line-height:1.2 !important;
      margin-bottom:6px !important;
    }

    .mmr-radio-root .mmr-saved-filterbar{
      display:flex !important;
      flex-wrap:nowrap !important;
      overflow-x:auto !important;
      overflow-y:hidden !important;
      gap:6px !important;
      padding:7px !important;
      margin-bottom:7px !important;
      scrollbar-width:none !important;
      -webkit-overflow-scrolling:touch !important;
    }

    .mmr-radio-root .mmr-saved-filterbar::-webkit-scrollbar{
      display:none !important;
    }

    .mmr-radio-root .mmr-saved-filter{
      flex:0 0 auto !important;
      min-width:94px !important;
      min-height:30px !important;
      padding:6px 10px !important;
      font-size:8.8px !important;
    }

    .mmr-radio-root .mmr-saved-item{
      grid-template-columns:58px minmax(0,1fr) !important;
      gap:8px !important;
      padding:8px !important;
      border-radius:14px !important;
      align-items:center !important;
    }

    .mmr-radio-root .mmr-saved-art{
      width:58px !important;
      height:58px !important;
      border-radius:10px !important;
    }

    .mmr-radio-root .mmr-saved-song{
      font-size:12.5px !important;
      line-height:1.18 !important;
      -webkit-line-clamp:2 !important;
    }

    .mmr-radio-root .mmr-saved-meta{
      font-size:10px !important;
      line-height:1.18 !important;
    }

    .mmr-radio-root .mmr-saved-actions{
      grid-column:1 / -1 !important;
      display:grid !important;
      grid-template-columns:repeat(4, minmax(0, 1fr)) !important;
      gap:6px !important;
    }

    .mmr-radio-root .mmr-saved-item-btn{
      min-height:32px !important;
      padding:6px 5px !important;
      font-size:7.8px !important;
      letter-spacing:.035em !important;
      line-height:1.05 !important;
    }

    .mmr-radio-root .mmr-saved-bottom-close{
      min-height:36px !important;
      margin-top:8px !important;
      padding:8px 10px !important;
      font-size:10px !important;
    }
  }

  @media (max-width:560px){
    .mmr-radio-root{
      --mmr-modal-edge:8px;
      --mmr-vault-top-clearance:58px;
      --mmr-vault-bottom-clearance:8px;
    }

    .mmr-radio-root .mmr-vote-overlay,
    .mmr-radio-root .mmr-saved-overlay,
    .mmr-radio-root .mmr-dj-action-overlay,
    .mmr-radio-root .mmr-sharecard-overlay,
    .mmr-radio-root .mmr-sleep-overlay{
      padding:8px !important;
    }

    .mmr-radio-root .mmr-saved-overlay.active{
      padding-top:calc(var(--mmr-vault-top-clearance) + env(safe-area-inset-top, 0px)) !important;
      padding-right:8px !important;
      padding-bottom:calc(var(--mmr-vault-bottom-clearance) + env(safe-area-inset-bottom, 0px)) !important;
      padding-left:8px !important;
    }

    .mmr-radio-root .mmr-saved-card{
      width:calc(100vw - 16px) !important;
      width:calc(100dvw - 16px) !important;
      max-width:calc(100vw - 16px) !important;
      max-width:calc(100dvw - 16px) !important;
      max-height:calc(100dvh - var(--mmr-vault-top-clearance) - var(--mmr-vault-bottom-clearance) - env(safe-area-inset-top, 0px) - env(safe-area-inset-bottom, 0px)) !important;
      padding:10px !important;
      border-radius:16px !important;
    }

    .mmr-radio-root .mmr-saved-head{
      display:grid !important;
      grid-template-columns:minmax(0,1fr) auto !important;
      align-items:start !important;
      padding-right:38px !important;
      gap:8px !important;
    }

    .mmr-radio-root .mmr-saved-title{
      font-size:26px !important;
      letter-spacing:.025em !important;
    }

    .mmr-radio-root .mmr-saved-intro{
      display:none !important;
    }

    .mmr-radio-root .mmr-saved-clear{
      width:auto !important;
      min-height:28px !important;
      padding:6px 9px !important;
      font-size:8px !important;
    }

    .mmr-radio-root .mmr-saved-close{
      top:8px !important;
      right:8px !important;
      width:34px !important;
      height:34px !important;
      font-size:24px !important;
    }

    .mmr-radio-root .mmr-vault-tools{
      grid-template-columns:1fr 1fr !important;
      padding:7px !important;
      gap:6px !important;
    }

    .mmr-radio-root .mmr-saved-item{
      grid-template-columns:52px minmax(0,1fr) !important;
      gap:7px !important;
      padding:7px !important;
    }

    .mmr-radio-root .mmr-saved-art{
      width:52px !important;
      height:52px !important;
    }

    .mmr-radio-root .mmr-saved-song{
      font-size:12px !important;
    }

    .mmr-radio-root .mmr-saved-actions{
      grid-template-columns:repeat(2, minmax(0, 1fr)) !important;
      gap:6px !important;
    }

    .mmr-radio-root .mmr-saved-item-btn{
      min-height:31px !important;
      font-size:8px !important;
    }
  }

  @media (max-height:700px){
    .mmr-radio-root{
      --mmr-vault-top-clearance:72px;
      --mmr-vault-bottom-clearance:10px;
    }

    .mmr-radio-root .mmr-saved-title{
      font-size:24px !important;
    }

    .mmr-radio-root .mmr-saved-kicker,
    .mmr-radio-root .mmr-saved-intro{
      display:none !important;
    }
  }



  /* ==========================================================
     MMR MOBILE BITRATE ONE-LINE PATCH
     Phone/tablet: keep Stream Bitrate, 64, 192, and 320 on one row.
     ========================================================== */
  @media (max-width:1024px){
    .mmr-radio-root .mmr-streams{
      display:grid !important;
      grid-template-columns:repeat(4, minmax(0, 1fr)) !important;
      gap:6px !important;
      width:100% !important;
      max-width:100% !important;
      align-items:stretch !important;
      justify-content:stretch !important;
    }

    .mmr-radio-root .mmr-stream-btn{
      width:100% !important;
      min-width:0 !important;
      min-height:34px !important;
      padding:6px 4px !important;
      border-radius:12px !important;
      font-size:10px !important;
      line-height:1 !important;
      letter-spacing:.015em !important;
      white-space:nowrap !important;
      overflow:hidden !important;
      text-overflow:ellipsis !important;
    }
  }

  @media (max-width:420px){
    .mmr-radio-root .mmr-streams{
      gap:5px !important;
    }

    .mmr-radio-root .mmr-stream-btn{
      min-height:32px !important;
      padding:5px 3px !important;
      font-size:9px !important;
      letter-spacing:0 !important;
      border-radius:11px !important;
    }
  }

  @media (max-width:340px){
    .mmr-radio-root .mmr-streams{
      gap:4px !important;
    }

    .mmr-radio-root .mmr-stream-btn{
      min-height:30px !important;
      padding:5px 2px !important;
      font-size:8.2px !important;
    }
  }



  /* ==========================================================
     MMR SMALL PLAYER + MOBILE BUTTON FIT PATCH
     Keeps bitrate buttons smaller in the small player
     and keeps Share Card modal clear of fixed site headers.
     ========================================================== */

  /* Desktop small player: force Stream Bitrate / 64 / 192 / 320 to fit cleanly in one row. */
  @media (min-width:1025px){
    .mmr-radio-root.mmr-layout-small .mmr-streams{
      display:grid !important;
      grid-template-columns:repeat(4, minmax(0, 1fr)) !important;
      gap:5px !important;
      width:100% !important;
      max-width:100% !important;
      align-items:stretch !important;
      justify-content:stretch !important;
    }

    .mmr-radio-root.mmr-layout-small .mmr-stream-btn{
      width:100% !important;
      min-width:0 !important;
      min-height:24px !important;
      padding:4px 3px !important;
      border-radius:10px !important;
      font-size:8.2px !important;
      line-height:1 !important;
      letter-spacing:0 !important;
      white-space:nowrap !important;
      overflow:hidden !important;
      text-overflow:ellipsis !important;
    }

    .mmr-radio-root.mmr-layout-small .mmr-stream-btn.active,
    .mmr-radio-root.mmr-layout-small .mmr-stream-btn.is-selected,
    .mmr-radio-root.mmr-layout-small .mmr-stream-btn[aria-pressed="true"],
    .mmr-radio-root.mmr-layout-small .mmr-stream-btn[aria-current="true"]{
      box-shadow:0 0 0 1px rgba(255,255,255,.10) inset, 0 0 12px rgba(106,13,173,.28) !important;
    }
  }

  /* Phone/tablet: one-line buttons, smaller and safer inside narrow players. */
  @media (max-width:1024px){
    .mmr-radio-root .mmr-streams{
      display:grid !important;
      grid-template-columns:repeat(4, minmax(0, 1fr)) !important;
      gap:5px !important;
      width:100% !important;
      max-width:100% !important;
    }

    .mmr-radio-root .mmr-stream-btn{
      width:100% !important;
      min-width:0 !important;
      min-height:31px !important;
      padding:5px 3px !important;
      border-radius:11px !important;
      font-size:8.8px !important;
      line-height:1 !important;
      letter-spacing:0 !important;
      white-space:nowrap !important;
      overflow:hidden !important;
      text-overflow:ellipsis !important;
    }
  }

  @media (max-width:380px){
    .mmr-radio-root .mmr-streams{
      gap:4px !important;
    }

    .mmr-radio-root .mmr-stream-btn{
      min-height:29px !important;
      padding:4px 2px !important;
      font-size:7.8px !important;
      border-radius:10px !important;
    }
  }

  /* Share Card popup: keep the close button and card below fixed Joomla/site top bars. */
  .mmr-radio-root{
    --mmr-sharecard-top-clearance:92px;
    --mmr-sharecard-bottom-clearance:20px;
  }

  .mmr-radio-root .mmr-sharecard-overlay.active{
    align-items:flex-start !important;
    justify-content:center !important;
    padding-top:calc(var(--mmr-sharecard-top-clearance) + env(safe-area-inset-top, 0px)) !important;
    padding-right:max(16px, env(safe-area-inset-right, 0px)) !important;
    padding-bottom:calc(var(--mmr-sharecard-bottom-clearance) + env(safe-area-inset-bottom, 0px)) !important;
    padding-left:max(16px, env(safe-area-inset-left, 0px)) !important;
    overflow:hidden !important;
  }

  .mmr-radio-root .mmr-sharecard-card{
    width:min(520px, calc(100vw - 32px)) !important;
    width:min(520px, calc(100dvw - 32px)) !important;
    max-width:min(520px, calc(100vw - 32px)) !important;
    max-width:min(520px, calc(100dvw - 32px)) !important;
    max-height:calc(100vh - var(--mmr-sharecard-top-clearance) - var(--mmr-sharecard-bottom-clearance)) !important;
    max-height:calc(100dvh - var(--mmr-sharecard-top-clearance) - var(--mmr-sharecard-bottom-clearance)) !important;
    margin:0 auto !important;
    overflow:auto !important;
    overflow-x:hidden !important;
    overscroll-behavior:contain !important;
  }

  .mmr-radio-root .mmr-sharecard-close{
    z-index:2147483647 !important;
    top:10px !important;
    right:10px !important;
    width:40px !important;
    height:40px !important;
    min-width:40px !important;
    min-height:40px !important;
    pointer-events:auto !important;
  }

  @media (max-width:700px){
    .mmr-radio-root{
      --mmr-sharecard-top-clearance:76px;
      --mmr-sharecard-bottom-clearance:12px;
    }

    .mmr-radio-root .mmr-sharecard-overlay.active{
      padding-right:10px !important;
      padding-left:10px !important;
    }

    .mmr-radio-root .mmr-sharecard-card{
      width:calc(100vw - 20px) !important;
      width:calc(100dvw - 20px) !important;
      max-width:calc(100vw - 20px) !important;
      max-width:calc(100dvw - 20px) !important;
      border-radius:18px !important;
      padding:14px 12px 12px !important;
    }

    .mmr-radio-root .mmr-sharecard-title{
      font-size:clamp(22px, 7vw, 32px) !important;
      margin-right:48px !important;
    }

    .mmr-radio-root .mmr-sharecard-preview{
      padding:10px !important;
      gap:10px !important;
    }

    .mmr-radio-root .mmr-sharecard-art{
      width:min(190px, 58vw) !important;
    }
  }

  @media (max-height:650px){
    .mmr-radio-root{
      --mmr-sharecard-top-clearance:64px;
      --mmr-sharecard-bottom-clearance:10px;
    }

    .mmr-radio-root .mmr-sharecard-preview{
      grid-template-columns:110px minmax(0, 1fr) !important;
    }

    .mmr-radio-root .mmr-sharecard-track{
      font-size:18px !important;
    }
  }

  @media (max-height:650px) and (max-width:700px){
    .mmr-radio-root .mmr-sharecard-preview{
      grid-template-columns:1fr !important;
    }

    .mmr-radio-root .mmr-sharecard-art{
      width:min(150px, 46vw) !important;
    }
  }



  /* ==========================================================
     MMR SHARE TRACK UNIFIED FLOW
     One player button opens the card; the popup handles Facebook/X.
     ========================================================== */
  .mmr-radio-root .mmr-share-card-btn{
    border-color:rgba(255,230,109,.28) !important;
    background:linear-gradient(180deg,rgba(255,230,109,.14),rgba(106,13,173,.10)),rgba(12,15,20,.88) !important;
  }

  .mmr-radio-root .mmr-sharecard-actions{
    display:grid !important;
    grid-template-columns:repeat(5, minmax(0, 1fr)) !important;
    gap:8px !important;
  }

  .mmr-radio-root .mmr-sharecard-btn{
    min-width:0 !important;
    white-space:normal !important;
    text-align:center !important;
  }

  .mmr-radio-root .mmr-sharecard-btn.is-facebook{
    border-color:rgba(80,126,255,.34) !important;
    background:linear-gradient(180deg,rgba(80,126,255,.18),rgba(12,15,20,.90)) !important;
  }

  .mmr-radio-root .mmr-sharecard-btn.is-x{
    border-color:rgba(255,255,255,.24) !important;
    background:linear-gradient(180deg,rgba(255,255,255,.12),rgba(12,15,20,.92)) !important;
  }

  .mmr-radio-root .mmr-sharecard-btn.is-download{
    border-color:rgba(255,230,109,.32) !important;
    background:linear-gradient(180deg,rgba(255,230,109,.14),rgba(12,15,20,.90)) !important;
  }

  @media (max-width:760px){
    .mmr-radio-root .mmr-sharecard-actions{
      grid-template-columns:repeat(2, minmax(0, 1fr)) !important;
      gap:7px !important;
    }

    .mmr-radio-root .mmr-sharecard-btn.is-download{
      grid-column:1 / -1 !important;
    }
  }

  @media (max-width:380px){
    .mmr-radio-root .mmr-sharecard-actions{
      grid-template-columns:1fr !important;
    }

    .mmr-radio-root .mmr-sharecard-btn.is-download{
      grid-column:auto !important;
    }
  }



  /* ==========================================================
     MMR PHONE DUPLICATE SHARE/SLEEP FIX
     On phone/tablet, hide the upper Share Track + Sleep buttons
     and keep only the lower phone control row.
     ========================================================== */
  @media (max-width:1024px){
    .mmr-radio-root .mmr-cover-actions .mmr-share-card-btn,
    .mmr-radio-root .mmr-cover-actions .mmr-sleep-btn,
    .mmr-radio-root .mmr-topline .mmr-share-card-btn,
    .mmr-radio-root .mmr-topline .mmr-sleep-btn{
      display:none !important;
    }

    .mmr-radio-root .mmr-phone-share .mmr-share-card-btn,
    .mmr-radio-root .mmr-phone-share .mmr-sleep-btn{
      display:inline-flex !important;
    }
  }



  /* ==========================================================
     MMR DISCOVER CARD BALANCE PATCH
     The Band Discovery card now spans the vote popup instead of
     stacking in a tall narrow right column.
     ========================================================== */
  .mmr-radio-root .mmr-vote-inner > .mmr-discovery-panel{
    grid-column:1 / -1 !important;
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
    margin-top:0 !important;
    padding:12px !important;
    border-radius:18px !important;
  }

  .mmr-radio-root .mmr-vote-inner > .mmr-discovery-panel.is-open{
    display:grid !important;
    grid-template-columns:minmax(170px, .55fr) minmax(0, 1.45fr) !important;
    grid-template-areas:
      "head links"
      "note links" !important;
    gap:10px 14px !important;
    align-items:stretch !important;
  }

  .mmr-radio-root .mmr-vote-inner > .mmr-discovery-panel .mmr-discovery-head{
    grid-area:head !important;
    margin:0 !important;
    padding:10px !important;
    border-radius:14px !important;
    border:1px solid rgba(125,255,215,.16) !important;
    background:rgba(0,0,0,.20) !important;
  }

  .mmr-radio-root .mmr-vote-inner > .mmr-discovery-panel .mmr-discovery-title{
    font-size:16px !important;
    line-height:1.18 !important;
  }

  .mmr-radio-root .mmr-vote-inner > .mmr-discovery-panel .mmr-discovery-links{
    grid-area:links !important;
    display:grid !important;
    grid-template-columns:repeat(3, minmax(0, 1fr)) !important;
    gap:8px !important;
    align-content:center !important;
  }

  .mmr-radio-root .mmr-vote-inner > .mmr-discovery-panel .mmr-discovery-link{
    min-height:42px !important;
    border-radius:14px !important;
    font-size:11px !important;
  }

  .mmr-radio-root .mmr-vote-inner > .mmr-discovery-panel .mmr-discovery-note{
    grid-area:note !important;
    margin:0 !important;
    padding:10px !important;
    border-radius:14px !important;
    border:1px solid rgba(176,92,255,.14) !important;
    background:rgba(0,0,0,.16) !important;
    text-align:left !important;
    font-size:10.5px !important;
    line-height:1.32 !important;
  }

  .mmr-radio-root .mmr-vote-status:empty{
    display:none !important;
  }

  @media (max-width:820px){
    .mmr-radio-root .mmr-vote-inner > .mmr-discovery-panel.is-open{
      grid-template-columns:1fr !important;
      grid-template-areas:
        "head"
        "links"
        "note" !important;
      gap:9px !important;
    }

    .mmr-radio-root .mmr-vote-inner > .mmr-discovery-panel .mmr-discovery-links{
      grid-template-columns:repeat(3, minmax(0, 1fr)) !important;
    }
  }

  @media (max-width:560px){
    .mmr-radio-root .mmr-vote-inner > .mmr-discovery-panel{
      padding:10px !important;
      border-radius:16px !important;
    }

    .mmr-radio-root .mmr-vote-inner > .mmr-discovery-panel .mmr-discovery-head{
      padding:9px !important;
    }

    .mmr-radio-root .mmr-vote-inner > .mmr-discovery-panel .mmr-discovery-title{
      font-size:14px !important;
    }

    .mmr-radio-root .mmr-vote-inner > .mmr-discovery-panel .mmr-discovery-links{
      grid-template-columns:repeat(2, minmax(0, 1fr)) !important;
      gap:7px !important;
    }

    .mmr-radio-root .mmr-vote-inner > .mmr-discovery-panel .mmr-discovery-link{
      min-height:38px !important;
      padding:8px 7px !important;
      font-size:10px !important;
    }

    .mmr-radio-root .mmr-vote-inner > .mmr-discovery-panel .mmr-discovery-note{
      text-align:center !important;
      font-size:10px !important;
    }
  }

  @media (max-width:360px){
    .mmr-radio-root .mmr-vote-inner > .mmr-discovery-panel .mmr-discovery-links{
      grid-template-columns:1fr !important;
    }
  }


  /* ==========================================================
     MMR VAULT PHONE COMPACT ACTION BUTTONS PATCH
     Phone only: make the Send to Queue / Discover / Share Card /
     Remove buttons smaller so each vault record feels less bulky.
     ========================================================== */
  @media (max-width:760px){
    .mmr-radio-root .mmr-saved-actions{
      grid-column:1 / -1 !important;
      display:grid !important;
      grid-template-columns:repeat(2, minmax(0, 1fr)) !important;
      gap:5px !important;
      margin-top:2px !important;
    }

    .mmr-radio-root .mmr-saved-item-btn{
      min-height:28px !important;
      padding:4px 6px !important;
      border-radius:999px !important;
      font-size:7.4px !important;
      line-height:1 !important;
      letter-spacing:.025em !important;
      box-shadow:0 4px 10px rgba(0,0,0,.14) !important;
    }

    .mmr-radio-root .mmr-saved-item-btn svg,
    .mmr-radio-root .mmr-saved-item-btn img,
    .mmr-radio-root .mmr-saved-item-btn .mmr-icon{
      width:13px !important;
      height:13px !important;
      flex:0 0 13px !important;
    }
  }

  @media (max-width:560px){
    .mmr-radio-root .mmr-saved-actions{
      gap:5px !important;
      margin-top:1px !important;
    }

    .mmr-radio-root .mmr-saved-item-btn{
      min-height:26px !important;
      padding:4px 5px !important;
      font-size:7px !important;
      letter-spacing:.018em !important;
    }

    .mmr-radio-root .mmr-saved-item-btn svg,
    .mmr-radio-root .mmr-saved-item-btn img,
    .mmr-radio-root .mmr-saved-item-btn .mmr-icon{
      width:12px !important;
      height:12px !important;
      flex-basis:12px !important;
    }
  }

  @media (max-width:390px){
    .mmr-radio-root .mmr-saved-actions{
      gap:4px !important;
    }

    .mmr-radio-root .mmr-saved-item-btn{
      min-height:25px !important;
      padding:4px 4px !important;
      font-size:6.7px !important;
    }
  }


  /* ==========================================================
     MMR VAULT PHONE ACTION RAIL PATCH
     Phone only: moves Send to Queue / Discover / Share Card /
     Remove into a smaller vertical rail on the right side of
     the track info instead of full-width rows below the item.
     ========================================================== */
  @media (max-width:760px){
    .mmr-radio-root .mmr-saved-list{
      gap:8px !important;
    }

    .mmr-radio-root .mmr-saved-item{
      display:grid !important;
      grid-template-columns:52px minmax(0,1fr) 82px !important;
      grid-template-areas:"art info actions" !important;
      align-items:center !important;
      gap:7px !important;
      padding:7px !important;
      min-width:0 !important;
    }

    .mmr-radio-root .mmr-saved-art{
      grid-area:art !important;
      width:52px !important;
      height:52px !important;
      min-width:52px !important;
      border-radius:10px !important;
    }

    .mmr-radio-root .mmr-saved-info{
      grid-area:info !important;
      min-width:0 !important;
      gap:3px !important;
      align-self:center !important;
    }

    .mmr-radio-root .mmr-saved-song{
      font-size:11.4px !important;
      line-height:1.14 !important;
      -webkit-line-clamp:2 !important;
      overflow-wrap:anywhere !important;
    }

    .mmr-radio-root .mmr-saved-badges{
      gap:3px !important;
    }

    .mmr-radio-root .mmr-saved-pill{
      min-height:16px !important;
      padding:3px 6px !important;
      font-size:8px !important;
      line-height:1 !important;
      letter-spacing:.035em !important;
    }

    .mmr-radio-root .mmr-saved-meta{
      font-size:8.7px !important;
      line-height:1.12 !important;
      display:-webkit-box !important;
      -webkit-line-clamp:2 !important;
      -webkit-box-orient:vertical !important;
      overflow:hidden !important;
      overflow-wrap:anywhere !important;
    }

    .mmr-radio-root .mmr-saved-actions{
      grid-area:actions !important;
      grid-column:auto !important;
      display:grid !important;
      grid-template-columns:1fr !important;
      align-self:stretch !important;
      align-content:center !important;
      gap:3px !important;
      margin-top:0 !important;
      min-width:0 !important;
      width:100% !important;
    }

    .mmr-radio-root .mmr-saved-item-btn{
      width:100% !important;
      min-width:0 !important;
      min-height:20px !important;
      padding:2px 4px !important;
      border-radius:8px !important;
      font-size:6.2px !important;
      line-height:1.05 !important;
      letter-spacing:.012em !important;
      white-space:normal !important;
      box-shadow:0 3px 8px rgba(0,0,0,.12) !important;
    }
  }

  @media (max-width:390px){
    .mmr-radio-root .mmr-saved-item{
      grid-template-columns:48px minmax(0,1fr) 74px !important;
      gap:6px !important;
      padding:6px !important;
    }

    .mmr-radio-root .mmr-saved-art{
      width:48px !important;
      height:48px !important;
      min-width:48px !important;
      border-radius:9px !important;
    }

    .mmr-radio-root .mmr-saved-song{
      font-size:10.8px !important;
      line-height:1.12 !important;
    }

    .mmr-radio-root .mmr-saved-pill{
      min-height:15px !important;
      padding:3px 5px !important;
      font-size:7.5px !important;
    }

    .mmr-radio-root .mmr-saved-meta{
      font-size:8px !important;
    }

    .mmr-radio-root .mmr-saved-actions{
      gap:3px !important;
    }

    .mmr-radio-root .mmr-saved-item-btn{
      min-height:19px !important;
      padding:2px 3px !important;
      font-size:5.7px !important;
      border-radius:7px !important;
    }
  }



  /* ==========================================================
     MMR CONSOLIDATED FINAL FIX LAYER
     This is the final override layer for the current one-block
     SP Page Builder version. Put future small layout fixes here.
     ========================================================== */
  .mmr-radio-root{
    --mmr-final-phone-action-rail:78px;
  }

  .mmr-radio-root .mmr-eq-shell .mmr-eq-control-dock .mmr-dock-eq-btn{
    cursor:pointer !important;
    pointer-events:auto !important;
  }

  @media (min-width:1025px){
    .mmr-radio-root .mmr-eq-shell .mmr-eq-control-dock .mmr-dock-eq-btn{
      border-color:rgba(125,255,215,.22) !important;
      background:linear-gradient(180deg, rgba(48,185,155,.20), rgba(8,10,15,.88)) !important;
    }

    .mmr-radio-root .mmr-eq-shell .mmr-eq-control-dock .mmr-layout-btn[data-layout="small"],
    .mmr-radio-root .mmr-eq-shell .mmr-eq-control-dock .mmr-layout-btn[data-layout="big"]{
      cursor:pointer !important;
    }
  }

  @media (max-width:560px){
    .mmr-radio-root{
      --mmr-final-phone-action-rail:76px;
    }

    .mmr-radio-root .mmr-saved-item{
      display:grid !important;
      grid-template-columns:50px minmax(0, 1fr) var(--mmr-final-phone-action-rail) !important;
      grid-template-rows:auto auto !important;
      align-items:start !important;
      gap:7px !important;
      padding:7px !important;
      min-width:0 !important;
    }

    .mmr-radio-root .mmr-saved-art{
      grid-column:1 !important;
      grid-row:1 / span 2 !important;
      width:50px !important;
      height:50px !important;
      border-radius:10px !important;
    }

    .mmr-radio-root .mmr-saved-info{
      grid-column:2 !important;
      grid-row:1 / span 2 !important;
      min-width:0 !important;
      align-self:center !important;
    }

    .mmr-radio-root .mmr-saved-actions{
      grid-column:3 !important;
      grid-row:1 / span 2 !important;
      display:flex !important;
      flex-direction:column !important;
      align-items:stretch !important;
      justify-content:center !important;
      gap:4px !important;
      width:100% !important;
      min-width:0 !important;
      align-self:stretch !important;
    }

    .mmr-radio-root .mmr-saved-item-btn{
      width:100% !important;
      min-width:0 !important;
      min-height:24px !important;
      padding:4px 3px !important;
      border-radius:9px !important;
      font-size:6.8px !important;
      line-height:1.05 !important;
      letter-spacing:.025em !important;
      white-space:normal !important;
      text-align:center !important;
    }

    .mmr-radio-root .mmr-saved-song{
      font-size:11.5px !important;
      line-height:1.16 !important;
      -webkit-line-clamp:2 !important;
    }

    .mmr-radio-root .mmr-saved-meta,
    .mmr-radio-root .mmr-saved-pill{
      font-size:8.8px !important;
      line-height:1.1 !important;
    }
  }

  @media (max-width:390px){
    .mmr-radio-root{
      --mmr-final-phone-action-rail:68px;
    }

    .mmr-radio-root .mmr-saved-item{
      grid-template-columns:46px minmax(0, 1fr) var(--mmr-final-phone-action-rail) !important;
      gap:6px !important;
      padding:6px !important;
    }

    .mmr-radio-root .mmr-saved-art{
      width:46px !important;
      height:46px !important;
    }

    .mmr-radio-root .mmr-saved-item-btn{
      min-height:23px !important;
      padding:3px 2px !important;
      font-size:6.1px !important;
      letter-spacing:0 !important;
    }

    .mmr-radio-root .mmr-saved-song{
      font-size:10.8px !important;
    }
  }



  /* ==========================================================
     MMR DJ REQUEST / SHOUTOUT POPUP SLEEK BALANCE PATCH
     Final override layer for the live DJ shoutout + request form.
     Cleaner desktop card, tighter phone spacing, safer fixed-header
     clearance, and balanced buttons/fields.
     ========================================================== */
  .mmr-radio-root{
    --mmr-dj-popup-top-clearance:78px;
    --mmr-dj-popup-bottom-clearance:14px;
  }

  .mmr-radio-root .mmr-dj-action-overlay{
    z-index:2147483200 !important;
    align-items:center !important;
    justify-content:center !important;
    padding:18px !important;
    background:
      radial-gradient(circle at 50% 0%, rgba(176,92,255,.18), transparent 42%),
      rgba(0,0,0,.86) !important;
    backdrop-filter:blur(8px) !important;
    -webkit-backdrop-filter:blur(8px) !important;
    overflow:hidden !important;
  }

  .mmr-radio-root .mmr-dj-action-card{
    width:min(520px, calc(100vw - 36px)) !important;
    max-width:min(520px, calc(100dvw - 36px)) !important;
    max-height:calc(100vh - 36px) !important;
    max-height:calc(100dvh - 36px) !important;
    overflow:auto !important;
    overflow-x:hidden !important;
    overscroll-behavior:contain !important;
    -webkit-overflow-scrolling:touch !important;
    position:relative !important;
    padding:18px !important;
    border-radius:22px !important;
    border:1px solid rgba(176,92,255,.32) !important;
    background:
      radial-gradient(circle at 14% 0%, rgba(176,92,255,.24), transparent 38%),
      radial-gradient(circle at 100% 100%, rgba(125,255,215,.08), transparent 34%),
      linear-gradient(180deg, rgba(18,22,30,.98), rgba(7,9,13,.98)) !important;
    box-shadow:
      0 24px 70px rgba(0,0,0,.72),
      0 0 34px rgba(106,13,173,.18),
      inset 0 0 0 1px rgba(255,255,255,.025) !important;
  }

  .mmr-radio-root .mmr-dj-action-card::before{
    content:"";
    position:absolute;
    inset:0;
    pointer-events:none;
    border-radius:inherit;
    background:
      linear-gradient(90deg, rgba(176,92,255,.18), transparent 32%, transparent 68%, rgba(125,255,215,.08)),
      linear-gradient(180deg, rgba(255,255,255,.045), transparent 34%);
    opacity:.65;
  }

  .mmr-radio-root .mmr-dj-action-card > *{
    position:relative;
    z-index:1;
  }

  .mmr-radio-root .mmr-dj-action-close{
    top:12px !important;
    right:12px !important;
    width:38px !important;
    height:38px !important;
    min-width:38px !important;
    min-height:38px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    border-radius:50% !important;
    border:1px solid rgba(255,255,255,.18) !important;
    background:rgba(0,0,0,.58) !important;
    color:#fff !important;
    font-size:26px !important;
    line-height:1 !important;
    box-shadow:0 8px 18px rgba(0,0,0,.28) !important;
  }

  .mmr-radio-root .mmr-dj-action-close:hover,
  .mmr-radio-root .mmr-dj-action-close:focus-visible{
    background:linear-gradient(180deg, rgba(176,92,255,.60), rgba(106,13,173,.38)) !important;
    border-color:rgba(217,187,255,.50) !important;
    outline:none !important;
  }

  .mmr-radio-root .mmr-dj-action-kicker{
    display:inline-flex !important;
    align-items:center !important;
    gap:7px !important;
    width:max-content !important;
    max-width:calc(100% - 48px) !important;
    min-height:24px !important;
    margin:0 48px 8px 0 !important;
    padding:5px 10px !important;
    border-radius:999px !important;
    border:1px solid rgba(176,92,255,.28) !important;
    background:rgba(7,9,13,.52) !important;
    color:#d9bbff !important;
    font-size:10px !important;
    line-height:1 !important;
    font-weight:1000 !important;
    letter-spacing:.13em !important;
    text-transform:uppercase !important;
  }

  .mmr-radio-root .mmr-dj-action-kicker::before{
    content:"";
    width:7px;
    height:7px;
    border-radius:50%;
    background:#ff4c60;
    box-shadow:0 0 12px rgba(255,76,96,.78);
  }

  .mmr-radio-root .mmr-dj-action-title{
    margin:0 48px 7px 0 !important;
    color:#fff !important;
    font-size:clamp(24px, 3.4vw, 34px) !important;
    line-height:1.02 !important;
    font-weight:1000 !important;
    letter-spacing:.04em !important;
    text-transform:uppercase !important;
    overflow-wrap:anywhere !important;
  }

  .mmr-radio-root .mmr-dj-action-intro{
    margin:0 0 14px !important;
    padding:10px 12px !important;
    border:1px solid rgba(176,92,255,.16) !important;
    border-radius:14px !important;
    background:rgba(0,0,0,.22) !important;
    color:var(--mmr-text-caption) !important;
    font-size:12.5px !important;
    line-height:1.35 !important;
    font-weight:800 !important;
  }

  .mmr-radio-root .mmr-dj-action-form{
    display:grid !important;
    grid-template-columns:1fr 1fr !important;
    gap:10px !important;
    width:100% !important;
    min-width:0 !important;
  }

  .mmr-radio-root .mmr-dj-action-field{
    gap:6px !important;
    min-width:0 !important;
    color:#d9bbff !important;
    font-size:10px !important;
    line-height:1.1 !important;
    font-weight:1000 !important;
    letter-spacing:.075em !important;
  }

  .mmr-radio-root .mmr-dj-action-field input,
  .mmr-radio-root .mmr-dj-action-field textarea{
    width:100% !important;
    min-width:0 !important;
    border:1px solid rgba(176,92,255,.22) !important;
    border-radius:14px !important;
    background:linear-gradient(180deg, rgba(255,255,255,.025), rgba(255,255,255,.006)), rgba(8,10,14,.86) !important;
    color:#fff !important;
    padding:11px 12px !important;
    font-size:13px !important;
    line-height:1.35 !important;
    font-weight:750 !important;
    box-shadow:inset 0 0 0 1px rgba(255,255,255,.018) !important;
  }

  .mmr-radio-root .mmr-dj-action-field textarea{
    min-height:104px !important;
    max-height:190px !important;
    resize:vertical !important;
  }

  .mmr-radio-root .mmr-dj-action-field input::placeholder,
  .mmr-radio-root .mmr-dj-action-field textarea::placeholder{
    color:rgba(191,200,216,.58) !important;
  }

  .mmr-radio-root .mmr-dj-action-field input:focus,
  .mmr-radio-root .mmr-dj-action-field textarea:focus{
    border-color:#b05cff !important;
    background:rgba(11,14,20,.96) !important;
    box-shadow:0 0 0 2px rgba(176,92,255,.14), inset 0 0 0 1px rgba(255,255,255,.03) !important;
    outline:none !important;
  }

  .mmr-radio-root .mmr-dj-action-buttons{
    display:grid !important;
    grid-template-columns:minmax(0,1fr) minmax(108px, .35fr) !important;
    gap:9px !important;
    width:100% !important;
    margin-top:2px !important;
  }

  .mmr-radio-root .mmr-dj-action-send,
  .mmr-radio-root .mmr-dj-action-cancel{
    width:100% !important;
    min-width:0 !important;
    min-height:42px !important;
    padding:10px 13px !important;
    border-radius:999px !important;
    font-size:11px !important;
    line-height:1.15 !important;
    font-weight:1000 !important;
    letter-spacing:.08em !important;
    text-align:center !important;
    transition:transform .16s ease,border-color .16s ease,background .16s ease,box-shadow .16s ease !important;
  }

  .mmr-radio-root .mmr-dj-action-send{
    background:linear-gradient(180deg, rgba(176,92,255,.54), rgba(106,13,173,.34)) !important;
    border-color:rgba(199,156,255,.46) !important;
    box-shadow:0 0 20px rgba(106,13,173,.18) !important;
  }

  .mmr-radio-root .mmr-dj-action-cancel{
    background:rgba(8,10,14,.72) !important;
    border-color:rgba(255,255,255,.14) !important;
    color:var(--mmr-text-caption) !important;
  }

  .mmr-radio-root .mmr-dj-action-send:hover,
  .mmr-radio-root .mmr-dj-action-send:focus-visible,
  .mmr-radio-root .mmr-dj-action-cancel:hover,
  .mmr-radio-root .mmr-dj-action-cancel:focus-visible{
    transform:translateY(-1px) !important;
    border-color:#b05cff !important;
    outline:none !important;
  }

  .mmr-radio-root .mmr-dj-action-status{
    min-height:18px !important;
    color:#d9bbff !important;
    font-size:11.5px !important;
    line-height:1.35 !important;
    font-weight:850 !important;
    overflow-wrap:anywhere !important;
  }

  .mmr-radio-root .mmr-dj-action-status.is-success{
    padding:9px 11px !important;
    border-radius:13px !important;
    border:1px solid rgba(125,255,215,.24) !important;
    background:linear-gradient(180deg, rgba(48,185,155,.18), rgba(106,13,173,.08)) !important;
    color:#fff !important;
  }

  @media (max-width:700px){
    .mmr-radio-root{
      --mmr-dj-popup-top-clearance:72px;
      --mmr-dj-popup-bottom-clearance:10px;
    }

    .mmr-radio-root .mmr-dj-action-overlay.active{
      align-items:flex-start !important;
      justify-content:center !important;
      padding-top:calc(var(--mmr-dj-popup-top-clearance) + env(safe-area-inset-top, 0px)) !important;
      padding-right:10px !important;
      padding-bottom:calc(var(--mmr-dj-popup-bottom-clearance) + env(safe-area-inset-bottom, 0px)) !important;
      padding-left:10px !important;
    }

    .mmr-radio-root .mmr-dj-action-card{
      width:calc(100vw - 20px) !important;
      width:calc(100dvw - 20px) !important;
      max-width:460px !important;
      max-height:calc(100vh - var(--mmr-dj-popup-top-clearance) - var(--mmr-dj-popup-bottom-clearance)) !important;
      max-height:calc(100dvh - var(--mmr-dj-popup-top-clearance) - var(--mmr-dj-popup-bottom-clearance) - env(safe-area-inset-top, 0px) - env(safe-area-inset-bottom, 0px)) !important;
      margin:0 auto !important;
      padding:14px 12px 12px !important;
      border-radius:18px !important;
    }

    .mmr-radio-root .mmr-dj-action-close{
      top:9px !important;
      right:9px !important;
      width:38px !important;
      height:38px !important;
      min-width:38px !important;
      min-height:38px !important;
      font-size:26px !important;
      background:rgba(0,0,0,.82) !important;
      border-color:rgba(255,255,255,.24) !important;
    }

    .mmr-radio-root .mmr-dj-action-kicker{
      min-height:21px !important;
      max-width:calc(100% - 46px) !important;
      margin-right:46px !important;
      margin-bottom:7px !important;
      padding:4px 8px !important;
      font-size:8.8px !important;
      letter-spacing:.11em !important;
    }

    .mmr-radio-root .mmr-dj-action-title{
      margin-right:46px !important;
      margin-bottom:7px !important;
      font-size:clamp(22px, 7.6vw, 31px) !important;
      line-height:1 !important;
      letter-spacing:.035em !important;
    }

    .mmr-radio-root .mmr-dj-action-intro{
      margin-bottom:10px !important;
      padding:9px 10px !important;
      border-radius:13px !important;
      font-size:11.5px !important;
      line-height:1.3 !important;
    }

    .mmr-radio-root .mmr-dj-action-form{
      grid-template-columns:1fr !important;
      gap:8px !important;
    }

    .mmr-radio-root .mmr-dj-action-field{
      gap:5px !important;
      font-size:9.5px !important;
      letter-spacing:.06em !important;
    }

    .mmr-radio-root .mmr-dj-action-field input,
    .mmr-radio-root .mmr-dj-action-field textarea{
      min-height:40px !important;
      padding:9px 10px !important;
      border-radius:12px !important;
      font-size:12.5px !important;
      line-height:1.3 !important;
    }

    .mmr-radio-root .mmr-dj-action-field textarea{
      min-height:86px !important;
      max-height:128px !important;
    }

    .mmr-radio-root .mmr-dj-action-buttons{
      grid-template-columns:1fr !important;
      gap:8px !important;
      margin-top:0 !important;
    }

    .mmr-radio-root .mmr-dj-action-send,
    .mmr-radio-root .mmr-dj-action-cancel{
      min-height:40px !important;
      padding:9px 10px !important;
      font-size:10.5px !important;
      letter-spacing:.06em !important;
    }

    .mmr-radio-root .mmr-dj-action-status{
      min-height:16px !important;
      font-size:11px !important;
      text-align:center !important;
    }
  }

  @media (max-width:390px){
    .mmr-radio-root{
      --mmr-dj-popup-top-clearance:66px;
    }

    .mmr-radio-root .mmr-dj-action-overlay.active{
      padding-right:8px !important;
      padding-left:8px !important;
    }

    .mmr-radio-root .mmr-dj-action-card{
      width:calc(100vw - 16px) !important;
      width:calc(100dvw - 16px) !important;
      padding:13px 10px 11px !important;
    }

    .mmr-radio-root .mmr-dj-action-title{
      font-size:clamp(21px, 7.2vw, 28px) !important;
    }

    .mmr-radio-root .mmr-dj-action-intro{
      font-size:11px !important;
    }

    .mmr-radio-root .mmr-dj-action-field textarea{
      min-height:78px !important;
      max-height:112px !important;
    }
  }

  @media (max-height:650px) and (max-width:700px){
    .mmr-radio-root{
      --mmr-dj-popup-top-clearance:56px;
      --mmr-dj-popup-bottom-clearance:8px;
    }

    .mmr-radio-root .mmr-dj-action-card{
      padding-top:12px !important;
    }

    .mmr-radio-root .mmr-dj-action-intro{
      display:none !important;
    }

    .mmr-radio-root .mmr-dj-action-field textarea{
      min-height:68px !important;
      max-height:96px !important;
    }
  }



  /* ==========================================================
     MMR LIVE DJ NOTIFIED TICKER
     Shows listener confirmation + later DJ quick replies from
     the Live DJ Booth inbox.
     ========================================================== */
  .mmr-radio-root .mmr-dj-ticker{
    display:none;
    align-items:center;
    justify-content:space-between;
    gap:10px;
    width:100%;
    padding:9px 12px;
    border:1px solid rgba(105,255,212,.22);
    border-radius:999px;
    background:
      linear-gradient(90deg, rgba(105,255,212,.12), rgba(106,13,173,.16), rgba(5,7,11,.82));
    color:#fff;
    box-shadow:0 8px 20px rgba(0,0,0,.18), 0 0 18px rgba(105,255,212,.08);
    overflow:hidden;
  }

  .mmr-radio-root .mmr-dj-ticker.is-visible{display:flex;}

  .mmr-radio-root .mmr-dj-ticker.is-reply{
    border-color:rgba(255,230,109,.34);
    background:linear-gradient(90deg, rgba(255,230,109,.12), rgba(106,13,173,.16), rgba(5,7,11,.86));
  }

  .mmr-radio-root .mmr-dj-ticker-left{
    display:flex;
    align-items:center;
    gap:8px;
    min-width:0;
  }

  .mmr-radio-root .mmr-dj-ticker-dot{
    width:9px;
    height:9px;
    flex:0 0 9px;
    border-radius:50%;
    background:#69ffd4;
    box-shadow:0 0 14px rgba(105,255,212,.86);
    animation:mmrSignalPulse 1.45s ease-in-out infinite;
  }

  .mmr-radio-root .mmr-dj-ticker.is-reply .mmr-dj-ticker-dot{
    background:#ffe66d;
    box-shadow:0 0 14px rgba(255,230,109,.86);
  }

  .mmr-radio-root .mmr-dj-ticker-copy{
    min-width:0;
    display:flex;
    flex-direction:column;
    gap:2px;
  }

  .mmr-radio-root .mmr-dj-ticker-main{
    color:#fff;
    font-size:11px;
    line-height:1;
    font-weight:1000;
    letter-spacing:.10em;
    text-transform:uppercase;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
  }

  .mmr-radio-root .mmr-dj-ticker-sub{
    color:var(--mmr-text-caption);
    font-size:11px;
    line-height:1.25;
    font-weight:850;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
  }

  .mmr-radio-root .mmr-dj-ticker-close{
    width:28px;
    height:28px;
    flex:0 0 28px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    border-radius:50%;
    border:1px solid rgba(255,255,255,.14);
    background:rgba(0,0,0,.34);
    color:#fff;
    font-size:18px;
    line-height:1;
    cursor:pointer;
  }

  .mmr-radio-root .mmr-dj-ticker-close:hover,
  .mmr-radio-root .mmr-dj-ticker-close:focus-visible{
    border-color:#b05cff;
    background:rgba(106,13,173,.32);
    outline:none;
  }

  @media (max-width:700px){
    .mmr-radio-root .mmr-dj-ticker{
      border-radius:16px;
      padding:9px 10px;
      align-items:flex-start;
    }

    .mmr-radio-root .mmr-dj-ticker-main{
      font-size:9.5px;
      letter-spacing:.08em;
    }

    .mmr-radio-root .mmr-dj-ticker-sub{
      font-size:10.5px;
      white-space:normal;
      overflow:visible;
      text-overflow:clip;
    }
  }


  /* ==========================================================
     MMR DJ REPLY / NOTIFIED TICKER TOP PLACEMENT
     Keeps booth replies above the player instead of below it.
     ========================================================== */
  .mmr-radio-root .mmr-dj-ticker{
    order:-30 !important;
    position:relative !important;
    z-index:12 !important;
    margin:0 0 2px !important;
    border-radius:18px !important;
    padding:11px 14px !important;
    border-color:rgba(255,230,109,.28) !important;
    background:
      radial-gradient(circle at 0% 50%, rgba(255,230,109,.16), transparent 34%),
      linear-gradient(90deg, rgba(105,255,212,.14), rgba(106,13,173,.18), rgba(5,7,11,.92)) !important;
    box-shadow:0 8px 24px rgba(0,0,0,.22), 0 0 22px rgba(255,230,109,.10) !important;
  }

  .mmr-radio-root .mmr-dj-ticker.is-visible{
    display:flex !important;
  }

  .mmr-radio-root .mmr-dj-ticker.is-reply{
    border-color:rgba(255,230,109,.46) !important;
    background:
      radial-gradient(circle at 0% 50%, rgba(255,230,109,.22), transparent 36%),
      linear-gradient(90deg, rgba(255,230,109,.16), rgba(106,13,173,.20), rgba(5,7,11,.94)) !important;
  }

  @media (max-width:700px){
    .mmr-radio-root .mmr-dj-ticker{
      margin-bottom:0 !important;
      border-radius:16px !important;
      padding:10px 11px !important;
    }
  }



  /* ==========================================================
     MMR DJ TICKER VISIBILITY FIX
     Forces the booth reply / notified ticker to mount at the
     very top of the player and stay visible when JS activates it.
     ========================================================== */
  .mmr-radio-root .mmr-container > [data-mmr-id="mmrDjTicker"],
  .mmr-radio-root [data-mmr-id="mmrDjTicker"].mmr-dj-ticker{
    order:-999 !important;
    width:100% !important;
    position:relative !important;
    z-index:80 !important;
    margin:0 0 10px !important;
    display:none !important;
    visibility:hidden !important;
    opacity:0 !important;
    transform:translateY(-4px) !important;
    transition:opacity .18s ease, transform .18s ease !important;
  }

  .mmr-radio-root [data-mmr-id="mmrDjTicker"].mmr-dj-ticker.is-visible{
    display:flex !important;
    visibility:visible !important;
    opacity:1 !important;
    transform:translateY(0) !important;
  }

  .mmr-radio-root [data-mmr-id="mmrDjTicker"].mmr-dj-ticker.is-visible[hidden]{
    display:flex !important;
  }

  .mmr-radio-root [data-mmr-id="mmrDjTicker"] .mmr-dj-ticker-main,
  .mmr-radio-root [data-mmr-id="mmrDjTicker"] .mmr-dj-ticker-sub{
    max-width:100% !important;
  }

  @media (max-width:700px){
    .mmr-radio-root .mmr-container > [data-mmr-id="mmrDjTicker"],
    .mmr-radio-root [data-mmr-id="mmrDjTicker"].mmr-dj-ticker{
      margin:0 0 8px !important;
    }
  }



  /* ==========================================================
     OPTIONAL SLEEP TIMER SWITCH
     Turn it back on by changing the root div to:
     data-mmr-sleep-enabled="true"
     Default here is false, so the public player cannot stop itself
     from an accidental sleep timer tap.
     ========================================================== */
  .mmr-radio-root[data-mmr-sleep-enabled="false"] .mmr-sleep-btn,
  .mmr-radio-root[data-mmr-sleep-enabled="false"] [data-mmr-id="mmrOpenSleepTimer"],
  .mmr-radio-root[data-mmr-sleep-enabled="false"] [data-mmr-id="mmrOpenSleepTimerMobile"],
  .mmr-radio-root[data-mmr-sleep-enabled="false"] [data-mmr-id="mmrOpenSleepTimerCover"],
  .mmr-radio-root[data-mmr-sleep-enabled="false"] [data-mmr-id="mmrSleepOverlay"],
  .mmr-radio-root[data-mmr-sleep-enabled="false"] .mmr-sleep-overlay{
    display:none !important;
  }



  /* ==========================================================
     MMR BIG PLAYER CONTROL RAIL BALANCE PATCH
     Desktop: creates three clean lower sections:
       1) album actions: Add to Vault / My Vault / Discover / Share
       2) audio quality: Auto / 64 / 192 / 320
       3) volume: same height as the button sections
     Phone: keeps the four album buttons in a clean 2x2 block.
     ========================================================== */
  @media (min-width:1025px){
    .mmr-radio-root.mmr-layout-big .mmr-row-top{
      grid-template-areas:
        "cover now now"
        "cover eq eq"
        "cover lower lower"
        "coveractions streams volume" !important;
      grid-template-columns:minmax(340px, var(--mmr-cover)) minmax(0,1fr) minmax(280px,310px) !important;
      grid-template-rows:auto minmax(168px, var(--mmr-eq-height)) auto 66px !important;
      align-items:stretch !important;
    }

    .mmr-radio-root.mmr-layout-big .mmr-cover-actions{
      grid-area:coveractions !important;
      display:grid !important;
      grid-template-columns:repeat(4,minmax(0,1fr)) !important;
      gap:7px !important;
      width:100% !important;
      height:66px !important;
      min-height:66px !important;
      align-self:stretch !important;
      padding:8px !important;
      border:1px solid rgba(176,92,255,.24) !important;
      border-radius:16px !important;
      background:
        radial-gradient(circle at 0% 0%, rgba(176,92,255,.16), transparent 42%),
        linear-gradient(180deg, rgba(255,255,255,.026), rgba(255,255,255,.006)),
        rgba(7,9,13,.78) !important;
      box-shadow:inset 0 0 0 1px rgba(255,255,255,.018), 0 8px 18px rgba(0,0,0,.16) !important;
      overflow:hidden !important;
    }

    .mmr-radio-root.mmr-layout-big .mmr-cover-actions .mmr-btn{
      width:100% !important;
      height:100% !important;
      min-height:48px !important;
      padding:7px 6px !important;
      border-radius:13px !important;
      font-size:8.6px !important;
      line-height:1.05 !important;
      font-weight:1000 !important;
      letter-spacing:.025em !important;
      white-space:normal !important;
      text-align:center !important;
      overflow:hidden !important;
      text-overflow:ellipsis !important;
      background:linear-gradient(180deg, rgba(16,20,30,.96), rgba(6,8,14,.98)) !important;
      border-color:rgba(176,92,255,.24) !important;
      box-shadow:none !important;
    }

    .mmr-radio-root.mmr-layout-big .mmr-cover-actions .mmr-btn:hover,
    .mmr-radio-root.mmr-layout-big .mmr-cover-actions .mmr-btn:focus-visible{
      border-color:rgba(125,255,215,.42) !important;
      background:linear-gradient(180deg, rgba(106,13,173,.30), rgba(8,10,17,.98)) !important;
    }

    .mmr-radio-root.mmr-layout-big .mmr-cover-actions .mmr-share-card-btn{
      border-color:rgba(125,255,215,.30) !important;
      background:linear-gradient(180deg, rgba(48,185,155,.14), rgba(8,10,17,.98)) !important;
    }

    .mmr-radio-root.mmr-layout-big .mmr-streams{
      grid-area:streams !important;
      display:grid !important;
      grid-template-columns:repeat(4,minmax(0,1fr)) !important;
      gap:7px !important;
      width:100% !important;
      height:66px !important;
      min-height:66px !important;
      align-self:stretch !important;
      padding:8px !important;
      margin:0 !important;
      border:1px solid rgba(125,255,215,.20) !important;
      border-radius:16px !important;
      background:
        radial-gradient(circle at 0% 0%, rgba(48,185,155,.13), transparent 42%),
        linear-gradient(180deg, rgba(255,255,255,.026), rgba(255,255,255,.006)),
        rgba(7,9,13,.78) !important;
      box-shadow:inset 0 0 0 1px rgba(255,255,255,.018), 0 8px 18px rgba(0,0,0,.16) !important;
      overflow:hidden !important;
    }

    .mmr-radio-root.mmr-layout-big .mmr-stream-btn{
      width:100% !important;
      height:100% !important;
      min-height:48px !important;
      padding:7px 6px !important;
      border-radius:13px !important;
      font-size:9px !important;
      line-height:1.05 !important;
      font-weight:1000 !important;
      letter-spacing:.035em !important;
      white-space:normal !important;
      text-align:center !important;
      overflow:hidden !important;
      text-overflow:ellipsis !important;
      background:linear-gradient(180deg, rgba(16,20,30,.96), rgba(6,8,14,.98)) !important;
      border-color:rgba(176,92,255,.22) !important;
      box-shadow:none !important;
    }

    .mmr-radio-root.mmr-layout-big .mmr-stream-btn.active,
    .mmr-radio-root.mmr-layout-big .mmr-stream-btn.is-selected,
    .mmr-radio-root.mmr-layout-big .mmr-stream-btn[aria-pressed="true"],
    .mmr-radio-root.mmr-layout-big .mmr-stream-btn[aria-current="true"]{
      border-color:rgba(199,156,255,.74) !important;
      background:linear-gradient(180deg, rgba(142,53,255,.82), rgba(90,19,176,.70)) !important;
      color:#fff !important;
      box-shadow:0 0 0 1px rgba(255,255,255,.10) inset, 0 0 20px rgba(142,53,255,.28) !important;
    }

    .mmr-radio-root.mmr-layout-big .mmr-vol-desktop-rail{
      grid-area:volume !important;
      display:grid !important;
      grid-template-columns:auto minmax(70px,1fr) auto auto !important;
      align-items:center !important;
      gap:7px !important;
      width:100% !important;
      height:66px !important;
      min-height:66px !important;
      align-self:stretch !important;
      padding:8px !important;
      margin:0 !important;
      border:1px solid rgba(176,92,255,.24) !important;
      border-radius:16px !important;
      background:
        radial-gradient(circle at 0% 0%, rgba(176,92,255,.16), transparent 42%),
        linear-gradient(180deg, rgba(255,255,255,.026), rgba(255,255,255,.006)),
        rgba(7,9,13,.78) !important;
      box-shadow:inset 0 0 0 1px rgba(255,255,255,.018), 0 8px 18px rgba(0,0,0,.16) !important;
      overflow:hidden !important;
    }

    .mmr-radio-root.mmr-layout-big .mmr-vol-desktop-rail label{
      height:48px !important;
      min-height:48px !important;
      display:flex !important;
      align-items:center !important;
      justify-content:center !important;
      padding:0 9px !important;
      border:1px solid rgba(176,92,255,.22) !important;
      border-radius:13px !important;
      background:linear-gradient(180deg, rgba(16,20,30,.96), rgba(6,8,14,.98)) !important;
      color:#fff !important;
      font-size:8.6px !important;
      line-height:1 !important;
      font-weight:1000 !important;
      letter-spacing:.05em !important;
      text-transform:uppercase !important;
      white-space:nowrap !important;
    }

    .mmr-radio-root.mmr-layout-big .mmr-vol-desktop-rail input[type="range"]{
      width:100% !important;
      min-width:0 !important;
      height:8px !important;
      align-self:center !important;
      margin:0 !important;
      border-color:rgba(176,92,255,.20) !important;
    }

    .mmr-radio-root.mmr-layout-big .mmr-vol-desktop-rail .mmr-vol-read{
      width:34px !important;
      height:34px !important;
      min-width:34px !important;
      min-height:34px !important;
      display:flex !important;
      align-items:center !important;
      justify-content:center !important;
      border-radius:50% !important;
      border:1px solid rgba(176,92,255,.24) !important;
      background:rgba(0,0,0,.34) !important;
      color:#fff !important;
      font-size:10px !important;
      line-height:1 !important;
      font-weight:1000 !important;
    }

    .mmr-radio-root.mmr-layout-big .mmr-mute{
      height:48px !important;
      min-height:48px !important;
      padding:0 10px !important;
      border-radius:13px !important;
      font-size:8.4px !important;
      line-height:1 !important;
      font-weight:1000 !important;
      letter-spacing:.04em !important;
      text-transform:uppercase !important;
      background:linear-gradient(180deg, rgba(16,20,30,.96), rgba(6,8,14,.98)) !important;
      border-color:rgba(176,92,255,.22) !important;
    }
  }

  @media (min-width:1025px) and (max-width:1180px){
    .mmr-radio-root.mmr-layout-big .mmr-row-top{
      grid-template-areas:
        "cover now"
        "cover eq"
        "cover lower"
        "coveractions streams"
        "coveractions volume" !important;
      grid-template-columns:minmax(300px, var(--mmr-cover)) minmax(0,1fr) !important;
      grid-template-rows:auto minmax(150px, var(--mmr-eq-height)) auto 66px 66px !important;
    }

    .mmr-radio-root.mmr-layout-big .mmr-cover-actions{
      grid-template-columns:repeat(2,minmax(0,1fr)) !important;
      height:140px !important;
      min-height:140px !important;
    }

    .mmr-radio-root.mmr-layout-big .mmr-cover-actions .mmr-btn{
      min-height:58px !important;
      font-size:9px !important;
    }
  }

  @media (max-width:700px){
    .mmr-radio-root .mmr-cover-actions{
      display:grid !important;
      grid-template-columns:repeat(2,minmax(0,1fr)) !important;
      gap:7px !important;
      width:min(100%,360px) !important;
      justify-self:center !important;
      padding:8px !important;
      border:1px solid rgba(176,92,255,.22) !important;
      border-radius:16px !important;
      background:linear-gradient(180deg, rgba(255,255,255,.026), rgba(255,255,255,.006)), rgba(7,9,13,.72) !important;
    }

    .mmr-radio-root .mmr-cover-actions .mmr-btn{
      width:100% !important;
      min-height:40px !important;
      padding:8px 7px !important;
      border-radius:13px !important;
      font-size:9.2px !important;
      line-height:1.05 !important;
      white-space:normal !important;
      text-align:center !important;
    }

    .mmr-radio-root .mmr-streams{
      grid-template-columns:repeat(4,minmax(0,1fr)) !important;
      gap:7px !important;
      padding:8px !important;
      border:1px solid rgba(125,255,215,.18) !important;
      border-radius:16px !important;
      background:linear-gradient(180deg, rgba(255,255,255,.026), rgba(255,255,255,.006)), rgba(7,9,13,.70) !important;
    }

    .mmr-radio-root .mmr-stream-btn{
      width:100% !important;
      min-height:40px !important;
      padding:8px 5px !important;
      border-radius:13px !important;
      font-size:9px !important;
      line-height:1.05 !important;
      white-space:normal !important;
      text-align:center !important;
    }
  }



  /* ==========================================================
     MMR DJ REQUEST OPEN/CLOSED STATUS
     Fades the request button when the live DJ turns requests off
     from /sanctuary/dj-live-inbox.php.
     ========================================================== */
  .mmr-radio-root .mmr-live-dj-action.is-request-closed,
  .mmr-radio-root .mmr-live-dj-action.is-request-closed:hover,
  .mmr-radio-root .mmr-live-dj-action.is-request-closed:focus-visible{
    opacity:.55 !important;
    cursor:not-allowed !important;
    filter:grayscale(.35) saturate(.72) !important;
    transform:none !important;
    border-color:rgba(255,255,255,.14) !important;
    background:linear-gradient(180deg, rgba(255,255,255,.045), rgba(8,10,14,.82)) !important;
    box-shadow:none !important;
  }

  .mmr-radio-root .mmr-live-dj-action.is-request-closed .mmr-live-dj-action-icon{
    background:rgba(255,255,255,.10) !important;
  }

  .mmr-radio-root .mmr-live-dj-action.is-request-closed .mmr-live-dj-action-main{
    color:#fff !important;
  }

  .mmr-radio-root .mmr-live-dj-action.is-request-closed .mmr-live-dj-action-sub{
    color:var(--mmr-text-caption) !important;
  }

  .mmr-radio-root.mmr-requests-closed .mmr-dj-action-title::after{
    content:"";
  }


  /* ==========================================================
     MMR PHONE SHARE BUTTON TOP PATCH
     Phone only: move Share Track into the cover button grid with
     Add to Vault / My Vault / Discover, and remove the lower
     duplicate Share Track button under the volume area.
     ========================================================== */
  @media (max-width:700px){
    .mmr-radio-root .mmr-cover-actions{
      display:grid !important;
      grid-template-columns:repeat(2,minmax(0,1fr)) !important;
      gap:7px !important;
      width:min(100%,360px) !important;
      justify-self:center !important;
    }

    .mmr-radio-root .mmr-cover-actions .mmr-save-track-btn,
    .mmr-radio-root .mmr-cover-actions .mmr-saved-list-btn,
    .mmr-radio-root .mmr-cover-actions .mmr-discover-current-btn,
    .mmr-radio-root .mmr-cover-actions .mmr-share-card-btn{
      display:inline-flex !important;
      width:100% !important;
    }

    .mmr-radio-root .mmr-cover-actions .mmr-share-card-btn{
      border-color:rgba(255,230,109,.24) !important;
      background:linear-gradient(180deg,rgba(255,230,109,.10),rgba(12,15,20,.86)) !important;
    }

    .mmr-radio-root .mmr-cover-actions .mmr-sleep-btn{
      display:none !important;
    }

    .mmr-radio-root .mmr-phone-share .mmr-save-track-btn,
    .mmr-radio-root .mmr-phone-share .mmr-saved-list-btn,
    .mmr-radio-root .mmr-phone-share .mmr-discover-current-btn,
    .mmr-radio-root .mmr-phone-share .mmr-share-card-btn{
      display:none !important;
    }

    .mmr-radio-root .mmr-phone-share{
      grid-template-columns:1fr !important;
    }

    .mmr-radio-root .mmr-phone-share .mmr-sleep-btn{
      display:inline-flex !important;
    }

    .mmr-radio-root[data-mmr-sleep-enabled="false"] .mmr-phone-share{
      display:none !important;
    }
  }



  /* MMR Preserve-Layout V2 safety: keep disabled sleep timer hidden and Stream Bitrate as a title-only pill. */
  .mmr-radio-root[data-mmr-sleep-enabled="false"] .mmr-sleep-btn,
  .mmr-radio-root[data-mmr-sleep-enabled="false"] .mmr-sleep-overlay{
    display:none !important;
  }
  .mmr-radio-root .mmr-stream-btn.is-stream-title{
    pointer-events:none !important;
    cursor:default !important;
  }


/* ==========================================================
   MMR RADIO PLAYER 1440 x 900 BALANCE FIX
   Small Player + Big Player final override layer

   HOW TO USE:
   Paste this entire block at the VERY BOTTOM of your radio
   player style block section, directly before the closing style tag.

   This does NOT remove or change your existing JavaScript.
   It only fixes layout balance, title cutting, small-player
   behavior, big-player behavior, controls, volume, bitrate,
   album action buttons, and narrow Joomla/SP Page Builder widths.
   ========================================================== */

.mmr-radio-root{
  container-type:inline-size;
  container-name:mmrPlayerBox;
  width:100% !important;
  max-width:100% !important;
  overflow-x:hidden !important;
}

.mmr-radio-root,
.mmr-radio-root *{
  box-sizing:border-box !important;
}

.mmr-radio-root .mmr-wrap{
  width:100% !important;
  max-width:1280px !important;
  margin:0 auto !important;
  padding:10px !important;
  overflow-x:hidden !important;
}

.mmr-radio-root .mmr-container,
.mmr-radio-root .mmr-row-top,
.mmr-radio-root .mmr-leftcol,
.mmr-radio-root .mmr-left,
.mmr-radio-root .npStack,
.mmr-radio-root .mmr-topline,
.mmr-radio-root .mmr-actions,
.mmr-radio-root .mmr-share,
.mmr-radio-root .mmr-eq-shell,
.mmr-radio-root .mmr-lower-desktop,
.mmr-radio-root .mmr-upnext,
.mmr-radio-root .mmr-vol,
.mmr-radio-root .mmr-vol-desktop-rail,
.mmr-radio-root .mmr-streams,
.mmr-radio-root .mmr-cover-actions,
.mmr-radio-root .mmr-live-dj-card,
.mmr-radio-root .mmr-phone-stack,
.mmr-radio-root .mmr-phone-controls-combined{
  min-width:0 !important;
  max-width:100% !important;
}

.mmr-radio-root img,
.mmr-radio-root canvas,
.mmr-radio-root audio{
  max-width:100% !important;
}

.mmr-radio-root .mmr-np,
.mmr-radio-root .mmr-note-inline,
.mmr-radio-root .mmr-upnext-title,
.mmr-radio-root .mmr-upnext-sub,
.mmr-radio-root .mmr-live-dj-title,
.mmr-radio-root .mmr-live-dj-name,
.mmr-radio-root .mmr-live-dj-now,
.mmr-radio-root .mmr-btn,
.mmr-radio-root .mmr-stream-btn{
  word-break:normal !important;
  overflow-wrap:break-word !important;
  hyphens:none !important;
}

.mmr-radio-root [data-mmr-id="mmrLiveDjCard"][hidden],
.mmr-radio-root [data-mmr-id="mmrLiveDjCardMobile"][hidden],
.mmr-radio-root .mmr-live-dj-card[hidden]{
  display:none !important;
}

/* ==========================================================
   DESKTOP BASE: keep full desktop when the section is wide
   ========================================================== */

@media (min-width:1025px){
  .mmr-radio-root .mmr-container{
    gap:12px !important;
  }

  .mmr-radio-root .mmr-row-top{
    border-radius:17px !important;
    padding:10px !important;
    gap:10px !important;
    align-items:stretch !important;
    overflow:hidden !important;
  }

  .mmr-radio-root .mmr-art{
    border-radius:14px !important;
  }

  .mmr-radio-root .mmr-art-badge{
    top:7px !important;
    left:7px !important;
    min-height:20px !important;
    padding:3px 7px !important;
    font-size:8px !important;
    letter-spacing:.11em !important;
  }

  .mmr-radio-root .mmr-art-votehint{
    left:7px !important;
    right:7px !important;
    bottom:7px !important;
    padding:8px 7px 7px !important;
    font-size:8.5px !important;
    letter-spacing:.08em !important;
  }

  .mmr-radio-root .mmr-eq-shell{
    border-radius:14px !important;
    overflow:hidden !important;
  }

  .mmr-radio-root .mmr-layout-toggle,
  .mmr-radio-root .mmr-layout-btn,
  .mmr-radio-root .mmr-stream-btn,
  .mmr-radio-root .mmr-btn,
  .mmr-radio-root .mmr-mute,
  .mmr-radio-root .mmr-live-dj-action{
    touch-action:manipulation !important;
  }
}

/* ==========================================================
   SMALL PLAYER: fixed so it does not act weird at 1440 x 900
   or inside a narrow SP Page Builder column.
   ========================================================== */

@media (min-width:1025px){
  .mmr-radio-root.mmr-layout-small{
    --mmr-cover:clamp(188px, 18vw, 230px) !important;
    --mmr-eq-height:118px !important;
  }

  .mmr-radio-root.mmr-layout-small .mmr-row-top{
    display:grid !important;
    grid-template-columns:minmax(188px,var(--mmr-cover)) minmax(0,1fr) !important;
    grid-template-areas:
      "cover console"
      "cover console" !important;
    gap:10px !important;
  }

  .mmr-radio-root.mmr-layout-small .mmr-leftcol{
    grid-area:cover !important;
    display:flex !important;
    flex-direction:column !important;
    gap:7px !important;
    width:100% !important;
    max-width:none !important;
    margin:0 !important;
  }

  .mmr-radio-root.mmr-layout-small .mmr-left{
    grid-area:console !important;
    display:flex !important;
    flex-direction:column !important;
    gap:8px !important;
    width:100% !important;
  }

  .mmr-radio-root.mmr-layout-small .mmr-topline{
    display:grid !important;
    grid-template-columns:auto minmax(0,1fr) auto !important;
    grid-template-areas:"play meta actions" !important;
    min-height:54px !important;
    padding:7px 8px !important;
    gap:8px !important;
    border-radius:13px !important;
    align-items:center !important;
    overflow:hidden !important;
  }

  .mmr-radio-root.mmr-layout-small .mmr-pp{
    grid-area:play !important;
    width:38px !important;
    height:38px !important;
    flex:0 0 38px !important;
  }

  .mmr-radio-root.mmr-layout-small .npStack{
    grid-area:meta !important;
    min-width:0 !important;
    gap:1px !important;
  }

  .mmr-radio-root.mmr-layout-small .mmr-np{
    font-size:clamp(13px,1.18vw,15px) !important;
    line-height:1.12 !important;
    white-space:normal !important;
  }

  .mmr-radio-root.mmr-layout-small .mmr-note-inline{
    font-size:10px !important;
    line-height:1.15 !important;
  }

  .mmr-radio-root.mmr-layout-small .mmr-actions{
    grid-area:actions !important;
    margin:0 !important;
    justify-self:end !important;
  }

  .mmr-radio-root.mmr-layout-small .mmr-share{
    display:flex !important;
    align-items:center !important;
    justify-content:flex-end !important;
    gap:5px !important;
    flex-wrap:wrap !important;
  }

  .mmr-radio-root.mmr-layout-small .mmr-share .mmr-btn,
  .mmr-radio-root.mmr-layout-small .mmr-actions .mmr-btn{
    min-height:25px !important;
    padding:4px 7px !important;
    font-size:8.5px !important;
    line-height:1.05 !important;
    border-radius:999px !important;
  }

  .mmr-radio-root.mmr-layout-small .mmr-eq-shell{
    height:118px !important;
  }

  .mmr-radio-root.mmr-layout-small .mmr-streams{
    display:grid !important;
    grid-template-columns:repeat(4,minmax(0,1fr)) !important;
    gap:6px !important;
    width:100% !important;
  }

  .mmr-radio-root.mmr-layout-small .mmr-stream-btn{
    width:100% !important;
    min-height:30px !important;
    padding:5px 5px !important;
    font-size:8.8px !important;
    line-height:1.05 !important;
    white-space:normal !important;
    text-align:center !important;
    border-radius:11px !important;
  }

  .mmr-radio-root.mmr-layout-small .mmr-vol-desktop-rail{
    display:grid !important;
    grid-template-columns:auto minmax(0,1fr) auto auto !important;
    min-height:44px !important;
    padding:7px 8px !important;
    gap:7px !important;
    border-radius:12px !important;
  }

  .mmr-radio-root.mmr-layout-small .mmr-vol-desktop-rail label{
    font-size:9px !important;
    letter-spacing:.08em !important;
    text-transform:uppercase !important;
  }

  .mmr-radio-root.mmr-layout-small .mmr-vol-desktop-rail .mmr-vol-read{
    width:24px !important;
    min-width:24px !important;
    height:24px !important;
    min-height:24px !important;
    font-size:9px !important;
  }

  .mmr-radio-root.mmr-layout-small .mmr-mute{
    min-height:28px !important;
    padding:5px 8px !important;
    font-size:8.5px !important;
    border-radius:10px !important;
  }

  .mmr-radio-root.mmr-layout-small .mmr-upnext{
    min-height:58px !important;
    padding:8px 9px !important;
    gap:8px !important;
    border-radius:12px !important;
  }

  .mmr-radio-root.mmr-layout-small .mmr-upnext-thumb{
    width:42px !important;
    height:42px !important;
    flex:0 0 42px !important;
    border-radius:9px !important;
  }

  .mmr-radio-root.mmr-layout-small .mmr-upnext-title{
    font-size:11.5px !important;
    line-height:1.1 !important;
  }

  .mmr-radio-root.mmr-layout-small .mmr-upnext-sub{
    font-size:10px !important;
    line-height:1.15 !important;
  }
}

/* Small player in narrow desktop columns */
@container mmrPlayerBox (max-width: 900px){
  .mmr-radio-root.mmr-layout-small{
    --mmr-cover:clamp(210px, 36cqw, 285px) !important;
    --mmr-eq-height:125px !important;
  }

  .mmr-radio-root.mmr-layout-small .mmr-row-top{
    grid-template-columns:minmax(210px,var(--mmr-cover)) minmax(0,1fr) !important;
    gap:9px !important;
  }

  .mmr-radio-root.mmr-layout-small .mmr-topline{
    grid-template-columns:auto minmax(0,1fr) !important;
    grid-template-areas:
      "play meta"
      "actions actions" !important;
    min-height:0 !important;
    padding:8px !important;
  }

  .mmr-radio-root.mmr-layout-small .mmr-pp{
    width:36px !important;
    height:36px !important;
    flex-basis:36px !important;
  }

  .mmr-radio-root.mmr-layout-small .mmr-actions{
    width:100% !important;
    justify-self:stretch !important;
  }

  .mmr-radio-root.mmr-layout-small .mmr-share{
    justify-content:flex-start !important;
    width:100% !important;
  }

  .mmr-radio-root.mmr-layout-small .mmr-np{
    font-size:14px !important;
    line-height:1.13 !important;
  }

  .mmr-radio-root.mmr-layout-small .mmr-note-inline{
    font-size:10px !important;
  }

  .mmr-radio-root.mmr-layout-small .mmr-eq-shell{
    height:125px !important;
  }
}

/* If the player section gets skinny, stack the small player neatly */
@container mmrPlayerBox (max-width: 720px){
  .mmr-radio-root.mmr-layout-small{
    --mmr-cover:clamp(230px, 74cqw, 340px) !important;
    --mmr-eq-height:116px !important;
  }

  .mmr-radio-root.mmr-layout-small .mmr-row-top{
    grid-template-columns:1fr !important;
    grid-template-areas:
      "cover"
      "console" !important;
    gap:10px !important;
  }

  .mmr-radio-root.mmr-layout-small .mmr-leftcol{
    width:100% !important;
    max-width:360px !important;
    margin:0 auto !important;
  }

  .mmr-radio-root.mmr-layout-small .mmr-left{
    width:100% !important;
  }

  .mmr-radio-root.mmr-layout-small .mmr-topline{
    display:flex !important;
    flex-wrap:nowrap !important;
    align-items:flex-start !important;
    gap:8px !important;
  }

  .mmr-radio-root.mmr-layout-small .mmr-actions{
    display:none !important;
  }

  .mmr-radio-root.mmr-layout-small .mmr-lower-desktop,
  .mmr-radio-root.mmr-layout-small .mmr-vol-desktop-rail{
    display:none !important;
    visibility:hidden !important;
  }

  .mmr-radio-root.mmr-layout-small .mmr-phone-only{
    display:block !important;
    visibility:visible !important;
  }
}

/* ==========================================================
   BIG PLAYER: balanced at 1440 x 900 and in narrow columns
   ========================================================== */

@media (min-width:1025px){
  .mmr-radio-root.mmr-layout-big{
    --mmr-cover:clamp(310px, 30vw, 410px) !important;
    --mmr-eq-height:clamp(150px, 15vw, 205px) !important;
  }

  .mmr-radio-root.mmr-layout-big .mmr-row-top{
    display:grid !important;
    grid-template-columns:minmax(310px,var(--mmr-cover)) minmax(0,1fr) minmax(260px,300px) !important;
    grid-template-areas:
      "cover now now"
      "cover eq eq"
      "cover lower lower"
      "coveractions streams volume" !important;
    grid-template-rows:auto minmax(150px,var(--mmr-eq-height)) auto 64px !important;
    gap:10px !important;
    align-items:stretch !important;
    padding:10px !important;
    overflow:hidden !important;
  }

  .mmr-radio-root.mmr-layout-big .mmr-leftcol,
  .mmr-radio-root.mmr-layout-big .mmr-left{
    display:contents !important;
  }

  .mmr-radio-root.mmr-layout-big .mmr-art{
    grid-area:cover !important;
    width:100% !important;
    aspect-ratio:1/1 !important;
    align-self:start !important;
    justify-self:stretch !important;
    border-radius:15px !important;
    min-height:0 !important;
  }

  .mmr-radio-root.mmr-layout-big .mmr-topline{
    grid-area:now !important;
    display:grid !important;
    grid-template-columns:auto minmax(0,1fr) !important;
    grid-template-areas:
      "play meta"
      "actions actions" !important;
    gap:7px 9px !important;
    min-height:82px !important;
    padding:9px 10px !important;
    padding-right:10px !important;
    border-radius:15px !important;
    align-items:center !important;
    overflow:hidden !important;
  }

  .mmr-radio-root.mmr-layout-big .mmr-topline::after{
    display:none !important;
    content:none !important;
  }

  .mmr-radio-root.mmr-layout-big .mmr-pp{
    grid-area:play !important;
    width:42px !important;
    height:42px !important;
    flex:0 0 42px !important;
    justify-self:start !important;
    align-self:center !important;
  }

  .mmr-radio-root.mmr-layout-big .npStack{
    grid-area:meta !important;
    min-width:0 !important;
    gap:2px !important;
  }

  .mmr-radio-root.mmr-layout-big .mmr-np{
    font-size:clamp(15px,1.55vw,21px) !important;
    line-height:1.08 !important;
    white-space:normal !important;
    max-width:100% !important;
  }

  .mmr-radio-root.mmr-layout-big .mmr-note-inline{
    font-size:11px !important;
    line-height:1.18 !important;
  }

  .mmr-radio-root.mmr-layout-big .mmr-topline .mmr-actions{
    grid-area:actions !important;
    position:static !important;
    inset:auto !important;
    width:100% !important;
    margin:0 !important;
    padding:0 !important;
    display:flex !important;
    align-items:center !important;
    justify-content:flex-start !important;
  }

  .mmr-radio-root.mmr-layout-big .mmr-topline .mmr-share{
    display:flex !important;
    flex-wrap:wrap !important;
    justify-content:flex-start !important;
    gap:6px !important;
    width:100% !important;
  }

  .mmr-radio-root.mmr-layout-big .mmr-topline .mmr-share .mmr-btn{
    min-height:26px !important;
    padding:5px 8px !important;
    font-size:8.5px !important;
    line-height:1.05 !important;
    white-space:nowrap !important;
    border-radius:999px !important;
  }

  .mmr-radio-root.mmr-layout-big .mmr-eq-shell{
    grid-area:eq !important;
    height:var(--mmr-eq-height) !important;
    overflow:hidden !important;
  }

  .mmr-radio-root.mmr-layout-big .mmr-eq-shell .mmr-layout-toggle.mmr-eq-control-dock{
    position:absolute !important;
    top:8px !important;
    right:8px !important;
    bottom:auto !important;
    width:120px !important;
    max-width:42% !important;
    height:auto !important;
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:5px !important;
    padding:0 !important;
    border:0 !important;
    background:transparent !important;
    box-shadow:none !important;
    backdrop-filter:none !important;
    -webkit-backdrop-filter:none !important;
    z-index:15 !important;
  }

  .mmr-radio-root.mmr-layout-big .mmr-eq-shell .mmr-eq-control-dock .mmr-dock-eq-btn,
  .mmr-radio-root.mmr-layout-big .mmr-eq-shell .mmr-eq-control-dock .mmr-layout-btn[data-layout]{
    width:100% !important;
    min-height:25px !important;
    height:25px !important;
    max-height:25px !important;
    padding:4px 6px !important;
    border-radius:8px !important;
    font-size:7.5px !important;
    line-height:1 !important;
    white-space:nowrap !important;
    overflow:hidden !important;
  }

  .mmr-radio-root.mmr-layout-big .mmr-lower-desktop{
    grid-area:lower !important;
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:0 !important;
  }

  .mmr-radio-root.mmr-layout-big .mmr-upnext{
    min-height:70px !important;
    padding:9px 10px !important;
    gap:9px !important;
    border-radius:13px !important;
  }

  .mmr-radio-root.mmr-layout-big .mmr-upnext-thumb{
    width:50px !important;
    height:50px !important;
    flex:0 0 50px !important;
    border-radius:10px !important;
  }

  .mmr-radio-root.mmr-layout-big .mmr-upnext-title{
    font-size:12px !important;
    line-height:1.1 !important;
  }

  .mmr-radio-root.mmr-layout-big .mmr-upnext-sub{
    font-size:10.5px !important;
    line-height:1.18 !important;
  }

  .mmr-radio-root.mmr-layout-big .mmr-cover-actions{
    grid-area:coveractions !important;
    display:grid !important;
    grid-template-columns:repeat(4,minmax(0,1fr)) !important;
    gap:7px !important;
    width:100% !important;
    height:64px !important;
    min-height:64px !important;
    padding:8px !important;
    border:1px solid rgba(176,92,255,.24) !important;
    border-radius:15px !important;
    background:linear-gradient(180deg,rgba(255,255,255,.026),rgba(255,255,255,.006)),rgba(7,9,13,.78) !important;
    overflow:hidden !important;
  }

  .mmr-radio-root.mmr-layout-big .mmr-cover-actions .mmr-btn{
    width:100% !important;
    min-height:46px !important;
    height:46px !important;
    padding:6px 5px !important;
    border-radius:12px !important;
    font-size:8px !important;
    line-height:1.05 !important;
    white-space:normal !important;
    text-align:center !important;
  }

  .mmr-radio-root.mmr-layout-big .mmr-streams{
    grid-area:streams !important;
    display:grid !important;
    grid-template-columns:repeat(4,minmax(0,1fr)) !important;
    gap:7px !important;
    width:100% !important;
    height:64px !important;
    min-height:64px !important;
    padding:8px !important;
    border:1px solid rgba(125,255,215,.18) !important;
    border-radius:15px !important;
    background:linear-gradient(180deg,rgba(255,255,255,.026),rgba(255,255,255,.006)),rgba(7,9,13,.70) !important;
    overflow:hidden !important;
  }

  .mmr-radio-root.mmr-layout-big .mmr-stream-btn{
    width:100% !important;
    min-height:46px !important;
    height:46px !important;
    padding:6px 4px !important;
    border-radius:12px !important;
    font-size:8px !important;
    line-height:1.05 !important;
    white-space:normal !important;
    text-align:center !important;
  }

  .mmr-radio-root.mmr-layout-big .mmr-vol-desktop-rail{
    grid-area:volume !important;
    display:grid !important;
    grid-template-columns:auto minmax(0,1fr) auto auto !important;
    height:64px !important;
    min-height:64px !important;
    padding:8px 10px !important;
    gap:8px !important;
    border-radius:15px !important;
    overflow:hidden !important;
  }

  .mmr-radio-root.mmr-layout-big .mmr-vol-desktop-rail label{
    font-size:8.5px !important;
    line-height:1 !important;
    letter-spacing:.08em !important;
    text-transform:uppercase !important;
  }

  .mmr-radio-root.mmr-layout-big .mmr-vol-desktop-rail .mmr-vol-read{
    width:32px !important;
    min-width:32px !important;
    height:32px !important;
    min-height:32px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    font-size:9px !important;
  }

  .mmr-radio-root.mmr-layout-big .mmr-mute{
    min-height:46px !important;
    height:46px !important;
    padding:0 9px !important;
    border-radius:12px !important;
    font-size:8px !important;
    line-height:1 !important;
  }
}

/* 1440 x 900 / medium desktop section fix */
@media (min-width:1025px) and (max-width:1180px){
  .mmr-radio-root .mmr-wrap{
    max-width:1040px !important;
  }

  .mmr-radio-root.mmr-layout-small{
    --mmr-cover:clamp(180px,18vw,220px) !important;
    --mmr-eq-height:112px !important;
  }

  .mmr-radio-root.mmr-layout-big{
    --mmr-cover:clamp(292px,31vw,360px) !important;
    --mmr-eq-height:155px !important;
  }

  .mmr-radio-root.mmr-layout-big .mmr-row-top{
    grid-template-columns:minmax(292px,var(--mmr-cover)) minmax(0,1fr) !important;
    grid-template-areas:
      "cover now"
      "cover eq"
      "cover lower"
      "coveractions streams"
      "coveractions volume" !important;
    grid-template-rows:auto 155px auto 64px 64px !important;
    gap:9px !important;
  }

  .mmr-radio-root.mmr-layout-big .mmr-cover-actions{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    height:137px !important;
    min-height:137px !important;
  }

  .mmr-radio-root.mmr-layout-big .mmr-cover-actions .mmr-btn{
    height:auto !important;
    min-height:56px !important;
    font-size:8.5px !important;
  }

  .mmr-radio-root.mmr-layout-big .mmr-streams,
  .mmr-radio-root.mmr-layout-big .mmr-vol-desktop-rail{
    height:64px !important;
    min-height:64px !important;
  }

  .mmr-radio-root.mmr-layout-big .mmr-eq-shell .mmr-layout-toggle.mmr-eq-control-dock{
    width:108px !important;
    max-width:108px !important;
  }
}

/* Big player in narrow desktop columns */
@container mmrPlayerBox (max-width: 900px){
  .mmr-radio-root.mmr-layout-big{
    --mmr-cover:clamp(265px,40cqw,330px) !important;
    --mmr-eq-height:150px !important;
  }

  .mmr-radio-root.mmr-layout-big .mmr-row-top{
    grid-template-columns:minmax(265px,var(--mmr-cover)) minmax(0,1fr) !important;
    grid-template-areas:
      "cover now"
      "cover eq"
      "cover lower"
      "coveractions coveractions"
      "streams streams"
      "volume volume" !important;
    grid-template-rows:auto auto auto auto auto auto !important;
    gap:9px !important;
  }

  .mmr-radio-root.mmr-layout-big .mmr-topline{
    min-height:0 !important;
    padding:8px !important;
  }

  .mmr-radio-root.mmr-layout-big .mmr-pp{
    width:38px !important;
    height:38px !important;
    flex-basis:38px !important;
  }

  .mmr-radio-root.mmr-layout-big .mmr-np{
    font-size:15px !important;
    line-height:1.12 !important;
  }

  .mmr-radio-root.mmr-layout-big .mmr-note-inline{
    font-size:10px !important;
  }

  .mmr-radio-root.mmr-layout-big .mmr-eq-shell{
    height:150px !important;
  }

  .mmr-radio-root.mmr-layout-big .mmr-cover-actions{
    grid-template-columns:repeat(4,minmax(0,1fr)) !important;
    height:auto !important;
    min-height:58px !important;
  }

  .mmr-radio-root.mmr-layout-big .mmr-cover-actions .mmr-btn{
    min-height:40px !important;
    height:auto !important;
    font-size:8px !important;
  }

  .mmr-radio-root.mmr-layout-big .mmr-streams,
  .mmr-radio-root.mmr-layout-big .mmr-vol-desktop-rail{
    height:auto !important;
    min-height:58px !important;
  }
}

/* If the section is too skinny, stack Big Player safely */
@container mmrPlayerBox (max-width: 720px){
  .mmr-radio-root.mmr-layout-big{
    --mmr-cover:clamp(230px,74cqw,340px) !important;
    --mmr-eq-height:120px !important;
  }

  .mmr-radio-root.mmr-layout-big .mmr-row-top{
    grid-template-columns:1fr !important;
    grid-template-areas:none !important;
    gap:10px !important;
  }

  .mmr-radio-root.mmr-layout-big .mmr-leftcol,
  .mmr-radio-root.mmr-layout-big .mmr-left{
    display:flex !important;
    flex-direction:column !important;
  }

  .mmr-radio-root.mmr-layout-big .mmr-leftcol{
    width:100% !important;
    max-width:360px !important;
    margin:0 auto !important;
  }

  .mmr-radio-root.mmr-layout-big .mmr-art{
    grid-area:auto !important;
    width:100% !important;
    aspect-ratio:1/1 !important;
  }

  .mmr-radio-root.mmr-layout-big .mmr-topline{
    grid-area:auto !important;
    display:flex !important;
    flex-wrap:nowrap !important;
    align-items:flex-start !important;
    min-height:0 !important;
    padding:8px !important;
    gap:8px !important;
  }

  .mmr-radio-root.mmr-layout-big .mmr-actions{
    display:none !important;
  }

  .mmr-radio-root.mmr-layout-big .mmr-eq-shell{
    grid-area:auto !important;
    height:120px !important;
  }

  .mmr-radio-root.mmr-layout-big .mmr-lower-desktop,
  .mmr-radio-root.mmr-layout-big .mmr-vol-desktop-rail{
    display:none !important;
    visibility:hidden !important;
  }

  .mmr-radio-root.mmr-layout-big .mmr-phone-only{
    display:block !important;
    visibility:visible !important;
  }

  .mmr-radio-root.mmr-layout-big .mmr-cover-actions{
    display:grid !important;
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:7px !important;
    width:min(100%,360px) !important;
    margin:0 auto !important;
    height:auto !important;
  }

  .mmr-radio-root.mmr-layout-big .mmr-cover-actions .mmr-btn{
    min-height:40px !important;
    font-size:8.8px !important;
  }
}

/* ==========================================================
   Live DJ card balance: avoid long stretched one-row buttons
   ========================================================== */

@media (min-width:1025px){
  .mmr-radio-root .mmr-live-dj-card.mmr-live-dj-console{
    grid-template-columns:76px minmax(0,1fr) minmax(250px,.82fr) !important;
    gap:9px !important;
    min-height:82px !important;
    padding:9px !important;
    border-radius:14px !important;
  }

  .mmr-radio-root .mmr-live-dj-card.mmr-live-dj-console .mmr-live-dj-art,
  .mmr-radio-root .mmr-live-dj-card.mmr-live-dj-console .mmr-live-dj-art img{
    width:76px !important;
    min-height:76px !important;
    border-radius:12px !important;
  }

  .mmr-radio-root .mmr-live-dj-card.mmr-live-dj-console .mmr-live-dj-actions{
    display:grid !important;
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:7px !important;
  }

  .mmr-radio-root .mmr-live-dj-card.mmr-live-dj-console .mmr-live-dj-action{
    min-height:62px !important;
    padding:8px 7px !important;
    border-radius:12px !important;
  }

  .mmr-radio-root .mmr-live-dj-card.mmr-live-dj-console .mmr-live-dj-action:nth-child(n/**/+3){
    display:none !important;
  }

  .mmr-radio-root .mmr-live-dj-action-main{
    font-size:9px !important;
    line-height:1.1 !important;
  }

  .mmr-radio-root .mmr-live-dj-action-sub{
    font-size:8px !important;
    line-height:1.1 !important;
  }
}

@container mmrPlayerBox (max-width: 900px){
  .mmr-radio-root .mmr-live-dj-card.mmr-live-dj-console{
    grid-template-columns:70px minmax(0,1fr) !important;
  }

  .mmr-radio-root .mmr-live-dj-card.mmr-live-dj-console .mmr-live-dj-actions{
    grid-column:1 / -1 !important;
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  }
}

/* ==========================================================
   Tablet / phone protection
   ========================================================== */

@media (max-width:1024px){
  .mmr-radio-root{
    --mmr-cover:clamp(210px,72vw,360px) !important;
    --mmr-eq-height:110px !important;
  }

  .mmr-radio-root .mmr-wrap{
    padding:8px !important;
  }

  .mmr-radio-root .mmr-row-top{
    grid-template-columns:1fr !important;
    gap:10px !important;
    padding:10px !important;
    border-radius:16px !important;
  }

  .mmr-radio-root .mmr-leftcol{
    width:100% !important;
    max-width:360px !important;
    margin:0 auto !important;
  }

  .mmr-radio-root .mmr-lower-desktop,
  .mmr-radio-root .mmr-vol-desktop-rail{
    display:none !important;
    visibility:hidden !important;
  }

  .mmr-radio-root .mmr-phone-only{
    display:block !important;
    visibility:visible !important;
  }

  .mmr-radio-root .mmr-actions{
    display:none !important;
  }
}

@media (max-width:700px){
  .mmr-radio-root .mmr-wrap{
    padding:8px !important;
  }

  .mmr-radio-root .mmr-container{
    gap:10px !important;
  }

  .mmr-radio-root .mmr-row-top{
    padding:9px !important;
    gap:9px !important;
  }

  .mmr-radio-root .mmr-leftcol{
    max-width:330px !important;
  }

  .mmr-radio-root .mmr-topline{
    display:flex !important;
    flex-wrap:nowrap !important;
    align-items:flex-start !important;
    gap:8px !important;
    padding:8px !important;
    min-height:0 !important;
  }

  .mmr-radio-root .mmr-pp{
    width:34px !important;
    height:34px !important;
    flex:0 0 34px !important;
  }

  .mmr-radio-root .npStack{
    flex:1 1 auto !important;
    min-width:0 !important;
  }

  .mmr-radio-root .mmr-np{
    font-size:14px !important;
    line-height:1.16 !important;
  }

  .mmr-radio-root .mmr-note-inline{
    font-size:10.5px !important;
    line-height:1.15 !important;
  }

  .mmr-radio-root .mmr-eq-shell{
    height:96px !important;
  }

  .mmr-radio-root .mmr-streams{
    display:grid !important;
    grid-template-columns:repeat(4,minmax(0,1fr)) !important;
    gap:7px !important;
    width:100% !important;
  }

  .mmr-radio-root .mmr-stream-btn{
    min-height:38px !important;
    padding:7px 4px !important;
    font-size:8.5px !important;
    line-height:1.05 !important;
    white-space:normal !important;
    text-align:center !important;
    border-radius:11px !important;
  }

  .mmr-radio-root .mmr-cover-actions{
    display:grid !important;
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:7px !important;
    width:min(100%,360px) !important;
    margin:0 auto !important;
  }

  .mmr-radio-root .mmr-cover-actions .mmr-btn,
  .mmr-radio-root .mmr-phone-share .mmr-btn{
    min-height:40px !important;
    padding:8px 6px !important;
    font-size:9px !important;
    white-space:normal !important;
    text-align:center !important;
  }
}

@media (max-width:390px){
  .mmr-radio-root .mmr-wrap{
    padding:6px !important;
  }

  .mmr-radio-root .mmr-leftcol{
    max-width:100% !important;
  }

  .mmr-radio-root .mmr-eq-shell{
    height:88px !important;
  }

  .mmr-radio-root .mmr-streams{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  }
}

/* ==========================================================
   Popup safety so vote/request boxes do not get clipped
   ========================================================== */

.mmr-radio-root .mmr-vote-overlay,
.mmr-radio-root .mmr-dj-action-overlay{
  box-sizing:border-box !important;
  width:100vw !important;
  max-width:100vw !important;
  overflow:hidden !important;
  overscroll-behavior:contain !important;
}

.mmr-radio-root .mmr-vote-card,
.mmr-radio-root .mmr-dj-action-card{
  max-width:calc(100vw - 20px) !important;
  overflow-x:hidden !important;
  overscroll-behavior:contain !important;
}

@media (max-width:700px){
  .mmr-radio-root{
    --mmr-mobile-header-clearance:58px !important;
  }

  .mmr-radio-root .mmr-vote-overlay.active{
    align-items:flex-start !important;
    justify-content:center !important;
    padding-top:calc(var(--mmr-mobile-header-clearance) + 8px + env(safe-area-inset-top,0px)) !important;
    padding-right:10px !important;
    padding-bottom:calc(12px + env(safe-area-inset-bottom,0px)) !important;
    padding-left:10px !important;
  }

  .mmr-radio-root .mmr-vote-card,
  .mmr-radio-root .mmr-dj-action-card{
    width:calc(100vw - 20px) !important;
    max-width:460px !important;
    max-height:calc(100dvh - var(--mmr-mobile-header-clearance) - 28px) !important;
    margin:0 auto !important;
    border-radius:18px !important;
  }

  .mmr-radio-root .mmr-vote-inner{
    grid-template-columns:1fr !important;
    padding:56px 12px 14px !important;
    gap:11px !important;
  }

  .mmr-radio-root .mmr-vote-close{
    top:10px !important;
    right:10px !important;
    width:42px !important;
    height:42px !important;
    min-width:42px !important;
    min-height:42px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    border-radius:50% !important;
    background:rgba(0,0,0,.86) !important;
    z-index:2147483647 !important;
  }
}

/* ==========================================================
   Player-only cleanup: no Recent, no Top 10, no News block
   ========================================================== */



@media (max-width:700px){
  .mmr-radio-root .mmr-eq-shell{
    display:none !important;
    visibility:hidden !important;
  }
}



  /* ==========================================================
     MMR DISCOVER-ONLY POPUP
     Discover now opens a clean band-search popup by itself.
     No Vote This Track, no vote buttons, no vault/request/share controls.
     ========================================================== */
  .mmr-radio-root .mmr-discover-overlay{
    display:none;
    position:fixed;
    inset:0;
    z-index:2147483200;
    align-items:center;
    justify-content:center;
    padding:18px;
    background:rgba(0,0,0,.90);
    overflow:hidden;
    box-sizing:border-box;
  }

  .mmr-radio-root .mmr-discover-overlay.active{
    display:flex;
  }

  .mmr-radio-root .mmr-discover-card{
    width:min(720px, calc(100vw - 28px));
    max-height:calc(100dvh - 28px);
    overflow:auto;
    position:relative;
    border:1px solid rgba(125,255,215,.30);
    border-radius:22px;
    background:
      radial-gradient(circle at 0% 0%, rgba(48,185,155,.18), transparent 38%),
      radial-gradient(circle at 100% 100%, rgba(106,13,173,.22), transparent 38%),
      linear-gradient(180deg, #11151d, #07090d);
    box-shadow:0 22px 70px rgba(0,0,0,.78), 0 0 34px rgba(48,185,155,.14);
    color:var(--mmr-text-primary);
    padding:16px;
    overscroll-behavior:contain;
    -webkit-overflow-scrolling:touch;
  }

  .mmr-radio-root .mmr-discover-modal-close{
    position:absolute;
    top:12px;
    right:12px;
    z-index:5;
    width:40px;
    height:40px;
    border-radius:50%;
    border:1px solid rgba(255,255,255,.16);
    background:rgba(0,0,0,.66);
    color:#fff;
    font-size:28px;
    line-height:1;
    cursor:pointer;
    touch-action:manipulation;
  }

  .mmr-radio-root .mmr-discover-modal-close:hover,
  .mmr-radio-root .mmr-discover-modal-close:focus-visible{
    background:var(--mmr-accent-purple);
    border-color:#b05cff;
    outline:none;
  }

  .mmr-radio-root .mmr-discover-card .mmr-discovery-panel,
  .mmr-radio-root .mmr-discover-card .mmr-discovery-panel.is-open{
    display:block !important;
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
    padding:14px !important;
    padding-top:42px !important;
    margin:0 !important;
    border-radius:18px !important;
    border:1px solid rgba(125,255,215,.22) !important;
    background:
      radial-gradient(circle at 0% 0%, rgba(48,185,155,.14), transparent 40%),
      linear-gradient(180deg, rgba(15,19,24,.98), rgba(8,10,15,.98)) !important;
    box-shadow:0 0 24px rgba(48,185,155,.08), inset 0 0 0 1px rgba(255,255,255,.02) !important;
  }

  .mmr-radio-root .mmr-discover-card .mmr-discovery-head{
    margin:0 44px 14px 0 !important;
    padding:0 !important;
    border:0 !important;
    background:transparent !important;
  }

  .mmr-radio-root .mmr-discover-card .mmr-discovery-close{
    display:none !important;
  }

  .mmr-radio-root .mmr-discover-card .mmr-discovery-kicker{
    color:#9df8dd !important;
    font-size:11px !important;
    line-height:1 !important;
    font-weight:1000 !important;
    letter-spacing:.16em !important;
    text-transform:uppercase !important;
  }

  .mmr-radio-root .mmr-discover-card .mmr-discovery-title{
    margin-top:6px !important;
    color:#fff !important;
    font-size:clamp(26px, 5vw, 42px) !important;
    line-height:1 !important;
    font-weight:1000 !important;
    letter-spacing:.045em !important;
    text-transform:uppercase !important;
    overflow-wrap:anywhere !important;
  }

  .mmr-radio-root .mmr-discover-card .mmr-discovery-links{
    display:grid !important;
    grid-template-columns:repeat(3, minmax(0, 1fr)) !important;
    gap:10px !important;
  }

  .mmr-radio-root .mmr-discover-card .mmr-discovery-link{
    min-height:54px !important;
    border-radius:15px !important;
    border:1px solid rgba(176,92,255,.24) !important;
    background:
      radial-gradient(circle at 50% 0%, rgba(176,92,255,.14), transparent 55%),
      rgba(12,15,20,.88) !important;
    color:#fff !important;
    font-size:12px !important;
    line-height:1.15 !important;
    font-weight:1000 !important;
    letter-spacing:.05em !important;
    text-transform:uppercase !important;
    text-decoration:none !important;
    text-align:center !important;
  }

  .mmr-radio-root .mmr-discover-card .mmr-discovery-link:hover,
  .mmr-radio-root .mmr-discover-card .mmr-discovery-link:focus-visible{
    transform:translateY(-1px) !important;
    border-color:rgba(125,255,215,.52) !important;
    background:linear-gradient(180deg,rgba(48,185,155,.22),rgba(12,15,20,.96)) !important;
    box-shadow:0 0 14px rgba(48,185,155,.14) !important;
    outline:none !important;
  }

  .mmr-radio-root .mmr-discover-card .mmr-discovery-note{
    margin-top:12px !important;
    padding:10px 12px !important;
    border-radius:14px !important;
    border:1px solid rgba(176,92,255,.14) !important;
    background:rgba(0,0,0,.18) !important;
    color:var(--mmr-text-caption) !important;
    font-size:11px !important;
    line-height:1.35 !important;
    font-weight:850 !important;
    text-align:center !important;
  }

  @media (max-width:700px){
    .mmr-radio-root .mmr-discover-overlay.active{
      align-items:center !important;
      justify-content:center !important;
      padding:calc(72px + env(safe-area-inset-top, 0px)) 10px calc(22px + env(safe-area-inset-bottom, 0px)) !important;
    }

    .mmr-radio-root .mmr-discover-card{
      width:calc(100vw - 20px);
      max-width:460px;
      max-height:calc(100dvh - 104px - env(safe-area-inset-top, 0px) - env(safe-area-inset-bottom, 0px));
      border-radius:18px;
      padding:12px;
      margin:auto 0 !important;
    }

    .mmr-radio-root .mmr-discover-modal-close{
      top:10px;
      right:10px;
      width:38px;
      height:38px;
      font-size:26px;
    }

    .mmr-radio-root .mmr-discover-card .mmr-discovery-panel,
    .mmr-radio-root .mmr-discover-card .mmr-discovery-panel.is-open{
      padding:12px !important;
      padding-top:44px !important;
      border-radius:16px !important;
    }

    .mmr-radio-root .mmr-discover-card .mmr-discovery-head{
      margin-right:42px !important;
      margin-bottom:12px !important;
    }

    .mmr-radio-root .mmr-discover-card .mmr-discovery-links{
      grid-template-columns:repeat(2, minmax(0,1fr)) !important;
      gap:8px !important;
    }

    .mmr-radio-root .mmr-discover-card .mmr-discovery-link{
      min-height:48px !important;
      border-radius:14px !important;
      font-size:11px !important;
      padding:9px 8px !important;
    }
  }


  @media (max-width:700px) and (max-height:680px){
    .mmr-radio-root .mmr-discover-overlay.active{
      align-items:center !important;
      padding-top:calc(44px + env(safe-area-inset-top, 0px)) !important;
      padding-bottom:calc(14px + env(safe-area-inset-bottom, 0px)) !important;
    }

    .mmr-radio-root .mmr-discover-card{
      max-height:calc(100dvh - 66px - env(safe-area-inset-top, 0px) - env(safe-area-inset-bottom, 0px)) !important;
    }
  }

  @media (max-width:380px){
    .mmr-radio-root .mmr-discover-card .mmr-discovery-links{
      grid-template-columns:1fr !important;
    }
  }



/* ==========================================================
   MMR OLD-CODE DESKTOP BALANCE RESTORE
   Keeps the 1280px wrapper and the Discover-only popup, but
   restores the tighter old desktop player balance: taller now-
   playing strip, lower Coming Up Next card, and no empty dead
   space under the right console.
   ========================================================== */
@media (min-width:1025px){
  .mmr-radio-root.mmr-layout-small .mmr-row-top{
    align-items:stretch !important;
    padding:10px !important;
    gap:10px !important;
  }

  .mmr-radio-root.mmr-layout-small .mmr-left{
    height:100% !important;
    min-height:100% !important;
    display:flex !important;
    flex-direction:column !important;
    justify-content:flex-start !important;
    gap:10px !important;
  }

  .mmr-radio-root.mmr-layout-small .mmr-leftcol{
    height:100% !important;
    min-height:100% !important;
  }

  .mmr-radio-root.mmr-layout-small .mmr-topline{
    min-height:70px !important;
    padding:9px 10px !important;
    gap:9px !important;
    border-radius:14px !important;
    align-items:center !important;
  }

  .mmr-radio-root.mmr-layout-small .mmr-pp{
    width:40px !important;
    height:40px !important;
    flex:0 0 40px !important;
  }

  .mmr-radio-root.mmr-layout-small .mmr-np{
    font-size:clamp(14px,1.18vw,16px) !important;
    line-height:1.12 !important;
  }

  .mmr-radio-root.mmr-layout-small .mmr-note-inline{
    font-size:10.5px !important;
    line-height:1.15 !important;
  }

  .mmr-radio-root.mmr-layout-small .mmr-eq-shell{
    height:118px !important;
  }

  .mmr-radio-root.mmr-layout-small .mmr-lower-desktop{
    margin-top:auto !important;
    align-self:stretch !important;
    display:grid !important;
    grid-template-columns:1fr !important;
    width:100% !important;
  }

  .mmr-radio-root.mmr-layout-small .mmr-upnext{
    min-height:78px !important;
    padding:10px 11px !important;
    gap:10px !important;
    border-radius:13px !important;
    align-items:center !important;
  }

  .mmr-radio-root.mmr-layout-small .mmr-upnext-thumb{
    width:52px !important;
    height:52px !important;
    flex:0 0 52px !important;
    border-radius:10px !important;
  }

  .mmr-radio-root.mmr-layout-small .mmr-upnext-title{
    font-size:13px !important;
    line-height:1.1 !important;
  }

  .mmr-radio-root.mmr-layout-small .mmr-upnext-sub{
    font-size:10.5px !important;
    line-height:1.2 !important;
  }
}

/* At slightly narrower desktop widths, keep it balanced without overflowing. */
@media (min-width:1025px) and (max-width:1180px){
  .mmr-radio-root.mmr-layout-small .mmr-topline{
    min-height:64px !important;
  }

  .mmr-radio-root.mmr-layout-small .mmr-upnext{
    min-height:70px !important;
  }

  .mmr-radio-root.mmr-layout-small .mmr-upnext-thumb{
    width:48px !important;
    height:48px !important;
    flex-basis:48px !important;
  }
}


/* ==========================================================
   MMR SMALL PLAYER EQ HEIGHT BALANCE
   Desktop only: raises the small-player EQ stage so its bottom
   lines up closer with the album-cover area, removing the dead
   gap before the Coming Up Next card.
   ========================================================== */
@media (min-width:1181px){
  .mmr-radio-root.mmr-layout-small{
    --mmr-eq-height:155px !important;
  }

  .mmr-radio-root.mmr-layout-small .mmr-eq-shell{
    height:155px !important;
  }

  .mmr-radio-root.mmr-layout-small .mmr-left{
    gap:9px !important;
  }

  .mmr-radio-root.mmr-layout-small .mmr-lower-desktop{
    margin-top:auto !important;
  }
}

@media (min-width:1025px) and (max-width:1180px){
  .mmr-radio-root.mmr-layout-small{
    --mmr-eq-height:136px !important;
  }

  .mmr-radio-root.mmr-layout-small .mmr-eq-shell{
    height:136px !important;
  }
}



  /* ==========================================================
     MMR TOP 10 STYLE RATE CARD + DAILY VOTE LOCK UI
     Integrated into this player so the player layout stays the same.
     ========================================================== */
  .mmr-radio-root .mmr-vote-overlay{
    z-index:2147483000 !important;
    display:none;
    align-items:center !important;
    justify-content:center !important;
    padding:18px !important;
    background:rgba(0,0,0,.72) !important;
    backdrop-filter:blur(8px);
    -webkit-backdrop-filter:blur(8px);
  }

  .mmr-radio-root .mmr-vote-overlay.active{
    display:flex !important;
  }

  .mmr-radio-root .mmr-vote-card{
    position:relative !important;
    width:min(580px, 100%) !important;
    max-width:580px !important;
    max-height:calc(100dvh - 28px) !important;
    overflow:hidden !important;
    border:1px solid rgba(155,55,255,.34) !important;
    border-radius:20px !important;
    background:
      radial-gradient(circle at 20% 0%, rgba(155,55,255,.22), transparent 38%),
      linear-gradient(180deg, rgba(255,255,255,.055), rgba(255,255,255,.015)),
      .mmr-radio-root #080a0f !important;
    box-shadow:0 20px 60px rgba(0,0,0,.62), 0 0 28px rgba(106,13,173,.24) !important;
    color:#fff !important;
  }

  .mmr-radio-root .mmr-vote-head{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
    padding:13px 14px;
    border-bottom:1px solid rgba(255,255,255,.08);
    background:rgba(0,0,0,.20);
  }

  .mmr-radio-root .mmr-vote-head .mmr-vote-kicker{
    margin:0;
    color:#FFE66D;
    font-size:11px;
    line-height:1;
    font-weight:1000;
    letter-spacing:.16em;
    text-transform:uppercase;
  }

  .mmr-radio-root .mmr-vote-close{
    position:static !important;
    width:36px !important;
    height:36px !important;
    min-width:36px !important;
    min-height:36px !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    border:1px solid rgba(255,255,255,.14) !important;
    border-radius:50% !important;
    background:rgba(255,255,255,.045) !important;
    color:#fff !important;
    cursor:pointer;
    font:inherit;
    font-size:22px !important;
    line-height:1 !important;
    font-weight:900 !important;
    box-shadow:none !important;
  }

  .mmr-radio-root .mmr-vote-card-scroll{
    max-height:calc(100dvh - 92px);
    overflow:auto;
    padding:14px;
    scrollbar-width:thin;
  }

  .mmr-radio-root .mmr-vote-inner{
    display:grid !important;
    grid-template-columns:126px minmax(0,1fr) !important;
    gap:13px !important;
    align-items:center !important;
    width:100% !important;
    max-width:100% !important;
    padding:0 !important;
  }

  .mmr-radio-root .mmr-vote-art{
    width:100% !important;
    max-width:none !important;
    overflow:hidden !important;
    border:1px solid rgba(255,255,255,.10) !important;
    border-radius:16px !important;
    background:#05070b !important;
    aspect-ratio:1/1 !important;
    box-shadow:none !important;
  }

  .mmr-radio-root .mmr-vote-art img{
    width:100%;
    height:100%;
    object-fit:cover;
  }

  .mmr-radio-root .mmr-vote-body{
    min-width:0 !important;
    display:block !important;
    overflow:visible !important;
    text-align:left !important;
    padding:0 !important;
  }

  .mmr-radio-root .mmr-vote-title{
    margin:0 !important;
    color:#fff !important;
    font-size:18px !important;
    line-height:1.2 !important;
    font-weight:1000 !important;
    letter-spacing:0 !important;
    text-transform:none !important;
    overflow-wrap:anywhere !important;
  }

  .mmr-radio-root .mmr-vote-song{
    margin:5px 0 0 !important;
    color:var(--mmr-text-caption) !important;
    font-size:12px !important;
    line-height:1.35 !important;
    font-weight:800 !important;
    overflow-wrap:anywhere !important;
  }

  .mmr-radio-root .mmr-vote-artist-line{
    margin-top:8px;
    color:#FFE66D;
    font-size:10px;
    line-height:1.2;
    font-weight:1000;
    letter-spacing:.11em;
    text-transform:uppercase;
    overflow-wrap:anywhere;
  }

  .mmr-radio-root .mmr-vote-options{
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:10px !important;
    margin-top:13px !important;
  }

  .mmr-radio-root .mmr-vote-choice,
  .mmr-radio-root .mmr-vote-tool-btn{
    appearance:none;
    min-height:48px !important;
    width:100%;
    border:1px solid rgba(255,255,255,.12) !important;
    border-radius:14px !important;
    background:linear-gradient(180deg, rgba(255,255,255,.055), rgba(255,255,255,.018)) !important;
    color:#fff !important;
    cursor:pointer;
    font:inherit;
    font-size:12px !important;
    line-height:1 !important;
    font-weight:1000 !important;
    letter-spacing:.08em !important;
    text-align:center;
    text-transform:uppercase !important;
    transition:transform .16s ease, border-color .16s ease, background .16s ease;
  }

  .mmr-radio-root .mmr-vote-choice:hover,
  .mmr-radio-root .mmr-vote-choice:focus-visible,
  .mmr-radio-root .mmr-vote-tool-btn:hover,
  .mmr-radio-root .mmr-vote-tool-btn:focus-visible{
    transform:translateY(-1px);
    border-color:rgba(255,230,109,.38) !important;
    background:rgba(106,13,173,.20) !important;
    outline:none;
  }

  .mmr-radio-root [data-mmr-id="mmrVoteUp"]{border-color:rgba(34,197,94,.35) !important;}

  .mmr-radio-root .mmr-vote-choice.active{
    border-color:rgba(255,230,109,.62) !important;
    background:linear-gradient(180deg, rgba(106,13,173,.56), rgba(37,99,235,.20)) !important;
    color:#FFE66D !important;
  }

  .mmr-radio-root .mmr-vote-actions{
    display:grid !important;
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:8px !important;
    margin-top:10px !important;
    width:100% !important;
  }

  .mmr-radio-root .mmr-vote-send{display:none !important;}

  .mmr-radio-root .mmr-vote-requestbtn,
  .mmr-radio-root .mmr-vote-savebtn{
    min-height:48px !important;
    border-radius:14px !important;
    padding:10px 11px !important;
    font-size:12px !important;
    line-height:1 !important;
    font-weight:1000 !important;
    letter-spacing:.08em !important;
    text-transform:uppercase !important;
  }

  .mmr-radio-root .mmr-vote-savebtn{border-color:rgba(255,230,109,.30) !important;}
  .mmr-radio-root .mmr-vote-requestbtn{border-color:rgba(155,55,255,.38) !important;}

  .mmr-radio-root .mmr-vote-panel{
    margin-top:12px;
    padding:12px;
    border:1px solid rgba(155,55,255,.20);
    border-radius:15px;
    background:rgba(0,0,0,.22);
  }

  .mmr-radio-root .mmr-vote-panel.is-share{
    border-color:rgba(255,230,109,.18);
  }

  .mmr-radio-root .mmr-vote-panel-kicker{
    margin:0 0 6px;
    color:#FFE66D;
    font-size:10px;
    line-height:1;
    font-weight:1000;
    letter-spacing:.14em;
    text-transform:uppercase;
  }

  .mmr-radio-root .mmr-vote-panel-note{
    margin:0 0 8px;
    color:var(--mmr-text-caption);
    font-size:11px;
    line-height:1.45;
    font-weight:800;
  }

  .mmr-radio-root .mmr-vote-link-grid,
  .mmr-radio-root .mmr-vote-share-grid{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:7px;
  }

  .mmr-radio-root .mmr-vote-share-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }

  .mmr-radio-root .mmr-vote-discovery-link,
  .mmr-radio-root .mmr-vote-share-link{
    min-width:0;
    min-height:34px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    padding:7px 8px;
    border:1px solid rgba(255,255,255,.10);
    border-radius:11px;
    background:rgba(255,255,255,.035);
    color:var(--mmr-text-primary);
    font-size:9px;
    line-height:1.05;
    font-weight:1000;
    letter-spacing:.06em;
    text-align:center;
    text-decoration:none;
    text-transform:uppercase;
    transition:transform .16s ease, border-color .16s ease, background .16s ease;
  }

  .mmr-radio-root .mmr-vote-discovery-link:hover,
  .mmr-radio-root .mmr-vote-discovery-link:focus-visible,
  .mmr-radio-root .mmr-vote-share-link:hover,
  .mmr-radio-root .mmr-vote-share-link:focus-visible{
    transform:translateY(-1px);
    border-color:rgba(255,230,109,.34);
    background:rgba(106,13,173,.18);
    outline:none;
  }

  .mmr-radio-root .mmr-vote-status{
    display:block !important;
    width:100% !important;
    min-height:20px;
    margin-top:10px;
    color:#d9bbff;
    font-size:12px;
    line-height:1.45;
    font-weight:800;
  }

  .mmr-radio-root .mmr-vote-status.is-success{
    padding:10px 12px;
    border:1px solid rgba(176,92,255,.34);
    border-radius:14px;
    background:linear-gradient(180deg,rgba(106,13,173,.22),rgba(106,13,173,.08));
    color:#fff;
    box-shadow:0 0 22px rgba(106,13,173,.12);
  }

  .mmr-radio-root .mmr-vote-bottom-close{
    display:flex !important;
    margin-top:10px !important;
  }

  @media (max-width:760px){
    .mmr-radio-root .mmr-vote-card{width:min(540px, 100%) !important;}
    .mmr-radio-root .mmr-vote-inner{grid-template-columns:104px minmax(0,1fr) !important;}
    .mmr-radio-root .mmr-vote-actions{grid-template-columns:1fr !important;}
    .mmr-radio-root .mmr-vote-link-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
  }

  @media (max-width:430px){
    .mmr-radio-root .mmr-vote-overlay.active{
      align-items:flex-start !important;
      padding:10px 8px calc(10px + env(safe-area-inset-bottom, 0px)) !important;
      overflow:hidden !important;
    }
    .mmr-radio-root .mmr-vote-card{
      width:calc(100vw - 16px) !important;
      max-height:calc(100dvh - 20px) !important;
      border-radius:18px !important;
    }
    .mmr-radio-root .mmr-vote-card-scroll{
      max-height:calc(100dvh - 78px);
      padding:12px;
    }
    .mmr-radio-root .mmr-vote-inner{grid-template-columns:86px minmax(0,1fr) !important;}
    .mmr-radio-root .mmr-vote-title{font-size:15px !important;}
    .mmr-radio-root .mmr-vote-options,
    .mmr-radio-root .mmr-vote-link-grid,
    .mmr-radio-root .mmr-vote-share-grid{grid-template-columns:1fr !important;}
  }

  /* Three-size layout switcher support. */
  .mmr-radio-root .mmr-eq-shell .mmr-layout-toggle.mmr-eq-control-dock{
    flex-wrap:wrap !important;
  }

  .mmr-radio-root .mmr-eq-shell .mmr-eq-control-dock .mmr-layout-btn[data-layout="compact"]{
    border-color:rgba(176,92,255,.24) !important;
  }

  /* Compact player: hides the EQ visual while keeping layout controls available. */
  .mmr-radio-root.mmr-layout-compact{
    --mmr-cover:clamp(128px, 15vw, 176px) !important;
    --mmr-eq-height:auto !important;
  }

  .mmr-radio-root.mmr-layout-compact .mmr-eq-canvas,
  .mmr-radio-root.mmr-layout-compact .mmr-signal-chip,
  .mmr-radio-root.mmr-layout-compact .mmr-dock-eq-btn{
    display:none !important;
  }

  .mmr-radio-root.mmr-layout-compact .mmr-eq-shell{
    height:auto !important;
    min-height:0 !important;
    display:flex !important;
    justify-content:flex-end !important;
    align-items:center !important;
    padding:0 !important;
    border:0 !important;
    border-radius:0 !important;
    background:transparent !important;
    box-shadow:none !important;
    overflow:visible !important;
  }

  .mmr-radio-root.mmr-layout-compact .mmr-eq-shell::after,
  .mmr-radio-root.mmr-layout-compact .mmr-eq-shell::before{
    content:none !important;
    display:none !important;
  }

  .mmr-radio-root.mmr-layout-compact .mmr-layout-toggle.mmr-eq-control-dock{
    position:static !important;
    inset:auto !important;
    width:auto !important;
    max-width:100% !important;
    min-height:0 !important;
    display:flex !important;
    align-items:center !important;
    justify-content:flex-end !important;
    gap:5px !important;
    padding:4px !important;
    margin:0 !important;
    border:1px solid rgba(176,92,255,.14) !important;
    border-radius:999px !important;
    background:rgba(7,9,13,.72) !important;
    box-shadow:inset 0 0 0 1px rgba(255,255,255,.025) !important;
    overflow:visible !important;
    transform:none !important;
  }

  .mmr-radio-root.mmr-layout-compact .mmr-layout-toggle.mmr-eq-control-dock::before{
    content:"SIZE" !important;
    position:static !important;
    width:auto !important;
    height:auto !important;
    display:inline-flex !important;
    align-items:center !important;
    padding:0 6px 0 4px !important;
    border:0 !important;
    background:transparent !important;
    color:var(--mmr-text-caption) !important;
    font-size:8px !important;
    line-height:1 !important;
    font-weight:1000 !important;
    letter-spacing:.14em !important;
    text-transform:uppercase !important;
  }

  .mmr-radio-root.mmr-layout-compact .mmr-layout-btn[data-layout]{
    min-width:0 !important;
    min-height:25px !important;
    height:auto !important;
    padding:4px 8px !important;
    gap:4px !important;
    border-radius:999px !important;
    font-size:8px !important;
    line-height:1 !important;
  }

  .mmr-radio-root.mmr-layout-compact .mmr-layout-btn[data-layout="compact"],
  .mmr-radio-root.mmr-layout-compact .mmr-eq-shell .mmr-eq-control-dock .mmr-layout-btn[data-layout="compact"]{
    border-color:rgba(255,230,109,.54) !important;
    background:linear-gradient(180deg, rgba(106,13,173,.52), rgba(37,99,235,.18)) !important;
    color:#fff !important;
    box-shadow:0 0 16px rgba(106,13,173,.18) !important;
  }

  .mmr-radio-root.mmr-layout-compact .mmr-layout-icon{
    width:14px !important;
    height:14px !important;
    flex:0 0 14px !important;
    font-size:9px !important;
  }

  @media (min-width:1025px){
    .mmr-radio-root.mmr-layout-compact .mmr-wrap{
      padding:8px !important;
    }

    .mmr-radio-root.mmr-layout-compact .mmr-row-top{
      display:grid !important;
      grid-template-columns:minmax(128px,var(--mmr-cover)) minmax(0,1fr) !important;
      grid-template-areas:
        "cover console"
        "cover console" !important;
      gap:8px !important;
      padding:10px !important;
      align-items:start !important;
    }

    .mmr-radio-root.mmr-layout-compact .mmr-leftcol{
      grid-area:cover !important;
      gap:6px !important;
      margin:0 !important;
      max-width:none !important;
    }

    .mmr-radio-root.mmr-layout-compact .mmr-left{
      grid-area:console !important;
      gap:6px !important;
    }

    .mmr-radio-root.mmr-layout-compact .mmr-art{
      max-width:var(--mmr-cover) !important;
      border-radius:11px !important;
    }

    .mmr-radio-root.mmr-layout-compact .mmr-art-badge{
      min-height:18px !important;
      padding:3px 7px !important;
      font-size:7.5px !important;
    }

    .mmr-radio-root.mmr-layout-compact .mmr-art-votehint{
      display:none !important;
    }

    .mmr-radio-root.mmr-layout-compact .mmr-topline{
      display:grid !important;
      grid-template-columns:auto minmax(0,1fr) auto !important;
      grid-template-areas:"play meta actions" !important;
      min-height:46px !important;
      padding:6px 7px !important;
      gap:7px !important;
      border-radius:11px !important;
      align-items:center !important;
      overflow:hidden !important;
    }

    .mmr-radio-root.mmr-layout-compact .mmr-pp{
      grid-area:play !important;
      width:34px !important;
      height:34px !important;
      flex:0 0 34px !important;
    }

    .mmr-radio-root.mmr-layout-compact .npStack{
      grid-area:meta !important;
      gap:0 !important;
      min-width:0 !important;
    }

    .mmr-radio-root.mmr-layout-compact .mmr-np{
      font-size:13px !important;
      line-height:1.1 !important;
      white-space:nowrap !important;
      overflow:hidden !important;
      text-overflow:ellipsis !important;
    }

    .mmr-radio-root.mmr-layout-compact .mmr-note-inline{
      font-size:9px !important;
      line-height:1.1 !important;
      white-space:nowrap !important;
      overflow:hidden !important;
      text-overflow:ellipsis !important;
    }

    .mmr-radio-root.mmr-layout-compact .mmr-reaction-row{
      min-height:22px !important;
      margin:0 !important;
      gap:5px !important;
    }

    .mmr-radio-root.mmr-layout-compact .mmr-actions{
      grid-area:actions !important;
      margin:0 !important;
      justify-self:end !important;
    }

    .mmr-radio-root.mmr-layout-compact .mmr-share{
      display:flex !important;
      justify-content:flex-end !important;
      gap:4px !important;
      flex-wrap:wrap !important;
    }

    .mmr-radio-root.mmr-layout-compact .mmr-share .mmr-btn,
    .mmr-radio-root.mmr-layout-compact .mmr-actions .mmr-btn,
    .mmr-radio-root.mmr-layout-compact .mmr-cover-actions .mmr-btn{
      min-height:24px !important;
      padding:4px 7px !important;
      font-size:8px !important;
      line-height:1 !important;
    }

    .mmr-radio-root.mmr-layout-compact .mmr-streams{
      display:grid !important;
      grid-template-columns:repeat(4,minmax(0,1fr)) !important;
      gap:5px !important;
      width:100% !important;
    }

    .mmr-radio-root.mmr-layout-compact .mmr-stream-btn{
      width:100% !important;
      min-height:27px !important;
      padding:4px 5px !important;
      font-size:8px !important;
      line-height:1.05 !important;
      border-radius:10px !important;
      white-space:normal !important;
      text-align:center !important;
    }

    .mmr-radio-root.mmr-layout-compact .mmr-lower-desktop{
      display:grid !important;
      grid-template-columns:minmax(0,1fr) minmax(210px,280px) !important;
      gap:7px !important;
    }

    .mmr-radio-root.mmr-layout-compact .mmr-upnext,
    .mmr-radio-root.mmr-layout-compact .mmr-vol{
      min-height:38px !important;
      padding:6px 8px !important;
      border-radius:10px !important;
      gap:7px !important;
    }

    .mmr-radio-root.mmr-layout-compact .mmr-upnext-thumb{
      width:38px !important;
      height:38px !important;
      flex:0 0 38px !important;
      border-radius:7px !important;
    }

    .mmr-radio-root.mmr-layout-compact .mmr-upnext-title{
      font-size:11px !important;
      line-height:1.1 !important;
    }

    .mmr-radio-root.mmr-layout-compact .mmr-upnext-sub,
    .mmr-radio-root.mmr-layout-compact .mmr-vol label,
    .mmr-radio-root.mmr-layout-compact .mmr-vol-read,
    .mmr-radio-root.mmr-layout-compact .mmr-mute{
      font-size:9px !important;
      line-height:1 !important;
    }

    .mmr-radio-root.mmr-layout-compact .mmr-vol-desktop-rail{
      min-height:38px !important;
      padding:6px 8px !important;
      gap:7px !important;
      border-radius:10px !important;
    }
  }

  @media (max-width:1024px){
    .mmr-radio-root.mmr-layout-compact .mmr-eq-shell{
      margin-top:4px !important;
      justify-content:center !important;
    }

    .mmr-radio-root.mmr-layout-compact .mmr-layout-toggle.mmr-eq-control-dock{
      justify-content:center !important;
      flex-wrap:wrap !important;
    }
  }

  @media (max-width:430px){
    .mmr-radio-root.mmr-layout-compact .mmr-layout-toggle.mmr-eq-control-dock::before{
      display:none !important;
    }

    .mmr-radio-root.mmr-layout-compact .mmr-layout-btn[data-layout]{
      padding:4px 6px !important;
      font-size:7.5px !important;
    }
  }

  /* Compact player V2: a tight console layout with no leftover EQ space. */
  .mmr-radio-root.mmr-layout-compact{
    --mmr-cover:clamp(136px, 14vw, 178px) !important;
    --mmr-eq-height:0px !important;
  }

  .mmr-radio-root.mmr-layout-compact .mmr-eq-canvas,
  .mmr-radio-root.mmr-layout-compact .mmr-signal-chip,
  .mmr-radio-root.mmr-layout-compact .mmr-dock-eq-btn,
  .mmr-radio-root.mmr-layout-compact .mmr-art-votehint{
    display:none !important;
  }

  .mmr-radio-root.mmr-layout-compact .mmr-eq-shell{
    position:relative !important;
    inset:auto !important;
    width:100% !important;
    height:30px !important;
    min-height:30px !important;
    max-height:30px !important;
    flex:0 0 30px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:flex-end !important;
    padding:0 !important;
    margin:-2px 0 0 !important;
    border:0 !important;
    border-radius:0 !important;
    background:transparent !important;
    box-shadow:none !important;
    overflow:visible !important;
    contain:none !important;
  }

  .mmr-radio-root.mmr-layout-compact .mmr-eq-shell::before,
  .mmr-radio-root.mmr-layout-compact .mmr-eq-shell::after{
    content:none !important;
    display:none !important;
  }

  .mmr-radio-root.mmr-layout-compact .mmr-layout-toggle.mmr-eq-control-dock{
    position:static !important;
    inset:auto !important;
    width:auto !important;
    min-width:0 !important;
    max-width:none !important;
    min-height:26px !important;
    height:26px !important;
    display:inline-flex !important;
    flex-direction:row !important;
    flex-wrap:nowrap !important;
    align-items:center !important;
    justify-content:flex-end !important;
    gap:4px !important;
    padding:3px !important;
    margin:0 !important;
    border:1px solid rgba(176,92,255,.22) !important;
    border-radius:999px !important;
    background:rgba(7,9,13,.78) !important;
    box-shadow:inset 0 0 0 1px rgba(255,255,255,.025), 0 6px 14px rgba(0,0,0,.20) !important;
    overflow:visible !important;
    transform:none !important;
    backdrop-filter:blur(8px) !important;
    -webkit-backdrop-filter:blur(8px) !important;
  }

  .mmr-radio-root.mmr-layout-compact .mmr-layout-toggle.mmr-eq-control-dock::before{
    content:"SIZE" !important;
    position:static !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    width:auto !important;
    height:auto !important;
    padding:0 5px 0 4px !important;
    border:0 !important;
    background:transparent !important;
    color:var(--mmr-text-caption) !important;
    font-size:7px !important;
    line-height:1 !important;
    font-weight:1000 !important;
    letter-spacing:.12em !important;
    text-transform:uppercase !important;
    opacity:.84 !important;
  }

  .mmr-radio-root.mmr-layout-compact .mmr-layout-btn[data-layout],
  .mmr-radio-root.mmr-layout-compact .mmr-eq-shell .mmr-eq-control-dock .mmr-layout-btn[data-layout]{
    width:auto !important;
    min-width:0 !important;
    max-width:none !important;
    min-height:20px !important;
    height:20px !important;
    flex:0 0 auto !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    gap:3px !important;
    padding:3px 7px !important;
    border-radius:999px !important;
    font-size:7.5px !important;
    line-height:1 !important;
    white-space:nowrap !important;
  }

  .mmr-radio-root.mmr-layout-compact .mmr-layout-btn[data-layout="compact"],
  .mmr-radio-root.mmr-layout-compact .mmr-eq-shell .mmr-eq-control-dock .mmr-layout-btn[data-layout="compact"]{
    border-color:rgba(255,230,109,.58) !important;
    background:linear-gradient(180deg, rgba(106,13,173,.58), rgba(37,99,235,.20)) !important;
    color:#fff !important;
    box-shadow:0 0 14px rgba(106,13,173,.18) !important;
  }

  .mmr-radio-root.mmr-layout-compact .mmr-layout-icon{
    display:none !important;
  }

  .mmr-radio-root.mmr-layout-compact .mmr-dock-main{
    max-width:none !important;
    overflow:visible !important;
    text-overflow:clip !important;
    font-size:7.5px !important;
    letter-spacing:.06em !important;
    line-height:1 !important;
    white-space:nowrap !important;
  }

  @media (min-width:1025px){
    .mmr-radio-root.mmr-layout-compact .mmr-wrap{
      max-width:1280px !important;
      padding:8px !important;
    }

    .mmr-radio-root.mmr-layout-compact .mmr-row-top{
      display:grid !important;
      grid-template-columns:minmax(136px,var(--mmr-cover)) minmax(0,1fr) !important;
      grid-template-areas:"cover console" !important;
      gap:10px !important;
      align-items:stretch !important;
      padding:10px !important;
      border-radius:15px !important;
    }

    .mmr-radio-root.mmr-layout-compact .mmr-leftcol{
      grid-area:cover !important;
      display:flex !important;
      flex-direction:column !important;
      gap:7px !important;
      width:100% !important;
      max-width:none !important;
      margin:0 !important;
    }

    .mmr-radio-root.mmr-layout-compact .mmr-art{
      width:100% !important;
      max-width:var(--mmr-cover) !important;
      border-radius:12px !important;
    }

    .mmr-radio-root.mmr-layout-compact .mmr-left{
      grid-area:console !important;
      display:grid !important;
      grid-template-rows:auto 30px minmax(0,auto) !important;
      gap:6px !important;
      min-width:0 !important;
      align-content:start !important;
    }

    .mmr-radio-root.mmr-layout-compact .mmr-topline{
      display:grid !important;
      grid-template-columns:auto minmax(0,1fr) auto !important;
      grid-template-areas:"play meta actions" !important;
      min-height:55px !important;
      padding:7px 9px !important;
      gap:8px !important;
      align-items:center !important;
      border:1px solid rgba(176,92,255,.18) !important;
      border-radius:12px !important;
      background:linear-gradient(90deg, rgba(106,13,173,.18), rgba(12,15,20,.70)) !important;
      overflow:hidden !important;
    }

    .mmr-radio-root.mmr-layout-compact .mmr-pp{
      grid-area:play !important;
      width:36px !important;
      height:36px !important;
      flex:0 0 36px !important;
    }

    .mmr-radio-root.mmr-layout-compact .npStack{
      grid-area:meta !important;
      min-width:0 !important;
      gap:1px !important;
    }

    .mmr-radio-root.mmr-layout-compact .mmr-np{
      font-size:clamp(13px,1.05vw,15px) !important;
      line-height:1.12 !important;
      white-space:nowrap !important;
      overflow:hidden !important;
      text-overflow:ellipsis !important;
    }

    .mmr-radio-root.mmr-layout-compact .mmr-note-inline{
      font-size:9.5px !important;
      line-height:1.12 !important;
      white-space:nowrap !important;
      overflow:hidden !important;
      text-overflow:ellipsis !important;
    }

    .mmr-radio-root.mmr-layout-compact .mmr-reaction-row{
      min-height:20px !important;
      margin:0 !important;
      gap:5px !important;
    }

    .mmr-radio-root.mmr-layout-compact .mmr-actions{
      grid-area:actions !important;
      margin:0 !important;
      justify-self:end !important;
      max-width:390px !important;
    }

    .mmr-radio-root.mmr-layout-compact .mmr-share{
      display:flex !important;
      align-items:center !important;
      justify-content:flex-end !important;
      gap:5px !important;
      flex-wrap:wrap !important;
    }

    .mmr-radio-root.mmr-layout-compact .mmr-share .mmr-btn,
    .mmr-radio-root.mmr-layout-compact .mmr-actions .mmr-btn,
    .mmr-radio-root.mmr-layout-compact .mmr-cover-actions .mmr-btn{
      min-height:24px !important;
      padding:4px 7px !important;
      font-size:8px !important;
      line-height:1 !important;
      border-radius:999px !important;
    }

    .mmr-radio-root.mmr-layout-compact .mmr-streams{
      display:grid !important;
      grid-template-columns:repeat(4,minmax(0,1fr)) !important;
      gap:5px !important;
      width:100% !important;
    }

    .mmr-radio-root.mmr-layout-compact .mmr-stream-btn{
      min-height:27px !important;
      padding:4px 5px !important;
      font-size:8px !important;
      line-height:1.05 !important;
      border-radius:10px !important;
      white-space:normal !important;
      text-align:center !important;
    }

    .mmr-radio-root.mmr-layout-compact .mmr-lower-desktop{
      display:grid !important;
      grid-template-columns:minmax(0,1fr) minmax(210px,280px) !important;
      gap:7px !important;
      align-items:stretch !important;
    }

    .mmr-radio-root.mmr-layout-compact .mmr-upnext,
    .mmr-radio-root.mmr-layout-compact .mmr-vol{
      min-height:43px !important;
      padding:6px 8px !important;
      border-radius:11px !important;
      gap:8px !important;
    }

    .mmr-radio-root.mmr-layout-compact .mmr-upnext-thumb{
      width:42px !important;
      height:42px !important;
      flex:0 0 42px !important;
      border-radius:8px !important;
    }

    .mmr-radio-root.mmr-layout-compact .mmr-upnext-title{
      font-size:12px !important;
      line-height:1.1 !important;
    }

    .mmr-radio-root.mmr-layout-compact .mmr-upnext-sub{
      font-size:10px !important;
      line-height:1.1 !important;
    }

    .mmr-radio-root.mmr-layout-compact .mmr-vol-desktop-rail{
      min-height:43px !important;
      padding:6px 8px !important;
      gap:8px !important;
      border-radius:11px !important;
    }

    .mmr-radio-root.mmr-layout-compact .mmr-vol label,
    .mmr-radio-root.mmr-layout-compact .mmr-vol-read,
    .mmr-radio-root.mmr-layout-compact .mmr-mute{
      font-size:9px !important;
      line-height:1 !important;
    }
  }

  @media (min-width:1025px) and (max-width:1180px){
    .mmr-radio-root.mmr-layout-compact .mmr-row-top{
      grid-template-columns:150px minmax(0,1fr) !important;
    }

    .mmr-radio-root.mmr-layout-compact .mmr-actions{
      max-width:320px !important;
    }

    .mmr-radio-root.mmr-layout-compact .mmr-layout-toggle.mmr-eq-control-dock::before{
      display:none !important;
    }
  }

  @container mmrPlayerBox (max-width: 760px){
    .mmr-radio-root.mmr-layout-compact .mmr-eq-shell{
      height:auto !important;
      min-height:0 !important;
      max-height:none !important;
      margin:4px 0 0 !important;
      justify-content:center !important;
    }

    .mmr-radio-root.mmr-layout-compact .mmr-layout-toggle.mmr-eq-control-dock{
      height:auto !important;
      min-height:26px !important;
      flex-wrap:wrap !important;
      justify-content:center !important;
      border-radius:14px !important;
    }
  }

  @media (max-width:430px){
    .mmr-radio-root.mmr-layout-compact .mmr-layout-toggle.mmr-eq-control-dock::before{
      display:none !important;
    }

    .mmr-radio-root.mmr-layout-compact .mmr-layout-btn[data-layout],
    .mmr-radio-root.mmr-layout-compact .mmr-eq-shell .mmr-eq-control-dock .mmr-layout-btn[data-layout]{
      padding:3px 6px !important;
      font-size:7px !important;
    }
  }
  /* Compact-only balance pass: volume above Up Next, bitrates beside Up Next. */
  @media (min-width:1025px){
    .mmr-radio-root.mmr-layout-compact{
      --mmr-cover:clamp(148px, 13vw, 174px) !important;
      --mmr-eq-height:0px !important;
    }

    .mmr-radio-root.mmr-layout-compact .mmr-wrap{
      padding:8px !important;
    }

    .mmr-radio-root.mmr-layout-compact .mmr-row-top{
      display:grid !important;
      grid-template-columns:minmax(148px,var(--mmr-cover)) minmax(0,1fr) minmax(168px,220px) !important;
      grid-template-areas:
        "art now now"
        "art volume controls"
        "art next streams" !important;
      gap:8px 10px !important;
      align-items:stretch !important;
      padding:10px !important;
      border-radius:15px !important;
    }

    .mmr-radio-root.mmr-layout-compact .mmr-leftcol,
    .mmr-radio-root.mmr-layout-compact .mmr-left,
    .mmr-radio-root.mmr-layout-compact .mmr-lower-desktop{
      display:contents !important;
    }

    .mmr-radio-root.mmr-layout-compact .mmr-cover-actions,
    .mmr-radio-root.mmr-layout-compact .mmr-phone-only{
      display:none !important;
    }

    .mmr-radio-root.mmr-layout-compact .mmr-art{
      grid-area:art !important;
      align-self:start !important;
      width:100% !important;
      max-width:var(--mmr-cover) !important;
      border-radius:12px !important;
    }

    .mmr-radio-root.mmr-layout-compact .mmr-art-votehint,
    .mmr-radio-root.mmr-layout-compact .mmr-eq-canvas,
    .mmr-radio-root.mmr-layout-compact .mmr-signal-chip{
      display:none !important;
    }

    .mmr-radio-root.mmr-layout-compact .mmr-topline{
      grid-area:now !important;
      display:grid !important;
      grid-template-columns:auto minmax(0,1fr) auto !important;
      grid-template-areas:"play meta actions" !important;
      min-height:58px !important;
      padding:7px 9px !important;
      gap:8px !important;
      align-items:center !important;
      border:1px solid rgba(176,92,255,.18) !important;
      border-radius:12px !important;
      background:linear-gradient(90deg, rgba(106,13,173,.18), rgba(12,15,20,.72)) !important;
      overflow:hidden !important;
    }

    .mmr-radio-root.mmr-layout-compact .mmr-pp{
      grid-area:play !important;
      width:38px !important;
      height:38px !important;
      flex:0 0 38px !important;
    }

    .mmr-radio-root.mmr-layout-compact .npStack{
      grid-area:meta !important;
      min-width:0 !important;
      gap:1px !important;
    }

    .mmr-radio-root.mmr-layout-compact .mmr-np{
      font-size:clamp(13px,1.08vw,16px) !important;
      line-height:1.12 !important;
      white-space:nowrap !important;
      overflow:hidden !important;
      text-overflow:ellipsis !important;
    }

    .mmr-radio-root.mmr-layout-compact .mmr-note-inline{
      font-size:9.5px !important;
      line-height:1.12 !important;
      white-space:nowrap !important;
      overflow:hidden !important;
      text-overflow:ellipsis !important;
    }

    .mmr-radio-root.mmr-layout-compact .mmr-actions{
      grid-area:actions !important;
      margin:0 !important;
      justify-self:end !important;
      max-width:390px !important;
    }

    .mmr-radio-root.mmr-layout-compact .mmr-share{
      display:flex !important;
      align-items:center !important;
      justify-content:flex-end !important;
      gap:5px !important;
      flex-wrap:wrap !important;
    }

    .mmr-radio-root.mmr-layout-compact .mmr-share .mmr-btn,
    .mmr-radio-root.mmr-layout-compact .mmr-actions .mmr-btn{
      min-height:24px !important;
      padding:4px 7px !important;
      font-size:8px !important;
      line-height:1 !important;
      border-radius:999px !important;
    }

    .mmr-radio-root.mmr-layout-compact .mmr-eq-shell{
      grid-area:controls !important;
      position:relative !important;
      inset:auto !important;
      width:100% !important;
      height:auto !important;
      min-height:31px !important;
      max-height:none !important;
      display:flex !important;
      align-items:center !important;
      justify-content:flex-end !important;
      padding:0 !important;
      margin:0 !important;
      border:0 !important;
      border-radius:0 !important;
      background:transparent !important;
      box-shadow:none !important;
      overflow:visible !important;
    }

    .mmr-radio-root.mmr-layout-compact .mmr-eq-shell::before,
    .mmr-radio-root.mmr-layout-compact .mmr-eq-shell::after{
      content:none !important;
      display:none !important;
    }

    .mmr-radio-root.mmr-layout-compact .mmr-layout-toggle.mmr-eq-control-dock{
      position:static !important;
      inset:auto !important;
      width:auto !important;
      max-width:100% !important;
      min-height:26px !important;
      display:inline-flex !important;
      align-items:center !important;
      justify-content:flex-end !important;
      gap:4px !important;
      padding:3px !important;
      margin:0 !important;
      border:1px solid rgba(176,92,255,.24) !important;
      border-radius:999px !important;
      background:rgba(7,9,13,.76) !important;
      box-shadow:inset 0 0 0 1px rgba(255,255,255,.03), 0 8px 16px rgba(0,0,0,.22) !important;
      overflow:visible !important;
      transform:none !important;
      backdrop-filter:blur(8px) !important;
      -webkit-backdrop-filter:blur(8px) !important;
    }

    .mmr-radio-root.mmr-layout-compact .mmr-vol-desktop-rail{
      grid-area:volume !important;
      display:grid !important;
      grid-template-columns:auto minmax(0,1fr) auto auto !important;
      min-height:38px !important;
      padding:6px 8px !important;
      gap:8px !important;
      border-radius:11px !important;
      align-items:center !important;
    }

    .mmr-radio-root.mmr-layout-compact .mmr-vol label,
    .mmr-radio-root.mmr-layout-compact .mmr-vol-read,
    .mmr-radio-root.mmr-layout-compact .mmr-mute{
      font-size:9px !important;
      line-height:1 !important;
    }

    .mmr-radio-root.mmr-layout-compact .mmr-upnext{
      grid-area:next !important;
      width:100% !important;
      height:100% !important;
      min-height:68px !important;
      padding:9px 10px !important;
      border-radius:12px !important;
      gap:10px !important;
      align-items:center !important;
      background:linear-gradient(90deg, rgba(18,22,30,.92), rgba(10,13,18,.72)) !important;
    }

    .mmr-radio-root.mmr-layout-compact .mmr-upnext-thumb{
      width:48px !important;
      height:48px !important;
      flex:0 0 48px !important;
      border-radius:9px !important;
    }

    .mmr-radio-root.mmr-layout-compact .mmr-upnext-title{
      font-size:13px !important;
      line-height:1.1 !important;
    }

    .mmr-radio-root.mmr-layout-compact .mmr-upnext-sub{
      font-size:11px !important;
      line-height:1.15 !important;
    }

    .mmr-radio-root.mmr-layout-compact .mmr-streams{
      grid-area:streams !important;
      display:grid !important;
      grid-template-columns:repeat(2,minmax(0,1fr)) !important;
      gap:6px !important;
      width:100% !important;
      align-self:stretch !important;
    }

    .mmr-radio-root.mmr-layout-compact .mmr-stream-btn{
      min-height:31px !important;
      width:100% !important;
      padding:4px 5px !important;
      font-size:8px !important;
      line-height:1.05 !important;
      border-radius:10px !important;
      white-space:normal !important;
      text-align:center !important;
    }
  }

  @media (min-width:1025px) and (max-width:1180px){
    .mmr-radio-root.mmr-layout-compact .mmr-row-top{
      grid-template-columns:150px minmax(0,1fr) minmax(150px,190px) !important;
      gap:7px !important;
    }

    .mmr-radio-root.mmr-layout-compact .mmr-actions{
      max-width:315px !important;
    }

    .mmr-radio-root.mmr-layout-compact .mmr-stream-btn{
      min-height:29px !important;
      font-size:7.5px !important;
    }
  }

  @container mmrPlayerBox (max-width: 760px){
    .mmr-radio-root.mmr-layout-compact .mmr-leftcol,
    .mmr-radio-root.mmr-layout-compact .mmr-left,
    .mmr-radio-root.mmr-layout-compact .mmr-lower-desktop{
      display:flex !important;
    }
  }
  /* Final compact-only EQ hide: Small and Big still show EQ Theme. */
  .mmr-radio-root.mmr-layout-compact .mmr-dock-eq-btn,
  .mmr-radio-root.mmr-layout-compact .mmr-eq-cycle-btn,
  .mmr-radio-root.mmr-layout-compact [data-mmr-id="mmrEqCycleBtn"]{
    display:none !important;
    visibility:hidden !important;
    width:0 !important;
    min-width:0 !important;
    max-width:0 !important;
    height:0 !important;
    min-height:0 !important;
    padding:0 !important;
    margin:0 !important;
    border:0 !important;
    overflow:hidden !important;
    pointer-events:none !important;
  }
  /* Final compact-only size labels: no SIZE text, Compact / Small / Big. */
  .mmr-radio-root.mmr-layout-compact .mmr-layout-toggle.mmr-eq-control-dock::before{
    content:none !important;
    display:none !important;
  }

  .mmr-radio-root.mmr-layout-compact .mmr-layout-btn[data-layout="compact"]{
    order:1 !important;
  }

  .mmr-radio-root.mmr-layout-compact .mmr-layout-btn[data-layout="small"]{
    order:2 !important;
  }

  .mmr-radio-root.mmr-layout-compact .mmr-layout-btn[data-layout="big"]{
    order:3 !important;
  }

  .mmr-radio-root.mmr-layout-compact .mmr-layout-btn[data-layout] .mmr-dock-main{
    font-size:0 !important;
    letter-spacing:0 !important;
    line-height:1 !important;
  }

  .mmr-radio-root.mmr-layout-compact .mmr-layout-btn[data-layout] .mmr-dock-main::after{
    display:inline !important;
    font-size:8px !important;
    line-height:1 !important;
    font-weight:1000 !important;
    letter-spacing:.06em !important;
    text-transform:uppercase !important;
    white-space:nowrap !important;
  }

  .mmr-radio-root.mmr-layout-compact .mmr-layout-btn[data-layout="compact"] .mmr-dock-main::after{
    content:"Compact" !important;
  }

  .mmr-radio-root.mmr-layout-compact .mmr-layout-btn[data-layout="small"] .mmr-dock-main::after{
    content:"Small" !important;
  }

  .mmr-radio-root.mmr-layout-compact .mmr-layout-btn[data-layout="big"] .mmr-dock-main::after{
    content:"Big" !important;
  }

  /* Final small-player size labels: Compact / Small / Big. */
  .mmr-radio-root.mmr-layout-small .mmr-eq-shell .mmr-eq-control-dock .mmr-layout-btn[data-layout="compact"]{
    order:1 !important;
  }

  .mmr-radio-root.mmr-layout-small .mmr-eq-shell .mmr-eq-control-dock .mmr-layout-btn[data-layout="small"]{
    order:2 !important;
  }

  .mmr-radio-root.mmr-layout-small .mmr-eq-shell .mmr-eq-control-dock .mmr-layout-btn[data-layout="big"]{
    order:3 !important;
  }

  .mmr-radio-root.mmr-layout-small .mmr-eq-shell .mmr-eq-control-dock .mmr-layout-btn[data-layout] .mmr-dock-main{
    font-size:0 !important;
    letter-spacing:0 !important;
    line-height:1 !important;
  }

  .mmr-radio-root.mmr-layout-small .mmr-eq-shell .mmr-eq-control-dock .mmr-layout-btn[data-layout] .mmr-dock-main::after{
    display:inline !important;
    font-size:7px !important;
    line-height:1 !important;
    font-weight:1000 !important;
    letter-spacing:.055em !important;
    text-transform:uppercase !important;
    white-space:nowrap !important;
  }

  .mmr-radio-root.mmr-layout-small .mmr-eq-shell .mmr-eq-control-dock .mmr-layout-btn[data-layout="compact"] .mmr-dock-main::after{
    content:"Compact" !important;
  }

  .mmr-radio-root.mmr-layout-small .mmr-eq-shell .mmr-eq-control-dock .mmr-layout-btn[data-layout="small"] .mmr-dock-main::after{
    content:"Small" !important;
  }

  .mmr-radio-root.mmr-layout-small .mmr-eq-shell .mmr-eq-control-dock .mmr-layout-btn[data-layout="big"] .mmr-dock-main::after{
    content:"Big" !important;
  }

  /* Final compact-only margin cleanup. */
  @media (min-width:1025px){
    .mmr-radio-root.mmr-layout-compact{
      --mmr-cover:clamp(170px, 14vw, 198px) !important;
    }

    .mmr-radio-root.mmr-layout-compact .mmr-row-top{
      grid-template-columns:minmax(170px,var(--mmr-cover)) minmax(0,1fr) minmax(160px,214px) !important;
      grid-template-rows:minmax(56px,auto) 36px minmax(62px,1fr) !important;
      gap:6px 6px !important;
      padding:10px !important;
      align-items:stretch !important;
    }

    .mmr-radio-root.mmr-layout-compact .mmr-art{
      width:100% !important;
      max-width:var(--mmr-cover) !important;
      align-self:start !important;
      margin:0 !important;
    }

    .mmr-radio-root.mmr-layout-compact .mmr-topline,
    .mmr-radio-root.mmr-layout-compact .mmr-vol-desktop-rail,
    .mmr-radio-root.mmr-layout-compact .mmr-eq-shell,
    .mmr-radio-root.mmr-layout-compact .mmr-upnext,
    .mmr-radio-root.mmr-layout-compact .mmr-streams{
      margin:0 !important;
    }

    .mmr-radio-root.mmr-layout-compact .mmr-topline{
      min-height:56px !important;
      padding:7px 9px !important;
    }

    .mmr-radio-root.mmr-layout-compact .mmr-vol-desktop-rail{
      min-height:36px !important;
      padding:5px 8px !important;
      gap:7px !important;
    }

    .mmr-radio-root.mmr-layout-compact .mmr-eq-shell{
      min-height:28px !important;
      align-self:center !important;
      justify-content:flex-end !important;
    }

    .mmr-radio-root.mmr-layout-compact .mmr-layout-toggle.mmr-eq-control-dock{
      min-height:24px !important;
      padding:2px 3px !important;
      gap:3px !important;
    }

    .mmr-radio-root.mmr-layout-compact .mmr-layout-btn[data-layout]{
      min-height:20px !important;
      height:20px !important;
      padding:3px 7px !important;
    }

    .mmr-radio-root.mmr-layout-compact .mmr-upnext{
      min-height:62px !important;
      padding:8px 9px !important;
      gap:9px !important;
    }

    .mmr-radio-root.mmr-layout-compact .mmr-upnext-thumb{
      width:44px !important;
      height:44px !important;
      flex-basis:44px !important;
    }

    .mmr-radio-root.mmr-layout-compact .mmr-streams{
      gap:5px !important;
      align-self:stretch !important;
    }

    .mmr-radio-root.mmr-layout-compact .mmr-stream-btn{
      min-height:29px !important;
      padding:4px 5px !important;
    }
  }

  @media (min-width:1025px) and (max-width:1180px){
    .mmr-radio-root.mmr-layout-compact .mmr-row-top{
      grid-template-columns:minmax(164px,var(--mmr-cover)) minmax(0,1fr) minmax(150px,188px) !important;
      gap:6px !important;
    }
  }

  /* Final compact-only Live DJ card: show the on-air booth in the lower console area. */
  @media (min-width:1025px){
    .mmr-radio-root.mmr-layout-compact [data-mmr-id="mmrLiveDjCard"]:not([hidden]){
      grid-area:next !important;
      display:grid !important;
      grid-template-columns:58px minmax(0,1fr) minmax(158px,210px) !important;
      gap:7px !important;
      align-items:stretch !important;
      width:100% !important;
      min-width:0 !important;
      min-height:62px !important;
      height:100% !important;
      margin:0 !important;
      padding:7px !important;
      border-radius:12px !important;
      background:
        radial-gradient(circle at 0% 0%, rgba(176,92,255,.16), transparent 42%),
        linear-gradient(90deg, rgba(18,22,30,.94), rgba(10,13,18,.74)) !important;
    }

    .mmr-radio-root.mmr-layout-compact [data-mmr-id="mmrLiveDjCard"][hidden]{
      display:none !important;
    }

    .mmr-radio-root.mmr-layout-compact [data-mmr-id="mmrLiveDjCard"] .mmr-live-dj-art,
    .mmr-radio-root.mmr-layout-compact [data-mmr-id="mmrLiveDjCard"] .mmr-live-dj-art img{
      width:58px !important;
      min-height:58px !important;
      height:58px !important;
      border-radius:10px !important;
    }

    .mmr-radio-root.mmr-layout-compact [data-mmr-id="mmrLiveDjCard"] .mmr-live-dj-info{
      min-width:0 !important;
      gap:3px !important;
      align-self:center !important;
    }

    .mmr-radio-root.mmr-layout-compact [data-mmr-id="mmrLiveDjCard"] .mmr-live-dj-headline{
      display:flex !important;
      align-items:center !important;
      gap:7px !important;
      min-width:0 !important;
    }

    .mmr-radio-root.mmr-layout-compact [data-mmr-id="mmrLiveDjCard"] .mmr-live-dj-badge{
      min-height:16px !important;
      padding:3px 7px !important;
      font-size:7px !important;
      line-height:1 !important;
      white-space:nowrap !important;
    }

    .mmr-radio-root.mmr-layout-compact [data-mmr-id="mmrLiveDjCard"] .mmr-live-dj-title{
      font-size:13px !important;
      line-height:1.05 !important;
      white-space:nowrap !important;
      overflow:hidden !important;
      text-overflow:ellipsis !important;
    }

    .mmr-radio-root.mmr-layout-compact [data-mmr-id="mmrLiveDjCard"] .mmr-live-dj-name{
      font-size:9px !important;
      line-height:1.15 !important;
      white-space:nowrap !important;
      overflow:hidden !important;
      text-overflow:ellipsis !important;
    }

    .mmr-radio-root.mmr-layout-compact [data-mmr-id="mmrLiveDjCard"] .mmr-live-dj-now{
      min-height:22px !important;
      padding:4px 7px !important;
      font-size:9px !important;
      line-height:1.1 !important;
      white-space:nowrap !important;
      overflow:hidden !important;
      text-overflow:ellipsis !important;
    }

    .mmr-radio-root.mmr-layout-compact [data-mmr-id="mmrLiveDjCard"] .mmr-live-dj-actions{
      display:grid !important;
      grid-template-columns:repeat(2,minmax(0,1fr)) !important;
      gap:6px !important;
      min-width:0 !important;
    }

    .mmr-radio-root.mmr-layout-compact [data-mmr-id="mmrLiveDjCard"] .mmr-live-dj-action{
      min-height:58px !important;
      padding:6px 5px !important;
      border-radius:11px !important;
    }

    .mmr-radio-root.mmr-layout-compact [data-mmr-id="mmrLiveDjCard"] .mmr-live-dj-action-icon{
      width:20px !important;
      height:20px !important;
      flex-basis:20px !important;
      font-size:10px !important;
    }

    .mmr-radio-root.mmr-layout-compact [data-mmr-id="mmrLiveDjCard"] .mmr-live-dj-action-main{
      font-size:7.5px !important;
      line-height:1.05 !important;
    }

    .mmr-radio-root.mmr-layout-compact [data-mmr-id="mmrLiveDjCard"] .mmr-live-dj-action-sub{
      font-size:7px !important;
      line-height:1.08 !important;
    }
  }

  @media (min-width:1025px) and (max-width:1180px){
    .mmr-radio-root.mmr-layout-compact [data-mmr-id="mmrLiveDjCard"]:not([hidden]){
      grid-template-columns:52px minmax(0,1fr) minmax(138px,176px) !important;
      gap:6px !important;
      padding:6px !important;
    }

    .mmr-radio-root.mmr-layout-compact [data-mmr-id="mmrLiveDjCard"] .mmr-live-dj-art,
    .mmr-radio-root.mmr-layout-compact [data-mmr-id="mmrLiveDjCard"] .mmr-live-dj-art img{
      width:52px !important;
      min-height:52px !important;
      height:52px !important;
    }

    .mmr-radio-root.mmr-layout-compact [data-mmr-id="mmrLiveDjCard"] .mmr-live-dj-action{
      min-height:52px !important;
      padding:5px 4px !important;
    }
  }
  /* ==========================================================
     MY MMR VAULT INLINE PLAYER PANEL RESTORE
     Keeps the Listener Vault the same width as the player so it
     reads like a built-in section instead of a floating popup.
     ========================================================== */
  .mmr-radio-root{
    overflow:visible !important;
  }

  .mmr-radio-root .mmr-saved-overlay,
  .mmr-radio-root .mmr-saved-overlay.active{
    position:relative !important;
    inset:auto !important;
    z-index:20 !important;
    width:100% !important;
    height:auto !important;
    min-height:0 !important;
    max-height:none !important;
    display:none;
    padding:0 !important;
    margin-top:var(--mmr-gap) !important;
    overflow:visible !important;
    background:transparent !important;
  }

  .mmr-radio-root .mmr-saved-overlay.active{
    display:block !important;
  }

  .mmr-radio-root .mmr-saved-card{
    width:100% !important;
    max-width:100% !important;
    max-height:none !important;
    border-radius:var(--mmr-radius-xl) !important;
    border:1px solid var(--mmr-border-primary) !important;
    box-shadow:0 8px 24px rgba(0,0,0,.35) !important;
  }

  .mmr-radio-root .mmr-saved-list{
    max-height:min(62vh, 620px) !important;
  }

  @media (max-width:680px){
    .mmr-radio-root .mmr-saved-overlay,
    .mmr-radio-root .mmr-saved-overlay.active{
      margin-top:12px !important;
    }

    .mmr-radio-root .mmr-saved-card{
      border-radius:var(--mmr-radius-lg) !important;
    }

    .mmr-radio-root .mmr-saved-list{
      max-height:58vh !important;
    }
  }

  /* ==========================================================
     MMR CLEAN BUILD V2 SAFETY LAYER
     - Keeps wrapper at 1280px.
     - Keeps removed panels hidden if old Joomla cache echoes markup.
     - Fixes live DJ action card so 2 buttons don't sit in a 3-column grid.
     ========================================================== */
  .mmr-radio-root .mmr-wrap{max-width:1280px !important;}
  .mmr-radio-root .mmr-compact-tabs-panel,
  .mmr-radio-root .mmr-row-news-single,
  .mmr-radio-root .mmr-command-strip{display:none !important;}

  @media (min-width:1025px){
    .mmr-radio-root .mmr-live-dj-card.mmr-live-dj-console .mmr-live-dj-actions{
      grid-template-columns:repeat(auto-fit,minmax(118px,1fr)) !important;
    }
  }

  /* ==========================================================
     PHONE VOTE POPUP CLOSE SAFETY
     Keeps the top X visible below mobile browser/site headers.
     ========================================================== */
  @media (max-width:700px){
    .mmr-radio-root .mmr-vote-overlay.active{
      align-items:flex-start !important;
      justify-content:center !important;
      padding-top:calc(76px + env(safe-area-inset-top, 0px)) !important;
      padding-right:10px !important;
      padding-bottom:calc(14px + env(safe-area-inset-bottom, 0px)) !important;
      padding-left:10px !important;
      overflow-y:auto !important;
      overscroll-behavior:contain !important;
    }

    .mmr-radio-root .mmr-vote-card{
      width:calc(100dvw - 20px) !important;
      max-width:460px !important;
      max-height:calc(100dvh - 92px - env(safe-area-inset-top, 0px) - env(safe-area-inset-bottom, 0px)) !important;
      display:flex !important;
      flex-direction:column !important;
      overflow:hidden !important;
      margin:0 auto !important;
      border-radius:18px !important;
    }

    .mmr-radio-root .mmr-vote-head{
      position:sticky !important;
      top:0 !important;
      z-index:50 !important;
      flex:0 0 auto !important;
      padding:10px 10px 10px 12px !important;
      background:linear-gradient(180deg,rgba(13,14,22,.98),rgba(13,14,22,.92)) !important;
      backdrop-filter:blur(8px) !important;
      -webkit-backdrop-filter:blur(8px) !important;
    }

    .mmr-radio-root .mmr-vote-close{
      position:relative !important;
      top:auto !important;
      right:auto !important;
      flex:0 0 44px !important;
      width:44px !important;
      height:44px !important;
      min-width:44px !important;
      min-height:44px !important;
      display:inline-flex !important;
      align-items:center !important;
      justify-content:center !important;
      border:1px solid rgba(255,255,255,.28) !important;
      background:rgba(0,0,0,.88) !important;
      color:#fff !important;
      box-shadow:0 8px 24px rgba(0,0,0,.45) !important;
      z-index:60 !important;
    }

    .mmr-radio-root .mmr-vote-card-scroll{
      flex:1 1 auto !important;
      min-height:0 !important;
      max-height:none !important;
      overflow-y:auto !important;
      overflow-x:hidden !important;
      -webkit-overflow-scrolling:touch !important;
      overscroll-behavior:contain !important;
      padding:12px !important;
    }
  }