:root{
  --red:#73070B;--red-dark:#73070B;--black:#090a0d;--panel:#101116;--off:#ececea;--paper:#fffdf9;--line:#c9c4bc;--muted:#77736e
}
*{box-sizing:border-box;border-radius:0!important}
html,body{margin:0;background:var(--off);color:#111;font-family:Arial,Helvetica,sans-serif}
a{text-decoration:none;color:inherit}button,input{font:inherit}
.hidden{display:none!important}
.site-header{background:#090a0d;color:#fff;border-top:6px solid #284bc2;border-bottom:3px solid var(--red)}
.header-inner{width:min(1180px,92vw);margin:auto;min-height:70px;display:flex;align-items:center;gap:28px}
.logo{display:flex;align-items:center;gap:10px;font-size:24px;font-weight:900}.logo-mark{width:42px;height:42px;background:var(--red);display:grid;place-items:center;font-size:14px}.logo-text{color:#fff}
nav{display:flex;gap:20px;font-size:13px;flex-wrap:wrap}nav a{color:#fff}nav a:hover,nav a.active{color:#73070B}
.dashboard-hero{height:390px;background:linear-gradient(90deg,#050506,#18070c 58%,#73070B);color:#fff;display:flex;align-items:center}
.dashboard-hero-inner{width:min(1240px,calc(100% - 48px));margin:auto}
.eyebrow{color:#73070B;font-size:11px;font-weight:900;letter-spacing:1.7px}.dashboard-hero h1{font-size:48px;margin:8px 0 10px}.dashboard-hero p{font-size:17px;color:#c7cad1;margin:0}
.dashboard-wrap{width:min(1180px,92vw);margin:26px auto 70px}
.gate{background:#101116;color:#fff;border-top:5px solid var(--red);padding:30px}.gate h2{margin-top:0}.gate p{color:#aeb2bc}.gate a{display:inline-block;background:var(--red);padding:11px 15px;font-weight:900}
.stats-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin-bottom:20px}.stats-grid article{background:#101116;color:#fff;border-top:4px solid var(--red);padding:18px}.stats-grid span{display:block;color:#a9adb6;font-size:11px;text-transform:uppercase;letter-spacing:.7px}.stats-grid strong{display:block;font-size:26px;margin-top:7px}
.dashboard-grid{display:grid;grid-template-columns:1.65fr .75fr;gap:18px}.dashboard-main,.dashboard-side{display:grid;gap:18px;align-content:start}
.panel{background:#fff;border:1px solid var(--line)}.panel-head{background:#101116;color:#fff;border-left:5px solid var(--red);padding:14px 15px;display:flex;justify-content:space-between;align-items:end;gap:15px}.panel-head h2{margin:4px 0 0;font-size:21px}.panel-head>a{font-size:11px;color:#73070B;font-weight:800}
.item-list{display:grid}.music-item{display:grid;grid-template-columns:64px 1fr auto;gap:12px;align-items:center;padding:11px;border-bottom:1px solid #ddd8d0}.music-item:last-child{border-bottom:0}.music-cover{width:64px;height:64px;background:#171922 center/contain no-repeat;border:1px solid #c8c2ba}.music-info h3{margin:0 0 4px;font-size:14px}.music-info h3 a:hover,.artist-link:hover{color:var(--red)}.artist-link{font-size:11px;color:#69655f}.music-meta{font-size:10px;color:#8a867f;margin-top:4px}.music-actions{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}.music-actions button,.music-actions a{background:#111319;color:#fff;border:1px solid #111319;padding:8px 9px;font-size:10px;cursor:pointer}.music-actions .red{background:var(--red);border-color:var(--red)}.music-actions .remove{background:#fff;color:#111;border-color:#aaa49c}
.empty{padding:24px;color:#77736e;font-size:12px}
.following-list{display:grid}.follow-card{display:grid;grid-template-columns:52px 1fr auto;gap:10px;align-items:center;padding:11px;border-bottom:1px solid #ddd8d0}.follow-card:last-child{border-bottom:0}.follow-avatar{width:52px;height:52px;background:#171922 center/cover no-repeat}.follow-card strong{font-size:13px}.follow-card span{display:block;font-size:10px;color:#807c76;margin-top:3px}.follow-card a{background:var(--red);color:#fff;padding:8px;font-size:10px;font-weight:800}
.account-form{padding:15px;display:grid;gap:12px}.account-form label{font-size:11px;color:#66625d}.account-form input{display:block;width:100%;margin-top:5px;padding:10px;border:1px solid #c8c2ba;background:#fff}.account-form input:disabled{background:#eeeae4;color:#777}.account-form button{background:var(--red);color:#fff;border:1px solid var(--red);padding:10px;font-weight:900;cursor:pointer}.account-form button.secondary{background:#111319;border-color:#111319}.msg{font-size:11px;color:#16823f}
.footer{background:#090a0d;color:#fff;border-top:3px solid var(--red)}.footer-inner{width:min(1180px,92vw);margin:auto;padding:24px 0;display:flex;justify-content:space-between;font-size:13px}.footer span{color:#969aa4}
.player{position:fixed;left:0;right:0;bottom:0;background:#0b0c10f5;color:#fff;border-top:2px solid var(--red);display:grid;grid-template-columns:52px 180px 36px 36px 36px 1fr 110px;gap:10px;align-items:center;padding:9px 18px;z-index:100}.player.hidden{display:none}.player-cover{width:52px;height:52px;background:#17191f center/contain no-repeat}.player-meta strong,.player-meta span{display:block}.player-meta span{font-size:11px;color:#9296a0;margin-top:4px}.player button{background:#15171d;color:#fff;border:1px solid #3b3f49;height:34px}.player input{accent-color:var(--red)}#timeLabel{font-size:11px;color:#9ea2ac}
@media(max-width:950px){nav{display:none}.stats-grid{grid-template-columns:repeat(2,1fr)}.dashboard-grid{grid-template-columns:1fr}}
@media(max-width:620px){.dashboard-hero{height:240px}.dashboard-hero-inner{width:calc(100% - 24px)}.dashboard-hero h1{font-size:36px}.stats-grid{grid-template-columns:1fr 1fr}.music-item{grid-template-columns:56px 1fr}.music-actions{grid-column:2}.player{grid-template-columns:48px 1fr 34px 34px 34px}.player input,#timeLabel{display:none}}
@media(min-width:621px) and (max-width:900px){.dashboard-hero{height:300px}.dashboard-hero-inner{width:calc(100% - 24px)}}


/* Private Moderator Portal dashboard link */
.moderator-private-nav{
  display:flex;
  align-items:center;
  gap:10px;
  color:inherit;
  text-decoration:none;
}
.moderator-private-nav[hidden]{
  display:none !important;
}
.moderator-private-icon{
  color:#73070B;
  font-size:10px;
}


/* Listener dashboard purchase action visibility fix */
.music-actions .purchase-download{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:82px;
  min-height:34px;
  padding:8px 12px;
  background:#73070B !important;
  border:1px solid #73070B !important;
  color:#ffffff !important;
  font-size:10px !important;
  line-height:1 !important;
  font-weight:900 !important;
  text-align:center;
  text-decoration:none !important;
  white-space:nowrap;
  opacity:1 !important;
  visibility:visible !important;
  text-indent:0 !important;
}

.music-actions .purchase-download:visited,
.music-actions .purchase-download:hover,
.music-actions .purchase-download:focus{
  color:#ffffff !important;
}

.music-actions .purchase-download:hover,
.music-actions .purchase-download:focus{
  background:#8b090e !important;
  border-color:#8b090e !important;
}

.music-actions .purchase-view{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:34px;
  padding:8px 10px;
  color:#ffffff !important;
  font-weight:800;
  white-space:nowrap;
}


/* =========================================================
   LISTENER DASHBOARD — MODERATOR PORTAL ACCESS CARD
   ========================================================= */
.moderator-private-nav{
  display:grid !important;
  grid-template-columns:46px minmax(0,1fr) 32px !important;
  align-items:center !important;
  gap:12px !important;
  width:100% !important;
  min-height:78px !important;
  margin-top:14px !important;
  padding:12px 14px !important;
  border:1px solid #2f3540 !important;
  border-left:4px solid #850009 !important;
  background:
    linear-gradient(120deg,rgba(133,0,9,.16) 0%,rgba(17,21,27,.98) 38%,#0d1015 100%) !important;
  color:#fff !important;
  text-decoration:none !important;
  box-shadow:0 10px 24px rgba(0,0,0,.12) !important;
  transition:border-color .18s ease,transform .18s ease,background .18s ease !important;
}
.moderator-private-nav[hidden]{
  display:none !important;
}
.moderator-private-nav:hover,
.moderator-private-nav:focus{
  border-color:#920711 !important;
  border-left-color:#b40b18 !important;
  background:
    linear-gradient(120deg,rgba(164,0,12,.25) 0%,#191217 40%,#11151b 100%) !important;
  transform:translateY(-1px) !important;
  outline:none !important;
}
.moderator-private-icon{
  width:46px !important;
  height:46px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  border:1px solid #8f0711 !important;
  background:linear-gradient(135deg,#8b0009 0%,#34070a 65%,#11151b 100%) !important;
  color:#fff !important;
  font-size:16px !important;
  font-weight:900 !important;
}
.moderator-private-copy{
  min-width:0 !important;
  display:block !important;
}
.moderator-private-copy strong{
  display:block !important;
  color:#fff !important;
  font-size:14px !important;
  line-height:1.2 !important;
}
.moderator-private-copy small{
  display:block !important;
  margin-top:4px !important;
  color:#929daa !important;
  font-size:10px !important;
  line-height:1.35 !important;
}
.moderator-private-arrow{
  width:30px !important;
  height:30px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  border:1px solid #3b424d !important;
  color:#fff !important;
  font-size:17px !important;
}
.moderator-private-nav:hover .moderator-private-arrow{
  border-color:#920711 !important;
  background:#22070a !important;
}

@media(max-width:620px){
  .moderator-private-nav{
    grid-template-columns:42px minmax(0,1fr) 28px !important;
    padding:11px 12px !important;
  }
  .moderator-private-icon{
    width:42px !important;
    height:42px !important;
  }
}