body:has(#theta-reset) .entry-content,body:has(#theta-reset) .wpb_wrapper,body:has(#theta-reset) .vc_row,body:has(#theta-reset) main,body:has(#theta-reset) .container{max-width:none!important;width:100%!important;padding-left:0!important;padding-right:0!important;margin-left:0!important;margin-right:0!important}html:has(#theta-reset),body:has(#theta-reset){overflow-x:hidden!important;background:#05070b!important}
#theta-reset{--line:rgba(255,255,255,.085);--muted:#9ca6ba;--purple:#a855f7;width:100vw;max-width:100vw;margin-left:calc(50% - 50vw);min-height:calc(100vh - 32px);display:grid;grid-template-columns:236px minmax(760px,1fr) 360px;background:radial-gradient(circle at 50% 0%,rgba(70,120,255,.07),transparent 28%),#05070b;color:#f8fafc;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}#theta-reset *{box-sizing:border-box}.theta-reset-sidebar{padding:26px 18px 150px;border-right:1px solid var(--line);background:rgba(4,7,12,.94)}.theta-reset-brand{display:flex;align-items:center;gap:13px;margin-bottom:28px}.theta-reset-brand>span{width:38px;height:38px;border:2px solid #c084fc;border-radius:10px;transform:rotate(45deg);box-shadow:0 0 24px rgba(168,85,247,.42),inset 0 0 0 1px rgba(255,255,255,.08)}.theta-reset-brand strong,.theta-reset-brand small{display:block;letter-spacing:.23em;line-height:.9}.theta-reset-brand small{font-size:11px;margin-top:5px}#theta-reset nav{display:grid;gap:6px}#theta-reset nav em{text-transform:uppercase;letter-spacing:.14em;color:#788197;font-size:11px;font-weight:900;font-style:normal;margin:18px 0 6px}#theta-reset nav button{height:38px;border:0;border-radius:11px;background:transparent;color:#d9deea;text-align:left;padding:0 13px;font-weight:850;cursor:pointer}#theta-reset nav button.is-active,#theta-reset nav button:hover{background:linear-gradient(90deg,rgba(168,85,247,.28),rgba(168,85,247,.08));color:#fff}.theta-reset-client{margin-top:28px;padding:16px;border:1px solid rgba(168,85,247,.20);border-radius:16px;background:linear-gradient(180deg,rgba(168,85,247,.15),rgba(255,255,255,.04))}.theta-reset-client p{color:var(--muted);font-size:12px}.theta-reset-client button{width:100%;height:34px;border:0;border-radius:12px;background:rgba(168,85,247,.16);color:#dcbcff;font-weight:900;cursor:pointer}
.theta-reset-main{padding:24px 24px 156px;min-width:0}.theta-reset-main>header{display:flex;justify-content:space-between;gap:16px;margin-bottom:24px;align-items:center}.theta-reset-main>header label{height:44px;max-width:760px;flex:1;display:flex;align-items:center;gap:11px;padding:0 16px;border:1px solid var(--line);border-radius:999px;background:rgba(255,255,255,.055)}.theta-reset-main input{flex:1;border:0;background:transparent;color:#fff;outline:0}.theta-reset-main kbd{font-size:11px;color:#bfc6d8}.theta-reset-main header div{display:flex;gap:10px}.theta-reset-main header button{height:44px;border:1px solid var(--line);border-radius:16px;background:rgba(255,255,255,.06);color:#fff;font-weight:900;padding:0 14px;cursor:pointer}
.theta-reset-hero-grid{display:grid;grid-template-columns:minmax(520px,1.75fr) repeat(4,minmax(130px,.55fr));gap:14px;margin-bottom:26px}.theta-reset-hero{position:relative;min-height:355px;border:1px solid var(--line);border-radius:18px;overflow:hidden;background:linear-gradient(90deg,rgba(0,0,0,.72),rgba(0,0,0,.10)),url("https://images.unsplash.com/photo-1462331940025-496dfbfc7564?q=80&w=1600&auto=format&fit=crop") center/cover;box-shadow:0 28px 90px rgba(0,0,0,.34)}.theta-reset-hero>div{position:absolute;left:34px;bottom:34px;max-width:560px}.theta-reset-hero span{text-transform:uppercase;letter-spacing:.18em;font-size:12px;font-weight:950}.theta-reset-hero h1{font-size:clamp(54px,4.2vw,78px);line-height:.86;letter-spacing:-.07em;margin:18px 0 10px}.theta-reset-hero p{font-size:17px;line-height:1.45}.theta-reset-tags{display:flex;gap:8px;flex-wrap:wrap}.theta-reset-tags i,.tags i{font-style:normal;padding:5px 10px;border-radius:999px;background:rgba(255,255,255,.09);font-size:12px;font-weight:900}.theta-reset-hero button{height:46px;border-radius:999px;border:1px solid var(--line);padding:0 18px;font-weight:950;color:#fff;background:rgba(255,255,255,.08);cursor:pointer}.theta-reset-hero button:first-child{border:0;background:linear-gradient(180deg,#b75cff,#7c3aed);box-shadow:0 0 32px rgba(168,85,247,.42)}
.theta-reset-card{position:relative;text-align:left;min-height:355px;padding:24px 20px;border:1px solid var(--line);border-radius:16px;overflow:hidden;background:linear-gradient(180deg,rgba(168,85,247,.15),rgba(255,255,255,.025)),#0a0e15;color:#fff;cursor:pointer}.theta-reset-card span{text-transform:uppercase;letter-spacing:.17em;font-size:12px;color:var(--muted)}.theta-reset-card strong{display:block;margin-top:18px;font-size:31px;text-transform:uppercase}.theta-reset-card small{color:#c3c9d7}.theta-reset-card b{position:absolute;left:20px;right:20px;bottom:24px;height:38px;display:flex;align-items:center;gap:3px}
.theta-reset-section-head{display:flex;justify-content:space-between;align-items:center;margin:0 0 12px}.theta-reset-section-head h2{text-transform:uppercase;letter-spacing:.02em;font-size:22px}.theta-reset-section-head button{border:0;background:transparent;color:#c084fc;font-weight:950;cursor:pointer}.theta-reset-table{border:1px solid var(--line);border-radius:16px;overflow:hidden;background:rgba(255,255,255,.025)}.theta-reset-head,.theta-reset-track{display:grid;grid-template-columns:54px minmax(240px,1.2fr) minmax(240px,.9fr) minmax(140px,.65fr) minmax(150px,.75fr) 70px 88px 42px 42px;align-items:center;column-gap:12px}.theta-reset-head{height:38px;color:var(--muted);text-transform:uppercase;font-size:11px;letter-spacing:.08em;padding:0 16px}.theta-reset-track{width:100%;min-height:66px;border:0;border-top:1px solid rgba(255,255,255,.055);background:rgba(255,255,255,.018);color:#fff;text-align:left;padding:0 16px;cursor:pointer}.theta-reset-track.active,.theta-reset-track:hover{background:linear-gradient(90deg,rgba(168,85,247,.20),rgba(168,85,247,.04));box-shadow:inset 0 0 0 1px rgba(168,85,247,.22)}.play{width:42px;height:42px;border-radius:999px;display:grid;place-items:center;background:rgba(255,255,255,.075);border:1px solid rgba(255,255,255,.10)}.active .play{background:linear-gradient(180deg,#a855f7,#6d28d9);box-shadow:0 0 26px rgba(168,85,247,.45)}.title{display:flex;align-items:center;gap:12px;min-width:0}.title img{width:46px;height:46px;min-width:46px;object-fit:cover;border-radius:10px}.title strong{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.title small{display:block;margin-top:3px;color:var(--muted);font-size:11px}.wave,[data-now-wave]{height:38px;display:flex;align-items:center;gap:3px;overflow:hidden}.wave i,[data-now-wave] i,[data-wave-card] i{width:2px;min-width:2px;border-radius:999px;background:linear-gradient(180deg,#bd7cff,#7c3aed 70%,#ff8b6b)}.wave i.meta,[data-now-wave] i.meta{background:linear-gradient(180deg,#b8bdca,#676d7b)}.album{cursor:pointer}.album:hover,[data-now-album].click:hover{color:#c084fc;text-decoration:underline}.tags{display:flex;gap:6px;overflow:hidden}.on{color:#a855f7;text-shadow:0 0 18px rgba(168,85,247,.55)}
.theta-reset-sort{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:12px}.theta-reset-sort button,.facet-grid button{border:1px solid rgba(255,255,255,.09);border-radius:999px;background:rgba(255,255,255,.06);color:#fff;padding:0 13px;height:36px;font-weight:900;cursor:pointer}.theta-reset-albums{display:grid;grid-template-columns:repeat(4,minmax(170px,1fr));gap:16px}.theta-reset-albums article{border:1px solid var(--line);border-radius:16px;overflow:hidden;background:rgba(255,255,255,.04);cursor:pointer}.theta-reset-albums img{width:100%;aspect-ratio:1/1;object-fit:cover}.theta-reset-albums div{padding:12px}.theta-reset-albums small{display:block;color:var(--muted);margin-top:4px}.facet-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px;padding:18px}.facet-grid button{height:92px;border-radius:18px;background:linear-gradient(180deg,rgba(168,85,247,.16),rgba(255,255,255,.035));font-size:18px}
.theta-reset-right{padding:24px 20px 156px;border-left:1px solid var(--line);background:rgba(5,7,12,.72);min-width:340px}.theta-reset-right.hide{display:none}.theta-reset-right section{border-radius:18px;background:rgba(255,255,255,.032);padding:18px;margin-bottom:16px}.theta-reset-side-head{display:flex;justify-content:space-between;text-transform:uppercase;font-size:12px;letter-spacing:.10em}.theta-reset-side-head button{border:0;background:transparent;color:#c084fc;font-weight:900;cursor:pointer}.theta-reset-now{display:grid;grid-template-columns:92px 1fr;gap:14px;margin-top:18px}.theta-reset-now button{width:92px;height:92px;border:0;border-radius:13px;background-size:cover;background-position:center;cursor:pointer}.theta-reset-now h3{margin:0}.theta-reset-now small{color:var(--muted)}.theta-reset-side-actions{display:flex;gap:10px;margin:16px 0}.theta-reset-side-actions button{width:42px;height:42px;border-radius:12px;border:0;background:rgba(255,255,255,.07);color:#fff;cursor:pointer}.theta-reset-right dl{display:grid;grid-template-columns:1fr 1fr;gap:10px 0}.theta-reset-right dt{text-transform:uppercase;color:var(--muted);font-size:12px}.theta-reset-right dd{text-align:right;margin:0}.theta-reset-license{width:100%;height:46px;border:0;border-radius:999px;background:linear-gradient(180deg,#b75cff,#8b31e8);color:#fff;font-weight:950;margin-top:18px;cursor:pointer}[data-upnext] button{width:100%;display:grid;grid-template-columns:44px 1fr 45px 24px;gap:10px;align-items:center;border:0;background:transparent;color:#fff;text-align:left;margin-top:12px;cursor:pointer}[data-upnext] img{width:44px;height:44px;border-radius:8px;object-fit:cover}[data-upnext] small{display:block;color:var(--muted)}.right-back{position:fixed;right:18px;top:120px;z-index:999998;height:42px;border:1px solid rgba(168,85,247,.35);border-radius:999px;background:#111722;color:#fff;padding:0 16px;font-weight:950;box-shadow:0 18px 60px rgba(0,0,0,.35);cursor:pointer}
.theta-reset-modal{position:fixed;inset:0;z-index:1000000;display:grid;place-items:center;background:rgba(0,0,0,.72);backdrop-filter:blur(18px)}.theta-reset-modal[hidden]{display:none}.theta-reset-modal>div{width:min(560px,94vw);border:1px solid var(--line);border-radius:28px;background:#0b0f16;color:#fff;padding:28px;position:relative}.theta-reset-modal [data-action="close-modal"]{position:absolute;right:14px;top:14px;width:40px;height:40px;border-radius:999px;border:0;background:rgba(255,255,255,.08);color:#fff;cursor:pointer}.theta-toast{position:fixed;z-index:1000002;left:50%;bottom:132px;transform:translateX(-50%);background:#111722;color:white;border:1px solid rgba(255,255,255,.12);border-radius:999px;padding:12px 16px;font-weight:900;box-shadow:0 18px 60px rgba(0,0,0,.45);display:none}.theta-toast.show{display:block}.theta-empty{padding:24px;color:#9ca6ba}
@media(max-width:1500px){#theta-reset{grid-template-columns:220px minmax(680px,1fr) 330px}.theta-reset-hero-grid{grid-template-columns:minmax(500px,1.7fr) repeat(3,minmax(130px,.55fr))}.theta-reset-card:nth-of-type(5){display:none}}@media(max-width:1250px){#theta-reset{grid-template-columns:220px minmax(0,1fr)}.theta-reset-right{display:none}.theta-reset-hero-grid{grid-template-columns:1fr 1fr}.theta-reset-hero{grid-column:1/-1}.theta-reset-head,.theta-reset-track{grid-template-columns:54px minmax(220px,1fr) minmax(200px,.9fr) 80px 80px 40px}.album,.tags,.theta-reset-head span:nth-child(4),.theta-reset-head span:nth-child(5){display:none}}@media(max-width:820px){#theta-reset{grid-template-columns:1fr;width:100%;margin-left:0}.theta-reset-sidebar{display:none}.theta-reset-main{padding:16px 14px 170px}.theta-reset-hero-grid{grid-template-columns:1fr}.theta-reset-card{min-height:180px}.theta-reset-head{display:none}.theta-reset-track{grid-template-columns:42px 1fr;gap:10px;padding:12px}.wave,.theta-reset-track span:nth-child(n+4){display:none}.theta-reset-albums{grid-template-columns:repeat(2,1fr)}}

/* =========================================================
   THETA RESET V9.1 — INDEPENDENT LEFT / CENTER / RIGHT ZONES
   ========================================================= */

/* The full application owns the viewport but each zone scrolls separately. */
#theta-reset.theta-zones-ready{
  height:calc(100vh - 32px)!important;
  min-height:calc(100vh - 32px)!important;
  overflow:hidden!important;
  grid-template-columns:236px minmax(0,1fr) 360px!important;
  transition:grid-template-columns .22s ease!important;
}

/* Independent scroll containers */
#theta-reset.theta-zones-ready .theta-reset-sidebar,
#theta-reset.theta-zones-ready .theta-reset-main,
#theta-reset.theta-zones-ready .theta-reset-right{
  height:calc(100vh - 32px)!important;
  max-height:calc(100vh - 32px)!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  overscroll-behavior:contain!important;
  scrollbar-width:thin!important;
  scrollbar-color:rgba(168,85,247,.45) rgba(255,255,255,.04)!important;
}

#theta-reset.theta-zones-ready .theta-reset-sidebar::-webkit-scrollbar,
#theta-reset.theta-zones-ready .theta-reset-main::-webkit-scrollbar,
#theta-reset.theta-zones-ready .theta-reset-right::-webkit-scrollbar{
  width:8px!important;
}

#theta-reset.theta-zones-ready .theta-reset-sidebar::-webkit-scrollbar-thumb,
#theta-reset.theta-zones-ready .theta-reset-main::-webkit-scrollbar-thumb,
#theta-reset.theta-zones-ready .theta-reset-right::-webkit-scrollbar-thumb{
  background:rgba(168,85,247,.42)!important;
  border-radius:999px!important;
}

#theta-reset.theta-zones-ready .theta-reset-sidebar::-webkit-scrollbar-track,
#theta-reset.theta-zones-ready .theta-reset-main::-webkit-scrollbar-track,
#theta-reset.theta-zones-ready .theta-reset-right::-webkit-scrollbar-track{
  background:rgba(255,255,255,.035)!important;
}

/* Sidebar is its own app zone */
#theta-reset.theta-zones-ready .theta-reset-sidebar{
  position:relative!important;
  z-index:3!important;
  padding-bottom:170px!important;
}

/* Center is independent from right/left and should never be squeezed by inner panels */
#theta-reset.theta-zones-ready .theta-reset-main{
  position:relative!important;
  z-index:1!important;
  min-width:0!important;
  padding-bottom:170px!important;
}

/* Right panel is independent */
#theta-reset.theta-zones-ready .theta-reset-right{
  position:relative!important;
  z-index:2!important;
  min-width:0!important;
  padding-bottom:170px!important;
}

/* Collapse modes */
#theta-reset.theta-zones-ready.theta-left-collapsed{
  grid-template-columns:0 minmax(0,1fr) 360px!important;
}

#theta-reset.theta-zones-ready.theta-left-collapsed .theta-reset-sidebar{
  transform:translateX(-100%)!important;
  pointer-events:none!important;
  opacity:0!important;
}

#theta-reset.theta-zones-ready.theta-right-collapsed{
  grid-template-columns:236px minmax(0,1fr) 0!important;
}

#theta-reset.theta-zones-ready.theta-right-collapsed .theta-reset-right{
  transform:translateX(100%)!important;
  pointer-events:none!important;
  opacity:0!important;
}

#theta-reset.theta-zones-ready.theta-left-collapsed.theta-right-collapsed{
  grid-template-columns:0 minmax(0,1fr) 0!important;
}

/* Smooth zone transitions */
#theta-reset.theta-zones-ready .theta-reset-sidebar,
#theta-reset.theta-zones-ready .theta-reset-right{
  transition:transform .22s ease, opacity .22s ease!important;
}

/* Floating independent toggles */
.theta-zone-toggle{
  position:fixed!important;
  z-index:1000001!important;
  height:42px!important;
  border:1px solid rgba(168,85,247,.38)!important;
  border-radius:999px!important;
  background:linear-gradient(180deg,rgba(17,23,34,.96),rgba(8,10,16,.96))!important;
  color:#fff!important;
  box-shadow:0 18px 60px rgba(0,0,0,.40),0 0 22px rgba(168,85,247,.18)!important;
  cursor:pointer!important;
  font-family:Inter,system-ui,sans-serif!important;
  font-weight:950!important;
  backdrop-filter:blur(18px)!important;
}

.theta-zone-left-toggle{
  left:18px!important;
  top:76px!important;
  width:42px!important;
}

.theta-zone-right-toggle{
  right:18px!important;
  top:76px!important;
  padding:0 16px!important;
}

/* Built-in old right-back button is replaced by the persistent V9.1 toggle */
.right-back{
  display:none!important;
}

/* Keep center usable when both panels are hidden */
#theta-reset.theta-zones-ready.theta-left-collapsed .theta-reset-main,
#theta-reset.theta-zones-ready.theta-right-collapsed .theta-reset-main{
  max-width:none!important;
}

/* Avoid bottom global player covering zone content */
#theta-reset.theta-zones-ready .theta-reset-sidebar,
#theta-reset.theta-zones-ready .theta-reset-main,
#theta-reset.theta-zones-ready .theta-reset-right{
  scroll-padding-bottom:180px!important;
}

/* Independent right panel: Now Playing sticks inside the right zone */
#theta-reset.theta-zones-ready .theta-reset-right > section:first-child{
  position:sticky!important;
  top:0!important;
  z-index:3!important;
}

/* Independent left nav: brand remains visible while nav scrolls */
#theta-reset.theta-zones-ready .theta-reset-brand{
  position:sticky!important;
  top:0!important;
  z-index:4!important;
  padding-bottom:10px!important;
  background:linear-gradient(180deg,rgba(4,7,12,.98),rgba(4,7,12,.82))!important;
  backdrop-filter:blur(16px)!important;
}

/* Browse / facets remain center-only */
#theta-reset.theta-zones-ready .facet-grid,
#theta-reset.theta-zones-ready .theta-reset-albums,
#theta-reset.theta-zones-ready .theta-reset-table{
  max-width:100%!important;
}

/* Prevent modal from inheriting zone scroll */
#theta-reset .theta-reset-modal{
  overflow:auto!important;
}

/* Responsive: zones stack logically */
@media(max-width:1250px){
  #theta-reset.theta-zones-ready{
    grid-template-columns:220px minmax(0,1fr)!important;
  }

  #theta-reset.theta-zones-ready .theta-reset-right{
    position:fixed!important;
    top:32px!important;
    right:0!important;
    bottom:0!important;
    width:min(380px,92vw)!important;
    height:calc(100vh - 32px)!important;
    max-height:calc(100vh - 32px)!important;
    transform:translateX(100%)!important;
    opacity:0!important;
    pointer-events:none!important;
    border-left:1px solid rgba(255,255,255,.10)!important;
    background:rgba(5,7,12,.96)!important;
    backdrop-filter:blur(22px)!important;
  }

  #theta-reset.theta-zones-ready:not(.theta-right-collapsed) .theta-reset-right{
    transform:translateX(0)!important;
    opacity:1!important;
    pointer-events:auto!important;
  }

  #theta-reset.theta-zones-ready.theta-left-collapsed{
    grid-template-columns:0 minmax(0,1fr)!important;
  }

  .theta-zone-right-toggle{
    top:76px!important;
  }
}

@media(max-width:820px){
  #theta-reset.theta-zones-ready{
    grid-template-columns:1fr!important;
    height:auto!important;
    min-height:100vh!important;
    overflow:visible!important;
  }

  #theta-reset.theta-zones-ready .theta-reset-main{
    height:auto!important;
    max-height:none!important;
    overflow:visible!important;
  }

  #theta-reset.theta-zones-ready .theta-reset-sidebar{
    position:fixed!important;
    top:32px!important;
    left:0!important;
    bottom:0!important;
    width:min(280px,88vw)!important;
    height:calc(100vh - 32px)!important;
    max-height:calc(100vh - 32px)!important;
    transform:translateX(-100%)!important;
    opacity:0!important;
    pointer-events:none!important;
    display:block!important;
    background:rgba(4,7,12,.98)!important;
    backdrop-filter:blur(22px)!important;
  }

  #theta-reset.theta-zones-ready:not(.theta-left-collapsed) .theta-reset-sidebar{
    transform:translateX(0)!important;
    opacity:1!important;
    pointer-events:auto!important;
  }

  #theta-reset.theta-zones-ready .theta-reset-right{
    top:32px!important;
  }
}


/* Theta Reset V9.2 — synced active row */
#theta-reset .theta-reset-track.active{
  background:linear-gradient(90deg,rgba(168,85,247,.26),rgba(168,85,247,.055))!important;
  box-shadow:inset 0 0 0 1px rgba(168,85,247,.28)!important;
}
#theta-reset .theta-reset-track.active .play{
  background:linear-gradient(180deg,#a855f7,#6d28d9)!important;
  box-shadow:0 0 26px rgba(168,85,247,.45)!important;
}


/* Theta Reset V9.3 — hard player sync state */
#theta-reset .theta-reset-track.active{
  background:linear-gradient(90deg,rgba(168,85,247,.30),rgba(168,85,247,.065))!important;
  box-shadow:inset 0 0 0 1px rgba(168,85,247,.35)!important;
}
#theta-reset .theta-reset-track.active .play{
  background:linear-gradient(180deg,#a855f7,#6d28d9)!important;
  box-shadow:0 0 28px rgba(168,85,247,.48)!important;
}
#theta-reset [data-upnext] [data-up].is-current{
  background:rgba(168,85,247,.16)!important;
  border-radius:12px!important;
}


/* =========================================================
   THETA RESET V9.4 — RIGHT PANEL OVERLAP + TIME FIX
   ========================================================= */

/* The sticky right Now Playing block caused overlaps while scrolling.
   Right zone remains independent, but its inner cards flow normally. */
#theta-reset.theta-zones-ready .theta-reset-right > section:first-child,
#theta-reset .theta-reset-right > section:first-child{
  position:relative!important;
  top:auto!important;
  z-index:auto!important;
}

/* Right column as a clean vertical stack */
#theta-reset .theta-reset-right{
  display:flex!important;
  flex-direction:column!important;
  gap:16px!important;
  padding-bottom:190px!important;
}

#theta-reset .theta-reset-right section{
  flex:0 0 auto!important;
  margin-bottom:0!important;
  overflow:visible!important;
}

/* Prevent metadata text from spilling into Up Next */
#theta-reset .theta-reset-right dl{
  margin:16px 0 0!important;
  padding:0!important;
  display:grid!important;
  grid-template-columns:minmax(70px,.8fr) minmax(120px,1.2fr)!important;
  gap:10px 12px!important;
  align-items:start!important;
}

#theta-reset .theta-reset-right dt{
  min-width:0!important;
  white-space:nowrap!important;
}

#theta-reset .theta-reset-right dd{
  min-width:0!important;
  max-width:100%!important;
  text-align:right!important;
  overflow-wrap:anywhere!important;
  line-height:1.25!important;
}

/* Now playing header and content spacing */
#theta-reset .theta-reset-now{
  margin-top:18px!important;
  align-items:start!important;
}

#theta-reset [data-now-time]{
  display:block!important;
  margin-top:6px!important;
  color:rgba(230,235,255,.76)!important;
  font-variant-numeric:tabular-nums!important;
  white-space:nowrap!important;
}

/* Tags and license should not overlap following sections */
#theta-reset [data-now-tags]{
  margin:14px 0 0!important;
}

#theta-reset .theta-reset-license{
  display:block!important;
  margin-top:18px!important;
  margin-bottom:0!important;
}

/* Up next rows become more compact and contained */
#theta-reset [data-upnext]{
  display:grid!important;
  gap:8px!important;
  margin-top:12px!important;
}

#theta-reset [data-upnext] button{
  margin-top:0!important;
  min-height:48px!important;
  border-radius:12px!important;
  padding:4px!important;
  overflow:hidden!important;
}

#theta-reset [data-upnext] strong{
  min-width:0!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}

#theta-reset [data-upnext] span{
  white-space:nowrap!important;
  font-variant-numeric:tabular-nums!important;
}

/* Right panel scroll should be smooth, no sticky overlay. */
#theta-reset.theta-zones-ready .theta-reset-right{
  scroll-padding-top:20px!important;
}


/* Theta Frontend v9.5 — clean menu controls */
#theta-zone-left-toggle,
#theta-zone-right-toggle,
#right-back,
#theta-reset [data-action="hide-right"],
#theta-reset [data-action="clear-queue"]{
  display:none!important;
  visibility:hidden!important;
  pointer-events:none!important;
}

/* Keep side panels open; disables old collapsed states if cached */
#theta-reset.theta-left-collapsed{
  grid-template-columns:236px minmax(0,1fr) 360px!important;
}
#theta-reset.theta-right-collapsed{
  grid-template-columns:236px minmax(0,1fr) 360px!important;
}
#theta-reset.theta-left-collapsed .theta-reset-sidebar,
#theta-reset.theta-right-collapsed .theta-reset-right{
  transform:none!important;
  opacity:1!important;
  pointer-events:auto!important;
}

/* Cleaner right headers when controls are removed */
#theta-reset .theta-reset-right .theta-reset-side-head{
  min-height:14px!important;
}
#theta-reset .theta-reset-right .theta-reset-side-head strong:empty{
  display:none!important;
}


/* =====================================================
   THETA CATALOG FRONTEND V9.6 — premium right panel
   ===================================================== */

#theta-reset .theta-reset-right{
  position:relative!important;
  padding:22px 18px 160px!important;
  background:
    radial-gradient(circle at 50% 0%,rgba(168,85,247,.16),transparent 34%),
    linear-gradient(180deg,rgba(7,10,18,.88),rgba(3,5,10,.96))!important;
  border-left:1px solid rgba(255,255,255,.08)!important;
  overflow-x:hidden!important;
}

#theta-reset .theta-reset-right::before{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  background:
    radial-gradient(circle at 50% 22%,rgba(168,85,247,.18),transparent 34%),
    radial-gradient(circle at 80% 8%,rgba(255,255,255,.06),transparent 22%)!important;
  pointer-events:none!important;
  opacity:.75!important;
}

/* All right sections become premium glass cards */
#theta-reset .theta-reset-right section{
  position:relative!important;
  z-index:1!important;
  border:1px solid rgba(255,255,255,.095)!important;
  border-radius:24px!important;
  background:
    linear-gradient(180deg,rgba(255,255,255,.075),rgba(255,255,255,.025))!important;
  box-shadow:
    0 24px 70px rgba(0,0,0,.32),
    inset 0 1px 0 rgba(255,255,255,.06)!important;
  backdrop-filter:blur(18px)!important;
  padding:18px!important;
}

/* First card = immersive now playing */
#theta-reset .theta-reset-right section:first-child{
  overflow:hidden!important;
}

#theta-reset .theta-reset-right section:first-child::before{
  content:"NOW PLAYING"!important;
  display:block!important;
  margin-bottom:14px!important;
  font-size:11px!important;
  font-weight:950!important;
  letter-spacing:.18em!important;
  color:rgba(235,238,255,.58)!important;
}

#theta-reset .theta-reset-side-head{
  display:none!important;
}

/* Main now block stacked */
#theta-reset .theta-reset-now{
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:15px!important;
  margin-top:0!important;
  align-items:center!important;
}

/* Big cover */
#theta-reset [data-now-cover]{
  width:100%!important;
  height:auto!important;
  aspect-ratio:1/1!important;
  max-height:300px!important;
  border-radius:22px!important;
  border:1px solid rgba(255,255,255,.12)!important;
  background-size:cover!important;
  background-position:center!important;
  box-shadow:
    0 26px 80px rgba(0,0,0,.44),
    0 0 36px rgba(168,85,247,.20)!important;
  transform:translateZ(0)!important;
  transition:transform .35s ease, box-shadow .35s ease!important;
}

#theta-reset [data-now-cover]:hover{
  transform:scale(1.018)!important;
  box-shadow:
    0 30px 90px rgba(0,0,0,.48),
    0 0 46px rgba(168,85,247,.28)!important;
}

/* Title area */
#theta-reset .theta-reset-now h3,
#theta-reset [data-now-title]{
  margin:0!important;
  font-size:24px!important;
  line-height:1.03!important;
  font-weight:950!important;
  letter-spacing:-.05em!important;
  color:#fff!important;
}

#theta-reset [data-now-code]{
  display:block!important;
  margin-top:7px!important;
  font-size:12px!important;
  color:rgba(235,238,255,.62)!important;
  letter-spacing:.08em!important;
  font-weight:800!important;
}

/* Right panel mini waveform */
#theta-reset [data-now-wave]{
  height:46px!important;
  margin-top:14px!important;
  display:flex!important;
  align-items:center!important;
  gap:3px!important;
  overflow:hidden!important;
  filter:drop-shadow(0 0 10px rgba(168,85,247,.26))!important;
}

#theta-reset [data-now-wave] i{
  width:3px!important;
  min-width:3px!important;
  border-radius:999px!important;
  background:linear-gradient(180deg,#fff,#d8b4fe 28%,#a855f7 75%,#6d28d9)!important;
  box-shadow:0 0 8px rgba(168,85,247,.32)!important;
}

#theta-reset [data-now-time]{
  display:block!important;
  margin-top:7px!important;
  font-size:12px!important;
  color:rgba(235,238,255,.72)!important;
  font-variant-numeric:tabular-nums!important;
}

/* Side actions: more discreet */
#theta-reset .theta-reset-side-actions{
  margin:16px 0 0!important;
  display:flex!important;
  gap:10px!important;
}

#theta-reset .theta-reset-side-actions button{
  width:42px!important;
  height:38px!important;
  border-radius:13px!important;
  border:1px solid rgba(255,255,255,.10)!important;
  background:rgba(255,255,255,.055)!important;
  color:#fff!important;
}

/* Metadata as glass grid */
#theta-reset .theta-reset-right dl{
  margin:18px 0 0!important;
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:10px!important;
}

#theta-reset .theta-reset-right dt,
#theta-reset .theta-reset-right dd{
  margin:0!important;
}

#theta-reset .theta-reset-right dt{
  display:none!important;
}

#theta-reset .theta-reset-right dd{
  position:relative!important;
  min-height:62px!important;
  display:flex!important;
  align-items:flex-end!important;
  justify-content:flex-start!important;
  text-align:left!important;
  padding:26px 12px 11px!important;
  border:1px solid rgba(255,255,255,.08)!important;
  border-radius:16px!important;
  background:rgba(255,255,255,.045)!important;
  color:#fff!important;
  font-size:16px!important;
  font-weight:950!important;
  overflow:hidden!important;
}

#theta-reset [data-now-bpm]::before{content:"BPM"!important}
#theta-reset [data-now-key]::before{content:"KEY"!important}
#theta-reset [data-now-album]::before{content:"ALBUM"!important}
#theta-reset [data-now-type]::before{content:"TYPE"!important}
#theta-reset [data-now-duration]::before{content:"DURATION"!important}

#theta-reset .theta-reset-right dd::before{
  position:absolute!important;
  left:12px!important;
  top:9px!important;
  font-size:9px!important;
  letter-spacing:.16em!important;
  color:rgba(235,238,255,.52)!important;
  font-weight:950!important;
}

#theta-reset [data-now-album],
#theta-reset [data-now-type],
#theta-reset [data-now-duration]{
  grid-column:span 2!important;
}

/* Tags */
#theta-reset [data-now-tags]{
  margin:16px 0 0!important;
  display:flex!important;
  gap:7px!important;
  flex-wrap:wrap!important;
}

#theta-reset [data-now-tags] i{
  border:1px solid rgba(168,85,247,.20)!important;
  background:rgba(168,85,247,.13)!important;
  color:#eadcff!important;
}

/* License button */
#theta-reset .theta-reset-license{
  height:46px!important;
  margin-top:18px!important;
  border:0!important;
  border-radius:999px!important;
  background:linear-gradient(180deg,#b75cff,#7c3aed)!important;
  box-shadow:0 0 28px rgba(168,85,247,.38)!important;
  color:#fff!important;
  font-weight:950!important;
}

/* Up Next redesigned */
#theta-reset .theta-reset-right section:nth-child(2)::before{
  content:"UP NEXT"!important;
  display:block!important;
  margin-bottom:12px!important;
  font-size:11px!important;
  font-weight:950!important;
  letter-spacing:.18em!important;
  color:rgba(235,238,255,.58)!important;
}

#theta-reset [data-upnext]{
  display:grid!important;
  gap:9px!important;
}

#theta-reset [data-upnext] button{
  width:100%!important;
  min-height:58px!important;
  display:grid!important;
  grid-template-columns:48px minmax(0,1fr) 42px 18px!important;
  gap:10px!important;
  align-items:center!important;
  margin:0!important;
  padding:7px!important;
  border:1px solid rgba(255,255,255,.075)!important;
  border-radius:15px!important;
  background:rgba(255,255,255,.035)!important;
  color:#fff!important;
  transition:background .18s ease, transform .18s ease, border-color .18s ease!important;
}

#theta-reset [data-upnext] button:hover{
  transform:translateY(-1px)!important;
  background:rgba(168,85,247,.095)!important;
  border-color:rgba(168,85,247,.22)!important;
}

#theta-reset [data-upnext] img{
  width:48px!important;
  height:48px!important;
  border-radius:11px!important;
  object-fit:cover!important;
}

#theta-reset [data-upnext] strong{
  display:block!important;
  min-width:0!important;
  font-size:13px!important;
  line-height:1.1!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}

#theta-reset [data-upnext] small{
  display:block!important;
  margin-top:4px!important;
  font-size:10px!important;
  color:rgba(235,238,255,.56)!important;
}

#theta-reset [data-upnext] span{
  font-size:11px!important;
  color:rgba(235,238,255,.62)!important;
  font-variant-numeric:tabular-nums!important;
}

/* Mobile / smaller screens */
@media(max-width:1250px){
  #theta-reset [data-now-cover]{
    max-height:240px!important;
  }
}


/* =====================================================
   THETA CATALOG FRONTEND V9.7 — premium left sidebar
   ===================================================== */

#theta-reset .theta-reset-sidebar{
  position:relative!important;
  padding:24px 16px 160px!important;
  background:
    radial-gradient(circle at 50% 0%,rgba(168,85,247,.13),transparent 34%),
    linear-gradient(180deg,rgba(5,8,14,.98),rgba(2,4,9,.99))!important;
  border-right:1px solid rgba(255,255,255,.085)!important;
  overflow-x:hidden!important;
}

#theta-reset .theta-reset-sidebar::before{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  background:
    radial-gradient(circle at 16% 12%,rgba(255,255,255,.055),transparent 22%),
    radial-gradient(circle at 78% 6%,rgba(168,85,247,.14),transparent 28%)!important;
  pointer-events:none!important;
  opacity:.85!important;
}

/* Brand block */
#theta-reset .theta-reset-brand{
  position:relative!important;
  z-index:2!important;
  min-height:58px!important;
  margin-bottom:22px!important;
  padding:10px 10px 12px!important;
  border:1px solid rgba(255,255,255,.075)!important;
  border-radius:18px!important;
  background:linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.018))!important;
  box-shadow:0 18px 60px rgba(0,0,0,.22), inset 0 1px 0 rgba(255,255,255,.06)!important;
  backdrop-filter:blur(14px)!important;
}

#theta-reset .theta-reset-brand>span{
  width:36px!important;
  height:36px!important;
  border-radius:10px!important;
  border-color:#c084fc!important;
  box-shadow:
    0 0 22px rgba(168,85,247,.48),
    inset 0 0 0 1px rgba(255,255,255,.12)!important;
}

#theta-reset .theta-reset-brand strong{
  font-size:15px!important;
  letter-spacing:.25em!important;
}

#theta-reset .theta-reset-brand small{
  font-size:10px!important;
  letter-spacing:.26em!important;
  color:rgba(235,238,255,.62)!important;
}

/* Navigation card */
#theta-reset .theta-reset-sidebar nav{
  position:relative!important;
  z-index:2!important;
  display:grid!important;
  gap:5px!important;
}

/* Section labels */
#theta-reset .theta-reset-sidebar nav em{
  margin:20px 8px 7px!important;
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
  color:rgba(235,238,255,.46)!important;
  font-size:10px!important;
  letter-spacing:.18em!important;
  font-weight:950!important;
}

#theta-reset .theta-reset-sidebar nav em::after{
  content:""!important;
  height:1px!important;
  flex:1!important;
  background:linear-gradient(90deg,rgba(255,255,255,.14),transparent)!important;
}

/* Nav buttons */
#theta-reset .theta-reset-sidebar nav button{
  position:relative!important;
  height:42px!important;
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
  border-radius:14px!important;
  padding:0 13px 0 14px!important;
  color:rgba(235,238,255,.76)!important;
  background:transparent!important;
  font-size:13px!important;
  font-weight:850!important;
  letter-spacing:-.01em!important;
  transition:
    background .18s ease,
    color .18s ease,
    transform .18s ease,
    box-shadow .18s ease!important;
  overflow:hidden!important;
}

#theta-reset .theta-reset-sidebar nav button::before{
  content:""!important;
  width:8px!important;
  height:8px!important;
  min-width:8px!important;
  border-radius:999px!important;
  background:rgba(235,238,255,.26)!important;
  box-shadow:none!important;
  transition:background .18s ease, box-shadow .18s ease, transform .18s ease!important;
}

#theta-reset .theta-reset-sidebar nav button::after{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  border-radius:14px!important;
  background:linear-gradient(90deg,rgba(168,85,247,.24),rgba(168,85,247,.045),transparent)!important;
  opacity:0!important;
  transition:opacity .18s ease!important;
  pointer-events:none!important;
}

#theta-reset .theta-reset-sidebar nav button:hover{
  color:#fff!important;
  transform:translateX(2px)!important;
  background:rgba(255,255,255,.035)!important;
}

#theta-reset .theta-reset-sidebar nav button:hover::before{
  background:#d8b4fe!important;
  box-shadow:0 0 14px rgba(168,85,247,.52)!important;
  transform:scale(1.1)!important;
}

#theta-reset .theta-reset-sidebar nav button.is-active{
  color:#fff!important;
  background:linear-gradient(90deg,rgba(168,85,247,.26),rgba(168,85,247,.07))!important;
  box-shadow:
    inset 0 0 0 1px rgba(168,85,247,.20),
    0 10px 26px rgba(168,85,247,.10)!important;
}

#theta-reset .theta-reset-sidebar nav button.is-active::before{
  background:#c084fc!important;
  box-shadow:0 0 18px rgba(168,85,247,.72)!important;
}

#theta-reset .theta-reset-sidebar nav button.is-active::after{
  opacity:1!important;
}

/* Different visual rhythm for Collections */
#theta-reset .theta-reset-sidebar nav em:nth-of-type(3) ~ button{
  min-height:40px!important;
}

#theta-reset .theta-reset-sidebar nav em:nth-of-type(3) ~ button::before{
  width:16px!important;
  height:16px!important;
  border-radius:6px!important;
  background:
    radial-gradient(circle at 70% 30%,rgba(255,255,255,.85),transparent 28%),
    linear-gradient(135deg,rgba(168,85,247,.85),rgba(79,70,229,.55))!important;
}

/* Client portal card */
#theta-reset .theta-reset-client{
  position:relative!important;
  z-index:2!important;
  margin-top:24px!important;
  padding:17px!important;
  border-radius:20px!important;
  border:1px solid rgba(168,85,247,.22)!important;
  background:
    radial-gradient(circle at 80% 10%,rgba(255,255,255,.10),transparent 28%),
    linear-gradient(180deg,rgba(168,85,247,.16),rgba(255,255,255,.032))!important;
  box-shadow:0 22px 68px rgba(0,0,0,.28),0 0 26px rgba(168,85,247,.08)!important;
}

#theta-reset .theta-reset-client strong{
  display:block!important;
  font-size:14px!important;
  letter-spacing:-.02em!important;
  color:#fff!important;
}

#theta-reset .theta-reset-client p{
  margin:7px 0 14px!important;
  color:rgba(235,238,255,.58)!important;
  line-height:1.35!important;
  font-size:12px!important;
}

#theta-reset .theta-reset-client button{
  height:38px!important;
  border-radius:999px!important;
  background:linear-gradient(180deg,rgba(168,85,247,.30),rgba(168,85,247,.13))!important;
  border:1px solid rgba(168,85,247,.18)!important;
  color:#eadcff!important;
  font-weight:950!important;
  box-shadow:0 0 20px rgba(168,85,247,.12)!important;
  transition:transform .18s ease, box-shadow .18s ease!important;
}

#theta-reset .theta-reset-client button:hover{
  transform:translateY(-1px)!important;
  box-shadow:0 0 28px rgba(168,85,247,.22)!important;
}

/* Keep sidebar cleaner when independent zones are active */
#theta-reset.theta-zones-ready .theta-reset-sidebar{
  scroll-padding-top:24px!important;
}


/* =====================================================
   THETA CATALOG FRONTEND V9.8 — album detail page
   ===================================================== */

#theta-reset [data-panel="album-detail"]{
  padding-bottom:160px!important;
}

#theta-reset .theta-reset-album-detail{
  display:grid!important;
  gap:18px!important;
}

#theta-reset .theta-album-back{
  justify-self:start!important;
  height:40px!important;
  border:1px solid rgba(255,255,255,.10)!important;
  border-radius:999px!important;
  background:rgba(255,255,255,.055)!important;
  color:#fff!important;
  padding:0 15px!important;
  font-weight:900!important;
  cursor:pointer!important;
}

#theta-reset .theta-album-hero{
  position:relative!important;
  display:grid!important;
  grid-template-columns:minmax(260px,360px) minmax(0,1fr)!important;
  gap:28px!important;
  padding:28px!important;
  border:1px solid rgba(255,255,255,.095)!important;
  border-radius:28px!important;
  background:
    radial-gradient(circle at 28% 20%,rgba(168,85,247,.18),transparent 35%),
    linear-gradient(180deg,rgba(255,255,255,.065),rgba(255,255,255,.022))!important;
  box-shadow:0 28px 90px rgba(0,0,0,.34), inset 0 1px 0 rgba(255,255,255,.06)!important;
  overflow:hidden!important;
}

#theta-reset .theta-album-hero::before{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  background:radial-gradient(circle at 80% 0%,rgba(255,255,255,.07),transparent 30%)!important;
  pointer-events:none!important;
}

#theta-reset .theta-album-cover{
  position:relative!important;
  z-index:1!important;
  width:100%!important;
  aspect-ratio:1/1!important;
  border-radius:24px!important;
  background:
    radial-gradient(circle at 68% 24%,rgba(255,255,255,.18),transparent 24%),
    linear-gradient(135deg,#111827,#7c2d12)!important;
  background-size:cover!important;
  background-position:center!important;
  box-shadow:0 30px 90px rgba(0,0,0,.44),0 0 42px rgba(168,85,247,.20)!important;
}

#theta-reset .theta-album-info{
  position:relative!important;
  z-index:1!important;
  align-self:center!important;
  min-width:0!important;
}

#theta-reset .theta-album-kicker{
  display:inline-flex!important;
  align-items:center!important;
  height:28px!important;
  padding:0 11px!important;
  border-radius:999px!important;
  background:rgba(168,85,247,.14)!important;
  color:#eadcff!important;
  border:1px solid rgba(168,85,247,.22)!important;
  font-size:10px!important;
  letter-spacing:.16em!important;
  text-transform:uppercase!important;
  font-weight:950!important;
}

#theta-reset .theta-album-info h1{
  margin:18px 0 8px!important;
  font-size:clamp(42px,5vw,76px)!important;
  line-height:.88!important;
  letter-spacing:-.075em!important;
  color:#fff!important;
}

#theta-reset .theta-album-code{
  margin:0 0 16px!important;
  color:rgba(235,238,255,.60)!important;
  font-size:13px!important;
  letter-spacing:.16em!important;
  font-weight:900!important;
}

#theta-reset .theta-album-description{
  max-width:760px!important;
  margin:0!important;
  color:rgba(235,238,255,.72)!important;
  font-size:15px!important;
  line-height:1.55!important;
}

#theta-reset .theta-album-chips{
  margin-top:18px!important;
  display:flex!important;
  gap:8px!important;
  flex-wrap:wrap!important;
}

#theta-reset .theta-album-chips i{
  font-style:normal!important;
  padding:6px 10px!important;
  border-radius:999px!important;
  background:rgba(255,255,255,.075)!important;
  border:1px solid rgba(255,255,255,.08)!important;
  color:#fff!important;
  font-size:12px!important;
  font-weight:900!important;
}

#theta-reset .theta-album-stats{
  margin-top:22px!important;
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:10px!important;
  max-width:620px!important;
}

#theta-reset .theta-album-stats strong{
  min-height:64px!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
  gap:5px!important;
  padding:12px!important;
  border-radius:16px!important;
  border:1px solid rgba(255,255,255,.08)!important;
  background:rgba(255,255,255,.045)!important;
  color:rgba(235,238,255,.52)!important;
  font-size:10px!important;
  letter-spacing:.14em!important;
  text-transform:uppercase!important;
}

#theta-reset .theta-album-stats span{
  color:#fff!important;
  font-size:18px!important;
  letter-spacing:-.03em!important;
  text-transform:none!important;
}

#theta-reset .theta-album-actions{
  margin-top:24px!important;
  display:flex!important;
  gap:12px!important;
  flex-wrap:wrap!important;
}

#theta-reset .theta-album-actions button{
  height:46px!important;
  border-radius:999px!important;
  padding:0 18px!important;
  font-weight:950!important;
  cursor:pointer!important;
}

#theta-reset .theta-album-actions button:first-child{
  border:0!important;
  color:#fff!important;
  background:linear-gradient(180deg,#b75cff,#7c3aed)!important;
  box-shadow:0 0 30px rgba(168,85,247,.38)!important;
}

#theta-reset .theta-album-actions button:last-child{
  border:1px solid rgba(255,255,255,.10)!important;
  color:#fff!important;
  background:rgba(255,255,255,.055)!important;
}

/* Tracklist */
#theta-reset .theta-album-tracklist{
  border:1px solid rgba(255,255,255,.085)!important;
  border-radius:24px!important;
  background:rgba(255,255,255,.026)!important;
  overflow:hidden!important;
}

#theta-reset .theta-album-section-head{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  padding:18px 20px!important;
  border-bottom:1px solid rgba(255,255,255,.065)!important;
}

#theta-reset .theta-album-section-head h2{
  margin:0!important;
  font-size:22px!important;
  text-transform:uppercase!important;
  letter-spacing:.03em!important;
}

#theta-reset .theta-album-section-head small{
  color:rgba(235,238,255,.58)!important;
  font-weight:900!important;
}

#theta-reset .theta-album-track-head,
#theta-reset .theta-album-track{
  display:grid!important;
  grid-template-columns:54px minmax(260px,1fr) minmax(160px,.55fr) 72px 88px!important;
  gap:12px!important;
  align-items:center!important;
}

#theta-reset .theta-album-track-head{
  height:38px!important;
  padding:0 18px!important;
  color:rgba(235,238,255,.45)!important;
  text-transform:uppercase!important;
  letter-spacing:.10em!important;
  font-size:10px!important;
  font-weight:950!important;
}

#theta-reset .theta-album-track{
  width:100%!important;
  min-height:64px!important;
  padding:0 18px!important;
  border:0!important;
  border-top:1px solid rgba(255,255,255,.052)!important;
  background:transparent!important;
  color:#fff!important;
  text-align:left!important;
  cursor:pointer!important;
  transition:background .18s ease!important;
}

#theta-reset .theta-album-track:hover{
  background:linear-gradient(90deg,rgba(168,85,247,.15),rgba(168,85,247,.035))!important;
}

#theta-reset .theta-album-track > span:first-child{
  color:rgba(235,238,255,.46)!important;
  font-size:12px!important;
  font-weight:900!important;
}

#theta-reset .theta-album-track span:nth-child(2){
  display:flex!important;
  align-items:center!important;
  gap:12px!important;
  min-width:0!important;
}

#theta-reset .theta-album-track img{
  width:44px!important;
  height:44px!important;
  border-radius:10px!important;
  object-fit:cover!important;
}

#theta-reset .theta-album-track strong{
  display:block!important;
  min-width:0!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  font-size:14px!important;
}

#theta-reset .theta-album-track small{
  display:block!important;
  margin-top:3px!important;
  color:rgba(235,238,255,.52)!important;
  font-size:10px!important;
}

#theta-reset .theta-album-track i{
  font-style:normal!important;
  padding:4px 8px!important;
  border-radius:999px!important;
  background:rgba(168,85,247,.13)!important;
  color:#eadcff!important;
  font-size:10px!important;
  font-weight:900!important;
  margin-right:5px!important;
}

@media(max-width:980px){
  #theta-reset .theta-album-hero{
    grid-template-columns:1fr!important;
  }
  #theta-reset .theta-album-cover{
    max-width:360px!important;
  }
  #theta-reset .theta-album-stats{
    grid-template-columns:1fr!important;
  }
  #theta-reset .theta-album-track-head{
    display:none!important;
  }
  #theta-reset .theta-album-track{
    grid-template-columns:42px 1fr!important;
  }
  #theta-reset .theta-album-track span:nth-child(n+3){
    display:none!important;
  }
}


/* =====================================================
   THETA CATALOG FRONTEND V9.9 — album alt versions
   ===================================================== */

#theta-reset .theta-album-cover.has-cover{
  background-color:#080b12!important;
  background-size:cover!important;
  background-position:center!important;
}

#theta-reset .theta-album-hero-pro .theta-album-description{
  color:rgba(235,238,255,.72)!important;
}

#theta-reset .theta-album-tracklist-pro{
  overflow:hidden!important;
}

#theta-reset .theta-album-track-head-pro,
#theta-reset .theta-album-main-track,
#theta-reset .theta-alt-version{
  display:grid!important;
  grid-template-columns:54px minmax(260px,1fr) minmax(120px,.38fr) minmax(170px,.55fr) 72px 88px!important;
  gap:12px!important;
  align-items:center!important;
}

#theta-reset .theta-alt-groups{
  display:grid!important;
}

#theta-reset .theta-alt-group{
  border-top:1px solid rgba(255,255,255,.055)!important;
}

#theta-reset .theta-alt-group:first-child{
  border-top:0!important;
}

#theta-reset .theta-album-main-track{
  border-top:0!important;
  background:rgba(255,255,255,.012)!important;
}

#theta-reset .theta-alt-group:hover .theta-album-main-track{
  background:linear-gradient(90deg,rgba(168,85,247,.12),rgba(168,85,247,.028))!important;
}

#theta-reset .theta-alt-versions{
  display:grid!important;
  padding:0 0 8px!important;
  background:rgba(0,0,0,.12)!important;
}

#theta-reset .theta-alt-version{
  width:calc(100% - 36px)!important;
  margin-left:36px!important;
  min-height:48px!important;
  padding:0 18px!important;
  border:0!important;
  border-top:1px solid rgba(255,255,255,.038)!important;
  background:transparent!important;
  color:#fff!important;
  text-align:left!important;
  cursor:pointer!important;
  transition:background .18s ease!important;
}

#theta-reset .theta-alt-version:hover{
  background:rgba(168,85,247,.09)!important;
}

#theta-reset .theta-alt-version span:nth-child(2){
  display:flex!important;
  align-items:center!important;
  min-width:0!important;
}

#theta-reset .theta-alt-version strong{
  display:block!important;
  min-width:0!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  font-size:13px!important;
}

#theta-reset .theta-alt-version small{
  display:block!important;
  margin-top:3px!important;
  color:rgba(235,238,255,.50)!important;
  font-size:10px!important;
}

#theta-reset .theta-version-badge{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:25px!important;
  padding:0 9px!important;
  border-radius:999px!important;
  border:1px solid rgba(255,255,255,.10)!important;
  background:rgba(255,255,255,.065)!important;
  color:#e9d5ff!important;
  font-size:10px!important;
  font-weight:950!important;
  white-space:nowrap!important;
}

#theta-reset .theta-version-badge.is-main{
  background:linear-gradient(180deg,rgba(168,85,247,.24),rgba(168,85,247,.12))!important;
  border-color:rgba(168,85,247,.28)!important;
  color:#fff!important;
}

#theta-reset .theta-alt-count{
  display:inline-flex!important;
  align-items:center!important;
  min-height:25px!important;
  margin-left:6px!important;
  padding:0 8px!important;
  border-radius:999px!important;
  background:rgba(255,255,255,.045)!important;
  color:rgba(235,238,255,.58)!important;
  font-size:10px!important;
  font-weight:950!important;
}

#theta-reset .theta-alt-version i{
  font-style:normal!important;
  padding:4px 8px!important;
  border-radius:999px!important;
  background:rgba(168,85,247,.10)!important;
  color:#eadcff!important;
  font-size:10px!important;
  font-weight:900!important;
  margin-right:5px!important;
}

@media(max-width:980px){
  #theta-reset .theta-album-track-head-pro{
    display:none!important;
  }

  #theta-reset .theta-album-main-track,
  #theta-reset .theta-alt-version{
    grid-template-columns:42px 1fr!important;
  }

  #theta-reset .theta-album-main-track span:nth-child(n+3),
  #theta-reset .theta-alt-version span:nth-child(n+3){
    display:none!important;
  }

  #theta-reset .theta-alt-version{
    width:calc(100% - 18px)!important;
    margin-left:18px!important;
  }
}


/* =====================================================
   THETA CATALOG FRONTEND V10.0 — collapsible alt versions
   ===================================================== */

#theta-reset .theta-alt-versions[hidden]{
  display:none!important;
}

#theta-reset .theta-alt-count{
  cursor:pointer!important;
  user-select:none!important;
  transition:background .18s ease, color .18s ease, transform .18s ease!important;
}

#theta-reset .theta-alt-count:hover,
#theta-reset .theta-alt-count.is-open{
  background:rgba(168,85,247,.18)!important;
  color:#fff!important;
  transform:translateY(-1px)!important;
}

#theta-reset .theta-alt-count::after{
  content:"▾"!important;
  margin-left:6px!important;
  font-size:9px!important;
  opacity:.7!important;
}

#theta-reset .theta-alt-count.is-open::after{
  content:"▴"!important;
}

#theta-reset .theta-alt-group.is-open{
  background:rgba(168,85,247,.035)!important;
}

#theta-reset .theta-album-cover.is-fallback-cover{
  background:
    radial-gradient(circle at 68% 24%,rgba(255,255,255,.14),transparent 24%),
    linear-gradient(135deg,#111827,#401c12)!important;
}

/* When cover is real, avoid brown fallback leaking through */
#theta-reset .theta-album-cover.has-cover{
  background-color:#060910!important;
  background-size:cover!important;
  background-position:center!important;
}


/* Theta Frontend v10.1 — backend editable home playlists */
#theta-reset .theta-home-dynamic-featured{
  background-size:cover!important;
  background-position:center!important;
}

#theta-reset .theta-home-dynamic-card{
  background-size:cover!important;
  background-position:center!important;
}

#theta-reset .theta-home-dynamic-card b i{
  display:block!important;
  width:3px!important;
  min-width:3px!important;
  border-radius:999px!important;
  background:linear-gradient(180deg,#d8b4fe,#a855f7 65%,#f59e7a)!important;
}

#theta-reset .theta-home-dynamic-card:hover{
  transform:translateY(-2px)!important;
  box-shadow:0 26px 80px rgba(0,0,0,.35),0 0 30px rgba(168,85,247,.18)!important;
}


/* Theta Frontend v10.2 — no waveforms on central playlist cards */
#theta-reset .theta-reset-hero-grid .theta-reset-card b,
#theta-reset .theta-reset-hero-grid [data-wave-card]{
  display:none!important;
}

#theta-reset .theta-reset-hero-grid .theta-reset-card.theta-card-no-waveform,
#theta-reset .theta-reset-hero-grid .theta-reset-card{
  display:flex!important;
  flex-direction:column!important;
  justify-content:flex-end!important;
  gap:8px!important;
}

#theta-reset .theta-reset-hero-grid .theta-reset-card strong{
  margin-top:10px!important;
  margin-bottom:2px!important;
}

#theta-reset .theta-reset-hero-grid .theta-reset-card small{
  margin-bottom:0!important;
}


/* Theta Frontend v10.3 — central playlist card text fit */
#theta-reset .theta-reset-hero-grid{
  align-items:stretch!important;
}

/* Keep featured card strong but avoid oversized overflow on narrower layouts */
#theta-reset .theta-reset-hero h1{
  font-size:clamp(54px,5vw,94px)!important;
  line-height:.92!important;
  max-width:100%!important;
  overflow-wrap:normal!important;
  word-break:normal!important;
}

#theta-reset .theta-reset-hero p{
  max-width:720px!important;
}

/* Small central playlist cards */
#theta-reset .theta-reset-hero-grid .theta-reset-card{
  min-width:0!important;
  overflow:hidden!important;
  padding:clamp(20px,2.2vw,30px)!important;
}

#theta-reset .theta-reset-hero-grid .theta-reset-card span{
  display:block!important;
  max-width:100%!important;
  font-size:clamp(12px,1vw,15px)!important;
  letter-spacing:.18em!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}

#theta-reset .theta-reset-hero-grid .theta-reset-card strong{
  display:-webkit-box!important;
  -webkit-line-clamp:2!important;
  -webkit-box-orient:vertical!important;
  max-width:100%!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:normal!important;
  word-break:normal!important;
  overflow-wrap:break-word!important;
  hyphens:auto!important;
  font-size:clamp(28px,2.1vw,42px)!important;
  line-height:1.02!important;
  letter-spacing:-.055em!important;
}

#theta-reset .theta-reset-hero-grid .theta-reset-card small{
  display:block!important;
  max-width:100%!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  font-size:clamp(12px,.95vw,15px)!important;
}

/* For very long backend-generated titles */
#theta-reset .theta-home-dynamic-card strong{
  font-size:clamp(26px,1.9vw,38px)!important;
}

/* Better responsive behavior when 4 cards are visible */
@media(max-width:1500px){
  #theta-reset .theta-reset-hero-grid .theta-reset-card strong{
    font-size:clamp(24px,1.8vw,34px)!important;
  }
  #theta-reset .theta-reset-hero-grid .theta-reset-card{
    padding:22px!important;
  }
}

@media(max-width:1250px){
  #theta-reset .theta-reset-hero h1{
    font-size:clamp(44px,6vw,72px)!important;
  }
  #theta-reset .theta-reset-hero-grid .theta-reset-card strong{
    font-size:clamp(24px,3.8vw,36px)!important;
  }
}


/* =====================================================
   THETA FRONTEND V10.4 — responsive one-line cards + horizontal scroll
   ===================================================== */

/* Central top row should remain readable instead of squeezing cards */
#theta-reset .theta-reset-hero-grid{
  width:100%!important;
  min-width:0!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  overscroll-behavior-x:contain!important;
  scroll-snap-type:x proximity!important;
  scrollbar-width:thin!important;
  scrollbar-color:rgba(168,85,247,.55) rgba(255,255,255,.055)!important;
  padding-bottom:8px!important;
}

#theta-reset .theta-reset-hero-grid::-webkit-scrollbar{
  height:8px!important;
}

#theta-reset .theta-reset-hero-grid::-webkit-scrollbar-thumb{
  background:rgba(168,85,247,.55)!important;
  border-radius:999px!important;
}

#theta-reset .theta-reset-hero-grid::-webkit-scrollbar-track{
  background:rgba(255,255,255,.055)!important;
  border-radius:999px!important;
}

/* Keep the hero and cards at usable widths when space is limited */
#theta-reset .theta-reset-hero{
  min-width:min(680px,72vw)!important;
  scroll-snap-align:start!important;
}

#theta-reset .theta-reset-hero-grid .theta-reset-card{
  min-width:clamp(190px,15vw,250px)!important;
  scroll-snap-align:start!important;
}

/* One-line adaptive titles */
#theta-reset .theta-reset-hero-grid .theta-reset-card strong{
  display:block!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  max-width:100%!important;
  word-break:normal!important;
  overflow-wrap:normal!important;
  hyphens:none!important;
  font-size:clamp(22px,2.15vw,38px)!important;
  line-height:1!important;
  letter-spacing:-.055em!important;
}

/* Dynamic backend cards can use slightly smaller type */
#theta-reset .theta-home-dynamic-card strong{
  font-size:clamp(20px,1.95vw,34px)!important;
}

/* Featured title also stays clean */
#theta-reset .theta-reset-hero h1{
  white-space:normal!important;
  overflow-wrap:normal!important;
  word-break:normal!important;
  font-size:clamp(56px,5.2vw,96px)!important;
  line-height:.9!important;
}

/* Medium widths: preserve horizontal row rather than compressing */
@media(max-width:1500px){
  #theta-reset .theta-reset-hero{
    min-width:620px!important;
  }

  #theta-reset .theta-reset-hero-grid .theta-reset-card{
    min-width:210px!important;
  }

  #theta-reset .theta-reset-hero-grid .theta-reset-card strong{
    font-size:clamp(20px,2.25vw,32px)!important;
  }
}

/* Smaller laptop / tablet: horizontal scroll becomes intentional */
@media(max-width:1250px){
  #theta-reset .theta-reset-hero-grid{
    display:flex!important;
    gap:16px!important;
  }

  #theta-reset .theta-reset-hero{
    flex:0 0 min(640px,78vw)!important;
    min-width:min(640px,78vw)!important;
  }

  #theta-reset .theta-reset-hero-grid .theta-reset-card{
    flex:0 0 220px!important;
    min-width:220px!important;
  }

  #theta-reset .theta-reset-hero-grid .theta-reset-card strong{
    font-size:26px!important;
  }
}

/* Very small screens */
@media(max-width:760px){
  #theta-reset .theta-reset-hero{
    flex-basis:88vw!important;
    min-width:88vw!important;
  }

  #theta-reset .theta-reset-hero h1{
    font-size:clamp(40px,12vw,64px)!important;
  }

  #theta-reset .theta-reset-hero-grid .theta-reset-card{
    flex-basis:200px!important;
    min-width:200px!important;
  }

  #theta-reset .theta-reset-hero-grid .theta-reset-card strong{
    font-size:24px!important;
  }
}


/* =====================================================
   THETA FRONTEND V10.5 — refined premium typography
   ===================================================== */

/* FEATURED HERO */
#theta-reset .theta-reset-hero h1{
  font-size:clamp(52px,4.2vw,72px)!important;
  line-height:.92!important;
  letter-spacing:-0.06em!important;
  font-weight:800!important;
  max-width:92%!important;
}

/* Featured description */
#theta-reset .theta-reset-hero p{
  font-size:clamp(18px,1.15vw,22px)!important;
  line-height:1.42!important;
  max-width:760px!important;
}

/* Hero buttons spacing */
#theta-reset .theta-reset-hero .theta-reset-actions{
  margin-top:26px!important;
  gap:14px!important;
}

/* SMALL PLAYLIST CARDS */
#theta-reset .theta-reset-hero-grid .theta-reset-card{
  padding:28px 28px 30px!important;
  border-radius:28px!important;
}

/* Labels */
#theta-reset .theta-reset-hero-grid .theta-reset-card span{
  font-size:13px!important;
  letter-spacing:.22em!important;
  opacity:.82!important;
  margin-bottom:16px!important;
}

/* Card titles */
#theta-reset .theta-reset-hero-grid .theta-reset-card strong{
  font-size:clamp(20px,1.6vw,28px)!important;
  line-height:1.02!important;
  font-weight:750!important;
  letter-spacing:-0.045em!important;
}

/* Track counts */
#theta-reset .theta-reset-hero-grid .theta-reset-card small{
  font-size:15px!important;
  opacity:.9!important;
  margin-top:12px!important;
}

/* More breathing room between cards */
#theta-reset .theta-reset-hero-grid{
  gap:24px!important;
}

/* Better proportions on medium screens */
@media(max-width:1500px){
  #theta-reset .theta-reset-hero h1{
    font-size:clamp(48px,4vw,66px)!important;
  }

  #theta-reset .theta-reset-hero-grid .theta-reset-card strong{
    font-size:clamp(18px,1.5vw,24px)!important;
  }
}

/* Tablet */
@media(max-width:1200px){
  #theta-reset .theta-reset-hero h1{
    font-size:clamp(42px,6vw,58px)!important;
  }

  #theta-reset .theta-reset-hero p{
    font-size:18px!important;
  }

  #theta-reset .theta-reset-hero-grid .theta-reset-card{
    min-width:210px!important;
  }

  #theta-reset .theta-reset-hero-grid .theta-reset-card strong{
    font-size:22px!important;
  }
}

/* Mobile */
@media(max-width:760px){
  #theta-reset .theta-reset-hero h1{
    font-size:clamp(34px,10vw,48px)!important;
  }

  #theta-reset .theta-reset-hero-grid .theta-reset-card{
    min-width:190px!important;
    padding:24px!important;
  }

  #theta-reset .theta-reset-hero-grid .theta-reset-card strong{
    font-size:20px!important;
  }
}


/* =====================================================
   THETA FRONTEND V10.10 — safe rollback fixes
   ===================================================== */

/* No fake selected row before the player has actually launched */
#theta-reset .theta-reset-track:not(.active){
  background:transparent!important;
  box-shadow:none!important;
}

#theta-reset .theta-reset-track.active{
  background:linear-gradient(90deg,rgba(168,85,247,.24),rgba(168,85,247,.055))!important;
  box-shadow:inset 0 0 0 1px rgba(168,85,247,.28)!important;
}

/* Keep old functional click handlers intact: visual style only */
#theta-reset .theta-reset-track .play{
  position:relative!important;
  width:36px!important;
  height:36px!important;
  min-width:36px!important;
  border-radius:999px!important;
  border:1px solid rgba(255,255,255,.12)!important;
  background:rgba(255,255,255,.055)!important;
  color:transparent!important;
  font-size:0!important;
  line-height:0!important;
  display:grid!important;
  place-items:center!important;
  padding:0!important;
  cursor:pointer!important;
}

#theta-reset .theta-reset-track .play::before{
  content:""!important;
  display:block!important;
  width:0!important;
  height:0!important;
  margin-left:2px!important;
  border-top:7px solid transparent!important;
  border-bottom:7px solid transparent!important;
  border-left:10px solid #f8fafc!important;
}

#theta-reset .theta-reset-track.is-playing .play::before{
  width:5px!important;
  height:16px!important;
  margin-left:-7px!important;
  border:0!important;
  border-radius:2px!important;
  background:#fff!important;
  box-shadow:9px 0 0 #fff!important;
}

/* No old playlist flash */
#theta-reset .theta-reset-hero-grid.theta-home-loading-backend{
  opacity:1!important;
}

#theta-reset .theta-home-skeleton-featured,
#theta-reset .theta-home-skeleton-card{
  position:relative!important;
  overflow:hidden!important;
  border:1px solid rgba(255,255,255,.08)!important;
  background:linear-gradient(90deg,rgba(255,255,255,.035),rgba(255,255,255,.075),rgba(255,255,255,.035))!important;
  background-size:220% 100%!important;
  animation:thetaHomeSkeleton1010 1.25s ease-in-out infinite!important;
}

#theta-reset .theta-home-skeleton-featured{
  min-width:min(680px,72vw)!important;
  min-height:300px!important;
  border-radius:28px!important;
}

#theta-reset .theta-home-skeleton-card{
  min-width:clamp(190px,15vw,250px)!important;
  min-height:300px!important;
  border-radius:28px!important;
}

@keyframes thetaHomeSkeleton1010{
  from{background-position:0% 50%}
  to{background-position:100% 50%}
}


/* =====================================================
   THETA CATALOG FRONTEND V11 — clean architecture overrides
   ===================================================== */

#theta-reset .theta-reset-track:not(.active){
  background:transparent!important;
  box-shadow:none!important;
}

#theta-reset .theta-reset-track.active{
  background:linear-gradient(90deg,rgba(168,85,247,.24),rgba(168,85,247,.055))!important;
  box-shadow:inset 0 0 0 1px rgba(168,85,247,.28)!important;
}

/* Central row play button: visual only. JS no longer intercepts multiple ways. */
#theta-reset .theta-reset-track .play{
  position:relative!important;
  width:36px!important;
  height:36px!important;
  min-width:36px!important;
  border-radius:999px!important;
  border:1px solid rgba(255,255,255,.12)!important;
  background:
    radial-gradient(circle at 50% 50%,rgba(255,255,255,.10),rgba(255,255,255,.025) 58%),
    rgba(255,255,255,.055)!important;
  color:transparent!important;
  font-size:0!important;
  line-height:0!important;
  display:grid!important;
  place-items:center!important;
  padding:0!important;
  cursor:pointer!important;
  box-shadow:0 8px 24px rgba(0,0,0,.22)!important;
}

#theta-reset .theta-reset-track .play::before{
  content:""!important;
  display:block!important;
  width:0!important;
  height:0!important;
  margin-left:2px!important;
  border-top:7px solid transparent!important;
  border-bottom:7px solid transparent!important;
  border-left:10px solid #f8fafc!important;
}

#theta-reset .theta-reset-track.is-playing .play::before{
  width:5px!important;
  height:16px!important;
  margin-left:-7px!important;
  border:0!important;
  border-radius:2px!important;
  background:#fff!important;
  box-shadow:9px 0 0 #fff,0 0 8px rgba(255,255,255,.28)!important;
}

/* Homepage backend cards: no mini waveform, smaller typography, horizontal fallback */
#theta-reset .theta-reset-hero-grid{
  width:100%!important;
  min-width:0!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  overscroll-behavior-x:contain!important;
  scroll-snap-type:x proximity!important;
  scrollbar-width:thin!important;
  scrollbar-color:rgba(168,85,247,.55) rgba(255,255,255,.055)!important;
  padding-bottom:8px!important;
  gap:24px!important;
}

#theta-reset .theta-reset-hero{
  min-width:min(680px,72vw)!important;
  scroll-snap-align:start!important;
  background-size:cover!important;
  background-position:center!important;
}

#theta-reset .theta-reset-hero h1{
  font-size:clamp(52px,4.2vw,72px)!important;
  line-height:.92!important;
  letter-spacing:-0.06em!important;
  font-weight:800!important;
  max-width:92%!important;
}

#theta-reset .theta-reset-hero p{
  font-size:clamp(18px,1.15vw,22px)!important;
  line-height:1.42!important;
}

#theta-reset .theta-reset-hero-grid .theta-reset-card{
  min-width:clamp(190px,15vw,250px)!important;
  scroll-snap-align:start!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:flex-end!important;
  gap:8px!important;
  padding:28px 28px 30px!important;
  background-size:cover!important;
  background-position:center!important;
}

#theta-reset .theta-reset-hero-grid .theta-reset-card b,
#theta-reset .theta-reset-hero-grid [data-wave-card]{
  display:none!important;
}

#theta-reset .theta-reset-hero-grid .theta-reset-card span{
  display:block!important;
  max-width:100%!important;
  font-size:13px!important;
  letter-spacing:.22em!important;
  opacity:.82!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}

#theta-reset .theta-reset-hero-grid .theta-reset-card strong{
  display:block!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  max-width:100%!important;
  font-size:clamp(20px,1.6vw,28px)!important;
  line-height:1.02!important;
  font-weight:750!important;
  letter-spacing:-0.045em!important;
}

#theta-reset .theta-reset-hero-grid .theta-reset-card small{
  display:block!important;
  max-width:100%!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  font-size:15px!important;
  opacity:.9!important;
}

/* Skeleton while backend home playlists load */
#theta-reset .theta-home-skeleton-featured,
#theta-reset .theta-home-skeleton-card{
  position:relative!important;
  overflow:hidden!important;
  border:1px solid rgba(255,255,255,.08)!important;
  background:linear-gradient(90deg,rgba(255,255,255,.035),rgba(255,255,255,.075),rgba(255,255,255,.035))!important;
  background-size:220% 100%!important;
  animation:thetaV11Skeleton 1.25s ease-in-out infinite!important;
}

#theta-reset .theta-home-skeleton-featured{
  min-width:min(680px,72vw)!important;
  min-height:300px!important;
  border-radius:28px!important;
}

#theta-reset .theta-home-skeleton-card{
  min-width:clamp(190px,15vw,250px)!important;
  min-height:300px!important;
  border-radius:28px!important;
}

@keyframes thetaV11Skeleton{
  from{background-position:0% 50%}
  to{background-position:100% 50%}
}

/* Album detail v11 */
#theta-reset .theta-album-track-head-pro,
#theta-reset .theta-album-main-track,
#theta-reset .theta-alt-version{
  display:grid!important;
  grid-template-columns:54px minmax(330px,1fr) minmax(130px,.36fr) minmax(170px,.5fr) 72px 88px!important;
  gap:12px!important;
  align-items:center!important;
}

#theta-reset .theta-alt-versions[hidden]{
  display:none!important;
}

#theta-reset .theta-alt-count{
  cursor:pointer!important;
  user-select:none!important;
}

#theta-reset .theta-alt-count::after{
  content:"▾"!important;
  margin-left:6px!important;
  font-size:9px!important;
  opacity:.7!important;
}

#theta-reset .theta-alt-count.is-open::after{
  content:"▴"!important;
}

#theta-reset .theta-album-cover.has-cover{
  background-color:#060910!important;
  background-size:cover!important;
  background-position:center!important;
}

@media(max-width:1250px){
  #theta-reset .theta-reset-hero-grid{
    display:flex!important;
    gap:16px!important;
  }
  #theta-reset .theta-reset-hero{
    flex:0 0 min(640px,78vw)!important;
    min-width:min(640px,78vw)!important;
  }
  #theta-reset .theta-reset-hero-grid .theta-reset-card{
    flex:0 0 220px!important;
    min-width:220px!important;
  }
}

@media(max-width:980px){
  #theta-reset .theta-album-track-head-pro{
    display:none!important;
  }
  #theta-reset .theta-album-main-track,
  #theta-reset .theta-alt-version{
    grid-template-columns:42px 1fr!important;
  }
  #theta-reset .theta-album-main-track span:nth-child(n+3),
  #theta-reset .theta-alt-version span:nth-child(n+3){
    display:none!important;
  }
}


/* Theta Frontend v11.1 — album cards clickable */
#theta-reset [data-album-card]{
  cursor:pointer!important;
}

#theta-reset [data-album-card]:hover{
  transform:translateY(-2px)!important;
  border-color:rgba(168,85,247,.28)!important;
  box-shadow:0 24px 70px rgba(0,0,0,.34),0 0 28px rgba(168,85,247,.16)!important;
}

#theta-reset [data-album-card]:focus-visible{
  outline:2px solid rgba(168,85,247,.75)!important;
  outline-offset:3px!important;
}


/* Theta Frontend v11.2 — album cover fix */
#theta-reset .theta-album-cover.has-cover{
  background-size:cover!important;
  background-position:center!important;
  background-color:#060910!important;
}

#theta-reset .theta-album-cover.has-cover[style*="data:image"]{
  background-size:cover!important;
}

/* Reduce the orange fallback look if no real cover exists */
#theta-reset .theta-album-cover{
  background:
    radial-gradient(circle at 62% 30%,rgba(168,85,247,.26),transparent 32%),
    linear-gradient(135deg,#0b1020,#151124 42%,#080a12)!important;
}