:root{
  --bg:#07090c;
  --bg2:#0b1017;
  --panel:#10151d;
  --panel-2:#131923;
  --panel-3:#171f2b;
  --line:rgba(255,255,255,.08);
  --line-2:rgba(255,255,255,.12);
  --text:#f7fafc;
  --muted:#9ca9ba;
  --muted-2:#718094;
  --shadow:0 30px 80px rgba(0,0,0,.42);
  --radius:26px;
  --radius-md:18px;
  --radius-sm:14px;

  --S:#ff7a68;
  --S-soft:rgba(255,122,104,.16);
  --A:#ffbc5f;
  --A-soft:rgba(255,188,95,.16);
  --B:#6ee7a8;
  --B-soft:rgba(110,231,168,.16);
  --C:#68b9ff;
  --C-soft:rgba(104,185,255,.16);
  --Q:#98a4b8;
  --Q-soft:rgba(152,164,184,.14);

  --success:#69e2a4;
  --danger:#ff8b85;
}
*{box-sizing:border-box}
html{min-height:100%;background:#05070b}
body{
  min-height:100vh;
  margin:0;
  color:var(--text);
  font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  background:#05070b;
  position:relative;
  isolation:isolate;
}
body::before{
  content:"";
  position:fixed;
  z-index:-1;
  inset:-12vh -8vw;
  pointer-events:none;
  background:
    radial-gradient(circle at 15% 10%, rgba(28,128,116,.16), transparent 28%),
    radial-gradient(circle at 85% 0%, rgba(95,73,220,.18), transparent 30%),
    radial-gradient(circle at 50% 100%, rgba(255,122,104,.11), transparent 24%),
    linear-gradient(180deg, #090c12 0%, #05070b 100%);
  background-repeat:no-repeat;
  background-size:cover;
  transform:translateZ(0);
}
button,input,select,textarea{font:inherit}
button{
  border:1px solid var(--line);
  background:rgba(255,255,255,.05);
  color:var(--text);
  border-radius:15px;
  padding:11px 14px;
  cursor:pointer;
  transition:transform .16s ease, background .16s ease, border-color .16s ease, box-shadow .16s ease;
}
button:hover{
  transform:translateY(-1px);
  background:rgba(255,255,255,.08);
  border-color:var(--line-2);
}
button.primary{
  background:linear-gradient(180deg,#1dd174,#15a95c);
  border-color:rgba(29,209,116,.35);
  color:#071109;
  font-weight:800;
  box-shadow:0 12px 35px rgba(29,209,116,.22);
}
button.ghost{background:transparent}
button.danger:hover{border-color:rgba(255,139,133,.35);background:rgba(255,139,133,.08)}
input,select,textarea{
  width:100%;
  background:rgba(6,9,14,.82);
  color:var(--text);
  border:1px solid rgba(255,255,255,.08);
  border-radius:15px;
  padding:12px 14px;
  outline:none;
}
textarea{resize:vertical;min-height:124px}
input::placeholder,textarea::placeholder{color:#738195}
input:focus,select:focus,textarea:focus{
  border-color:rgba(100,188,255,.45);
  box-shadow:0 0 0 4px rgba(104,185,255,.11);
}
.app{max-width:1640px;margin:auto;padding:28px}
.header{
  display:flex;align-items:center;justify-content:center;
  margin-bottom:26px;text-align:center;
}
.brand{display:grid;gap:8px;justify-items:center}
.kicker{font-size:13px;letter-spacing:.22em;text-transform:uppercase;color:#9aa8bb;font-weight:800}
.brand h1{margin:0;font-size:42px;line-height:.98;letter-spacing:-.055em;font-weight:850}
.brand p{margin:0;color:var(--muted);max-width:680px;font-size:15px}
.card{
  background:linear-gradient(180deg, rgba(20,26,36,.94), rgba(12,17,24,.96));
  border:1px solid rgba(255,255,255,.075);
  border-radius:var(--radius);
  box-shadow:var(--shadow);
  overflow:hidden;
}
.layout{
  display:grid;
  grid-template-columns:minmax(320px,380px) minmax(620px,1fr) minmax(320px,390px);
  gap:18px;
  align-items:start;
}
.sticky{position:sticky;top:20px}
.panel{padding:18px}
.section{display:grid;gap:14px}
.section + .section{margin-top:18px}
.section-head{display:flex;align-items:center;justify-content:space-between;gap:12px}
.section-head h2,.section-head h3{margin:0;font-size:16px;letter-spacing:-.02em}
.section-head p{margin:0;color:var(--muted);font-size:12px}
.art-wrap{display:grid;gap:14px}
.art{
  position:relative;
  width:100%;
  aspect-ratio:1/1;
  border-radius:24px;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.08);
  background:
    radial-gradient(circle at 25% 15%, rgba(255,255,255,.08), transparent 22%),
    linear-gradient(180deg, rgba(17,22,30,.95), rgba(8,12,18,.98));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04), 0 20px 45px rgba(0,0,0,.35);
  background-size:cover;
  background-position:center;
  background-repeat:no-repeat;
}
.art.empty:before{
  content:"ALBUM ARTWORK";
  position:absolute;inset:0;
  display:grid;place-items:center;
  letter-spacing:.22em;font-size:13px;color:#7a8798;font-weight:700
}
.art:after{
  content:"";
  position:absolute;inset:auto 0 0 0;height:38%;
  background:linear-gradient(180deg, transparent, rgba(0,0,0,.4));
  pointer-events:none;
}
.input-grid{display:grid;gap:10px}
.label{display:grid;gap:7px}
.label span{font-size:12px;color:var(--muted);font-weight:600;letter-spacing:.02em}
.url-row{display:grid;grid-template-columns:1fr auto auto;gap:8px}
.rating{
  display:grid;gap:14px;padding:16px;border-radius:22px;
  border:1px solid rgba(255,255,255,.07);
  background:linear-gradient(180deg, rgba(20,26,34,.96), rgba(9,12,18,.96));
}
.rating-top{display:flex;align-items:center;justify-content:space-between;gap:12px}
.rating-copy{display:grid;gap:3px}
.rating-copy b{font-size:14px}
.rating-copy span{color:var(--muted);font-size:12px}
.rating-value{font-size:14px;color:#d6dfeb;font-variant-numeric:tabular-nums;font-weight:700}
.stars{display:flex;gap:8px;flex-wrap:wrap}
.star{
  appearance:none;border:0;background:transparent;padding:0;
  font-size:30px;line-height:1;color:#4f5968;cursor:pointer;
  filter:drop-shadow(0 0 0 rgba(255,193,71,0));
  transition:transform .16s ease,color .16s ease,filter .16s ease;
}
.star:hover{transform:scale(1.08)}
.star.active{color:#ffc44b;filter:drop-shadow(0 0 12px rgba(255,196,75,.18))}
.actions-grid{display:flex;align-items:center;gap:8px;flex-wrap:nowrap}
.actions-grid .full{grid-column:auto}
.action-icon{
  width:42px;height:42px;min-width:42px;padding:0;border-radius:50%;
  display:grid;place-items:center;background:rgba(255,255,255,.045);
  border:1px solid rgba(255,255,255,.085);color:#dce5f0;box-shadow:none
}
.action-icon svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round}
.action-icon:hover{background:rgba(255,255,255,.085);border-color:rgba(255,255,255,.15);transform:translateY(-1px)}
.action-icon.primary-icon{background:rgba(29,209,116,.12);border-color:rgba(29,209,116,.26);color:#6ce7a5}
.action-icon.primary-icon:hover{background:rgba(29,209,116,.18)}
.action-icon.danger-icon:hover{background:rgba(255,139,133,.09);border-color:rgba(255,139,133,.25);color:#ff9a95}
.action-sep{width:1px;height:22px;background:rgba(255,255,255,.08);margin:0 2px}
.status{
  padding:12px 14px;border-radius:16px;font-size:13px;color:var(--muted);
  background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.06)
}
.center-panel{padding:18px}
.board-head{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin-bottom:14px;flex-wrap:wrap}
.board-copy{display:grid;gap:4px}
.board-copy h2{margin:0;font-size:18px;letter-spacing:-.03em}
.board-copy p{margin:0;color:var(--muted);font-size:13px}
.board-meta{display:flex;gap:8px;flex-wrap:wrap}
.pill{
  display:inline-flex;align-items:center;gap:8px;
  background:rgba(255,255,255,.05);
  border:1px solid rgba(255,255,255,.08);
  padding:8px 11px;border-radius:999px;color:#cfdae9;font-size:12px
}
.tier-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:14px;
}
.tier{position:relative;min-height:260px;border-radius:24px;border:1px solid rgba(255,255,255,.08);overflow:hidden}
.tier[data-tier="?"]{grid-column:1/-1;min-height:230px}
.tier::before{
  content:"";position:absolute;inset:0;
  background:linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.015));
  pointer-events:none
}
.tier[data-tier="S"]{background:linear-gradient(180deg,var(--S-soft), rgba(12,16,22,.92) 72%);box-shadow:inset 0 0 0 1px rgba(255,122,104,.16)}
.tier[data-tier="A"]{background:linear-gradient(180deg,var(--A-soft), rgba(12,16,22,.92) 72%);box-shadow:inset 0 0 0 1px rgba(255,188,95,.16)}
.tier[data-tier="B"]{background:linear-gradient(180deg,var(--B-soft), rgba(12,16,22,.92) 72%);box-shadow:inset 0 0 0 1px rgba(110,231,168,.16)}
.tier[data-tier="C"]{background:linear-gradient(180deg,var(--C-soft), rgba(12,16,22,.92) 72%);box-shadow:inset 0 0 0 1px rgba(104,185,255,.16)}
.tier[data-tier="?"]{background:linear-gradient(180deg,var(--Q-soft), rgba(12,16,22,.92) 72%);box-shadow:inset 0 0 0 1px rgba(152,164,184,.14)}
.tier-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 16px 10px}
.tier-badge{display:flex;align-items:center;gap:10px}
.letter{
  width:46px;height:46px;border-radius:16px;display:grid;place-items:center;
  font:800 26px/1 Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#fff;
  background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.13);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08)
}
.tier[data-tier="S"] .letter{background:rgba(255,122,104,.22)}
.tier[data-tier="A"] .letter{background:rgba(255,188,95,.22)}
.tier[data-tier="B"] .letter{background:rgba(110,231,168,.2)}
.tier[data-tier="C"] .letter{background:rgba(104,185,255,.2)}
.tier[data-tier="?"] .letter{background:rgba(152,164,184,.16)}
.tier-info{display:grid;gap:3px}
.tier-info b{font-size:14px}
.tier-info span{color:var(--muted);font-size:12px}
.count{font-size:12px;color:#dae4f0;background:rgba(255,255,255,.08);padding:7px 10px;border-radius:999px;border:1px solid rgba(255,255,255,.08)}
.zone{
  min-height:152px;max-height:380px;overflow:auto;
  padding:0 12px 12px;display:flex;flex-direction:column;gap:8px
}
.zone::-webkit-scrollbar,.library-list::-webkit-scrollbar,textarea::-webkit-scrollbar{width:10px;height:10px}
.zone::-webkit-scrollbar-thumb,.library-list::-webkit-scrollbar-thumb,textarea::-webkit-scrollbar-thumb{background:rgba(255,255,255,.12);border-radius:999px}
.song{
  display:flex;align-items:center;gap:10px;
  background:rgba(7,10,15,.78);
  border:1px solid rgba(255,255,255,.08);
  border-radius:16px;padding:11px 12px;cursor:grab;
  box-shadow:0 10px 22px rgba(0,0,0,.16);
}
.song.dragging{opacity:.32}
.handle{color:#738094;letter-spacing:.04em}
.title{flex:1;font-size:14px;font-weight:700;color:#eff5fb}
.del{padding:0;border:0;background:transparent;color:#7c8898;font-size:20px;line-height:1}
.del:hover{color:#fff;background:transparent;transform:none}
.empty-zone{
  padding:18px;border-radius:16px;border:1px dashed rgba(255,255,255,.14);
  color:#8c98a9;font-size:13px;text-align:center;background:rgba(255,255,255,.025)
}
.right-panel{padding:18px}
.add-grid{display:grid;gap:10px}
.inline{display:grid;grid-template-columns:1fr auto;gap:8px}
.muted{font-size:12px;color:var(--muted)}
.library-toolbar{display:grid;gap:10px}
.filters-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.library-list{
  display:flex;flex-direction:column;gap:10px;max-height:520px;overflow:auto;padding-right:4px
}
.library-item{
  display:grid;grid-template-columns:56px 1fr auto;gap:12px;align-items:center;
  padding:10px;border-radius:18px;border:1px solid rgba(255,255,255,.08);
  background:rgba(255,255,255,.035);cursor:pointer;
  transition:transform .16s ease, background .16s ease, border-color .16s ease, box-shadow .16s ease;
}
.library-item:hover{transform:translateY(-1px);background:rgba(255,255,255,.05);border-color:rgba(255,255,255,.12)}
.library-item.active{border-color:rgba(29,209,116,.4);box-shadow:0 0 0 1px rgba(29,209,116,.15), 0 18px 30px rgba(0,0,0,.15)}
.library-cover{
  width:56px;height:56px;border-radius:14px;overflow:hidden;
  background:linear-gradient(180deg,#1d2430,#0f151e);border:1px solid rgba(255,255,255,.06);background-size:cover;background-position:center
}
.library-cover.empty{display:grid;place-items:center;color:#7a8798;font-size:11px;letter-spacing:.1em}
.library-meta{min-width:0;display:grid;gap:4px}
.library-meta b{font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.library-meta span{font-size:12px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.library-extra{display:grid;justify-items:end;gap:6px}
.stars-mini{font-size:12px;color:#ffc44b}
.empty-library{
  padding:18px;border-radius:18px;border:1px dashed rgba(255,255,255,.12);
  text-align:center;color:#8d99aa;background:rgba(255,255,255,.025);font-size:13px
}
.helper{display:flex;justify-content:space-between;gap:12px;align-items:center;flex-wrap:wrap}
.helper .note{font-size:12px;color:var(--muted)}
.small-actions{display:flex;gap:8px;flex-wrap:wrap}
.bad{color:var(--danger)!important}
.good{color:var(--success)!important}
@media(max-width:1350px){
  .layout{grid-template-columns:minmax(300px,350px) minmax(0,1fr)}
  .right-column{grid-column:1/-1}
  .right-column .sticky{position:static}
}
@media(max-width:1080px){
  .layout{grid-template-columns:1fr}
  .sticky{position:static}
  .tier-grid{grid-template-columns:1fr}
  .tier[data-tier="?"]{grid-column:auto}
  .url-row,.inline,.filters-grid,.actions-grid{grid-template-columns:1fr}
}
@media(max-width:640px){
  .app{padding:14px}
  .brand h1{font-size:34px}
  .panel,.center-panel,.right-panel{padding:14px}
}


/* --- V3.5 desktop hierarchy pass --- */
.header{
  position:relative;
  margin-bottom:10px;
  min-height:62px;
  padding:0 76px;
}
.brand{gap:4px}
.brand .kicker{display:none}
.brand h1{font-size:36px}
.brand p{font-size:13px;max-width:620px}
.user-strip{
  position:absolute;right:0;top:0;
  margin:0;justify-content:flex-end;
}
.user-chip{
  gap:5px;padding:5px 6px;
  background:rgba(255,255,255,.035)
}
.user-chip button{
  width:30px;height:30px;padding:0;border-radius:999px;
  display:grid;place-items:center;color:var(--muted)
}
.user-chip button svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.app-tabs{margin:0 0 16px}
.app-tab{padding:8px 16px}

.layout{
  grid-template-columns:minmax(300px,360px) minmax(620px,1fr) minmax(330px,390px);
  gap:16px;
}
.center-panel{padding:16px}
.board-head{margin-bottom:12px}
.tier-grid{
  grid-template-columns:repeat(2,minmax(0,1fr));
  grid-template-rows:repeat(2,minmax(300px,1fr));
  min-height:650px;
}
.tier{min-height:300px}
.tier-grid > .tier[data-tier="?"]{display:none}
.zone{min-height:190px;max-height:460px}

.right-stack{display:grid;gap:12px}
.right-stack.sticky{top:14px}
.right-card{padding:14px}
.add-songs-card{padding:0;overflow:visible}
.add-songs-card details{position:relative}
.add-songs-card summary{
  list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:12px;
  padding:13px 15px;font-size:13px;font-weight:800;color:var(--text);
}
.add-songs-card summary::-webkit-details-marker{display:none}
.add-songs-card summary .summary-copy{display:flex;align-items:center;gap:9px}
.add-songs-card summary .plus-icon{
  width:28px;height:28px;border-radius:999px;display:grid;place-items:center;
  border:1px solid rgba(255,255,255,.09);background:rgba(255,255,255,.045);font-size:18px;font-weight:500
}
.add-songs-card summary .chevron{color:var(--muted);transition:transform .18s ease}
.add-songs-card details[open] summary .chevron{transform:rotate(180deg)}
.add-songs-body{padding:0 14px 14px;border-top:1px solid rgba(255,255,255,.06)}
.add-songs-body .add-grid{padding-top:12px}

.pending-card{padding:14px}
.pending-card .tier{min-height:0;background:transparent!important;border:0;box-shadow:none!important;border-radius:0;overflow:visible}
.pending-card .tier::before{display:none}
.pending-card .tier-head{padding:0 0 10px}
.pending-card .letter{width:40px;height:40px;border-radius:14px;font-size:23px}
.pending-card .zone{padding:0;min-height:220px;max-height:300px}
.pending-card .empty-zone{min-height:118px;display:grid;place-items:center}

.library-card-panel{padding:14px}
.library-card-panel .section{gap:11px}
.library-card-panel .library-list{max-height:330px}
.library-card-panel .library-item{grid-template-columns:48px 1fr auto;padding:8px;gap:9px}
.library-card-panel .library-cover{width:48px;height:48px;border-radius:12px}
.library-card-panel .library-meta b{font-size:13px}
.library-card-panel .library-meta span{font-size:11px}
.library-card-panel .filters-grid{gap:7px}
.library-card-panel .library-toolbar{gap:8px}

@media(max-width:1350px){
  .layout{grid-template-columns:minmax(290px,340px) minmax(0,1fr)}
  .right-column{grid-column:1/-1}
  .right-stack.sticky{position:static;grid-template-columns:minmax(260px,.65fr) minmax(320px,1fr) minmax(360px,1.2fr);align-items:start}
  .pending-card .zone{max-height:330px}
}
@media(max-width:1080px){
  .header{padding:0 56px}
  .right-stack.sticky{grid-template-columns:1fr}
  .tier-grid{grid-template-columns:1fr;grid-template-rows:none;min-height:0}
  .tier{min-height:280px}
}
@media(max-width:640px){
  .header{padding:0 0 44px}
  .user-strip{top:auto;bottom:0;right:50%;transform:translateX(50%)}
}

html[data-theme="light"] .add-songs-card summary .plus-icon{background:#fff;border-color:rgba(18,28,40,.10)}
html[data-theme="light"] .add-songs-body{border-color:rgba(18,28,40,.08)}
html[data-theme="light"] .pending-card .tier{background:transparent!important;box-shadow:none!important}

.auth-shell{
  position:fixed; inset:0; z-index:999;
  display:grid; place-items:center; padding:20px;
  background:
    radial-gradient(circle at 50% 0%, rgba(29,209,116,.12), transparent 34%),
    rgba(4,7,10,.86);
  backdrop-filter:blur(18px);
}
.auth-shell.hidden{display:none}
.auth-card{
  width:min(430px,100%);
  padding:24px;
  border-radius:28px;
  background:linear-gradient(180deg,rgba(20,27,36,.98),rgba(10,14,20,.99));
  border:1px solid rgba(255,255,255,.09);
  box-shadow:0 34px 90px rgba(0,0,0,.52);
}
.auth-brand{text-align:center;margin-bottom:20px}
.auth-brand .kicker{display:block;margin-bottom:7px}
.auth-brand h2{margin:0;font-size:34px;letter-spacing:-.055em}
.auth-brand p{margin:8px 0 0;color:var(--muted);font-size:14px}
.auth-fields{display:grid;gap:10px}
.auth-tabs{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:14px}
.auth-tab.active{background:rgba(255,255,255,.11);border-color:rgba(255,255,255,.14)}
.auth-message{min-height:20px;margin-top:10px;font-size:12px;color:var(--muted);text-align:center}
.auth-message.bad{color:var(--danger)}
.auth-message.good{color:var(--success)}
.user-strip{
  display:flex;justify-content:center;align-items:center;gap:10px;flex-wrap:wrap;
  margin-top:14px
}
.user-chip{
  display:none; align-items:center; gap:8px;
  border:1px solid rgba(255,255,255,.08);
  background:rgba(255,255,255,.045);
  padding:7px 10px;border-radius:999px;color:var(--muted);font-size:12px
}
.user-chip.visible{display:inline-flex}
.user-chip button{padding:5px 9px;border-radius:999px;font-size:11px}
.user-avatar{
  width:28px;height:28px;display:grid;place-items:center;border-radius:999px;
  background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.1);
  font-size:17px;line-height:1;filter:saturate(.92)
}
.creator-mark{display:inline-flex;align-items:center;justify-content:center;font-size:14px;line-height:1;vertical-align:middle}
.reflection-box textarea{min-height:132px;resize:vertical;line-height:1.55}
.reflection-box .reflection-meta{display:flex;justify-content:space-between;gap:10px;color:var(--muted-2);font-size:11px;margin-top:7px}


/* --- V3 local navigation + full library --- */
.app-tabs{
  display:flex;justify-content:center;align-items:center;gap:8px;
  margin:-8px 0 24px;
}
.app-tab{
  appearance:none;border:1px solid rgba(255,255,255,.08);
  background:rgba(255,255,255,.035);color:var(--muted);
  padding:10px 18px;border-radius:999px;font-weight:750;font-size:13px;
  box-shadow:none;
}
.app-tab:hover{background:rgba(255,255,255,.065);color:var(--text)}
.app-tab.active{
  background:#f5f7fa;color:#0b0e13;border-color:#f5f7fa;
  box-shadow:0 9px 28px rgba(0,0,0,.22);
}
.app-view{display:none}
.app-view.active{display:block}
.library-page{padding:22px}
.library-page-head{
  display:flex;align-items:flex-end;justify-content:space-between;gap:18px;
  margin-bottom:20px;flex-wrap:wrap;
}
.library-page-copy{display:grid;gap:5px}
.library-page-copy h2{margin:0;font-size:24px;letter-spacing:-.04em}
.library-page-copy p{margin:0;color:var(--muted);font-size:13px}
.library-page-controls{
  display:grid;grid-template-columns:minmax(220px,1.55fr) minmax(160px,.8fr) minmax(140px,.65fr) minmax(160px,.8fr) auto;
  gap:10px;align-items:center;
}
.library-page-meta{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:14px 2px 18px;color:var(--muted);font-size:12px}
.library-grid{
  display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:18px;
}
.library-card{
  min-width:0;border:1px solid rgba(255,255,255,.075);border-radius:22px;
  background:linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.025));
  overflow:hidden;cursor:pointer;transition:transform .18s ease,border-color .18s ease,background .18s ease,box-shadow .18s ease;
}
.library-card:hover{
  transform:translateY(-3px);border-color:rgba(255,255,255,.15);
  background:linear-gradient(180deg,rgba(255,255,255,.075),rgba(255,255,255,.035));
  box-shadow:0 20px 45px rgba(0,0,0,.26);
}
.library-card.active{border-color:rgba(29,209,116,.38);box-shadow:0 0 0 1px rgba(29,209,116,.12),0 20px 45px rgba(0,0,0,.22)}
.library-card-cover{
  aspect-ratio:1/1;background:#0c1118 center/cover no-repeat;position:relative;
}
.library-card-cover.empty{display:grid;place-items:center;color:#69778a;font-size:11px;letter-spacing:.16em;font-weight:750}
.library-card-cover:after{content:"";position:absolute;inset:auto 0 0;height:32%;background:linear-gradient(180deg,transparent,rgba(0,0,0,.28));pointer-events:none}
.library-card-body{padding:14px 14px 15px;display:grid;gap:7px}
.library-card-title{font-weight:800;font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;letter-spacing:-.02em}
.library-card-artist{color:var(--muted);font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.library-card-foot{display:flex;align-items:flex-end;justify-content:space-between;gap:10px;margin-top:5px}
.library-card-rating{color:#ffc44b;letter-spacing:.04em;font-size:12px;min-height:15px}
.library-card-date{font-size:11px;color:var(--muted-2)}
.library-page-empty{grid-column:1/-1;padding:48px 20px;text-align:center;border:1px dashed rgba(255,255,255,.12);border-radius:24px;color:var(--muted);background:rgba(255,255,255,.02)}
@media(max-width:1050px){.library-page-controls{grid-template-columns:1fr 1fr}.library-page-controls button{grid-column:auto}.library-grid{grid-template-columns:repeat(auto-fill,minmax(170px,1fr))}}
@media(max-width:640px){.app-tabs{margin-top:0}.library-page{padding:16px}.library-page-controls{grid-template-columns:1fr}.library-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}}



/* Theme toggle */
html[data-theme="light"]{background:#eef1f5}
html[data-theme="light"] body{
  color:#131820;
  background:#eef1f5;
}
html[data-theme="light"] body::before{
  background:
    radial-gradient(circle at 15% 10%, rgba(28,128,116,.10), transparent 28%),
    radial-gradient(circle at 85% 0%, rgba(95,73,220,.11), transparent 30%),
    radial-gradient(circle at 50% 100%, rgba(255,122,104,.09), transparent 24%),
    linear-gradient(180deg,#f8fafc 0%,#edf1f5 100%);
}
html[data-theme="light"]{
  --bg:#f3f5f8;
  --bg2:#edf1f5;
  --panel:#ffffff;
  --panel-2:#f7f9fb;
  --panel-3:#eef2f6;
  --line:rgba(13,21,32,.09);
  --line-2:rgba(13,21,32,.15);
  --text:#151a21;
  --muted:#657181;
  --muted-2:#8792a0;
  --shadow:0 24px 70px rgba(31,42,55,.10);
}
html[data-theme="light"] .card{
  background:linear-gradient(180deg,rgba(255,255,255,.97),rgba(248,250,252,.98));
  border-color:rgba(13,21,32,.08);
}
html[data-theme="light"] input,
html[data-theme="light"] select,
html[data-theme="light"] textarea{
  background:rgba(255,255,255,.84);
  color:var(--text);
  border-color:rgba(13,21,32,.10);
}
html[data-theme="light"] input::placeholder,
html[data-theme="light"] textarea::placeholder{color:#8a95a3}
html[data-theme="light"] button:not(.primary){background:rgba(255,255,255,.68)}
html[data-theme="light"] button:not(.primary):hover{background:#fff}
html[data-theme="light"] .kicker{color:#728092}
html[data-theme="light"] 

/* Light theme polish: real light surfaces, not dark cards under white chrome */
html[data-theme="light"] .art{
  border-color:rgba(18,28,40,.10);
  background:
    radial-gradient(circle at 25% 15%, rgba(255,255,255,.9), transparent 24%),
    linear-gradient(180deg,#f7f9fc,#e7ecf2);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.8),0 18px 40px rgba(31,42,55,.10);
}
html[data-theme="light"] .art:after{background:linear-gradient(180deg,transparent,rgba(22,30,40,.12))}
html[data-theme="light"] .rating{
  border-color:rgba(18,28,40,.09);
  background:linear-gradient(180deg,#ffffff,#f4f7fa);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.9);
}
html[data-theme="light"] .rating-value{color:#293241}
html[data-theme="light"] .star{color:#a8b2bf}
html[data-theme="light"] .star.active{color:#e9a91e;filter:drop-shadow(0 0 8px rgba(233,169,30,.12))}
html[data-theme="light"] .action-icon{
  background:rgba(255,255,255,.78);border-color:rgba(18,28,40,.10);color:#465263;
}
html[data-theme="light"] .action-icon:hover{background:#fff;border-color:rgba(18,28,40,.16)}
html[data-theme="light"] .action-icon.primary-icon{background:rgba(24,177,97,.10);border-color:rgba(24,177,97,.22);color:#138b4d}
html[data-theme="light"] .action-sep{background:rgba(18,28,40,.10)}
html[data-theme="light"] .status,
html[data-theme="light"] .pill{
  background:rgba(255,255,255,.66);border-color:rgba(18,28,40,.09);color:#596677;
}
html[data-theme="light"] .tier{
  border-color:rgba(18,28,40,.10);
  box-shadow:0 12px 28px rgba(31,42,55,.06);
}
html[data-theme="light"] .tier::before{
  background:linear-gradient(180deg,rgba(255,255,255,.30),rgba(255,255,255,0) 42%);
}
html[data-theme="light"] .tier[data-tier="S"]{background:linear-gradient(180deg,rgba(255,122,104,.22) 0%,#fff 47%,#f6f8fa 100%);box-shadow:inset 0 0 0 1px rgba(255,122,104,.12),0 12px 28px rgba(31,42,55,.06)}
html[data-theme="light"] .tier[data-tier="A"]{background:linear-gradient(180deg,rgba(255,188,95,.24) 0%,#fff 47%,#f6f8fa 100%);box-shadow:inset 0 0 0 1px rgba(255,188,95,.13),0 12px 28px rgba(31,42,55,.06)}
html[data-theme="light"] .tier[data-tier="B"]{background:linear-gradient(180deg,rgba(110,231,168,.22) 0%,#fff 47%,#f6f8fa 100%);box-shadow:inset 0 0 0 1px rgba(63,184,120,.11),0 12px 28px rgba(31,42,55,.06)}
html[data-theme="light"] .tier[data-tier="C"]{background:linear-gradient(180deg,rgba(104,185,255,.22) 0%,#fff 47%,#f6f8fa 100%);box-shadow:inset 0 0 0 1px rgba(58,147,223,.11),0 12px 28px rgba(31,42,55,.06)}
html[data-theme="light"] .tier[data-tier="?"]{background:linear-gradient(180deg,rgba(152,164,184,.19) 0%,#fff 47%,#f6f8fa 100%);box-shadow:inset 0 0 0 1px rgba(111,126,149,.10),0 12px 28px rgba(31,42,55,.06)}
html[data-theme="light"] .letter{color:#fff;border-color:rgba(255,255,255,.45);box-shadow:inset 0 1px 0 rgba(255,255,255,.35)}
html[data-theme="light"] .tier[data-tier="S"] .letter{background:#ed7e70}
html[data-theme="light"] .tier[data-tier="A"] .letter{background:#e3ad57}
html[data-theme="light"] .tier[data-tier="B"] .letter{background:#58bd88}
html[data-theme="light"] .tier[data-tier="C"] .letter{background:#64aee7}
html[data-theme="light"] .tier[data-tier="?"] .letter{background:#9da8b8}
html[data-theme="light"] .count{color:#667385;background:rgba(255,255,255,.58);border-color:rgba(18,28,40,.08)}
html[data-theme="light"] .empty-zone,
html[data-theme="light"] .empty-library,
html[data-theme="light"] .library-page-empty{
  color:#8a96a5;background:rgba(255,255,255,.42);border-color:rgba(18,28,40,.12);
}
html[data-theme="light"] .song{
  background:rgba(255,255,255,.86);border-color:rgba(18,28,40,.09);box-shadow:0 8px 18px rgba(31,42,55,.07);
}
html[data-theme="light"] .title{color:#1d2530}
html[data-theme="light"] .handle{color:#8b96a5}
html[data-theme="light"] .del{color:#8b96a5}
html[data-theme="light"] .del:hover{color:#283240}
html[data-theme="light"] .zone::-webkit-scrollbar-thumb,
html[data-theme="light"] .library-list::-webkit-scrollbar-thumb,
html[data-theme="light"] textarea::-webkit-scrollbar-thumb{background:rgba(18,28,40,.14)}
html[data-theme="light"] .library-item{
  background:rgba(255,255,255,.62);border-color:rgba(18,28,40,.09);
}
html[data-theme="light"] .library-item:hover{background:#fff;border-color:rgba(18,28,40,.14)}
html[data-theme="light"] .library-cover{background:linear-gradient(180deg,#edf1f5,#dfe5ec);border-color:rgba(18,28,40,.08)}
html[data-theme="light"] .user-chip{background:rgba(255,255,255,.70);border-color:rgba(18,28,40,.09)}
html[data-theme="light"] .user-avatar{background:#fff;border-color:rgba(18,28,40,.10)}
html[data-theme="light"] .app-tab{background:rgba(255,255,255,.60);border-color:rgba(18,28,40,.09);color:#687486}
html[data-theme="light"] .app-tab:hover{background:#fff;color:#1f2732}
html[data-theme="light"] .app-tab.active{background:#1c2430;color:#fff;border-color:#1c2430;box-shadow:0 8px 22px rgba(31,42,55,.13)}
html[data-theme="light"] .library-card{
  background:linear-gradient(180deg,#fff,#f6f8fa);border-color:rgba(18,28,40,.09);
}
html[data-theme="light"] .library-card:hover{
  background:#fff;border-color:rgba(18,28,40,.15);box-shadow:0 18px 38px rgba(31,42,55,.11);
}
html[data-theme="light"] .library-card-cover{background:#e9eef3 center/cover no-repeat}
html[data-theme="light"] .library-card-cover:after{background:linear-gradient(180deg,transparent,rgba(24,32,42,.12))}
html[data-theme="light"] .auth-shell{background:radial-gradient(circle at 50% 0%,rgba(29,209,116,.09),transparent 34%),rgba(238,242,246,.84)}
html[data-theme="light"] .auth-card{background:linear-gradient(180deg,#fff,#f5f7fa);border-color:rgba(18,28,40,.09);box-shadow:0 30px 80px rgba(31,42,55,.16)}
html[data-theme="light"] .auth-tab.active{background:#eef2f6;border-color:rgba(18,28,40,.11)}
.theme-float{
  background:rgba(255,255,255,.78);
  color:#202733;
  border-color:rgba(13,21,32,.10);
  box-shadow:0 10px 30px rgba(31,42,55,.12);
}
.theme-float{
  position:fixed;
  right:22px;
  bottom:22px;
  z-index:1200;
  width:44px;
  height:44px;
  padding:0;
  border-radius:999px;
  display:grid;
  place-items:center;
  color:var(--text);
  background:rgba(15,20,28,.72);
  border:1px solid rgba(255,255,255,.10);
  box-shadow:0 12px 34px rgba(0,0,0,.28);
  backdrop-filter:blur(16px);
  -webkit-backdrop-filter:blur(16px);
}
.theme-float:hover{transform:translateY(-2px);background:rgba(22,29,39,.88)}
.theme-float svg{width:19px;height:19px;stroke:currentColor;fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.theme-float .icon-sun{display:none}
html[data-theme="light"] .theme-float .icon-sun{display:block}
html[data-theme="light"] .theme-float .icon-moon{display:none}
@media(max-width:720px){.theme-float{right:14px;bottom:14px;width:42px;height:42px}}




@media (min-width: 1100px){
  html,body{height:100%;overflow:hidden}
  body{min-height:100%;}
  .app{height:100vh;max-width:none;padding:0 28px 18px;display:grid;grid-template-rows:58px 1fr;overflow:hidden}
  .header{height:58px;padding:0;display:flex;align-items:center;justify-content:space-between;margin:0;border:0;background:transparent}
  .brand{display:none}
  .header::before{content:"AR";display:grid;place-items:center;width:34px;height:34px;border:1px solid var(--border);border-radius:10px;font-weight:900;letter-spacing:-.04em;background:var(--panel)}
  .user-strip{position:static;margin-left:auto}
  .user-chip{height:36px;padding:3px 5px;border-radius:12px}
  .user-avatar{width:28px;height:28px;font-size:16px}
  .user-chip .ghost{width:28px;height:28px;padding:5px;border-radius:8px}
  .app-tabs{position:absolute;top:11px;left:50%;transform:translateX(-50%);margin:0;z-index:20;gap:4px}
  .app-tab{height:36px;padding:0 16px;border-radius:10px;font-size:13px}
  .app-view.active{min-height:0;height:100%;overflow:hidden}
  #editorView{grid-row:2}
  .layout{height:100%;min-height:0;display:grid;grid-template-columns:minmax(270px, 23%) minmax(0,1fr) minmax(280px, 25%);gap:14px;padding:0;margin:0;align-items:stretch}
  .left-column,.center-column,.right-column{min-height:0;height:100%}
  .sticky,.right-stack.sticky{position:static;top:auto}
  .left-column>.panel{height:100%;display:grid;grid-template-rows:auto auto auto;gap:10px;padding:0;background:transparent;border:0;box-shadow:none;overflow:hidden}
  .left-column>.panel>.section{margin:0;border:1px solid var(--border);border-radius:18px;background:var(--panel);padding:12px}
  .left-column>.panel>.section:nth-of-type(1),.left-column>.panel>.section:nth-of-type(2){border:0;background:transparent;padding:0}
  .left-column>.panel>.album-card-v36{border:1px solid var(--border);border-radius:18px;background:var(--panel);padding:12px;min-height:0;overflow:hidden}
  .album-card-v36 .art-wrap{padding:0!important;border:0!important;background:transparent!important}
  .album-card-v36 .section:nth-child(2){padding:10px 0 0!important;border:0!important;background:transparent!important}
  .art{aspect-ratio:1/1;min-height:0;max-height:35vh}
  .url-row{margin-top:10px;grid-template-columns:minmax(0,1fr) auto auto}
  .section-head p,.board-copy p{display:none}
  .input-grid{gap:8px}
  .label span{font-size:10px}
  input,textarea,select,button{min-height:34px}
  .rating{padding:12px;border-radius:16px}
  .rating .stars{gap:4px}.star{font-size:27px}
  .reflection-shell-v36{border:1px solid var(--border);border-radius:18px;background:var(--panel);overflow:hidden;min-height:46px}
  .reflection-toggle-v36{width:100%;height:46px;display:flex;align-items:center;justify-content:space-between;padding:0 14px;background:transparent;border:0;color:var(--text);font-weight:800;cursor:pointer}
  .reflection-body-v36{display:none;padding:0 12px 12px}
  .reflection-shell-v36.open .reflection-body-v36{display:block}
  .reflection-shell-v36.open .reflection-toggle-v36 .chev{transform:rotate(180deg)}
  .reflection-body-v36 textarea{min-height:112px;max-height:150px;resize:none}
  .center-column{display:grid;grid-template-rows:minmax(0,1fr) 48px;gap:10px}
  .center-panel{height:100%;min-height:0;padding:12px;display:grid;grid-template-rows:36px minmax(0,1fr);overflow:hidden}
  .board-head{min-height:0;align-items:center}.board-copy h2{font-size:16px}.board-meta{gap:6px}.pill{padding:6px 9px;font-size:10px}
  .tier-grid{min-height:0;height:100%;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:10px}
  .tier{min-height:0;height:100%;display:grid;grid-template-rows:auto minmax(0,1fr);overflow:hidden}
  .tier-head{padding:10px 11px}.tier-info span{display:none}.tier .zone{min-height:0;overflow:visible;padding:8px;align-content:start}
  .song-item{min-height:34px;padding:6px 8px}
  .actions-dock-v36{height:48px;border:1px solid var(--border);border-radius:16px;background:var(--panel);display:flex;align-items:center;justify-content:center;padding:5px 10px;overflow:hidden}
  .actions-dock-v36 .section-head{display:none}.actions-dock-v36 .actions-grid{margin:0;width:auto;display:flex;gap:7px}.actions-dock-v36 .status{display:none}
  .right-stack{height:100%;min-height:0;display:grid;grid-template-rows:auto minmax(170px,38%) minmax(0,1fr);gap:10px;overflow:hidden}
  .add-songs-card{min-height:44px;overflow:hidden}.add-songs-card summary{height:44px;padding:0 12px}.add-songs-card details[open] .add-songs-body{max-height:210px;overflow:hidden}.add-songs-body{padding:8px 10px 10px}.add-grid{gap:7px}.add-grid textarea{min-height:70px;max-height:70px;resize:none}
  .pending-card{min-height:0;height:100%;overflow:hidden;padding:0}.pending-card .tier{height:100%;border:0;border-radius:inherit}.pending-card .zone{overflow:visible}
  .library-card-panel{min-height:0;height:100%;overflow:hidden;display:flex;flex-direction:column}.library-card-panel>.section{height:100%;min-height:0;display:grid;grid-template-rows:auto auto auto minmax(0,1fr);overflow:hidden;padding:10px}.library-card-panel .section-head p{display:none}.library-toolbar{gap:6px}.filters-grid{gap:6px}.library-list{min-height:0;overflow-y:auto;padding-right:4px}
  .library-item{padding:8px;min-height:54px}
  .theme-fab{position:fixed!important}
}



@media (min-width:1100px){
  /* 1. Keep the existing V3.6 architecture. Only tighten the pieces below. */

  /* Cover is always a true square. */
  .album-card-v36 .art{
    width:100%!important;
    height:auto!important;
    max-height:none!important;
    aspect-ratio:1 / 1!important;
  }

  /* Left column: album card + reflection. Rating leaves this column. */
  .left-column>.panel{
    grid-template-rows:minmax(0,1fr) auto!important;
  }
  .album-card-v36{overflow:hidden!important}
  .reflection-shell-v36{min-height:48px}
  .reflection-toggle-v36{height:48px}
  .reflection-body-v36{padding:0 12px 12px}
  .reflection-shell-v36.open .reflection-body-v36{display:block}
  .reflection-body-v36 textarea{
    min-height:180px!important;
    max-height:220px!important;
    resize:none!important;
  }
  .reflection-body-v36 .section-head p{display:block!important;font-size:11px;color:var(--muted)}

  /* Tier board gets an extra compact utility row without changing its core layout. */
  .center-column{
    grid-template-rows:minmax(0,1fr) 54px!important;
  }
  .center-panel{
    grid-template-rows:36px minmax(0,1fr)!important;
  }
  .tier .zone{
    min-height:0!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
    scrollbar-width:thin;
    padding:8px!important;
  }
  .tier .zone::-webkit-scrollbar{width:7px}
  .tier .zone::-webkit-scrollbar-thumb{background:rgba(255,255,255,.10);border-radius:99px}
  .tier .zone::-webkit-scrollbar-track{background:transparent}

  /* Rating and actions share the existing bottom dock. */
  .actions-dock-v36{
    height:54px!important;
    display:grid!important;
    grid-template-columns:minmax(220px,290px) 1fr!important;
    gap:12px!important;
    justify-content:stretch!important;
    padding:6px 10px!important;
  }
  .rating-dock-v361{
    min-width:0;
    display:flex;
    align-items:center;
    height:100%;
  }
  .rating-dock-v361 .rating{
    width:100%;height:100%;
    padding:6px 10px!important;
    border:0!important;
    background:transparent!important;
    border-radius:12px!important;
    display:grid!important;
    grid-template-columns:auto 1fr;
    align-items:center;
    gap:8px!important;
  }
  .rating-dock-v361 .rating-top{display:flex!important;gap:8px;min-width:0}
  .rating-dock-v361 .rating-copy span{display:none!important}
  .rating-dock-v361 .rating-copy b{font-size:11px!important;white-space:nowrap}
  .rating-dock-v361 .rating-value{font-size:12px!important;white-space:nowrap}
  .rating-dock-v361 .stars{gap:2px!important;justify-content:flex-start;flex-wrap:nowrap!important}
  .rating-dock-v361 .star{font-size:22px!important}
  .actions-dock-v36>.section{
    margin:0!important;padding:0!important;border:0!important;background:transparent!important;
    display:flex!important;align-items:center;justify-content:flex-end;min-width:0;
  }
  .actions-dock-v36 .actions-grid{justify-content:flex-end!important}

  /* Right column: pending remains fixed; lower workspace alternates Library/Add. */
  .right-stack{
    grid-template-rows:minmax(230px,42%) minmax(0,1fr)!important;
    gap:10px!important;
  }
  .pending-card{
    border:1px solid var(--border)!important;
    border-radius:18px!important;
    background:var(--panel)!important;
    padding:0!important;
    overflow:hidden!important;
  }
  .pending-card .tier{
    border:0!important;
    border-radius:0!important;
    box-shadow:none!important;
    background:transparent!important;
    overflow:hidden!important;
  }
  .pending-card .tier::before{display:none!important}
  .pending-card .tier-head{padding:11px 12px!important}
  .pending-card .zone{
    overflow-y:auto!important;
    overflow-x:hidden!important;
    padding:8px 10px 10px!important;
    scrollbar-width:thin;
  }

  .side-workspace-v361{
    min-height:0;height:100%;
    border:1px solid var(--border);
    border-radius:18px;
    background:var(--panel);
    overflow:hidden;
    display:grid;
    grid-template-rows:46px minmax(0,1fr);
  }
  .side-switch-v361{
    display:flex;align-items:center;gap:4px;padding:5px;
    border-bottom:1px solid var(--border);
    background:rgba(255,255,255,.018);
  }
  .side-switch-v361 button{
    flex:1;height:34px;min-height:34px!important;padding:0 10px!important;
    border:0!important;border-radius:999px!important;
    background:transparent!important;color:var(--muted)!important;
    font-size:12px;font-weight:800;box-shadow:none!important;transform:none!important;
    transition:background .22s ease,color .22s ease,box-shadow .22s ease,transform .22s ease!important;
  }
  .side-switch-v361 button.active{
    background:linear-gradient(180deg,#1ed760,#18b957)!important;
    color:#061109!important;
    box-shadow:0 6px 18px rgba(30,215,96,.22)!important;
  }
  .side-panels-v361{min-height:0;height:100%}
  .side-panel-v361{display:none;height:100%;min-height:0;overflow:hidden}
  .side-panel-v361.active{display:block}
  .side-panel-v361 .add-songs-card,
  .side-panel-v361 .library-card-panel{
    height:100%!important;min-height:0!important;
    border:0!important;border-radius:0!important;box-shadow:none!important;background:transparent!important;
  }
  .side-panel-v361 .add-songs-card{padding:10px!important;overflow:auto!important}
  .side-panel-v361 .add-songs-card details{height:auto}
  .side-panel-v361 .add-songs-card summary{display:none!important}
  .side-panel-v361 .add-songs-card .add-songs-body{display:block!important;max-height:none!important;padding:0!important;overflow:visible!important}
  .side-panel-v361 .add-grid textarea{min-height:105px!important;max-height:105px!important}

  /* Library: no cover can escape its item. Only the list scrolls. */
  .side-panel-v361 .library-card-panel{padding:0!important;display:block!important}
  .side-panel-v361 .library-card-panel>.section{
    height:100%;min-height:0;
    display:grid!important;
    grid-template-rows:auto auto auto minmax(0,1fr)!important;
    padding:10px!important;
    overflow:hidden!important;
  }
  .library-list{overflow-y:auto!important;overflow-x:hidden!important;min-width:0!important}
  .library-item{
    width:100%!important;max-width:100%!important;min-width:0!important;
    grid-template-columns:44px minmax(0,1fr) auto!important;
    gap:9px!important;overflow:hidden!important;
  }
  .library-cover{
    width:44px!important;height:44px!important;min-width:44px!important;max-width:44px!important;
    aspect-ratio:1/1!important;border-radius:11px!important;overflow:hidden!important;
    background-size:cover!important;background-position:center!important;background-repeat:no-repeat!important;
  }
  .library-meta,.library-extra{min-width:0!important;max-width:100%!important}

  /* Main New album / Library switch: same function, just visually reads as a switch. */
  .app-tabs{
    gap:3px!important;padding:4px!important;
    border:1px solid var(--border)!important;
    border-radius:999px!important;
    background:rgba(255,255,255,.035)!important;
  }
  .app-tab{
    height:34px!important;min-height:34px!important;
    padding:0 17px!important;border:0!important;border-radius:999px!important;
    color:var(--muted)!important;background:transparent!important;box-shadow:none!important;
    transform:none!important;
    transition:background .24s ease,color .24s ease,box-shadow .24s ease,transform .24s ease!important;
  }
  .app-tab.active{
    background:linear-gradient(180deg,#1ed760,#18b957)!important;
    color:#061109!important;
    box-shadow:0 7px 20px rgba(30,215,96,.25)!important;
  }
  .app-view{opacity:0;transform:translateY(4px);pointer-events:none;transition:opacity .18s ease,transform .18s ease}
  .app-view.active{opacity:1;transform:translateY(0);pointer-events:auto}
}
html[data-theme="light"] .side-switch-v361{background:rgba(15,23,42,.025)}
html[data-theme="light"] .app-tabs{background:rgba(15,23,42,.035)!important}
html[data-theme="light"] .pending-card,html[data-theme="light"] .side-workspace-v361{background:var(--panel)!important}



@media (min-width:1100px){
  /* Reflection: only the tab title lives in the header. No repeated copy inside. */
  .reflection-body-v36 .section-head{display:none!important}
  .reflection-body-v36{padding:10px 12px 12px!important}
  .reflection-body-v36 textarea{min-height:188px!important;max-height:240px!important}

  /* Cover URL tools: icon-only, same minimal family as the main toolbar. */
  .url-row{grid-template-columns:minmax(0,1fr) 36px 36px!important;align-items:center;gap:8px!important}
  .cover-tool-btn{
    width:36px;height:36px;min-height:36px!important;padding:0!important;border-radius:12px!important;
    display:grid!important;place-items:center;border:1px solid var(--border)!important;
    background:rgba(255,255,255,.04)!important;color:var(--text)!important;box-shadow:none!important;
    transition:transform .18s ease,background .18s ease,border-color .18s ease,opacity .18s ease!important;
  }
  .cover-tool-btn:hover{transform:translateY(-1px);background:rgba(255,255,255,.08)!important}
  .cover-tool-btn svg{width:16px;height:16px;stroke:currentColor;fill:none;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
  .cover-tool-btn.apply-icon{color:#1ed760!important;border-color:rgba(30,215,96,.28)!important;background:rgba(30,215,96,.08)!important}
  .cover-tool-btn.apply-icon:hover{background:rgba(30,215,96,.14)!important}
  .cover-tool-btn.clear-icon{color:var(--muted)!important}
  html[data-theme="light"] .cover-tool-btn{background:#fff!important}
  html[data-theme="light"] .cover-tool-btn.apply-icon{background:rgba(30,215,96,.12)!important}

  /* Add-songs tab must actually show its content. */
  .side-panel-v361 .add-songs-card details[open] .add-songs-body,
  .side-panel-v361 .add-songs-card .add-songs-body{display:block!important;visibility:visible!important;opacity:1!important}
  .side-panel-v361 .add-songs-card details{display:block!important}
  .side-panel-v361 .add-songs-card .add-grid{display:grid!important;gap:10px!important}
}



@media (min-width:1100px){
  /* Lateral library is now intentionally lightweight: search + list only. */
  .side-panel-v361 .library-card-panel>.section{
    grid-template-rows:auto auto minmax(0,1fr)!important;
    gap:9px!important;
  }
  .side-panel-v361 .library-card-panel .section-head{margin:0!important}
  .side-panel-v361 .library-card-panel .section-head p{display:none!important}
  .side-panel-v361 .library-toolbar{
    display:grid!important;
    grid-template-rows:38px 32px!important;
    gap:7px!important;
  }
  .side-panel-v361 .library-toolbar>.filters-grid{display:none!important}
  .side-panel-v361 .library-toolbar #searchLibrary{
    height:38px!important;min-height:38px!important;padding:0 12px!important;border-radius:12px!important;
  }
  .side-panel-v361 .library-toolbar .helper{
    min-height:32px;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:8px!important;flex-wrap:nowrap!important;
  }
  .side-panel-v361 .library-toolbar .helper .note{
    min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:10px!important;
  }
  .side-panel-v361 #refreshLibrary{
    min-height:30px!important;height:30px!important;padding:0 10px!important;border-radius:10px!important;font-size:11px!important;
  }

  /* Every compact-library cover owns the exact same square slot. */
  .side-panel-v361 .library-list{gap:7px!important;padding-right:3px!important}
  .side-panel-v361 .library-item{
    grid-template-columns:46px minmax(0,1fr) minmax(76px,auto)!important;
    min-height:60px!important;height:60px!important;
    padding:6px 8px!important;gap:9px!important;align-items:center!important;overflow:hidden!important;
  }
  .side-panel-v361 .library-cover{
    box-sizing:border-box!important;
    width:46px!important;height:46px!important;min-width:46px!important;min-height:46px!important;
    max-width:46px!important;max-height:46px!important;aspect-ratio:1/1!important;
    justify-self:center!important;align-self:center!important;display:block!important;
    border-radius:11px!important;overflow:hidden!important;
    background-size:cover!important;background-position:50% 50%!important;background-repeat:no-repeat!important;
    flex:none!important;
  }
  .side-panel-v361 .library-cover.empty{display:grid!important;place-items:center!important}
  .side-panel-v361 .library-meta{align-self:center!important;gap:2px!important}
  .side-panel-v361 .library-meta b{font-size:12px!important;line-height:1.15!important}
  .side-panel-v361 .library-meta span{font-size:10px!important;line-height:1.15!important}
  .side-panel-v361 .library-extra{align-self:center!important;gap:3px!important;max-width:92px!important}
  .side-panel-v361 .library-extra .stars-mini{font-size:10px!important;white-space:nowrap!important}
  .side-panel-v361 .library-extra .album-byline{font-size:10px!important;white-space:nowrap!important}

  /* Full library controls: one consistent control system, because native select chaos is not a design language. */
  .library-page-controls{
    grid-template-columns:minmax(280px,1.55fr) minmax(180px,.8fr) minmax(170px,.72fr) minmax(180px,.8fr) 128px!important;
    gap:10px!important;align-items:stretch!important;
  }
  .library-page-controls input,
  .library-page-controls select,
  .library-page-controls button{
    box-sizing:border-box!important;
    height:44px!important;min-height:44px!important;max-height:44px!important;
    margin:0!important;border-radius:13px!important;padding:0 14px!important;
    font-size:13px!important;line-height:1!important;
  }
  .library-page-controls select{
    appearance:auto!important;
    -webkit-appearance:auto!important;
    background-color:rgba(6,9,14,.82)!important;
  }
  .library-page-controls button{display:flex!important;align-items:center!important;justify-content:center!important;white-space:nowrap!important}
  .library-page-meta{margin:12px 2px 16px!important}

  html[data-theme="light"] .library-page-controls select{
    background-color:#fff!important;
  }
}



@media (min-width:1100px){
  /* Right-side library becomes a simple recent overview. */
  .side-panel-v361 .library-card-panel>.section{grid-template-rows:auto minmax(0,1fr)!important;gap:8px!important}
  .side-panel-v361 .library-card-panel .section-head,
  .side-panel-v361 .library-card-panel #searchLibrary,
  .side-panel-v361 .library-card-panel .filters-grid,
  .side-panel-v361 .library-card-panel #clearFilters{display:none!important}
  .side-panel-v361 .library-card-panel .library-toolbar{
    display:flex!important;align-items:center;justify-content:space-between;gap:10px!important;
    min-height:34px!important
  }
  .side-panel-v361 .library-card-panel .library-toolbar .helper{
    width:100%;min-height:34px!important;display:flex!important;align-items:center;justify-content:space-between!important;gap:12px!important;
  }
  .side-panel-v361 .library-card-panel .library-toolbar .helper .note{
    color:var(--muted)!important;font-size:12px!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis
  }
  .side-panel-v361 .library-card-panel .library-toolbar .small-actions{display:flex!important;align-items:center;gap:8px}
  .side-panel-v361 .library-card-panel .library-toolbar .small-actions .ghost{
    height:34px!important;min-height:34px!important;padding:0 14px!important;border-radius:12px!important
  }
  .side-panel-v361 .library-card-panel .library-list{max-height:none!important;gap:9px!important}

  /* Full library controls: make them consistent with the rest of the UI. */
  .library-page-controls{grid-template-columns:minmax(220px,1.65fr) repeat(3,minmax(170px,.82fr)) auto!important;gap:10px!important}
  .library-page-controls input,
  .library-page-controls select,
  .library-page-controls button,
  .library-page-meta .ghost{
    height:44px!important;min-height:44px!important;padding:0 14px!important;border-radius:14px!important;
    border:1px solid var(--border)!important;background:rgba(7,10,15,.78)!important;color:var(--text)!important;
    font-size:14px!important;line-height:44px!important;box-shadow:none!important
  }
  .library-page-controls input::placeholder{color:var(--muted)!important}
  .library-page-controls select,
  .library-page-controls select option{color:var(--text)!important}
  .library-page-controls button,
  .library-page-meta .ghost{background:rgba(255,255,255,.035)!important}
  .library-page-meta{align-items:center!important}
  html[data-theme="light"] .library-page-controls input,
  html[data-theme="light"] .library-page-controls select,
  html[data-theme="light"] .library-page-controls button,
  html[data-theme="light"] .library-page-meta .ghost{
    background:#fff!important;color:#132031!important;border-color:rgba(18,28,40,.1)!important
  }
  html[data-theme="light"] .library-page-controls input::placeholder{color:#7b8798!important}
}



@media (min-width:1100px){
  /* Recent overview: fixed, non-scrollable, exactly sized for the block. */
  .side-panel-v361 .library-card-panel .library-list{
    overflow:hidden!important;
    padding-right:0!important;
    gap:7px!important;
    max-height:none!important;
  }
  .side-panel-v361 .library-card-panel .library-item{
    grid-template-columns:38px minmax(0,1fr) auto!important;
    gap:7px!important;
    min-height:48px!important;
    padding:6px 7px!important;
    border-radius:14px!important;
  }
  .side-panel-v361 .library-card-panel .library-cover{
    width:38px!important;height:38px!important;min-width:38px!important;max-width:38px!important;
    border-radius:9px!important;
  }
  .side-panel-v361 .library-card-panel .library-meta{gap:2px!important}
  .side-panel-v361 .library-card-panel .library-meta b{font-size:12px!important;line-height:1.1!important}
  .side-panel-v361 .library-card-panel .library-meta span{font-size:10px!important;line-height:1.1!important}
  .side-panel-v361 .library-card-panel .library-extra{gap:3px!important}
  .side-panel-v361 .library-card-panel .library-extra .stars-mini{font-size:10px!important}
  .side-panel-v361 .library-card-panel .library-extra .date{font-size:9px!important}
}



@media (min-width:1100px){
  /* Restore cloud/action feedback inside the compact dock, left of the icons. */
  .actions-dock-v36 > .section{
    flex:1 1 auto!important;
    width:100%!important;
    display:flex!important;
    flex-direction:row!important;
    align-items:center!important;
    justify-content:flex-end!important;
    gap:12px!important;
    min-width:0!important;
  }
  .actions-dock-v36 .status{
    display:block!important;
    order:-1!important;
    flex:1 1 auto!important;
    min-width:0!important;
    padding:0!important;
    margin:0!important;
    border:0!important;
    background:transparent!important;
    border-radius:0!important;
    color:var(--muted)!important;
    font-size:11px!important;
    line-height:1.25!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }
  .actions-dock-v36 .status.good{color:#63d99a!important}
  .actions-dock-v36 .status.bad{color:#ff8f89!important}
  .actions-dock-v36 .actions-grid{
    flex:0 0 auto!important;
    margin-left:auto!important;
  }
  html[data-theme="light"] .actions-dock-v36 .status{color:#758398!important}
  html[data-theme="light"] .actions-dock-v36 .status.good{color:#16864c!important}
  html[data-theme="light"] .actions-dock-v36 .status.bad{color:#c44b48!important}
}



@media (min-width:1100px){
  .pending-card .tier{
    height:100%!important;
    display:grid!important;
    grid-template-rows:auto minmax(0,1fr)!important;
  }
  .pending-card .zone{
    min-height:0!important;
    height:100%!important;
    max-height:none!important;
    display:flex!important;
    flex-direction:column!important;
    padding:8px 10px 10px!important;
  }
  .pending-card .zone .empty-zone{
    flex:1 1 auto!important;
    width:100%!important;
    min-height:0!important;
    height:100%!important;
    margin:0!important;
    display:grid!important;
    place-items:center!important;
    padding:24px!important;
  }
}



/* Theme control moves into the header next to the user. */
.theme-float{display:none!important}
.theme-switch-v370{
  height:36px;min-height:36px!important;padding:3px!important;border-radius:999px!important;
  display:inline-flex;align-items:center;gap:2px;border:1px solid var(--border)!important;
  background:rgba(255,255,255,.035)!important;box-shadow:none!important;transform:none!important;
}
.theme-switch-v370 .theme-half{
  width:28px;height:28px;border-radius:50%;display:grid;place-items:center;color:var(--muted);
  transition:background .2s ease,color .2s ease,box-shadow .2s ease
}
.theme-switch-v370 svg{width:14px;height:14px;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
html:not([data-theme="light"]) .theme-switch-v370 .night,
html[data-theme="light"] .theme-switch-v370 .day{
  background:rgba(255,255,255,.11);color:var(--text);box-shadow:inset 0 0 0 1px rgba(255,255,255,.06)
}
html[data-theme="light"] .theme-switch-v370{background:rgba(16,24,40,.045)!important;border-color:rgba(16,24,40,.09)!important}
html[data-theme="light"] .theme-switch-v370 .theme-half{color:#7d8999}
html[data-theme="light"] .theme-switch-v370 .day{background:#fff;color:#182230;box-shadow:0 2px 8px rgba(16,24,40,.08)}
.header-tools-v370{display:flex;align-items:center;gap:7px;margin-left:auto}
.header-tools-v370 .user-strip{position:static!important;margin:0!important;transform:none!important}

/* Desktop: only adjust the right-side tools. */
@media (min-width:1100px){
  .header-tools-v370{position:absolute;right:0;top:11px;z-index:30}
}

/* Tablet and below: stop pretending this is a 3-column desktop. */
@media (max-width:1099px){
  html,body{height:auto!important;min-height:100%;overflow-x:hidden!important;overflow-y:auto!important}
  .app{
    width:100%!important;max-width:none!important;height:auto!important;min-height:100vh!important;
    display:block!important;padding:14px 18px 28px!important;overflow:visible!important
  }
  .header{
    min-height:52px!important;margin:0 0 10px!important;padding:0!important;
    display:grid!important;grid-template-columns:auto 1fr auto!important;align-items:center!important;gap:10px!important;
    text-align:left!important
  }
  .brand{display:none!important}
  .header::before{
    content:"AR";display:grid;place-items:center;width:34px;height:34px;border:1px solid var(--border);
    border-radius:10px;font-weight:900;letter-spacing:-.04em;background:var(--panel)
  }
  .header-tools-v370{grid-column:3;justify-self:end}
  .user-chip{height:36px!important;padding:3px 5px!important;border-radius:999px!important}
  .user-avatar{width:28px!important;height:28px!important;font-size:16px!important}
  .user-chip .ghost{width:28px!important;height:28px!important;padding:5px!important;border-radius:50%!important}

  .app-tabs{
    position:static!important;transform:none!important;margin:0 auto 14px!important;width:max-content!important;
    max-width:100%!important;display:flex!important;gap:3px!important;padding:4px!important
  }
  .app-tab{min-width:0!important;white-space:nowrap!important}
  .app-view.active{height:auto!important;min-height:0!important;overflow:visible!important}
  #editorView{display:block!important}
  #editorView:not(.active){display:none!important}

  .layout{
    height:auto!important;min-height:0!important;display:grid!important;
    grid-template-columns:minmax(280px,330px) minmax(0,1fr)!important;
    gap:12px!important;align-items:start!important
  }
  .left-column,.center-column,.right-column{height:auto!important;min-height:0!important}
  .sticky,.right-stack.sticky{position:static!important;top:auto!important}
  .left-column>.panel{height:auto!important;overflow:visible!important}
  .album-card-v36 .art{max-height:none!important;width:100%!important;aspect-ratio:1/1!important}
  .reflection-body-v36 textarea{max-height:none!important}

  .center-column{display:grid!important;grid-template-rows:auto auto!important;height:auto!important}
  .center-panel{height:auto!important;min-height:0!important;overflow:visible!important;display:block!important}
  .tier-grid{
    height:auto!important;min-height:0!important;display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;grid-template-rows:none!important;gap:10px!important
  }
  .tier{height:280px!important;min-height:280px!important;overflow:hidden!important}
  .tier .zone{min-height:0!important;max-height:none!important;overflow-y:auto!important}
  .actions-dock-v36{margin-top:10px!important}

  .right-column{grid-column:1/-1!important}
  .right-stack{
    height:auto!important;display:grid!important;grid-template-columns:minmax(260px,.8fr) minmax(360px,1.2fr)!important;
    grid-template-rows:none!important;gap:12px!important;overflow:visible!important
  }
  .pending-card{height:360px!important;min-height:360px!important}
  .pending-card .tier{height:100%!important;min-height:0!important}
  .side-workspace-v361{height:360px!important;min-height:360px!important}
  .library-list{max-height:none!important}

  #libraryView.app-view.active{height:auto!important;overflow:visible!important}
  .library-page{padding:18px!important}
  .library-page-controls{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .library-page-controls #libraryPageSearch{grid-column:1/-1}
  .library-grid{grid-template-columns:repeat(auto-fill,minmax(170px,1fr))!important}
}

/* Phones / narrow windows. */
@media (max-width:700px){
  .app{padding:10px 10px 22px!important}
  .header{
    grid-template-columns:auto 1fr auto!important;min-height:48px!important;margin-bottom:6px!important
  }
  .header::before{width:32px;height:32px;border-radius:9px;font-size:12px}
  .theme-switch-v370{height:34px!important;min-height:34px!important}
  .theme-switch-v370 .theme-half{width:26px;height:26px}
  .user-chip{height:34px!important}
  .user-avatar{width:26px!important;height:26px!important}
  .user-chip .ghost{width:26px!important;height:26px!important}

  .app-tabs{width:100%!important;margin-bottom:10px!important}
  .app-tab{flex:1!important;padding:0 10px!important}
  .layout{grid-template-columns:1fr!important;gap:10px!important}
  .left-column{grid-column:1;order:1}
  .right-column{grid-column:1!important;order:2}
  .center-column{grid-column:1;order:3}

  .left-column>.panel{gap:8px!important}
  .album-card-v36{padding:10px!important}
  .album-card-v36 .art{width:min(100%,430px)!important;margin-inline:auto!important}
  .url-row{grid-template-columns:minmax(0,1fr) 36px 36px!important}

  .right-stack{grid-template-columns:1fr!important;gap:10px!important}
  .pending-card{height:260px!important;min-height:260px!important}
  .side-workspace-v361{height:auto!important;min-height:300px!important}
  .side-panel-v361.active{min-height:250px!important}

  .center-panel{padding:10px!important}
  .board-head{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:8px!important;flex-wrap:wrap!important}
  .board-copy h2{font-size:15px!important}
  .board-meta{display:flex!important;gap:5px!important;flex-wrap:wrap!important}
  .tier-grid{grid-template-columns:1fr!important;gap:8px!important}
  .tier{height:260px!important;min-height:260px!important}
  .tier-head{padding:10px!important}
  .tier-info b{font-size:13px!important}
  .count{font-size:10px!important;padding:5px 8px!important}
  .song{padding:9px 10px!important;border-radius:13px!important}
  .title{font-size:13px!important}

  .actions-dock-v36{
    height:auto!important;min-height:54px!important;grid-template-columns:1fr!important;gap:6px!important;
    padding:8px 10px!important
  }
  .rating-dock-v361{justify-content:center!important}
  .actions-dock-v36>.section{justify-content:center!important}
  .actions-dock-v36 .actions-grid{justify-content:center!important}
  .status-feedback-v366{order:3;width:100%;text-align:center!important;white-space:normal!important}

  .library-page{padding:12px!important;border-radius:18px!important}
  .library-page-head{margin-bottom:12px!important}
  .library-page-copy h2{font-size:20px!important}
  .library-page-copy p{font-size:12px!important}
  .library-page-controls{grid-template-columns:1fr!important;gap:8px!important}
  .library-page-controls #libraryPageSearch{grid-column:auto!important}
  .library-page-controls input,.library-page-controls select,.library-page-controls button{width:100%!important}
  .library-page-meta{margin:10px 0 12px!important;align-items:center!important}
  .library-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}
  .library-card{border-radius:16px!important}
  .library-card-body{padding:10px!important;gap:5px!important}
  .library-card-title{font-size:13px!important}
  .library-card-artist{font-size:11px!important}
  .library-card-foot{align-items:flex-end!important;gap:4px!important;flex-wrap:wrap!important}
}

@media (max-width:430px){
  .library-grid{grid-template-columns:1fr!important}
  .header-tools-v370{gap:4px}
  .theme-switch-v370 .day{display:none}
  .theme-switch-v370{padding:3px!important}
}



@media (max-width:700px){
  html,body{height:auto!important;min-height:100%!important;overflow-x:hidden!important;overflow-y:auto!important}
  .app{height:auto!important;min-height:100vh!important;display:block!important;padding:10px 10px 24px!important}

  /* Mobile has one purpose: browse the library. */
  .app-tabs{display:none!important}
  #editorView{display:none!important}
  #libraryView{display:block!important;opacity:1!important;transform:none!important;pointer-events:auto!important;height:auto!important;overflow:visible!important}

  .header{
    display:grid!important;grid-template-columns:auto 1fr auto!important;align-items:center!important;
    min-height:48px!important;height:48px!important;margin:0 0 10px!important;padding:0!important
  }
  .header::before{width:32px!important;height:32px!important;border-radius:10px!important;font-size:12px!important}
  .brand{display:none!important}
  .header-tools-v370{justify-self:end!important;gap:6px!important}
  .theme-switch-v370{height:34px!important;min-height:34px!important;padding:3px!important}
  .theme-switch-v370 .theme-half{width:26px!important;height:26px!important}
  .user-chip{height:34px!important;padding:3px 4px!important}
  .user-avatar{width:26px!important;height:26px!important;font-size:15px!important}
  .user-chip .ghost{width:26px!important;height:26px!important;padding:5px!important}

  .library-page{
    padding:14px!important;border-radius:20px!important;min-height:calc(100vh - 70px)!important
  }
  .library-page-head{margin-bottom:14px!important;align-items:flex-start!important}
  .library-page-copy{gap:3px!important}
  .library-page-copy h2{font-size:22px!important}
  .library-page-copy p{font-size:12px!important;line-height:1.4!important}

  .library-page-controls{
    display:grid!important;grid-template-columns:1fr!important;gap:8px!important
  }
  .library-page-controls input,
  .library-page-controls select,
  .library-page-controls button{
    width:100%!important;height:44px!important;min-height:44px!important;border-radius:14px!important;
    padding:0 13px!important;font-size:16px!important;line-height:normal!important
  }
  .library-page-meta{
    margin:10px 2px 14px!important;display:flex!important;align-items:center!important;
    justify-content:space-between!important;gap:8px!important;font-size:11px!important
  }
  .library-page-meta .ghost{height:38px!important;min-height:38px!important;padding:0 12px!important;border-radius:12px!important}

  .library-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}
  .library-card{border-radius:16px!important;min-width:0!important}
  .library-card-cover{aspect-ratio:1/1!important}
  .library-card-body{padding:10px!important;gap:5px!important}
  .library-card-title{font-size:13px!important}
  .library-card-artist{font-size:11px!important}
  .library-card-foot{gap:4px!important;align-items:flex-end!important}
  .library-card-rating{font-size:11px!important;letter-spacing:-.04em!important;white-space:nowrap!important}
  .library-card-date{font-size:9px!important;white-space:nowrap!important}
}
@media (max-width:430px){
  .library-grid{grid-template-columns:1fr!important}
  .library-card{display:grid!important;grid-template-columns:112px minmax(0,1fr)!important;min-height:112px!important}
  .library-card-cover{height:112px!important;aspect-ratio:1/1!important}
  .library-card-body{align-content:center!important;padding:12px!important}
  .library-card-title{font-size:14px!important}
  .library-card-artist{font-size:12px!important}
}



.lyrics-panel-v1{height:100%;min-height:0;overflow:hidden;background:var(--lyrics-bg,#6f221d);color:var(--lyrics-text,#fff3ef);transition:background .32s ease,color .32s ease;position:relative}
.lyrics-panel-v1:before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 82% 0%,rgba(255,255,255,.11),transparent 34%),linear-gradient(180deg,rgba(0,0,0,.02),rgba(0,0,0,.12))}
.lyrics-inner-v1{position:relative;z-index:1;height:100%;min-height:0;display:grid;grid-template-rows:auto minmax(0,1fr)}
.lyrics-meta-v1{padding:16px 18px 8px;display:grid;gap:3px}
.lyrics-meta-v1 b{font-size:13px;line-height:1.15;letter-spacing:-.02em}
.lyrics-meta-v1 span{font-size:10px;opacity:.68}
.lyrics-scroll-v1{min-height:0;overflow:auto;padding:9px 18px 36px;scrollbar-width:thin}
.lyrics-text-v1{white-space:pre-wrap;font-size:clamp(22px,1.55vw,30px);line-height:1.46;letter-spacing:-.038em;font-weight:790;max-width:96%}
.lyrics-state-v1{height:100%;display:grid;place-items:center;padding:28px;text-align:center;font-size:12px;opacity:.72}
.song.lyrics-selected-v1{border-color:rgba(30,215,96,.52)!important;box-shadow:0 0 0 1px rgba(30,215,96,.13)!important}
@media(max-width:700px){.lyrics-text-v1{font-size:24px}}



/* --- Product V8: Spotify-first album creation --- */
.side-switch-v361 button[data-side="add"]{ }
.spotify-import-v1{display:none!important}

.spotify-search-modal-v7{
  position:fixed;inset:0;z-index:99999;
  display:none;align-items:center;justify-content:center;
  padding:28px;
  background:rgba(3,5,8,.78);
  backdrop-filter:blur(16px);
}
.spotify-search-modal-v7.open{display:flex}
.spotify-search-shell-v7{
  width:min(780px,96vw);max-height:min(760px,88vh);
  overflow:hidden;
  display:grid;grid-template-rows:auto auto minmax(0,1fr) auto;
  background:linear-gradient(180deg,#151b24,#0d1219);
  border:1px solid rgba(255,255,255,.10);
  border-radius:24px;
  box-shadow:0 28px 90px rgba(0,0,0,.55);
}
.spotify-search-head-v7{
  display:flex;align-items:flex-start;justify-content:space-between;
  padding:24px 24px 12px;
}
.spotify-search-head-v7 h2{
  margin:0;font-size:22px;letter-spacing:-.04em
}
.spotify-search-head-v7 p{
  margin:5px 0 0;color:var(--muted);font-size:11px
}
.spotify-search-close-v7{
  width:36px;height:36px;border-radius:50%;
  border:1px solid var(--line);background:rgba(255,255,255,.04);
  color:var(--text);font-size:18px;
}
.spotify-search-box-v7{
  margin:0 24px 14px;position:relative
}
.spotify-search-box-v7 input{
  width:100%;height:50px;padding:0 48px 0 16px;
  font-size:14px;border-radius:14px;
  background:#080c11;border:1px solid rgba(255,255,255,.11)
}
.spotify-search-icon-v7{
  position:absolute;right:16px;top:50%;transform:translateY(-50%);
  color:var(--muted);font-size:17px
}
.spotify-search-results-v7{
  overflow:auto;padding:0 14px 16px;display:grid;gap:7px
}
.spotify-result-card-v7{
  display:grid;grid-template-columns:64px minmax(0,1fr) auto;
  gap:12px;align-items:center;
  padding:8px;border-radius:15px;
  border:1px solid transparent;
  background:rgba(255,255,255,.025);
  cursor:pointer;transition:.15s ease;
}
.spotify-result-card-v7:hover{
  background:rgba(255,255,255,.055);
  border-color:rgba(255,255,255,.09);
  transform:translateY(-1px)
}
.spotify-result-cover-v7{
  width:64px;height:64px;border-radius:10px;
  background:#1b222c center/cover no-repeat;
  box-shadow:0 8px 22px rgba(0,0,0,.28)
}
.spotify-result-info-v7{min-width:0}
.spotify-result-info-v7 b{
  display:block;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis
}
.spotify-result-info-v7 span{
  display:block;margin-top:3px;color:var(--muted);font-size:10px
}
.spotify-result-action-v7{
  width:32px;height:32px;border-radius:50%;
  display:grid;place-items:center;background:#1ed760;color:#061109;font-weight:900
}
.spotify-search-footer-v7{
  padding:14px 24px 18px;
  border-top:1px solid var(--line);
  display:flex;align-items:center;justify-content:space-between;gap:12px
}
.spotify-search-footer-v7 span{font-size:9px;color:var(--muted)}
.manual-create-v7{
  border:0;background:none;color:var(--text);font-size:10px;font-weight:800;
  text-decoration:underline;text-underline-offset:3px
}
.spotify-empty-v7{
  padding:30px;text-align:center;color:var(--muted);font-size:11px
}

/* Metadata display state */
.panel.spotify-locked-v7 .url-row,
.panel.spotify-locked-v7 .input-grid{display:none!important}
.spotify-meta-v7{
  display:none;
  gap:5px;
}
.panel.spotify-locked-v7 .spotify-meta-v7{display:grid}
.spotify-meta-title-v7{
  font-size:21px;font-weight:900;letter-spacing:-.045em;line-height:1.05
}
.spotify-meta-artist-v7{font-size:12px;font-weight:750}
.spotify-meta-detail-v7{
  display:flex;gap:7px;align-items:center;color:var(--muted);font-size:9px
}
.spotify-meta-badge-v7{
  display:inline-flex;align-items:center;gap:5px;width:max-content;
  margin-top:5px;padding:5px 7px;border-radius:999px;
  background:rgba(30,215,96,.10);color:#45dd83;font-size:8px;font-weight:800
}
.spotify-meta-edit-v7{
  margin-top:8px;width:max-content;border:1px solid var(--line);
  background:rgba(255,255,255,.035);color:var(--text);
  border-radius:9px;padding:6px 9px;font-size:9px;font-weight:800
}

/* Tracklist panel */
.tracklist-v7{
  height:100%;min-height:0;display:grid;grid-template-rows:auto minmax(0,1fr) auto;gap:8px
}
.tracklist-head-v7{
  display:flex;justify-content:space-between;align-items:center;
  padding:2px 2px 5px
}
.tracklist-head-v7 b{font-size:11px}
.tracklist-head-v7 span{font-size:9px;color:var(--muted)}
.tracklist-list-v7{
  min-height:0;overflow:auto;display:flex;flex-direction:column;gap:5px
}
.tracklist-row-v7{
  min-height:32px;padding:7px 9px;border:1px solid var(--line);
  border-radius:10px;background:rgba(255,255,255,.025);
  display:flex;align-items:center;gap:8px;font-size:10px
}
.tracklist-num-v7{width:18px;color:var(--muted);font-size:9px;text-align:right}
.tracklist-name-v7{flex:1;font-weight:700;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tracklist-tier-v7{
  width:22px;height:22px;border-radius:7px;display:grid;place-items:center;
  background:rgba(255,255,255,.07);font-size:9px;font-weight:900
}
.tracklist-manual-v7{
  border-top:1px solid var(--line);padding-top:8px
}
.tracklist-manual-v7 details summary{
  cursor:pointer;color:var(--muted);font-size:9px;font-weight:800
}
.tracklist-manual-v7 .add-grid{margin-top:8px}

html[data-theme="light"] .spotify-search-shell-v7{
  background:linear-gradient(180deg,#fff,#f4f6f9)
}
html[data-theme="light"] .spotify-search-box-v7 input{background:#fff}

.new-album-block-v8{
  padding:8px 10px 0;
}
.new-album-primary-v8{
  width:100%;
  height:38px;
  border:1px solid rgba(30,215,96,.34);
  border-radius:11px;
  background:rgba(30,215,96,.10);
  color:#46df84;
  font-size:10px;
  font-weight:850;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:6px;
  transition:.15s ease;
}
.new-album-primary-v8:hover{
  background:rgba(30,215,96,.15);
  border-color:rgba(30,215,96,.48);
  transform:translateY(-1px);
}
html[data-theme="light"] .new-album-primary-v8{
  background:rgba(21,177,87,.08);
  color:#118a49;
}



/* Compactar Nuevo álbum + cover */
.new-album-block-v8{
  padding:8px 10px 8px !important;
  margin:0 !important;
}
.card.panel.sticky > .new-album-block-v8 + .section.art-wrap{
  margin-top:0 !important;
  padding-top:0 !important;
}

/* Convertir el añadido manual en una acción secundaria legible */
.tracklist-manual-v7{
  padding-top:10px !important;
}
.tracklist-manual-v7 details{
  width:100%;
}
.tracklist-manual-v7 details summary{
  list-style:none !important;
  min-height:34px;
  display:flex;
  align-items:center;
  justify-content:center;
  border:1px solid var(--line);
  border-radius:10px;
  background:rgba(255,255,255,.035);
  color:var(--text) !important;
  font-size:10px !important;
  font-weight:800 !important;
  cursor:pointer;
  transition:.15s ease;
}
.tracklist-manual-v7 details summary::-webkit-details-marker{
  display:none;
}
.tracklist-manual-v7 details summary:hover{
  background:rgba(255,255,255,.06);
  border-color:rgba(255,255,255,.14);
}
.tracklist-manual-v7 details[open] summary{
  margin-bottom:8px;
}
html[data-theme="light"] .tracklist-manual-v7 details summary{
  background:rgba(15,23,42,.035);
}



.album-card-v36 .art-wrap{
  gap:10px!important;
}
.album-card-v36 .new-album-block-v8{
  padding:0!important;
  margin:0!important;
}
.album-card-v36 .new-album-primary-v8{
  height:36px!important;
}



/* Ficha del álbum: jerarquía editorial */
.album-card-v36 .section:not(.art-wrap){
  padding-top:14px!important;
}

.album-card-v36 .section-head{
  margin-bottom:12px!important;
}

.album-card-v36 .section-head h2{
  font-size:11px!important;
  line-height:1.2!important;
  font-weight:750!important;
  letter-spacing:.01em!important;
  color:var(--muted)!important;
  margin:0!important;
}

.album-card-v36 .section-head p{
  display:none!important;
}

.album-card-v36 .spotify-meta-v7{
  gap:4px!important;
}

.album-card-v36 .spotify-meta-title-v7{
  font-size:clamp(26px,2vw,34px)!important;
  line-height:1.02!important;
  font-weight:920!important;
  letter-spacing:-.055em!important;
  margin-top:2px!important;
  margin-bottom:4px!important;
}

.album-card-v36 .spotify-meta-artist-v7{
  font-size:17px!important;
  line-height:1.12!important;
  font-weight:820!important;
  letter-spacing:-.025em!important;
  color:var(--text)!important;
  margin-bottom:5px!important;
}

.album-card-v36 .spotify-meta-detail-v7{
  font-size:12px!important;
  line-height:1.3!important;
  font-weight:650!important;
  color:var(--muted)!important;
  gap:8px!important;
  margin-bottom:8px!important;
}

.album-card-v36 .spotify-meta-badge-v7{
  margin-top:3px!important;
  padding:6px 8px!important;
  font-size:9px!important;
  border-radius:999px!important;
}

.album-card-v36 .spotify-meta-edit-v7{
  margin-top:9px!important;
  padding:8px 12px!important;
  font-size:10px!important;
  border-radius:10px!important;
}

/* Modo manual: mejorar también la jerarquía de inputs */
.album-card-v36:not(.spotify-locked-v7) .input-grid{
  gap:10px!important;
}
.album-card-v36:not(.spotify-locked-v7) .input-grid .label span{
  font-size:9px!important;
  color:var(--muted)!important;
}
.album-card-v36:not(.spotify-locked-v7) #album{
  font-size:18px!important;
  font-weight:800!important;
}
.album-card-v36:not(.spotify-locked-v7) #artist{
  font-size:14px!important;
  font-weight:700!important;
}



/* Replanteo de ficha: más compacta, editorial y menos vertical */
.album-card-v36 .section:not(.art-wrap){
  padding-top:12px!important;
}

.album-card-v36 .section-head{
  margin-bottom:10px!important;
}

.album-card-v36 .section-head h2{
  font-size:9px!important;
  line-height:1.2!important;
  font-weight:800!important;
  letter-spacing:.10em!important;
  text-transform:uppercase!important;
  color:color-mix(in srgb,var(--muted) 82%,transparent)!important;
}

.album-card-v36 .spotify-meta-v7{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  grid-template-areas:
    "title title"
    "artist edit"
    "detail edit"
    "badge badge";
  column-gap:12px!important;
  row-gap:3px!important;
  align-items:start!important;
}

.album-card-v36 .spotify-meta-title-v7{
  grid-area:title!important;
  font-size:clamp(24px,1.7vw,30px)!important;
  line-height:1.02!important;
  font-weight:900!important;
  letter-spacing:-.05em!important;
  margin:0 0 2px!important;
}

.album-card-v36 .spotify-meta-artist-v7{
  grid-area:artist!important;
  font-size:15px!important;
  line-height:1.15!important;
  font-weight:780!important;
  letter-spacing:-.02em!important;
  margin:0!important;
}

.album-card-v36 .spotify-meta-detail-v7{
  grid-area:detail!important;
  font-size:10px!important;
  line-height:1.2!important;
  font-weight:650!important;
  color:var(--muted)!important;
  margin:2px 0 0!important;
}

.album-card-v36 .spotify-meta-badge-v7{
  grid-area:badge!important;
  margin:9px 0 0!important;
  padding:5px 7px!important;
  font-size:8px!important;
  border-radius:999px!important;
  width:max-content!important;
}

.album-card-v36 .spotify-meta-edit-v7{
  grid-area:edit!important;
  align-self:center!important;
  margin:0!important;
  padding:7px 10px!important;
  font-size:9px!important;
  border-radius:9px!important;
  min-width:58px!important;
  opacity:.82!important;
}

.album-card-v36 .spotify-meta-edit-v7:hover{
  opacity:1!important;
}

/* Evitar que la ficha parezca perdida dentro de una tarjeta enorme */
.album-card-v36 .section:not(.art-wrap){
  padding-bottom:14px!important;
}

/* En pantallas estrechas, volver a apilado limpio */
@media(max-width:1180px){
  .album-card-v36 .spotify-meta-v7{
    grid-template-columns:1fr!important;
    grid-template-areas:
      "title"
      "artist"
      "detail"
      "badge"
      "edit"!important;
  }
  .album-card-v36 .spotify-meta-edit-v7{
    justify-self:start!important;
    margin-top:6px!important;
  }
}



/* Ficha del álbum: más aire, mejor uso del ancho, editar abajo a la derecha */
.album-card-v36 .section:not(.art-wrap){
  position:relative!important;
  padding:22px 22px 20px!important;
  min-height:245px!important;
}

.album-card-v36 .section-head{
  margin:0 0 18px!important;
}

.album-card-v36 .section-head h2{
  font-size:9px!important;
  line-height:1.2!important;
  font-weight:800!important;
  letter-spacing:.12em!important;
  text-transform:uppercase!important;
  color:var(--muted)!important;
  opacity:.72!important;
}

.album-card-v36 .spotify-meta-v7{
  display:block!important;
  padding-right:6px!important;
}

.album-card-v36 .spotify-meta-title-v7{
  font-size:clamp(28px,2vw,36px)!important;
  line-height:1.02!important;
  font-weight:920!important;
  letter-spacing:-.055em!important;
  margin:0 0 10px!important;
  max-width:92%!important;
}

.album-card-v36 .spotify-meta-artist-v7{
  font-size:18px!important;
  line-height:1.12!important;
  font-weight:820!important;
  letter-spacing:-.025em!important;
  margin:0 0 7px!important;
}

.album-card-v36 .spotify-meta-detail-v7{
  font-size:12px!important;
  line-height:1.3!important;
  font-weight:650!important;
  color:var(--muted)!important;
  margin:0 0 14px!important;
}

.album-card-v36 .spotify-meta-badge-v7{
  margin:0!important;
  padding:6px 9px!important;
  font-size:8px!important;
  border-radius:999px!important;
  width:max-content!important;
}

.album-card-v36 .spotify-meta-edit-v7{
  position:absolute!important;
  right:22px!important;
  bottom:20px!important;
  margin:0!important;
  padding:8px 12px!important;
  font-size:9px!important;
  border-radius:10px!important;
  min-width:64px!important;
  opacity:.78!important;
}

.album-card-v36 .spotify-meta-edit-v7:hover{
  opacity:1!important;
}

/* Modo manual conserva el mismo aire */
.album-card-v36:not(.spotify-locked-v7) .input-grid{
  padding-right:0!important;
}

@media(max-width:1180px){
  .album-card-v36 .section:not(.art-wrap){
    min-height:230px!important;
    padding:18px!important;
  }
  .album-card-v36 .spotify-meta-edit-v7{
    right:18px!important;
    bottom:18px!important;
  }
}



.album-card-v36 .spotify-meta-edit-v7{
  position:absolute!important;
  right:18px!important;
  bottom:18px!important;
  width:34px!important;
  height:34px!important;
  min-width:34px!important;
  padding:0!important;
  margin:0!important;
  border-radius:10px!important;
  display:grid!important;
  place-items:center!important;
  opacity:.72!important;
}
.album-card-v36 .spotify-meta-edit-v7 svg{
  width:14px!important;
  height:14px!important;
  fill:none!important;
  stroke:currentColor!important;
  stroke-width:1.8!important;
  stroke-linecap:round!important;
  stroke-linejoin:round!important;
}
.album-card-v36 .spotify-meta-edit-v7:hover{
  opacity:1!important;
}



/* Spotify pasa a ser la única vía visible de metadata */
.album-card-v36 .url-row,
.album-card-v36 .input-grid,
.album-card-v36 .spotify-meta-edit-v7{
  display:none!important;
}

/* La ficha visible siempre se muestra */
.album-card-v36 .spotify-meta-v7{
  display:block!important;
}

/* Ajuste final de composición de ficha */
.album-card-v36 .section:not(.art-wrap){
  position:relative!important;
  padding:22px 22px 24px!important;
  min-height:220px!important;
}
.album-card-v36 .section-head{
  margin:0 0 18px!important;
}
.album-card-v36 .section-head h2{
  font-size:9px!important;
  line-height:1.2!important;
  font-weight:800!important;
  letter-spacing:.12em!important;
  text-transform:uppercase!important;
  color:var(--muted)!important;
  opacity:.72!important;
}
.album-card-v36 .spotify-meta-title-v7{
  font-size:clamp(28px,2vw,36px)!important;
  line-height:1.02!important;
  font-weight:920!important;
  letter-spacing:-.055em!important;
  margin:0 0 10px!important;
  max-width:95%!important;
}
.album-card-v36 .spotify-meta-artist-v7{
  font-size:18px!important;
  line-height:1.12!important;
  font-weight:820!important;
  letter-spacing:-.025em!important;
  margin:0 0 7px!important;
}
.album-card-v36 .spotify-meta-detail-v7{
  font-size:12px!important;
  line-height:1.3!important;
  font-weight:650!important;
  color:var(--muted)!important;
  margin:0 0 14px!important;
}
.album-card-v36 .spotify-meta-badge-v7{
  margin:0!important;
  padding:6px 9px!important;
  font-size:8px!important;
  border-radius:999px!important;
  width:max-content!important;
}

/* Si no hay metadata Spotify real, no fingimos que la hay */
.album-card-v36[data-legacy-album-v14="1"] .spotify-meta-badge-v7{
  display:none!important;
}



/* Mini ajuste 1: Nuevo álbum vive en su propio bloque, separado de la ficha. */
.new-album-card-v14{
  margin:0!important;
  padding:10px!important;
  border:1px solid var(--border, var(--line))!important;
  border-radius:18px!important;
  background:var(--panel)!important;
  box-shadow:none!important;
}
.new-album-card-v14 .new-album-primary-v8{
  height:38px!important;
}

/* Mini ajuste 2: el board empieza directamente en los tiers y la metadata baja al pie. */
.board-footer-v14{
  margin:0!important;
  padding:10px 2px 0!important;
  min-height:34px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
}
.board-footer-v14 .board-meta{
  margin-left:auto!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
}

@media (min-width:1100px){
  .left-column>.panel{
    grid-template-rows:auto minmax(0,1fr) auto!important;
  }
  .center-panel{
    grid-template-rows:minmax(0,1fr) auto!important;
  }
}

@media (max-width:1099px){
  .board-footer-v14{padding-top:10px!important}
}

html[data-theme="light"] .new-album-card-v14{
  background:var(--panel)!important;
  border-color:rgba(18,28,40,.09)!important;
}


/* Hotfix 8 · lyric line focus */
.lyrics-text-v1{white-space:normal!important}
.lyrics-line-v8{display:block;opacity:.46;transition:opacity .14s ease}
.lyrics-line-v8:hover{opacity:1}
.lyrics-line-v8.is-blank{min-height:.7em;opacity:.18}
@media (hover:none){.lyrics-line-v8{opacity:.68}.lyrics-line-v8.is-blank{opacity:.18}}



/* Album Ranker — Banger Index prototype. Replaces manual stars with a score derived from tiers. */
.banger-index-v15{width:100%;display:grid;grid-template-columns:58px minmax(0,1fr);gap:12px;align-items:center;min-width:0}
.banger-ring-v15{--score:0;position:relative;width:54px;height:54px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(#1ed760 calc(var(--score)*1%),rgba(255,255,255,.075) 0);box-shadow:0 8px 24px rgba(30,215,96,.11)}
.banger-ring-v15:after{content:"";position:absolute;inset:5px;border-radius:50%;background:var(--panel,#10151d);box-shadow:inset 0 0 0 1px rgba(255,255,255,.05)}
.banger-ring-icon-v15{position:relative;z-index:1;width:18px;height:18px;display:grid;place-items:center;color:#68e89a}
.banger-ring-icon-v15 svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.banger-main-v15{min-width:0;display:grid;gap:5px}
.banger-top-v15{display:flex;align-items:baseline;justify-content:space-between;gap:8px;min-width:0}
.banger-label-v15{font-size:12px;font-weight:900;letter-spacing:.055em;text-transform:uppercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.banger-percent-v15{color:#6ee7a8;font-size:11px;font-weight:850;font-variant-numeric:tabular-nums;white-space:nowrap}
.banger-bar-v15{height:5px;border-radius:999px;background:rgba(255,255,255,.075);overflow:hidden;position:relative}
.banger-bar-fill-v15{height:100%;width:0%;border-radius:inherit;background:linear-gradient(90deg,#18b957,#5ce792);transition:width .25s ease}
.banger-breakdown-v15{display:flex;align-items:center;gap:7px;color:var(--muted);font-size:8px;font-weight:760;white-space:nowrap}
.banger-breakdown-v15 b{color:var(--text);font-weight:850}
.banger-special-v15{display:none;padding:2px 5px;border-radius:999px;background:rgba(30,215,96,.09);color:#55df8d;font-size:7px;font-weight:900;letter-spacing:.05em;text-transform:uppercase}
.banger-special-v15.visible{display:inline-flex}
.rating.banger-rating-v15{display:flex!important;align-items:center!important;padding:7px 8px!important;min-height:54px!important}
.rating.banger-rating-v15 .rating-top,.rating.banger-rating-v15 .stars{display:none!important}

/* Compact library score */
.banger-mini-v15{display:grid;grid-template-columns:26px minmax(0,1fr);gap:6px;align-items:center;min-width:82px}
.banger-mini-ring-v15{--score:0;width:25px;height:25px;border-radius:50%;display:grid;place-items:center;position:relative;background:conic-gradient(#1ed760 calc(var(--score)*1%),rgba(255,255,255,.09) 0)}
.banger-mini-ring-v15:after{content:"";position:absolute;inset:3px;border-radius:50%;background:var(--panel,#10151d)}
.banger-mini-ring-v15 .banger-mini-icon-v15{position:relative;z-index:1;width:11px;height:11px;display:grid;place-items:center;color:#6ee7a8}
.banger-mini-ring-v15 .banger-mini-icon-v15 svg{width:11px;height:11px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.banger-mini-copy-v15{min-width:0;display:grid;gap:3px}
.banger-mini-copy-v15 b{font-size:8px!important;line-height:1!important;text-transform:uppercase;letter-spacing:.04em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.banger-mini-bar-v15{height:3px;border-radius:999px;background:rgba(255,255,255,.08);overflow:hidden}
.banger-mini-bar-v15 i{display:block;height:100%;border-radius:inherit;background:#1ed760}
.library-card-banger-v15{display:grid;gap:5px;min-width:82px;flex:1}
.library-card-banger-top-v15{display:flex;align-items:center;gap:6px}.library-card-banger-icon-v15{width:15px;height:15px;display:grid;place-items:center;color:#4fdc86;flex:0 0 auto}.library-card-banger-icon-v15 svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.library-card-banger-score-v15{font-size:12px;font-weight:900;color:#4fdc86;font-variant-numeric:tabular-nums}
.library-card-banger-label-v15{font-size:9px;font-weight:900;text-transform:uppercase;letter-spacing:.04em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.library-card-banger-bar-v15{height:4px;border-radius:999px;background:rgba(255,255,255,.08);overflow:hidden}
.library-card-banger-bar-v15 i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#18b957,#5ce792)}

html[data-theme="light"] .banger-ring-v15:after,html[data-theme="light"] .banger-mini-ring-v15:after{background:#fff}
html[data-theme="light"] .banger-bar-v15,html[data-theme="light"] .banger-mini-bar-v15,html[data-theme="light"] .library-card-banger-bar-v15{background:rgba(17,24,39,.09)}
html[data-theme="light"] .banger-label-v15,html[data-theme="light"] .banger-mini-copy-v15 b,html[data-theme="light"] .library-card-banger-label-v15{color:#17202c}

@media (min-width:1100px){
  .actions-dock-v36{grid-template-columns:minmax(260px,330px) 1fr!important}
  .rating-dock-v361{min-width:260px!important}
  .rating-dock-v361 .rating{grid-template-columns:1fr!important}
}



/* Give the Banger Index the dock. Status feedback becomes an ephemeral toast. */
@media (min-width:1100px){
  .actions-dock-v36{
    height:58px!important;
    grid-template-columns:minmax(390px,1fr) auto!important;
    gap:18px!important;
    padding:5px 10px 5px 12px!important;
    overflow:visible!important;
  }
  .rating-dock-v361{
    min-width:0!important;
    width:100%!important;
    max-width:none!important;
  }
  .rating-dock-v361 .section,
  .rating-dock-v361 .rating{
    width:100%!important;
    max-width:none!important;
  }
  .banger-index-v15{
    grid-template-columns:54px minmax(0,1fr)!important;
    gap:14px!important;
  }
  .banger-main-v15{gap:4px!important}
  .banger-top-v15{justify-content:flex-start!important;gap:10px!important}
  .banger-label-v15{font-size:12px!important;overflow:visible!important;text-overflow:clip!important}
  .banger-percent-v15{font-size:12px!important}
  .banger-bar-v15{width:min(100%,520px)!important;height:5px!important}
  .banger-breakdown-v15{font-size:8px!important;gap:8px!important}
  .actions-dock-v36 > .section{
    flex:0 0 auto!important;
    width:auto!important;
    min-width:max-content!important;
  }
  .actions-dock-v36 .actions-grid{margin:0!important}
}

#cloudStatus{
  position:fixed!important;
  z-index:100000!important;
  top:18px!important;
  left:50%!important;
  transform:translate(-50%,-12px)!important;
  width:max-content!important;
  max-width:min(520px,calc(100vw - 32px))!important;
  min-width:0!important;
  padding:10px 15px!important;
  margin:0!important;
  border-radius:12px!important;
  border:1px solid rgba(255,255,255,.10)!important;
  background:rgba(24,32,43,.96)!important;
  color:#e9eef5!important;
  font-size:11px!important;
  font-weight:760!important;
  line-height:1.2!important;
  text-align:center!important;
  white-space:normal!important;
  box-shadow:0 14px 42px rgba(0,0,0,.38)!important;
  backdrop-filter:blur(18px)!important;
  -webkit-backdrop-filter:blur(18px)!important;
  opacity:0!important;
  pointer-events:none!important;
  visibility:hidden!important;
  transition:opacity .18s ease,transform .18s ease,visibility 0s linear .18s!important;
}
#cloudStatus.toast-visible-v151{
  opacity:1!important;
  visibility:visible!important;
  transform:translate(-50%,0)!important;
  transition:opacity .18s ease,transform .18s ease,visibility 0s!important;
}
#cloudStatus.good{
  background:rgba(12,76,47,.96)!important;
  border-color:rgba(83,226,148,.28)!important;
  color:#8ff1b9!important;
  box-shadow:0 14px 42px rgba(18,185,98,.18)!important;
}
#cloudStatus.bad{
  background:rgba(91,31,31,.97)!important;
  border-color:rgba(255,126,119,.28)!important;
  color:#ffaaa5!important;
  box-shadow:0 14px 42px rgba(220,65,65,.15)!important;
}
html[data-theme="light"] #cloudStatus{
  background:rgba(255,255,255,.97)!important;
  color:#263142!important;
  border-color:rgba(16,24,40,.10)!important;
  box-shadow:0 14px 38px rgba(31,42,55,.16)!important;
}
html[data-theme="light"] #cloudStatus.good{background:#e8faef!important;color:#117743!important;border-color:#b9e9ca!important}
html[data-theme="light"] #cloudStatus.bad{background:#fff0ef!important;color:#b4433f!important;border-color:#f0c1be!important}



/* V15.2 — true one-line dock: ring | verdict+% | score bar | tier mix | actions */
@media (min-width:1100px){
  .actions-dock-v36{
    height:58px!important;
    grid-template-columns:minmax(0,1fr) auto!important;
    gap:16px!important;
    padding:6px 10px 6px 14px!important;
    align-items:center!important;
  }
  .rating-dock-v361,
  .rating-dock-v361 .section,
  .rating-dock-v361 .rating{
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
    height:100%!important;
  }
  .rating.banger-rating-v15{
    padding:0!important;
    min-height:0!important;
    background:transparent!important;
  }
  .banger-index-v15{
    width:100%!important;
    min-width:0!important;
    display:grid!important;
    grid-template-columns:42px minmax(max-content,170px) minmax(150px,1fr) max-content!important;
    gap:14px!important;
    align-items:center!important;
  }
  .banger-ring-v15{
    width:42px!important;
    height:42px!important;
    box-shadow:0 6px 18px rgba(30,215,96,.09)!important;
  }
  .banger-ring-v15:after{inset:4px!important}
  .banger-ring-value-v15{font-size:12px!important}

  .banger-main-v15{
    display:contents!important;
  }
  .banger-top-v15{
    display:flex!important;
    align-items:baseline!important;
    justify-content:flex-start!important;
    gap:10px!important;
    min-width:0!important;
    white-space:nowrap!important;
  }
  .banger-label-v15{
    font-size:11px!important;
    line-height:1!important;
    letter-spacing:.055em!important;
    overflow:visible!important;
    text-overflow:clip!important;
  }
  .banger-percent-v15{
    font-size:11px!important;
    line-height:1!important;
  }
  .banger-bar-v15{
    width:100%!important;
    min-width:0!important;
    height:6px!important;
    margin:0!important;
  }
  .banger-breakdown-v15{
    display:flex!important;
    align-items:center!important;
    justify-content:flex-end!important;
    gap:8px!important;
    min-width:max-content!important;
    font-size:8px!important;
    line-height:1!important;
    white-space:nowrap!important;
  }
  .banger-special-v15{
    margin-left:2px!important;
    padding:3px 6px!important;
  }
  .actions-dock-v36 > .section{
    flex:0 0 auto!important;
    width:auto!important;
    min-width:max-content!important;
  }
  .actions-dock-v36 .actions-grid{
    gap:7px!important;
    margin:0!important;
  }
}

/* If the desktop gets narrower, preserve one line by shrinking the decorative bits first. */
@media (min-width:1100px) and (max-width:1350px){
  .banger-index-v15{
    grid-template-columns:40px minmax(max-content,145px) minmax(100px,1fr) max-content!important;
    gap:10px!important;
  }
  .banger-ring-v15{width:40px!important;height:40px!important}
  .banger-label-v15,.banger-percent-v15{font-size:10px!important}
  .banger-breakdown-v15{gap:6px!important;font-size:7px!important}
  .banger-special-v15{display:none!important}
}



/* V5: Banger Index becomes the secondary language of the library. */
@media (min-width:1100px){
  .side-panel-v361 .library-card-panel .library-item{
    grid-template-columns:40px minmax(0,1fr) minmax(175px, .92fr)!important;
    height:54px!important;min-height:54px!important;
    padding:6px 8px!important;gap:9px!important;
  }
  .side-panel-v361 .library-card-panel .library-cover{
    width:40px!important;height:40px!important;min-width:40px!important;max-width:40px!important;
  }
  .side-panel-v361 .library-card-panel .library-extra-v5{
    width:100%!important;max-width:none!important;min-width:0!important;
    display:flex!important;align-items:center!important;justify-content:center!important;
  }
}
.library-extra-v5{min-width:0!important}
.banger-inline-v5{
  width:100%;min-width:0;display:grid;
  grid-template-columns:18px 36px minmax(46px,1fr) auto;
  align-items:center;gap:7px;
}
.banger-inline-icon-v5{width:18px;height:18px;display:grid;place-items:center;color:#56e08d}
.banger-inline-icon-v5 svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.banger-inline-score-v5{font-size:11px!important;color:#56e08d!important;font-weight:900!important;font-variant-numeric:tabular-nums;text-align:right}
.banger-inline-bar-v5{height:4px;border-radius:999px;background:rgba(255,255,255,.085);overflow:hidden;min-width:0}
.banger-inline-bar-v5 i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#18b957,#62e99a)}
.banger-inline-label-v5{
  display:inline-flex;align-items:center;justify-content:center;
  min-height:20px;padding:0 7px;border-radius:999px;
  background:rgba(30,215,96,.10);border:1px solid rgba(30,215,96,.16);
  color:#63e79a;font-size:7px;font-weight:900;letter-spacing:.05em;text-transform:uppercase;white-space:nowrap
}

.library-card-foot-v5{display:block!important;margin-top:7px!important;width:100%!important}
.library-card-banger-v5{
  width:100%;display:grid;
  grid-template-columns:18px 42px minmax(0,1fr);
  align-items:center;gap:9px;min-width:0
}
.library-card-banger-icon-v5{width:18px;height:18px;display:grid;place-items:center;color:#4fdd88}
.library-card-banger-icon-v5 svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.library-card-banger-score-v5{font-size:12px;color:#4fdd88;font-weight:900;font-variant-numeric:tabular-nums;text-align:left;white-space:nowrap}
.library-card-banger-bar-v5{display:none!important}
.library-card-banger-label-v5{
  display:inline-flex;align-items:center;justify-content:center;justify-self:end;min-height:24px;padding:0 10px;border-radius:999px;
  background:rgba(30,215,96,.10);border:1px solid rgba(30,215,96,.16);color:#58df8f;
  font-size:8px;font-weight:900;letter-spacing:.05em;text-transform:uppercase;white-space:nowrap;min-width:0;max-width:100%;overflow:hidden;text-overflow:ellipsis
}
.library-card-date,.library-extra-v5 .muted{display:none!important}

/* Filters now describe the actual product: artist + Banger category + ordering. */
@media (min-width:1100px){
  .library-page-controls-v5{
    grid-template-columns:minmax(280px,1.65fr) minmax(170px,.8fr) minmax(210px,.95fr) minmax(180px,.8fr) 76px!important;
  }
}
.library-page-controls-v5 button{font-weight:800!important}

html[data-theme="light"] .banger-inline-bar-v5,
html[data-theme="light"] .library-card-banger-bar-v5{background:rgba(18,28,40,.10)}
html[data-theme="light"] .banger-inline-label-v5,
html[data-theme="light"] .library-card-banger-label-v5{background:rgba(22,165,83,.09);border-color:rgba(22,165,83,.16);color:#13864b}
html[data-theme="light"] .banger-inline-score-v5,
html[data-theme="light"] .library-card-banger-score-v5,
html[data-theme="light"] .banger-inline-icon-v5,
html[data-theme="light"] .library-card-banger-icon-v5{color:#168d50!important}

@media(max-width:700px){
  .library-card-banger-v5{grid-template-columns:18px 38px minmax(40px,1fr) auto;gap:6px}
  .library-card-banger-label-v5{font-size:7px;padding:0 6px;min-height:21px}
}



/* V6 — keep the full-library Banger row inside the card at every label length. */
.library-card-body{min-width:0!important;overflow:hidden!important}
.library-card-foot-v5{min-width:0!important;overflow:hidden!important}
.library-card-banger-v5{
  width:100%!important;
  min-width:0!important;
  grid-template-columns:17px 38px minmax(0,1fr)!important;
  gap:8px!important;
}
.library-card-banger-icon-v5{width:17px!important;height:17px!important}
.library-card-banger-icon-v5 svg{width:15px!important;height:15px!important}
.library-card-banger-score-v5{font-size:11px!important;text-align:left!important}
.library-card-banger-label-v5{
  box-sizing:border-box!important;
  width:auto!important;
  max-width:100%!important;
  min-width:0!important;
  min-height:22px!important;
  padding:0 8px!important;
  font-size:7px!important;
  letter-spacing:.035em!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  justify-self:end!important;
}
@media (max-width:1250px){
  .library-card-banger-v5{grid-template-columns:16px 36px minmax(0,1fr)!important;gap:7px!important}
  .library-card-banger-label-v5{font-size:6.5px!important;padding:0 7px!important}
}
@media (max-width:700px){
  .library-card-banger-v5{grid-template-columns:16px 34px minmax(0,1fr)!important;gap:6px!important}
  .library-card-banger-label-v5{font-size:6.5px!important;padding:0 6px!important}
}
html[data-theme="light"] .library-card-banger-label-v5{box-shadow:none!important}



.library-page-controls-v7{
  display:grid!important;
  grid-template-columns:minmax(300px,1.15fr) minmax(560px,1.4fr) auto!important;
  gap:14px!important;align-items:stretch!important;
}
.library-page-controls-v7>input{height:60px!important;min-height:60px!important;border-radius:18px!important}
.banger-slider-v12{
  --banger-min:0%;--banger-max:100%;
  min-width:0;height:60px;padding:0 18px;
  border:1px solid var(--border,var(--line));border-radius:20px;
  background:linear-gradient(180deg,rgba(255,255,255,.035),rgba(255,255,255,.018));
  display:grid;grid-template-columns:24px max-content minmax(190px,1fr) max-content;
  align-items:center;column-gap:14px;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.03)
}
.banger-slider-icon-v12{width:24px;height:24px;display:grid;place-items:center;color:#53e18c}
.banger-slider-icon-v12 svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.banger-slider-copy-v12{display:flex;align-items:baseline;gap:12px;white-space:nowrap;min-width:0}
.banger-slider-copy-v12 b{font-size:11px;letter-spacing:.09em;text-transform:uppercase}
.banger-slider-copy-v12 span{font-size:10px;color:var(--muted);max-width:130px;overflow:hidden;text-overflow:ellipsis}
#bangerSliderValueV7{font-size:13px;color:#55e28d;font-weight:900;font-variant-numeric:tabular-nums;letter-spacing:-.02em;white-space:nowrap}
.banger-range-v12{position:relative;height:24px;min-width:190px;background:transparent!important;border:0!important;box-shadow:none!important;overflow:visible}
.banger-range-rail-v12,.banger-range-fill-v12{position:absolute;top:9px;height:6px;border-radius:999px;pointer-events:none}
.banger-range-rail-v12{left:0;right:0;background:rgba(255,255,255,.10)}
.banger-range-fill-v12{left:var(--banger-min);right:calc(100% - var(--banger-max));background:#1ed760;box-shadow:0 0 12px rgba(30,215,96,.18)}
/* Specificity deliberately beats the app's global input styles. */
.library-page-controls .banger-range-v12 input.banger-range-input-v12{
  position:absolute!important;left:0!important;top:0!important;
  width:100%!important;height:24px!important;min-height:24px!important;max-height:24px!important;
  margin:0!important;padding:0!important;
  appearance:none!important;-webkit-appearance:none!important;
  background:transparent!important;background-color:transparent!important;background-image:none!important;
  border:0!important;border-radius:0!important;box-shadow:none!important;outline:0!important;
  pointer-events:none!important;overflow:visible!important;
}
.library-page-controls .banger-range-v12 input.banger-range-input-v12:focus{box-shadow:none!important;border:0!important;outline:0!important}
.library-page-controls .banger-range-v12 input.banger-range-input-v12::-webkit-slider-runnable-track{height:24px;background:transparent!important;border:0!important;box-shadow:none!important}
.library-page-controls .banger-range-v12 input.banger-range-input-v12::-webkit-slider-thumb{
  -webkit-appearance:none;width:18px;height:18px;margin-top:3px;border-radius:50%;
  background:#7af0a9;border:3px solid #10251a;
  box-shadow:0 0 0 2px rgba(72,225,139,.24),0 4px 12px rgba(0,0,0,.25);
  pointer-events:auto;cursor:grab
}
.library-page-controls .banger-range-v12 input.banger-range-input-v12:active::-webkit-slider-thumb{cursor:grabbing;transform:scale(1.08)}
.library-page-controls .banger-range-v12 input.banger-range-input-v12::-moz-range-track{height:24px;background:transparent!important;border:0!important;box-shadow:none!important}
.library-page-controls .banger-range-v12 input.banger-range-input-v12::-moz-range-thumb{width:12px;height:12px;border-radius:50%;background:#7af0a9;border:3px solid #10251a;box-shadow:0 0 0 2px rgba(72,225,139,.24);pointer-events:auto;cursor:grab}
html[data-theme="light"] .banger-slider-v12{background:#fff;border-color:rgba(18,28,40,.10)}
html[data-theme="light"] .banger-range-rail-v12{background:rgba(16,24,40,.11)}
html[data-theme="light"] .library-page-controls .banger-range-v12 input.banger-range-input-v12::-webkit-slider-thumb{border-color:#fff;box-shadow:0 0 0 2px rgba(24,177,97,.18),0 4px 10px rgba(31,42,55,.12)}
@media(max-width:1280px){.library-page-controls-v7{grid-template-columns:1fr!important}.library-page-controls-v7>#libraryPageSearch{grid-column:auto}}
@media(max-width:760px){.banger-slider-v12{height:auto;min-height:72px;grid-template-columns:24px 1fr auto;grid-template-rows:auto auto;row-gap:8px;padding:10px 14px}.banger-range-v12{grid-column:1/-1;grid-row:2}}



.sort-toggle-group{display:flex;align-items:stretch;gap:10px;justify-content:flex-end;min-width:0}
.sort-toggle{
  height:60px;min-width:0;padding:0 14px;border-radius:18px;border:1px solid rgba(255,255,255,.08);
  background:rgba(255,255,255,.035);display:inline-flex;align-items:center;justify-content:center;gap:10px;color:var(--muted);box-shadow:none;flex:0 0 auto
}
.sort-toggle:hover{background:rgba(255,255,255,.06)}
.sort-toggle.active{color:#62e695;border-color:rgba(30,215,96,.26);background:rgba(30,215,96,.09);box-shadow:0 0 0 1px rgba(30,215,96,.08) inset}
.sort-toggle-icon{width:20px;height:20px;display:grid;place-items:center;flex:0 0 auto}
.sort-toggle-icon svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.sort-toggle-copy{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;line-height:1.05;gap:4px}
.sort-toggle-copy b{font-size:12px;letter-spacing:-.01em;color:var(--text)}
.sort-toggle-dir{font-size:10px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);white-space:nowrap}
.sort-toggle.active .sort-toggle-copy b,.sort-toggle.active .sort-toggle-dir{color:inherit}
html[data-theme="light"] .sort-toggle{background:#fff;border-color:rgba(18,28,40,.10);color:#617084}
html[data-theme="light"] .sort-toggle.active{color:#1ea957;border-color:rgba(30,169,87,.24);background:rgba(30,169,87,.08)}
@media(max-width:1280px){.sort-toggle-group{justify-content:flex-start;flex-wrap:wrap}.sort-toggle{flex:1 1 180px}}



/* V13 — tidy library viewport, chips and header controls. */
.user-chip{
  height:44px!important;padding:4px!important;gap:4px!important;border-radius:18px!important;
  border:1px solid rgba(255,255,255,.10)!important;background:rgba(15,20,28,.72)!important;
  box-shadow:0 12px 34px rgba(0,0,0,.22)!important;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)
}
.user-avatar,
.user-chip .ghost{
  width:36px!important;height:36px!important;padding:0!important;border-radius:14px!important;
  border:1px solid rgba(255,255,255,.10)!important;background:rgba(255,255,255,.045)!important;
  display:grid!important;place-items:center!important
}
.user-chip .ghost svg{width:16px;height:16px;stroke-width:1.9}
html[data-theme="light"] .user-chip{background:rgba(255,255,255,.84)!important;border-color:rgba(13,21,32,.10)!important;box-shadow:0 10px 30px rgba(31,42,55,.12)!important}
html[data-theme="light"] .user-avatar,html[data-theme="light"] .user-chip .ghost{background:#fff!important;border-color:rgba(13,21,32,.10)!important}

.library-page-stat-chips{
  display:flex;flex-wrap:wrap;gap:7px;align-items:center;justify-content:center;
  padding:4px;border-radius:999px;
  background:rgba(8,12,18,.34);border:1px solid rgba(255,255,255,.055);
  box-shadow:0 14px 34px rgba(0,0,0,.16),inset 0 1px 0 rgba(255,255,255,.025);
  backdrop-filter:blur(18px) saturate(125%);-webkit-backdrop-filter:blur(18px) saturate(125%);
  transition:padding .18s ease,gap .18s ease,background .18s ease,box-shadow .18s ease,transform .18s ease
}
.library-page-stat-chip{
  position:relative;display:inline-flex;align-items:center;gap:6px;height:28px;padding:0 11px;border-radius:999px;
  border:1px solid rgba(255,255,255,.075);
  background:linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.025));
  color:var(--muted);font-size:10px;font-weight:780;letter-spacing:.025em;white-space:nowrap;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.025);
  transition:height .18s ease,padding .18s ease,font-size .18s ease,background .18s ease,border-color .18s ease
}
.library-page-stat-chip b{font-size:12px;color:var(--text);font-weight:900;letter-spacing:-.025em;transition:font-size .18s ease}
.library-page-stat-chip::before{content:"";width:5px;height:5px;border-radius:50%;background:rgba(255,255,255,.20);box-shadow:0 0 0 3px rgba(255,255,255,.025)}
.library-page-stat-chip.is-accent{color:#6deb9e;border-color:rgba(30,215,96,.22);background:linear-gradient(180deg,rgba(30,215,96,.12),rgba(30,215,96,.065))}
.library-page-stat-chip.is-accent::before{background:#58e991;box-shadow:0 0 0 3px rgba(30,215,96,.10)}
.library-grid-sticky-head.is-scrolled .library-page-stat-chips{
  gap:5px;padding:3px;background:rgba(8,12,18,.62);box-shadow:0 12px 30px rgba(0,0,0,.24),inset 0 1px 0 rgba(255,255,255,.03);transform:translateY(1px)
}
.library-grid-sticky-head.is-scrolled .library-page-stat-chip{height:24px;padding:0 9px;font-size:9px;background:rgba(255,255,255,.035)}
.library-grid-sticky-head.is-scrolled .library-page-stat-chip b{font-size:11px}
.library-grid-sticky-head.is-scrolled .library-page-stat-chip::before{width:4px;height:4px}
html[data-theme="light"] .library-page-stat-chips{background:rgba(255,255,255,.74);border-color:rgba(18,28,40,.08);box-shadow:0 12px 30px rgba(31,42,55,.10),inset 0 1px 0 rgba(255,255,255,.7)}
html[data-theme="light"] .library-page-stat-chip{background:linear-gradient(180deg,#fff,#f7f9fb);border-color:rgba(18,28,40,.09);color:#617084}
html[data-theme="light"] .library-page-stat-chip::before{background:rgba(18,28,40,.20);box-shadow:0 0 0 3px rgba(18,28,40,.035)}
html[data-theme="light"] .library-page-stat-chip.is-accent{color:#1b9e52;border-color:rgba(30,169,87,.20);background:linear-gradient(180deg,rgba(30,169,87,.10),rgba(30,169,87,.055))}
html[data-theme="light"] .library-grid-sticky-head.is-scrolled .library-page-stat-chips{background:rgba(255,255,255,.90);box-shadow:0 10px 24px rgba(31,42,55,.12)}

.sort-toggle{height:60px!important;border-radius:20px!important}
.sort-toggle-group{align-items:stretch!important}
.banger-slider-v12{border-radius:20px!important}
.library-page-meta{margin:0!important;justify-content:flex-start!important;min-height:30px}

#libraryView .library-page-head{display:none!important}
#libraryView .library-page-meta{display:none!important}
#libraryView .library-grid-sticky-head{
  grid-column:1/-1;position:sticky;top:0;z-index:12;display:flex;justify-content:center;
  min-height:38px;padding:2px 0 8px;pointer-events:none;
  transition:min-height .18s ease,padding .18s ease
}
#libraryView .library-grid-sticky-head::before{
  content:"";position:absolute;inset:-6px 0 0;z-index:-1;pointer-events:none;
  background:linear-gradient(180deg,var(--panel,#111821) 0%,rgba(17,24,33,.88) 58%,rgba(17,24,33,0) 100%);
  opacity:0;transition:opacity .18s ease
}
#libraryView .library-grid-sticky-head.is-scrolled{min-height:32px;padding-top:0;padding-bottom:6px}
#libraryView .library-grid-sticky-head.is-scrolled::before{opacity:1}
#libraryView .library-grid-sticky-head .library-page-stat-chips{pointer-events:auto;justify-content:center}
html[data-theme="light"] #libraryView .library-grid-sticky-head::before{background:linear-gradient(180deg,#f7f9fb 0%,rgba(247,249,251,.90) 58%,rgba(247,249,251,0) 100%)}
@media (min-width:1100px){
  #libraryView.app-view.active{height:100%!important;min-height:0!important;overflow:hidden!important}
  #libraryView .card.library-page{
    height:100%!important;min-height:0!important;overflow:hidden!important;
    display:grid!important;grid-template-rows:auto 1fr;gap:10px!important;
    padding:16px 20px 16px!important
  }
  #libraryView .library-page-controls-v7{gap:12px!important}
  #libraryView .library-grid{
    min-height:0!important;overflow:auto!important;align-content:start!important;padding:4px 6px 8px 2px!important;
    grid-template-columns:repeat(auto-fill,minmax(168px,1fr))!important;gap:14px!important
  }
  #libraryView .library-grid::-webkit-scrollbar{width:10px}
  #libraryView .library-grid::-webkit-scrollbar-track{background:transparent}
  #libraryView .library-grid::-webkit-scrollbar-thumb{background:rgba(255,255,255,.10);border-radius:999px;border:2px solid transparent;background-clip:padding-box}
  html[data-theme="light"] #libraryView .library-grid::-webkit-scrollbar-thumb{background:rgba(18,28,40,.18);border:2px solid transparent;background-clip:padding-box}
  #libraryView .library-card{border-radius:20px!important}
  #libraryView .library-card-body{padding:12px 12px 13px!important;gap:6px!important}
  #libraryView .library-card-title{font-size:14px!important}
  #libraryView .library-card-artist{font-size:11px!important}
}
@media (max-width:1099px){
  .library-page-meta{margin:8px 0 4px!important}
  #libraryView .library-grid-sticky-head .library-page-stat-chips{justify-content:center;flex-wrap:wrap}
}



/* V17 — exact control heights + unmistakable active sort state. */
#libraryView .library-page-controls-v7 > #libraryPageSearch,
#libraryView .banger-slider-v12,
#libraryView .sort-toggle{
  height:60px!important;
  min-height:60px!important;
  max-height:60px!important;
  box-sizing:border-box!important;
  border-radius:20px!important;
}
#libraryView .library-page-controls-v7 > #libraryPageSearch{
  line-height:normal!important;
}
#libraryView .sort-toggle-group{
  height:60px!important;
  min-height:60px!important;
  max-height:60px!important;
  align-items:stretch!important;
}
#libraryView .sort-toggle{
  padding:0 14px!important;
  line-height:1!important;
  background:rgba(255,255,255,.035)!important;
  border:1px solid rgba(255,255,255,.08)!important;
  color:var(--muted)!important;
  gap:10px!important;
  transition:background .16s ease,border-color .16s ease,box-shadow .16s ease,transform .16s ease!important;
}
#libraryView .sort-toggle:hover{
  background:rgba(255,255,255,.055)!important;
  border-color:rgba(255,255,255,.12)!important;
}
#libraryView .sort-toggle.active{
  background:linear-gradient(180deg,rgba(30,215,96,.075),rgba(30,215,96,.035))!important;
  border-color:rgba(30,215,96,.24)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.025),0 0 0 1px rgba(30,215,96,.045)!important;
}
#libraryView .sort-toggle-icon{
  color:var(--muted)!important;
  transition:color .16s ease!important;
}
#libraryView .sort-toggle.active .sort-toggle-icon{
  color:#5fe694!important;
}
#libraryView .sort-toggle-copy{
  gap:5px!important;
}
#libraryView .sort-toggle-copy b{
  color:var(--text)!important;
  font-size:12px!important;
  line-height:1!important;
}
#libraryView .sort-toggle-dir{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:max-content!important;
  min-width:0!important;
  height:20px!important;
  min-height:20px!important;
  padding:0 8px!important;
  border-radius:999px!important;
  border:1px solid rgba(255,255,255,.065)!important;
  background:rgba(255,255,255,.025)!important;
  color:var(--muted)!important;
  font-size:9px!important;
  font-weight:900!important;
  letter-spacing:.055em!important;
  line-height:20px!important;
  white-space:nowrap!important;
  transition:color .16s ease,background .16s ease,border-color .16s ease,box-shadow .16s ease!important;
}
#libraryView .sort-toggle.active .sort-toggle-dir{
  color:#67e99b!important;
  border-color:rgba(30,215,96,.23)!important;
  background:linear-gradient(180deg,rgba(30,215,96,.14),rgba(30,215,96,.075))!important;
  box-shadow:0 0 0 1px rgba(30,215,96,.045) inset,0 5px 14px rgba(0,0,0,.10)!important;
}
html[data-theme="light"] #libraryView .sort-toggle{
  background:#fff!important;
  border-color:rgba(18,28,40,.10)!important;
}
html[data-theme="light"] #libraryView .sort-toggle.active{
  background:linear-gradient(180deg,rgba(30,169,87,.075),rgba(30,169,87,.035))!important;
  border-color:rgba(30,169,87,.22)!important;
}
html[data-theme="light"] #libraryView .sort-toggle-dir{
  background:rgba(18,28,40,.025)!important;
  border-color:rgba(18,28,40,.075)!important;
  color:#7b8798!important;
}
html[data-theme="light"] #libraryView .sort-toggle.active .sort-toggle-dir{
  color:#168d50!important;
  border-color:rgba(22,141,80,.20)!important;
  background:linear-gradient(180deg,rgba(22,165,83,.105),rgba(22,165,83,.055))!important;
}
@media(max-width:1280px){
  #libraryView .sort-toggle-group{height:auto!important;max-height:none!important;min-height:60px!important}
  #libraryView .sort-toggle{height:60px!important;min-height:60px!important;max-height:60px!important}
}



/* V18 — reserve copy width so changing labels never move the track. */
#libraryView .banger-slider-v12{
  grid-template-columns:24px max-content 170px minmax(150px,1fr) max-content!important;
  column-gap:12px!important;
}
#libraryView .banger-slider-title-v18{
  font-size:11px;
  letter-spacing:.09em;
  text-transform:uppercase;
  white-space:nowrap;
  color:var(--text);
}
#libraryView .banger-slider-label-v18{
  width:170px;
  min-width:170px;
  max-width:170px;
  text-align:center;
  font-size:10px;
  line-height:1.15;
  color:var(--muted);
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
  justify-self:center;
}
#libraryView .banger-range-v12{
  min-width:150px!important;
  width:100%!important;
}
@media (min-width:1281px){
  #libraryView .library-page-controls-v7{
    grid-template-columns:minmax(300px,1.05fr) minmax(600px,1.55fr) auto!important;
  }
}
@media (max-width:1450px) and (min-width:1281px){
  #libraryView .banger-slider-v12{
    grid-template-columns:24px max-content 150px minmax(120px,1fr) max-content!important;
    column-gap:10px!important;
    padding:0 14px!important;
  }
  #libraryView .banger-slider-label-v18{
    width:150px;min-width:150px;max-width:150px;
  }
  #libraryView .banger-range-v12{min-width:120px!important}
}
@media (max-width:1280px){
  #libraryView .banger-slider-v12{
    grid-template-columns:24px max-content 170px minmax(150px,1fr) max-content!important;
  }
}
@media (max-width:760px){
  #libraryView .banger-slider-v12{
    height:auto!important;
    min-height:84px!important;
    max-height:none!important;
    grid-template-columns:24px max-content 1fr max-content!important;
    grid-template-rows:auto auto!important;
    row-gap:8px!important;
  }
  #libraryView .banger-slider-label-v18{
    width:auto;min-width:0;max-width:none;text-align:left;justify-self:start;
  }
  #libraryView .banger-range-v12{grid-column:1/-1!important;grid-row:2!important}
}



/* V19 — cleaner sort toggles: icon + chip only. */
#libraryView .sort-toggle{
  gap:12px!important;
  justify-content:center!important;
}
#libraryView .sort-toggle-copy{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:0!important;
}
#libraryView .sort-toggle-copy b{
  display:none!important;
}
#libraryView .sort-toggle-dir{
  height:24px!important;
  min-height:24px!important;
  padding:0 10px!important;
  font-size:10px!important;
  letter-spacing:.06em!important;
}
#libraryView .sort-toggle.active .sort-toggle-dir{
  box-shadow:0 0 0 1px rgba(30,215,96,.05) inset,0 6px 16px rgba(0,0,0,.10)!important;
}
@media (max-width:1280px){
  #libraryView .sort-toggle{min-width:120px!important;flex:1 1 120px!important}
}



/* V20 — slimmer, Safari-like top controls. */
#libraryView .library-page-controls-v7 > #libraryPageSearch,
#libraryView .banger-slider-v12,
#libraryView .sort-toggle,
#libraryView .sort-toggle-group{
  height:52px!important;
  min-height:52px!important;
  max-height:52px!important;
}
#libraryView .library-page-controls-v7 > #libraryPageSearch,
#libraryView .banger-slider-v12,
#libraryView .sort-toggle{
  border-radius:26px!important;
}
#libraryView .library-page-controls-v7{
  align-items:center!important;
}
#libraryView .library-page-controls-v7 > #libraryPageSearch{
  padding:0 18px!important;
  font-size:15px!important;
  background:rgba(9,13,20,.88)!important;
  border:1px solid rgba(255,255,255,.055)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.018)!important;
}
#libraryView .banger-slider-v12{
  padding:0 16px!important;
  border:1px solid rgba(255,255,255,.065)!important;
}
#libraryView .sort-toggle{
  padding:0 16px!important;
  gap:11px!important;
}
#libraryView .sort-toggle-group{gap:10px!important}
#libraryView .sort-toggle-icon{width:18px!important;height:18px!important}
#libraryView .sort-toggle-icon svg{width:17px!important;height:17px!important}
#libraryView .sort-toggle-dir{
  height:22px!important;
  min-height:22px!important;
  line-height:22px!important;
  padding:0 10px!important;
  border-radius:999px!important;
  font-size:9px!important;
}
#libraryView .banger-slider-title-v18{font-size:10px!important;letter-spacing:.10em!important}
#libraryView .banger-slider-label-v18{font-size:10px!important}
#libraryView #bangerSliderValueV7{font-size:12px!important}
#libraryView .banger-slider-icon-v12{width:20px!important;height:20px!important}
#libraryView .banger-slider-icon-v12 svg{width:18px!important;height:18px!important}
#libraryView .banger-range-v12{min-width:130px!important}
#libraryView .banger-range-v12 .banger-range-rail-v12,
#libraryView .banger-range-v12 .banger-range-fill-v12{top:8px!important;height:5px!important}
#libraryView .banger-range-v12 input.banger-range-input-v12{
  top:8px!important;height:5px!important;min-height:5px!important;
}
#libraryView .banger-range-v12 input.banger-range-input-v12::-webkit-slider-thumb{
  width:16px!important;height:16px!important;margin-top:-5px!important;
}
html[data-theme="light"] #libraryView .library-page-controls-v7 > #libraryPageSearch{
  background:rgba(255,255,255,.92)!important;
  border-color:rgba(18,28,40,.08)!important;
}
@media (max-width:1450px) and (min-width:1281px){
  #libraryView .banger-slider-v12{
    grid-template-columns:20px max-content 142px minmax(110px,1fr) max-content!important;
    column-gap:10px!important;
  }
  #libraryView .banger-slider-label-v18{width:142px;min-width:142px;max-width:142px}
}
@media (max-width:1280px){
  #libraryView .sort-toggle-group{height:auto!important;min-height:52px!important;max-height:none!important}
  #libraryView .sort-toggle{flex:1 1 112px!important;min-width:112px!important}
}
@media (max-width:760px){
  #libraryView .banger-slider-v12{
    height:auto!important;min-height:76px!important;max-height:none!important;
    border-radius:24px!important;padding:10px 14px!important;
  }
}



/* V21 — keep the compact shell, restore a proper 24px range hit area. */
#libraryView .banger-range-v12{
  height:24px!important;
  min-height:24px!important;
  align-self:center!important;
}
#libraryView .banger-range-v12 .banger-range-rail-v12,
#libraryView .banger-range-v12 .banger-range-fill-v12{
  top:9.5px!important;
  height:5px!important;
}
#libraryView .banger-range-v12 input.banger-range-input-v12{
  top:0!important;
  height:24px!important;
  min-height:24px!important;
  max-height:24px!important;
}
#libraryView .banger-range-v12 input.banger-range-input-v12::-webkit-slider-runnable-track{
  height:24px!important;
  background:transparent!important;
}
#libraryView .banger-range-v12 input.banger-range-input-v12::-webkit-slider-thumb{
  width:16px!important;
  height:16px!important;
  margin-top:4px!important;
}
#libraryView .banger-range-v12 input.banger-range-input-v12::-moz-range-track{
  height:24px!important;
  background:transparent!important;
}
#libraryView .banger-range-v12 input.banger-range-input-v12::-moz-range-thumb{
  width:10px!important;
  height:10px!important;
}



.tracks-column-v31[data-column="gems"] .track-meta-v31>b{color:#f0bd69!important}
.tracks-column-v31[data-column="gems"] .track-meta-v31>b::after{content:" gap";font-size:7px;font-weight:800;color:var(--muted);margin-left:3px;text-transform:uppercase;letter-spacing:.06em}
.tracks-column-v31[data-column="gems"] .tracks-column-icon-v34{background:rgba(240,189,105,.10);border-color:rgba(240,189,105,.2);color:#f0bd69}
.tracks-column-v31[data-column="hof"] .tracks-column-icon-v34{background:rgba(129,180,255,.10);border-color:rgba(129,180,255,.2);color:#81b4ff}




/* V58 corrected: monochrome dashboard, tier colour only as a restrained accent */
:root{
  --S:#ff3b6b;
  --A:#ffd52a;
  --B:#39f087;
  --C:#37bfff;
  --Q:#8995a7;
}

/* Kill decorative colour from the global canvas. */
body::before{
  background:
    radial-gradient(circle at 50% -10%, rgba(255,255,255,.035), transparent 34%),
    linear-gradient(180deg,#090b0f 0%,#050608 100%) !important;
}
html[data-theme="light"] body::before{
  background:linear-gradient(180deg,#f8fafc 0%,#eef1f4 100%) !important;
}

/* Tiers: black surfaces, no colour wash. */
.tier,
.tier[data-tier="S"],
.tier[data-tier="A"],
.tier[data-tier="B"],
.tier[data-tier="C"],
.tier[data-tier="?"],
html[data-theme="light"] .tier,
html[data-theme="light"] .tier[data-tier="S"],
html[data-theme="light"] .tier[data-tier="A"],
html[data-theme="light"] .tier[data-tier="B"],
html[data-theme="light"] .tier[data-tier="C"],
html[data-theme="light"] .tier[data-tier="?"]{
  background:#07090c !important;
  border:1px solid rgba(255,255,255,.085) !important;
  box-shadow:none !important;
}
.tier::before,
html[data-theme="light"] .tier::before{
  background:none !important;
}

/* Tiny tier signature: just the border gets a faint electric hint. */
.tier[data-tier="S"],html[data-theme="light"] .tier[data-tier="S"]{border-color:rgba(255,59,107,.30) !important}
.tier[data-tier="A"],html[data-theme="light"] .tier[data-tier="A"]{border-color:rgba(255,213,42,.28) !important}
.tier[data-tier="B"],html[data-theme="light"] .tier[data-tier="B"]{border-color:rgba(57,240,135,.28) !important}
.tier[data-tier="C"],html[data-theme="light"] .tier[data-tier="C"]{border-color:rgba(55,191,255,.28) !important}
.tier[data-tier="?"],html[data-theme="light"] .tier[data-tier="?"]{border-color:rgba(137,149,167,.20) !important}

/* Tier letter: no coloured box, only electric typography. */
.letter,
html[data-theme="light"] .letter,
.tier[data-tier="S"] .letter,
.tier[data-tier="A"] .letter,
.tier[data-tier="B"] .letter,
.tier[data-tier="C"] .letter,
.tier[data-tier="?"] .letter,
html[data-theme="light"] .tier[data-tier="S"] .letter,
html[data-theme="light"] .tier[data-tier="A"] .letter,
html[data-theme="light"] .tier[data-tier="B"] .letter,
html[data-theme="light"] .tier[data-tier="C"] .letter,
html[data-theme="light"] .tier[data-tier="?"] .letter{
  background:#0c0f14 !important;
  border:1px solid rgba(255,255,255,.085) !important;
  box-shadow:none !important;
}
.tier[data-tier="S"] .letter,html[data-theme="light"] .tier[data-tier="S"] .letter{color:var(--S) !important;border-color:rgba(255,59,107,.34) !important}
.tier[data-tier="A"] .letter,html[data-theme="light"] .tier[data-tier="A"] .letter{color:var(--A) !important;border-color:rgba(255,213,42,.32) !important}
.tier[data-tier="B"] .letter,html[data-theme="light"] .tier[data-tier="B"] .letter{color:var(--B) !important;border-color:rgba(57,240,135,.32) !important}
.tier[data-tier="C"] .letter,html[data-theme="light"] .tier[data-tier="C"] .letter{color:var(--C) !important;border-color:rgba(55,191,255,.32) !important}
.tier[data-tier="?"] .letter,html[data-theme="light"] .tier[data-tier="?"] .letter{color:#a7b1bf !important;border-color:rgba(167,177,191,.20) !important}

/* Only the tier title inherits colour. Supporting copy stays neutral. */
.tier-info b{color:#eef3f8 !important}
.tier-info span{color:#7f8a99 !important}
.tier[data-tier="S"] .tier-info b{color:var(--S) !important}
.tier[data-tier="A"] .tier-info b{color:var(--A) !important}
.tier[data-tier="B"] .tier-info b{color:var(--B) !important}
.tier[data-tier="C"] .tier-info b{color:var(--C) !important}

/* Counts stay quiet: no coloured pills. */
.count,
.tier[data-tier="S"] .count,
.tier[data-tier="A"] .count,
.tier[data-tier="B"] .count,
.tier[data-tier="C"] .count,
.tier[data-tier="?"] .count,
html[data-theme="light"] .count{
  color:#aeb8c5 !important;
  background:#0c0f14 !important;
  border-color:rgba(255,255,255,.075) !important;
}

/* Songs remain monochrome. No tier-coloured cards or titles. */
.song,
html[data-theme="light"] .song,
.tier[data-tier="S"] .song,
.tier[data-tier="A"] .song,
.tier[data-tier="B"] .song,
.tier[data-tier="C"] .song,
.tier[data-tier="?"] .song{
  background:#0b0e12 !important;
  border-color:rgba(255,255,255,.07) !important;
  box-shadow:none !important;
}
.title,
html[data-theme="light"] .title,
.tier .song .title{color:#edf2f7 !important}
.handle,.del,
html[data-theme="light"] .handle,
html[data-theme="light"] .del{color:#596575 !important}
.empty-zone,
html[data-theme="light"] .empty-zone{
  background:#0a0d11 !important;
  color:#758090 !important;
  border-color:rgba(255,255,255,.10) !important;
}

/* Light mode still keeps the tier board black by design. */
html[data-theme="light"] .tier-info span{color:#7f8a99 !important}
html[data-theme="light"] .tier-info b{color:#eef3f8 !important}
html[data-theme="light"] .tier[data-tier="S"] .tier-info b{color:var(--S) !important}
html[data-theme="light"] .tier[data-tier="A"] .tier-info b{color:var(--A) !important}
html[data-theme="light"] .tier[data-tier="B"] .tier-info b{color:var(--B) !important}
html[data-theme="light"] .tier[data-tier="C"] .tier-info b{color:var(--C) !important}



.spotify-search-close-v7{display:grid!important;place-items:center!important;width:56px!important;height:56px!important;border-radius:999px!important;font-size:0!important;line-height:1!important;padding:0!important;flex:0 0 56px!important}
.spotify-search-close-v7 svg{width:22px!important;height:22px!important;stroke:currentColor!important;stroke-width:2.4!important;fill:none!important;stroke-linecap:round!important;stroke-linejoin:round!important}
.library-card-cover,.library-cover{position:relative!important}
.owned-dot-v24{position:absolute;top:10px;right:10px;width:12px;height:12px;border-radius:999px;border:2px solid rgba(8,12,20,.72);box-shadow:0 0 0 4px rgba(8,12,20,.18)}
.owned-dot-v24.is-owned{background:#42e07d}
.owned-dot-v24.is-missing{background:#ff5a5f}
.library-page-stat-chip.owned-chip-v24{cursor:pointer;user-select:none;transition:.18s ease}
.library-page-stat-chip.owned-chip-v24:hover{transform:translateY(-1px)}
.library-page-stat-chip.owned-chip-v24.active{background:rgba(29,209,116,.14)!important;border-color:rgba(29,209,116,.28)!important;color:#6af2a0!important;box-shadow:0 0 0 1px rgba(29,209,116,.1),0 10px 25px rgba(9,14,22,.12)!important}
.library-page-stat-chip.owned-chip-v24 b{color:inherit!important}
.owned-toggle-row-v24{display:flex;justify-content:flex-start;align-items:center;margin-top:14px}
.owned-toggle-v24{display:inline-flex;align-items:center;gap:10px;min-height:42px;padding:0 14px;border-radius:999px;border:1px solid var(--border);background:linear-gradient(180deg,rgba(255,255,255,.03),rgba(255,255,255,.015));color:var(--text);font-weight:800;letter-spacing:-.02em;cursor:pointer;transition:.18s ease;box-shadow:0 8px 20px rgba(0,0,0,.08)}
.owned-toggle-v24:hover{transform:translateY(-1px);border-color:rgba(29,209,116,.24)}
.owned-toggle-v24 .owned-toggle-icon-v24{width:18px;height:18px;display:grid;place-items:center;color:var(--muted)}
.owned-toggle-v24 .owned-toggle-icon-v24 svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.owned-toggle-v24 .owned-toggle-copy-v24{display:grid;gap:2px;text-align:left}
.owned-toggle-v24 .owned-toggle-copy-v24 b{font-size:13px;line-height:1}
.owned-toggle-v24 .owned-toggle-copy-v24 span{font-size:11px;line-height:1;color:var(--muted)}
.owned-toggle-v24.is-owned{border-color:rgba(29,209,116,.26);background:linear-gradient(180deg,rgba(29,209,116,.14),rgba(29,209,116,.08));color:#66e696}
.owned-toggle-v24.is-owned .owned-toggle-icon-v24,.owned-toggle-v24.is-owned .owned-toggle-copy-v24 span{color:#66e696}



/* V28 overlay: final collection UI, intentionally beats the older injected v27 layer. */
#collectionCardV27,#ownedFilterChipV27,.collection-dot-v27,#ownedToggleRowV24,.owned-dot-v24{display:none!important}
.library-card-cover{position:relative!important}
.collection-dot-v28{position:absolute;top:10px;right:10px;width:12px;height:12px;border-radius:999px;border:2px solid rgba(8,12,20,.72);box-shadow:0 0 0 4px rgba(8,12,20,.18);z-index:4}
.collection-dot-v28.is-owned{background:#42e07d}.collection-dot-v28.is-wishlist{background:#ff6f91}.collection-dot-v28.is-none{display:none}
.library-page-stat-chip.collection-chip-v28{cursor:pointer;user-select:none;transition:.18s ease}
.library-page-stat-chip.collection-chip-v28:hover{transform:translateY(-1px)}
.library-page-stat-chip.collection-chip-v28.active.owned{background:rgba(29,209,116,.14)!important;border-color:rgba(29,209,116,.28)!important;color:#6af2a0!important}
.library-page-stat-chip.collection-chip-v28.active.wishlist{background:rgba(255,111,145,.14)!important;border-color:rgba(255,111,145,.28)!important;color:#ff93ac!important}
.library-page-stat-chip.collection-chip-v28 b{color:inherit!important}
.library-page-stat-chip.share-chip-v28{width:30px!important;padding:0!important;justify-content:center!important;cursor:pointer!important}
.library-page-stat-chip.share-chip-v28::before{display:none!important}
.library-page-stat-chip.share-chip-v28 svg{width:13px;height:13px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.library-page-stat-chip.share-chip-v28.copied{color:#ff93ac!important;border-color:rgba(255,111,145,.30)!important;background:rgba(255,111,145,.12)!important}
.collection-card-v28{border:1px solid var(--border,var(--line));border-radius:18px;background:var(--panel);padding:10px 12px;display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:58px}
.collection-card-v28-title{font-size:11px;font-weight:850;color:var(--muted);letter-spacing:.08em;text-transform:uppercase;white-space:nowrap}
.collection-actions-v28{display:flex;align-items:center;gap:8px;margin-left:auto}
.collection-icon-v28{width:38px;height:38px;min-height:38px!important;padding:0!important;border-radius:12px!important;border:1px solid var(--border)!important;background:rgba(255,255,255,.035)!important;color:var(--muted)!important;display:grid!important;place-items:center!important;box-shadow:none!important}
.collection-icon-v28:hover{transform:translateY(-1px)!important;background:rgba(255,255,255,.065)!important;color:var(--text)!important}
.collection-icon-v28 svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.collection-icon-v28.is-owned{color:#62e798!important;border-color:rgba(29,209,116,.28)!important;background:rgba(29,209,116,.11)!important}
.collection-icon-v28.is-wishlist{color:#ff86a1!important;border-color:rgba(255,111,145,.30)!important;background:rgba(255,111,145,.11)!important}
.collection-icon-v28.is-wishlist svg{fill:currentColor!important;stroke:currentColor!important}
html[data-theme="light"] .collection-icon-v28{background:#fff!important;border-color:rgba(18,28,40,.10)!important}
@media(min-width:1100px){.left-column>.panel{grid-template-rows:auto minmax(0,1fr) auto auto!important}.collection-card-v28{margin:0!important}}



.public-wishlist-v29{position:fixed;inset:0;z-index:2147483647;overflow:auto;background:#070a0f;color:#f6f8fb;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background-image:radial-gradient(circle at 15% 0%,rgba(30,215,96,.10),transparent 30%),radial-gradient(circle at 90% 5%,rgba(255,105,135,.10),transparent 28%)}
.public-wishlist-v29 main{width:min(1180px,calc(100% - 32px));margin:0 auto;padding:56px 0 72px}.public-wishlist-v29 .head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:28px}.public-wishlist-v29 .kicker{font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:#6ee7a8;font-weight:900}.public-wishlist-v29 h1{margin:8px 0 0;font-size:clamp(38px,6vw,72px);line-height:.94;letter-spacing:-.06em}.public-wishlist-v29 .count{padding:10px 14px;border:1px solid rgba(255,255,255,.08);border-radius:999px;background:rgba(255,255,255,.035);color:#aab6c7;font-size:12px;font-weight:800}.public-wishlist-v29 .grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:16px}.public-wishlist-v29 .card{overflow:hidden;border:1px solid rgba(255,255,255,.08);border-radius:22px;background:linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.025));box-shadow:0 18px 45px rgba(0,0,0,.20)}.public-wishlist-v29 .cover{aspect-ratio:1/1;background:#111722 center/cover no-repeat}.public-wishlist-v29 .meta{padding:14px}.public-wishlist-v29 .meta h2{margin:0;font-size:16px;letter-spacing:-.03em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.public-wishlist-v29 .meta p{margin:5px 0 0;color:#98a5b8;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.public-wishlist-v29 .empty{grid-column:1/-1;padding:60px 20px;text-align:center;border:1px dashed rgba(255,255,255,.12);border-radius:22px;color:#8f9daf}.public-wishlist-v29 .foot{margin-top:28px;color:#667487;font-size:11px}.public-wishlist-v29 .heart{color:#ff6f91}@media(max-width:560px){.public-wishlist-v29 main{padding-top:28px}.public-wishlist-v29 .head{align-items:flex-start;flex-direction:column}.public-wishlist-v29 .grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.public-wishlist-v29 .meta{padding:10px}.public-wishlist-v29 .meta h2{font-size:13px}.public-wishlist-v29 .meta p{font-size:11px}}



body.v30-offline #authShell{display:none!important}
body.v30-offline #save{display:none!important}
.autosave-v30{position:fixed;left:22px;bottom:22px;z-index:12000;display:inline-flex;align-items:center;gap:8px;height:34px;padding:0 12px;border-radius:999px;border:1px solid rgba(255,255,255,.08);background:rgba(13,18,25,.82);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);color:var(--muted);font-size:10px;font-weight:850;letter-spacing:.04em;box-shadow:0 10px 30px rgba(0,0,0,.22);transition:.18s ease}
.autosave-v30 i{width:7px;height:7px;border-radius:50%;background:#718094;box-shadow:0 0 0 4px rgba(113,128,148,.08);transition:.18s ease}
.autosave-v30.saving{color:#f0ba62}.autosave-v30.saving i{background:#f0ba62;box-shadow:0 0 0 4px rgba(240,186,98,.10)}
.autosave-v30.saved{color:#6ee7a8}.autosave-v30.saved i{background:#45de86;box-shadow:0 0 0 4px rgba(69,222,134,.10)}
html[data-theme="light"] .autosave-v30{background:rgba(255,255,255,.88);border-color:rgba(18,28,40,.09);box-shadow:0 10px 26px rgba(31,42,55,.10)}

.tracks-view-v30.active{display:block!important;height:100%!important;min-height:0!important;overflow:hidden!important}
.tracks-shell-v30{height:100%;min-height:0;overflow:hidden;display:grid;grid-template-rows:auto auto auto minmax(0,1fr);gap:14px;padding:22px;border:1px solid var(--border,var(--line));border-radius:28px;background:linear-gradient(180deg,rgba(18,24,33,.96),rgba(10,14,20,.98));box-shadow:var(--shadow)}
.tracks-head-v30{display:flex;align-items:flex-end;justify-content:space-between;gap:28px}
.tracks-kicker-v30{display:block;font-size:10px;font-weight:900;letter-spacing:.13em;text-transform:uppercase;color:#64e596;margin-bottom:8px}
.tracks-head-v30 h2{margin:0;font-size:42px;line-height:.95;letter-spacing:-.055em}.tracks-head-v30 p{margin:8px 0 0;color:var(--muted);font-size:12px}
.tracks-formula-v30{display:flex;align-items:center;gap:7px;padding:9px 12px;border:1px solid rgba(255,255,255,.07);border-radius:999px;background:rgba(255,255,255,.025);color:var(--muted);font-size:9px;white-space:nowrap}.tracks-formula-v30 span{font-weight:900;color:var(--text);letter-spacing:.08em}.tracks-formula-v30 b{color:#65e899;font-size:10px}
.tracks-toolbar-v30{display:flex;align-items:center;justify-content:space-between;gap:12px}.tracks-mode-v30{display:flex;align-items:center;gap:4px;padding:4px;border:1px solid var(--border);border-radius:999px;background:rgba(255,255,255,.025)}.tracks-mode-v30 button{height:34px;min-height:34px!important;padding:0 14px!important;border:0!important;border-radius:999px!important;background:transparent!important;color:var(--muted)!important;font-size:10px;font-weight:900;box-shadow:none!important;transform:none!important}.tracks-mode-v30 button.active{background:rgba(30,215,96,.12)!important;color:#67e99b!important;box-shadow:inset 0 0 0 1px rgba(30,215,96,.18)!important}.tracks-toolbar-v30 select{width:210px;height:42px;min-height:42px;border-radius:999px;padding:0 14px;font-size:11px}
.tracks-summary-v30{display:flex;align-items:center;gap:9px}.tracks-stat-v30{display:inline-flex;align-items:center;height:28px;padding:0 10px;border-radius:999px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.07);font-size:10px;font-weight:900}.tracks-desc-v30{color:var(--muted);font-size:10px}
.tracks-list-v30{min-height:0;overflow:auto;display:flex;flex-direction:column;gap:7px;padding-right:5px}.tracks-list-v30::-webkit-scrollbar{width:8px}.tracks-list-v30::-webkit-scrollbar-thumb{background:rgba(255,255,255,.10);border-radius:999px}
.track-rank-v30{display:grid;grid-template-columns:46px minmax(180px,1.5fr) minmax(140px,1fr) 48px 76px;gap:12px;align-items:center;min-height:58px;padding:8px 12px;border:1px solid rgba(255,255,255,.065);border-radius:16px;background:rgba(255,255,255,.025);transition:.16s ease}.track-rank-v30:hover{background:rgba(255,255,255,.045);border-color:rgba(255,255,255,.11);transform:translateY(-1px)}
.track-rank-num-v30{font-size:20px;font-weight:950;letter-spacing:-.05em;color:#556274;text-align:center}.track-rank-v30:nth-child(-n+3) .track-rank-num-v30{color:#67e99b}.track-title-v30{min-width:0}.track-title-v30 b{display:block;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.track-title-v30 span,.track-album-v30{display:block;margin-top:3px;color:var(--muted);font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.track-tier-v30{width:32px;height:32px;border-radius:11px;display:grid;place-items:center;font-size:13px;font-weight:950;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.04)}.track-tier-v30.s{color:#ff8a78;background:rgba(255,122,104,.11);border-color:rgba(255,122,104,.18)}.track-tier-v30.a{color:#ffc36b;background:rgba(255,188,95,.10);border-color:rgba(255,188,95,.18)}.track-tier-v30.b{color:#73e6ab;background:rgba(110,231,168,.09);border-color:rgba(110,231,168,.17)}
.track-score-v30{text-align:right}.track-score-v30 b{display:block;color:#6ee7a8;font-size:15px;font-weight:950;font-variant-numeric:tabular-nums}.track-score-v30 span{display:block;color:var(--muted);font-size:8px;margin-top:2px}.tracks-empty-v30{padding:52px 20px;text-align:center;border:1px dashed rgba(255,255,255,.11);border-radius:20px;color:var(--muted);font-size:12px}
html[data-theme="light"] .tracks-shell-v30{background:linear-gradient(180deg,#fff,#f7f9fb);border-color:rgba(18,28,40,.09)}html[data-theme="light"] .track-rank-v30{background:rgba(16,24,40,.025);border-color:rgba(18,28,40,.08)}html[data-theme="light"] .track-rank-v30:hover{background:#fff;border-color:rgba(18,28,40,.13)}
@media(max-width:900px){.tracks-head-v30{align-items:flex-start;flex-direction:column}.tracks-formula-v30{white-space:normal}.tracks-toolbar-v30{align-items:stretch;flex-direction:column}.tracks-toolbar-v30 select{width:100%}.track-rank-v30{grid-template-columns:38px minmax(0,1fr) 42px 64px}.track-album-v30{display:none!important}}



.tracks-shell-v31{height:100%;display:grid;grid-template-rows:auto minmax(0,1fr);gap:16px;padding:20px!important;overflow:hidden}
.tracks-head-v31{margin:0!important;align-items:flex-end!important}
.tracks-tools-v31{display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:flex-end}
.tracks-tools-v31 select{width:190px;height:42px;min-height:42px;border-radius:999px;padding:0 14px;font-size:11px}
.tracks-columns-v31{min-height:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;overflow:hidden}
.tracks-column-v31{min-width:0;min-height:0;display:grid;grid-template-rows:auto minmax(0,1fr);border:1px solid rgba(255,255,255,.07);border-radius:22px;background:rgba(255,255,255,.022);overflow:hidden}
.tracks-column-head-v31{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;padding:15px 16px 13px;border-bottom:1px solid rgba(255,255,255,.055)}
.tracks-column-head-copy-v34{min-width:0;display:grid;gap:6px}
.tracks-column-head-row-v34{display:flex;align-items:center;gap:10px;min-width:0}
.tracks-column-icon-v34{width:22px;height:22px;display:grid;place-items:center;border-radius:999px;background:rgba(93,226,143,.10);border:1px solid rgba(93,226,143,.18);color:#5de28f;flex:0 0 22px}
.tracks-column-icon-v34 svg{width:13px;height:13px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.tracks-column-v31[data-column="gems"] .tracks-column-icon-v34 svg,.tracks-column-v31[data-column="hof"] .tracks-column-icon-v34 svg{fill:currentColor;stroke:none}.tracks-column-head-v31 h3{margin:0;font-size:18px;letter-spacing:-.038em;line-height:1.02}.tracks-column-head-v31 p{margin:0;color:var(--muted);font-size:10px;line-height:1.25;white-space:normal;max-width:38ch}.tracks-column-head-v31>b{display:grid;place-items:center;min-width:34px;height:34px;border-radius:999px;background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.065);font-size:12px;font-weight:900;flex:0 0 34px}
.tracks-column-list-v31{min-height:0;overflow-y:auto;display:flex;flex-direction:column;gap:7px;padding:10px}.tracks-column-list-v31::-webkit-scrollbar{width:7px}.tracks-column-list-v31::-webkit-scrollbar-thumb{background:rgba(255,255,255,.09);border-radius:999px}
.track-card-v31{min-width:0;display:grid;grid-template-columns:54px minmax(0,1fr) auto;gap:10px;align-items:center;padding:7px;border:1px solid rgba(255,255,255,.055);border-radius:16px;background:rgba(255,255,255,.022);transition:.16s ease}.track-card-v31:hover{transform:translateY(-1px);background:rgba(255,255,255,.045);border-color:rgba(255,255,255,.10)}
.track-cover-v31{position:relative;width:54px;height:54px;border-radius:12px;background:#111722 center/cover no-repeat;overflow:hidden;box-shadow:0 8px 18px rgba(0,0,0,.18)}.track-cover-v31:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 45%,rgba(0,0,0,.68))}.track-cover-v31 span{position:absolute;left:7px;bottom:5px;z-index:2;font-size:10px;font-weight:950;color:white;font-variant-numeric:tabular-nums}
.track-copy-v31{min-width:0;display:grid;gap:2px}.track-copy-v31 b{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.track-copy-v31 span{font-size:10px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.track-copy-v31 small{font-size:9px;color:var(--muted-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.track-meta-v31{display:grid;justify-items:end;gap:5px}.track-meta-v31 .track-tier-v30{width:26px;height:26px;border-radius:9px;font-size:10px}.track-meta-v31>b{font-size:11px;color:#68e89a;font-weight:950;font-variant-numeric:tabular-nums}
.tracks-empty-v31{padding:34px 16px;text-align:center;color:var(--muted);font-size:10px;border:1px dashed rgba(255,255,255,.09);border-radius:14px}
.tracks-year-column-v37 .tracks-column-icon-v34{background:rgba(198,133,255,.10);border-color:rgba(198,133,255,.20);color:#c685ff}
.tracks-year-head-tools-v37{display:flex;align-items:center;gap:6px;flex:0 0 auto}
.tracks-year-select-v37{width:72px!important;height:32px!important;min-height:32px!important;padding:0 9px!important;border-radius:999px!important;background:rgba(255,255,255,.035)!important;border:1px solid rgba(255,255,255,.07)!important;color:var(--text)!important;font-size:10px!important;font-weight:850!important;box-shadow:none!important}
.tracks-year-count-v37{display:grid;place-items:center;min-width:48px;height:32px;border-radius:999px;background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.065);font-size:10px;font-weight:900;white-space:nowrap}
html[data-theme="light"] .tracks-year-select-v37{background:#fff!important;border-color:rgba(18,28,40,.09)!important}
html[data-theme="light"] .tracks-column-v31{background:rgba(16,24,40,.018);border-color:rgba(18,28,40,.08)}html[data-theme="light"] .tracks-column-head-v31{border-color:rgba(18,28,40,.07)}html[data-theme="light"] .track-card-v31{background:#fff;border-color:rgba(18,28,40,.075)}
@media(max-width:1450px) and (min-width:1101px){.tracks-columns-v31{grid-template-columns:repeat(2,minmax(0,1fr))}.tracks-column-v31{min-height:0}}
@media(max-width:1100px){.tracks-columns-v31{grid-template-columns:1fr}.tracks-shell-v31{height:auto;overflow:visible}.tracks-column-v31{min-height:420px}.tracks-head-v31{align-items:flex-start!important;flex-direction:column}.tracks-tools-v31{justify-content:flex-start}}



/* V32 — quieter header, centered controls, denser horizontal track metadata. */
.tracks-shell-v31{
  grid-template-rows:auto minmax(0,1fr)!important;
  gap:12px!important;
  padding:16px 20px 20px!important;
}
.tracks-head-v31{
  min-height:48px!important;
  margin:0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
}
.tracks-tools-v31{
  width:100%!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:8px!important;
  flex-wrap:wrap!important;
}
.tracks-filter-shell-v32,
.tracks-formula-v30{
  height:36px!important;
  min-height:36px!important;
  display:inline-flex!important;
  align-items:center!important;
  border:1px solid rgba(255,255,255,.07)!important;
  border-radius:999px!important;
  background:rgba(255,255,255,.025)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.02)!important;
}
.tracks-filter-shell-v32{
  gap:7px!important;
  padding:0 6px 0 12px!important;
}
.tracks-control-label-v32{
  font-size:9px!important;
  font-weight:900!important;
  letter-spacing:.08em!important;
  color:var(--text)!important;
}
.tracks-tools-v31 .tracks-filter-shell-v32 select{
  width:auto!important;
  min-width:150px!important;
  height:28px!important;
  min-height:28px!important;
  padding:0 28px 0 9px!important;
  margin:0!important;
  border:0!important;
  border-radius:999px!important;
  background:rgba(255,255,255,.045)!important;
  box-shadow:none!important;
  color:var(--muted)!important;
  font-size:9px!important;
  font-weight:800!important;
  outline:0!important;
}
.tracks-formula-v30{
  padding:0 12px!important;
  gap:7px!important;
  font-size:9px!important;
}
.tracks-columns-v31{gap:12px!important}
.track-card-v31{
  grid-template-columns:58px minmax(0,1fr) auto!important;
  gap:12px!important;
  min-height:72px!important;
  padding:7px 9px 7px 7px!important;
}
.track-cover-v31{width:58px!important;height:58px!important;border-radius:13px!important}
.track-copy-v31{gap:3px!important;padding-right:4px!important}
.track-copy-v31 b{font-size:13px!important;line-height:1.15!important}
.track-copy-v31 span{font-size:10.5px!important}
.track-copy-v31 small{font-size:9.5px!important}
.track-meta-v31{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:7px!important;
  min-width:72px!important;
  white-space:nowrap!important;
}
.track-meta-v31 .track-tier-v30{
  width:28px!important;
  height:28px!important;
  min-width:28px!important;
  border-radius:9px!important;
  font-size:10px!important;
}
.track-meta-v31>b{
  min-width:29px!important;
  text-align:right!important;
  font-size:12px!important;
  line-height:1!important;
}
html[data-theme="light"] .tracks-filter-shell-v32,
html[data-theme="light"] .tracks-formula-v30{
  background:rgba(16,24,40,.025)!important;
  border-color:rgba(18,28,40,.08)!important;
}
html[data-theme="light"] .tracks-tools-v31 .tracks-filter-shell-v32 select{
  background:#fff!important;
  color:#667386!important;
}
@media(max-width:1100px){
  .tracks-head-v31{align-items:center!important;flex-direction:row!important}
  .tracks-tools-v31{justify-content:center!important}
}
@media(max-width:620px){
  .tracks-tools-v31{align-items:stretch!important;flex-direction:column!important}
  .tracks-filter-shell-v32,.tracks-formula-v30{width:100%!important;justify-content:center!important}
  .tracks-tools-v31 .tracks-filter-shell-v32 select{flex:1!important;min-width:0!important}
}



.share-story-modal-v36{
  position:fixed;inset:0;z-index:2147483600;display:none;place-items:center;padding:22px;
  background:rgba(3,5,8,.82);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)
}
.share-story-modal-v36.open{display:grid}
.share-story-shell-v36{
  width:min(980px,96vw);max-height:92vh;display:grid;grid-template-columns:minmax(320px,430px) minmax(300px,1fr);
  gap:22px;padding:18px;border:1px solid rgba(255,255,255,.09);border-radius:28px;
  background:linear-gradient(180deg,#151b24,#0b1017);box-shadow:0 34px 110px rgba(0,0,0,.55);overflow:auto
}
.share-story-preview-v36{
  min-width:0;display:grid;place-items:center;padding:8px;border-radius:20px;
  background:rgba(255,255,255,.022);border:1px solid rgba(255,255,255,.06)
}
.share-story-preview-v36 canvas{
  display:block;width:min(100%,360px);height:auto;aspect-ratio:9/16;border-radius:18px;
  box-shadow:0 24px 65px rgba(0,0,0,.42);background:#0a0e14
}
.share-story-panel-v36{min-width:0;display:flex;flex-direction:column;padding:12px 8px 8px}
.share-story-top-v36{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}
.share-story-kicker-v36{font-size:9px;font-weight:900;letter-spacing:.14em;text-transform:uppercase;color:#63e796}
.share-story-panel-v36 h2{margin:8px 0 6px;font-size:30px;line-height:.98;letter-spacing:-.055em}
.share-story-panel-v36 p{margin:0;color:var(--muted);font-size:12px;line-height:1.5;max-width:46ch}
.share-story-close-v36{
  width:38px;height:38px;min-height:38px!important;padding:0!important;border-radius:999px!important;
  display:grid!important;place-items:center!important;font-size:0!important
}
.share-story-close-v36 svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}
.share-story-info-v36{margin-top:22px;display:grid;gap:9px}
.share-story-info-row-v36{
  display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 12px;
  border:1px solid rgba(255,255,255,.065);border-radius:14px;background:rgba(255,255,255,.025)
}
.share-story-info-row-v36 span{font-size:10px;color:var(--muted)}
.share-story-info-row-v36 b{font-size:11px}
.share-story-actions-v36{margin-top:auto;padding-top:24px;display:grid;gap:9px}
.share-story-actions-v36 button{
  height:46px!important;min-height:46px!important;border-radius:15px!important;font-size:11px!important;font-weight:900!important;
  display:flex!important;align-items:center!important;justify-content:center!important;gap:9px!important
}
.share-story-actions-v36 .story-primary-v36{
  background:linear-gradient(180deg,#1ed760,#18b957)!important;border-color:rgba(30,215,96,.34)!important;
  color:#061109!important;box-shadow:0 12px 34px rgba(30,215,96,.17)!important
}
.share-story-actions-v36 svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.share-story-note-v36{margin-top:10px;color:var(--muted-2);font-size:9px;line-height:1.45}
@media(max-width:760px){
  .share-story-shell-v36{grid-template-columns:1fr;width:min(480px,96vw)}
  .share-story-preview-v36 canvas{width:min(100%,300px)}
  .share-story-panel-v36 h2{font-size:26px}
}



/* V38 — counters keep their shape with double digits. */
.tracks-column-head-v31>b,
.tracks-year-count-v37{
  box-sizing:border-box!important;
  min-width:58px!important;
  width:58px!important;
  height:34px!important;
  padding:0 7px!important;
  border-radius:999px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  white-space:nowrap!important;
  font-variant-numeric:tabular-nums!important;
  line-height:1!important;
  flex:0 0 58px!important;
}
.tracks-year-count-v37{height:32px!important;flex-basis:58px!important}
@media(max-width:1450px){
  .tracks-column-head-v31>b,.tracks-year-count-v37{min-width:56px!important;width:56px!important;flex-basis:56px!important}
}



/* One feedback only */
.autosave-v30{display:none!important}
#cloudStatus{display:none!important}
#editorView .album-status-v66{background:rgba(255,255,255,.045)!important;color:#939dac!important;border:0!important;box-shadow:none!important}
#editorView .album-status-v66.good{background:rgba(38,223,114,.08)!important;color:#55ea90!important}
#editorView .album-status-v66.bad{background:rgba(255,100,95,.08)!important;color:#ff7772!important}
/* Artwork: no stylesheet may replace the JS-set image */
#editorView .art{background-color:#090909!important;background-size:cover!important;background-position:center!important;background-repeat:no-repeat!important}



:root{
  --v67-bg:#050505;
  --v67-card:#0a0a0b;
  --v67-card-2:#101112;
  --v67-card-3:#151617;
  --v67-text:#f4f5f6;
  --v67-muted:#858d98;
  --v67-orange:#ff633f;
  --v67-green:#36e67f;
  --v67-pink:#ff4d7d;
  --v67-yellow:#ffe45e;
  --v67-cyan:#61d2ff;
  --v67-purple:#c685ff;
}
html,body{background:var(--v67-bg)!important;background-image:none!important}
body::before{display:none!important}

/* ---------- NAVIGATION: SOLID ACTIVE ACCENT ---------- */
.app-tabs{
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  padding:0!important;
  gap:8px!important;
}
.app-tab{
  border:0!important;
  border-radius:999px!important;
  background:#101112!important;
  color:#7f8793!important;
  box-shadow:none!important;
}
.app-tab:hover{background:#161719!important;color:#e9edf2!important}
.app-tab.active{
  background:var(--v67-orange)!important;
  color:#090909!important;
  box-shadow:none!important;
}
.app-tab.active::before,.app-tab.active::after{display:none!important;content:none!important}

/* Dashboard side switch follows exactly the same language */
#editorView .side-switch-v361{
  background:transparent!important;
  border:0!important;
  padding:0 0 8px!important;
  gap:8px!important;
}
#editorView .side-switch-v361 button{
  background:#101112!important;
  color:#7f8793!important;
  border:0!important;
  border-radius:999px!important;
  box-shadow:none!important;
}
#editorView .side-switch-v361 button:hover{background:#161719!important;color:#e9edf2!important}
#editorView .side-switch-v361 button.active{
  background:var(--v67-orange)!important;
  color:#090909!important;
}
#editorView .side-switch-v361 button.active::before,
#editorView .side-switch-v361 button.active::after{display:none!important;content:none!important}

/* ---------- LIBRARY ---------- */
#libraryView,
#libraryView .library-page,
#libraryView .card.library-page{
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
}
#libraryView .card.library-page{padding:16px 20px!important}

/* controls: solid, black, physical */
#libraryView .library-page-controls-v7 > #libraryPageSearch,
#libraryView .banger-slider-v12,
#libraryView .sort-toggle{
  background:#0d0e0f!important;
  border:0!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.025)!important;
  color:var(--v67-text)!important;
}
#libraryView .library-page-controls-v7 > #libraryPageSearch::placeholder{color:#626a75!important}
#libraryView .banger-slider-v12{color:var(--v67-muted)!important}
#libraryView .sort-toggle{color:#7f8793!important}
#libraryView .sort-toggle:hover{background:#151617!important;color:#fff!important}
#libraryView .sort-toggle.active{
  background:var(--v67-orange)!important;
  color:#090909!important;
  border:0!important;
  box-shadow:none!important;
}
#libraryView .sort-toggle.active .sort-toggle-icon,
#libraryView .sort-toggle.active .sort-toggle-dir,
#libraryView .sort-toggle.active .sort-toggle-copy b{
  color:#090909!important;
}
#libraryView .sort-toggle-dir{
  background:rgba(255,255,255,.05)!important;
  border:0!important;
  color:#9299a3!important;
  box-shadow:none!important;
}
#libraryView .sort-toggle.active .sort-toggle-dir{
  background:rgba(0,0,0,.12)!important;
  color:#090909!important;
  border:0!important;
  box-shadow:none!important;
}

/* Library overview chips: remove outlined-glass look */
#libraryView .library-page-stat-chips{
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}
#libraryView .library-page-stat-chip{
  background:#101112!important;
  border:0!important;
  box-shadow:none!important;
  color:#858d98!important;
}
#libraryView .library-page-stat-chip b{color:#f1f3f5!important}
#libraryView .library-page-stat-chip.is-accent{
  background:rgba(54,230,127,.10)!important;
  color:#5af19a!important;
}
#libraryView .library-page-stat-chip.is-accent b{color:#62f2a0!important}
#libraryView .library-grid-sticky-head::before{display:none!important}

/* Album cards: physical black surfaces like Stats */
#libraryView .library-grid{gap:14px!important}
#libraryView .library-card{
  background:#0a0a0b!important;
  border:0!important;
  border-radius:20px!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.025),0 9px 26px rgba(0,0,0,.16)!important;
}
#libraryView .library-card:hover{
  background:#0f1011!important;
  border:0!important;
  transform:translateY(-2px)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.035),0 13px 30px rgba(0,0,0,.20)!important;
}
#libraryView .library-card.active{
  background:#111213!important;
  border:0!important;
  box-shadow:inset 0 0 0 2px var(--v67-orange),0 12px 28px rgba(0,0,0,.20)!important;
}
#libraryView .library-card-cover{background:#0d0d0e center/cover no-repeat!important}
#libraryView .library-card-title{color:#f3f5f7!important}
#libraryView .library-card-artist{color:#818996!important}
#libraryView .library-card-banger-label-v5{
  background:rgba(54,230,127,.09)!important;
  border:0!important;
  color:#5fe99a!important;
  box-shadow:none!important;
}
#libraryView .library-card-banger-icon-v5,
#libraryView .library-card-banger-score-v5{color:#5fe99a!important}
#libraryView .library-page-empty{
  background:#0a0a0b!important;
  border:0!important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.035)!important;
}

/* ---------- TRACKS ---------- */
#tracksViewV30,
#tracksViewV30 .tracks-shell-v31{
  background:transparent!important;
}
#tracksViewV30 .tracks-shell-v31{padding:16px 20px 20px!important}

/* filter controls mirror Library */
#tracksViewV30 .tracks-filter-shell-v32,
#tracksViewV30 .tracks-formula-v30{
  background:#0d0e0f!important;
  border:0!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.025)!important;
}
#tracksViewV30 .tracks-tools-v31 .tracks-filter-shell-v32 select{
  background:#161719!important;
  color:#e7ebef!important;
  border:0!important;
  box-shadow:none!important;
}
#tracksViewV30 .tracks-control-label-v32{color:#8b939f!important}

/* Four Stats-like columns */
#tracksViewV30 .tracks-column-v31{
  background:#0a0a0b!important;
  border:0!important;
  border-radius:20px!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.025),0 9px 26px rgba(0,0,0,.14)!important;
}
#tracksViewV30 .tracks-column-head-v31{
  border:0!important;
  background:transparent!important;
  padding:16px 16px 12px!important;
}
#tracksViewV30 .tracks-column-head-v31 h3{color:#f3f5f7!important}
#tracksViewV30 .tracks-column-head-v31 p{color:#7f8792!important}
#tracksViewV30 .tracks-column-head-v31>b,
#tracksViewV30 .tracks-year-count-v37{
  background:#121315!important;
  border:0!important;
  color:#dce1e7!important;
  box-shadow:none!important;
}
#tracksViewV30 .tracks-year-select-v37{
  background:#121315!important;
  border:0!important;
  color:#e7ebef!important;
  box-shadow:none!important;
}

/* Icons are where column personality lives */
#tracksViewV30 .tracks-column-icon-v34{
  border:0!important;
  box-shadow:none!important;
}
#tracksViewV30 .tracks-column-v31[data-column="top"] .tracks-column-icon-v34{background:rgba(54,230,127,.10)!important;color:#55ea96!important}
#tracksViewV30 .tracks-column-v31[data-column="gems"] .tracks-column-icon-v34{background:rgba(255,228,94,.10)!important;color:var(--v67-yellow)!important}
#tracksViewV30 .tracks-column-v31[data-column="hof"] .tracks-column-icon-v34{background:rgba(97,210,255,.10)!important;color:var(--v67-cyan)!important}
#tracksViewV30 .tracks-column-v31[data-column="year"] .tracks-column-icon-v34{background:rgba(198,133,255,.10)!important;color:var(--v67-purple)!important}

/* Track cards, same material as dashboard songs */
#tracksViewV30 .track-card-v31{
  background:#101112!important;
  border:0!important;
  border-radius:16px!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.025)!important;
}
#tracksViewV30 .track-card-v31:hover{
  background:#161719!important;
  border:0!important;
  transform:translateY(-1px)!important;
}
#tracksViewV30 .track-cover-v31{background:#0d0d0e center/cover no-repeat!important;box-shadow:none!important}
#tracksViewV30 .track-copy-v31 b{color:#f2f4f6!important}
#tracksViewV30 .track-copy-v31 span{color:#858d98!important}
#tracksViewV30 .track-copy-v31 small{color:#686f79!important}
#tracksViewV30 .tracks-empty-v31{
  background:#0d0e0f!important;
  border:0!important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.03)!important;
}

/* Tier badge keeps tier colour, but stays restrained */
#tracksViewV30 .track-tier-v30{
  border:0!important;
  box-shadow:none!important;
  background:#171819!important;
}
#tracksViewV30 .track-tier-v30.s{color:#ff4d7d!important}
#tracksViewV30 .track-tier-v30.a{color:#ffe45e!important}
#tracksViewV30 .track-tier-v30.b{color:#52f2a1!important}
#tracksViewV30 .track-tier-v30.c{color:#61d2ff!important}



/* V68 — unify selected album outlines in widget + library */
:root{
  --v68-select:#ff633f;
}

/* Dashboard library widget: selected album gets one clean outline around the whole row */
#editorView .library-item{
  border-radius:16px !important;
  overflow:hidden !important;
}
#editorView .library-item.active{
  background:#111213 !important;
  box-shadow:inset 0 0 0 2px var(--v68-select) !important;
}
#editorView .library-item.active .library-cover,
#editorView .library-item.active .owned-dot-v24,
#editorView .library-item.active .collection-dot-v28{
  box-shadow:none !important;
}

/* Full library: same treatment for the selected album card */
#libraryView .library-card.active,
#libraryView [data-library-page-id].active{
  background:#111213 !important;
  border:0 !important;
  box-shadow:inset 0 0 0 2px var(--v68-select), 0 12px 28px rgba(0,0,0,.20) !important;
}

/* Covers themselves stay clean; no extra accent halos */
#libraryView .library-card.active .library-card-cover,
#editorView .library-item.active .library-cover{
  border:0 !important;
  outline:none !important;
}

/* Slightly match radius so both selected states feel like the same component */
#libraryView .library-card,
#libraryView .library-card.active{
  border-radius:20px !important;
}
#libraryView .library-card-cover{
  border-top-left-radius:20px !important;
  border-top-right-radius:20px !important;
}



/* V69 — refine selected album outline: thinner, cleaner, properly laid out */
:root{ --v69-select: rgba(255,99,63,.92); }

/* common selection overlay instead of chunky inset stroke */
#editorView .library-item,
#libraryView .library-card,
#libraryView [data-library-page-id]{
  position:relative !important;
  overflow:hidden !important;
}

#editorView .library-item.active,
#libraryView .library-card.active,
#libraryView [data-library-page-id].active{
  box-shadow:0 10px 24px rgba(0,0,0,.18) !important;
  background:#111213 !important;
}

#editorView .library-item.active::after,
#libraryView .library-card.active::after,
#libraryView [data-library-page-id].active::after{
  content:"";
  position:absolute;
  inset:0;
  border-radius:inherit;
  pointer-events:none;
  box-shadow:inset 0 0 0 1px var(--v69-select) !important;
}

/* remove previous heavy active treatments */
#editorView .library-item.active,
#libraryView .library-card.active,
#libraryView [data-library-page-id].active{
  border:0 !important;
}

/* widget row */
#editorView .library-item{
  border-radius:18px !important;
}
#editorView .library-item.active .library-cover,
#editorView .library-item.active .owned-dot-v24,
#editorView .library-item.active .collection-dot-v28{
  box-shadow:none !important;
}

/* library cards */
#libraryView .library-card,
#libraryView .library-card.active,
#libraryView [data-library-page-id],
#libraryView [data-library-page-id].active{
  border-radius:22px !important;
}
#libraryView .library-card-cover{
  border-top-left-radius:22px !important;
  border-top-right-radius:22px !important;
}

/* keep cover clean; outline belongs to the whole card, not the image */
#libraryView .library-card.active .library-card-cover,
#libraryView [data-library-page-id].active .library-card-cover,
#editorView .library-item.active .library-cover{
  border:0 !important;
  outline:none !important;
  box-shadow:none !important;
}



/* V71 — safe, surgical polish on top of stable V69 */

/* Review matches Collection. No NOTES label. */
#editorView .reflection-shell-v36{
  background:#0d0d0d!important;
  border:1px solid rgba(255,255,255,.08)!important;
  border-radius:18px!important;
  box-shadow:none!important;
}
#editorView .reflection-shell-v36::before{display:none!important;content:none!important}
#editorView .reflection-toggle-v36{
  height:58px!important;
  padding:0 14px 0 16px!important;
  color:#f4efe8!important;
  font-size:11px!important;
  font-weight:850!important;
  letter-spacing:.08em!important;
  text-transform:uppercase!important;
}
#editorView .reflection-toggle-v36 .chev{
  width:38px!important;height:38px!important;min-width:38px!important;
  display:grid!important;place-items:center!important;
  border-radius:999px!important;
  border:1px solid rgba(255,255,255,.12)!important;
  background:transparent!important;
  color:#d8d1c7!important;
  font-size:19px!important;
}
#editorView .reflection-shell-v36.open .reflection-toggle-v36 .chev{transform:rotate(180deg)!important}
#editorView .reflection-body-v36{padding:0 14px 14px!important}
#editorView .reflection-body-v36 .section-head{display:none!important}
#editorView .reflection-body-v36 textarea{
  min-height:150px!important;
  max-height:220px!important;
  background:#121212!important;
  color:#f4efe8!important;
  border:1px solid rgba(255,255,255,.07)!important;
  border-radius:14px!important;
  box-shadow:none!important;
}

/* DNA: real different heights, without rebuilding the block. */
#statsViewV39 .v52-dna-grid{
  height:128px!important;
  align-items:end!important;
  gap:8px!important;
}
#statsViewV39 .v52-dna-bar{
  align-self:end!important;
  min-height:34px!important;
  max-height:118px!important;
  justify-content:flex-end!important;
}
#statsViewV39 .v52-dna-bar.s{height:72px!important}
#statsViewV39 .v52-dna-bar.a{height:112px!important}
#statsViewV39 .v52-dna-bar.b{height:94px!important}
#statsViewV39 .v52-dna-bar.c{height:46px!important}

/* Hall of Fame: preserve original renderer, only make covers bigger and labels disappear. */
#statsViewV39 .v52-hof-strip{height:174px!important;bottom:6px!important}
#statsViewV39 .v52-hof-track{gap:18px!important;animation-duration:28s!important;align-items:center!important;padding-left:20px!important}
#statsViewV39 .v52-hof-track.v52-hof-static{animation:none!important;margin:0 auto!important;padding-left:0!important}
#statsViewV39 .v52-album-chip{
  width:158px!important;height:158px!important;flex:0 0 158px!important;
  padding:0!important;border-radius:26px!important;overflow:hidden!important;
  transform:rotate(-3deg)!important;
}
#statsViewV39 .v52-album-chip:nth-child(even){transform:rotate(3deg)!important}
#statsViewV39 .v52-album-chip img{width:100%!important;height:100%!important;object-fit:cover!important}
#statsViewV39 .v52-album-chip>div{display:none!important}
#statsViewV39 .v52-album-chip:after{display:none!important}

/* Hidden gems sticker = faceted circle with diamond. */
#statsViewV39 .v52-gems .s1{
  width:58px!important;height:58px!important;
  border-radius:0!important;
  clip-path:polygon(50% 0%,74% 7%,92% 24%,100% 50%,92% 76%,74% 93%,50% 100%,26% 93%,8% 76%,0 50%,8% 24%,26% 7%)!important;
  background:#ff633f!important;
  color:#090909!important;
  font-size:0!important;
  transform:rotate(-10deg)!important;
}
#statsViewV39 .v52-gems .s1::before{
  content:'◆';font-size:23px!important;line-height:1;color:#090909!important;
}



/* V72 — one cover system. Never replace inline artwork with a shorthand background. */
#libraryView .library-card-cover,
#editorView .library-cover,
#tracksViewV30 .track-cover-v31,
#statsViewV39 .v52-album-chip,
#statsViewV39 .v52-album-chip img{
  background-color:#0d0d0e!important;
  background-size:cover!important;
  background-position:center!important;
  background-repeat:no-repeat!important;
}
#libraryView .library-card-cover{
  background-image:var(--v72-cover, none)!important;
}
#editorView .library-cover{
  background-image:var(--v72-cover, none)!important;
}
#tracksViewV30 .track-cover-v31{
  background-image:var(--v72-cover, none)!important;
}
/* Broken-image icon is uglier than a missing image. */
#statsViewV39 .v52-album-chip img.v72-cover-missing:not([src]){opacity:0!important}
#libraryView .library-card-cover.v72-cover-missing,
#editorView .library-cover.v72-cover-missing,
#tracksViewV30 .track-cover-v31.v72-cover-missing{
  background-image:none!important;
}



@media (min-width:1201px){
  #statsViewV39 .v87-artists{
    grid-row:1/5!important;
    padding:0!important;
    background:#090a0c!important;
    overflow:hidden!important;
    isolation:isolate!important;
  }
  #statsViewV39 .v87-artists::after{display:none!important;content:none!important}
  #statsViewV39 .v87-artist-bg{
    position:absolute!important;inset:0!important;z-index:0!important;
    background-color:#111!important;background-position:center!important;background-size:cover!important;background-repeat:no-repeat!important;
    opacity:0;
    transform:scale(1.035);
    transition:opacity .55s ease,transform 5s cubic-bezier(.18,.75,.2,1),filter .45s ease;
    filter:saturate(.78) contrast(1.04);
  }
  #statsViewV39 .v87-artist-bg.front{opacity:1;transform:scale(1.0)}
  #statsViewV39 .v87-artist-overlay{
    position:absolute!important;inset:0!important;z-index:1!important;
    background:
      linear-gradient(180deg,rgba(5,6,7,.22) 0%,rgba(5,6,7,.03) 31%,rgba(5,6,7,.20) 55%,rgba(5,6,7,.95) 100%),
      linear-gradient(90deg,rgba(5,6,7,.30),transparent 72%);
    pointer-events:none;
  }
  #statsViewV39 .v87-artist-top{
    position:absolute!important;z-index:4!important;left:17px;right:15px;top:16px!important;
    display:flex!important;align-items:flex-start!important;justify-content:space-between!important;gap:12px!important;
  }
  #statsViewV39 .v87-artists .v52-title{font-size:25px!important;margin:4px 0 0!important;color:#fff!important;text-shadow:0 2px 16px rgba(0,0,0,.4)}
  #statsViewV39 .v87-artists .v52-kicker{color:rgba(255,255,255,.8)!important;text-shadow:0 2px 10px rgba(0,0,0,.45)}
  #statsViewV39 .v87-artist-dots{display:flex;gap:5px;align-items:center;padding-top:2px}
  #statsViewV39 .v87-dot{
    width:7px!important;height:7px!important;min-width:7px!important;min-height:7px!important;padding:0!important;
    border:0!important;border-radius:99px!important;background:rgba(255,255,255,.38)!important;
    box-shadow:none!important;transform:none!important;transition:width .2s ease,background .2s ease!important;
  }
  #statsViewV39 .v87-dot.active{width:22px!important;background:#ff633f!important}
  #statsViewV39 .v87-artist-content{
    position:absolute!important;z-index:4!important;left:17px;right:17px;bottom:18px!important;
    display:grid!important;gap:8px!important;color:#fff!important;
    transition:opacity .22s ease,transform .3s ease!important;
  }
  #statsViewV39 .v87-changing .v87-artist-content{opacity:.15;transform:translateY(7px)}
  #statsViewV39 .v87-rank{
    font:800 clamp(62px,5.7vw,90px)/.76 "Bricolage Grotesque",Inter,sans-serif!important;
    letter-spacing:-.085em!important;color:#ff633f!important;text-shadow:0 6px 24px rgba(0,0,0,.42)!important;
  }
  #statsViewV39 .v87-name{
    font:800 clamp(25px,2.25vw,38px)/.9 "Bricolage Grotesque",Inter,sans-serif!important;
    letter-spacing:-.06em!important;color:#fff!important;max-width:11ch!important;
    text-shadow:0 4px 22px rgba(0,0,0,.55)!important;
  }
  #statsViewV39 .v87-meta{display:flex!important;gap:11px!important;align-items:center!important;font-size:10px!important;font-weight:850!important;letter-spacing:.06em!important;text-transform:uppercase!important;color:rgba(255,255,255,.72)!important}
  #statsViewV39 .v87-meta strong{font-size:16px!important;letter-spacing:-.025em!important;color:#4cf28b!important}
}



@media (min-width:1201px){
  #statsViewV39 .v87-artists::before{
    content:'SPOTIFY';position:absolute;z-index:4;right:16px;bottom:18px;
    font-size:7px;font-weight:900;letter-spacing:.14em;color:rgba(255,255,255,.42);
    pointer-events:none;
  }
}


/* Hotfix 10 · Library backlog */
.library-head-row-v10{display:flex;align-items:center;gap:12px;width:100%;flex-wrap:wrap}
.library-mode-switch-v10{display:inline-flex;align-items:center;gap:3px;padding:4px;border:1px solid rgba(255,255,255,.08);border-radius:999px;background:#0d0f12;box-shadow:inset 0 0 0 1px rgba(0,0,0,.28);flex:0 0 auto}
.library-mode-switch-v10 button{height:30px;padding:0 13px;border:0;border-radius:999px;background:transparent;color:#7f8793;font-size:9px;font-weight:900;letter-spacing:.06em;text-transform:uppercase;cursor:pointer;transition:.15s ease}
.library-mode-switch-v10 button:hover{color:#e9edf1}
.library-mode-switch-v10 button.active{background:#f1f3f4;color:#090b0d}
.library-head-row-v10 .library-page-stat-chips{flex:1;min-width:0}
#libraryView.backlog-mode-v10 #bangerSliderShellV7,#libraryView.backlog-mode-v10 #libraryPageSortToggles{display:none!important}
#libraryView.backlog-mode-v10 .library-page-controls-v7{grid-template-columns:minmax(220px,1fr)!important}
.backlog-card-v10{cursor:default!important;position:relative}
.backlog-card-v10 .library-card-cover{position:relative}
.backlog-card-v10 .library-card-cover:after{content:'BACKLOG';position:absolute;left:10px;top:10px;padding:5px 7px;border-radius:999px;background:rgba(8,10,12,.78);backdrop-filter:blur(8px);color:#fff;font-size:7px;font-weight:900;letter-spacing:.12em}
.backlog-card-foot-v10{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:auto;padding-top:8px}
.backlog-card-foot-v10>span{color:#717a86;font-size:8px;font-weight:900;letter-spacing:.08em}
.backlog-card-foot-v10>div{display:flex;align-items:center;gap:6px}
.backlog-start-v10{height:28px;padding:0 10px;border:1px solid rgba(30,215,96,.28);border-radius:9px;background:rgba(30,215,96,.12);color:#54e68a;font-size:8px;font-weight:900;letter-spacing:.05em;cursor:pointer}
.backlog-start-v10:hover{background:rgba(30,215,96,.2)}
.backlog-remove-v10{width:28px;height:28px;border:1px solid rgba(255,255,255,.08);border-radius:9px;background:rgba(255,255,255,.03);color:#77808a;font-size:16px;cursor:pointer}
.backlog-remove-v10:hover{color:#fff;background:rgba(255,255,255,.07)}
.spotify-result-actions-v10{display:flex;align-items:center;gap:8px}
.spotify-result-backlog-v10{height:32px;padding:0 10px;border:1px solid rgba(255,255,255,.1);border-radius:999px;background:rgba(255,255,255,.035);color:#a8b0ba;font-size:8px;font-weight:900;letter-spacing:.04em;white-space:nowrap;cursor:pointer}
.spotify-result-backlog-v10:hover{border-color:rgba(30,215,96,.28);color:#56e78b;background:rgba(30,215,96,.08)}
.spotify-result-backlog-v10.is-added{border-color:rgba(30,215,96,.22);color:#56e78b;background:rgba(30,215,96,.08)}
@media(max-width:700px){.library-head-row-v10{align-items:flex-start}.library-mode-switch-v10{width:100%}.library-mode-switch-v10 button{flex:1}.spotify-result-backlog-v10{display:none}}



#statsViewV39{height:100%;min-height:0;overflow:hidden}
.stats-shell-v39{height:100%;min-height:0;overflow:auto;padding:18px 22px 28px;scrollbar-width:thin}
.stats-shell-v39::-webkit-scrollbar{width:8px}.stats-shell-v39::-webkit-scrollbar-thumb{background:rgba(255,255,255,.10);border-radius:99px}
.stats-wrap-v39{max-width:1500px;margin:0 auto;display:grid;gap:14px}
.stats-top-v39{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(320px,.75fr);gap:14px}
.stats-card-v39{border:1px solid rgba(255,255,255,.075);border-radius:24px;background:linear-gradient(180deg,rgba(255,255,255,.042),rgba(255,255,255,.018));overflow:hidden;box-shadow:inset 0 1px 0 rgba(255,255,255,.02)}
.stats-pad-v39{padding:18px}
.stats-eyebrow-v39{font-size:9px;font-weight:900;letter-spacing:.13em;text-transform:uppercase;color:var(--muted);margin-bottom:7px}
.stats-title-v39{margin:0;font-size:23px;line-height:1;letter-spacing:-.045em}
.stats-sub-v39{margin:6px 0 0;color:var(--muted);font-size:10px;line-height:1.45}
.stats-profile-v39{position:relative;min-height:290px;padding:24px;display:grid;grid-template-columns:minmax(0,1.2fr) minmax(260px,.8fr);gap:22px;align-items:end;background:radial-gradient(circle at 88% 0%,rgba(30,215,96,.18),transparent 34%),linear-gradient(145deg,rgba(30,215,96,.055),rgba(255,255,255,.018) 55%)}
.stats-profile-v39:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(120deg,transparent 42%,rgba(255,255,255,.025))}
.profile-copy-v39{position:relative;z-index:1}
.profile-label-v39{font-size:10px;font-weight:900;letter-spacing:.14em;text-transform:uppercase;color:#60e795}
.profile-name-v39{margin:8px 0 10px;font-size:clamp(42px,4.3vw,70px);line-height:.86;letter-spacing:-.065em;font-weight:950;max-width:720px}
.profile-desc-v39{max-width:680px;margin:0;color:#c7d2df;font-size:13px;line-height:1.5}
.profile-proof-v39{position:relative;z-index:1;display:grid;gap:8px;align-self:stretch;align-content:end}
.profile-proof-row-v39{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:center;padding:11px 12px;border:1px solid rgba(255,255,255,.065);border-radius:14px;background:rgba(3,8,11,.20)}
.profile-proof-row-v39 span{font-size:9px;color:var(--muted);font-weight:760}.profile-proof-row-v39 b{font-size:12px;font-variant-numeric:tabular-nums}
.profile-traits-v39{display:flex;gap:6px;flex-wrap:wrap;margin-top:16px}.profile-trait-v39{height:27px;padding:0 10px;border-radius:999px;border:1px solid rgba(30,215,96,.18);background:rgba(30,215,96,.075);color:#67e89a;display:inline-flex;align-items:center;font-size:8px;font-weight:900;letter-spacing:.05em;text-transform:uppercase}
.stats-overview-v39{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:14px}
.stat-kpi-v39{min-height:112px;padding:14px;border:1px solid rgba(255,255,255,.055);border-radius:18px;background:rgba(255,255,255,.022);display:flex;flex-direction:column;justify-content:space-between}
.stat-kpi-v39 span{font-size:9px;color:var(--muted);font-weight:800}.stat-kpi-v39 b{font-size:30px;line-height:1;letter-spacing:-.055em;font-variant-numeric:tabular-nums}.stat-kpi-v39 small{font-size:8px;color:var(--muted-2)}
.stats-grid-v39{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.stats-section-head-v39{padding:17px 18px 12px;display:flex;align-items:flex-start;justify-content:space-between;gap:12px;border-bottom:1px solid rgba(255,255,255,.05)}
.stats-section-head-v39 h3{margin:0;font-size:17px;letter-spacing:-.035em}.stats-section-head-v39 p{margin:4px 0 0;font-size:9px;color:var(--muted)}
.stats-list-v39{padding:10px 12px 14px;display:grid;gap:5px}
.stats-rank-row-v39{display:grid;grid-template-columns:27px minmax(0,1fr) auto;gap:9px;align-items:center;min-height:45px;padding:7px 8px;border-radius:13px;background:rgba(255,255,255,.018);border:1px solid transparent}
.stats-rank-row-v39:hover{border-color:rgba(255,255,255,.065);background:rgba(255,255,255,.035)}
.stats-rank-v39{font-size:9px;color:var(--muted);font-weight:900;font-variant-numeric:tabular-nums}.stats-rank-copy-v39{min-width:0;display:grid;gap:2px}.stats-rank-copy-v39 b{font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.stats-rank-copy-v39 span{font-size:8px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.stats-rank-value-v39{font-size:11px;font-weight:950;color:#68e89a;font-variant-numeric:tabular-nums}
.stats-dna-v39{display:grid;grid-template-columns:minmax(0,1fr) 220px;gap:18px;padding:18px}
.dna-bars-v39{display:grid;gap:9px}.dna-row-v39{display:grid;grid-template-columns:22px minmax(0,1fr) 42px;gap:8px;align-items:center}.dna-tier-v39{width:22px;height:22px;border-radius:7px;display:grid;place-items:center;color:#091016;font-size:9px;font-weight:950}.dna-tier-v39.s{background:var(--S)}.dna-tier-v39.a{background:var(--A)}.dna-tier-v39.b{background:var(--B)}.dna-tier-v39.c{background:var(--C)}.dna-bar-v39{height:6px;border-radius:99px;background:rgba(255,255,255,.065);overflow:hidden}.dna-bar-v39 i{display:block;height:100%;border-radius:inherit}.dna-row-v39:nth-child(1) i{background:var(--S)}.dna-row-v39:nth-child(2) i{background:var(--A)}.dna-row-v39:nth-child(3) i{background:var(--B)}.dna-row-v39:nth-child(4) i{background:var(--C)}.dna-value-v39{text-align:right;font-size:10px;font-weight:900;font-variant-numeric:tabular-nums}
.dna-verdict-v39{border-left:1px solid rgba(255,255,255,.06);padding-left:18px;display:flex;flex-direction:column;justify-content:center}.dna-verdict-v39 b{font-size:20px;line-height:1.05;letter-spacing:-.04em}.dna-verdict-v39 p{font-size:9px;color:var(--muted);line-height:1.45;margin:8px 0 0}
.stats-records-v39{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;padding:12px}.record-v39{padding:13px;border:1px solid rgba(255,255,255,.055);border-radius:15px;background:rgba(255,255,255,.018);min-width:0}.record-v39 span{display:block;font-size:8px;color:var(--muted);font-weight:850;text-transform:uppercase;letter-spacing:.06em}.record-v39 b{display:block;margin-top:7px;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.record-v39 small{display:block;margin-top:3px;font-size:8px;color:var(--muted-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.profile-spectrum-v39{padding:12px 18px 18px;display:grid;gap:8px}.spectrum-row-v39{display:grid;grid-template-columns:110px minmax(0,1fr) 35px;gap:8px;align-items:center}.spectrum-row-v39 span{font-size:8px;color:var(--muted);font-weight:800}.spectrum-bar-v39{height:5px;border-radius:99px;background:rgba(255,255,255,.06);overflow:hidden}.spectrum-bar-v39 i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#18b957,#70e9a0)}.spectrum-row-v39 b{font-size:9px;text-align:right;font-variant-numeric:tabular-nums}
html[data-theme="light"] .stats-card-v39{background:linear-gradient(180deg,#fff,#f7f9fb);border-color:rgba(18,28,40,.08)}html[data-theme="light"] .stats-profile-v39{background:radial-gradient(circle at 88% 0%,rgba(30,169,87,.15),transparent 34%),linear-gradient(145deg,#fff,#f4f8f5)}html[data-theme="light"] .profile-desc-v39{color:#435164}html[data-theme="light"] .profile-proof-row-v39,html[data-theme="light"] .stat-kpi-v39,html[data-theme="light"] .stats-rank-row-v39,html[data-theme="light"] .record-v39{background:rgba(18,28,40,.025);border-color:rgba(18,28,40,.055)}html[data-theme="light"] .dna-verdict-v39{border-color:rgba(18,28,40,.08)}html[data-theme="light"] .dna-bar-v39,html[data-theme="light"] .spectrum-bar-v39{background:rgba(18,28,40,.08)}
@media(max-width:1200px){.stats-top-v39{grid-template-columns:1fr}.stats-grid-v39{grid-template-columns:1fr 1fr}.stats-profile-v39{grid-template-columns:1fr}.stats-records-v39{grid-template-columns:1fr 1fr}}
@media(max-width:700px){#statsViewV39{display:none!important}}



/* V40 — Stats mantiene el lenguaje dashboard: una pantalla, tres filas, cero scroll en desktop. */
@media (min-width:1201px){
  #statsViewV39{height:100%!important;min-height:0!important;overflow:hidden!important}
  .stats-shell-v39{height:100%!important;min-height:0!important;overflow:hidden!important;padding:12px 18px 14px!important}
  .stats-wrap-v39{
    width:100%!important;max-width:none!important;height:100%!important;min-height:0!important;margin:0!important;
    display:grid!important;grid-template-rows:minmax(0,1.15fr) minmax(0,.92fr) minmax(0,.72fr)!important;gap:10px!important
  }
  .stats-top-v39,.stats-grid-v39,.stats-bottom-v40{min-height:0!important;height:100%!important}
  .stats-top-v39{grid-template-columns:minmax(0,1.55fr) minmax(300px,.72fr)!important;gap:10px!important}
  .stats-grid-v39{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:10px!important}
  .stats-bottom-v40{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr);gap:10px}
  .stats-card-v39{min-height:0!important;height:100%!important;border-radius:19px!important}

  .stats-profile-v39{min-height:0!important;height:100%!important;padding:17px 19px!important;grid-template-columns:minmax(0,1.35fr) minmax(220px,.65fr)!important;gap:16px!important}
  .profile-name-v39{font-size:clamp(34px,3.25vw,54px)!important;margin:6px 0 7px!important}
  .profile-desc-v39{font-size:10px!important;line-height:1.38!important;max-width:620px!important}
  .profile-traits-v39{margin-top:10px!important}.profile-trait-v39{height:23px!important;padding:0 8px!important;font-size:7px!important}
  .profile-proof-v39{gap:5px!important}.profile-proof-row-v39{padding:7px 9px!important;border-radius:11px!important}.profile-proof-row-v39 span{font-size:8px!important}.profile-proof-row-v39 b{font-size:10px!important}

  .stats-pad-v39{padding:13px 14px 6px!important}.stats-title-v39{font-size:19px!important}.stats-sub-v39{font-size:8px!important;margin-top:4px!important}
  .stats-overview-v39{height:calc(100% - 72px);padding:8px 10px 10px!important;gap:6px!important}
  .stat-kpi-v39{min-height:0!important;padding:9px 10px!important;border-radius:13px!important}.stat-kpi-v39 b{font-size:23px!important}.stat-kpi-v39 span{font-size:8px!important}.stat-kpi-v39 small{font-size:7px!important}

  .stats-section-head-v39{padding:10px 12px 7px!important}.stats-section-head-v39 h3{font-size:14px!important}.stats-section-head-v39 p{font-size:7.5px!important;margin-top:2px!important}
  .stats-list-v39{padding:6px 8px 8px!important;gap:3px!important;height:calc(100% - 50px);overflow:hidden!important}
  .stats-rank-row-v39{min-height:0!important;height:calc((100% - 12px)/5)!important;padding:4px 6px!important;border-radius:10px!important}.stats-rank-copy-v39 b{font-size:9.5px!important}.stats-rank-copy-v39 span{font-size:7px!important}.stats-rank-value-v39{font-size:9px!important}
  .stats-records-v39{height:calc(100% - 50px);padding:7px 8px 8px!important;gap:5px!important}.record-v39{padding:8px!important;border-radius:11px!important}.record-v39 span{font-size:7px!important}.record-v39 b{margin-top:4px!important;font-size:9.5px!important}.record-v39 small{font-size:7px!important}

  .stats-dna-v39{height:calc(100% - 50px);padding:9px 12px!important;grid-template-columns:minmax(0,1fr) minmax(160px,.62fr)!important;gap:12px!important}.dna-bars-v39{gap:5px!important}.dna-row-v39{grid-template-columns:20px minmax(0,1fr) 36px!important;gap:6px!important}.dna-tier-v39{width:20px!important;height:20px!important;font-size:8px!important}.dna-value-v39{font-size:8px!important}.dna-verdict-v39{padding-left:12px!important}.dna-verdict-v39 b{font-size:14px!important}.dna-verdict-v39 p{font-size:7.5px!important;margin-top:5px!important}
  .profile-spectrum-v39{height:calc(100% - 50px);padding:8px 12px 10px!important;gap:5px!important;align-content:center}.spectrum-row-v39{grid-template-columns:92px minmax(0,1fr) 28px!important;gap:6px!important}.spectrum-row-v39 span{font-size:7px!important}.spectrum-row-v39 b{font-size:8px!important}
}
@media (max-width:1200px){.stats-bottom-v40{display:grid;grid-template-columns:1fr 1fr;gap:14px}}
@media (max-width:800px){.stats-bottom-v40{grid-template-columns:1fr}}



/* V41 — alineación fina + fondos con artwork sutil */
@media (min-width:1201px){
  .stats-shell-v39{padding:14px 20px 16px!important}
  .stats-wrap-v39{gap:12px!important}
  .stats-top-v39,.stats-grid-v39,.stats-bottom-v40{gap:12px!important}
  .stats-top-v39{grid-template-columns:minmax(0,1.55fr) minmax(0,.84fr)!important}
  .stats-bottom-v40{grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important}
  .stats-section-head-v39,.stats-pad-v39{position:relative;z-index:2}
  .stats-list-v39,.stats-records-v39,.stats-dna-v39,.profile-spectrum-v39,.stats-overview-v39{position:relative;z-index:2}
}
.stats-card-art-v41,.record-art-v41{position:relative;isolation:isolate;overflow:hidden}
.stats-card-art-v41::before,.record-art-v41::before{
  content:'';position:absolute;inset:0;
  background-image:var(--card-art, var(--record-art));
  background-size:cover;background-position:center;
  opacity:.16;transform:scale(1.16);
  filter:blur(22px) saturate(1.1);
  z-index:0;pointer-events:none;
}
.stats-card-art-v41::after,.record-art-v41::after{
  content:'';position:absolute;inset:0;
  background:linear-gradient(180deg,rgba(8,13,24,.32),rgba(8,13,24,.78) 40%,rgba(8,13,24,.92));
  z-index:1;pointer-events:none;
}
.record-art-v41::before{opacity:.2;filter:blur(18px) saturate(1.06);transform:scale(1.22)}
.record-art-v41 span,.record-art-v41 b,.record-art-v41 small{position:relative;z-index:2}
.stats-card-art-v41 .stats-rank-row-v39{
  backdrop-filter:blur(8px);
  background:linear-gradient(90deg,rgba(12,17,28,.52),rgba(12,17,28,.22));
  border-color:rgba(255,255,255,.06);
}
.record-v39{min-height:86px}
.record-v39 b{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}



/* V42 — más peso al copy de DNA y spectrum menos estirado */
@media (min-width:1201px){
  .stats-bottom-v40{grid-template-columns:minmax(0,1.18fr) minmax(380px,.82fr)!important;align-items:stretch!important}
  .stats-dna-v39{grid-template-columns:minmax(0,.92fr) minmax(230px,.88fr)!important;gap:18px!important}
  .dna-verdict-v39{display:flex;flex-direction:column;justify-content:center;padding:8px 0 8px 16px!important;border-left:1px solid rgba(255,255,255,.08)!important}
  .dna-verdict-v39 b{font-size:20px!important;line-height:1.02!important;letter-spacing:-.03em!important;max-width:14ch}
  .dna-verdict-v39 p{font-size:11px!important;line-height:1.35!important;color:rgba(232,238,246,.86)!important;max-width:34ch;margin-top:8px!important}
  .profile-spectrum-v39{max-width:760px!important;width:100%;margin:0 auto!important;padding:12px 10px 14px!important;gap:10px!important;align-content:center!important}
  .spectrum-row-v39{grid-template-columns:120px minmax(0,1fr) 34px!important;gap:10px!important}
  .spectrum-row-v39 span{font-size:10px!important;letter-spacing:.01em!important}
  .spectrum-row-v39 b{font-size:11px!important}
  .spectrum-bar-v39{height:7px!important}
}



/* V43 — Musical DNA como lectura, no como gráfico con nota al pie. */
@media (min-width:1201px){
  .stats-dna-v39{
    grid-template-columns:minmax(250px,.62fr) minmax(360px,1.38fr)!important;
    gap:28px!important;
    padding:14px 18px 16px!important;
    align-items:center!important;
  }
  .dna-bars-v39{
    gap:9px!important;
    align-content:center!important;
    padding-right:4px!important;
  }
  .dna-row-v39{
    grid-template-columns:24px minmax(0,1fr) 38px!important;
    gap:8px!important;
  }
  .dna-tier-v39{
    width:24px!important;height:24px!important;
    font-size:9px!important;
  }
  .dna-bar-v39{height:6px!important}
  .dna-value-v39{font-size:9px!important}

  .dna-verdict-v39{
    display:flex!important;
    flex-direction:column!important;
    justify-content:center!important;
    min-height:100%!important;
    padding:10px 4px 10px 24px!important;
    border-left:1px solid rgba(255,255,255,.09)!important;
  }
  .dna-verdict-v39 b{
    display:block!important;
    max-width:none!important;
    font-size:clamp(24px,1.8vw,32px)!important;
    line-height:.98!important;
    letter-spacing:-.045em!important;
    font-weight:900!important;
  }
  .dna-verdict-v39 p{
    max-width:58ch!important;
    margin:12px 0 0!important;
    font-size:13px!important;
    line-height:1.48!important;
    color:rgba(235,240,247,.86)!important;
    font-weight:520!important;
  }
  .dna-verdict-v39::after{
    content:'Tu perfil no mide cuánto te gusta la música. Mide cómo decides qué merece quedarse arriba.';
    display:block;
    max-width:58ch;
    margin-top:11px;
    color:var(--muted);
    font-size:10px;
    line-height:1.4;
  }
}



/* V44 — el primer bloque habla claro */
@media (min-width:1201px){
  .stats-top-v39{grid-template-columns:minmax(0,1.62fr) minmax(380px,.78fr)!important}
  .stats-profile-v39{display:grid!important;grid-template-columns:minmax(0,1.18fr) minmax(280px,.56fr)!important;align-items:end!important;gap:18px!important;min-height:258px!important}
  .profile-copy-v39{padding:8px 2px 2px 0!important;max-width:800px!important}
  .profile-label-v39{font-size:11px!important;letter-spacing:.22em!important;margin-bottom:10px!important}
  .profile-name-v39{font-size:clamp(40px,4vw,68px)!important;line-height:.9!important;margin:2px 0 12px!important;max-width:760px!important}
  .profile-lead-v44{margin:0 0 10px!important;max-width:34ch!important;color:#edf5ff!important;font-size:18px!important;line-height:1.14!important;font-weight:800!important;letter-spacing:-.03em!important}
  .profile-desc-v39{max-width:58ch!important;margin:0!important;color:rgba(233,239,247,.9)!important;font-size:13.5px!important;line-height:1.56!important}
  .profile-micro-v44{max-width:60ch!important;margin:10px 0 0!important;color:rgba(192,205,221,.92)!important;font-size:12.25px!important;line-height:1.5!important}
  .profile-traits-v39{margin-top:16px!important;gap:8px!important}
  .profile-trait-v39{height:28px!important;padding:0 11px!important;font-size:8px!important}
  .profile-proof-v39{align-self:center!important;gap:9px!important}
  .profile-proof-row-v39{min-height:44px!important;padding:0 14px!important;background:linear-gradient(90deg,rgba(12,17,28,.46),rgba(12,17,28,.18))!important}
  .profile-proof-row-v39 span{font-size:10px!important}
  .profile-proof-row-v39 b{font-size:20px!important}
}



/* V45 — Taste Profile con Bricolage + anillos */
@media (min-width:1201px){
  .stats-profile-v39{position:relative;overflow:hidden;grid-template-columns:minmax(0,1.45fr) minmax(320px,.85fr)!important;align-items:center!important;gap:24px!important;min-height:390px!important;padding:38px 38px 34px!important;background:radial-gradient(circle at 14% 8%,rgba(28,222,110,.16),transparent 28%),radial-gradient(circle at 76% 15%,rgba(21,94,63,.18),transparent 30%),linear-gradient(180deg,rgba(8,13,24,.95),rgba(8,13,24,.9))!important}
  .stats-profile-v39::before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(13,25,22,.15),transparent 42%,rgba(0,0,0,0));pointer-events:none}
  .profile-copy-v39,.profile-proof-v39{position:relative;z-index:1}
  .profile-copy-v39{max-width:880px!important;padding:0!important}
  .profile-label-v39{font-size:12px!important;letter-spacing:.18em!important;color:rgba(255,255,255,.96)!important;margin-bottom:18px!important}
  .profile-name-v39{font-family:"Bricolage Grotesque",Inter,system-ui,sans-serif!important;font-size:clamp(72px,8vw,148px)!important;line-height:.86!important;letter-spacing:-.075em!important;font-weight:800!important;margin:0 0 24px!important;max-width:100%!important;color:#19e064!important;text-wrap:balance}
  .profile-lead-v44{font-size:clamp(28px,2.25vw,42px)!important;line-height:1.04!important;font-weight:800!important;letter-spacing:-.055em!important;max-width:18ch!important;color:#f4f8ff!important;margin:0 0 16px!important;text-wrap:pretty}
  .profile-desc-v39{font-size:17px!important;line-height:1.56!important;max-width:52ch!important;color:rgba(236,242,249,.9)!important}
  .profile-micro-v44{font-size:14px!important;line-height:1.55!important;max-width:56ch!important;color:rgba(177,193,210,.92)!important;margin-top:12px!important}
  .profile-traits-v39{margin-top:18px!important}
  .profile-proof-rings-v45{display:grid!important;grid-template-columns:1fr 1fr!important;gap:16px!important;align-self:center!important;align-content:center!important}
  .profile-ring-card-v45{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:16px 10px 14px;border-radius:22px;border:1px solid rgba(255,255,255,.08);background:linear-gradient(180deg,rgba(6,12,18,.52),rgba(6,12,18,.28));backdrop-filter:blur(8px);min-height:164px;text-align:center}
  .profile-ring-v45{--size:100px;--track:10px;width:var(--size);height:var(--size);border-radius:50%;position:relative;background:conic-gradient(#3be37f var(--fill),rgba(255,255,255,.09) 0)}
  .profile-ring-v45::before{content:'';position:absolute;inset:var(--track);border-radius:50%;background:linear-gradient(180deg,#08111a,#09111d);box-shadow:inset 0 0 0 1px rgba(255,255,255,.04)}
  .profile-ring-v45::after{content:'';position:absolute;inset:-6px;border-radius:50%;box-shadow:0 0 0 1px rgba(61,226,126,.1),0 0 28px rgba(54,220,122,.12);opacity:.8}
  .profile-ring-card-v45.gold .profile-ring-v45{background:conic-gradient(#f3bc61 var(--fill),rgba(255,255,255,.09) 0)}
  .profile-ring-card-v45.gold .profile-ring-v45::after{box-shadow:0 0 0 1px rgba(243,188,97,.12),0 0 24px rgba(243,188,97,.12)}
  .profile-ring-core-v45{position:absolute;inset:0;display:grid;place-items:center;z-index:1}
  .profile-ring-core-v45 b{font-family:"Bricolage Grotesque",Inter,system-ui,sans-serif;font-size:24px;line-height:1;font-weight:800;letter-spacing:-.05em;color:#eef6ff}
  .profile-ring-meta-v45{margin-top:12px;display:flex;flex-direction:column;gap:3px;align-items:center}
  .profile-ring-meta-v45 span{font-size:12px;font-weight:800;letter-spacing:-.02em;color:#eef6ff}
  .profile-ring-meta-v45 small{font-size:10px;color:rgba(180,193,208,.9)}
}
html[data-theme="light"] .stats-profile-v39{background:radial-gradient(circle at 14% 8%,rgba(28,222,110,.12),transparent 28%),linear-gradient(180deg,#fff,#f5faf6)!important}
html[data-theme="light"] .profile-name-v39{color:#18b95c!important}
html[data-theme="light"] .profile-lead-v44{color:#0f1724!important}
html[data-theme="light"] .profile-desc-v39{color:#435164!important}
html[data-theme="light"] .profile-micro-v44{color:#607086!important}
html[data-theme="light"] .profile-ring-card-v45{background:linear-gradient(180deg,rgba(255,255,255,.8),rgba(247,250,252,.7));border-color:rgba(18,28,40,.08)}
html[data-theme="light"] .profile-ring-v45::before{background:linear-gradient(180deg,#fff,#f3f6fa)}
html[data-theme="light"] .profile-ring-core-v45 b,html[data-theme="light"] .profile-ring-meta-v45 span{color:#0f1724}
html[data-theme="light"] .profile-ring-meta-v45 small{color:#6f8095}



/* V46 — misma idea, proporciones civilizadas */
@media (min-width:1201px){
  .stats-profile-v39{
    grid-template-columns:minmax(0,1.34fr) minmax(280px,.66fr)!important;
    min-height:0!important;
    height:100%!important;
    padding:22px 24px 20px!important;
    gap:20px!important;
    align-items:center!important;
  }
  .profile-copy-v39{max-width:760px!important}
  .profile-label-v39{
    font-size:10px!important;
    margin-bottom:10px!important;
  }
  .profile-name-v39{
    font-size:clamp(46px,4.8vw,78px)!important;
    line-height:.9!important;
    letter-spacing:-.065em!important;
    margin:0 0 14px!important;
  }
  .profile-lead-v44{
    font-size:clamp(19px,1.6vw,27px)!important;
    line-height:1.08!important;
    max-width:24ch!important;
    margin:0 0 10px!important;
  }
  .profile-desc-v39{
    font-size:12px!important;
    line-height:1.48!important;
    max-width:58ch!important;
  }
  .profile-micro-v44{
    font-size:10.5px!important;
    line-height:1.42!important;
    margin-top:8px!important;
    max-width:62ch!important;
  }
  .profile-traits-v39{margin-top:11px!important;gap:6px!important}
  .profile-trait-v39{height:23px!important;padding:0 8px!important;font-size:7px!important}

  .profile-proof-rings-v45{
    grid-template-columns:1fr 1fr!important;
    gap:10px!important;
  }
  .profile-ring-card-v45{
    min-height:110px!important;
    padding:10px 8px 9px!important;
    border-radius:16px!important;
  }
  .profile-ring-v45{
    --size:70px!important;
    --track:7px!important;
  }
  .profile-ring-core-v45 b{font-size:17px!important}
  .profile-ring-meta-v45{margin-top:7px!important;gap:2px!important}
  .profile-ring-meta-v45 span{font-size:9px!important}
  .profile-ring-meta-v45 small{font-size:7.5px!important}
}



/* V47 — menos texto, más editorial, anillos sueltos */
@media (min-width:1201px){
  .stats-profile-v39{
    position:relative!important;
    overflow:hidden!important;
    grid-template-columns:minmax(0,1.42fr) minmax(290px,.72fr)!important;
    min-height:0!important;
    height:100%!important;
    padding:26px 28px 24px!important;
    gap:18px!important;
    align-items:center!important;
    background:radial-gradient(circle at 12% 10%,rgba(57,236,123,.22),transparent 26%),radial-gradient(circle at 74% 12%,rgba(34,145,86,.16),transparent 26%),linear-gradient(135deg,rgba(18,87,54,.42) 0%,rgba(10,22,19,.72) 34%,rgba(8,13,24,.97) 70%)!important;
    border-color:rgba(69,223,127,.18)!important;
  }
  .stats-profile-v39::after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,rgba(77,255,154,.04),transparent 38%,transparent 72%,rgba(255,255,255,.02));}
  .profile-copy-v39{max-width:720px!important;position:relative;z-index:1}
  .profile-label-v39{font-size:11px!important;letter-spacing:.17em!important;margin-bottom:12px!important;color:rgba(245,250,255,.96)!important}
  .profile-name-v39{font-size:clamp(56px,5.7vw,98px)!important;line-height:.88!important;letter-spacing:-.072em!important;margin:0 0 14px!important;color:#1ee46b!important;text-shadow:0 0 28px rgba(30,228,107,.08)!important}
  .profile-lead-v44{font-size:clamp(24px,1.95vw,34px)!important;line-height:1.04!important;max-width:18ch!important;margin:0 0 12px!important;color:#f4f8ff!important;text-wrap:balance!important}
  .profile-desc-v39{font-size:13px!important;line-height:1.5!important;max-width:48ch!important;color:rgba(226,235,243,.88)!important;margin:0!important}
  .profile-micro-v44{display:none!important}
  .profile-traits-v39{margin-top:14px!important;gap:8px!important}
  .profile-trait-v39{height:25px!important;padding:0 10px!important;font-size:7px!important;background:rgba(14,39,28,.45)!important;border-color:rgba(69,223,127,.22)!important;color:#8cf1b3!important}

  .profile-proof-rings-v45{
    position:relative;z-index:1;display:grid!important;grid-template-columns:1fr 1fr!important;gap:14px 10px!important;justify-items:center!important;align-items:start!important;align-content:center!important;padding-right:2px!important
  }
  .profile-ring-card-v45{
    min-height:auto!important;
    padding:0!important;
    border:none!important;
    background:none!important;
    backdrop-filter:none!important;
    border-radius:0!important;
    box-shadow:none!important;
  }
  .profile-ring-v45{--size:82px!important;--track:8px!important}
  .profile-ring-v45::before{background:linear-gradient(180deg,rgba(8,15,20,.98),rgba(8,13,24,.92))!important}
  .profile-ring-v45::after{box-shadow:0 0 0 1px rgba(61,226,126,.10),0 0 18px rgba(54,220,122,.10)!important;opacity:.7!important}
  .profile-ring-card-v45.gold .profile-ring-v45::after{box-shadow:0 0 0 1px rgba(243,188,97,.12),0 0 18px rgba(243,188,97,.10)!important}
  .profile-ring-core-v45 b{font-size:19px!important}
  .profile-ring-meta-v45{margin-top:8px!important;gap:2px!important}
  .profile-ring-meta-v45 span{font-size:10px!important;font-weight:800!important;color:#eff6ff!important}
  .profile-ring-meta-v45 small{font-size:8px!important;color:rgba(181,194,209,.88)!important}
}
html[data-theme="light"] .stats-profile-v39{background:radial-gradient(circle at 12% 10%,rgba(57,236,123,.16),transparent 26%),linear-gradient(135deg,rgba(110,255,170,.15) 0%,rgba(247,251,247,.98) 48%,rgba(241,247,244,.95) 100%)!important;border-color:rgba(41,185,95,.16)!important}
html[data-theme="light"] .profile-name-v39{color:#18bd5f!important}
html[data-theme="light"] .profile-desc-v39{color:#4b5a6e!important}
html[data-theme="light"] .profile-trait-v39{background:rgba(35,196,97,.07)!important;color:#189a4b!important;border-color:rgba(35,196,97,.14)!important}
html[data-theme="light"] .profile-ring-meta-v45 span{color:#0f1724!important}
html[data-theme="light"] .profile-ring-meta-v45 small{color:#6f8095!important}



/* V48 — hero editorial plano, verde y con métricas físicas */
@media (min-width:1201px){
  .stats-profile-v39{
    position:relative!important;
    overflow:hidden!important;
    grid-template-columns:minmax(0,1.46fr) minmax(300px,.64fr)!important;
    align-items:stretch!important;
    gap:20px!important;
    min-height:0!important;
    height:100%!important;
    padding:26px 26px 24px!important;
    background:#1fdb63!important;
    border-color:rgba(255,255,255,.16)!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.12), 0 16px 40px rgba(0,0,0,.12)!important;
  }
  .stats-profile-v39::before,.stats-profile-v39::after{display:none!important}
  .profile-copy-v39{display:flex!important;flex-direction:column!important;justify-content:space-between!important;max-width:760px!important;padding:6px 0 2px!important}
  .profile-label-v39{margin-bottom:12px!important;font-size:11px!important;letter-spacing:.18em!important;color:rgba(5,16,18,.72)!important}
  .profile-name-v39{font-family:"Bricolage Grotesque",Inter,system-ui,sans-serif!important;font-size:clamp(58px,5.6vw,96px)!important;line-height:.88!important;letter-spacing:-.075em!important;font-weight:800!important;color:#06121d!important;margin:0 0 16px!important;max-width:10ch!important}
  .profile-lead-v44{font-size:clamp(24px,1.9vw,34px)!important;line-height:1.02!important;font-weight:800!important;letter-spacing:-.055em!important;color:#06121d!important;max-width:14ch!important;margin:0!important;text-wrap:balance!important}
  .profile-desc-v39,.profile-micro-v44{display:none!important}
  .profile-traits-v39{margin-top:18px!important;gap:8px!important}
  .profile-trait-v39{height:26px!important;padding:0 10px!important;font-size:7px!important;border-radius:999px!important;background:rgba(6,18,29,.08)!important;border:1px solid rgba(6,18,29,.14)!important;color:#0b2a19!important;font-weight:800!important}

  .profile-proof-v39{
    align-self:center!important;
    background:linear-gradient(180deg,#3d4047,#30333a)!important;
    border:1px solid rgba(255,255,255,.22)!important;
    border-radius:34px!important;
    padding:18px 18px 14px!important;
    box-shadow:0 16px 36px rgba(0,0,0,.18), inset 0 1px 0 rgba(255,255,255,.08)!important;
  }
  .profile-proof-rings-v45{display:grid!important;grid-template-columns:1fr 1fr!important;gap:16px 10px!important;align-content:center!important;justify-items:center!important}
  .profile-ring-card-v45{background:none!important;border:none!important;padding:0!important;min-height:auto!important;box-shadow:none!important;backdrop-filter:none!important}
  .profile-ring-v45{--size:70px!important;--track:8px!important;background:conic-gradient(#2df074 var(--fill),rgba(255,255,255,.11) 0)!important;box-shadow:none!important}
  .profile-ring-card-v45.gold .profile-ring-v45{background:conic-gradient(#f1bf62 var(--fill),rgba(255,255,255,.11) 0)!important}
  .profile-ring-v45::before{background:#30333a!important}
  .profile-ring-v45::after{display:none!important}
  .profile-ring-core-v45{background:none!important;color:#f4f8ff!important}
  .profile-ring-core-v45 b{font-size:18px!important;color:#f4f8ff!important;letter-spacing:-.03em!important}
  .profile-ring-meta-v45{margin-top:8px!important;gap:2px!important;text-align:center!important}
  .profile-ring-meta-v45 span{font-size:10px!important;font-weight:800!important;color:#f6f8fb!important;letter-spacing:-.02em!important}
  .profile-ring-meta-v45 small{font-size:8px!important;color:rgba(218,226,236,.76)!important;line-height:1.2!important}
}
html[data-theme="light"] .stats-profile-v39{background:#22d167!important;border-color:rgba(17,27,39,.08)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.18),0 14px 28px rgba(26,32,44,.08)!important}
html[data-theme="light"] .profile-label-v39,html[data-theme="light"] .profile-name-v39,html[data-theme="light"] .profile-lead-v44{color:#08111d!important}
html[data-theme="light"] .profile-trait-v39{background:rgba(8,17,29,.06)!important;border-color:rgba(8,17,29,.12)!important;color:#0c2418!important}
html[data-theme="light"] .profile-proof-v39{background:linear-gradient(180deg,#4a4d55,#393c43)!important}



/* V49 — editorial clean / physical / marquees */
@keyframes statsMarqueeFloat{0%{transform:translate3d(0,0,0)}100%{transform:translate3d(-28%,0,0)}}
@media (min-width:1201px){
  .stats-shell-v39{padding:14px 18px 18px!important}
  .stats-wrap-v39{grid-template-rows:minmax(0,1.08fr) minmax(0,.86fr) minmax(0,.66fr)!important;gap:12px!important}
  .stats-top-v39,.stats-grid-v39,.stats-bottom-v40{gap:12px!important}
  .stats-top-v39{grid-template-columns:minmax(0,1.52fr) minmax(330px,.72fr)!important}
  .stats-bottom-v40{grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr)!important}

  .stats-card-v39{
    position:relative!important; overflow:hidden!important; isolation:isolate!important;
    background:linear-gradient(180deg,rgba(10,15,24,.96),rgba(8,13,21,.94))!important;
    border:1px solid rgba(255,255,255,.07)!important;
    box-shadow:0 10px 30px rgba(0,0,0,.14), inset 0 1px 0 rgba(255,255,255,.03)!important;
  }
  .stats-card-v39[data-marquee]::after{
    content:attr(data-marquee) "  " attr(data-marquee) "  " attr(data-marquee);
    position:absolute; left:22px; right:22px; bottom:10px; white-space:nowrap; pointer-events:none;
    font-family:"Bricolage Grotesque",Inter,system-ui,sans-serif; font-weight:800; letter-spacing:-.05em;
    font-size:34px; line-height:1; color:rgba(255,255,255,.035); z-index:0;
    animation:statsMarqueeFloat 22s linear infinite;
  }
  .stats-card-v39 > *{position:relative; z-index:1}

  .stats-profile-v39{
    grid-template-columns:minmax(0,1.18fr) minmax(290px,.72fr)!important;
    align-items:stretch!important; gap:18px!important; min-height:0!important; height:100%!important;
    padding:24px 24px 20px!important; background:#23df67!important; border-color:rgba(7,18,14,.12)!important;
    box-shadow:0 12px 28px rgba(0,0,0,.12), inset 0 1px 0 rgba(255,255,255,.16)!important;
  }
  .stats-profile-v39::before,.stats-profile-v39::after{display:none!important}
  .stats-profile-v39[data-marquee]::after{
    content:attr(data-marquee) "  " attr(data-marquee) "  " attr(data-marquee);
    left:24px; right:24px; bottom:4px; color:rgba(8,17,24,.08); font-size:52px; animation-duration:18s;
  }
  .profile-copy-v39{display:flex!important; flex-direction:column!important; justify-content:space-between!important; padding:4px 0 2px!important; max-width:760px!important}
  .profile-label-v39{margin-bottom:10px!important; color:rgba(8,17,24,.72)!important; font-size:11px!important; letter-spacing:.2em!important}
  .profile-name-v39{font-family:"Bricolage Grotesque",Inter,system-ui,sans-serif!important; font-size:clamp(64px,6.6vw,112px)!important; line-height:.9!important; letter-spacing:-.08em!important; color:#09111b!important; margin:0 0 12px!important; max-width:8ch!important}
  .profile-lead-v44{font-size:clamp(22px,2.15vw,38px)!important; line-height:.95!important; letter-spacing:-.06em!important; color:#09111b!important; font-weight:800!important; max-width:10.5ch!important; margin:0!important}
  .profile-desc-v39{margin-top:14px!important; max-width:36ch!important; font-size:14px!important; line-height:1.18!important; color:rgba(8,17,24,.78)!important}
  .profile-micro-v44{display:none!important}
  .profile-traits-v39{margin-top:16px!important; gap:8px!important}
  .profile-trait-v39{height:28px!important; padding:0 12px!important; border-radius:999px!important; background:rgba(9,17,27,.08)!important; border:1px solid rgba(9,17,27,.12)!important; color:#0d2518!important; font-size:8px!important; font-weight:800!important}

  .profile-proof-v39{
    align-self:center!important; display:grid!important; place-items:center!important;
    background:linear-gradient(180deg,#3d4046,#32353c)!important; border:1px solid rgba(255,255,255,.18)!important;
    border-radius:34px!important; padding:18px 18px 14px!important; transform:rotate(-2.2deg);
    box-shadow:0 18px 38px rgba(0,0,0,.16), inset 0 1px 0 rgba(255,255,255,.08)!important;
  }
  .profile-proof-rings-v45{display:grid!important; grid-template-columns:1fr 1fr!important; gap:16px 12px!important; width:100%!important; justify-items:center!important; align-items:start!important}
  .profile-ring-card-v45{background:none!important; border:none!important; box-shadow:none!important; padding:0!important; min-height:auto!important; backdrop-filter:none!important}
  .profile-ring-v45{--size:64px!important; --track:8px!important; background:conic-gradient(#37f07b var(--fill),rgba(255,255,255,.10) 0)!important}
  .profile-ring-card-v45.gold .profile-ring-v45{background:conic-gradient(#f0b857 var(--fill),rgba(255,255,255,.10) 0)!important}
  .profile-ring-v45::before{background:#1b1f25!important; box-shadow:none!important}
  .profile-ring-v45::after{display:none!important}
  .profile-ring-core-v45 b{font-family:"Bricolage Grotesque",Inter,system-ui,sans-serif!important; font-size:17px!important; color:#f6f8fb!important}
  .profile-ring-meta-v45{margin-top:8px!important; gap:1px!important; text-align:center!important}
  .profile-ring-meta-v45 span{font-size:10px!important; color:#f5f7fa!important; font-weight:800!important; letter-spacing:-.03em!important}
  .profile-ring-meta-v45 small{font-size:8px!important; color:rgba(227,233,239,.74)!important; line-height:1.18!important; max-width:84px!important}

  .stats-pad-v39{padding:18px 18px 8px!important}
  .stats-eyebrow-v39{font-size:10px!important; letter-spacing:.18em!important}
  .stats-title-v39{font-family:"Bricolage Grotesque",Inter,system-ui,sans-serif!important; font-size:28px!important; letter-spacing:-.04em!important}
  .stats-sub-v39{font-size:11px!important; line-height:1.22!important; max-width:30ch!important}
  .stats-overview-v39{gap:10px!important; padding:10px 12px 12px!important}
  .stat-kpi-v39{border-radius:18px!important; background:linear-gradient(180deg,rgba(255,255,255,.03),rgba(255,255,255,.015))!important; border:1px solid rgba(255,255,255,.05)!important; padding:14px 14px!important}
  .stat-kpi-v39 span{font-size:9px!important; text-transform:uppercase!important; letter-spacing:.08em!important}
  .stat-kpi-v39 b{font-family:"Bricolage Grotesque",Inter,system-ui,sans-serif!important; font-size:28px!important; letter-spacing:-.05em!important}
  .stat-kpi-v39 small{font-size:8px!important}

  .stats-section-head-v39{padding:14px 14px 8px!important}
  .stats-section-head-v39 h3{font-family:"Bricolage Grotesque",Inter,system-ui,sans-serif!important; font-size:18px!important; letter-spacing:-.03em!important}
  .stats-section-head-v39 p{font-size:9px!important; max-width:28ch!important; line-height:1.2!important}
  .stats-list-v39,.stats-records-v39,.stats-dna-v39,.profile-spectrum-v39{padding-inline:12px!important}
  .stats-rank-row-v39{background:linear-gradient(90deg,rgba(255,255,255,.035),rgba(255,255,255,.018))!important; border-color:rgba(255,255,255,.045)!important; border-radius:14px!important}
  .record-v39{background:linear-gradient(180deg,rgba(255,255,255,.03),rgba(255,255,255,.014))!important; border-color:rgba(255,255,255,.05)!important; border-radius:14px!important}
  .dna-verdict-v39 b{font-family:"Bricolage Grotesque",Inter,system-ui,sans-serif!important; font-size:20px!important; letter-spacing:-.04em!important}
  .dna-verdict-v39 p{font-size:10px!important; line-height:1.28!important; max-width:34ch!important}
  .spectrum-row-v39{grid-template-columns:110px minmax(0,1fr) 28px!important}
}
html[data-theme="light"] .stats-card-v39{background:linear-gradient(180deg,#fff,#f7f9fb)!important; border-color:rgba(18,28,40,.08)!important}
html[data-theme="light"] .stats-card-v39[data-marquee]::after{color:rgba(15,23,36,.035)!important}
html[data-theme="light"] .stats-profile-v39{background:#26d568!important; border-color:rgba(12,30,21,.10)!important}
html[data-theme="light"] .stats-profile-v39[data-marquee]::after{color:rgba(12,23,18,.09)!important}
html[data-theme="light"] .profile-proof-v39{background:linear-gradient(180deg,#50545b,#3d4148)!important}



@import url('https://fonts.googleapis.com/css2?family=Bricolage+Grotesque:wght@500;600;700;800&family=DM+Serif+Display:ital@0;1&display=swap');

#statsViewV39{background:#050607!important;overflow:auto!important}
#statsViewV39 .stats-shell-v39{height:auto!important;overflow:visible!important;padding:14px 18px 22px!important}
#statsViewV39 .stats-wrap-v39{width:100%!important;max-width:none!important;height:auto!important;margin:0!important;display:block!important}
#statsRootV39 > .stats-top-v39,#statsRootV39 > .stats-grid-v39,#statsRootV39 > .stats-bottom-v40{display:none!important}

.stats-v51{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));grid-auto-rows:minmax(0,auto);gap:12px;min-height:calc(100vh - 112px);color:#f5f6f7;font-family:Inter,system-ui,sans-serif}
.stats-v51 *{box-sizing:border-box}
.v51-card{position:relative;overflow:hidden;border:1px solid rgba(255,255,255,.075);border-radius:26px;background:#0b0c0e;min-width:0}
.v51-card:after{content:'';position:absolute;inset:0;pointer-events:none;box-shadow:inset 0 1px 0 rgba(255,255,255,.03)}
.v51-kicker{font-size:10px;letter-spacing:.18em;text-transform:uppercase;font-weight:850;color:#9ca5b1}
.v51-title{font-family:'Bricolage Grotesque',Inter,sans-serif;letter-spacing:-.045em;margin:0}

/* HERO */
.v51-hero{grid-column:span 8;min-height:324px;padding:24px 26px 22px;background:#0a0b0d;border-color:rgba(36,236,105,.2);display:grid;grid-template-columns:minmax(0,1.08fr) minmax(310px,.72fr);gap:18px;isolation:isolate}
.v51-hero:before{content:'DEEP DIVER  DEEP DIVER  DEEP DIVER';position:absolute;left:-3%;bottom:-8%;white-space:nowrap;font-family:'Bricolage Grotesque';font-size:96px;font-weight:800;letter-spacing:-.06em;color:rgba(37,238,108,.045);z-index:-1;animation:v51Marquee 28s linear infinite}
@keyframes v51Marquee{from{transform:translateX(0)}to{transform:translateX(-28%)}}
.v51-hero-copy{display:flex;flex-direction:column;justify-content:center;min-width:0}
.v51-hero .v51-kicker{color:#27eb6f;margin-bottom:10px}
.v51-profile{font-family:'Bricolage Grotesque',Inter,sans-serif;font-size:clamp(54px,5.9vw,92px);line-height:.86;letter-spacing:-.075em;font-weight:800;margin:0 0 14px;color:#f6f7f8}
.v51-lead{font-family:'Bricolage Grotesque',Inter,sans-serif;font-size:clamp(20px,1.75vw,30px);line-height:1.03;letter-spacing:-.045em;font-weight:700;max-width:22ch;margin:0;color:#f8fafb}
.v51-desc{max-width:52ch;margin:12px 0 0;font-size:12px;line-height:1.45;color:#aeb6c1}
.v51-stickers{display:flex;align-items:center;gap:8px;margin-top:15px;flex-wrap:wrap}
.v51-sticker{display:inline-flex;align-items:center;justify-content:center;height:29px;padding:0 10px;border-radius:999px;border:1px solid rgba(255,255,255,.1);background:#101216;font-size:9px;font-weight:850;letter-spacing:.1em;text-transform:uppercase;color:#dce2e8}
.v51-sticker.symbol{width:29px;padding:0;border-radius:50%;font-family:'Bricolage Grotesque';font-size:17px;background:#24eb6d;color:#07100b;border-color:#24eb6d;animation:v51Spin 16s linear infinite}
@keyframes v51Spin{to{transform:rotate(360deg)}}

.v51-metrics{align-self:stretch;display:grid;grid-template-columns:1fr 1fr;gap:8px;align-content:center}
.v51-metric{position:relative;min-height:116px;padding:14px 14px 12px;border-radius:20px;border:1px solid rgba(255,255,255,.07);background:#0f1114;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden}
.v51-metric b{font-family:'Bricolage Grotesque';font-size:38px;line-height:.9;letter-spacing:-.06em;color:#fff}
.v51-metric span{font-size:9px;font-weight:850;letter-spacing:.08em;text-transform:uppercase;color:#9da6b2}
.v51-metric small{font-size:8px;color:#6f7986}
.v51-mini-line{height:4px;background:#1c2025;border-radius:99px;overflow:hidden;margin-top:8px}.v51-mini-line i{display:block;height:100%;border-radius:99px;background:#28eb70;transform-origin:left;animation:v51Grow .8s ease both}
.v51-dots{display:flex;gap:4px;margin-top:8px}.v51-dots i{width:7px;height:7px;border-radius:2px;background:#272b31}.v51-dots i.on{background:#28eb70}.v51-dots i.gold{background:#ffb446}
@keyframes v51Grow{from{transform:scaleX(0)}to{transform:scaleX(1)}}
.v51-hash{position:absolute;right:10px;bottom:-15px;font-family:'Bricolage Grotesque';font-size:62px;line-height:1;font-weight:800;color:rgba(255,255,255,.035)}

/* OVERVIEW */
.v51-overview{grid-column:span 4;min-height:324px;padding:20px 20px 18px;background:#101114}
.v51-overview h2{font-size:27px;line-height:.98;margin:5px 0 14px;color:#fff}
.v51-overview-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.v51-over-stat{min-height:104px;padding:13px;border-radius:18px;background:#0b0c0f;border:1px solid rgba(255,255,255,.06)}
.v51-over-stat span{display:block;font-size:8px;letter-spacing:.1em;text-transform:uppercase;font-weight:850;color:#7f8996;margin-bottom:11px}
.v51-over-stat b{display:block;font-family:'Bricolage Grotesque';font-size:31px;line-height:.9;letter-spacing:-.055em;color:#fff}
.v51-over-stat small{display:block;font-size:8px;color:#69727f;margin-top:8px}

/* ARTISTS */
.v51-artists{grid-column:span 4;min-height:252px;padding:18px 16px 14px;background:#0a0b0d}
.v51-section-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;margin-bottom:10px}
.v51-section-head h3{font-size:22px;margin:2px 0 2px;color:#fff}.v51-section-head p{margin:0;font-size:8px;color:#7d8794}
.v51-icon-chip{width:31px;height:31px;border-radius:50%;display:grid;place-items:center;background:#14171b;border:1px solid rgba(255,255,255,.08);font-family:'Bricolage Grotesque';font-size:16px;color:#28eb70}
.v51-rank{display:grid;grid-template-columns:24px minmax(0,1fr) auto;gap:9px;align-items:center;padding:8px 3px;border-top:1px solid rgba(255,255,255,.05)}
.v51-rank:first-of-type{border-top:none}.v51-rank .n{font-size:9px;color:#626c78;font-weight:800}.v51-rank b{display:block;font-size:10px;color:#f4f6f8}.v51-rank small{display:block;font-size:7px;color:#68727f;margin-top:2px}.v51-rank .val{font-family:'Bricolage Grotesque';font-size:16px;color:#28eb70;letter-spacing:-.03em}

/* YEARS */
.v51-years{grid-column:span 3;min-height:252px;padding:18px;background:#ff5a1f;color:#0a0a0b;border-color:#ff5a1f}
.v51-years .v51-kicker{color:rgba(8,8,9,.62)}
.v51-year-big{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin:8px 0 10px}
.v51-year-big strong{font-family:'Bricolage Grotesque';font-size:54px;line-height:.82;letter-spacing:-.075em}.v51-year-big b{font-family:'Bricolage Grotesque';font-size:31px;line-height:.9}
.v51-year-list{display:grid;gap:4px;margin-top:14px}.v51-year-row{display:grid;grid-template-columns:1fr auto;gap:8px;padding-top:6px;border-top:1px solid rgba(0,0,0,.18);font-size:9px;font-weight:750}.v51-year-row span:last-child{font-family:'Bricolage Grotesque';font-size:14px}
.v51-years .v51-star{position:absolute;right:14px;bottom:10px;font-size:42px;font-family:'Bricolage Grotesque';font-weight:800;animation:v51Spin 18s linear infinite}

/* RECORDS */
.v51-records{grid-column:span 5;min-height:252px;padding:18px 16px 14px;background:#0c0d10}
.v51-record-list{display:grid;grid-template-columns:1fr 1fr;gap:7px}
.v51-record{position:relative;overflow:hidden;min-height:80px;padding:10px 10px 9px 72px;border-radius:16px;border:1px solid rgba(255,255,255,.06);background:#0a0b0d}
.v51-record img{position:absolute;left:9px;top:9px;width:54px;height:54px;object-fit:cover;border-radius:10px;filter:saturate(.88)}
.v51-record span{display:block;font-size:7px;letter-spacing:.09em;text-transform:uppercase;font-weight:850;color:#747e8a;margin-bottom:4px}.v51-record b{display:block;font-size:10px;line-height:1.1;color:#f5f7f9}.v51-record small{display:block;font-size:7px;color:#6d7682;margin-top:4px}

/* DNA */
.v51-dna{grid-column:span 7;min-height:238px;padding:18px;background:#0a0b0d;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(230px,.7fr);gap:18px}
.v51-dna-bars{display:flex;align-items:flex-end;gap:9px;padding-top:15px;height:160px}
.v51-dna-bar{position:relative;flex:1;min-width:0;border-radius:17px 17px 8px 8px;display:flex;align-items:flex-end;justify-content:center;padding-bottom:12px;color:#07100b;transform-origin:bottom;animation:v51Rise .9s ease both}
@keyframes v51Rise{from{transform:scaleY(.08)}to{transform:scaleY(1)}}
.v51-dna-bar.s{background:#ff816d}.v51-dna-bar.a{background:#ffc152}.v51-dna-bar.b{background:#70eda8}.v51-dna-bar.c{background:#68b7ff}
.v51-dna-bar strong{font-family:'Bricolage Grotesque';font-size:28px;line-height:.9}.v51-dna-bar span{position:absolute;top:9px;left:10px;font-family:'Bricolage Grotesque';font-size:18px;font-weight:800}.v51-dna-bar small{position:absolute;bottom:10px;right:9px;font-size:8px;font-weight:850}
.v51-dna-copy{display:flex;flex-direction:column;justify-content:center;border-left:1px solid rgba(255,255,255,.07);padding-left:18px}.v51-dna-copy h3{font-size:28px;line-height:.94;margin:5px 0 10px;color:#fff}.v51-dna-copy p{font-size:10px;line-height:1.45;color:#9da6b2;margin:0}

/* SPECTRUM */
.v51-spectrum{grid-column:span 5;min-height:238px;padding:18px;background:#dfe6df;color:#0b0c0d;border-color:#dfe6df}
.v51-spectrum .v51-kicker{color:#667068}.v51-spectrum h3{font-size:26px;margin:4px 0 14px;color:#0b0c0d}
.v51-spectrum-row{display:grid;grid-template-columns:22px minmax(0,1fr) 28px;gap:9px;align-items:center;padding:6px 0;border-top:1px solid rgba(0,0,0,.12)}.v51-spectrum-row:first-of-type{border-top:none}
.v51-spectrum-symbol{font-family:'Bricolage Grotesque';font-size:14px;font-weight:800}.v51-spectrum-mid b{display:block;font-size:9px}.v51-spectrum-line{position:relative;height:2px;background:rgba(0,0,0,.16);margin-top:5px}.v51-spectrum-line i{position:absolute;top:50%;width:9px;height:9px;border-radius:50%;background:#12b856;transform:translate(-50%,-50%)}.v51-spectrum-score{font-family:'Bricolage Grotesque';font-size:16px;text-align:right}
.v51-spectrum-big{position:absolute;right:13px;bottom:-21px;font-family:'Bricolage Grotesque';font-size:82px;line-height:1;font-weight:800;color:rgba(0,0,0,.045);letter-spacing:-.08em}

@media(max-width:1300px){.v51-hero{grid-column:span 8}.v51-overview{grid-column:span 4}.v51-artists{grid-column:span 4}.v51-years{grid-column:span 4}.v51-records{grid-column:span 4}.v51-dna{grid-column:span 7}.v51-spectrum{grid-column:span 5}}
@media(max-width:1000px){.stats-v51{grid-template-columns:1fr 1fr}.v51-card{grid-column:span 1!important}.v51-hero{grid-column:span 2!important;grid-template-columns:1fr}.v51-overview{grid-column:span 2!important}.v51-dna{grid-column:span 2!important}.v51-spectrum{grid-column:span 2!important}}



@keyframes v52marquee{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@keyframes v52float{0%,100%{transform:rotate(-5deg) translateY(0)}50%{transform:rotate(-2deg) translateY(-5px)}}
@keyframes v52pulse{0%,100%{transform:scale(1)}50%{transform:scale(1.06)}}
@keyframes v52rise{from{transform:translateY(14px);opacity:0}to{transform:translateY(0);opacity:1}}
@media (min-width:1201px){
  #statsViewV39{height:100%!important;min-height:0!important;overflow:hidden!important;background:#050608!important}
  #statsViewV39 .stats-shell-v39{height:100%!important;min-height:0!important;overflow:hidden!important;padding:12px 16px 14px!important}
  #statsViewV39 .stats-wrap-v39{height:100%!important;min-height:0!important;max-width:none!important;margin:0!important;display:block!important}
  #statsRootV39>.stats-v51,#statsRootV39>.stats-top-v39,#statsRootV39>.stats-grid-v39,#statsRootV39>.stats-bottom-v40{display:none!important}
  .stats-v52{height:100%;min-height:0;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));grid-template-rows:repeat(6,minmax(0,1fr));gap:10px;color:#f4f6f8;font-family:Inter,system-ui,sans-serif}
  .v52-card{position:relative;overflow:hidden;min-width:0;min-height:0;border-radius:24px;border:1px solid rgba(255,255,255,.085);background:#0a0c10;box-shadow:inset 0 1px 0 rgba(255,255,255,.025);animation:v52rise .5s ease both}
  .v52-card>*{position:relative;z-index:2}
  .v52-kicker{font-size:9px;font-weight:900;letter-spacing:.18em;text-transform:uppercase}
  .v52-title{font-family:"Bricolage Grotesque",Inter,sans-serif;letter-spacing:-.055em;line-height:.92;margin:0;font-weight:800}
  .v52-sticker{position:absolute;z-index:4;display:grid;place-items:center;border-radius:999px;font-family:"Bricolage Grotesque",Inter,sans-serif;font-weight:800;box-shadow:0 6px 18px rgba(0,0,0,.16);animation:v52float 5.5s ease-in-out infinite}

  .v52-hero{grid-column:1/7;grid-row:1/5;background:#23df68;color:#06110b;border-color:rgba(0,0,0,.12);padding:22px 24px 18px;display:flex;flex-direction:column;justify-content:space-between}
  .v52-hero .v52-kicker{color:rgba(3,17,9,.74)}
  .v52-profile{font-family:"Bricolage Grotesque",Inter,sans-serif;font-size:clamp(62px,6.2vw,104px);line-height:.82;letter-spacing:-.075em;margin:8px 0 10px;max-width:7ch;color:#07110d}
  .v52-profile-copy{font-family:"Bricolage Grotesque",Inter,sans-serif;font-size:clamp(19px,1.55vw,27px);line-height:1.02;letter-spacing:-.045em;font-weight:700;max-width:20ch;margin:0 0 12px}
  .v52-profile-desc{font-size:10.5px;line-height:1.35;max-width:48ch;color:rgba(4,22,12,.72);margin:0}
  .v52-hero .s1{right:26px;top:24px;width:62px;height:62px;background:#06100b;color:#23df68;font-size:27px;transform:rotate(9deg)}
  .v52-hero .s2{right:102px;bottom:58px;width:88px;height:32px;background:#f4f5f1;color:#06100b;font-size:11px;transform:rotate(-6deg)}
  .v52-hero .s3{left:24px;bottom:18px;width:42px;height:42px;border:2px solid #06100b;background:transparent;font-size:20px;box-shadow:none;animation:v52pulse 5s ease-in-out infinite}
  .v52-hero-marquee{position:absolute;left:0;right:0;bottom:0;height:43px;overflow:hidden;opacity:.11;z-index:1}
  .v52-hero-marquee div{display:flex;width:max-content;gap:20px;font-family:"Bricolage Grotesque",Inter,sans-serif;font-size:39px;font-weight:800;letter-spacing:-.055em;white-space:nowrap;animation:v52marquee 20s linear infinite}

  .v52-artists{grid-column:7/10;grid-row:1/4;padding:18px 18px 14px;background:#0a0b0d}
  .v52-artists .topline,.v52-years .topline,.v52-gems .topline,.v52-dna .topline,.v52-hof .topline,.v52-collection .topline{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}
  .v52-artists h3{font-size:25px;margin:4px 0 12px}
  .v52-top-artist{display:grid;grid-template-columns:auto 72px;gap:10px;align-items:end;margin-bottom:10px}
  .v52-top-artist strong{display:block;font-family:"Bricolage Grotesque",Inter,sans-serif;font-size:60px;line-height:.82;letter-spacing:-.07em}
  .v52-top-artist b{display:block;margin-top:6px;font-size:15px}
  .v52-top-artist img{width:72px;height:72px;border-radius:15px;object-fit:cover;filter:grayscale(1)}
  .v52-artist-row{display:grid;grid-template-columns:24px minmax(0,1fr) auto;gap:8px;align-items:center;padding:7px 0;border-top:1px solid rgba(255,255,255,.07);font-size:10px}
  .v52-artist-row .score{color:#24ea6d;font-weight:900}
  .v52-artists .s1{right:12px;top:92px;width:35px;height:35px;background:#ff4d16;color:#080808;font-size:20px}

  .v52-years{grid-column:10/13;grid-row:1/3;background:#ff4c13;color:#0b0b0b;border-color:rgba(0,0,0,.12);padding:18px}
  .v52-years .v52-kicker{color:rgba(0,0,0,.7)}
  .v52-years-big{font-family:"Bricolage Grotesque",Inter,sans-serif;font-size:clamp(50px,4.3vw,76px);line-height:.77;letter-spacing:-.07em;font-weight:800;margin-top:14px}
  .v52-years-sub{font-size:10px;line-height:1.3;max-width:20ch;margin-top:12px}
  .v52-years .s1{right:16px;top:14px;width:44px;height:44px;background:#f1f1ec;color:#111;font-size:22px;transform:rotate(8deg)}

  .v52-gems{grid-column:10/13;grid-row:3/5;padding:18px;background:#0b0d10}
  .v52-gems-num{font-family:"Bricolage Grotesque",Inter,sans-serif;font-size:76px;line-height:.8;letter-spacing:-.07em;color:#23df68;margin-top:18px}
  .v52-gems-copy{font-size:11px;color:#a8b2c0;max-width:20ch;margin-top:8px}
  .v52-gems .s1{right:18px;bottom:20px;width:48px;height:48px;background:#23df68;color:#08110b;font-size:22px}

  .v52-hof{grid-column:1/8;grid-row:5/7;padding:16px 18px 14px;background:#0a0b0e}
  .v52-hof h3{font-size:27px;margin:4px 0 0}
  .v52-hof-strip{position:absolute;left:0;right:0;bottom:12px;overflow:hidden;height:95px}
  .v52-hof-track{display:flex;width:max-content;gap:10px;animation:v52marquee 24s linear infinite;padding-left:18px}
  .v52-album-chip{width:118px;display:grid;grid-template-columns:48px minmax(0,1fr);gap:8px;align-items:center;background:#12151a;border:1px solid rgba(255,255,255,.07);border-radius:16px;padding:7px}
  .v52-album-chip img{width:48px;height:48px;border-radius:10px;object-fit:cover}
  .v52-album-chip b{font-size:9px;line-height:1.08;display:block}
  .v52-album-chip span{font-size:8px;color:#8f98a7;display:block;margin-top:3px}
  .v52-hof .s1{right:20px;top:15px;width:104px;height:29px;background:#ff4d16;color:#0c0c0c;font-size:11px;border-radius:5px;transform:rotate(5deg)}

  .v52-dna{grid-column:8/11;grid-row:5/7;padding:16px 18px 14px;background:#0a0b0e}
  .v52-dna h3{font-size:25px;margin:4px 0 10px}
  .v52-dna-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;align-items:end;height:92px}
  .v52-dna-bar{border-radius:12px 12px 5px 5px;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;padding:7px 4px;font-family:"Bricolage Grotesque",Inter,sans-serif;color:#07100b;font-weight:800;min-height:35px}
  .v52-dna-bar.s{background:#ff7f67}.v52-dna-bar.a{background:#ffc45a}.v52-dna-bar.b{background:#62e9a1}.v52-dna-bar.c{background:#68b7ff}
  .v52-dna-bar strong{font-size:17px}.v52-dna-bar span{font-size:11px}
  .v52-dna-note{font-size:9px;color:#8f99a7;margin-top:8px;line-height:1.3}
  .v52-dna .s1{right:16px;top:16px;width:35px;height:35px;border:1px solid rgba(255,255,255,.22);background:#11151a;color:#ff4d16;font-size:18px}

  .v52-collection{grid-column:11/13;grid-row:5/7;padding:16px 16px 14px;background:#f1f1ec;color:#0b0b0b;border-color:rgba(0,0,0,.1)}
  .v52-collection .v52-kicker{color:rgba(0,0,0,.58)}
  .v52-collection-num{font-family:"Bricolage Grotesque",Inter,sans-serif;font-size:58px;line-height:.82;letter-spacing:-.07em;margin-top:13px}
  .v52-collection-copy{font-size:10px;line-height:1.3;max-width:18ch;margin-top:8px}
  .v52-collection .s1{right:14px;bottom:14px;width:44px;height:44px;background:#ff4d16;color:#101010;font-size:20px}
}
@media (max-width:1200px){.stats-v52{display:none!important}}



@media (min-width:1201px){
  /* Fill the vertical gap: Artists now shares the same 4-row height as the hero/right stack. */
  .v52-artists{grid-row:1/5!important;display:flex!important;flex-direction:column!important}
  .v52-artists .v52-top-artist{margin-top:8px!important}
  .v52-artists .v52-artist-row{padding:9px 0!important}
  .v52-artists .v52-artist-row:last-of-type{margin-bottom:auto!important}
  .v52-artists:after{content:'TOP ARTISTS';position:absolute;left:14px;bottom:7px;font-family:"Bricolage Grotesque",Inter,sans-serif;font-size:35px;font-weight:800;letter-spacing:-.055em;color:rgba(255,255,255,.035);white-space:nowrap;z-index:0}

  /* Taste profile: title owns the top, actual reading sits low. */
  .v52-hero>div:first-child{height:100%!important;display:flex!important;flex-direction:column!important;min-height:0!important}
  .v52-profile{font-size:clamp(70px,6.8vw,116px)!important;margin:7px 0 0!important}
  .v52-profile-copy{margin-top:auto!important;margin-bottom:8px!important;font-size:clamp(20px,1.7vw,30px)!important;max-width:21ch!important}
  .v52-profile-desc{font-size:11px!important;line-height:1.36!important;max-width:46ch!important;margin-bottom:28px!important}

  /* Stickers: larger, more like printed objects than UI chips. */
  .v52-sticker{box-shadow:0 9px 24px rgba(0,0,0,.23)!important;border:1px solid rgba(0,0,0,.08)!important}
  .v52-hero .s1{width:76px!important;height:76px!important;font-size:34px!important;right:30px!important;top:24px!important;transform:rotate(10deg)!important}
  .v52-hero .s2{width:112px!important;height:38px!important;font-size:13px!important;right:118px!important;bottom:62px!important;border-radius:7px!important;transform:rotate(-7deg)!important}
  .v52-hero .s3{width:52px!important;height:52px!important;font-size:24px!important;left:28px!important;bottom:22px!important;border-width:3px!important}
  .v52-artists .s1{width:47px!important;height:47px!important;font-size:26px!important;right:15px!important;top:103px!important;transform:rotate(10deg)!important}
  .v52-years .s1{width:56px!important;height:56px!important;font-size:29px!important;right:14px!important;top:13px!important}
  .v52-gems .s1{width:58px!important;height:58px!important;font-size:28px!important;right:16px!important;bottom:17px!important;transform:rotate(-9deg)!important}
  .v52-hof .s1{width:128px!important;height:36px!important;font-size:13px!important;right:22px!important;top:13px!important;transform:rotate(5deg)!important}
  .v52-dna .s1{width:46px!important;height:46px!important;font-size:23px!important;right:15px!important;top:14px!important;transform:rotate(9deg)!important}
  .v52-collection .s1{width:56px!important;height:56px!important;font-size:27px!important;right:13px!important;bottom:13px!important;transform:rotate(-8deg)!important}

  /* Hidden Gems: number is the composition. */
  .v52-gems{display:flex!important;flex-direction:column!important;padding:17px 18px 15px!important}
  .v52-gems-num{font-size:clamp(92px,7.6vw,138px)!important;line-height:.72!important;margin:auto 0 6px!important;letter-spacing:-.09em!important}
  .v52-gems-copy{font-size:10.5px!important;line-height:1.26!important;max-width:23ch!important;margin:0 0 5px!important;color:#b0bac8!important}

  /* Collection: same logic, less little-card energy. */
  .v52-collection{display:flex!important;flex-direction:column!important;padding:16px 16px 14px!important}
  .v52-collection-num{font-size:clamp(72px,5.2vw,94px)!important;line-height:.74!important;margin:auto 0 8px!important;letter-spacing:-.09em!important}
  .v52-collection-copy{font-size:10.5px!important;line-height:1.25!important;max-width:18ch!important;margin:0 0 3px!important}

  /* Hall of Fame: large cover conveyor, labels over the artwork. */
  .v52-hof{padding:15px 18px 12px!important}
  .v52-hof-strip{height:122px!important;bottom:8px!important;left:0!important;right:0!important;overflow:hidden!important}
  .v52-hof-track{gap:12px!important;padding-left:18px!important;animation-duration:27s!important;align-items:end!important}
  .v52-album-chip{position:relative!important;width:108px!important;height:108px!important;display:block!important;padding:0!important;border-radius:18px!important;overflow:hidden!important;border:1px solid rgba(255,255,255,.09)!important;background:#12151a!important;flex:0 0 108px!important}
  .v52-album-chip img{width:100%!important;height:100%!important;border-radius:0!important;object-fit:cover!important;display:block!important;transform:scale(1.02)!important}
  .v52-album-chip:after{content:'';position:absolute;inset:42% 0 0;background:linear-gradient(180deg,transparent,rgba(5,7,10,.88));z-index:1}
  .v52-album-chip>div{position:absolute!important;left:9px!important;right:8px!important;bottom:8px!important;z-index:2!important}
  .v52-album-chip b{font-size:9px!important;line-height:1.04!important;color:#fff!important;text-shadow:0 1px 7px rgba(0,0,0,.5)!important}
  .v52-album-chip span{font-size:7.5px!important;color:rgba(255,255,255,.72)!important;margin-top:3px!important}

  /* DNA: bars occupy the vertical space instead of hovering halfway up. */
  .v52-dna{display:flex!important;flex-direction:column!important;padding:15px 17px 12px!important}
  .v52-dna h3{margin-bottom:2px!important}
  .v52-dna-grid{flex:1 1 auto!important;height:auto!important;min-height:0!important;align-items:end!important;margin-top:8px!important;gap:7px!important}
  .v52-dna-bar{height:var(--dna-h)!important;min-height:0!important;max-height:100%!important;border-radius:14px 14px 5px 5px!important;padding:7px 3px 8px!important}
  .v52-dna-bar strong{font-size:18px!important}.v52-dna-bar span{font-size:12px!important}
  .v52-dna-note{margin:7px 0 0!important;font-size:8.5px!important;line-height:1.22!important;flex:0 0 auto!important}
}



@import url('https://fonts.googleapis.com/css2?family=Bricolage+Grotesque:wght@500;600;700;800&display=swap');

:root{
  --ar-black:#060606;
  --ar-panel:#0d0d0d;
  --ar-ink:#0a0a0a;
  --ar-paper:#eeeae2;
  --ar-orange:#ff4b12;
  --ar-green:#8cf3bb;
  --ar-s:#ff4b12;
  --ar-a:#c8f36b;
  --ar-b:#e7e3da;
  --ar-c:#93a79d;
  --ar-q:#292929;
}

html,body{
  background:var(--ar-black)!important;
  background-image:none!important;
  color:#f4f1ea!important;
}
body::before{display:none!important}
#themeToggle,.theme-float,.theme-fab{display:none!important}

/* ---------- GLOBAL / HEADER ---------- */
.header{
  background:#060606!important;
  border-bottom:1px solid #242424!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}
.logo,.brand,.brand-name{
  font-family:"Bricolage Grotesque",Inter,sans-serif!important;
  font-weight:800!important;
  letter-spacing:-.04em!important;
}
.app-tabs{
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  gap:26px!important;
  padding:0!important;
}
.app-tab{
  position:relative!important;
  background:transparent!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  color:#aaa!important;
  padding:12px 0 10px!important;
  font-weight:700!important;
}
.app-tab.active{
  color:#f4f1ea!important;
  background:transparent!important;
}
.app-tab.active::after{
  content:"";
  position:absolute;left:0;right:0;bottom:2px;
  height:2px;background:var(--ar-orange);
}
.user-chip{
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
}
.user-avatar{
  background:var(--ar-paper)!important;
  color:#090909!important;
  border:1px solid #090909!important;
}

/* ---------- DASHBOARD BASE ---------- */
#editorView{
  --dash-gap:12px;
}
#editorView .card,
#editorView .side-workspace-v361,
#editorView .reflection-shell-v36,
#editorView .collection-card-v28,
#editorView .actions-dock-v36{
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
  box-shadow:none!important;
}
#editorView .card,
#editorView .side-workspace-v361,
#editorView .actions-dock-v36{
  background:var(--ar-panel)!important;
  border:1px solid #2b2b2b!important;
  border-radius:16px!important;
}

/* ---------- ALBUM MODULE ---------- */
#editorView .album-card-v36{
  position:relative!important;
  overflow:hidden!important;
  background:var(--ar-orange)!important;
  color:var(--ar-ink)!important;
  border:0!important;
  border-radius:18px!important;
  padding:12px!important;
}
#editorView .album-card-v36::before{
  content:"# ALBUM  /  RANK";
  position:absolute;
  top:16px;right:-4px;
  z-index:6;
  padding:8px 16px 7px;
  background:#111;
  color:#fff;
  font:800 9px/1 "Bricolage Grotesque",Inter,sans-serif;
  letter-spacing:.13em;
  transform:rotate(3deg);
}
#editorView .album-card-v36::after{
  content:"✱";
  position:absolute;
  width:72px;height:72px;
  right:20px;bottom:18px;
  display:grid;place-items:center;
  border-radius:50%;
  background:var(--ar-paper);
  color:#111;
  font:800 42px/1 Arial,sans-serif;
  transform:rotate(-8deg);
  pointer-events:none;
  z-index:3;
}
#editorView .album-card-v36 .art{
  border:0!important;
  border-radius:12px!important;
  box-shadow:none!important;
  filter:saturate(.92) contrast(1.04)!important;
}
#editorView .spotify-meta-title-v7,
#editorView .spotify-meta-artist-v7{
  color:#080808!important;
  font-family:"Bricolage Grotesque",Inter,sans-serif!important;
}
#editorView .spotify-meta-title-v7{
  font-size:clamp(22px,2vw,34px)!important;
  line-height:.95!important;
  letter-spacing:-.055em!important;
  font-weight:800!important;
}
#editorView .spotify-meta-artist-v7{
  font-size:13px!important;
  font-weight:800!important;
}
#editorView .spotify-meta-detail-v7{
  color:#1b1b1b!important;
  font-weight:700!important;
}
#editorView .album-card-v36 input,
#editorView .album-card-v36 textarea,
#editorView .album-card-v36 select{
  background:rgba(255,255,255,.18)!important;
  color:#080808!important;
  border:1px solid rgba(0,0,0,.55)!important;
  border-radius:8px!important;
}

/* ---------- COLLECTION ---------- */
#editorView .collection-card-v28{
  position:relative!important;
  overflow:hidden!important;
  background:var(--ar-paper)!important;
  color:#0b0b0b!important;
  border:0!important;
  border-radius:16px!important;
}
#editorView .collection-card-v28::after{
  content:"COLLECT / KEEP";
  position:absolute;right:12px;bottom:10px;
  color:#0c0c0c;
  opacity:.5;
  font:800 8px/1 "Bricolage Grotesque",Inter,sans-serif;
  letter-spacing:.14em;
}
#editorView .collection-card-v28-title{
  color:#111!important;
  font-family:"Bricolage Grotesque",Inter,sans-serif!important;
  font-weight:800!important;
  letter-spacing:.02em!important;
}
#editorView .collection-icon-v28{
  background:transparent!important;
  color:#111!important;
  border:1.5px solid #111!important;
  border-radius:999px!important;
  box-shadow:none!important;
}
#editorView .collection-icon-v28.active{
  background:#111!important;
  color:var(--ar-paper)!important;
}

/* ---------- REVIEW / NOTE ---------- */
#editorView .reflection-shell-v36{
  position:relative!important;
  background:#111!important;
  border:1px solid #2c2c2c!important;
  border-radius:16px!important;
  color:#f2eee6!important;
}
#editorView .reflection-shell-v36::before{
  content:"✱  NOTES";
  display:inline-block;
  margin:12px 0 0 14px;
  padding:5px 8px;
  background:var(--ar-green);
  color:#0a0a0a;
  font:800 9px/1 "Bricolage Grotesque",Inter,sans-serif;
  letter-spacing:.1em;
  transform:rotate(-2deg);
}
#editorView .reflection-toggle-v36{
  color:#f4f1ea!important;
  font-family:"Bricolage Grotesque",Inter,sans-serif!important;
  font-weight:800!important;
}
#editorView .reflection-body-v36,
#editorView .reflection-body-v36 .section-head p{
  color:#aaa!important;
}
#editorView .reflection-body-v36 textarea{
  background:#f1ede5!important;
  color:#111!important;
  border:0!important;
  border-radius:10px!important;
  box-shadow:none!important;
}

/* ---------- BOARD ---------- */
#editorView .center-panel{
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  padding:0!important;
}
#editorView .board-head{
  padding:2px 0 8px!important;
}
#editorView .board-copy h2{
  font-family:"Bricolage Grotesque",Inter,sans-serif!important;
  font-weight:800!important;
  letter-spacing:-.05em!important;
  font-size:24px!important;
}
#editorView .board-copy p{
  color:#818181!important;
}
#editorView .pill{
  background:transparent!important;
  color:#f4f1ea!important;
  border:1px solid #444!important;
  box-shadow:none!important;
  font-weight:700!important;
}

/* ---------- TIERS: editorial color fields ---------- */
#editorView .tier{
  position:relative!important;
  overflow:hidden!important;
  border:0!important;
  border-radius:16px!important;
  box-shadow:none!important;
  background-image:none!important;
}
#editorView .tier::before{
  content:attr(data-tier);
  display:block!important;
  position:absolute;
  right:10px;
  top:-20px;
  font:800 clamp(80px,7vw,128px)/1 "Bricolage Grotesque",Inter,sans-serif;
  letter-spacing:-.08em;
  color:rgba(0,0,0,.09);
  pointer-events:none;
}
#editorView .tier[data-tier="S"]{background:var(--ar-s)!important}
#editorView .tier[data-tier="A"]{background:var(--ar-a)!important}
#editorView .tier[data-tier="B"]{background:var(--ar-b)!important}
#editorView .tier[data-tier="C"]{background:var(--ar-c)!important}
#editorView .tier[data-tier="?"]{background:var(--ar-q)!important}

#editorView .tier .tier-head{
  position:relative;z-index:2;
  color:#0b0b0b!important;
  border-bottom:1px solid rgba(0,0,0,.48)!important;
}
#editorView .tier[data-tier="?"] .tier-head{
  color:#f4f1ea!important;
  border-color:#555!important;
}
#editorView .tier .letter{
  background:#0a0a0a!important;
  color:#fff!important;
  border:0!important;
  border-radius:7px!important;
  box-shadow:none!important;
  font-family:"Bricolage Grotesque",Inter,sans-serif!important;
  font-weight:800!important;
}
#editorView .tier[data-tier="?"] .letter{
  background:var(--ar-paper)!important;
  color:#111!important;
}
#editorView .tier .tier-info b,
#editorView .tier .tier-info span,
#editorView .tier .count{
  color:#0b0b0b!important;
}
#editorView .tier[data-tier="?"] .tier-info b,
#editorView .tier[data-tier="?"] .tier-info span,
#editorView .tier[data-tier="?"] .count{
  color:#f4f1ea!important;
}
#editorView .tier .count{
  background:transparent!important;
  border:1px solid currentColor!important;
  border-radius:999px!important;
  box-shadow:none!important;
  font-weight:800!important;
}

/* Songs feel like printed labels, not candy chips */
#editorView .tier .song{
  position:relative!important;
  z-index:3!important;
  color:#0a0a0a!important;
  background:rgba(255,255,255,.26)!important;
  border:1px solid rgba(0,0,0,.72)!important;
  border-radius:7px!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
  font-weight:750!important;
  transition:transform .14s ease, background .14s ease!important;
}
#editorView .tier[data-tier="?"] .song{
  color:#f4f1ea!important;
  background:#141414!important;
  border-color:#555!important;
}
#editorView .tier .song:hover{
  transform:translateY(-2px) rotate(-.35deg)!important;
  background:rgba(255,255,255,.42)!important;
}
#editorView .tier .song.dragging{
  transform:rotate(-1.5deg) scale(1.015)!important;
  opacity:.8!important;
}
#editorView .tier .song .title,
#editorView .tier .song .handle,
#editorView .tier .song .del{
  color:inherit!important;
}
#editorView .tier .song .title{
  font-family:"Bricolage Grotesque",Inter,sans-serif!important;
  font-weight:700!important;
}
#editorView .tier .empty-zone{
  color:rgba(0,0,0,.48)!important;
  border:1px dashed rgba(0,0,0,.35)!important;
  background:transparent!important;
}
#editorView .tier[data-tier="?"] .empty-zone{
  color:#777!important;border-color:#555!important;
}

/* ---------- PENDING / SIDE ---------- */
#editorView .pending-card{
  position:relative!important;
  background:#0d0d0d!important;
  border:1px solid #2d2d2d!important;
  border-radius:16px!important;
  box-shadow:none!important;
}
#editorView .pending-card::after{
  content:"→ DROP / RANK";
  position:absolute;right:12px;top:12px;
  color:var(--ar-orange);
  font:800 8px/1 "Bricolage Grotesque",Inter,sans-serif;
  letter-spacing:.12em;
}
#editorView .pending-card .tier{
  background:transparent!important;
}
#editorView .pending-card .tier::before{display:none!important}
#editorView .side-workspace-v361{
  background:#0d0d0d!important;
  border:1px solid #2b2b2b!important;
  border-radius:16px!important;
}
#editorView .side-switch-v361{
  background:#0d0d0d!important;
  border-bottom:1px solid #2b2b2b!important;
}
#editorView .side-switch-v361 button{
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  color:#777!important;
  font-weight:800!important;
}
#editorView .side-switch-v361 button.active{
  color:#fff!important;
  background:transparent!important;
  position:relative!important;
}
#editorView .side-switch-v361 button.active::after{
  content:"";
  position:absolute;left:14px;right:14px;bottom:4px;
  height:2px;background:var(--ar-green);
}

/* ---------- BANGER / ACTIONS ---------- */
#editorView .actions-dock-v36{
  position:relative!important;
  background:#0d0d0d!important;
  border:1px solid #2b2b2b!important;
  border-radius:16px!important;
}
#editorView .actions-dock-v36::before{
  content:"SCORE";
  position:absolute;right:12px;top:10px;
  color:#666;
  font:800 8px/1 "Bricolage Grotesque",Inter,sans-serif;
  letter-spacing:.15em;
}
#editorView .banger-ring-v15,
#editorView .banger-mini-ring-v15{
  background:transparent!important;
  border:1px solid #4b4b4b!important;
  box-shadow:none!important;
}
#editorView .banger-ring-v15::after,
#editorView .banger-mini-ring-v15::after{
  background:#0d0d0d!important;
}
#editorView .banger-bar-v15,
#editorView .banger-mini-bar-v15{
  background:#252525!important;
  border-radius:0!important;
}
#editorView .banger-bar-fill-v15,
#editorView .banger-mini-bar-v15 i{
  background:var(--ar-orange)!important;
  border-radius:0!important;
}
#editorView .banger-special-v15{
  background:var(--ar-green)!important;
  color:#0a0a0a!important;
  border:0!important;
  border-radius:4px!important;
  font-weight:800!important;
}

/* Buttons become labels / controls, not glossy pills */
#editorView button.primary,
#editorView .primary-icon{
  background:var(--ar-orange)!important;
  color:#090909!important;
  border:0!important;
  border-radius:7px!important;
  box-shadow:none!important;
  font-weight:800!important;
}
#editorView button.ghost,
#editorView .action-icon{
  background:transparent!important;
  color:#efebe4!important;
  border:1px solid #555!important;
  border-radius:7px!important;
  box-shadow:none!important;
}
#editorView button:hover,
#editorView .action-icon:hover{
  transform:translateY(-1px)!important;
}

/* ---------- MINI LIBRARY ---------- */
#editorView .library-item{
  background:transparent!important;
  border:0!important;
  border-bottom:1px solid #292929!important;
  border-radius:0!important;
  box-shadow:none!important;
}
#editorView .library-item:hover{
  background:#131313!important;
  transform:none!important;
}
#editorView .library-cover{
  border:0!important;
  border-radius:6px!important;
  box-shadow:none!important;
}

/* ---------- STICKER LANGUAGE ---------- */
#editorView .board-head::after{
  content:"# RANK / YOUR / RECORD";
  display:inline-block;
  margin-left:auto;
  padding:7px 9px 6px;
  background:var(--ar-paper);
  color:#111;
  font:800 8px/1 "Bricolage Grotesque",Inter,sans-serif;
  letter-spacing:.12em;
  transform:rotate(2deg);
}
#editorView .center-panel::after{
  content:"✱";
  position:fixed;
  right:22px;
  bottom:20px;
  width:46px;height:46px;
  display:grid;place-items:center;
  border-radius:50%;
  background:var(--ar-orange);
  color:#111;
  font:800 27px/1 Arial,sans-serif;
  transform:rotate(12deg);
  z-index:20;
  pointer-events:none;
}

/* ---------- KILL THE TECH ---------- */
#editorView *{
  text-shadow:none!important;
}
#editorView [class*="glow"],
#editorView [class*="glass"]{
  box-shadow:none!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}



:root{
  --v56-bg:#050505;
  --v56-panel:#0d0d0d;
  --v56-panel-2:#111111;
  --v56-line:#242424;
  --v56-soft:#8b8b8b;
  --v56-paper:#f1ede6;
  --v56-orange:#ff5a1f;
  --v56-green:#80efb9;
  --v56-s:#ff6a4a;
  --v56-a:#f1b14a;
  --v56-b:#79d59a;
  --v56-c:#86b6d9;
  --v56-q:#9da3ab;
}
html,body{background:var(--v56-bg)!important;color:#f5f1ea!important}
.header{background:rgba(5,5,5,.92)!important;border-bottom:1px solid var(--v56-line)!important}
.app-tab{color:#7b7b7b!important}
.app-tab.active{color:#f3eee7!important}
.app-tab.active::after{background:var(--v56-orange)!important;height:2px!important}

#editorView .card,
#editorView .side-workspace-v361,
#editorView .reflection-shell-v36,
#editorView .collection-card-v28,
#editorView .actions-dock-v36,
#editorView .pending-card{
  background:var(--v56-panel)!important;
  border:1px solid var(--v56-line)!important;
  border-radius:16px!important;
  box-shadow:none!important;
}

/* Make album module minimal and premium */
#editorView .album-card-v36{
  background:linear-gradient(180deg,#101010 0%, #0b0b0b 100%)!important;
  color:#f4efe8!important;
  border:1px solid var(--v56-line)!important;
  border-radius:18px!important;
  padding:12px!important;
}
#editorView .album-card-v36::before{
  content:"CURRENT ALBUM"!important;
  top:14px!important;right:14px!important;
  transform:none!important;
  padding:5px 8px!important;
  background:transparent!important;
  border:1px solid rgba(255,255,255,.14)!important;
  color:var(--v56-soft)!important;
  font-size:8px!important;letter-spacing:.14em!important;
}
#editorView .album-card-v36::after{display:none!important}
#editorView .album-card-v36 .art{border-radius:12px!important;box-shadow:none!important}
#editorView .spotify-meta-title-v7,#editorView .spotify-meta-artist-v7,#editorView .spotify-meta-detail-v7{color:#f4efe8!important}
#editorView .spotify-meta-title-v7{font-size:clamp(24px,2vw,34px)!important;line-height:.95!important;letter-spacing:-.05em!important}
#editorView .spotify-meta-artist-v7{font-size:14px!important}
#editorView .spotify-meta-detail-v7{color:#9d9d9d!important}
#editorView .album-card-v36 input,
#editorView .album-card-v36 textarea,
#editorView .album-card-v36 select{
  background:#151515!important;color:#f4efe8!important;border:1px solid #2d2d2d!important;border-radius:10px!important;
}

/* Collection and review quieter */
#editorView .collection-card-v28{background:#0d0d0d!important;color:#f4efe8!important}
#editorView .collection-card-v28::after{display:none!important}
#editorView .collection-card-v28-title{color:#f4efe8!important}
#editorView .collection-icon-v28{border:1px solid #3a3a3a!important;color:#cfc7bc!important;background:transparent!important}
#editorView .collection-icon-v28.active{background:var(--v56-paper)!important;color:#111!important;border-color:var(--v56-paper)!important}
#editorView .reflection-shell-v36::before{content:"NOTES"!important;background:transparent!important;color:var(--v56-soft)!important;margin:14px 0 0 14px!important;padding:0!important;transform:none!important}
#editorView .reflection-body-v36 textarea{background:#151515!important;color:#f4efe8!important;border:1px solid #2d2d2d!important}

/* Board header more silent */
#editorView .board-head::after{display:none!important}
#editorView .center-panel::after{display:none!important}
#editorView .board-copy h2{font-size:23px!important;letter-spacing:-.04em!important}
#editorView .board-copy p{color:#808080!important}
#editorView .pill{border-color:#343434!important;color:#b8b0a6!important}

/* Tiers: neutral blocks, just accent trims */
#editorView .tier{
  background:#0f0f10!important;
  border:1px solid #252525!important;
  border-radius:16px!important;
  overflow:hidden!important;
}
#editorView .tier::before{
  top:auto!important;bottom:-8px!important;right:12px!important;
  font-size:96px!important;
  color:rgba(255,255,255,.035)!important;
}
#editorView .tier[data-tier="S"]{box-shadow:inset 0 3px 0 0 var(--v56-s)!important}
#editorView .tier[data-tier="A"]{box-shadow:inset 0 3px 0 0 var(--v56-a)!important}
#editorView .tier[data-tier="B"]{box-shadow:inset 0 3px 0 0 var(--v56-b)!important}
#editorView .tier[data-tier="C"]{box-shadow:inset 0 3px 0 0 var(--v56-c)!important}
#editorView .tier[data-tier="?"]{box-shadow:inset 0 3px 0 0 var(--v56-q)!important}
#editorView .tier .tier-head{border-bottom:1px solid #1f1f1f!important}
#editorView .tier .letter{
  background:#161616!important;
  border:1px solid #2f2f2f!important;
  color:#faf7f1!important;
  border-radius:8px!important;
}
#editorView .tier[data-tier="S"] .letter{color:var(--v56-s)!important}
#editorView .tier[data-tier="A"] .letter{color:var(--v56-a)!important}
#editorView .tier[data-tier="B"] .letter{color:var(--v56-b)!important}
#editorView .tier[data-tier="C"] .letter{color:var(--v56-c)!important}
#editorView .tier[data-tier="?"] .letter{color:#c8ced6!important}
#editorView .tier .tier-info b,
#editorView .tier .count{color:#f5f1ea!important}
#editorView .tier .tier-info span{color:#7e7e7e!important}
#editorView .tier .count{border:1px solid #323232!important;background:transparent!important}

/* Songs as restrained printed labels */
#editorView .tier .song{
  background:#151515!important;
  color:#f4efe8!important;
  border:1px solid #2b2b2b!important;
  border-radius:8px!important;
  box-shadow:none!important;
  position:relative!important;
  padding-left:12px!important;
}
#editorView .tier .song::before{
  content:"";
  position:absolute;left:0;top:0;bottom:0;width:3px;border-radius:8px 0 0 8px;
  background:#666;
}
#editorView .tier[data-tier="S"] .song::before{background:var(--v56-s)!important}
#editorView .tier[data-tier="A"] .song::before{background:var(--v56-a)!important}
#editorView .tier[data-tier="B"] .song::before{background:var(--v56-b)!important}
#editorView .tier[data-tier="C"] .song::before{background:var(--v56-c)!important}
#editorView .tier[data-tier="?"] .song::before{background:var(--v56-q)!important}
#editorView .tier .song:hover{transform:translateY(-1px)!important;background:#1a1a1a!important}
#editorView .tier .song .title{font-weight:700!important}
#editorView .tier .song .handle,#editorView .tier .song .del{color:#8a8a8a!important}
#editorView .tier .empty-zone{border:1px dashed #2d2d2d!important;color:#666!important;background:transparent!important}

/* Pending and side quieter */
#editorView .pending-card::after{content:"UNRANKED"!important;color:#686868!important;font-size:8px!important}
#editorView .side-switch-v361 button{color:#727272!important}
#editorView .side-switch-v361 button.active{color:#f5f1ea!important}
#editorView .side-switch-v361 button.active::after{background:var(--v56-orange)!important}
#editorView .library-item{border-bottom:1px solid #202020!important}
#editorView .library-item:hover{background:#121212!important}

/* Banger and actions minimal */
#editorView .actions-dock-v36::before{content:"BANGER INDEX"!important;color:#676767!important}
#editorView .banger-bar-v15,
#editorView .banger-mini-bar-v15{background:#242424!important}
#editorView .banger-bar-fill-v15,
#editorView .banger-mini-bar-v15 i{background:var(--v56-orange)!important}
#editorView .banger-special-v15{background:transparent!important;color:var(--v56-green)!important;border:1px solid rgba(128,239,185,.25)!important;border-radius:999px!important}
#editorView button.primary,
#editorView .primary-icon{
  background:#f1ede6!important;color:#111!important;border:0!important;border-radius:9px!important
}
#editorView button.ghost,
#editorView .action-icon{
  background:transparent!important;color:#ece6dd!important;border:1px solid #3a3a3a!important;border-radius:9px!important
}

/* Remove extra visual noise / stickers from v55 */
#editorView .album-card-v36 .new-album-primary-v8,
#editorView .album-card-v36 .new-album-block-v8{box-shadow:none!important}
#editorView .reflection-toggle-v36,
#editorView .collection-card-v28-title,
#editorView .pending-card .tier-info b,
#editorView .spotify-search-title-v25,
#editorView .tracklist-title-v7,
#editorView .tier .title,
#editorView .board-copy h2,
#editorView .logo,.brand,.brand-name,
#editorView .actions-dock-v36,
#editorView .album-card-v36,
#editorView .collection-card-v28,
#editorView .reflection-shell-v36,
#editorView .pending-card,
#editorView .side-switch-v361 button,
#editorView .pill,
.app-tab{
  font-family:"Bricolage Grotesque",Inter,sans-serif!important;
}



#editorView .tier{
  background:#0f0f10 !important;
  box-shadow:none !important;
  border:1.5px solid #252525 !important;
}
#editorView .tier[data-tier="S"]{border-color:rgba(255,106,74,.55)!important}
#editorView .tier[data-tier="A"]{border-color:rgba(241,177,74,.55)!important}
#editorView .tier[data-tier="B"]{border-color:rgba(121,213,154,.55)!important}
#editorView .tier[data-tier="C"]{border-color:rgba(134,182,217,.55)!important}
#editorView .tier[data-tier="?"]{border-color:rgba(157,163,171,.45)!important}

#editorView .tier .tier-head{
  background:transparent !important;
}
#editorView .tier .letter{
  background:transparent !important;
}
#editorView .tier .song{
  background:#151515 !important;
}



/* V59 — kill colored tier backgrounds for good */
#editorView .tier,
#editorView .tier[data-tier="S"],
#editorView .tier[data-tier="A"],
#editorView .tier[data-tier="B"],
#editorView .tier[data-tier="C"],
#editorView .tier[data-tier="?"]{
  background:#06080c !important;
  background-image:none !important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.08) !important;
}
#editorView .tier::before{
  color:rgba(255,255,255,.035) !important;
}
#editorView .tier .tier-head{
  color:#f3f6fb !important;
  border-bottom:1px solid rgba(255,255,255,.12) !important;
}
#editorView .tier .tier-info span{
  color:#8f9baa !important;
}
#editorView .tier .count{
  background:transparent !important;
  color:#e8edf5 !important;
  border:1px solid rgba(255,255,255,.18) !important;
}

/* accents only */
#editorView .tier[data-tier="S"]{border:1px solid rgba(255,59,107,.26) !important;}
#editorView .tier[data-tier="A"]{border:1px solid rgba(255,223,77,.24) !important;}
#editorView .tier[data-tier="B"]{border:1px solid rgba(54,244,143,.24) !important;}
#editorView .tier[data-tier="C"]{border:1px solid rgba(70,201,255,.24) !important;}
#editorView .tier[data-tier="?"]{border:1px solid rgba(255,255,255,.10) !important;}

#editorView .tier .letter{
  background:#0f1319 !important;
  border:1px solid rgba(255,255,255,.10) !important;
  box-shadow:none !important;
}
#editorView .tier[data-tier="S"] .letter{color:#ff3b6b !important;border-color:rgba(255,59,107,.35) !important;}
#editorView .tier[data-tier="A"] .letter{color:#ffdf4d !important;border-color:rgba(255,223,77,.35) !important;}
#editorView .tier[data-tier="B"] .letter{color:#36f48f !important;border-color:rgba(54,244,143,.35) !important;}
#editorView .tier[data-tier="C"] .letter{color:#46c9ff !important;border-color:rgba(70,201,255,.35) !important;}
#editorView .tier[data-tier="?"] .letter{color:#f1f4f8 !important;border-color:rgba(255,255,255,.16) !important;background:#131820 !important;}

#editorView .tier .tier-info b{color:#f3f6fb !important;}
#editorView .tier[data-tier="S"] .tier-info b{color:#ff6b8d !important;}
#editorView .tier[data-tier="A"] .tier-info b{color:#ffe56d !important;}
#editorView .tier[data-tier="B"] .tier-info b{color:#67f7aa !important;}
#editorView .tier[data-tier="C"] .tier-info b{color:#74d7ff !important;}
#editorView .tier[data-tier="?"] .tier-info b{color:#f3f6fb !important;}

#editorView .tier[data-tier="S"] .count{border-color:rgba(255,59,107,.28) !important;}
#editorView .tier[data-tier="A"] .count{border-color:rgba(255,223,77,.28) !important;}
#editorView .tier[data-tier="B"] .count{border-color:rgba(54,244,143,.28) !important;}
#editorView .tier[data-tier="C"] .count{border-color:rgba(70,201,255,.28) !important;}

#editorView .tier .song{
  color:#edf2f8 !important;
  background:#0b0f14 !important;
  border:1px solid rgba(255,255,255,.08) !important;
}
#editorView .tier .song:hover{
  background:#10151c !important;
}
#editorView .tier .song .title,
#editorView .tier .song .handle,
#editorView .tier .song .del{
  color:#edf2f8 !important;
}
#editorView .tier .empty-zone{
  background:transparent !important;
  color:#8793a3 !important;
  border:1px dashed rgba(255,255,255,.14) !important;
}
#editorView .tier[data-tier="S"] .empty-zone{border-color:rgba(255,59,107,.28) !important;}
#editorView .tier[data-tier="A"] .empty-zone{border-color:rgba(255,223,77,.28) !important;}
#editorView .tier[data-tier="B"] .empty-zone{border-color:rgba(54,244,143,.28) !important;}
#editorView .tier[data-tier="C"] .empty-zone{border-color:rgba(70,201,255,.28) !important;}



/* V60 — clean pass: one border per block, softer hierarchy, rounded controls */
#editorView .center-panel,
#editorView .pending-card,
#editorView .side-workspace-v361,
#editorView .actions-dock-v36,
#editorView .album-card-v36,
#editorView .reflection-shell-v36,
#editorView .left-column>.panel>.section,
#editorView .right-card,
#editorView .library-card-panel>.section{
  border:1px solid rgba(255,255,255,.08) !important;
  box-shadow:none !important;
}

/* Tier blocks: one outer border, no circus */
#editorView .tier,
#editorView .tier[data-tier="S"],
#editorView .tier[data-tier="A"],
#editorView .tier[data-tier="B"],
#editorView .tier[data-tier="C"],
#editorView .tier[data-tier="?"]{
  background:#06080c !important;
  background-image:none !important;
  border:1px solid rgba(255,255,255,.08) !important;
  border-radius:16px !important;
  box-shadow:none !important;
}
#editorView .tier::before{
  color:rgba(255,255,255,.03) !important;
}
#editorView .tier .tier-head{
  border-bottom:0 !important;
  color:#f4f7fb !important;
  padding:12px 12px 10px !important;
}
#editorView .tier .tier-badge{gap:12px !important}
#editorView .tier .letter{
  background:#0d1218 !important;
  border:0 !important;
  border-radius:14px !important;
  box-shadow:none !important;
}
#editorView .tier[data-tier="S"] .letter{color:#ff4d7d !important}
#editorView .tier[data-tier="A"] .letter{color:#ffe45e !important}
#editorView .tier[data-tier="B"] .letter{color:#52f2a1 !important}
#editorView .tier[data-tier="C"] .letter{color:#61d2ff !important}
#editorView .tier[data-tier="?"] .letter{color:#f3f6fb !important;background:#141a22 !important}

#editorView .tier .tier-info b{color:#f3f6fb !important}
#editorView .tier[data-tier="S"] .tier-info b{color:#ff6d93 !important}
#editorView .tier[data-tier="A"] .tier-info b{color:#ffe97d !important}
#editorView .tier[data-tier="B"] .tier-info b{color:#75f7b6 !important}
#editorView .tier[data-tier="C"] .tier-info b{color:#82dcff !important}
#editorView .tier .tier-info span{color:#8792a3 !important}
#editorView .tier .count{
  background:rgba(255,255,255,.04) !important;
  border:0 !important;
  border-radius:999px !important;
  color:#dfe6f0 !important;
  box-shadow:none !important;
}

/* Songs: only their own border, no extra color rails */
#editorView .tier .zone{padding:0 10px 10px !important; gap:10px !important}
#editorView .tier .song,
#editorView .tier[data-tier="S"] .song,
#editorView .tier[data-tier="A"] .song,
#editorView .tier[data-tier="B"] .song,
#editorView .tier[data-tier="C"] .song,
#editorView .tier[data-tier="?"] .song{
  background:#0b1016 !important;
  border:1px solid rgba(255,255,255,.08) !important;
  border-radius:16px !important;
  box-shadow:none !important;
  color:#edf2f8 !important;
}
#editorView .tier .song::before,
#editorView .tier[data-tier="S"] .song::before,
#editorView .tier[data-tier="A"] .song::before,
#editorView .tier[data-tier="B"] .song::before,
#editorView .tier[data-tier="C"] .song::before,
#editorView .tier[data-tier="?"] .song::before{
  display:none !important;
  content:none !important;
}
#editorView .tier .song:hover{transform:translateY(-1px) !important; background:#10161e !important}
#editorView .tier .song .title,
#editorView .tier .song .handle,
#editorView .tier .song .del{color:#edf2f8 !important}
#editorView .tier .empty-zone{
  background:transparent !important;
  border:1px dashed rgba(255,255,255,.12) !important;
  border-radius:16px !important;
  color:#8592a2 !important;
}

/* Pending / side keep same visual language */
#editorView .pending-card,
#editorView .side-workspace-v361,
#editorView .actions-dock-v36,
#editorView .album-card-v36,
#editorView .reflection-shell-v36{
  background:#0d1117 !important;
  border-radius:18px !important;
}
#editorView .pending-card::after,
#editorView .actions-dock-v36::before,
#editorView .board-head::after{display:none !important}
#editorView .side-switch-v361{
  background:#0d1117 !important;
  border-bottom:1px solid rgba(255,255,255,.08) !important;
}
#editorView .side-switch-v361 button{
  border-radius:999px !important;
  color:#7f8b9b !important;
}
#editorView .side-switch-v361 button.active{
  background:rgba(255,255,255,.07) !important;
  color:#f4f7fb !important;
}
#editorView .side-switch-v361 button.active::after{display:none !important}

/* Buttons back to the older rounded system */
#editorView button,
#editorView .action-icon,
#editorView .user-chip button{
  border-radius:14px !important;
}
#editorView button.primary,
#editorView .primary-icon{
  background:linear-gradient(180deg,#1dd174,#15a95c) !important;
  color:#071109 !important;
  border:1px solid rgba(29,209,116,.35) !important;
  box-shadow:0 12px 35px rgba(29,209,116,.18) !important;
}
#editorView button.ghost,
#editorView .action-icon{
  background:rgba(255,255,255,.045) !important;
  color:#dce5f0 !important;
  border:1px solid rgba(255,255,255,.085) !important;
  box-shadow:none !important;
}
#editorView .action-icon{
  width:42px !important;
  height:42px !important;
  min-width:42px !important;
  padding:0 !important;
  border-radius:999px !important;
}
#editorView button:hover,
#editorView .action-icon:hover{
  background:rgba(255,255,255,.08) !important;
  transform:translateY(-1px) !important;
}
#editorView button.primary:hover,
#editorView .primary-icon:hover{
  background:linear-gradient(180deg,#22dc7b,#18b35f) !important;
}

/* Mini library cleaned up */
#editorView .library-item{
  background:rgba(255,255,255,.02) !important;
  border:1px solid rgba(255,255,255,.06) !important;
  border-radius:14px !important;
}
#editorView .library-item:hover{background:rgba(255,255,255,.04) !important}
#editorView .library-cover{border-radius:10px !important}



/* V61 — soften the whole dashboard: fewer lines, more card feel */
#editorView{
  --card-bg:#0d1219;
  --card-bg-2:#101722;
  --soft-line:rgba(255,255,255,.06);
  --soft-line-2:rgba(255,255,255,.04);
  --soft-shadow:0 10px 30px rgba(0,0,0,.22);
}

/* kill decorative giant letters */
#editorView .tier::before,
#editorView .pending-card::after,
#editorView .actions-dock-v36::before,
#editorView .board-head::after{
  display:none !important;
  content:none !important;
}

/* main blocks feel like physical cards */
#editorView .album-card-v36,
#editorView .reflection-shell-v36,
#editorView .center-panel,
#editorView .pending-card,
#editorView .side-workspace-v361,
#editorView .actions-dock-v36{
  background:linear-gradient(180deg,var(--card-bg),var(--card-bg-2)) !important;
  border:1px solid var(--soft-line) !important;
  border-radius:22px !important;
  box-shadow:var(--soft-shadow) !important;
}

/* nested wrappers stop drawing boxes everywhere */
#editorView .left-column>.panel>.section,
#editorView .right-card,
#editorView .library-card-panel,
#editorView .library-card-panel>.section,
#editorView .pending-card .tier,
#editorView .side-panel-v361 .library-card-panel,
#editorView .side-panel-v361 .add-songs-card{
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
}

/* tier cards: one subtle card, no extra outlines */
#editorView .tier,
#editorView .tier[data-tier="S"],
#editorView .tier[data-tier="A"],
#editorView .tier[data-tier="B"],
#editorView .tier[data-tier="C"],
#editorView .tier[data-tier="?"]{
  background:linear-gradient(180deg,#0b1016,#0a0f15) !important;
  border:1px solid var(--soft-line) !important;
  border-radius:20px !important;
  box-shadow:none !important;
}

#editorView .tier .tier-head{
  padding:14px 14px 12px !important;
  border-bottom:0 !important;
}
#editorView .tier .letter{
  width:52px !important;
  height:52px !important;
  border-radius:16px !important;
  background:rgba(255,255,255,.04) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.03) !important;
}
#editorView .tier[data-tier="S"] .letter{color:#ff4d7d !important}
#editorView .tier[data-tier="A"] .letter{color:#ffe45e !important}
#editorView .tier[data-tier="B"] .letter{color:#52f2a1 !important}
#editorView .tier[data-tier="C"] .letter{color:#61d2ff !important}
#editorView .tier[data-tier="?"] .letter{color:#f1f5fb !important}
#editorView .tier .tier-info b{color:#f3f6fb !important}
#editorView .tier .tier-info span{color:#8490a1 !important}
#editorView .tier .count{
  background:rgba(255,255,255,.04) !important;
  border:0 !important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.05) !important;
  color:#dfe7f1 !important;
  padding:8px 12px !important;
}

/* songs as soft pills/cards, not outlined tiles with extra accents */
#editorView .tier .zone{padding:0 12px 12px !important; gap:10px !important}
#editorView .tier .song,
#editorView .tier[data-tier="S"] .song,
#editorView .tier[data-tier="A"] .song,
#editorView .tier[data-tier="B"] .song,
#editorView .tier[data-tier="C"] .song,
#editorView .tier[data-tier="?"] .song{
  background:linear-gradient(180deg,#111924,#0e151d) !important;
  border:0 !important;
  border-radius:18px !important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.05) !important;
  color:#edf2f8 !important;
}
#editorView .tier .song::before{display:none !important;content:none !important}
#editorView .tier .song:hover{background:linear-gradient(180deg,#141d28,#101821) !important; transform:translateY(-1px) !important}
#editorView .tier .song .title,
#editorView .tier .song .handle,
#editorView .tier .song .del{color:#edf2f8 !important}
#editorView .tier .handle{opacity:.7}
#editorView .tier .del{opacity:.6}

#editorView .tier .empty-zone{
  background:rgba(255,255,255,.02) !important;
  border:1px dashed rgba(255,255,255,.08) !important;
  border-radius:18px !important;
  color:#8391a2 !important;
}

/* library list and utility areas: softer, no ruler madness */
#editorView .side-switch-v361{
  background:transparent !important;
  border-bottom:1px solid var(--soft-line-2) !important;
}
#editorView .library-item{
  background:rgba(255,255,255,.02) !important;
  border:0 !important;
  border-radius:14px !important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.04) !important;
}
#editorView .library-item:hover{background:rgba(255,255,255,.04) !important}
#editorView .library-cover{border:0 !important; border-radius:10px !important; box-shadow:none !important}
#editorView .library-list{gap:8px !important}

/* buttons back to original rounded language */
#editorView button.primary,
#editorView .primary-icon{
  background:linear-gradient(180deg,#1dd174,#15a95c) !important;
  border:1px solid rgba(29,209,116,.35) !important;
  color:#071109 !important;
  border-radius:15px !important;
  box-shadow:0 12px 35px rgba(29,209,116,.18) !important;
}
#editorView .action-icon,
#editorView button.ghost,
#editorView .user-chip button{
  background:rgba(255,255,255,.04) !important;
  border:1px solid rgba(255,255,255,.08) !important;
  color:#dce5f0 !important;
  box-shadow:none !important;
}
#editorView .action-icon{border-radius:999px !important}
#editorView button.ghost{border-radius:15px !important}

/* reduce incidental separator lines */
#editorView .action-sep,
#editorView .section-head p:empty{
  display:none !important;
}



/* =========================================================
   V62 · ONE VISUAL SYSTEM
   Stats are the reference: black surfaces, soft cards,
   almost no outlines, segmented switches, restrained accents.
   ========================================================= */

html, body{
  background:#050607 !important;
  background-image:none !important;
}
body::before{display:none !important;}

#editorView{
  --v62-bg:#050607;
  --v62-card:#0a0c10;
  --v62-card-hi:#0d1015;
  --v62-inner:#0f1319;
  --v62-hover:#131820;
  --v62-line:rgba(255,255,255,.055);
  --v62-line-soft:rgba(255,255,255,.035);
  --v62-text:#f4f6f8;
  --v62-muted:#8993a2;
  --v62-orange:#ff653f;
  --v62-green:#26df72;
  --v62-s:#ff4d7d;
  --v62-a:#ffe45e;
  --v62-b:#52f2a1;
  --v62-c:#61d2ff;
}

/* PAGE + HEADER */
.header{
  background:#050607 !important;
  border:0 !important;
  box-shadow:none !important;
}
#editorView,
#editorView .layout,
#editorView .left-column,
#editorView .center-column,
#editorView .right-column{
  background:transparent !important;
}

/* MAIN NAV = SEGMENTED SWITCH AGAIN */
.app-tabs{
  gap:3px !important;
  padding:4px !important;
  border:0 !important;
  border-radius:999px !important;
  background:#0d1014 !important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.04) !important;
}
.app-tab{
  min-height:34px !important;
  height:34px !important;
  padding:0 17px !important;
  border:0 !important;
  border-radius:999px !important;
  background:transparent !important;
  color:#747e8d !important;
  box-shadow:none !important;
  transform:none !important;
}
.app-tab::after{display:none !important;content:none !important;}
.app-tab:hover{
  background:rgba(255,255,255,.035) !important;
  color:#d8dde5 !important;
}
.app-tab.active{
  background:#20252d !important;
  color:#fff !important;
  box-shadow:none !important;
}
.app-tab.active::before{
  content:"";
  position:absolute;
  left:14px; right:14px; bottom:3px;
  height:2px;
  border-radius:99px;
  background:var(--v62-orange,#ff653f);
}

/* PRIMARY CARDS — physical, not outlined wireframes */
#editorView .album-card-v36,
#editorView .reflection-shell-v36,
#editorView .center-panel,
#editorView .pending-card,
#editorView .side-workspace-v361,
#editorView .actions-dock-v36{
  background:#0a0c10 !important;
  border:0 !important;
  border-radius:22px !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.035),
    0 8px 28px rgba(0,0,0,.20) !important;
}

/* remove borders from nested containers */
#editorView .left-column>.panel,
#editorView .left-column>.panel>.section,
#editorView .right-card,
#editorView .library-card-panel,
#editorView .library-card-panel>.section,
#editorView .side-panel-v361,
#editorView .side-panel-v361 .library-card-panel,
#editorView .side-panel-v361 .add-songs-card,
#editorView .pending-card .tier,
#editorView .album-card-v36 .section{
  border:0 !important;
  box-shadow:none !important;
}

/* TIERS — black cards, color only as information */
#editorView .tier,
#editorView .tier[data-tier="S"],
#editorView .tier[data-tier="A"],
#editorView .tier[data-tier="B"],
#editorView .tier[data-tier="C"],
#editorView .tier[data-tier="?"]{
  background:#090b0e !important;
  background-image:none !important;
  border:0 !important;
  border-radius:20px !important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.035) !important;
}
#editorView .tier::before,
#editorView .tier::after{
  display:none !important;
  content:none !important;
}
#editorView .tier .tier-head{
  padding:13px 14px 11px !important;
  border:0 !important;
  background:transparent !important;
}
#editorView .tier .letter{
  width:48px !important;
  height:48px !important;
  border:0 !important;
  border-radius:15px !important;
  background:#12161c !important;
  box-shadow:none !important;
}
#editorView .tier[data-tier="S"] .letter{color:var(--v62-s) !important;}
#editorView .tier[data-tier="A"] .letter{color:var(--v62-a) !important;}
#editorView .tier[data-tier="B"] .letter{color:var(--v62-b) !important;}
#editorView .tier[data-tier="C"] .letter{color:var(--v62-c) !important;}
#editorView .tier[data-tier="?"] .letter{color:#edf1f6 !important;}

#editorView .tier .tier-info b{color:var(--v62-text) !important;}
#editorView .tier[data-tier="S"] .tier-info b{color:var(--v62-s) !important;}
#editorView .tier[data-tier="A"] .tier-info b{color:var(--v62-a) !important;}
#editorView .tier[data-tier="B"] .tier-info b{color:var(--v62-b) !important;}
#editorView .tier[data-tier="C"] .tier-info b{color:var(--v62-c) !important;}
#editorView .tier .tier-info span{color:var(--v62-muted) !important;}

#editorView .tier .count{
  background:#11151a !important;
  color:#d7dde5 !important;
  border:0 !important;
  box-shadow:none !important;
  border-radius:999px !important;
}

/* SONGS — inner cards, no colored rail and no hard border */
#editorView .tier .zone{
  padding:0 12px 12px !important;
  gap:9px !important;
}
#editorView .tier .song,
#editorView .tier[data-tier="S"] .song,
#editorView .tier[data-tier="A"] .song,
#editorView .tier[data-tier="B"] .song,
#editorView .tier[data-tier="C"] .song,
#editorView .tier[data-tier="?"] .song{
  background:#0f1319 !important;
  border:0 !important;
  border-radius:16px !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.025) !important;
}
#editorView .tier .song::before,
#editorView .tier .song::after{
  display:none !important;
  content:none !important;
}
#editorView .tier .song:hover{
  background:#141920 !important;
  transform:translateY(-1px) !important;
}
#editorView .tier .song .title{color:#eef2f7 !important;}
#editorView .tier .song .handle{color:#7f8997 !important;}
#editorView .tier .song .del{color:#727c89 !important;}

#editorView .tier .empty-zone{
  background:#0c0f13 !important;
  color:#76808d !important;
  border:0 !important;
  border-radius:16px !important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.03) !important;
}

/* RIGHT WORKSPACE SWITCH = SAME COMPONENT AS TOP NAV */
#editorView .side-switch-v361{
  padding:5px !important;
  gap:4px !important;
  background:#0d1014 !important;
  border:0 !important;
  box-shadow:none !important;
}
#editorView .side-switch-v361 button{
  height:34px !important;
  min-height:34px !important;
  border:0 !important;
  border-radius:999px !important;
  background:transparent !important;
  color:#747e8d !important;
  box-shadow:none !important;
  position:relative !important;
}
#editorView .side-switch-v361 button::after{
  display:none !important;
  content:none !important;
}
#editorView .side-switch-v361 button:hover{
  background:rgba(255,255,255,.035) !important;
  color:#d8dde5 !important;
}
#editorView .side-switch-v361 button.active{
  background:#20252d !important;
  color:#fff !important;
  box-shadow:none !important;
}
#editorView .side-switch-v361 button.active::before{
  content:"";
  position:absolute;
  left:16px; right:16px; bottom:3px;
  height:2px;
  border-radius:99px;
  background:var(--v62-orange) !important;
}

/* LIBRARY ITEMS — cards, not rows fenced with lines */
#editorView .library-item{
  background:#0f1318 !important;
  border:0 !important;
  border-radius:14px !important;
  box-shadow:none !important;
}
#editorView .library-item:hover{
  background:#141920 !important;
}
#editorView .library-item.active{
  background:#151b20 !important;
  box-shadow:inset 3px 0 0 var(--v62-green) !important;
}
#editorView .library-cover{
  border:0 !important;
  box-shadow:none !important;
  border-radius:10px !important;
}

/* BUTTON SYSTEM */
#editorView button{
  border-radius:14px !important;
}
#editorView .action-icon{
  width:42px !important;
  height:42px !important;
  min-width:42px !important;
  border-radius:999px !important;
  border:0 !important;
  background:#11161c !important;
  color:#cfd6df !important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.045) !important;
}
#editorView .action-icon:hover{
  background:#171d25 !important;
  color:#fff !important;
}
#editorView .action-icon.primary-icon{
  color:var(--v62-green) !important;
  background:rgba(38,223,114,.08) !important;
  box-shadow:inset 0 0 0 1px rgba(38,223,114,.16) !important;
}
#editorView .action-icon.danger-icon{
  color:#ff6f6f !important;
}
#editorView button.primary{
  background:rgba(38,223,114,.10) !important;
  color:#59ee94 !important;
  border:0 !important;
  box-shadow:inset 0 0 0 1px rgba(38,223,114,.18) !important;
}
#editorView button.primary:hover{
  background:rgba(38,223,114,.15) !important;
}

/* remove incidental separator lines */
#editorView .action-sep{display:none !important;}
#editorView .side-panels-v361,
#editorView .library-toolbar,
#editorView .section-head,
#editorView .tracklist-head-v7{
  border:0 !important;
}

/* bottom dock */
#editorView .actions-dock-v36{
  background:#090b0e !important;
}
#editorView .rating-dock-v361 .rating{
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
}

/* pending card is a card once, not card inside card */
#editorView .pending-card{
  background:#090b0e !important;
}
#editorView .pending-card .tier{
  background:transparent !important;
  box-shadow:none !important;
}



/* V63 — solid buttons, no outer tier container, neutral blacks, tier-colored titles */
#editorView{
  --v63-bg:#050505;
  --v63-card:#090909;
  --v63-card-2:#0c0c0d;
  --v63-soft:#101112;
  --v63-soft-2:#141516;
  --v63-line:rgba(255,255,255,.045);
  --v63-line-soft:rgba(255,255,255,.03);
  --v63-text:#f4f6f8;
  --v63-muted:#8a92a0;
}
html,body{background:#050505 !important;background-image:none !important;}
body::before{display:none !important;}

/* BLACKS LESS BLUE EVERYWHERE */
#editorView .album-card-v36,
#editorView .reflection-shell-v36,
#editorView .pending-card,
#editorView .side-workspace-v361,
#editorView .actions-dock-v36,
#editorView .library-item,
#editorView .tier,
#editorView .song,
#editorView .empty-zone,
#editorView .action-icon,
#editorView button.ghost,
#editorView .user-chip button,
#editorView .side-switch-v361,
#editorView .app-tab,
#editorView .count,
#editorView .letter{
  background-image:none !important;
}
#editorView .album-card-v36,
#editorView .reflection-shell-v36,
#editorView .pending-card,
#editorView .side-workspace-v361,
#editorView .actions-dock-v36{background:var(--v63-card) !important;}
#editorView .library-item,
#editorView .tier,
#editorView .song,
#editorView .empty-zone,
#editorView .action-icon,
#editorView button.ghost,
#editorView .user-chip button,
#editorView .side-switch-v361,
#editorView .app-tab,
#editorView .count,
#editorView .letter{background:var(--v63-soft) !important;}

/* REMOVE OUTER TIER CONTAINER CARD */
#editorView .center-panel{
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
  padding:0 !important;
}
#editorView .board-head{
  padding:0 4px 10px !important;
  margin-bottom:2px !important;
}
#editorView .tier-grid{gap:12px !important;}

/* SOLID PILL TABS ONLY */
.app-tabs{
  padding:0 !important;
  gap:8px !important;
  background:transparent !important;
  box-shadow:none !important;
}
.app-tab{
  background:var(--v63-soft) !important;
  color:#838c99 !important;
  border:0 !important;
  border-radius:999px !important;
  box-shadow:none !important;
}
.app-tab:hover{background:var(--v63-soft-2) !important;color:#eef2f6 !important;}
.app-tab.active{
  background:#1c2026 !important;
  color:#ffffff !important;
}
.app-tab.active::before,
.app-tab::after{display:none !important;content:none !important;}

/* RIGHT WIDGET SWITCH SAME LANGUAGE */
#editorView .side-switch-v361{
  background:transparent !important;
  padding:0 0 8px !important;
  gap:8px !important;
}
#editorView .side-switch-v361 button{
  background:var(--v63-soft) !important;
  color:#838c99 !important;
  border:0 !important;
  border-radius:999px !important;
  box-shadow:none !important;
}
#editorView .side-switch-v361 button:hover{background:var(--v63-soft-2) !important;color:#eef2f6 !important;}
#editorView .side-switch-v361 button.active{
  background:#1c2026 !important;
  color:#ffffff !important;
}
#editorView .side-switch-v361 button.active::before,
#editorView .side-switch-v361 button::after{display:none !important;content:none !important;}

/* PHYSICAL CARDS WITH MINIMAL LINES */
#editorView .album-card-v36,
#editorView .reflection-shell-v36,
#editorView .pending-card,
#editorView .side-workspace-v361,
#editorView .actions-dock-v36,
#editorView .tier{
  border:0 !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.03), 0 8px 28px rgba(0,0,0,.18) !important;
}
#editorView .tier{
  background:var(--v63-card) !important;
  border-radius:20px !important;
}
#editorView .tier .tier-head{border:0 !important;}
#editorView .tier .tier-info span{color:var(--v63-muted) !important;}
#editorView .tier .count{
  background:var(--v63-soft) !important;
  color:#dce3eb !important;
  border:0 !important;
}
#editorView .tier .letter{background:#131416 !important;border:0 !important;}

/* SONGS INSIDE TIER PICK UP TIER TYPO COLOR */
#editorView .tier .song{
  background:var(--v63-soft) !important;
  border:0 !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.028) !important;
}
#editorView .tier .song:hover{background:#16181b !important;}
#editorView .tier .song .handle{color:#7c8592 !important;}
#editorView .tier .song .del{color:#707986 !important;}
#editorView .tier[data-tier="S"] .song .title{color:var(--v62-s) !important;}
#editorView .tier[data-tier="A"] .song .title{color:var(--v62-a) !important;}
#editorView .tier[data-tier="B"] .song .title{color:var(--v62-b) !important;}
#editorView .tier[data-tier="C"] .song .title{color:var(--v62-c) !important;}
#editorView .tier[data-tier="?"] .song .title{color:#edf2f7 !important;}

/* EMPTY ZONES NEUTRAL */
#editorView .tier .empty-zone{
  background:#0d0e10 !important;
  border:0 !important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.04) !important;
  color:#7f8896 !important;
}

/* LIBRARY ITEMS MORE BLACK */
#editorView .library-item{background:#101113 !important;box-shadow:none !important;}
#editorView .library-item:hover{background:#151618 !important;}
#editorView .library-item.active{background:#17191b !important;box-shadow:inset 3px 0 0 var(--v62-green) !important;}

/* CIRCULAR ACTIONS, SOLID */
#editorView .action-icon{
  background:var(--v63-soft) !important;
  color:#d3dae3 !important;
  box-shadow:none !important;
}
#editorView .action-icon:hover{background:var(--v63-soft-2) !important;color:#fff !important;}
#editorView .action-icon.primary-icon{
  background:#122117 !important;
  color:#58ef95 !important;
  box-shadow:none !important;
}

/* CLEAN SOME LAST BLUE CASTS */
#editorView .art{background:linear-gradient(180deg,#0d0d0e,#090909) !important;}
#editorView .status,
#editorView .pill,
#editorView .rating,
#editorView .theme-float{background:var(--v63-soft) !important;}
#editorView .status,
#editorView .pill,
#editorView .rating,
#editorView .theme-float,
#editorView .theme-float:hover{border:0 !important; box-shadow:none !important;}



/* V64 — preserve album artwork while keeping neutral black fallback */
#editorView .art{
  background-color:#090909 !important;
  background-size:cover !important;
  background-position:center !important;
  background-repeat:no-repeat !important;
}
/* Do not override inline background-image set by setArtwork() */
#editorView .art:not(.empty){
  background-color:#090909 !important;
}
#editorView .art.empty{
  background-image:linear-gradient(180deg,#0d0d0e,#090909) !important;
}



:root{--v91-orange:#ff633f;--v91-ink:#090a0c;--v91-panel:#101114;--v91-line:rgba(255,255,255,.09);--v91-muted:#9299a5}
#bangerQuestsBtnV91{
  width:auto;height:36px;min-width:82px;min-height:36px;padding:0 13px 0 11px;border-radius:999px;
  display:none;align-items:center;justify-content:center;gap:7px;background:#ff633f;border:0;
  color:#090a0c;position:relative;box-shadow:none;transform:none;
  font:800 10px/1 "Bricolage Grotesque",Inter,sans-serif;letter-spacing:.08em;text-transform:uppercase
}
#userChip.visible + #bangerQuestsBtnV91{display:inline-flex}
#bangerQuestsBtnV91:hover{background:#23df68;color:#061109;border:0;transform:none}
#bangerQuestsBtnV91 svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
#bangerQuestsBtnV91 .v91-btn-label{display:block;white-space:nowrap}
#bangerQuestsBtnV91 .v91-unseen{
  position:absolute;right:-2px;top:-2px;width:9px;height:9px;border-radius:50%;
  background:#23df68;box-shadow:0 0 0 2px #08090b;display:none
}
#bangerQuestsBtnV91.has-unseen .v91-unseen{display:block}
@media(max-width:720px){
  #bangerQuestsBtnV91{min-width:74px;padding:0 10px;gap:6px;font-size:9px}
  #bangerQuestsBtnV91 svg{width:15px;height:15px}
}

#bangerQuestOverlayV91{
  position:fixed;inset:0;z-index:5000;background:rgba(0,0,0,.54);
  opacity:0;pointer-events:none;transition:opacity .24s ease
}
#bangerQuestOverlayV91.open{opacity:1;pointer-events:auto}
#bangerQuestDrawerV91{
  position:fixed;z-index:5001;right:0;top:0;bottom:0;width:min(440px,calc(100vw - 16px));
  background:#090a0c;border-left:1px solid rgba(255,255,255,.09);
  transform:translateX(102%);transition:transform .32s cubic-bezier(.2,.8,.2,1);
  display:grid;grid-template-rows:auto minmax(0,1fr);color:#f5f3ef;
  box-shadow:-24px 0 70px rgba(0,0,0,.38)
}
#bangerQuestDrawerV91.open{transform:translateX(0)}
.v91-drawer-head{padding:20px 20px 16px;border-bottom:1px solid rgba(255,255,255,.07);display:grid;gap:16px}
.v91-drawer-top{display:flex;justify-content:space-between;gap:14px;align-items:flex-start}
.v91-drawer-kicker{font-size:9px;font-weight:900;letter-spacing:.18em;text-transform:uppercase;color:#ff633f}
.v91-drawer-title{margin:3px 0 0;font:800 30px/.92 "Bricolage Grotesque",Inter,sans-serif;letter-spacing:-.055em}
#bangerQuestCloseV91{
  width:36px;height:36px;min-width:36px;min-height:36px;padding:0;border-radius:50%;
  display:grid;place-items:center;background:#14161a;border:1px solid rgba(255,255,255,.08);
  color:#d8d5cf;font-size:18px
}
.v91-score-hero{display:grid;grid-template-columns:1fr auto;gap:14px;align-items:end}
.v91-score-number{font:800 56px/.78 "Bricolage Grotesque",Inter,sans-serif;letter-spacing:-.07em}
.v91-score-number small{font:900 10px/1 Inter,sans-serif;letter-spacing:.14em;color:#ff633f;margin-left:5px}
.v91-level{font:900 11px/1.1 Inter,sans-serif;letter-spacing:.08em;text-transform:uppercase;color:#c4c1ba;margin-top:8px}
.v91-profile-pill{align-self:start;padding:7px 10px;border-radius:999px;background:#17191e;border:1px solid rgba(255,255,255,.07);font-size:8px;font-weight:900;letter-spacing:.1em;text-transform:uppercase;color:#9ea4af;max-width:160px;text-align:right}
.v91-continuity{display:flex;gap:8px;flex-wrap:wrap}
.v91-cont-chip{padding:8px 10px;border-radius:999px;background:#15171b;border:1px solid rgba(255,255,255,.07);font-size:10px;font-weight:850;color:#d4d0ca}
.v91-cont-chip b{color:#ff633f}
.v91-drawer-scroll{overflow:auto;padding:16px 16px 28px;scrollbar-width:thin}
.v91-drawer-scroll::-webkit-scrollbar{width:7px}.v91-drawer-scroll::-webkit-scrollbar-thumb{background:rgba(255,255,255,.10);border-radius:99px}
.v91-quest-section + .v91-quest-section{margin-top:20px}
.v91-section-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 4px 9px}
.v91-section-label{font-size:9px;font-weight:950;letter-spacing:.17em;text-transform:uppercase;color:#f0ece6}
.v91-section-count{font-size:9px;font-weight:850;color:#747c88}
.v91-quest-list{display:grid;gap:8px}
.v91-quest{
  padding:13px 13px 12px;border:1px solid rgba(255,255,255,.075);border-radius:17px;background:#101216;
  display:grid;gap:9px;position:relative;overflow:hidden
}
.v91-quest.done{border-color:rgba(80,225,139,.22);background:linear-gradient(180deg,rgba(65,210,125,.08),#101216)}
.v91-quest-top{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:start}
.v91-quest-name{font:800 16px/.95 "Bricolage Grotesque",Inter,sans-serif;letter-spacing:-.035em}
.v91-quest-desc{font-size:10px;line-height:1.3;color:#949ca8;margin-top:4px;max-width:31ch}
.v91-reward{white-space:nowrap;padding:6px 8px;border-radius:999px;background:#1a1c20;font-size:9px;font-weight:950;color:#ff633f}
.v91-quest.done .v91-reward{color:#5de28f}
.v91-progress-row{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:9px;font-weight:800;color:#777f8c}
.v91-progress-track{height:5px;border-radius:99px;background:rgba(255,255,255,.07);overflow:hidden}
.v91-progress-track i{display:block;height:100%;width:0;background:#ff633f;border-radius:inherit;transition:width .35s ease}
.v91-quest.done .v91-progress-track i{background:#5de28f}
.v91-quest-check{color:#5de28f;font-weight:950}
.v91-footnote{margin:18px 4px 0;font-size:9px;line-height:1.4;color:#626a76}

@media(min-width:1201px){
  #statsViewV39 .v91-score-card{
    display:flex!important;flex-direction:column!important;padding:17px 18px 15px!important;
    cursor:pointer!important;background:#0b0d10!important
  }
  #statsViewV39 .v91-score-card .v91-score-link{font-size:8px;font-weight:900;letter-spacing:.1em;color:#777f8b}
  #statsViewV39 .v91-score-main{
    font:800 clamp(66px,6vw,102px)/.76 "Bricolage Grotesque",Inter,sans-serif!important;
    letter-spacing:-.085em!important;color:#ff633f!important;margin:auto 0 5px!important
  }
  #statsViewV39 .v91-score-rank{font-size:11px!important;font-weight:950!important;letter-spacing:.07em!important;text-transform:uppercase!important;color:#f1eee8!important}
  #statsViewV39 .v91-score-progress{height:5px!important;border-radius:99px!important;background:rgba(255,255,255,.08)!important;overflow:hidden!important;margin:10px 70px 7px 0!important}
  #statsViewV39 .v91-score-progress i{display:block!important;height:100%!important;width:0;background:#ff633f!important;border-radius:inherit!important;transition:width .35s ease!important}
  #statsViewV39 .v91-score-next{font-size:8px!important;font-weight:850!important;letter-spacing:.04em!important;color:#7d8591!important}
  #statsViewV39 .v91-score-card .s1{
    width:58px!important;height:58px!important;right:16px!important;bottom:17px!important;background:#ff633f!important;color:#090909!important;
    clip-path:polygon(50% 0%,74% 7%,92% 24%,100% 50%,92% 76%,74% 93%,50% 100%,26% 93%,8% 76%,0 50%,8% 24%,26% 7%)!important;
    border-radius:0!important;font-size:0!important;transform:rotate(-9deg)!important
  }
  #statsViewV39 .v91-score-card .s1::before{content:'✦'!important;font-size:24px!important;color:#090909!important}
}
@media(max-width:720px){
  #bangerQuestDrawerV91{width:100%}
}
html[data-theme="light"] #bangerQuestDrawerV91{background:#f6f5f1;color:#111318;border-left-color:rgba(0,0,0,.10)}
html[data-theme="light"] .v91-drawer-head{border-color:rgba(0,0,0,.08)}
html[data-theme="light"] .v91-quest,html[data-theme="light"] .v91-cont-chip,html[data-theme="light"] .v91-profile-pill{background:#fff;border-color:rgba(0,0,0,.08)}
html[data-theme="light"] .v91-quest-desc{color:#6d7480}
html[data-theme="light"] #bangerQuestsBtnV91,html[data-theme="light"] #bangerQuestCloseV91{background:#fff;border-color:rgba(0,0,0,.09)}



/* V92 — poster/sticker quest cards inside the existing quest sidebar */
:root{
  --quest-orange:#ff633f;
  --quest-green:#23df68;
  --quest-paper:#f5f2ea;
  --quest-black:#090a0c;
}
#bangerQuestDrawerV91{
  --quest-hole:#090a0c;
}
.v91-drawer-scroll{padding:15px 15px 28px}
.v91-quest-section + .v91-quest-section{margin-top:18px}
.v91-section-head{margin:0 3px 8px}
.v91-section-label{
  font-family:"Bricolage Grotesque",Inter,sans-serif;
  font-size:10px;font-weight:800;letter-spacing:-.01em;text-transform:uppercase;color:#f5f2ea
}
.v91-section-count{font-size:8px;font-weight:900;letter-spacing:.11em;color:#767d86;text-transform:uppercase}
.v91-quest-list{display:grid;gap:10px}
#v91DailyList{grid-template-columns:1fr}
#v91WeeklyList,#v91MonthlyList{grid-template-columns:repeat(2,minmax(0,1fr))}

.v91-quest{
  --card-bg:var(--quest-paper);--card-ink:var(--quest-black);--progress:var(--quest-green);
  min-width:0;min-height:174px;padding:14px 13px 12px;border:0;border-radius:20px;
  background:var(--card-bg)!important;color:var(--card-ink)!important;
  display:flex;flex-direction:column;gap:0;position:relative;overflow:hidden;
  isolation:isolate;box-shadow:inset 0 0 0 1px rgba(0,0,0,.12),0 10px 24px rgba(0,0,0,.16)
}
.v91-quest::before{
  content:"";position:absolute;z-index:8;left:50%;top:-10px;width:24px;height:20px;
  transform:translateX(-50%);border-radius:50%;background:var(--quest-hole);
  box-shadow:0 1px 0 rgba(255,255,255,.06)
}
.v91-quest::after{
  content:"";position:absolute;inset:0;pointer-events:none;z-index:-1;opacity:.08;
  background-image:linear-gradient(115deg,transparent 0 46%,rgba(255,255,255,.55) 47%,transparent 48% 100%);
  background-size:92px 92px
}
.v91-tone-orange{--card-bg:var(--quest-orange);--card-ink:var(--quest-black);--progress:var(--quest-black)}
.v91-tone-paper{--card-bg:var(--quest-paper);--card-ink:var(--quest-black);--progress:var(--quest-green)}
.v91-tone-green{--card-bg:var(--quest-green);--card-ink:#061109;--progress:var(--quest-black)}
.v91-quest.done{--card-bg:var(--quest-green)!important;--card-ink:#061109!important;--progress:#061109!important}

.v91-quest-meta{display:flex;align-items:center;justify-content:space-between;gap:8px;position:relative;z-index:3}
.v91-quest-tag{
  min-width:0;font-size:7px;font-weight:950;letter-spacing:.09em;text-transform:uppercase;
  padding:4px 6px;border:1px solid currentColor;border-radius:999px;line-height:1;opacity:.88
}
.v91-reward{
  position:relative;z-index:4;white-space:nowrap;padding:5px 7px;border-radius:999px;
  background:var(--quest-black)!important;border:0;color:var(--quest-paper)!important;
  font-size:8px;font-weight:950;letter-spacing:.02em;box-shadow:none
}
.v91-quest.done .v91-reward{color:var(--quest-green)!important}

.v91-quest-name{
  position:relative;z-index:2;margin:17px 0 0;max-width:82%;
  font:800 22px/.83 "Bricolage Grotesque",Inter,sans-serif!important;
  letter-spacing:-.06em;text-transform:uppercase;color:inherit!important;text-wrap:balance
}
.v91-hero-data{display:flex;align-items:flex-end;gap:5px;margin-top:auto;padding-top:13px;position:relative;z-index:2}
.v91-hero-data strong{
  font:800 42px/.72 "Bricolage Grotesque",Inter,sans-serif;letter-spacing:-.075em;color:inherit
}
.v91-hero-data span{max-width:58px;font-size:7px;font-weight:950;line-height:1.05;letter-spacing:.05em;text-transform:uppercase;padding-bottom:1px}
.v91-quest-desc{
  position:relative;z-index:2;margin:8px 0 10px;max-width:95%;
  font-size:9px;line-height:1.18;font-weight:700;color:inherit!important;opacity:.78
}
.v91-progress-row{position:relative;z-index:2;margin-top:auto;color:inherit!important;font-size:8px;font-weight:900;opacity:.72}
.v91-progress-track{position:relative;z-index:2;height:3px;border-radius:99px;background:rgba(0,0,0,.16);overflow:hidden;margin-bottom:7px}
.v91-progress-track i{background:var(--progress)!important;border-radius:99px}
.v91-quest-check{color:inherit!important;font-weight:950}

.v91-sticker{
  position:absolute;z-index:4;right:11px;top:45px;width:45px;height:45px;display:grid;place-items:center;
  border-radius:999px;background:var(--quest-paper);color:var(--quest-black);
  border:0;box-shadow:0 7px 16px rgba(0,0,0,.16);
  transform:rotate(8deg)
}
.v91-tone-orange .v91-sticker{background:var(--quest-green);color:#061109}
.v91-tone-paper .v91-sticker{background:var(--quest-orange);color:var(--quest-black);box-shadow:0 7px 16px rgba(0,0,0,.14)}
.v91-tone-green .v91-sticker{background:var(--quest-paper);color:var(--quest-black);box-shadow:0 7px 16px rgba(0,0,0,.14)}
.v91-quest:nth-child(even) .v91-sticker{transform:rotate(-7deg)}
.v91-sticker svg{width:27px;height:27px;display:block;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.v91-sticker svg .fill{fill:currentColor;stroke:none}

#v91DailyList .v91-quest{min-height:164px;padding:15px 15px 13px}
#v91DailyList .v91-quest-name{font-size:30px;max-width:58%;margin-top:18px}
#v91DailyList .v91-sticker{width:57px;height:57px;right:18px;top:47px;border-radius:999px}
#v91DailyList .v91-sticker svg{width:34px;height:34px}
#v91DailyList .v91-hero-data{position:absolute;right:16px;bottom:35px;display:block;text-align:right;padding:0;margin:0}
#v91DailyList .v91-hero-data strong{display:block;font-size:52px;line-height:.7}
#v91DailyList .v91-hero-data span{display:block;max-width:none;margin-top:5px;font-size:7px}
#v91DailyList .v91-quest-desc{max-width:48%;margin-top:9px;margin-bottom:26px}
#v91DailyList .v91-progress-track{width:47%;margin-top:auto}
#v91DailyList .v91-progress-row{width:47%}

.v91-quest.done .v91-sticker::after{
  content:"✓";position:absolute;right:-8px;bottom:-8px;width:22px;height:22px;border-radius:50%;
  display:grid;place-items:center;background:var(--quest-black);color:var(--quest-green);font-weight:950;font-size:12px;
  box-shadow:0 0 0 2px var(--quest-green)
}

@media(max-width:460px){
  #v91WeeklyList,#v91MonthlyList{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
  .v91-quest{min-height:166px;padding:13px 11px 11px;border-radius:18px}
  .v91-quest-name{font-size:20px}
  .v91-sticker{right:9px;top:43px;width:40px;height:40px}
  .v91-sticker svg{width:24px;height:24px}
  .v91-hero-data strong{font-size:38px}
  #v91DailyList .v91-quest-name{font-size:28px}
}
html[data-theme="light"] #bangerQuestDrawerV91{--quest-hole:#f6f5f1}
html[data-theme="light"] .v91-quest{border-color:transparent!important}



.theme-switch-v370,#themeToggle,.theme-float,.theme-fab{display:none!important}
html{color-scheme:dark!important}



/* hotfix30 · compact backlog + active collection + Banger hover + tier order chips */
.library-card-panel #libraryList{max-height:330px;overflow-y:auto;overscroll-behavior:contain;padding-right:2px}
.dashboard-backlog-only-v26 #libraryList{display:flex;flex-direction:column;gap:8px}
.dashboard-backlog-item-v26{display:grid;grid-template-columns:48px minmax(0,1fr) auto;align-items:center;gap:10px;min-height:62px;padding:7px;border:1px solid rgba(255,255,255,.055);border-radius:13px;background:#0d1013}
.dashboard-backlog-cover-v26{width:48px;height:48px;border-radius:9px;background-color:#111;background-position:center;background-size:cover;background-repeat:no-repeat;color:#5d6670;font-size:7px;font-weight:900;display:grid;place-items:center;overflow:hidden}
.dashboard-backlog-meta-v26{min-width:0;display:flex;flex-direction:column;gap:4px}
.dashboard-backlog-meta-v26 b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#eef1f3;font-size:11px;line-height:1.05}
.dashboard-backlog-meta-v26 span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#737c87;font-size:9px}
.dashboard-backlog-actions-v26{display:flex;align-items:center;gap:6px}
.dashboard-backlog-start-v26{width:28px;height:28px;padding:0;border:1px solid rgba(30,215,96,.23);border-radius:9px;background:rgba(30,215,96,.09);color:#57e78c;font:900 17px/1 inherit;cursor:pointer;display:grid;place-items:center}
.dashboard-backlog-start-v26:hover{background:rgba(30,215,96,.15)}
.dashboard-backlog-remove-v26{width:28px;height:28px;padding:0;border:1px solid rgba(255,255,255,.07);border-radius:9px;background:rgba(255,255,255,.025);color:#717a84;font-size:15px;cursor:pointer}
.dashboard-backlog-remove-v26:hover{color:#fff;background:rgba(255,255,255,.06)}
.dashboard-backlog-only-v26 .helper{margin-top:8px}
#ownedFilterChipV28.active,#wishlistFilterChipV28.active{background:#ff5b3a!important;border-color:#ff5b3a!important;color:#090b0d!important;box-shadow:0 0 0 1px rgba(255,91,58,.22),0 0 18px rgba(255,91,58,.14)!important}
#ownedFilterChipV28.active b,#wishlistFilterChipV28.active b{color:#090b0d!important}
#bangerScoreCardV91{cursor:pointer;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease,background .18s ease}
#bangerScoreCardV91 .v91-score-main,#bangerScoreCardV91 .v91-score-link,#bangerScoreCardV91 .v91-score-rank{transition:color .18s ease}
#bangerScoreCardV91:hover{transform:translateY(-2px);border-color:rgba(30,215,96,.46)!important;background:linear-gradient(145deg,rgba(30,215,96,.11),rgba(30,215,96,.025) 48%,rgba(255,255,255,.015))!important;box-shadow:0 14px 38px rgba(0,0,0,.28),0 0 0 1px rgba(30,215,96,.08),inset 0 0 38px rgba(30,215,96,.035)!important}
#bangerScoreCardV91:hover .v91-score-main,#bangerScoreCardV91:hover .v91-score-link,#bangerScoreCardV91:hover .v91-score-rank{color:#42e77d!important}
.song .tier-rank-v30{display:inline-grid;place-items:center;flex:0 0 auto;min-width:24px;height:20px;padding:0 6px;border:1px solid rgba(255,255,255,.08);border-radius:999px;background:rgba(255,255,255,.045);color:#aeb5bd;font-size:9px;font-weight:900;line-height:1;letter-spacing:.02em;transition:transform .14s ease,background .14s ease,border-color .14s ease,color .14s ease}
.song:hover .tier-rank-v30{transform:scale(1.06);background:rgba(255,255,255,.07);color:#eef1f3}
.tier[data-tier="S"] .tier-rank-v30{border-color:rgba(255,64,133,.22);color:#ff4c8b;background:rgba(255,64,133,.07)}
.tier[data-tier="A"] .tier-rank-v30{border-color:rgba(255,216,63,.22);color:#f2d94f;background:rgba(255,216,63,.06)}
.tier[data-tier="B"] .tier-rank-v30{border-color:rgba(57,224,145,.22);color:#47df93;background:rgba(57,224,145,.06)}
.tier[data-tier="C"] .tier-rank-v30{border-color:rgba(79,192,236,.22);color:#59c6ec;background:rgba(79,192,236,.06)}
.song.dragging .tier-rank-v30{opacity:.55;transform:scale(.92)}
@media(max-width:900px){.dashboard-backlog-item-v26{grid-template-columns:44px minmax(0,1fr) auto}.dashboard-backlog-cover-v26{width:44px;height:44px}.song .tier-rank-v30{min-width:22px;height:19px;padding:0 5px;font-size:8px}}


/* Album Ranker Hotfix 11 · dopamine feedback */
.tier{position:relative}
.song-land-v11{transform-origin:center;animation:songLandV11 .42s cubic-bezier(.2,.9,.2,1)}
.song-land-s-v11{box-shadow:0 0 0 1px rgba(255,47,121,.42),0 0 28px rgba(255,47,121,.16)!important}
.song-land-c-v11{animation:songLandCV11 .46s cubic-bezier(.2,.9,.2,1)!important;filter:saturate(.72)}
.tier-hit-v11{animation:tierPulseV11 .56s ease-out}
.tier-hit-s-v11{box-shadow:inset 0 0 0 1px rgba(255,47,121,.28),0 0 34px rgba(255,47,121,.08)}
.tier-hit-a-v11{box-shadow:inset 0 0 0 1px rgba(244,213,62,.22)}
.tier-hit-b-v11{box-shadow:inset 0 0 0 1px rgba(57,211,139,.18)}
.tier-hit-c-v11{animation:tierShakeCV11 .46s cubic-bezier(.36,.07,.19,.97)!important;box-shadow:inset 0 0 0 1px rgba(94,182,222,.22)}
.tier-count-bump-v11{animation:countBumpV11 .4s cubic-bezier(.2,.9,.2,1)}
.tier-feedback-label-v11{position:absolute;z-index:8;left:50%;top:54%;transform:translate(-50%,-50%);pointer-events:none;padding:7px 10px;border-radius:999px;background:rgba(7,9,12,.86);backdrop-filter:blur(10px);font-size:9px;font-weight:950;letter-spacing:.12em;white-space:nowrap;animation:tierLabelV11 .72s cubic-bezier(.2,.9,.2,1) forwards}
.tier-feedback-s-v11{color:#ff4f8d;border:1px solid rgba(255,79,141,.32)}
.tier-feedback-a-v11{color:#f1d949;border:1px solid rgba(241,217,73,.24)}
.tier-feedback-b-v11{color:#48dd94;border:1px solid rgba(72,221,148,.22)}
.tier-feedback-c-v11{color:#a7c8d8;border:1px solid rgba(167,200,216,.2);font-size:11px;letter-spacing:.08em}
.tier-burst-v11{position:fixed;z-index:99998;width:1px;height:1px;pointer-events:none}
.tier-burst-v11 i{position:absolute;left:0;top:0;width:3px;height:9px;border-radius:3px;background:#c5cbd2;transform:translate(-50%,-50%);animation:burstV11 .62s cubic-bezier(.18,.8,.22,1) forwards}
.tier-burst-s-v11 i{background:#ff3f81;box-shadow:0 0 10px rgba(255,63,129,.35)}
.tier-burst-a-v11 i{background:#efd846}
.tier-burst-b-v11 i{background:#42d991}
.tier-burst-c-v11 i{background:#8aa8b6;width:2px;height:7px}
.banger-shift-v11{position:fixed;left:50%;top:18%;z-index:99999;transform:translateX(-50%);display:flex;align-items:center;gap:10px;padding:10px 14px;border-radius:999px;background:rgba(8,10,13,.9);border:1px solid rgba(255,255,255,.12);backdrop-filter:blur(16px);font-size:9px;font-weight:900;letter-spacing:.08em;animation:bangerShiftV11 1.25s cubic-bezier(.2,.9,.2,1) forwards;pointer-events:none}.banger-shift-v11 span{color:#78818d}.banger-shift-v11 b{color:#a9b0b9}.banger-shift-v11 strong{color:#fff}
.banger-ring-hit-v11{animation:ringHitV11 .72s cubic-bezier(.2,.9,.2,1)}
.actions-dock-v36{position:relative;overflow:hidden}
.actions-dock-v36.save-wave-v11:before{content:"";position:absolute;z-index:20;inset:-40% auto -40% -28%;width:24%;transform:skewX(-18deg);background:linear-gradient(90deg,transparent,rgba(255,255,255,.32),transparent);animation:saveWaveV11 .82s ease-out forwards;pointer-events:none}
.actions-dock-v36.save-master-v11{box-shadow:0 0 0 1px rgba(30,215,96,.18),0 0 34px rgba(30,215,96,.09)}
#save{position:relative}
#save.save-confirm-v11{animation:saveButtonV11 .55s cubic-bezier(.2,.9,.2,1)}
#save.save-confirm-v11 svg{opacity:0;transform:scale(.55);transition:.12s ease}
#save.save-confirm-v11:after{content:'✓';position:absolute;inset:0;display:grid;place-items:center;font-size:17px;font-weight:950;color:currentColor;animation:checkV11 .55s cubic-bezier(.2,.9,.2,1)}
.save-feedback-v11{position:fixed;z-index:99999;left:50%;bottom:26px;transform:translateX(-50%);display:flex;align-items:center;gap:10px;padding:10px 14px;border-radius:999px;background:rgba(8,10,13,.92);border:1px solid rgba(30,215,96,.22);backdrop-filter:blur(16px);box-shadow:0 14px 40px rgba(0,0,0,.34);pointer-events:none;animation:saveToastV11 1.55s cubic-bezier(.2,.9,.2,1) forwards}.save-feedback-v11 span{font-size:8px;font-weight:950;letter-spacing:.14em;color:#55e78d}.save-feedback-v11 b{font-size:9px;color:#fff}.save-feedback-v11.is-masterpiece{border-color:rgba(255,84,64,.42)}.save-feedback-v11.is-masterpiece span{color:#ff654d}
@keyframes songLandV11{0%{transform:scale(.94)}48%{transform:scale(1.045)}100%{transform:scale(1)}}
@keyframes songLandCV11{0%{transform:translateY(-2px) scale(.97)}45%{transform:translateY(5px) scale(.985)}70%{transform:translateY(1px)}100%{transform:none}}
@keyframes tierPulseV11{0%{filter:brightness(1)}40%{filter:brightness(1.13)}100%{filter:brightness(1)}}
@keyframes tierShakeCV11{10%,90%{transform:translateX(-1px)}20%,80%{transform:translateX(3px)}30%,50%,70%{transform:translateX(-4px)}40%,60%{transform:translateX(4px)}100%{transform:none}}
@keyframes countBumpV11{0%{transform:scale(.86)}55%{transform:scale(1.18)}100%{transform:scale(1)}}
@keyframes tierLabelV11{0%{opacity:0;transform:translate(-50%,-35%) scale(.78)}25%{opacity:1;transform:translate(-50%,-55%) scale(1.05)}70%{opacity:1}100%{opacity:0;transform:translate(-50%,-75%) scale(.96)}}
@keyframes burstV11{0%{opacity:0;transform:translate(-50%,-50%) scale(.6) rotate(var(--rot))}18%{opacity:1}100%{opacity:0;transform:translate(calc(-50% + var(--dx)),calc(-50% + var(--dy))) scale(.15) rotate(calc(var(--rot) + 50deg))}}
@keyframes bangerShiftV11{0%{opacity:0;transform:translate(-50%,-8px) scale(.9)}18%,70%{opacity:1;transform:translate(-50%,0) scale(1)}100%{opacity:0;transform:translate(-50%,-10px) scale(.96)}}
@keyframes ringHitV11{0%{transform:scale(.92)}45%{transform:scale(1.12) rotate(4deg)}100%{transform:scale(1)}}
@keyframes saveWaveV11{0%{left:-28%;opacity:0}18%{opacity:1}100%{left:115%;opacity:0}}
@keyframes saveButtonV11{0%{transform:scale(.9)}48%{transform:scale(1.13)}100%{transform:scale(1)}}
@keyframes checkV11{0%{opacity:0;transform:scale(.45) rotate(-18deg)}45%{opacity:1;transform:scale(1.15) rotate(2deg)}100%{opacity:1;transform:scale(1)}}
@keyframes saveToastV11{0%{opacity:0;transform:translate(-50%,12px) scale(.92)}16%,72%{opacity:1;transform:translate(-50%,0) scale(1)}100%{opacity:0;transform:translate(-50%,8px) scale(.96)}}
@media (prefers-reduced-motion:reduce){.song-land-v11,.tier-hit-v11,.tier-hit-c-v11,.tier-count-bump-v11,.tier-feedback-label-v11,.tier-burst-v11 i,.banger-shift-v11,.banger-ring-hit-v11,.actions-dock-v36.save-wave-v11:before,#save.save-confirm-v11,.save-feedback-v11{animation-duration:.01ms!important;animation-iteration-count:1!important}.tier-burst-v11{display:none!important}}

/* Album Ranker Hotfix 16 · stronger tier feedback */
.tier{position:relative;isolation:isolate}
.tier-hit-v11{overflow:hidden}
.tier-hit-v11:after{content:'';position:absolute;inset:0;z-index:0;pointer-events:none;border-radius:inherit;opacity:0;animation:tierWashV16 .72s cubic-bezier(.2,.8,.2,1) forwards}
.tier-hit-v11>*{position:relative;z-index:1}
.tier-hit-s-v11{box-shadow:inset 0 0 0 2px rgba(255,63,129,.72),inset 0 0 52px rgba(255,63,129,.22),0 0 34px rgba(255,63,129,.18)!important}
.tier-hit-s-v11:after{background:radial-gradient(circle at 50% 52%,rgba(255,63,129,.30),rgba(255,63,129,.10) 42%,transparent 74%)}
.tier-hit-a-v11{box-shadow:inset 0 0 0 2px rgba(239,216,70,.62),inset 0 0 46px rgba(239,216,70,.18),0 0 28px rgba(239,216,70,.12)!important}
.tier-hit-a-v11:after{background:radial-gradient(circle at 50% 52%,rgba(239,216,70,.24),rgba(239,216,70,.08) 44%,transparent 74%)}
.tier-hit-b-v11{box-shadow:inset 0 0 0 2px rgba(66,217,145,.58),inset 0 0 44px rgba(66,217,145,.16),0 0 26px rgba(66,217,145,.10)!important}
.tier-hit-b-v11:after{background:radial-gradient(circle at 50% 52%,rgba(66,217,145,.22),rgba(66,217,145,.07) 44%,transparent 74%)}
.tier-hit-c-v11{box-shadow:inset 0 0 0 2px rgba(110,187,224,.66),inset 0 0 46px rgba(110,187,224,.16),0 0 24px rgba(110,187,224,.10)!important}
.tier-hit-c-v11:after{background:radial-gradient(circle at 50% 58%,rgba(110,187,224,.22),rgba(110,187,224,.07) 44%,transparent 74%)}
.song-land-s-v11{box-shadow:0 0 0 2px rgba(255,63,129,.68),0 0 34px rgba(255,63,129,.28)!important}
.song-land-a-v11{box-shadow:0 0 0 2px rgba(239,216,70,.55),0 0 28px rgba(239,216,70,.20)!important}
.song-land-b-v11{box-shadow:0 0 0 2px rgba(66,217,145,.50),0 0 26px rgba(66,217,145,.18)!important}
.song-land-c-v11{box-shadow:0 0 0 2px rgba(110,187,224,.54),0 0 24px rgba(110,187,224,.16)!important}
.tier-feedback-label-v11{padding:8px 12px!important;font-size:10px!important;box-shadow:0 10px 30px rgba(0,0,0,.32)}
.tier-burst-v11 i{width:4px!important;height:11px!important;filter:brightness(1.15)}
.tier-burst-s-v11 i{box-shadow:0 0 14px rgba(255,63,129,.55)!important}
@keyframes tierWashV16{0%{opacity:0;transform:scale(.94)}20%{opacity:1;transform:scale(1)}58%{opacity:.72}100%{opacity:0;transform:scale(1.025)}}
@media (prefers-reduced-motion:reduce){.tier-hit-v11:after{animation-duration:.01ms!important}}


/* TIERLIB v0.1.1 — BRAND INTEGRATION */
.header::before{
  content:"" !important;
  width:34px !important;
  height:34px !important;
  flex:0 0 34px !important;
  border:0 !important;
  background:transparent !important;
  color:transparent !important;
  visibility:hidden !important;
}
.tierlib-header-logo{
  position:absolute !important;
  left:0 !important;
  top:50% !important;
  transform:translateY(-50%) !important;
  height:34px !important;
  width:auto !important;
  max-width:none !important;
  display:block !important;
  object-fit:contain !important;
  object-position:left center !important;
  z-index:4 !important;
  pointer-events:none !important;
}
.tierlib-auth-title{
  margin:8px 0 0 !important;
  line-height:0 !important;
}
.tierlib-auth-logo{
  display:block !important;
  width:min(300px,82%) !important;
  height:auto !important;
  margin:0 auto !important;
  object-fit:contain !important;
}
@media (max-width:640px){
  .tierlib-header-logo{height:32px !important;}
  .header::before{width:32px !important;height:32px !important;flex-basis:32px !important;}
}