/* Musica v4 clean original design */
:root{
  --bg:#0b0b0f;
  --panel:#14141b;
  --panel2:#1c1d26;
  --text:#f5f5f7;
  --muted:#9a9aa3;
  --line:#2a2c36;
  --accent:#f2c94c;
  --gold-gradient:linear-gradient(90deg,#fff176,#f2c94c,#b88a00);
  --glow:0 0 20px rgba(242,201,76,.25);
  --shadow:0 18px 60px rgba(0,0,0,.45)
}

/* Premium account modal refresh */
.authPanel.accountProfileMode:not(.avatarEditorMode){
  width:min(832px,calc(100vw - 48px))!important;
  min-height:min(1180px,calc(100vh - 30px))!important;
  max-height:calc(100vh - 30px)!important;
  border-radius:34px!important;
  border:1px solid rgba(212,175,55,.45)!important;
  background:#090909!important;
  box-shadow:0 36px 140px rgba(0,0,0,.82),0 0 80px rgba(212,175,55,.08),inset 0 1px 0 rgba(245,241,232,.05)!important;
  overflow-y:auto!important;
  -webkit-overflow-scrolling:touch!important;
}
.authPanel.accountProfileMode:not(.avatarEditorMode) .authEditorialLeft{
  padding:72px 86px 54px!important;
  overflow:auto!important;
  background:
    radial-gradient(circle at 28% 16%,rgba(244,211,94,.12),transparent 20%),
    radial-gradient(circle at 94% 56%,rgba(212,175,55,.09),transparent 26%),
    linear-gradient(145deg,#111 0%,#090909 54%,#050505 100%)!important;
  overflow:visible!important;
  transform:scale(.87)!important;
  transform-origin:top center!important;
  width:114.943%!important;
  min-height:114.943%!important;
  margin-left:-7.471%!important;
}
.authPanel.accountProfileMode:not(.avatarEditorMode) .authEditorialLeft:before{
  content:""!important;
  position:absolute!important;
  inset:-12% auto auto -18%!important;
  width:620px!important;
  height:620px!important;
  border-radius:50%!important;
  z-index:-2!important;
  background:repeating-radial-gradient(circle,rgba(244,211,94,.09) 0 1px,transparent 1px 7px),radial-gradient(circle,rgba(212,175,55,.14),transparent 62%)!important;
  filter:blur(.2px)!important;
  opacity:.38!important;
  animation:none!important;
}
.authPanel.accountProfileMode:not(.avatarEditorMode) .authEditorialLeft:after{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  z-index:-1!important;
  background:linear-gradient(125deg,rgba(245,241,232,.055),transparent 22%,rgba(212,175,55,.035) 62%,transparent 84%),radial-gradient(circle at 0 82%,rgba(212,175,55,.13),transparent 22%)!important;
  opacity:.72!important;
  pointer-events:none!important;
}
.authPanel.accountProfileMode:not(.avatarEditorMode) .cleanClose{
  right:36px!important;
  top:34px!important;
  width:60px!important;
  height:60px!important;
  border:1px solid rgba(212,175,55,.40)!important;
  background:rgba(255,255,255,.035)!important;
  color:#f4d35e!important;
  box-shadow:0 0 26px rgba(212,175,55,.10),inset 0 1px 0 rgba(245,241,232,.08)!important;
  backdrop-filter:blur(12px)!important;
  transition:border-color .24s ease,box-shadow .24s ease,background .24s ease,color .24s ease,transform .24s ease!important;
}
.authPanel.accountProfileMode:not(.avatarEditorMode) .cleanClose:hover{
  color:#ffe89c!important;
  border-color:rgba(244,211,94,.70)!important;
  background:rgba(212,175,55,.08)!important;
  box-shadow:0 0 34px rgba(212,175,55,.18),inset 0 1px 0 rgba(245,241,232,.12)!important;
  transform:translateY(-1px)!important;
}
.authPanel.accountProfileMode:not(.avatarEditorMode) .authEditorialLogo{
  width:154px!important;
  margin:0 0 48px 0!important;
  filter:drop-shadow(0 18px 34px rgba(0,0,0,.46)) drop-shadow(0 0 18px rgba(212,175,55,.12))!important;
}
.authPanel.accountProfileMode:not(.avatarEditorMode) .eyebrow{
  margin:0 0 20px!important;
  color:#d4af37!important;
  font-size:13px!important;
  line-height:1!important;
  font-weight:820!important;
  letter-spacing:.20em!important;
  text-shadow:0 0 18px rgba(212,175,55,.18)!important;
}
.authPanel.accountProfileMode:not(.avatarEditorMode) #authTitle{
  max-width:560px!important;
  margin:0 0 18px!important;
  color:#f5f1e8!important;
  font-family:Georgia,"Times New Roman",serif!important;
  font-size:52px!important;
  line-height:1.02!important;
  font-weight:700!important;
  letter-spacing:-.045em!important;
  text-shadow:0 18px 44px rgba(0,0,0,.48),0 0 24px rgba(212,175,55,.08)!important;
}
.authPanel.accountProfileMode:not(.avatarEditorMode) .authPrompt{
  max-width:420px!important;
  margin:0 0 40px!important;
  color:#b8b0a3!important;
  font-size:21px!important;
  line-height:1.42!important;
  font-weight:470!important;
  letter-spacing:-.01em!important;
}
.authPanel.accountProfileMode:not(.avatarEditorMode) .authBenefitStack{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:16px!important;
  margin:0 0 32px!important;
}
.authPanel.accountProfileMode:not(.avatarEditorMode) .authBenefitStack span{
  position:relative!important;
  display:grid!important;
  grid-template-columns:34px minmax(0,1fr) 18px!important;
  grid-template-rows:auto auto!important;
  column-gap:16px!important;
  row-gap:7px!important;
  align-items:start!important;
  min-height:132px!important;
  padding:27px 23px!important;
  border:1px solid rgba(212,175,55,.30)!important;
  border-radius:15px!important;
  background:linear-gradient(145deg,rgba(255,255,255,.055),rgba(255,255,255,.018)),rgba(9,9,9,.56)!important;
  color:#f5f1e8!important;
  text-align:left!important;
  box-shadow:inset 0 1px 0 rgba(245,241,232,.06),0 18px 46px rgba(0,0,0,.26),0 0 28px rgba(212,175,55,.035)!important;
  backdrop-filter:blur(16px)!important;
  transition:transform .28s cubic-bezier(.16,1,.3,1),border-color .28s ease,box-shadow .28s ease,background .28s ease!important;
}
.authPanel.accountProfileMode:not(.avatarEditorMode) .authBenefitStack span:hover{
  transform:translateY(-2px)!important;
  border-color:rgba(244,211,94,.58)!important;
  background:linear-gradient(145deg,rgba(255,255,255,.075),rgba(212,175,55,.035)),rgba(9,9,9,.62)!important;
  box-shadow:inset 0 1px 0 rgba(245,241,232,.10),0 24px 54px rgba(0,0,0,.32),0 0 34px rgba(212,175,55,.13)!important;
}
.authPanel.accountProfileMode:not(.avatarEditorMode) .authBenefitStack span:before{
  grid-row:1 / span 2!important;
  grid-column:1!important;
  margin:0!important;
  color:#d4af37!important;
  font-size:30px!important;
  line-height:1!important;
  text-shadow:0 0 18px rgba(212,175,55,.22)!important;
}
.authPanel.accountProfileMode:not(.avatarEditorMode) .authBenefitStack span:after{
  content:">"!important;
  grid-column:3!important;
  grid-row:1 / span 2!important;
  align-self:center!important;
  color:#f4d35e!important;
  font-size:28px!important;
  line-height:1!important;
  font-weight:300!important;
  text-shadow:0 0 16px rgba(212,175,55,.20)!important;
}
.authPanel.accountProfileMode:not(.avatarEditorMode) .authBenefitStack span:nth-child(1):before{content:"▣"!important}
.authPanel.accountProfileMode:not(.avatarEditorMode) .authBenefitStack span:nth-child(2):before{content:"★"!important}
.authPanel.accountProfileMode:not(.avatarEditorMode) .authBenefitStack span:nth-child(3):before{content:"▥"!important}
.authPanel.accountProfileMode:not(.avatarEditorMode) .authBenefitStack strong{
  grid-column:2!important;
  display:block!important;
  color:#e3c56a!important;
  font-size:18px!important;
  line-height:1.12!important;
  font-family:Georgia,"Times New Roman",serif!important;
  font-weight:700!important;
  letter-spacing:-.01em!important;
}
.authPanel.accountProfileMode:not(.avatarEditorMode) .authBenefitStack small{
  grid-column:2!important;
  display:block!important;
  color:#c8c0b3!important;
  font-size:15px!important;
  line-height:1.45!important;
  font-weight:470!important;
  letter-spacing:0!important;
}
.authPanel.accountProfileMode:not(.avatarEditorMode) .authLoggedIn{
  position:relative!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  width:100%!important;
  min-height:440px!important;
  margin:0 0 44px!important;
  padding:40px 44px 44px!important;
  border:1px solid rgba(245,241,232,.16)!important;
  border-radius:24px!important;
  background:radial-gradient(circle at 50% 19%,rgba(244,211,94,.20),transparent 23%),linear-gradient(145deg,rgba(255,255,255,.065),rgba(255,255,255,.025)),rgba(17,17,17,.72)!important;
  box-shadow:inset 0 1px 0 rgba(245,241,232,.055),0 24px 70px rgba(0,0,0,.34),0 0 46px rgba(212,175,55,.055)!important;
  backdrop-filter:blur(18px)!important;
}
.authPanel.accountProfileMode:not(.avatarEditorMode) .profileAvatarPreview{
  width:132px!important;
  height:132px!important;
  margin:0 0 28px!important;
  border:2px solid rgba(244,211,94,.96)!important;
  background:radial-gradient(circle at 50% 50%,rgba(10,10,10,.96),rgba(5,5,5,.98))!important;
  box-shadow:0 0 0 1px rgba(245,241,232,.18),0 0 18px rgba(244,211,94,.72),0 0 58px rgba(212,175,55,.38),0 20px 50px rgba(0,0,0,.44),inset 0 0 0 1px rgba(0,0,0,.48)!important;
  filter:none!important;
}
.authPanel.accountProfileMode:not(.avatarEditorMode) .profileAvatarPreview:before{
  inset:-36px!important;
  background:radial-gradient(circle,rgba(244,211,94,.28),rgba(212,175,55,.09) 42%,transparent 69%)!important;
  filter:blur(12px)!important;
}
.authPanel.accountProfileMode:not(.avatarEditorMode) .accountAvatarKicker{
  margin:0 0 14px!important;
  color:#d4af37!important;
  font-size:13px!important;
  font-weight:850!important;
  letter-spacing:.34em!important;
}
.authPanel.accountProfileMode:not(.avatarEditorMode) .accountAvatarTitle{
  margin:0 0 18px!important;
  color:#f5f1e8!important;
  font-family:Georgia,"Times New Roman",serif!important;
  font-size:34px!important;
  line-height:1.1!important;
  font-weight:700!important;
  letter-spacing:-.035em!important;
}
.authPanel.accountProfileMode:not(.avatarEditorMode) .accountAvatarSubtitle{
  max-width:620px!important;
  margin:0 auto 42px!important;
  color:#b8b0a3!important;
  font-size:19px!important;
  line-height:1.45!important;
  font-weight:430!important;
}
.authPanel.accountProfileMode:not(.avatarEditorMode) #editAvatarButton{
  width:min(460px,100%)!important;
  min-height:68px!important;
  margin:0 auto!important;
  padding:0 30px!important;
  border:1px solid rgba(212,175,55,.72)!important;
  border-radius:14px!important;
  background:linear-gradient(180deg,rgba(255,255,255,.035),rgba(255,255,255,.012)),rgba(0,0,0,.24)!important;
  color:#d4af37!important;
  font-size:18px!important;
  font-weight:760!important;
  letter-spacing:.18em!important;
  box-shadow:inset 0 1px 0 rgba(245,241,232,.07),0 16px 42px rgba(0,0,0,.30),0 0 22px rgba(212,175,55,.08)!important;
}
.authPanel.accountProfileMode:not(.avatarEditorMode) #editAvatarButton:before{
  margin-right:18px!important;
  color:#e8c760!important;
  font-size:24px!important;
}
.authPanel.accountProfileMode:not(.avatarEditorMode) #editAvatarButton:hover{
  border-color:rgba(244,211,94,.92)!important;
  color:#f4d35e!important;
  box-shadow:inset 0 1px 0 rgba(245,241,232,.11),0 20px 48px rgba(0,0,0,.34),0 0 30px rgba(212,175,55,.16)!important;
}
.authPanel.accountProfileMode:not(.avatarEditorMode) .authLogoutAction{
  width:100%!important;
  min-height:78px!important;
  margin:0 auto!important;
  border:1px solid rgba(244,211,94,.78)!important;
  border-radius:16px!important;
  color:#0b0b0b!important;
  font-family:Georgia,"Times New Roman",serif!important;
  font-size:25px!important;
  font-weight:800!important;
  letter-spacing:.005em!important;
  background:linear-gradient(100deg,#f7e17a 0%,#d4af37 46%,#a97916 100%)!important;
  box-shadow:0 22px 58px rgba(0,0,0,.38),0 0 34px rgba(212,175,55,.20),inset 0 1px 0 rgba(255,255,255,.48),inset 0 -1px 0 rgba(0,0,0,.12)!important;
}
.authPanel.accountProfileMode:not(.avatarEditorMode) .authLogoutAction:before{
  margin-right:18px!important;
  font-size:30px!important;
}
.authPanel.accountProfileMode:not(.avatarEditorMode) .authLogoutAction:hover{
  transform:translateY(-1px)!important;
  filter:saturate(1.04) brightness(1.04)!important;
  box-shadow:0 26px 66px rgba(0,0,0,.42),0 0 42px rgba(212,175,55,.28),inset 0 1px 0 rgba(255,255,255,.56)!important;
}

@media(max-width:850px){
  .authPanel.accountProfileMode:not(.avatarEditorMode){
    width:min(100%,calc(100vw - 18px))!important;
    min-height:auto!important;
    max-height:calc(100vh - 18px)!important;
    border-radius:28px!important;
  }
  .authPanel.accountProfileMode:not(.avatarEditorMode) .authEditorialLeft{
    padding:32px 22px 28px!important;
  }
  .authPanel.accountProfileMode:not(.avatarEditorMode) .cleanClose{
    right:18px!important;
    top:18px!important;
    width:48px!important;
    height:48px!important;
  }
  .authPanel.accountProfileMode:not(.avatarEditorMode) .authEditorialLogo{
    width:118px!important;
    margin-bottom:34px!important;
  }
  .authPanel.accountProfileMode:not(.avatarEditorMode) #authTitle{
    font-size:38px!important;
    max-width:calc(100% - 56px)!important;
  }
  .authPanel.accountProfileMode:not(.avatarEditorMode) .authPrompt{
    font-size:17px!important;
    margin-bottom:28px!important;
  }
  .authPanel.accountProfileMode:not(.avatarEditorMode) .authBenefitStack{
    grid-template-columns:1fr!important;
    gap:12px!important;
    margin-bottom:24px!important;
  }
  .authPanel.accountProfileMode:not(.avatarEditorMode) .authBenefitStack span{
    min-height:112px!important;
    padding:22px 18px!important;
  }
  .authPanel.accountProfileMode:not(.avatarEditorMode) .authLoggedIn{
    min-height:auto!important;
    padding:34px 20px 28px!important;
    margin-bottom:26px!important;
  }
  .authPanel.accountProfileMode:not(.avatarEditorMode) .profileAvatarPreview{
    width:110px!important;
    height:110px!important;
  }
  .authPanel.accountProfileMode:not(.avatarEditorMode) .accountAvatarTitle{
    font-size:28px!important;
  }
  .authPanel.accountProfileMode:not(.avatarEditorMode) .accountAvatarSubtitle{
    font-size:16px!important;
    margin-bottom:30px!important;
  }
  .authPanel.accountProfileMode:not(.avatarEditorMode) #editAvatarButton{
    min-height:58px!important;
    font-size:14px!important;
    letter-spacing:.14em!important;
  }
  .authPanel.accountProfileMode:not(.avatarEditorMode) .authLogoutAction{
    min-height:64px!important;
    font-size:21px!important;
  }
}
.light{--bg:#f6f5f2;--panel:#fff;--panel2:#f0efeb;--text:#151515;--muted:#6f6f76;--line:#dedbd2;--accent:#111;--shadow:0 18px 60px rgba(0,0,0,.12)}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif}button,input,select{font:inherit}
.app{width:min(1120px,92vw);margin:0 auto;padding:24px 0 60px}.topbar{display:flex;align-items:center;gap:14px;margin-bottom:24px}.brandWrap{flex:1}
.brand{font-size:38px;font-weight:950;letter-spacing:-1.8px;line-height:1;color:var(--text)}
.tagline{color:var(--muted);font-size:14px;margin-top:4px;font-weight:650}
.menuBtn,.ghost{border:1px solid var(--line);background:var(--panel);color:var(--text);border-radius:999px;width:44px;height:44px;font-weight:900;font-size:21px}.hero{
  display:grid;
  grid-template-columns:1fr 260px;
  gap:18px;
  background:
    radial-gradient(circle at 18% 0%,rgba(242,201,76,.14),transparent 28%),
    linear-gradient(135deg,#171821,#101017);
  border:1px solid rgba(242,201,76,.18);
  border-radius:28px;
  padding:26px;
  box-shadow:var(--shadow)
}
.eyebrow{color:var(--accent);font-weight:850;text-transform:uppercase;letter-spacing:.08em;font-size:12px}.hero h1{font-size:44px;line-height:1;margin:10px 0}.hero p{color:var(--muted);font-size:17px;max-width:640px}.heroCard{
  background:rgba(20,20,27,.82);
  border:1px solid rgba(242,201,76,.16);
  border-radius:24px;
  padding:22px;
  display:flex;
  flex-direction:column;
  justify-content:center;
  box-shadow:var(--glow);
  backdrop-filter:blur(8px)
}.scoreBig{font-size:54px;font-weight:950;color:var(--accent)}.bigBtn{
  border:0;
  background:var(--gold-gradient);
  color:#111;
  font-weight:950;
  border-radius:16px;
  padding:13px 16px;
  cursor:pointer;
  box-shadow:var(--glow);
  transition:all .2s ease
}
.authButton{min-height:42px;width:max-content;flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;gap:9px;border:1px solid rgba(242,201,76,.38);background:rgba(14,15,21,.58);color:var(--text);border-radius:999px;padding:0 16px 0 13px;font-size:14px;font-weight:760;white-space:nowrap;cursor:pointer;box-shadow:inset 0 1px 0 rgba(255,255,255,.05);transition:border-color .18s ease,color .18s ease,box-shadow .18s ease,background .18s ease}
.authButtonIcon{position:relative;width:18px;height:18px;flex:0 0 18px;border:1.5px solid rgba(242,201,76,.88);border-radius:50%;display:block}
.authButtonIcon:before{content:"";position:absolute;left:50%;top:3px;width:5px;height:5px;border:1.5px solid currentColor;border-radius:50%;transform:translateX(-50%);color:rgba(242,201,76,.94)}
.authButtonIcon:after{content:"";position:absolute;left:50%;bottom:3px;width:9px;height:5px;border:1.5px solid currentColor;border-bottom:0;border-radius:10px 10px 0 0;transform:translateX(-50%);color:rgba(242,201,76,.94)}
.authButtonLabel{display:block;white-space:nowrap}
.authButton:hover{border-color:rgba(255,220,103,.82);background:rgba(20,20,27,.74);color:#fff4c5;box-shadow:0 0 20px rgba(242,201,76,.24),inset 0 1px 0 rgba(255,255,255,.08)}
.authModal{z-index:110;align-items:center}
.authModal.libraryAccessModal{align-items:center!important;justify-content:center!important;padding:20px!important}
.authModal.libraryAuthFlow .adminOverviewUnlock{display:none!important}
.authPanel .cleanClose{z-index:8!important;pointer-events:auto!important}
.authPanel{width:min(1080px,calc(100vw - 38px))!important;min-height:min(650px,88vh)!important;max-height:90vh!important;display:grid!important;grid-template-columns:minmax(330px,.9fr) minmax(360px,1.1fr)!important;gap:0!important;padding:0!important;overflow-x:hidden!important;overflow-y:auto!important;-webkit-overflow-scrolling:touch!important;scroll-behavior:smooth!important;background:linear-gradient(145deg,#12141c,#07080d)!important;border-color:rgba(242,201,76,.16)!important}
.authEditorialLeft{position:relative;z-index:2;display:flex;flex-direction:column;justify-content:flex-start;padding:37px 54px 42px;background:linear-gradient(180deg,rgba(255,255,255,.035),rgba(255,255,255,.012));border-right:1px solid rgba(255,255,255,.07)}
.authEditorialLogo{width:126px;height:auto;object-fit:contain;object-position:left center;margin:0 0 22px;filter:drop-shadow(0 16px 28px rgba(0,0,0,.36))}
.authEditorialVisual{position:relative;overflow:hidden;min-height:100%;display:grid;align-items:end;padding:42px;background:radial-gradient(circle at 34% 22%,rgba(242,201,76,.22),transparent 28%),radial-gradient(circle at 74% 70%,rgba(75,65,46,.36),transparent 35%),linear-gradient(145deg,#06070b,#11131a 45%,#050507)}
.authEditorialVisual:before{content:"";position:absolute;inset:-12%;background:linear-gradient(90deg,rgba(0,0,0,.78),rgba(0,0,0,.2)),url("https://images.unsplash.com/photo-1516280440614-37939bbacd81?auto=format&fit=crop&w=1100&q=75");background-size:cover;background-position:center;filter:saturate(.75) contrast(1.05);opacity:.42}
.authEditorialVisual:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(5,6,9,.08),rgba(5,6,9,.62)),radial-gradient(circle at 24% 24%,rgba(255,219,91,.16),transparent 30%);pointer-events:none}
.authEditorialVisual p{position:relative;z-index:2;margin:0;color:rgba(255,241,198,.78);font-size:28px;line-height:1.05;font-weight:850;letter-spacing:-.035em;text-shadow:0 18px 42px rgba(0,0,0,.65)}
.authAlbumWall{position:absolute;inset:9% 8%;display:grid;grid-template-columns:repeat(3,1fr);grid-auto-rows:1fr;gap:12px;transform:rotate(-4deg) scale(1.04);opacity:.78;filter:drop-shadow(0 30px 60px rgba(0,0,0,.55))}
.authAlbumWall span{border-radius:10px;background:linear-gradient(145deg,rgba(242,201,76,.75),rgba(51,43,29,.8));box-shadow:inset 0 1px 0 rgba(255,255,255,.2)}
.authAlbumWall span:nth-child(2){background:linear-gradient(145deg,#ece7d7,#413d35)}
.authAlbumWall span:nth-child(3){background:linear-gradient(145deg,#3e5c73,#08090d)}
.authAlbumWall span:nth-child(4){background:linear-gradient(145deg,#5b2323,#e0c56b)}
.authAlbumWall span:nth-child(5){background:linear-gradient(145deg,#111,#c9b279)}
.authAlbumWall span:nth-child(6){background:linear-gradient(145deg,#5e6170,#11131a)}
.authPanel h2{margin:0 0 14px;font-size:34px;line-height:1.02;letter-spacing:-.04em;font-weight:850;color:#f5f3ed}
.authPrompt{margin:0 42px 13px 0;color:rgba(232,226,216,.62);line-height:1.45;font-size:14px;font-weight:650}
.authBenefitStack{display:flex;flex-wrap:wrap;gap:7px;margin:0 0 22px}
.authBenefitStack span{display:inline-flex;align-items:center;min-height:24px;padding:0 10px;border:1px solid rgba(242,201,76,.17);border-radius:999px;background:rgba(242,201,76,.045);color:rgba(242,232,198,.62);font-size:10.5px;font-weight:780;letter-spacing:.025em}
.authModes{display:grid;grid-template-columns:1fr 1fr;gap:0;margin:0 0 22px;padding:3px;border:1px solid rgba(242,201,76,.24);border-radius:999px;background:rgba(0,0,0,.24);box-shadow:inset 0 1px 0 rgba(255,255,255,.035)}
.authModes button{min-height:38px;border:0;border-radius:999px;background:transparent;color:rgba(232,226,216,.62);font-size:12px;font-weight:850;letter-spacing:.04em;text-transform:uppercase;cursor:pointer;transition:.18s ease}
.authModes button.active{background:linear-gradient(90deg,#ffec82,#f2c94c,#c99508);color:#111;box-shadow:0 0 18px rgba(242,201,76,.18)}
.authForm{display:grid;gap:13px}
.authForm label{display:grid;gap:8px;color:rgba(255,255,255,.58);font-size:11px;font-weight:850;text-transform:uppercase;letter-spacing:.08em}
.authForm input{width:100%;border:0;border-bottom:1px solid rgba(255,255,255,.34);background:transparent;color:var(--text);border-radius:0;padding:13px 0 11px;outline:0;font-size:15px}
.authForm input:focus{border-color:rgba(242,201,76,.76);box-shadow:0 10px 28px -24px rgba(242,201,76,.9)}
.authLineBtn{width:100%;min-height:42px;border:1px solid rgba(242,201,76,.36);background:transparent;color:#f7edc7;border-radius:0;font-size:14.4px;font-weight:780;text-transform:uppercase;letter-spacing:.045em;cursor:pointer;transition:.18s ease}
.authLineBtn:hover{border-color:rgba(255,226,116,.76);background:rgba(242,201,76,.08);box-shadow:0 0 22px rgba(242,201,76,.10)}
.authDivider{display:grid;grid-template-columns:1fr auto 1fr;gap:12px;align-items:center;color:rgba(232,226,216,.42);font-size:11px;text-transform:uppercase;letter-spacing:.12em}
.authDivider:before,.authDivider:after{content:"";height:1px;background:rgba(255,255,255,.12)}
.authProviderStack{display:grid;gap:8px}
.authProviderStack button{min-height:37px;border:1px solid rgba(255,255,255,.20);background:rgba(0,0,0,.18);color:rgba(255,255,255,.82);border-radius:0;font-weight:720;letter-spacing:.01em;cursor:pointer;transition:.18s ease}
.authProviderStack button:hover{border-color:rgba(242,201,76,.45);color:#fff2bd;background:rgba(242,201,76,.07)}
.authSocialBtn{display:flex!important;align-items:center;justify-content:center;gap:0;width:100%;min-height:37px!important}
.authSocialBtn[hidden]{display:none!important}
.authSocialBtn .providerIcon{display:inline-flex;align-items:center;justify-content:center;width:38px;height:22px;flex:0 0 38px;margin-right:8px;background-repeat:no-repeat;background-position:center;background-size:20px 20px}
.authSocialBtn span:last-child{display:inline-block;min-width:190px;text-align:left;font-weight:720;letter-spacing:.012em}
.googleIcon{background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%234285F4' d='M23.49 12.27c0-.82-.07-1.6-.2-2.35H12v4.45h6.46a5.52 5.52 0 0 1-2.39 3.63v2.96h3.87c2.26-2.08 3.55-5.15 3.55-8.69z'/%3E%3Cpath fill='%2334A853' d='M12 24c3.24 0 5.96-1.07 7.94-2.91L16.07 18c-1.07.72-2.44 1.15-4.07 1.15-3.13 0-5.78-2.11-6.73-4.95H1.28v3.05A12 12 0 0 0 12 24z'/%3E%3Cpath fill='%23FBBC05' d='M5.27 14.2A7.22 7.22 0 0 1 4.9 12c0-.76.13-1.5.37-2.2V6.75H1.28A12 12 0 0 0 0 12c0 1.89.45 3.68 1.28 5.25l3.99-3.05z'/%3E%3Cpath fill='%23EA4335' d='M12 4.85c1.76 0 3.34.6 4.58 1.8l3.44-3.43A11.54 11.54 0 0 0 12 0 12 12 0 0 0 1.28 6.75L5.27 9.8c.95-2.84 3.6-4.95 6.73-4.95z'/%3E%3C/svg%3E")}
.spotifyIcon{background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='12' cy='12' r='12' fill='%231DB954'/%3E%3Cpath fill='%23000' d='M17.5 17.03a.75.75 0 0 1-1.03.25c-2.82-1.72-6.36-2.1-10.54-1.15a.75.75 0 1 1-.33-1.47c4.57-1.04 8.5-.6 11.65 1.32.35.21.46.68.25 1.05zm1.36-3.04a.91.91 0 0 1-1.25.3c-3.22-1.98-8.14-2.56-11.95-1.4a.91.91 0 0 1-.53-1.74c4.34-1.32 9.75-.68 13.43 1.58.43.26.56.82.3 1.26zm.12-3.16C15.12 8.54 8.74 8.33 5.05 9.45a1.09 1.09 0 1 1-.64-2.08c4.24-1.29 11.27-1.04 15.68 1.58a1.09 1.09 0 0 1-1.11 1.88z'/%3E%3C/svg%3E")}
.facebookIcon{background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='12' cy='12' r='12' fill='%231877F2'/%3E%3Cpath fill='%23fff' d='M15.47 15.47l.53-3.47h-3.32V9.75c0-.95.46-1.88 1.95-1.88h1.51V4.92s-1.37-.24-2.68-.24c-2.73 0-4.52 1.66-4.52 4.66V12H5.9v3.47h3.04v8.39a12.1 12.1 0 0 0 3.74 0v-8.39h2.79z'/%3E%3C/svg%3E")}
.authPanel.authEmailStep .authPasswordRow{display:none!important}
.authPanel:not(.authEmailStep) #authEmailContinue,
.authPanel:not(.authEmailStep) .authDivider,
.authPanel:not(.authEmailStep) .authProviderStack{display:none!important}
.authForm .bigBtn,.authLoggedIn .bigBtn{width:100%;margin-top:4px;border-radius:0;min-height:44px}
.authForm .bigBtn:disabled{opacity:.62;cursor:wait;transform:none}
.authLoggedIn{display:flex;flex-direction:column;gap:12px;padding-bottom:2px}
.authLoggedIn p{margin:2px 0;color:var(--muted);overflow-wrap:anywhere}
.authLoggedIn strong{color:var(--text)}
.authLogoutAction{width:100%;margin-top:28px!important;margin-bottom:16px!important;border-radius:0;min-height:44px}
.profileAvatarPreview,.avatarPreview{width:82px;height:82px;border-radius:50%;overflow:hidden;display:grid;place-items:center;background:radial-gradient(circle at 35% 20%,rgba(242,201,76,.20),rgba(12,12,18,.92));border:1px solid rgba(242,201,76,.22);box-shadow:0 18px 42px rgba(0,0,0,.30),0 0 24px rgba(242,201,76,.08),inset 0 1px 0 rgba(255,255,255,.10)}
.profileAvatarPreview img,.avatarPreview img,.profileAvatarPreview svg,.avatarPreview svg,.navUserIcon.hasAvatar img,.navUserIcon.hasAvatar svg,.authButtonIcon.hasAvatar img,.authButtonIcon.hasAvatar svg{width:100%;height:100%;object-fit:cover;display:block}
.navUserIcon.hasAvatar,.authButtonIcon.hasAvatar{overflow:hidden;background:transparent!important;border-color:rgba(242,201,76,.38)!important;padding:0!important}
.navUserIcon.hasAvatar:before,.navUserIcon.hasAvatar:after,.authButtonIcon.hasAvatar:before,.authButtonIcon.hasAvatar:after{display:none!important}
.authPanel.accountProfileMode .authEditorialLeft{min-height:inherit;background:radial-gradient(circle at 50% 34%,rgba(246,210,91,.14),transparent 20%),radial-gradient(circle at 50% 76%,rgba(242,201,76,.07),transparent 32%),radial-gradient(circle at 28% 16%,rgba(255,255,255,.055),transparent 28%),linear-gradient(180deg,#131826 0%,#080b13 56%,#04060b 100%);}
.authPanel.accountProfileMode{width:min(590px,calc(100vw - 32px))!important;min-height:min(890px,calc(100vh - 24px))!important;max-height:calc(100vh - 24px)!important;grid-template-columns:1fr!important;border-radius:28px!important;overflow:hidden!important;background:#070a12!important;box-shadow:0 34px 120px rgba(0,0,0,.74),0 0 0 1px rgba(255,255,255,.06),0 0 0 1px rgba(242,201,76,.05) inset!important}
.authPanel.accountProfileMode .authEditorialVisual{display:none!important}
.authPanel.accountProfileMode .authEditorialLeft{display:flex;flex-direction:column;border-right:0!important;padding:33px 78px 33px!important;position:relative;isolation:isolate;overflow:hidden}
.authPanel.accountProfileMode .authEditorialLeft:before{content:"";position:absolute;inset:-22% -18%;z-index:-2;background:radial-gradient(circle at 50% 28%,rgba(255,217,84,.18),transparent 18%),radial-gradient(circle at 78% 68%,rgba(107,125,167,.11),transparent 30%),radial-gradient(circle at 22% 80%,rgba(242,201,76,.09),transparent 28%);filter:blur(2px);opacity:.9;animation:accountProfileAura 16s ease-in-out infinite alternate}
.authPanel.accountProfileMode .authEditorialLeft:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(115deg,rgba(255,255,255,.055),transparent 28%,rgba(242,201,76,.035) 54%,transparent 78%),repeating-linear-gradient(90deg,rgba(255,255,255,.018) 0 1px,transparent 1px 14px);mix-blend-mode:screen;opacity:.34;pointer-events:none}
.authPanel.accountProfileMode .authEditorialLogo{width:100px!important;margin:10px 0 -6px -8px!important}
.authPanel.accountProfileMode .eyebrow{margin-bottom:7px;font-size:9.3px;letter-spacing:.11em;color:rgba(244,231,193,.86);text-shadow:0 10px 24px rgba(0,0,0,.38)}
.authPanel.accountProfileMode #authTitle{font-size:28.8px;line-height:.98;margin-top:14px;margin-bottom:12px;font-weight:820;letter-spacing:-.025em;color:#fffaf0;text-shadow:0 2px 0 rgba(0,0,0,.28),0 14px 36px rgba(0,0,0,.46),0 0 28px rgba(242,201,76,.07)}
.authPanel.accountProfileMode .authPrompt{font-size:11.9px;font-weight:670;color:rgba(238,232,220,.68);margin-bottom:24px;letter-spacing:.005em}
.authPanel.accountProfileMode .authBenefitStack{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:48px}
.authPanel.accountProfileMode .authBenefitStack span{justify-content:center;min-height:26px;padding:0 8px;border-color:rgba(255,218,89,.36);background:linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.018)),rgba(0,0,0,.16);color:#f9e7a2;font-size:9.3px;font-weight:790;letter-spacing:.018em;text-align:center;text-shadow:0 1px 0 rgba(0,0,0,.35);box-shadow:inset 0 1px 0 rgba(255,255,255,.075),0 10px 28px rgba(0,0,0,.18),0 0 18px rgba(242,201,76,.035);backdrop-filter:blur(8px);transition:border-color .24s ease,background .24s ease,box-shadow .24s ease,transform .24s ease}
.authPanel.accountProfileMode .authBenefitStack span:hover{transform:translateY(-1px);border-color:rgba(255,225,109,.58);background:linear-gradient(180deg,rgba(255,255,255,.085),rgba(255,255,255,.026)),rgba(0,0,0,.15);box-shadow:inset 0 1px 0 rgba(255,255,255,.10),0 14px 34px rgba(0,0,0,.22),0 0 22px rgba(242,201,76,.08)}
.authPanel.accountProfileMode .authBenefitStack span:nth-child(1):before{content:"▣";margin-right:7px;color:#ffed9a;font-size:12.6px}
.authPanel.accountProfileMode .authBenefitStack span:nth-child(2):before{content:"☆";margin-right:7px;color:#ffed9a;font-size:13.6px}
.authPanel.accountProfileMode .authBenefitStack span:nth-child(3):before{content:"▥";margin-right:7px;color:#ffed9a;font-size:12.6px}
.authPanel.accountProfileMode .authLoggedIn{align-items:center;gap:0}
.authPanel.accountProfileMode .profileAvatarPreview{width:90px;height:90px;margin-bottom:15px;position:relative;overflow:hidden!important;background:radial-gradient(circle at 50% 50%,rgba(8,10,16,.96),rgba(4,5,9,.98))!important;border:1.5px solid rgba(255,221,63,.98);filter:drop-shadow(0 0 18px rgba(255,218,69,.38)) drop-shadow(0 18px 34px rgba(0,0,0,.44));box-shadow:0 0 0 1px rgba(255,244,158,.28),0 0 11px rgba(255,227,98,.72),0 0 34px rgba(242,201,76,.43),0 0 70px rgba(242,173,20,.18),inset 0 0 0 1px rgba(0,0,0,.42)}
.authPanel.accountProfileMode .profileAvatarPreview img,.authPanel.accountProfileMode .profileAvatarPreview svg{border-radius:50%;position:relative;z-index:1}
.authPanel.accountProfileMode .profileAvatarPreview:before{content:"";position:absolute;inset:-18px;border-radius:50%;z-index:-1;background:radial-gradient(circle,rgba(242,201,76,.22),rgba(242,201,76,.08) 36%,transparent 68%);filter:blur(8px);animation:accountAvatarHalo 9s ease-in-out infinite alternate}
.authPanel.accountProfileMode .profileUsernameDisplay{display:block;margin:-3px 0 14px;color:#fff4d0;font-size:14px;font-weight:780;letter-spacing:.015em;text-align:center;text-shadow:0 8px 24px rgba(0,0,0,.35)}
.authPanel.accountProfileMode .profileUsernameDisplay.hidden{display:none!important}
.authPanel.accountProfileMode .profileMemberSinceDisplay{display:block;margin:-10px 0 14px;color:rgba(238,232,220,.52);font-size:10.5px;font-weight:700;letter-spacing:.035em;text-align:center}
.authPanel.accountProfileMode .profileMemberSinceDisplay.hidden{display:none!important}
.authPanel.accountProfileMode .accountAvatarKicker{display:block;margin-bottom:10px;color:#f4c94f;font-size:9.3px;font-weight:820;letter-spacing:.205em;text-transform:uppercase;text-align:center;text-shadow:0 0 18px rgba(242,201,76,.18)}
.authPanel.accountProfileMode .accountAvatarTitle{margin:0 0 10px;color:#fffaf0;font-size:18.8px;line-height:1.05;font-weight:820;letter-spacing:-.018em;text-align:center;text-shadow:0 8px 24px rgba(0,0,0,.42)}
.authPanel.accountProfileMode .accountAvatarSubtitle{max-width:338px;margin:0 auto 30px!important;text-align:center;color:rgba(238,232,220,.67)!important;font-size:12.5px;line-height:1.42;font-weight:560}
.authPanel.accountProfileMode #editAvatarButton{width:auto;min-width:255px;max-width:100%;min-height:38px;margin:0 auto 42px;padding:0 24px;border-radius:12px;border-color:rgba(255,218,89,.52);background:linear-gradient(180deg,rgba(255,255,255,.052),rgba(255,255,255,.014)),rgba(0,0,0,.16);color:#fff0b8;font-size:11.4px;font-weight:850;letter-spacing:.075em;box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 12px 34px rgba(0,0,0,.24),0 0 20px rgba(242,201,76,.055);backdrop-filter:blur(10px);transition:transform .26s cubic-bezier(.16,1,.3,1),border-color .26s ease,box-shadow .26s ease,background .26s ease}
.authPanel.accountProfileMode #editAvatarButton:before{content:"✎";margin-right:8px;color:#fff0a5;font-size:15px;vertical-align:-1px}
.authPanel.accountProfileMode #editAvatarButton:hover{transform:translateY(-1px);border-color:rgba(255,230,125,.76);background:linear-gradient(180deg,rgba(255,255,255,.078),rgba(255,255,255,.02)),rgba(0,0,0,.15);box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 16px 40px rgba(0,0,0,.28),0 0 26px rgba(242,201,76,.11)}
.authPanel.accountProfileMode .accountProfileSetup{margin-top:38px;text-align:center}
.authPanel.accountProfileMode .accountProfileSetup h3{margin:0;color:#fff9ec;font-size:18.8px;line-height:1.05;font-weight:820;letter-spacing:-.018em;text-shadow:0 8px 22px rgba(0,0,0,.38)}
.authPanel.accountProfileMode .avatarSetup{margin-top:18px;text-align:center;gap:8px}
.authPanel.accountProfileMode .avatarSetupHead{display:block}
.authPanel.accountProfileMode .avatarSetupHead .avatarPreview{display:none}
.authPanel.accountProfileMode .avatarSetupHead span{font-size:10px;color:#f2c94c;letter-spacing:.18em;margin-bottom:7px}
.authPanel.accountProfileMode .avatarSetupHead h3{font-size:18px;margin:0 0 6px;text-shadow:0 6px 18px rgba(0,0,0,.35)}
.authPanel.accountProfileMode .avatarSetupHead p{max-width:360px;margin:0 auto;color:rgba(232,226,216,.74);font-size:11.5px;line-height:1.3}
.authPanel.accountProfileMode .avatarChoiceTabs{max-width:420px;margin:12px auto 0;width:100%}
.authPanel.accountProfileMode .avatarPanel{max-width:420px;margin:0 auto;width:100%;text-align:left}
.authPanel.accountProfileMode .avatarActions{max-width:420px;margin:0 auto;width:100%}
.authPanel.accountProfileMode .authLogoutAction{width:min(317px,100%);margin:0 auto!important;margin-top:auto!important;margin-bottom:0!important;min-height:40px;border-radius:10px;font-size:13.8px;letter-spacing:.06em;background:linear-gradient(90deg,#fff176,#f3ca43 48%,#c99600)!important;box-shadow:0 14px 34px rgba(0,0,0,.34),0 0 28px rgba(242,201,76,.18),inset 0 1px 0 rgba(255,255,255,.45)!important;transition:transform .26s cubic-bezier(.16,1,.3,1),box-shadow .26s ease,filter .26s ease}
.authPanel.accountProfileMode .authLogoutAction:before{content:"↪";margin-right:10px;font-size:17px;vertical-align:-1px}
.authPanel.accountProfileMode .authLogoutAction:hover{transform:translateY(-1px);filter:saturate(1.04) brightness(1.03);box-shadow:0 18px 42px rgba(0,0,0,.38),0 0 36px rgba(242,201,76,.23),inset 0 1px 0 rgba(255,255,255,.52)!important}
@keyframes accountProfileAura{0%{transform:translate3d(-1.5%,0,0) scale(1);opacity:.72}100%{transform:translate3d(1.5%,-1%,0) scale(1.025);opacity:.95}}
@keyframes accountAvatarHalo{0%{transform:scale(.96);opacity:.58}100%{transform:scale(1.06);opacity:.86}}
@media(prefers-reduced-motion:reduce){.authPanel.accountProfileMode .authEditorialLeft:before,.authPanel.accountProfileMode .profileAvatarPreview:before{animation:none!important}.authPanel.accountProfileMode .authBenefitStack span,.authPanel.accountProfileMode #editAvatarButton,.authPanel.accountProfileMode .authLogoutAction{transition:none!important}}
.avatarSetup{display:grid;gap:15px;margin-top:4px}
.avatarSetupHead{display:grid;grid-template-columns:82px minmax(0,1fr);gap:16px;align-items:center}
.avatarSetupHead span{display:block;color:rgba(242,201,76,.76);font-size:10px;font-weight:900;letter-spacing:.11em;text-transform:uppercase}
.avatarSetupHead h3{margin:4px 0 6px;color:#f5f3ed;font-size:22px;line-height:1.05;letter-spacing:-.02em}
.avatarSetupHead p{margin:0;color:rgba(232,226,216,.60);font-size:13px;line-height:1.35}
.profileUsernameEditor{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:end;width:100%;max-width:420px;margin:0 auto}
.profileUsernameEditor.hidden{display:none!important}
.profileUsernameEditor,.profileUsernameEditor *{position:relative;z-index:5}
.profileUsernameField{display:grid;gap:8px;width:100%;margin:0;color:rgba(255,255,255,.58);font-size:10px;font-weight:850;text-transform:uppercase;letter-spacing:.075em}
.profileUsernameField input{width:100%;min-height:42px;border:1px solid rgba(242,201,76,.26);border-radius:14px;background:rgba(6,8,13,.58);color:#f7f1e3;padding:0 14px;font-size:14px;font-weight:760;letter-spacing:.02em;outline:none}
.profileUsernameField input:focus{border-color:rgba(255,226,116,.62);box-shadow:0 0 22px rgba(242,201,76,.10)}
.profileUsernameEditor button{min-height:42px;border:1px solid rgba(242,201,76,.42);border-radius:14px;background:linear-gradient(145deg,rgba(242,201,76,.13),rgba(255,255,255,.025));color:#ffe175;padding:0 16px;font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.08em;cursor:pointer;pointer-events:auto;touch-action:manipulation}
.profileUsernameEditor button:hover{border-color:rgba(255,226,116,.72);box-shadow:0 0 22px rgba(242,201,76,.12)}
.avatarEditorUsernameDisplay{display:grid;gap:5px;justify-items:center;width:100%;max-width:420px;margin:0 auto;text-align:center;text-shadow:0 8px 24px rgba(0,0,0,.35)}
.avatarEditorUsernameDisplay.hidden{display:none!important}
.avatarEditorUsernameDisplay strong{color:#fff4d0;font-size:15px;font-weight:820;letter-spacing:.015em}
.avatarEditorUsernameDisplay span{color:rgba(238,232,220,.54);font-size:10.5px;font-weight:760;letter-spacing:.04em}
.avatarEditorUsernameDisplay span.hidden{display:none!important}
.profileStatsGrid{display:grid;grid-template-columns:repeat(5,minmax(84px,1fr));gap:10px;width:min(620px,100%);margin:16px auto 0}
.profileStatsGrid span,.profileStatsGrid button{display:grid;justify-items:center;align-content:center;min-height:72px;padding:13px 10px;border:1px solid rgba(255,255,255,.09);border-radius:16px;background:linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.018)),rgba(9,11,18,.60);box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 18px 42px rgba(0,0,0,.22);text-align:center}
.profileStatsGrid button{width:100%;color:inherit;cursor:pointer}
.profileStatsGrid button:hover{border-color:rgba(242,201,76,.34);transform:translateY(-1px)}
.profileStatsGrid strong{display:block;color:#fff8db;font-size:25px;line-height:1;font-weight:900;letter-spacing:0;text-shadow:0 0 18px rgba(242,201,76,.16)}
.profileStatsGrid small{display:block;margin-top:7px;color:rgba(238,232,220,.62);font-size:10px;line-height:1.1;font-weight:850;text-transform:uppercase;letter-spacing:.055em}
.authPanel.accountProfileMode:not(.avatarEditorMode) .profileStatsGrid{width:min(520px,100%);margin:18px auto 28px}
.authPanel.accountProfileMode.avatarEditorMode .avatarEditorStatsGrid{margin-top:-14px;margin-bottom:4px}
.authPanel.accountProfileMode.avatarEditorMode .avatarEditorStatsGrid span,.authPanel.accountProfileMode.avatarEditorMode .avatarEditorStatsGrid button{min-height:78px;background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.018)),rgba(11,12,18,.72);border-color:rgba(242,201,76,.13)}
.profileActivityPanel{width:min(620px,100%);margin:10px auto 8px;border:1px solid rgba(242,201,76,.14);border-radius:18px;background:rgba(4,6,11,.62);box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 18px 44px rgba(0,0,0,.24);overflow:hidden}
.profileActivityPanel.hidden{display:none!important}
.profileActivityHead{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;border-bottom:1px solid rgba(255,255,255,.08)}
.profileActivityHead strong{color:#fff5cf;font-size:13px;font-weight:900}
.profileActivityHead button{border:1px solid rgba(242,201,76,.22);border-radius:999px;background:transparent;color:#f4d76f;padding:6px 10px;font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.06em;cursor:pointer}
.profileActivityList{display:grid;max-height:220px;overflow:auto}
.profileActivityRow{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;padding:9px 14px;border:0;border-bottom:1px solid rgba(255,255,255,.07);background:transparent;color:inherit;text-align:left;cursor:pointer}
.profileActivityRow:hover{background:rgba(242,201,76,.06)}
.profileActivityCover{display:grid;place-items:center;width:38px;height:38px;min-width:38px;border-radius:7px;overflow:hidden;background:linear-gradient(145deg,rgba(242,201,76,.18),rgba(255,255,255,.04));border:1px solid rgba(242,201,76,.14);color:#ffe175;font-size:10px;font-weight:950;letter-spacing:.02em}
.profileActivityCover img{width:100%;height:100%;object-fit:cover;display:block}
.profileActivityCover.fallback{padding:0 3px;text-align:center}
.profileActivityCopy{display:grid;gap:4px;min-width:0;flex:1}
.profileActivityRow b{color:#f8f0d8;font-size:13px;font-weight:850;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.profileActivityRow small{color:rgba(238,232,220,.56);font-size:11px;line-height:1.25}
.profileActivityRow>strong{color:#ffe175;font-size:14px;font-weight:950}
.profileActivityEmpty{padding:16px 14px;color:rgba(238,232,220,.58);font-size:12px;font-weight:750;text-align:center}
.avatarChoiceTabs{display:grid;grid-template-columns:1fr 1fr;gap:0;padding:3px;border:1px solid rgba(242,201,76,.20);border-radius:999px;background:rgba(0,0,0,.22)}
.avatarChoiceTabs button{min-height:34px;border:0;border-radius:999px;background:transparent;color:rgba(232,226,216,.62);font-size:11px;font-weight:850;text-transform:uppercase;letter-spacing:.045em;cursor:pointer}
.avatarChoiceTabs button.active{background:linear-gradient(90deg,#ffec82,#f2c94c,#c99508);color:#111;box-shadow:0 0 18px rgba(242,201,76,.16)}
.avatarPanel{border:1px solid rgba(255,255,255,.10);border-radius:18px;background:rgba(0,0,0,.20);padding:14px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.avatarPanel p{grid-column:1/-1;margin:0;color:rgba(232,226,216,.52);font-size:12px;line-height:1.35}
.avatarPanel label{display:grid;gap:6px;color:rgba(255,255,255,.58);font-size:10px;font-weight:850;text-transform:uppercase;letter-spacing:.075em}
.avatarPanel select,.avatarPanel input[type="color"],.avatarPanel input[type="range"]{width:100%}
.avatarPanel select,.avatarPanel input[type="color"]{min-height:38px;border:1px solid rgba(255,255,255,.14);background:rgba(9,10,15,.72);color:#f5f3ed;border-radius:12px;padding:0 10px}
.avatarPanel input[type="color"]{padding:4px}
.avatarPanel input[type="range"]{accent-color:#f2c94c;cursor:pointer}
.avatarCreatorPreview{grid-column:1/-1;display:grid;grid-template-columns:82px minmax(0,1fr);gap:14px;align-items:center;border:1px solid rgba(242,201,76,.16);border-radius:18px;background:linear-gradient(145deg,rgba(242,201,76,.08),rgba(255,255,255,.025));padding:12px}
.avatarCreatorPreview span{display:block;color:#f2c94c;font-size:10px;font-weight:900;letter-spacing:.12em;text-transform:uppercase;margin-bottom:4px}
.avatarCreatorPreview p{margin:0!important;color:rgba(232,226,216,.62)!important;font-size:12px!important;line-height:1.35!important}
.avatarToolRow{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.avatarToolRow button{border:1px solid rgba(242,201,76,.24);background:linear-gradient(135deg,rgba(242,201,76,.10),rgba(255,255,255,.025));color:#f7edc7;border-radius:999px;min-height:34px;padding:0 11px;font-size:10px;font-weight:850;letter-spacing:.055em;text-transform:uppercase;cursor:pointer;transition:border-color .18s ease,background .18s ease,transform .18s ease}
.avatarToolRow button:hover{border-color:rgba(242,201,76,.46);background:linear-gradient(135deg,rgba(242,201,76,.16),rgba(255,255,255,.04));transform:translateY(-1px)}
.avatarPanel fieldset{grid-column:1/-1;border:1px solid rgba(255,255,255,.09);border-radius:16px;background:linear-gradient(145deg,rgba(255,255,255,.045),rgba(0,0,0,.14));padding:13px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 12px}
.avatarPanel legend{padding:0 8px;color:#f2c94c;font-size:10px;font-weight:900;letter-spacing:.12em;text-transform:uppercase}
.avatarUploadDrop{grid-column:1/-1;min-height:92px;border:1px dashed rgba(242,201,76,.36);border-radius:16px;background:linear-gradient(145deg,rgba(242,201,76,.07),rgba(255,255,255,.02));display:grid!important;place-items:center;text-align:center;color:#f7edc7!important;font-size:13px!important;cursor:pointer}
.avatarUploadDrop input{display:none}
.avatarActions{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:center}
.avatarActions .bigBtn{min-height:42px!important;margin:0!important}
.avatarActions>button:not(.bigBtn){border:1px solid rgba(255,255,255,.14);background:transparent;color:rgba(232,226,216,.68);border-radius:999px;padding:11px 14px;font-size:12px;font-weight:850;cursor:pointer}
.authPanel.accountProfileMode:not(.avatarEditorMode) .avatarEditorBack,
.authPanel.accountProfileMode:not(.avatarEditorMode) .avatarEditorHero,
.authPanel.accountProfileMode:not(.avatarEditorMode) .avatar3dPanel,
.authPanel.accountProfileMode:not(.avatarEditorMode) .avatarStyleSection,
.authPanel.accountProfileMode:not(.avatarEditorMode) .avatarColorSection,
.authPanel.accountProfileMode:not(.avatarEditorMode) .avatarPreviewSection{display:none!important}
.authPanel.accountProfileMode.avatarEditorMode{width:min(980px,calc(100vw - 30px))!important;min-height:min(1180px,calc(100vh - 18px))!important;max-height:calc(100vh - 18px)!important;border-radius:34px!important;background:#070a12!important;box-shadow:0 38px 130px rgba(0,0,0,.78),0 0 0 1px rgba(255,255,255,.065),0 0 0 1px rgba(242,201,76,.07) inset!important;overflow:hidden!important}
.authPanel.accountProfileMode.avatarEditorMode .authEditorialLeft{height:calc(100vh - 18px)!important;max-height:calc(100vh - 18px)!important;min-height:0!important;padding:42px 68px 96px!important;overflow-y:auto!important;overflow-x:hidden!important;-webkit-overflow-scrolling:touch!important;overscroll-behavior:contain!important;scroll-padding:42px 0 96px!important;background:radial-gradient(circle at 50% 24%,rgba(242,201,76,.16),transparent 19%),radial-gradient(circle at 22% 18%,rgba(255,255,255,.065),transparent 28%),radial-gradient(circle at 84% 64%,rgba(93,115,158,.12),transparent 30%),linear-gradient(160deg,#111724 0%,#080b13 52%,#03050a 100%)!important}
.authPanel.accountProfileMode.avatarEditorMode>.eyebrow,
.authPanel.accountProfileMode.avatarEditorMode .authEditorialLeft>.eyebrow,
.authPanel.accountProfileMode.avatarEditorMode #authTitle,
.authPanel.accountProfileMode.avatarEditorMode #authPrompt,
.authPanel.accountProfileMode.avatarEditorMode .authBenefitStack,
.authPanel.accountProfileMode.avatarEditorMode #authLoggedIn,
.authPanel.accountProfileMode.avatarEditorMode .authLogoutAction,
.authPanel.accountProfileMode.avatarEditorMode .tinyAdminOverview,
.authPanel.accountProfileMode.avatarEditorMode .avatarSetupHead{display:none!important}
.authPanel.accountProfileMode.avatarEditorMode .authEditorialLogo{display:block!important;width:118px!important;height:auto!important;margin:0 0 32px!important;object-fit:contain;object-position:left center;filter:drop-shadow(0 16px 28px rgba(0,0,0,.42)) drop-shadow(0 0 16px rgba(242,201,76,.12))!important}
.authPanel.accountProfileMode.avatarEditorMode .avatarSetup{display:grid;gap:30px;margin:0!important;text-align:left;width:100%;padding-bottom:34px!important}
.avatarEditorBack{justify-self:start;border:0;background:transparent;color:#ffdf62;padding:0;font-size:20px;font-weight:760;letter-spacing:-.015em;cursor:pointer;text-shadow:0 0 18px rgba(242,201,76,.20);transition:transform .24s cubic-bezier(.16,1,.3,1),color .24s ease}
.avatarEditorBack:before{content:"←";margin-right:14px;font-size:28px;font-weight:420;vertical-align:-2px}
.avatarEditorBack:hover{color:#fff1a7;transform:translateX(-2px)}
.avatarEditorHero{display:grid;grid-template-columns:1fr;justify-items:center;gap:26px}
.avatarEditorHero>div:first-child{justify-self:start}
.avatarEditorHero h2{margin:0;color:#fffaf3;font-size:64px;line-height:.94;font-weight:860;letter-spacing:-.055em;text-shadow:0 3px 0 rgba(0,0,0,.22),0 20px 48px rgba(0,0,0,.54),0 0 26px rgba(242,201,76,.08)}
.avatarEditorHero p{margin:18px 0 0;color:rgba(238,232,220,.72);font-size:29px;line-height:1.1;font-weight:680;letter-spacing:-.025em}
.avatarEditReveal{position:relative;display:block;justify-self:center;width:max-content;border:0;background:transparent;padding:0;border-radius:50%;cursor:default}
.avatarEditReveal.canEditAvatar{cursor:pointer}
.avatarEditRevealLabel{position:absolute;left:50%;bottom:22px;transform:translateX(-50%) translateY(4px);z-index:3;display:inline-grid;place-items:center;min-height:34px;padding:0 16px;border:1px solid rgba(255,226,116,.62);border-radius:999px;background:rgba(5,7,12,.74);color:#ffe175;font-size:11px;font-weight:900;letter-spacing:.09em;text-transform:uppercase;white-space:nowrap;opacity:0;pointer-events:none;box-shadow:0 12px 30px rgba(0,0,0,.35),0 0 24px rgba(242,201,76,.18);backdrop-filter:blur(10px);transition:opacity .22s ease,transform .22s ease}
.avatarEditReveal.canEditAvatar:hover .avatarEditRevealLabel,.avatarEditReveal.canEditAvatar:focus-visible .avatarEditRevealLabel{opacity:1;transform:translateX(-50%) translateY(0)}
.avatarEditorHeroPreview,.avatarEditorPreviewSize{position:relative;overflow:hidden!important;display:grid;place-items:center;border-radius:50%;background:radial-gradient(circle at 50% 50%,rgba(8,10,16,.98),rgba(3,5,10,.99));border:2px solid rgba(255,229,49,.96);box-shadow:0 0 0 1px rgba(255,244,158,.23),0 0 16px rgba(255,229,80,.72),0 0 46px rgba(242,201,76,.38),0 0 92px rgba(242,173,20,.18),0 24px 48px rgba(0,0,0,.46),inset 0 0 0 1px rgba(0,0,0,.44)}
.avatarEditorHeroPreview:before,.avatarEditorPreviewSize:before{content:"";position:absolute;inset:-26px;border-radius:50%;z-index:-1;background:radial-gradient(circle,rgba(242,201,76,.22),rgba(242,201,76,.08) 42%,transparent 70%);filter:blur(10px)}
.avatarEditorHeroPreview{width:238px;height:238px;margin-top:-4px}
.avatarEditorHeroPreview img,.avatarEditorHeroPreview svg,.avatarEditorPreviewSize img,.avatarEditorPreviewSize svg,.avatarStyleChoice img,.avatarStyleChoice svg{width:100%;height:100%;display:block;object-fit:cover;border-radius:50%}
.authPanel.accountProfileMode.avatarEditorMode .avatarChoiceTabs{display:grid;grid-template-columns:1fr 1fr;width:100%;max-width:none;margin:4px 0 6px;padding:0;border:0;border-bottom:1px solid rgba(255,255,255,.16);border-radius:0;background:transparent}
.authPanel.accountProfileMode.avatarEditorMode .avatarChoiceTabs button{position:relative;min-height:58px;border-radius:0;color:rgba(238,232,220,.62);font-size:24px;font-weight:760;text-align:left;text-transform:none;letter-spacing:-.02em;background:transparent;transition:color .24s ease,text-shadow .24s ease}
.authPanel.accountProfileMode.avatarEditorMode .avatarChoiceTabs button:first-child:before{content:"◌";margin-right:18px;font-size:31px;vertical-align:-3px}
.authPanel.accountProfileMode.avatarEditorMode .avatarChoiceTabs button:last-child:before{content:"↥";margin-right:18px;font-size:31px;vertical-align:-3px}
.authPanel.accountProfileMode.avatarEditorMode .avatarChoiceTabs button.active{background:transparent;color:#ffe36d;box-shadow:none;text-shadow:0 0 22px rgba(242,201,76,.18)}
.authPanel.accountProfileMode.avatarEditorMode .avatarChoiceTabs button.active:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:4px;background:linear-gradient(90deg,#fff176,#f2c94c,#c99508);box-shadow:0 0 18px rgba(242,201,76,.28)}
.avatarStyleSection,.avatarColorSection,.avatarPreviewSection{display:grid;gap:22px}
.authPanel.accountProfileMode.avatarEditorMode .avatarStyleSection.hidden,
.authPanel.accountProfileMode.avatarEditorMode .avatarColorSection.hidden,
.authPanel.accountProfileMode.avatarEditorMode .avatarPreviewSection.hidden,
.authPanel.accountProfileMode.avatarEditorMode #avatarUploadPanel.hidden{display:none!important}
.avatarStyleSection h3,.avatarColorSection h3,.avatarPreviewSection h3{margin:0;color:#fffaf0;font-size:25px;line-height:1.08;font-weight:820;letter-spacing:-.025em;text-shadow:0 10px 28px rgba(0,0,0,.42)}
.avatarStyleRow,.avatarColorRow,.avatarPreviewSizes{display:flex;align-items:center;gap:28px;flex-wrap:wrap}
.avatarStyleChoice{width:108px;height:108px;border-radius:50%;border:1px solid rgba(255,255,255,.18);padding:0;background:rgba(255,255,255,.045);box-shadow:inset 0 1px 0 rgba(255,255,255,.07),0 16px 38px rgba(0,0,0,.25);cursor:pointer;transition:transform .28s cubic-bezier(.16,1,.3,1),border-color .28s ease,box-shadow .28s ease,filter .28s ease;overflow:visible}
.avatarStyleChoice:hover{transform:translateY(-2px);border-color:rgba(255,225,104,.56);box-shadow:inset 0 1px 0 rgba(255,255,255,.10),0 20px 46px rgba(0,0,0,.30),0 0 28px rgba(242,201,76,.13)}
.avatarStyleChoice.active{border:3px solid #ffea3f;box-shadow:0 0 0 1px rgba(255,246,160,.22),0 0 22px rgba(255,229,80,.60),0 0 44px rgba(242,201,76,.22),0 18px 42px rgba(0,0,0,.34)}
.avatarColorChoice{width:64px;height:64px;border-radius:50%;border:1px solid rgba(255,255,255,.20);padding:0;background:var(--swatch);box-shadow:inset 0 1px 0 rgba(255,255,255,.26),0 16px 34px rgba(0,0,0,.28);cursor:pointer;transition:transform .26s cubic-bezier(.16,1,.3,1),border-color .26s ease,box-shadow .26s ease}
.avatarColorChoice:hover{transform:translateY(-2px);border-color:rgba(255,225,104,.62);box-shadow:inset 0 1px 0 rgba(255,255,255,.30),0 18px 40px rgba(0,0,0,.32),0 0 24px rgba(242,201,76,.13)}
.avatarColorChoice.active{border:4px solid #ffea3f;box-shadow:0 0 0 4px rgba(8,10,16,.96),0 0 0 6px rgba(255,235,87,.45),0 0 28px rgba(242,201,76,.28),0 18px 40px rgba(0,0,0,.34)}
.avatarEditorPreviewSize.large{width:190px;height:190px}
.avatarEditorPreviewSize.medium{width:112px;height:112px}
.avatarEditorPreviewSize.small{width:58px;height:58px}
.authPanel.accountProfileMode.avatarEditorMode .avatarPanel{width:100%;max-width:none;margin:0;padding:22px;border-radius:24px;border:1px dashed rgba(242,201,76,.32);background:linear-gradient(145deg,rgba(242,201,76,.08),rgba(255,255,255,.025));box-shadow:inset 0 1px 0 rgba(255,255,255,.055)}
.authPanel.accountProfileMode.avatarEditorMode .avatarPanel p{text-align:center;color:rgba(238,232,220,.62);font-size:14px;line-height:1.4}
.authPanel.accountProfileMode.avatarEditorMode .avatarUploadDrop{min-height:138px;border-radius:20px;border-color:rgba(255,222,95,.36);background:linear-gradient(145deg,rgba(255,255,255,.06),rgba(0,0,0,.16));font-size:17px!important;font-weight:820!important}
.authPanel.accountProfileMode.avatarEditorMode #avatarCreatorPreviewCard.hidden{display:none!important}
.authPanel.accountProfileMode.avatarEditorMode #avatarCreatorPreviewCard{display:grid;grid-template-columns:112px minmax(0,1fr);align-items:center;gap:18px;width:100%;padding:18px;border:1px solid rgba(242,201,76,.24);border-radius:24px;background:radial-gradient(circle at 20% 10%,rgba(242,201,76,.12),transparent 40%),linear-gradient(145deg,rgba(255,255,255,.065),rgba(0,0,0,.16));box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 18px 44px rgba(0,0,0,.24)}
.authPanel.accountProfileMode.avatarEditorMode #avatarCreatorPreviewCard .avatarPreview{width:112px;height:112px}
.authPanel.accountProfileMode.avatarEditorMode #avatarCreatePanel{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;padding:24px;border-style:solid;background:radial-gradient(circle at 50% 0%,rgba(242,201,76,.13),transparent 34%),linear-gradient(145deg,rgba(255,255,255,.055),rgba(0,0,0,.18))}
.authPanel.accountProfileMode.avatarEditorMode #avatarCreatePanel.hidden{display:none!important}
.authPanel.accountProfileMode.avatarEditorMode .avatarIconIntro{grid-column:1/-1;display:grid;gap:6px}
.authPanel.accountProfileMode.avatarEditorMode .avatarIconIntro span{color:#ffe175;font-size:11px;font-weight:900;letter-spacing:.16em;text-transform:uppercase}
.authPanel.accountProfileMode.avatarEditorMode .avatarIconIntro p{margin:0!important;text-align:left!important;color:rgba(238,232,220,.68)!important;font-size:15px!important;line-height:1.4!important}
.authPanel.accountProfileMode.avatarEditorMode .avatarIconGrid{grid-column:1/-1;display:grid;grid-template-columns:repeat(auto-fill,minmax(92px,1fr));gap:18px}
.authPanel.accountProfileMode.avatarEditorMode .avatarIconChoice{aspect-ratio:1;border-radius:50%;border:1px solid rgba(255,255,255,.16);padding:0;background:linear-gradient(145deg,rgba(255,255,255,.07),rgba(0,0,0,.18));box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 16px 34px rgba(0,0,0,.26);cursor:pointer;overflow:hidden;transition:transform .26s cubic-bezier(.16,1,.3,1),border-color .26s ease,box-shadow .26s ease,filter .26s ease}
.authPanel.accountProfileMode.avatarEditorMode .avatarIconChoice:hover{transform:translateY(-2px);border-color:rgba(255,225,104,.62);box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 20px 42px rgba(0,0,0,.30),0 0 26px rgba(242,201,76,.14)}
.authPanel.accountProfileMode.avatarEditorMode .avatarIconChoice.active{border-color:#ffea3f;box-shadow:0 0 0 3px rgba(255,235,87,.24),0 0 28px rgba(242,201,76,.35),0 18px 40px rgba(0,0,0,.34)}
.authPanel.accountProfileMode.avatarEditorMode .avatarIconChoice img{width:100%;height:100%;display:block;object-fit:cover;border-radius:50%}
.authPanel.accountProfileMode.avatarEditorMode .avatarTypeSelector{grid-column:1/-1;display:grid;gap:10px;padding:15px;border:1px solid rgba(242,201,76,.24);border-radius:18px;background:linear-gradient(145deg,rgba(242,201,76,.075),rgba(255,255,255,.025));box-shadow:inset 0 1px 0 rgba(255,255,255,.055)}
.authPanel.accountProfileMode.avatarEditorMode .avatarTypeSelector>span{color:#ffe175;font-size:11px;font-weight:900;letter-spacing:.16em;text-transform:uppercase}
.authPanel.accountProfileMode.avatarEditorMode .avatarTypeNative{position:absolute!important;width:1px!important;height:1px!important;opacity:0!important;pointer-events:none!important}
.authPanel.accountProfileMode.avatarEditorMode .avatarTypeButtons{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.authPanel.accountProfileMode.avatarEditorMode .avatarTypeButtons button{min-height:44px;border:1px solid rgba(242,201,76,.24);border-radius:999px;background:rgba(0,0,0,.18);color:rgba(238,232,220,.72);font-size:13px;font-weight:850;cursor:pointer;transition:border-color .22s ease,background .22s ease,color .22s ease,box-shadow .22s ease}
.authPanel.accountProfileMode.avatarEditorMode .avatarTypeButtons button:hover,.authPanel.accountProfileMode.avatarEditorMode .avatarTypeButtons button.active{border-color:rgba(255,226,116,.68);background:linear-gradient(90deg,rgba(255,236,130,.18),rgba(242,201,76,.10));color:#ffe175;box-shadow:0 0 24px rgba(242,201,76,.10),inset 0 1px 0 rgba(255,255,255,.08)}
.authPanel.accountProfileMode.avatarEditorMode .avatarCategoryDropdown{position:relative;grid-column:1/-1;justify-self:start;z-index:8}
.authPanel.accountProfileMode.avatarEditorMode .avatarCategoryToggle{position:relative;min-width:190px;min-height:44px;padding:0 44px 0 18px;border:1px solid rgba(242,201,76,.38);border-radius:999px;background:linear-gradient(145deg,rgba(255,255,255,.07),rgba(0,0,0,.20));color:#ffe175;font-size:13px;font-weight:900;letter-spacing:.12em;text-transform:uppercase;text-align:left;cursor:pointer;box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 12px 30px rgba(0,0,0,.20)}
.authPanel.accountProfileMode.avatarEditorMode .avatarCategoryToggle:after{content:"⌄";position:absolute;right:18px;top:50%;transform:translateY(-52%);font-size:19px;color:#f2c94c}
.authPanel.accountProfileMode.avatarEditorMode .avatarCategoryMenu{position:absolute;left:0;top:calc(100% + 8px);width:min(240px,calc(100vw - 56px));padding:8px;border:1px solid rgba(242,201,76,.34);border-radius:18px;background:rgba(8,9,13,.96);box-shadow:0 22px 54px rgba(0,0,0,.45),0 0 28px rgba(242,201,76,.10);backdrop-filter:blur(16px)}
.authPanel.accountProfileMode.avatarEditorMode .avatarCategoryMenu.hidden{display:none!important}
.authPanel.accountProfileMode.avatarEditorMode .avatarCategoryMenu button{display:block;width:100%;min-height:38px;padding:0 13px;border:0;border-radius:12px;background:transparent;color:rgba(238,232,220,.70);font-size:13px;font-weight:780;text-align:left;cursor:pointer}
.authPanel.accountProfileMode.avatarEditorMode .avatarCategoryMenu button:hover,.authPanel.accountProfileMode.avatarEditorMode .avatarCategoryMenu button.active{background:rgba(242,201,76,.12);color:#ffe175}
.authPanel.accountProfileMode.avatarEditorMode #avatarCreatePanel fieldset[data-avatar-section]{display:none!important}
.authPanel.accountProfileMode.avatarEditorMode #avatarCreatePanel fieldset[data-avatar-section].active{display:grid!important}
.authPanel.accountProfileMode.avatarEditorMode .avatarCreatorPreview span{font-size:11px;letter-spacing:.16em;color:#ffe27b}
.authPanel.accountProfileMode.avatarEditorMode .avatarCreatorPreview p{text-align:left!important;font-size:16px!important;color:rgba(238,232,220,.68)!important}
.authPanel.accountProfileMode.avatarEditorMode .avatarPanel fieldset{border-color:rgba(255,255,255,.11);background:linear-gradient(145deg,rgba(255,255,255,.05),rgba(0,0,0,.16));gap:12px 14px}
.authPanel.accountProfileMode.avatarEditorMode .avatarPanel label{font-size:11px;color:rgba(244,238,226,.68)}
.authPanel.accountProfileMode.avatarEditorMode .avatarPanel select,
.authPanel.accountProfileMode.avatarEditorMode .avatarPanel input[type="color"]{min-height:42px;border-color:rgba(255,255,255,.16);background:rgba(5,7,12,.74)}
.authPanel.accountProfileMode.avatarEditorMode .avatarActions{position:relative;z-index:6;grid-template-columns:1fr;gap:26px;width:100%;margin-top:18px;padding-top:4px;pointer-events:auto}
.authPanel.accountProfileMode.avatarEditorMode .avatarActions .bigBtn{position:relative;z-index:1;overflow:hidden;min-height:78px!important;border-radius:20px!important;border:1px solid rgba(255,236,144,.62)!important;background:linear-gradient(180deg,rgba(255,251,205,.96) 0%,#f7d765 18%,#d6a619 58%,#b98806 100%)!important;color:#0b0904!important;font-size:26px!important;font-weight:820!important;letter-spacing:.055em!important;text-transform:uppercase!important;text-shadow:0 1px 0 rgba(255,255,255,.28);box-shadow:0 22px 48px rgba(0,0,0,.36),0 16px 48px rgba(214,166,25,.18),0 0 46px rgba(242,201,76,.16),inset 0 1px 0 rgba(255,255,255,.76),inset 0 -16px 28px rgba(97,61,0,.13)!important;transition:transform .34s cubic-bezier(.16,1,.3,1),box-shadow .34s ease,filter .34s ease;pointer-events:auto;touch-action:manipulation}
.authPanel.accountProfileMode.avatarEditorMode .avatarActions .bigBtn:before{content:"";position:absolute;inset:1px 1px auto;height:45%;border-radius:19px 19px 42% 42%;background:linear-gradient(180deg,rgba(255,255,255,.34),rgba(255,255,255,0));pointer-events:none}
.authPanel.accountProfileMode.avatarEditorMode .avatarActions .bigBtn:after{content:"";position:absolute;top:-40%;bottom:-40%;left:-38%;width:32%;transform:skewX(-18deg);background:linear-gradient(90deg,transparent,rgba(255,255,255,.32),transparent);opacity:0;pointer-events:none}
.authPanel.accountProfileMode.avatarEditorMode .avatarActions .bigBtn:hover{transform:translateY(-2px);filter:saturate(1.04) brightness(1.025);box-shadow:0 26px 58px rgba(0,0,0,.40),0 20px 58px rgba(214,166,25,.23),0 0 54px rgba(242,201,76,.22),inset 0 1px 0 rgba(255,255,255,.82),inset 0 -16px 28px rgba(97,61,0,.12)!important}
.authPanel.accountProfileMode.avatarEditorMode .avatarActions .bigBtn:hover:after{animation:avatarButtonShimmer 1.15s cubic-bezier(.16,1,.3,1)}
.authPanel.accountProfileMode.avatarEditorMode .avatarActions>button:not(.bigBtn){position:relative;z-index:1;min-height:68px;border-radius:20px;border:1px solid rgba(242,201,76,.30);background:linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.016)),rgba(0,0,0,.18);color:#f4d76f;font-size:22px;font-weight:760;text-transform:uppercase;letter-spacing:.075em;box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 14px 34px rgba(0,0,0,.24),0 0 18px rgba(242,201,76,.04);backdrop-filter:blur(10px);transition:transform .34s cubic-bezier(.16,1,.3,1),border-color .34s ease,background .34s ease,box-shadow .34s ease,color .34s ease;pointer-events:auto;touch-action:manipulation}
.authPanel.accountProfileMode.avatarEditorMode .avatarActions>button:hover{transform:translateY(-1px);border-color:rgba(255,226,116,.56);background:linear-gradient(180deg,rgba(255,255,255,.075),rgba(255,255,255,.024)),rgba(0,0,0,.16);color:#ffe58d;box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 18px 42px rgba(0,0,0,.28),0 0 26px rgba(242,201,76,.10)}
@keyframes avatarButtonShimmer{0%{left:-38%;opacity:0}18%{opacity:.9}100%{left:112%;opacity:0}}
.authPanel.accountProfileMode.avatarEditorMode .avatarSetup.avatarControlsCollapsed .avatarChoiceTabs,
.authPanel.accountProfileMode.avatarEditorMode .avatarSetup.avatarControlsCollapsed #avatarCreatorPreviewCard,
.authPanel.accountProfileMode.avatarEditorMode .avatarSetup.avatarControlsCollapsed #avatarUploadPanel,
.authPanel.accountProfileMode.avatarEditorMode .avatarSetup.avatarControlsCollapsed #avatarCreatePanel,
.authPanel.accountProfileMode.avatarEditorMode .avatarSetup.avatarControlsCollapsed .avatarActions{display:none!important}

/* Final premium scale refinement for account and avatar editor */
.authPanel.accountProfileMode:not(.avatarEditorMode) .authEditorialLeft{
  padding:84px 56px 74px!important;
  box-sizing:border-box!important;
  transform:scale(.78)!important;
  transform-origin:top left!important;
  width:128.205%!important;
  min-height:128.205%!important;
  margin-left:-2.5%!important;
}
.authPanel.accountProfileMode:not(.avatarEditorMode) .authEditorialLeft:before{
  background:repeating-radial-gradient(circle,rgba(244,211,94,.055) 0 1px,transparent 1px 7px),radial-gradient(circle,rgba(212,175,55,.10),transparent 62%)!important;
  opacity:.30!important;
}
.authPanel.accountProfileMode:not(.avatarEditorMode) .authEditorialLeft:after{
  opacity:.50!important;
}
.authPanel.accountProfileMode:not(.avatarEditorMode) .authEditorialLogo{
  width:138px!important;
  margin:0 0 58px!important;
  filter:drop-shadow(0 14px 28px rgba(0,0,0,.42)) drop-shadow(0 0 12px rgba(212,175,55,.08))!important;
}
.authPanel.accountProfileMode:not(.avatarEditorMode) .eyebrow{
  margin-bottom:17px!important;
  font-size:11.5px!important;
  letter-spacing:.22em!important;
  text-shadow:0 0 12px rgba(212,175,55,.12)!important;
}
.authPanel.accountProfileMode:not(.avatarEditorMode) #authTitle{
  margin-bottom:16px!important;
  font-size:45px!important;
  text-shadow:0 14px 36px rgba(0,0,0,.44),0 0 16px rgba(212,175,55,.055)!important;
}
.authPanel.accountProfileMode:not(.avatarEditorMode) .authPrompt{
  margin-bottom:56px!important;
  font-size:17px!important;
}
.authPanel.accountProfileMode:not(.avatarEditorMode) .authBenefitStack{
  gap:24px!important;
  margin-bottom:54px!important;
}
.authPanel.accountProfileMode:not(.avatarEditorMode) .authBenefitStack span{
  grid-template-columns:28px minmax(0,1fr) 14px!important;
  column-gap:14px!important;
  row-gap:5px!important;
  min-height:108px!important;
  padding:22px 20px!important;
  border-color:rgba(212,175,55,.24)!important;
  box-shadow:inset 0 1px 0 rgba(245,241,232,.055),0 14px 34px rgba(0,0,0,.22),0 0 18px rgba(212,175,55,.025)!important;
}
.authPanel.accountProfileMode:not(.avatarEditorMode) .authBenefitStack span:hover{
  box-shadow:inset 0 1px 0 rgba(245,241,232,.09),0 18px 42px rgba(0,0,0,.28),0 0 24px rgba(212,175,55,.10)!important;
}
.authPanel.accountProfileMode:not(.avatarEditorMode) .authBenefitStack span:before{
  font-size:24px!important;
  text-shadow:0 0 12px rgba(212,175,55,.16)!important;
}
.authPanel.accountProfileMode:not(.avatarEditorMode) .authBenefitStack span:after{
  font-size:22px!important;
  text-shadow:0 0 10px rgba(212,175,55,.14)!important;
}
.authPanel.accountProfileMode:not(.avatarEditorMode) .authBenefitStack strong{
  font-size:16px!important;
}
.authPanel.accountProfileMode:not(.avatarEditorMode) .authBenefitStack small{
  font-size:13px!important;
  line-height:1.42!important;
}
.authPanel.accountProfileMode:not(.avatarEditorMode) .authLoggedIn{
  min-height:380px!important;
  margin-bottom:58px!important;
  padding:42px 56px 48px!important;
  background:radial-gradient(circle at 50% 19%,rgba(244,211,94,.12),transparent 24%),linear-gradient(145deg,rgba(255,255,255,.052),rgba(255,255,255,.02)),rgba(17,17,17,.70)!important;
  box-shadow:inset 0 1px 0 rgba(245,241,232,.05),0 18px 54px rgba(0,0,0,.30),0 0 30px rgba(212,175,55,.04)!important;
}
.authPanel.accountProfileMode:not(.avatarEditorMode) .profileAvatarPreview{
  width:116px!important;
  height:116px!important;
  margin-bottom:36px!important;
  background:radial-gradient(circle at 50% 50%,rgba(6,7,10,.98),rgba(3,4,7,.99))!important;
  box-shadow:0 0 0 1px rgba(245,241,232,.14),0 0 12px rgba(244,211,94,.58),0 0 38px rgba(212,175,55,.24),0 18px 42px rgba(0,0,0,.42),inset 0 0 0 1px rgba(0,0,0,.50)!important;
}
.authPanel.accountProfileMode:not(.avatarEditorMode) .profileAvatarPreview:before{
  inset:-28px!important;
  background:radial-gradient(circle,rgba(244,211,94,.18),rgba(212,175,55,.055) 42%,transparent 69%)!important;
  filter:blur(10px)!important;
}
.authPanel.accountProfileMode:not(.avatarEditorMode) .accountAvatarKicker{
  margin-bottom:12px!important;
  font-size:10.8px!important;
  letter-spacing:.34em!important;
}
.authPanel.accountProfileMode:not(.avatarEditorMode) .accountAvatarTitle{
  margin-bottom:14px!important;
  font-size:29px!important;
}
.authPanel.accountProfileMode:not(.avatarEditorMode) .accountAvatarSubtitle{
  margin-bottom:44px!important;
  font-size:15.5px!important;
}
.authPanel.accountProfileMode:not(.avatarEditorMode) #editAvatarButton{
  width:min(400px,100%)!important;
  min-height:56px!important;
  padding:0 26px!important;
  font-size:14.5px!important;
  box-shadow:inset 0 1px 0 rgba(245,241,232,.065),0 12px 32px rgba(0,0,0,.26),0 0 16px rgba(212,175,55,.055)!important;
}
.authPanel.accountProfileMode:not(.avatarEditorMode) #editAvatarButton:before{
  margin-right:14px!important;
  font-size:20px!important;
}
.authPanel.accountProfileMode:not(.avatarEditorMode) #editAvatarButton:hover{
  box-shadow:inset 0 1px 0 rgba(245,241,232,.10),0 16px 38px rgba(0,0,0,.30),0 0 22px rgba(212,175,55,.12)!important;
}
.authPanel.accountProfileMode:not(.avatarEditorMode) .authLogoutAction{
  min-height:64px!important;
  font-size:21px!important;
  box-shadow:0 16px 42px rgba(0,0,0,.34),0 0 22px rgba(212,175,55,.14),inset 0 1px 0 rgba(255,255,255,.42),inset 0 -1px 0 rgba(0,0,0,.12)!important;
}
.authPanel.accountProfileMode:not(.avatarEditorMode) .authLogoutAction:before{
  margin-right:14px!important;
  font-size:24px!important;
}
.authPanel.accountProfileMode:not(.avatarEditorMode) .authLogoutAction:hover{
  box-shadow:0 20px 50px rgba(0,0,0,.38),0 0 30px rgba(212,175,55,.22),inset 0 1px 0 rgba(255,255,255,.52)!important;
}
.authPanel.accountProfileMode.avatarEditorMode .authEditorialLeft{
  padding:52px 84px 110px!important;
}
.authPanel.accountProfileMode.avatarEditorMode .avatarSetup{
  gap:34px!important;
}
.avatarEditorBack{
  font-size:17px!important;
  text-shadow:0 0 12px rgba(242,201,76,.14)!important;
}
.avatarEditorBack:before{
  font-size:24px!important;
}
.avatarEditorHero{
  gap:32px!important;
}
.avatarEditorHero h2{
  font-size:52px!important;
  line-height:.98!important;
  text-shadow:0 14px 38px rgba(0,0,0,.48),0 0 16px rgba(242,201,76,.055)!important;
}
.avatarEditorHero p{
  margin-top:14px!important;
  font-size:23px!important;
}
.avatarEditorHeroPreview{
  width:198px!important;
  height:198px!important;
}
.avatarEditorHeroPreview,.avatarEditorPreviewSize{
  box-shadow:0 0 0 1px rgba(255,244,158,.16),0 0 12px rgba(255,229,80,.50),0 0 34px rgba(242,201,76,.24),0 18px 40px rgba(0,0,0,.42),inset 0 0 0 1px rgba(0,0,0,.44)!important;
}
.avatarEditorHeroPreview:before,.avatarEditorPreviewSize:before{
  opacity:.72!important;
  filter:blur(8px)!important;
}
.authPanel.accountProfileMode.avatarEditorMode .avatarChoiceTabs{
  margin:10px 0 10px!important;
}
.authPanel.accountProfileMode.avatarEditorMode .avatarChoiceTabs button{
  min-height:50px!important;
  font-size:20px!important;
}
.authPanel.accountProfileMode.avatarEditorMode .avatarChoiceTabs button:first-child:before,
.authPanel.accountProfileMode.avatarEditorMode .avatarChoiceTabs button:last-child:before{
  font-size:25px!important;
  margin-right:14px!important;
}
.avatarStyleSection h3,.avatarColorSection h3,.avatarPreviewSection h3{
  font-size:22px!important;
}
.avatarStyleRow,.avatarColorRow,.avatarPreviewSizes{
  gap:24px!important;
}
.avatarStyleChoice{
  width:94px!important;
  height:94px!important;
}
.avatarColorChoice{
  width:56px!important;
  height:56px!important;
}
.avatarEditorPreviewSize.large{
  width:162px!important;
  height:162px!important;
}
.avatarEditorPreviewSize.medium{
  width:96px!important;
  height:96px!important;
}
.avatarEditorPreviewSize.small{
  width:50px!important;
  height:50px!important;
}
.authPanel.accountProfileMode.avatarEditorMode #avatarCreatorPreviewCard{
  grid-template-columns:96px minmax(0,1fr)!important;
  padding:16px!important;
  border-radius:20px!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.055),0 14px 34px rgba(0,0,0,.20)!important;
}
.authPanel.accountProfileMode.avatarEditorMode #avatarCreatorPreviewCard .avatarPreview{
  width:96px!important;
  height:96px!important;
}
.authPanel.accountProfileMode.avatarEditorMode #avatarCreatePanel{
  gap:16px!important;
  padding:20px!important;
  border-radius:22px!important;
  background:radial-gradient(circle at 50% 0%,rgba(242,201,76,.08),transparent 34%),linear-gradient(145deg,rgba(255,255,255,.045),rgba(0,0,0,.16))!important;
}
.authPanel.accountProfileMode.avatarEditorMode .avatarPanel fieldset{
  padding:11px!important;
}
.authPanel.accountProfileMode.avatarEditorMode .avatarPanel label{
  font-size:10px!important;
}
.authPanel.accountProfileMode.avatarEditorMode .avatarPanel select,
.authPanel.accountProfileMode.avatarEditorMode .avatarPanel input[type="color"]{
  min-height:38px!important;
}
.authPanel.accountProfileMode.avatarEditorMode .avatarActions{
  gap:24px!important;
  margin-top:18px!important;
}
.authPanel.accountProfileMode.avatarEditorMode .avatarActions .bigBtn{
  min-height:68px!important;
  font-size:21px!important;
  font-weight:800!important;
}
.authPanel.accountProfileMode.avatarEditorMode .avatarActions>button:not(.bigBtn){
  min-height:58px!important;
  font-size:17px!important;
  font-weight:740!important;
}

/* Narrow account modal flow: no scaling, reflow content inside the slimmer panel */
.authPanel.accountProfileMode:not(.avatarEditorMode){
  width:min(760px,calc(100vw - 48px))!important;
  margin-left:auto!important;
  margin-right:auto!important;
}
.authPanel.accountProfileMode:not(.avatarEditorMode) .authEditorialLeft{
  box-sizing:border-box!important;
  width:100%!important;
  min-height:auto!important;
  margin-left:0!important;
  padding:70px 64px 56px!important;
  transform:none!important;
  transform-origin:initial!important;
  overflow:visible!important;
}
.authPanel.accountProfileMode:not(.avatarEditorMode) .authEditorialLogo{
  margin-bottom:48px!important;
}
.authPanel.accountProfileMode:not(.avatarEditorMode) .authBenefitStack{
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:16px!important;
}
.authPanel.accountProfileMode:not(.avatarEditorMode) .authBenefitStack span{
  min-width:0!important;
  padding-left:16px!important;
  padding-right:16px!important;
}
@media(min-width:851px){
  .authPanel.accountProfileMode:not(.avatarEditorMode) .authBenefitStack span{
    min-height:98px!important;
    padding-top:18px!important;
    padding-bottom:18px!important;
  }
}
.authPanel.accountProfileMode:not(.avatarEditorMode) .authLoggedIn,
.authPanel.accountProfileMode:not(.avatarEditorMode) .authLogoutAction{
  width:100%!important;
}

@media(max-width:700px){
  .authModal:has(.authPanel.accountProfileMode:not(.avatarEditorMode)){
    align-items:flex-start!important;
    justify-content:center!important;
    padding:10px!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
  }
  .authPanel.accountProfileMode:not(.avatarEditorMode){
    width:min(100%,calc(100vw - 20px))!important;
    max-width:430px!important;
    min-height:auto!important;
    max-height:calc(100dvh - 20px)!important;
    border-radius:26px!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
  }
  .authPanel.accountProfileMode:not(.avatarEditorMode) .authEditorialLeft{
    width:100%!important;
    min-height:auto!important;
    margin:0!important;
    padding:34px 22px 30px!important;
    transform:none!important;
    overflow:visible!important;
  }
  .authPanel.accountProfileMode:not(.avatarEditorMode) .cleanClose{
    top:16px!important;
    right:16px!important;
    width:46px!important;
    height:46px!important;
  }
  .authPanel.accountProfileMode:not(.avatarEditorMode) .authEditorialLogo{
    width:112px!important;
    margin:0 0 32px!important;
  }
  .authPanel.accountProfileMode:not(.avatarEditorMode) .eyebrow{
    margin-bottom:13px!important;
    font-size:10.5px!important;
    letter-spacing:.20em!important;
  }
  .authPanel.accountProfileMode:not(.avatarEditorMode) #authTitle{
    max-width:calc(100% - 54px)!important;
    margin-bottom:14px!important;
    font-size:34px!important;
    line-height:1.06!important;
    letter-spacing:-.035em!important;
    overflow-wrap:normal!important;
    word-break:normal!important;
  }
  .authPanel.accountProfileMode:not(.avatarEditorMode) .authPrompt{
    max-width:100%!important;
    margin-bottom:28px!important;
    font-size:16px!important;
    line-height:1.45!important;
    overflow-wrap:normal!important;
    word-break:normal!important;
  }
  .authPanel.accountProfileMode:not(.avatarEditorMode) .authBenefitStack{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:12px!important;
    width:100%!important;
    margin-bottom:28px!important;
  }
  .authPanel.accountProfileMode:not(.avatarEditorMode) .authBenefitStack span{
    width:100%!important;
    min-height:92px!important;
    grid-template-columns:28px minmax(0,1fr) 16px!important;
    column-gap:14px!important;
    padding:20px 18px!important;
    border-radius:15px!important;
  }
  .authPanel.accountProfileMode:not(.avatarEditorMode) .authBenefitStack span:before{
    font-size:23px!important;
  }
  .authPanel.accountProfileMode:not(.avatarEditorMode) .authBenefitStack span:after{
    font-size:20px!important;
  }
  .authPanel.accountProfileMode:not(.avatarEditorMode) .authBenefitStack strong{
    font-size:17px!important;
    line-height:1.12!important;
    white-space:normal!important;
    overflow-wrap:normal!important;
    word-break:normal!important;
  }
  .authPanel.accountProfileMode:not(.avatarEditorMode) .authBenefitStack small{
    font-size:13.5px!important;
    line-height:1.35!important;
    white-space:normal!important;
    overflow-wrap:normal!important;
    word-break:normal!important;
  }
  .authPanel.accountProfileMode:not(.avatarEditorMode) .authLoggedIn{
    width:100%!important;
    min-height:auto!important;
    margin-bottom:28px!important;
    padding:32px 18px 28px!important;
    border-radius:22px!important;
  }
  .authPanel.accountProfileMode:not(.avatarEditorMode) .profileAvatarPreview{
    width:108px!important;
    height:108px!important;
    margin-bottom:28px!important;
  }
  .authPanel.accountProfileMode:not(.avatarEditorMode) .profileAvatarPreview:before{
    inset:-24px!important;
    filter:blur(9px)!important;
  }
  .authPanel.accountProfileMode:not(.avatarEditorMode) .accountAvatarKicker{
    font-size:10px!important;
    letter-spacing:.28em!important;
  }
  .authPanel.accountProfileMode:not(.avatarEditorMode) .accountAvatarTitle{
    font-size:27px!important;
    line-height:1.12!important;
    margin-bottom:13px!important;
  }
  .authPanel.accountProfileMode:not(.avatarEditorMode) .accountAvatarSubtitle{
    max-width:270px!important;
    margin-bottom:30px!important;
    font-size:15px!important;
    line-height:1.42!important;
  }
  .authPanel.accountProfileMode:not(.avatarEditorMode) #editAvatarButton{
    width:100%!important;
    min-height:56px!important;
    padding:0 18px!important;
    font-size:12.5px!important;
    line-height:1.15!important;
    letter-spacing:.12em!important;
    white-space:nowrap!important;
  }
  .authPanel.accountProfileMode:not(.avatarEditorMode) #editAvatarButton:before{
    margin-right:10px!important;
    font-size:18px!important;
  }
  .authPanel.accountProfileMode:not(.avatarEditorMode) .authLogoutAction{
    width:90%!important;
    min-height:56px!important;
    padding:0 16px!important;
    font-size:19px!important;
    white-space:nowrap!important;
  }
}
.authStatus{min-height:20px;margin:18px 0 0;color:var(--muted);font-size:13px;font-weight:750;line-height:1.4}
.authStatus[data-tone="error"]{color:#ff9696}
.authStatus[data-tone="success"]{color:#ffe27b}
.adminInlineStatus{position:fixed;left:50%;bottom:24px;z-index:1200;max-width:min(420px,calc(100vw - 32px));transform:translateX(-50%);padding:13px 16px;border:1px solid rgba(242,201,76,.28);border-radius:16px;background:rgba(18,18,25,.94);color:#ffb2b2;font-size:13px;font-weight:800;line-height:1.45;text-align:center;box-shadow:0 18px 46px rgba(0,0,0,.45),0 0 26px rgba(242,201,76,.08);backdrop-filter:blur(16px)}
.adminInlineStatus[data-tone="success"]{color:#ffe27b}
.adminInlineStatus.hidden{display:none}
.tinyAdminOverview{position:absolute;left:18px;bottom:14px;z-index:6;width:16px;height:16px;padding:0;border:1px solid rgba(242,201,76,.48);border-radius:999px;background:transparent;color:transparent;font-size:0;line-height:0;text-align:center;cursor:pointer;opacity:.82;box-shadow:none;transition:opacity .16s ease,border-color .16s ease}
.tinyAdminOverview:hover{opacity:.82;color:transparent;border-color:rgba(242,201,76,.48);background:transparent;text-shadow:none;box-shadow:none}
body.light .tinyAdminOverview{color:rgba(120,92,0,.32)}
body.light .tinyAdminOverview:hover{color:rgba(138,101,0,.75)}
.signupOnboarding{position:relative;overflow:hidden;display:grid;gap:14px;margin:4px 0 2px;padding:24px;border:1px solid rgba(242,201,76,.25);border-radius:22px;background:radial-gradient(circle at 16% 0%,rgba(242,201,76,.18),transparent 34%),radial-gradient(circle at 88% 24%,rgba(255,255,255,.07),transparent 32%),linear-gradient(145deg,rgba(255,255,255,.06),rgba(255,255,255,.018));box-shadow:0 24px 72px rgba(0,0,0,.38),0 0 28px rgba(242,201,76,.08),inset 0 1px 0 rgba(255,255,255,.06)}
.signupOnboarding:before{content:"";position:absolute;inset:0;background:linear-gradient(115deg,transparent,rgba(255,224,118,.07),transparent);opacity:.68;pointer-events:none}
.signupOnboardingIcon{position:relative;width:48px;height:48px;border-radius:17px;background:linear-gradient(135deg,rgba(255,229,112,.96),rgba(192,139,12,.96));box-shadow:0 0 26px rgba(242,201,76,.22)}
.signupOnboardingIcon:before{content:"";position:absolute;left:12px;top:13px;width:24px;height:18px;border-radius:12px 12px 6px 6px;background:#111;clip-path:polygon(0 100%,0 25%,25% 25%,50% 78%,75% 25%,100% 25%,100% 100%,78% 100%,78% 48%,58% 100%,42% 100%,22% 48%,22% 100%)}
.signupOnboarding h3{position:relative;margin:0;color:#fff;font-size:27px;line-height:1.04;letter-spacing:-.025em}
.signupOnboarding p{position:relative;margin:0;color:rgba(232,226,216,.74);font-size:15px;line-height:1.5;font-weight:650}
.signupOnboardingActions{position:relative;display:grid;gap:9px;margin-top:2px}
.signupOnboardingActions button{min-height:43px;border-radius:999px;border:1px solid rgba(242,201,76,.28);background:rgba(0,0,0,.22);color:#f4e6b2;font-weight:780;letter-spacing:.01em;cursor:pointer;transition:.18s ease}
.signupOnboardingActions button:first-child{background:var(--gold-gradient);color:#111;border-color:rgba(242,201,76,.82);box-shadow:0 0 24px rgba(242,201,76,.18)}
.signupOnboardingActions button:hover{transform:translateY(-1px);border-color:rgba(255,226,116,.68);box-shadow:0 0 22px rgba(242,201,76,.14)}
.libraryAccessCard{position:relative;overflow:hidden;display:grid;gap:14px;margin:10px 0 0;padding:24px;border:1px solid rgba(242,201,76,.28);border-radius:22px;background:radial-gradient(circle at 16% 0%,rgba(242,201,76,.16),transparent 34%),linear-gradient(145deg,rgba(255,255,255,.06),rgba(255,255,255,.018));box-shadow:0 22px 70px rgba(0,0,0,.36),0 0 28px rgba(242,201,76,.08),inset 0 1px 0 rgba(255,255,255,.06)}
.libraryAccessCard:before{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent,rgba(255,224,118,.06),transparent);opacity:.7;pointer-events:none}
.libraryAccessIcon{position:relative;width:46px;height:46px;border-radius:16px;background:linear-gradient(135deg,rgba(255,229,112,.95),rgba(191,139,12,.96));box-shadow:0 0 26px rgba(242,201,76,.24)}
.libraryAccessIcon:before{content:"";position:absolute;left:13px;top:12px;width:20px;height:15px;border:2px solid #111;border-top:0;border-radius:0 0 5px 5px}
.libraryAccessIcon:after{content:"";position:absolute;left:17px;top:10px;width:12px;height:8px;border:2px solid #111;border-bottom:0;border-radius:8px 8px 0 0}
.libraryAccessCard h3{position:relative;margin:0;color:#fff;font-size:25px;line-height:1.05;letter-spacing:-.02em}
.libraryAccessCard p{position:relative;margin:0;color:rgba(232,226,216,.72);font-size:15px;line-height:1.48;font-weight:650}
.libraryAccessActions{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:4px}
.libraryAccessActions button{min-height:44px;border-radius:999px;border:1px solid rgba(242,201,76,.35);background:rgba(0,0,0,.24);color:#f4e6b2;font-weight:900;cursor:pointer;transition:.18s ease}
.libraryAccessActions button:last-child{background:var(--gold-gradient);color:#111;border-color:rgba(242,201,76,.8);box-shadow:0 0 22px rgba(242,201,76,.18)}
.libraryAccessActions button:hover{transform:translateY(-1px);border-color:rgba(255,226,116,.72);box-shadow:0 0 24px rgba(242,201,76,.16)}
.authPanel.libraryAccessPanel{width:min(360px,calc(100vw - 34px))!important;min-height:auto!important;display:block!important;padding:20px!important;border-radius:24px!important}
.authPanel.libraryAccessPanel .authEditorialLeft{display:block!important;padding:0!important;background:transparent!important;border-right:0!important}
.authPanel.libraryAccessPanel .authEditorialLogo,
.authPanel.libraryAccessPanel .authEditorialVisual,
.authPanel.libraryAccessPanel .authBenefitStack,
.authPanel.libraryAccessPanel .tinyAdminOverview{display:none!important}
.authPanel.libraryAccessPanel>.eyebrow,
.authPanel.libraryAccessPanel #authTitle,
.authPanel.libraryAccessPanel .authEditorialLeft>.eyebrow{display:none!important}
.authPanel.libraryAccessPanel #authPrompt{display:none!important}
.authPanel.libraryAccessPanel .libraryAccessCard{margin:0 auto!important;padding:18px!important;gap:10px!important;border-radius:19px!important;width:100%!important}
.authPanel.libraryAccessPanel .libraryAccessIcon{width:40px!important;height:40px!important;border-radius:14px!important}
.authPanel.libraryAccessPanel .libraryAccessIcon:before{left:11px!important;top:11px!important;width:18px!important;height:13px!important}
.authPanel.libraryAccessPanel .libraryAccessIcon:after{left:15px!important;top:9px!important;width:10px!important;height:7px!important}
.authPanel.libraryAccessPanel .libraryAccessCard h3{font-size:22px!important}
.authPanel.libraryAccessPanel .libraryAccessCard p{font-size:14px!important;line-height:1.42!important}
.authPanel.libraryAccessPanel .libraryAccessActions{gap:7px!important;margin-top:0!important}
.authPanel.libraryAccessPanel .libraryAccessActions button{min-height:33px!important;padding:7px 12px!important;font-size:13px!important}
.authPanel.libraryAccessPanel .authStatus{min-height:0!important;margin-top:8px!important}
.setupWarning{margin:14px 0;padding:14px 16px;border:1px solid #8d6e15;background:rgba(242,201,76,.12);border-radius:18px}.controls{display:grid;grid-template-columns:1fr 180px 180px;gap:12px;margin:18px 0}.controls input,.controls select,.addSearch input{width:100%;padding:15px;border-radius:16px;border:1px solid var(--line);background:var(--panel);color:var(--text);font-size:15px}
.muzeSearchWrap{position:relative;min-width:0;height:100%;z-index:30}
.muzeSearchSuggest{position:absolute;left:0;right:0;top:calc(100% + 7px);z-index:120;overflow:hidden;border:1px solid rgba(214,171,53,.28);border-radius:14px;background:#171719;box-shadow:0 24px 60px rgba(0,0,0,.55),0 0 0 1px rgba(75,51,72,.24);color:#f5f2ea}
.muzeSearchSuggest.hidden{display:none!important}
.muzeSearchOption{width:100%;min-height:68px;display:grid;grid-template-columns:58px minmax(0,1fr) auto;gap:14px;align-items:center;padding:8px 13px;border:0;border-bottom:1px solid rgba(255,255,255,.10);border-radius:0;background:transparent;color:inherit;text-align:left;cursor:pointer}
.muzeSearchOption:last-child{border-bottom:0}
.muzeSearchOption:hover,.muzeSearchOption:focus-visible{background:rgba(214,171,53,.075);outline:0}
.muzeSearchOptionArtist .muzeSearchOptionCopy small{color:rgba(214,171,53,.62)}
.muzeSearchOptionCover{width:58px;height:58px;border-radius:7px;overflow:hidden;background:rgba(255,255,255,.06);display:grid;place-items:center;border:1px solid rgba(255,255,255,.10)}
.muzeSearchOptionCover img{width:100%;height:100%;object-fit:cover;display:block}
.muzeSearchOptionCover b{color:#d6ab35;font-size:13px}
.muzeSearchOptionCopy{min-width:0;display:block}
.muzeSearchOptionCopy strong{display:block;color:#eee9df;font-family:Georgia,"Times New Roman",serif;font-size:17px;line-height:1.12;font-weight:600;letter-spacing:-.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.muzeSearchOptionCopy small{display:block;margin-top:3px;color:rgba(255,255,255,.40);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;font-size:12px;line-height:1.2;font-weight:500}
.muzeSearchOptionCopy em{display:block;margin-top:5px;color:rgba(255,255,255,.64);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;font-size:13px;line-height:1.2;font-style:normal;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.muzeSearchRuntime{justify-self:end;color:rgba(255,255,255,.33);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;font-size:11.5px;line-height:1;font-weight:500;font-variant-numeric:tabular-nums;white-space:nowrap}
#searchInput{height:100%!important;background:#fff!important;color:#111!important;border:1px solid #111!important;box-shadow:0 0 0 1px #111!important;caret-color:#111!important;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif!important;font-size:15px!important;font-weight:inherit!important}
#searchInput::placeholder{color:#737373!important;font-weight:inherit!important}
@media(max-width:650px){
  .muzeSearchOptionCopy strong{font-size:16px}
  .muzeSearchOptionCopy small{font-size:11px}
  .muzeSearchOptionCopy em{font-size:12px}
  .muzeSearchRuntime{font-size:11px}
}

/* Song rating: keep the outline and fill layers stacked as exactly ten stars. */
.trackRatingPanel.songStarRatingPanel .albumStarRating{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:3px!important;
  overflow:hidden!important;
}
.trackRatingPanel.songStarRatingPanel>h3{margin-bottom:4px!important}
.trackRatingPanel.songStarRatingPanel .songRatingArtist{
  margin:0 0 15px!important;
  color:rgba(245,240,232,.46)!important;
  font-family:var(--muze-sans,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif)!important;
  font-size:12px!important;
  font-weight:500!important;
  line-height:1.25!important;
  text-align:center!important;
}
.trackRatingPanel.songStarRatingPanel .albumStarChoice{
  --star-fill:0%;
  position:relative!important;
  display:block!important;
  width:30px!important;
  height:34px!important;
  min-width:30px!important;
  flex:0 0 30px!important;
  overflow:hidden!important;
}
.trackRatingPanel.songStarRatingPanel .albumStarBase{
  position:absolute!important;
  z-index:0!important;
  left:50%!important;
  top:50%!important;
  display:block!important;
  width:24px!important;
  transform:translate(-50%,-50%)!important;
  text-align:center!important;
  color:rgba(245,240,232,.58)!important;
}
.trackRatingPanel.songStarRatingPanel .albumStarFillWrap{
  position:absolute!important;
  z-index:1!important;
  left:3px!important;
  top:0!important;
  bottom:0!important;
  display:block!important;
  width:24px!important;
  max-width:24px!important;
  overflow:hidden!important;
}
.trackRatingPanel.songStarRatingPanel .albumStarFill{
  position:absolute!important;
  left:0!important;
  top:50%!important;
  display:block!important;
  width:24px!important;
  transform:translateY(-50%)!important;
  text-align:center!important;
  color:#ffd51f!important;
  clip-path:inset(0 calc(100% - var(--star-fill)) 0 0)!important;
}
@media(max-width:480px){
  .trackRatingPanel.songStarRatingPanel .albumStarRating{gap:2px!important}
  .trackRatingPanel.songStarRatingPanel .albumStarChoice{width:26px!important;min-width:26px!important;height:32px!important;flex-basis:26px!important}
  .trackRatingPanel.songStarRatingPanel .albumStarFillWrap{left:2px!important;width:22px!important;max-width:22px!important}
  .trackRatingPanel.songStarRatingPanel .albumStarBase,
  .trackRatingPanel.songStarRatingPanel .albumStarFill{width:22px!important}
}

@media(max-width:850px){
  .muzeSearchSuggest{
    max-height:min(48vh,360px);
    overflow-y:auto;
    -webkit-overflow-scrolling:touch;
    overscroll-behavior:contain;
  }
}
@media(min-width:851px){
  #albumModal .albumHeroDescriptionToggle{
    display:inline-flex;
    align-items:baseline;
    gap:4px;
    width:max-content;
    margin:0 0 0 5px;
    padding:0;
    border:0;
    background:transparent;
    color:#d6ab35;
    font:800 13px/1.2 Arial,sans-serif!important;
    vertical-align:baseline;
    white-space:nowrap;
    cursor:pointer;
  }
  #albumModal .albumHeroDescriptionToggle span{font-size:15px;line-height:1}
  #albumModal .albumHeroDescriptionToggle:hover,
  #albumModal .albumHeroDescriptionToggle:focus-visible{
    color:#f0c94d;
    text-decoration:underline;
  }
  #albumModal .albumHeroDescriptionToggle:focus-visible{
    outline:2px solid #d6ab35;
    outline-offset:4px;
  }
}
#genreFilter,#sortSelect{background:#fff!important;color:#111!important;border-color:#d7d7d7!important;color-scheme:light}
.tabs{display:flex;gap:10px;margin:10px 0 22px;overflow:auto}.tab{border:1px solid var(--line);background:var(--panel);color:var(--text);border-radius:999px;padding:10px 14px;font-weight:800;white-space:nowrap}.tab.active{background:var(--accent);color:#111;border-color:var(--accent)}
.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.card{
  background:linear-gradient(145deg,#14141b,#0f0f14);
  border:1px solid var(--line);
  border-radius:22px;
  overflow:hidden;
  cursor:pointer;
  transition:.2s transform,.2s border-color,.2s box-shadow
}.card:hover{
  transform:translateY(-4px);
  border-color:rgba(242,201,76,.55);
  box-shadow:0 10px 40px rgba(0,0,0,.6),0 0 22px rgba(242,201,76,.10)
}.cover{height:245px;background:linear-gradient(135deg,#252733,#111);display:flex;align-items:center;justify-content:center;font-size:34px;font-weight:900;color:#fff;overflow:hidden}.cover img{width:100%;height:100%;object-fit:cover}.fallbackCover{font-size:13px;line-height:1.25;text-align:center;padding:18px;color:var(--muted);letter-spacing:0;font-weight:750}.fallbackCover strong{display:block;color:var(--text);font-size:18px;margin-bottom:4px}
.cardBody{padding:14px}.row{display:flex;justify-content:space-between;gap:10px;align-items:start}.title{font-weight:850}.artist,.muted{color:var(--muted)}.pill{display:inline-flex;background:var(--panel2);border:1px solid var(--line);border-radius:999px;padding:6px 9px;font-size:12px;margin-top:10px}.score{font-weight:950;color:var(--accent);font-size:22px}
.sectionTitle{display:flex;align-items:end;justify-content:space-between;margin:18px 0 12px}.sectionTitle h2{margin:0;font-size:24px}.list{display:grid;gap:10px}.listRow{display:grid;grid-template-columns:42px 52px 1fr auto;gap:12px;align-items:center;background:var(--panel);border:1px solid var(--line);border-radius:18px;padding:12px;cursor:pointer}.listCover{width:52px;height:52px;border-radius:10px;overflow:hidden;background:var(--panel2);display:flex;align-items:center;justify-content:center;font-size:10px;text-align:center;color:var(--muted);font-weight:800}.listCover img{width:100%;height:100%;object-fit:cover}.rank{color:var(--muted);font-weight:900}.miniScore{font-weight:950;color:var(--accent)}
.modal{position:fixed;inset:0;background:rgba(0,0,0,.68);display:flex;align-items:end;justify-content:center;padding:20px;z-index:50}.hidden{display:none}.modalPanel{width:min(850px,100%);max-height:90vh;overflow:auto;background:var(--panel);border:1px solid var(--line);border-radius:28px;padding:20px;box-shadow:var(--shadow);position:relative}.close,.closeNav{position:absolute;right:18px;top:14px;border:0;background:var(--panel2);color:var(--text);border-radius:50%;width:36px;height:36px;font-size:24px}
.detail{display:grid;grid-template-columns:260px 1fr;gap:20px}.detail .cover{height:260px;border-radius:20px}.ratingBar{display:flex;gap:8px;flex-wrap:wrap;margin:15px 0}.rateBtn{border:1px solid var(--line);background:var(--panel2);color:var(--text);border-radius:12px;padding:9px 11px;font-weight:850}.rateBtn.selected,.rateBtn:hover{background:var(--accent);color:#111}.btn{display:inline-block;text-decoration:none;background:var(--accent);color:#111;font-weight:950;border-radius:14px;padding:12px 14px;margin-top:8px}
.artistBlock{background:var(--panel);border:1px solid var(--line);border-radius:20px;padding:16px}.artistGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.empty{color:var(--muted);background:var(--panel);border:1px solid var(--line);border-radius:20px;padding:30px;text-align:center}.addSearch{display:grid;grid-template-columns:1fr 120px;gap:10px}.spotifyResults{display:grid;gap:12px;margin-top:16px}.spotifyResult{display:grid;grid-template-columns:72px 1fr auto;gap:12px;align-items:center;background:var(--panel2);border:1px solid var(--line);border-radius:18px;padding:12px}.spotifyResult img{width:72px;height:72px;object-fit:cover;border-radius:12px}
.sideNav{position:fixed;left:0;top:0;bottom:0;width:min(330px,86vw);background:var(--panel);border-right:1px solid var(--line);z-index:80;transform:translateX(-105%);transition:.22s;padding:28px 18px;box-shadow:var(--shadow)}.sideNav.open{transform:translateX(0)}.navOverlay{position:fixed;inset:0;background:rgba(0,0,0,.55);z-index:70}.navBrand{font-size:34px;font-weight:950;margin-bottom:24px;color:var(--text);letter-spacing:-1.5px}.navItem{display:block;width:100%;text-align:left;border:1px solid var(--line);background:var(--panel2);color:var(--text);border-radius:16px;padding:14px;margin-bottom:10px;font-weight:850}.navItem.active{background:var(--panel2);color:var(--text);border-color:#777}
.navItem.primary{background:var(--accent);color:#111}.navNote{color:var(--muted);font-size:13px;line-height:1.4;margin-top:18px}
.sideNav .navItem[data-view]{cursor:pointer;pointer-events:auto}
.navBrand{margin-bottom:20px!important}
.navBrandLogo{display:block;width:auto;height:86px;max-width:128px;object-fit:contain;object-position:left center;filter:drop-shadow(0 10px 22px rgba(0,0,0,.32));transform:translateX(-10px)}
@media(max-width:850px){.hero{grid-template-columns:1fr}.controls{grid-template-columns:1fr}.grid{grid-template-columns:repeat(2,1fr)}.detail{grid-template-columns:1fr}.artistGrid{grid-template-columns:1fr}.hero h1{font-size:36px}.brand{font-size:38px}.cover{height:205px}.spotifyResult{grid-template-columns:60px 1fr}.spotifyResult button{grid-column:1 / -1}.addSearch{grid-template-columns:1fr}.topbar{flex-wrap:wrap}.authButton{margin-left:auto}.authPanel{padding:26px 20px}}

@media(max-width:850px){
  .authModal:not(.libraryAccessModal){padding:12px!important;align-items:center!important}
  .authPanel:not(.libraryAccessPanel){
    width:min(100%,560px)!important;
    min-height:auto!important;
    max-height:92vh!important;
    grid-template-columns:1fr!important;
    overflow:auto!important;
    border-radius:24px!important;
  }
  .authEditorialLeft{
    padding:26px 24px 26px!important;
    border-right:0!important;
  }
  .authEditorialLogo{
    width:50px!important;
    margin-bottom:18px!important;
  }
  .authPanel h2{
    font-size:29px!important;
  }
  .authPrompt{
    margin-right:34px!important;
    margin-bottom:12px!important;
  }
  .authBenefitStack{
    margin-bottom:18px!important;
  }
  .authEditorialVisual{
    min-height:190px!important;
    padding:24px!important;
  }
  .authEditorialVisual p{
    font-size:23px!important;
  }
  .avatarSetupHead{
    grid-template-columns:64px minmax(0,1fr)!important;
    gap:13px!important;
  }
  .avatarPreview,.profileAvatarPreview{
    width:64px!important;
    height:64px!important;
  }
  .authPanel.accountProfileMode .profileAvatarPreview{
    width:83px!important;
    height:83px!important;
    margin-bottom:14px!important;
  }
  .authPanel.accountProfileMode .accountAvatarKicker{
    margin-bottom:9px!important;
  }
  .authPanel.accountProfileMode .accountAvatarTitle{
    margin-bottom:9px!important;
  }
  .authPanel.accountProfileMode .accountAvatarSubtitle{
    margin-bottom:29px!important;
  }
  .authPanel.accountProfileMode{
    width:min(590px,calc(100vw - 24px))!important;
    min-height:min(820px,calc(100vh - 24px))!important;
    max-height:calc(100vh - 24px)!important;
  }
  .authPanel.accountProfileMode #authTitle{
    font-size:25px!important;
  }
  .authPanel.accountProfileMode .authBenefitStack{
    grid-template-columns:1fr!important;
    margin-bottom:40px!important;
  }
  .authPanel.accountProfileMode .authEditorialLeft{
    padding-left:34px!important;
    padding-right:34px!important;
    padding-top:33px!important;
    padding-bottom:33px!important;
  }
  .authPanel.accountProfileMode .authBenefitStack span{
    min-height:33px!important;
    font-size:11.2px!important;
    padding:0 10px!important;
  }
  .authPanel.accountProfileMode #editAvatarButton,
  .authPanel.accountProfileMode .authLogoutAction{
    min-height:48px!important;
    font-size:13.8px!important;
  }
  .authPanel.accountProfileMode #editAvatarButton{
    margin-bottom:38px!important;
    min-width:255px!important;
    padding-left:24px!important;
    padding-right:24px!important;
  }
  .authPanel.accountProfileMode .avatarSetup{
    margin-top:14px!important;
  }
  .authPanel.accountProfileMode .accountProfileSetup{
    margin-top:34px!important;
  }
  .authPanel.accountProfileMode .authLogoutAction{
    margin-top:auto!important;
    width:min(317px,100%)!important;
  }
  .avatarPanel{
    grid-template-columns:1fr!important;
    padding:12px!important;
  }
  .avatarToolRow,.avatarPanel fieldset{
    grid-template-columns:1fr!important;
  }
  .avatarCreatorPreview{
    grid-template-columns:64px minmax(0,1fr)!important;
  }
  .avatarActions{
    grid-template-columns:1fr!important;
  }
}

@media(max-width:850px){
  .authPanel.accountProfileMode.avatarEditorMode{
    width:min(100%,calc(100vw - 20px))!important;
    min-height:calc(100vh - 20px)!important;
    max-height:calc(100vh - 20px)!important;
    border-radius:28px!important;
  }
  .authPanel.accountProfileMode.avatarEditorMode .authEditorialLeft{
    height:calc(100vh - 20px)!important;
    max-height:calc(100vh - 20px)!important;
    min-height:0!important;
    padding:30px 26px 86px!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
    scroll-padding:30px 0 86px!important;
  }
  .authPanel.accountProfileMode.avatarEditorMode .avatarSetup{
    gap:24px!important;
  }
  .avatarEditorBack{
    font-size:17px!important;
  }
  .avatarEditorBack:before{
    font-size:25px!important;
    margin-right:10px!important;
  }
  .avatarEditorHero{
    gap:22px!important;
  }
  .avatarEditorHero h2{
    font-size:44px!important;
    letter-spacing:-.05em!important;
  }
  .avatarEditorHero p{
    margin-top:12px!important;
    font-size:22px!important;
  }
  .avatarEditorHeroPreview{
    width:176px!important;
    height:176px!important;
  }
  .authPanel.accountProfileMode.avatarEditorMode .avatarChoiceTabs button{
    min-height:50px!important;
    font-size:18px!important;
  }
  .authPanel.accountProfileMode.avatarEditorMode .avatarChoiceTabs button:before{
    margin-right:10px!important;
    font-size:24px!important;
  }
  .avatarStyleSection h3,.avatarColorSection h3,.avatarPreviewSection h3{
    font-size:22px!important;
  }
  .avatarStyleRow,.avatarColorRow,.avatarPreviewSizes{
    gap:17px!important;
    justify-content:space-between!important;
  }
  .avatar3dFrameShell{
    min-height:520px!important;
    border-radius:22px!important;
  }
  .avatar3dStatus p{
    font-size:13px!important;
  }
  .avatarStyleChoice{
    width:58px!important;
    height:74px!important;
  }
  .avatarColorChoice{
    width:45px!important;
    height:45px!important;
  }
  .avatarEditorPreviewSize.large{
    width:136px!important;
    height:136px!important;
  }
  .avatarEditorPreviewSize.medium{
    width:74px!important;
    height:74px!important;
  }
  .avatarEditorPreviewSize.small{
    width:46px!important;
    height:46px!important;
  }
  .authPanel.accountProfileMode.avatarEditorMode .avatarActions .bigBtn{
    min-height:62px!important;
    font-size:20px!important;
  }
  .authPanel.accountProfileMode.avatarEditorMode .avatarActions>button:not(.bigBtn){
    min-height:54px!important;
    font-size:16px!important;
  }
}

.logoMark{width:58px;height:48px;flex:0 0 58px;display:flex;align-items:center;justify-content:center}
.logoMark svg{width:100%;height:100%;display:block;filter:drop-shadow(0 10px 24px rgba(0,0,0,.20))}
.logoMark .mOutline{fill:none;stroke:url(#mGold);stroke-width:9;stroke-linejoin:round;stroke-linecap:round}
.logoMark.small{width:44px;height:36px;flex-basis:44px}

.bigBtn:hover{transform:translateY(-1px);box-shadow:0 0 30px rgba(242,201,76,.4)}

.score,.miniScore,.scoreBig{text-shadow:0 0 10px rgba(242,201,76,.4)}
.logoMark svg{filter:drop-shadow(0 0 12px rgba(242,201,76,.35))}
.controls input,.controls select,.addSearch input{
  background:rgba(20,20,27,.86)!important;
  border-color:rgba(242,201,76,.12)!important;
}
.listRow,.artistBlock,.modalPanel{
  background:linear-gradient(145deg,#14141b,#101016)!important;
  border-color:rgba(242,201,76,.10)!important;
}
.setupWarning{
  border-color:rgba(242,201,76,.32)!important;
  background:rgba(242,201,76,.08)!important;
  box-shadow:0 0 18px rgba(242,201,76,.08);
}
.tab.active{
  background:var(--gold-gradient)!important;
  color:#111!important;
  box-shadow:var(--glow);
}
.navItem.primary{
  background:var(--gold-gradient)!important;
  color:#111!important;
  box-shadow:var(--glow);
}
.navItem.active{
  background:#2a2c36!important;
  color:var(--text)!important;
  border-color:#777!important;
}
.cover{
  background:linear-gradient(145deg,#191a22,#0c0c10)!important;
}

/* Jacob requested fixes: visible logo, gradient scores, white hero headline */
.logoImg{
  width:52px;
  height:44px;
  object-fit:contain;
  flex:0 0 52px;
  filter:drop-shadow(0 0 12px rgba(242,201,76,.36));
}
.logoImg.small{
  width:42px;
  height:34px;
  flex-basis:42px;
}
.hero h1{
  color:#ffffff !important;
  font-weight:950 !important;
  letter-spacing:-0.8px;
  text-shadow:0 0 18px rgba(255,255,255,.10);
}
.hero p{
  color:rgba(255,255,255,.78) !important;
}
.score,
.miniScore,
.scoreBig{
  background:var(--gold-gradient);
  -webkit-background-clip:text;
  background-clip:text;
  -webkit-text-fill-color:transparent;
  color:transparent;
  text-shadow:0 0 12px rgba(242,201,76,.42);
}
.hero .scoreBig{
  filter:drop-shadow(0 0 12px rgba(242,201,76,.28));
}

/* FINAL STYLE RESET: original clean design feel, gold buttons retained */
:root{
  --bg:#0f0f14;
  --panel:#181922;
  --panel2:#22232c;
  --text:#eaeaf0;
  --muted:#a8a8b3;
  --line:#2c2d36;
  --accent:#f2c94c;
  --gold-gradient:linear-gradient(90deg,#fff176,#f2c94c,#b88a00);
  --shadow:0 18px 60px rgba(0,0,0,.28);
}

body{
  background:var(--bg)!important;
  color:var(--text)!important;
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif!important;
  font-weight:500!important;
}

.brand{
  color:var(--text)!important;
  font-size:38px!important;
  font-weight:860!important;
  letter-spacing:-0.25px!important;
  text-shadow:none!important;
  background:none!important;
  -webkit-text-fill-color:var(--text)!important;
  display:inline-block!important;
  min-width:128px!important;
  transform:scaleX(1.04) scaleY(1.035)!important;
  transform-origin:left center!important;
  text-rendering:geometricPrecision!important;
  -webkit-font-smoothing:antialiased!important;
}

.brandZ{
  display:inline-block;
  font-weight:820;
  margin-right:1.5px;
  transform:skewX(-4deg) translateX(.5px) scaleY(1.03);
  transform-origin:center;
  text-shadow:.35px 0 0 currentColor;
}

.tagline{
  color:var(--muted)!important;
  font-weight:650!important;
  text-shadow:none!important;
}

.hero{
  background:linear-gradient(135deg,var(--panel),var(--panel2))!important;
  border:1px solid var(--line)!important;
  box-shadow:var(--shadow)!important;
}

.hero h1{
  color:#eaeaf0!important;
  font-weight:800!important;
  letter-spacing:-0.3px!important;
  text-shadow:none!important;
}

.hero p{
  color:#a8a8b3!important;
  text-shadow:none!important;
}

.eyebrow{
  color:#bfc0c8!important;
  text-shadow:none!important;
}

.heroCard{
  background:var(--bg)!important;
  border:1px solid var(--line)!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
}

.card{
  background:var(--panel)!important;
  border:1px solid var(--line)!important;
  box-shadow:none!important;
}

.card:hover{
  transform:translateY(-3px)!important;
  border-color:var(--accent)!important;
  box-shadow:none!important;
}

.controls input,
.controls select,
.addSearch input{
  background:var(--panel)!important;
  border:1px solid var(--line)!important;
  color:var(--text)!important;
  box-shadow:none!important;
}

.tabs .tab{
  background:var(--panel)!important;
  color:var(--text)!important;
  border:1px solid var(--line)!important;
  box-shadow:none!important;
}

.tab.active{
  background:var(--accent)!important;
  color:#111!important;
  box-shadow:none!important;
}

.bigBtn,
.navItem.primary{
  background:var(--gold-gradient)!important;
  color:#111!important;
  box-shadow:0 0 18px rgba(242,201,76,.22)!important;
}

.bigBtn:hover{
  transform:translateY(-1px)!important;
  box-shadow:0 0 24px rgba(242,201,76,.32)!important;
}

.score,
.miniScore,
.scoreBig{
  background:var(--gold-gradient)!important;
  -webkit-background-clip:text!important;
  background-clip:text!important;
  -webkit-text-fill-color:transparent!important;
  color:transparent!important;
  text-shadow:none!important;
  filter:none!important;
}

.listRow,
.artistBlock,
.modalPanel{
  background:var(--panel)!important;
  border:1px solid var(--line)!important;
  box-shadow:none!important;
}

.setupWarning{
  border:1px solid rgba(242,201,76,.3)!important;
  background:rgba(242,201,76,.08)!important;
  box-shadow:none!important;
}

.logoImg{
  filter:none!important;
}

.logoMark svg{
  filter:none!important;
}

.cover{
  background:linear-gradient(135deg,#30313a,#111)!important;
}


/* =========================================================
   FINAL LIGHT THEME ONLY
   Dark theme remains unchanged.
   ========================================================= */

body.light {
  background: #f4f1e8 !important;
  color: #0f1117 !important;
}

body.light .app {
  color: #0f1117 !important;
}

/* Header / brand in light mode */
body.light .brand {
  color: #0f1117 !important;
  -webkit-text-fill-color: #0f1117 !important;
  background: none !important;
  text-shadow: none !important;
  font-size: 38px !important;
  font-weight: 860 !important;
  letter-spacing: -0.25px !important;
}

body.light .tagline {
  color: #5d6470 !important;
  text-shadow: none !important;
}

/* Light mode top buttons */
body.light .menuBtn,
body.light .ghost {
  background: #ffffff !important;
  color: #111827 !important;
  border: 1px solid #e2dfd6 !important;
  box-shadow: 0 6px 18px rgba(0,0,0,.06) !important;
}

/* Hero panel */
body.light .hero {
  background: linear-gradient(135deg, #ffffff, #f7f3ea) !important;
  border: 1px solid #e4ded2 !important;
  box-shadow: 0 18px 48px rgba(0,0,0,.08) !important;
}

body.light .eyebrow {
  color: #646b78 !important;
  text-shadow: none !important;
  font-weight: 850 !important;
}

body.light .hero h1 {
  color: #0f1117 !important;
  -webkit-text-fill-color: #0f1117 !important;
  background: none !important;
  text-shadow: none !important;
  opacity: 1 !important;
  font-weight: 900 !important;
}

body.light .hero p {
  color: #5d6470 !important;
  text-shadow: none !important;
  opacity: 1 !important;
}

body.light .heroCard {
  background: #ffffff !important;
  border: 1px solid #e4ded2 !important;
  box-shadow: 0 14px 34px rgba(0,0,0,.07) !important;
  backdrop-filter: none !important;
}

body.light .heroCard .muted {
  color: #6b7280 !important;
}

body.light .heroCard strong {
  color: #0f1117 !important;
}

/* Gold score remains premium in light mode */
body.light .score,
body.light .miniScore,
body.light .scoreBig {
  background: linear-gradient(90deg, #f2c94c, #d9a51a, #a87800) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  color: transparent !important;
  text-shadow: none !important;
  filter: none !important;
}

/* Main warning/info bar */
body.light .setupWarning {
  color: #3f3f46 !important;
  background: rgba(242,201,76,.10) !important;
  border: 1px solid rgba(217,165,26,.28) !important;
  box-shadow: none !important;
}

body.light .setupWarning strong {
  color: #111827 !important;
}

/* Search and filters */
body.light .controls input,
body.light .controls select,
body.light .addSearch input {
  background: #ffffff !important;
  color: #111827 !important;
  border: 1px solid #ded8cd !important;
  box-shadow: 0 8px 22px rgba(0,0,0,.045) !important;
}

body.light .controls input::placeholder,
body.light .addSearch input::placeholder {
  color: #8a9099 !important;
}

/* Tabs */
body.light .tab {
  background: #ffffff !important;
  color: #111827 !important;
  border: 1px solid #e1ddd4 !important;
  box-shadow: 0 7px 20px rgba(0,0,0,.045) !important;
}

body.light .tab.active {
  background: linear-gradient(90deg, #f9d661, #f2c94c, #d9a51a) !important;
  color: #111111 !important;
  border-color: #e1b934 !important;
  box-shadow: 0 10px 24px rgba(217,165,26,.22) !important;
}

/* Section titles */
body.light .sectionTitle h2,
body.light h2,
body.light h3 {
  color: #0f1117 !important;
}

body.light .muted,
body.light .artist {
  color: #6b7280 !important;
}

/* Cards */
body.light .card {
  background: #ffffff !important;
  border: 1px solid #e5e1d8 !important;
  box-shadow: 0 12px 28px rgba(0,0,0,.07) !important;
}

body.light .card:hover {
  transform: translateY(-3px) !important;
  border-color: rgba(217,165,26,.45) !important;
  box-shadow: 0 16px 34px rgba(0,0,0,.10) !important;
}

body.light .cardBody {
  background: #ffffff !important;
}

body.light .title {
  color: #0f1117 !important;
}

body.light .pill {
  background: #f5f2ea !important;
  color: #4b5563 !important;
  border: 1px solid #e3ddd2 !important;
}

/* Album cover fallback remains clean */
body.light .cover {
  background: linear-gradient(135deg, #f6f2e8, #e9e1d4) !important;
  color: #111827 !important;
}

/* List rows / artists / modal */
body.light .listRow,
body.light .artistBlock,
body.light .modalPanel {
  background: #ffffff !important;
  border: 1px solid #e5e1d8 !important;
  box-shadow: 0 10px 26px rgba(0,0,0,.06) !important;
  color: #111827 !important;
}

body.light .listCover {
  background: #f3efe6 !important;
  color: #111827 !important;
}

/* Add album and Spotify result modal */
body.light .spotifyResult {
  background: #ffffff !important;
  border: 1px solid #e5e1d8 !important;
  color: #111827 !important;
}

/* Side navigation */
body.light .sideNav {
  background: #ffffff !important;
  border-right: 1px solid #e5e1d8 !important;
  color: #111827 !important;
}

body.light .navBrand {
  color: #111827 !important;
}

body.light .navItem {
  background: #ffffff !important;
  color: #111827 !important;
  border: 1px solid #e5e1d8 !important;
}

body.light .navItem.active {
  background: #ece7dc !important;
  color: #111827 !important;
  border-color: #cfc8b8 !important;
}

body.light .navItem.primary,
body.light .bigBtn {
  background: linear-gradient(90deg, #f9d661, #f2c94c, #d9a51a) !important;
  color: #111111 !important;
  box-shadow: 0 10px 24px rgba(217,165,26,.25) !important;
}

body.light .navNote {
  color: #6b7280 !important;
}

/* Buttons inside rating modal */
body.light .rateBtn {
  background: #ffffff !important;
  color: #111827 !important;
  border: 1px solid #e1ddd4 !important;
}

body.light .rateBtn.selected,
body.light .rateBtn:hover {
  background: linear-gradient(90deg, #f9d661, #f2c94c, #d9a51a) !important;
  color: #111111 !important;
}

body.light .btn {
  background: linear-gradient(90deg, #f9d661, #f2c94c, #d9a51a) !important;
  color: #111111 !important;
}

body.light .close,
body.light .closeNav {
  background: #f2eee5 !important;
  color: #111827 !important;
}

/* Final image sizing fix */

.card .cover {
  height: 245px !important;
  overflow: hidden !important;
}

.card .cover img {
  width: 100% !important;
  height: 245px !important;
  max-width: 100% !important;
  object-fit: cover !important;
  display: block !important;
}

.detail .cover {
  height: 260px !important;
  overflow: hidden !important;
}

.detail .cover img {
  width: 100% !important;
  height: 260px !important;
  max-width: 100% !important;
  object-fit: cover !important;
  display: block !important;
}

.spotifyResult img {
  width: 72px !important;
  height: 72px !important;
  max-width: 72px !important;
  object-fit: cover !important;
  border-radius: 12px !important;
  display: block !important;
}

.listCover img {
  width: 52px !important;
  height: 52px !important;
  max-width: 52px !important;
  object-fit: cover !important;
  display: block !important;
}

.cover .fallbackCover {
  display: none !important;
}
.cover .fallbackCover {
  width: 100% !important;
  height: 100% !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
}

.cover img + .fallbackCover {
  display: none !important;
}

.cover img[hidden] + .fallbackCover {
  display: flex !important;
}

.listCover span {
  display: block;
}

.listCover img + span {
  display: none;
}

.listCover img[hidden] + span {
  display: block;
}



/* Album comments and song ratings */
.albumExtras{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:18px}
.extraPanel{background:var(--panel2);border:1px solid var(--line);border-radius:18px;padding:14px}
.sectionTitle.compact{margin:0 0 10px}.sectionTitle.compact h3{margin:0;font-size:18px}
.trackRatings,.commentsList{display:grid;gap:10px}
.trackItem{display:grid;gap:10px;border-top:1px solid var(--line);padding-top:10px}
.trackItem:first-child{border-top:0;padding-top:0}
.trackName{display:flex;gap:9px;align-items:center}.trackName span{color:var(--muted);font-weight:900;min-width:24px}.trackName strong{font-size:14px}
.songRatingBar{display:flex;gap:8px;flex-wrap:wrap;align-items:flex-start}.songRateBtn{width:22px;border:0;background:transparent;color:var(--muted);border-radius:0;padding:0;font-size:11px;font-weight:850;display:inline-flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:3px;line-height:1;cursor:pointer}.songRateBtn:hover{color:var(--text)}.songRateNumber{display:block}.songRateCircle{width:10px;height:10px;border:1.5px solid var(--muted);border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:transparent}.songRateBtn:hover .songRateCircle{border-color:var(--accent)}.songRateBtn.selected{color:var(--accent)}.songRateBtn.selected .songRateCircle{border-color:var(--accent)}.songRateBtn.selected .songRateCircle::after{content:"";width:4px;height:4px;border-radius:50%;background:var(--accent);display:block}
.commentForm{display:grid;gap:8px;margin-bottom:12px}.commentForm input,.commentForm textarea{width:100%;border:1px solid var(--line);background:var(--panel);color:var(--text);border-radius:12px;padding:10px}.commentForm textarea{min-height:76px;resize:vertical}.commentForm .bigBtn{justify-self:start;padding:10px 14px}
.commentItem{border-top:1px solid var(--line);padding-top:10px}.commentItem:first-child{border-top:0}.commentItem p{margin:5px 0 0;color:var(--muted);line-height:1.45}.emptyMini{color:var(--muted);font-size:14px;padding:8px 0}
.commentItemHead{display:flex;align-items:center;gap:10px}.commentItemHead small{display:block;color:var(--muted);font-size:12px;margin-top:2px}.commentAvatar{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;overflow:hidden;background:rgba(242,201,76,.14);color:#ffd51f;font-weight:900;flex:0 0 32px}.commentAvatar img,.commentAvatar svg{width:100%;height:100%;object-fit:cover;display:block}
body.light .extraPanel{background:#ffffff!important;border:1px solid #e5e1d8!important;color:#111827!important}body.light .commentForm input,body.light .commentForm textarea{background:#ffffff!important;color:#111827!important;border:1px solid #e1ddd4!important}body.light .songRateBtn{background:transparent!important;color:#6b7280!important;border:0!important}body.light .songRateBtn:hover,body.light .songRateBtn.selected{color:#a87800!important}body.light .songRateCircle{border-color:#8a9099!important}body.light .songRateBtn:hover .songRateCircle,body.light .songRateBtn.selected .songRateCircle{border-color:#d9a51a!important}body.light .songRateBtn.selected .songRateCircle::after{background:#d9a51a!important}body.light .commentItem p,body.light .emptyMini{color:#6b7280!important}
@media(max-width:850px){.albumExtras{grid-template-columns:1fr}.songRateBtn{width:24px;padding:0}}


/* Delete albums and duplicate controls */
.albumActions{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin-top:8px}
.dangerBtn{border:1px solid rgba(220,38,38,.45);background:rgba(220,38,38,.12);color:#ffb4b4;font-weight:900;border-radius:14px;padding:12px 14px;cursor:pointer}
.dangerBtn:hover{background:rgba(220,38,38,.22)}
body.light .dangerBtn{background:#fff1f1!important;color:#b91c1c!important;border-color:#fecaca!important}



/* Header image logo */
.brandWrap{
  display:flex!important;
  align-items:center!important;
  gap:4px!important;
  min-width:0!important;
  position:relative!important;
  margin-left:-4px!important;
}
.topbar{
  margin-bottom:8px!important;
}
.brandWrap::before{
  content:""!important;
  position:absolute!important;
  left:34px!important;
  top:20px!important;
  width:64px!important;
  height:48px!important;
  border-radius:999px!important;
  background:radial-gradient(ellipse at center,rgba(242,201,76,.14),rgba(242,201,76,.055) 48%,rgba(242,201,76,0) 76%)!important;
  filter:blur(12px)!important;
  pointer-events:none!important;
  z-index:0!important;
}
.brandWrap::after{
  content:""!important;
  position:absolute!important;
  left:16px!important;
  top:78px!important;
  width:96px!important;
  height:30px!important;
  border-radius:16px!important;
  background:linear-gradient(180deg,rgba(255,255,255,.16),rgba(255,255,255,.025) 46%,rgba(0,0,0,.16))!important;
  mix-blend-mode:soft-light!important;
  opacity:.42!important;
  pointer-events:none!important;
  z-index:2!important;
}
.brandLogo{
  display:block!important;
  width:auto!important;
  height:117px!important;
  max-width:117px!important;
  margin-right:-31px!important;
  transform:translateY(-8px)!important;
  object-fit:contain!important;
  flex:0 0 auto!important;
  position:relative!important;
  z-index:1!important;
}
.brandWrap .tagline{
  color:rgba(218,211,198,.6)!important;
  font-size:21.6px!important;
  font-weight:650!important;
  letter-spacing:.012em!important;
  line-height:1.08!important;
  margin-left:8px!important;
  margin-top:0!important;
  align-self:center!important;
  transform:translateY(-22px)!important;
  position:relative!important;
  z-index:1!important;
}
@media(max-width:850px){
  .brandLogo{
    height:85px!important;
    max-width:85px!important;
    margin-right:-22px!important;
  }
  .brandWrap{
    gap:3px!important;
  }
  .brandWrap::before{
    left:24px!important;
    top:21px!important;
    width:46px!important;
    height:34px!important;
    filter:blur(9px)!important;
  }
  .brandWrap::after{
    left:12px!important;
    top:59px!important;
    width:68px!important;
    height:22px!important;
    border-radius:12px!important;
    opacity:.38!important;
  }
  .brandWrap .tagline{
    font-size:15.3px!important;
    font-weight:650!important;
    letter-spacing:.01em!important;
    margin-left:5px!important;
    transform:translateY(-15px)!important;
  }
}

/* Viewport fit pass: preserve cinematic polish while restoring balanced modal scale */
#albumModal .modalPanel{
  max-height:min(92vh,860px)!important;
  width:min(1320px,95vw)!important;
  border-radius:24px!important;
}
.linerAlbumPage{
  padding:18px 44px 26px!important;
}
.linerTabs{
  margin-bottom:16px!important;
}
.linerTabs button{
  padding:10px 20px!important;
}
@media(min-width:1051px){
  .linerHero{
    grid-template-columns:360px minmax(410px,1fr) 292px!important;
    gap:34px!important;
    min-height:470px!important;
    margin-bottom:14px!important;
    padding:18px 14px 16px!important;
  }
  .linerCover{
    width:332px!important;
    max-width:332px!important;
  }
  .linerCover .cover{
    width:332px!important;
    height:332px!important;
    box-shadow:
      0 0 0 1px rgba(255,255,255,.05) inset,
      0 0 14px rgba(255,199,35,.38),
      0 0 34px rgba(255,154,10,.22),
      0 24px 50px rgba(0,0,0,.76)!important;
  }
  .linerCover:before{
    inset:-13% -15% -16%!important;
    filter:blur(26px)!important;
    opacity:.66!important;
  }
  .linerCoverFlip{
    filter:drop-shadow(0 0 15px rgba(255,191,22,.28))!important;
  }
  .linerHero:before,
  .linerHero.backCoverHero:before{
    inset:-18px -22px -14px!important;
    filter:blur(28px) saturate(.70) contrast(.82) brightness(.52)!important;
    opacity:.58!important;
    transform:scale(1.04)!important;
  }
  .linerHero:after,
  .linerHero.backCoverHero:after{
    left:68px!important;
    top:70px!important;
    width:222px!important;
    height:222px!important;
    filter:blur(21px)!important;
    opacity:.52!important;
  }
  .linerHeroCopy{
    max-width:600px!important;
  }
  .linerHeroCopy .eyebrow{
    margin-bottom:10px!important;
  }
  .linerHeroCopy h2{
    max-width:600px!important;
    font-size:54px!important;
    line-height:1!important;
    margin-bottom:9px!important;
    text-shadow:
      0 2px 0 rgba(0,0,0,.52),
      0 9px 22px rgba(0,0,0,.42),
      0 0 12px rgba(255,223,119,.22),
      0 0 26px rgba(255,173,24,.11)!important;
  }
  .linerHeroCopy h3{
    margin-bottom:10px!important;
    font-size:19px!important;
  }
  .linerHeroCopy p{
    margin-bottom:12px!important;
    font-size:15px!important;
    line-height:1.44!important;
  }
  .linerTags,
  .linerMoodTags{
    margin-bottom:10px!important;
  }
  .linerTags span,
  .linerMoodTags span{
    padding:6px 10px!important;
  }
  .linerStats{
    margin:10px 0 11px!important;
  }
  .linerStats div,
  .linerStats .linerStatEdit,
  .linerStats .linerSocialProof{
    padding:10px 11px!important;
  }
  .linerStats strong,
  .linerStats .linerStatEdit strong{
    font-size:20px!important;
  }
  .linerStats small,
  .linerStats .linerStatEdit small{
    margin-top:5px!important;
  }
  .linerActions button,
  .linerActions a{
    min-height:49px!important;
    padding:13px 21px!important;
    font-size:12.35px!important;
  }
  .linerHeroSide{
    width:284px!important;
    column-gap:8px!important;
    row-gap:4px!important;
  }
  .heroSideCard{
    padding:12px!important;
  }
  .heroSideCard h4{
    margin-bottom:7px!important;
  }
  .heroSideCard p{
    line-height:1.45!important;
  }
  .linerHeroSoul{
    margin-top:30px!important;
    margin-bottom:14px!important;
    min-height:118px!important;
    padding:21px 26px!important;
  }
  .linerContentGrid{
    gap:12px!important;
  }
  .linerPanel{
    padding:18px!important;
  }
}
@media(max-height:820px) and (min-width:1051px){
  #albumModal .modalPanel{
    max-height:94vh!important;
  }
  .linerAlbumPage{
    padding:14px 34px 20px!important;
  }
  .linerHero{
    grid-template-columns:326px minmax(380px,1fr) 268px!important;
    gap:28px!important;
    min-height:420px!important;
    padding:14px 10px 12px!important;
  }
  .linerCover{
    width:302px!important;
    max-width:302px!important;
  }
  .linerCover .cover{
    width:302px!important;
    height:302px!important;
  }
  .linerHeroCopy h2{
    font-size:49px!important;
  }
  .linerHeroCopy h3{
    font-size:18px!important;
    margin-bottom:8px!important;
  }
  .linerHeroCopy p{
    font-size:14px!important;
    line-height:1.38!important;
    margin-bottom:9px!important;
  }
  .linerTags,
  .linerMoodTags{
    gap:6px!important;
    margin-bottom:8px!important;
  }
  .linerStats{
    margin:8px 0 9px!important;
  }
  .linerActions button,
  .linerActions a{
    min-height:45px!important;
    padding:11px 18px!important;
  }
  .linerHeroSide{
    width:260px!important;
    column-gap:7px!important;
    row-gap:4px!important;
  }
  .heroSideCard{
    padding:10px!important;
  }
  .heroSideCard p{
    font-size:10px!important;
    line-height:1.38!important;
  }
  .linerHeroSoul{
    margin-top:22px!important;
    padding:18px 22px!important;
    min-height:104px!important;
  }
}
@media(max-height:720px) and (min-width:1051px){
  .linerHero{
    min-height:386px!important;
  }
  .linerCover{
    width:280px!important;
    max-width:280px!important;
  }
  .linerCover .cover{
    width:280px!important;
    height:280px!important;
  }
  .linerHeroCopy h2{
    font-size:45px!important;
  }
  .linerHeroSoul{
    margin-top:16px!important;
    margin-bottom:10px!important;
  }
}
@media(max-width:1050px){
  #albumModal .modalPanel{
    max-height:94vh!important;
    width:min(760px,96vw)!important;
  }
  .linerAlbumPage{
    padding:16px 22px 24px!important;
  }
  .linerHero{
    gap:22px!important;
  }
  .linerHeroCopy h2{
    font-size:38px!important;
  }
}

/* Final spacious modal override: roomy first view, editorial section after scroll */
#albumModal .modalPanel{
  max-height:min(93vh,900px)!important;
  width:min(1420px,96vw)!important;
  border-radius:26px!important;
}
.linerAlbumPage{
  padding:14px 34px 26px!important;
}
.linerTabs{
  margin-bottom:15px!important;
}
.linerTabs button{
  padding:11px 24px!important;
}
@media(min-width:1051px){
  .linerHero{
    grid-template-columns:448px minmax(482px,1fr) 338px!important;
    gap:30px!important;
    min-height:min(650px,calc(93vh - 104px))!important;
    margin-bottom:0!important;
    padding:14px 8px 14px!important;
    align-items:center!important;
  }
  .linerCover{
    width:438px!important;
    max-width:438px!important;
  }
  .linerCover .cover{
    width:438px!important;
    height:438px!important;
    box-shadow:
      0 0 0 1px rgba(255,255,255,.055) inset,
      0 0 18px rgba(255,199,35,.42),
      0 0 42px rgba(255,154,10,.22),
      0 28px 62px rgba(0,0,0,.76)!important;
  }
  .linerCover:before{
    inset:-16% -18% -19%!important;
    filter:blur(30px)!important;
    opacity:.72!important;
  }
  .linerCoverFlip{
    filter:drop-shadow(0 0 18px rgba(255,191,22,.30))!important;
  }
  .linerHero:before,
  .linerHero.backCoverHero:before{
    inset:-28px -32px -20px!important;
    filter:blur(32px) saturate(.72) contrast(.82) brightness(.52)!important;
    opacity:.62!important;
    transform:scale(1.06)!important;
  }
  .linerHero:after,
  .linerHero.backCoverHero:after{
    left:78px!important;
    top:78px!important;
    width:250px!important;
    height:250px!important;
    filter:blur(24px)!important;
    opacity:.58!important;
  }
  .linerHeroCopy{
    max-width:748px!important;
  }
  .linerHeroCopy .eyebrow{
    margin-bottom:12px!important;
  }
  .linerHeroCopy h2{
    max-width:748px!important;
    font-size:72px!important;
    line-height:.99!important;
    margin-bottom:14px!important;
    text-shadow:
      0 2px 0 rgba(0,0,0,.52),
      0 11px 28px rgba(0,0,0,.44),
      0 0 16px rgba(255,223,119,.24),
      0 0 34px rgba(255,173,24,.12)!important;
  }
  .linerHeroCopy h3{
    margin-bottom:12px!important;
    font-size:15.3px!important;
  }
  .linerHeroCopy p{
    margin-bottom:16px!important;
    font-size:17px!important;
    line-height:1.5!important;
  }
  .linerTags,
  .linerMoodTags{
    margin-bottom:13px!important;
    gap:8px!important;
  }
  .linerTags span,
  .linerMoodTags span{
    padding:7px 12px!important;
  }
  .linerStats{
    margin:15px 0 17px!important;
  }
  .linerStats div,
  .linerStats .linerStatEdit,
  .linerStats .linerSocialProof{
    padding:13px 15px!important;
  }
  .linerStats strong,
  .linerStats .linerStatEdit strong{
    font-size:27px!important;
  }
  .linerStats small,
  .linerStats .linerStatEdit small{
    margin-top:6px!important;
  }
  .linerActions button,
  .linerActions a{
    min-height:58px!important;
    padding:16px 27px!important;
    font-size:15.5px!important;
  }
  .linerHeroSide{
    width:334px!important;
    gap:12px!important;
  }
  .heroSideCard{
    padding:16px!important;
  }
  .heroSideCard h4{
    margin-bottom:8px!important;
  }
  .heroSideCard p{
    line-height:1.48!important;
  }
  .linerHeroSoul{
    margin-top:108px!important;
    margin-bottom:24px!important;
    min-height:126px!important;
    padding:24px 30px!important;
  }
  .linerContentGrid{
    gap:16px!important;
  }
  .linerPanel{
    padding:20px!important;
  }
}
@media(max-height:820px) and (min-width:1051px){
  #albumModal .modalPanel{
    max-height:94vh!important;
  }
  .linerAlbumPage{
    padding:12px 28px 22px!important;
  }
  .linerTabs{
    margin-bottom:16px!important;
  }
  .linerHero{
    grid-template-columns:410px minmax(438px,1fr) 314px!important;
    gap:26px!important;
    min-height:calc(94vh - 94px)!important;
    padding:12px 8px 14px!important;
  }
  .linerCover{
    width:406px!important;
    max-width:406px!important;
  }
  .linerCover .cover{
    width:406px!important;
    height:406px!important;
  }
  .linerHeroCopy h2{
    font-size:64px!important;
  }
  .linerHeroCopy h3{
    font-size:19px!important;
    margin-bottom:10px!important;
  }
  .linerHeroCopy p{
    font-size:15px!important;
    line-height:1.44!important;
    margin-bottom:12px!important;
  }
  .linerStats{
    margin:11px 0 13px!important;
  }
  .linerActions button,
  .linerActions a{
    min-height:52px!important;
    padding:14px 22px!important;
  }
  .linerHeroSide{
    width:304px!important;
    gap:8px!important;
  }
  .heroSideCard{
    padding:13px!important;
  }
  .heroSideCard p{
    line-height:1.42!important;
  }
  .linerHeroSoul{
    margin-top:94px!important;
    padding:22px 26px!important;
    min-height:118px!important;
  }
}
@media(max-height:720px) and (min-width:1051px){
  .linerAlbumPage{
    padding:12px 22px 22px!important;
  }
  .linerHero{
    grid-template-columns:378px minmax(402px,1fr) 282px!important;
    gap:22px!important;
    min-height:calc(94vh - 88px)!important;
  }
  .linerCover{
    width:370px!important;
    max-width:370px!important;
  }
  .linerCover .cover{
    width:370px!important;
    height:370px!important;
  }
  .linerHeroCopy h2{
    font-size:58px!important;
  }
  .linerHeroCopy p{
    margin-bottom:10px!important;
  }
  .linerTags,
  .linerMoodTags{
    margin-bottom:10px!important;
  }
  .linerHeroSide{
    width:274px!important;
  }
  .linerHeroSoul{
    margin-top:82px!important;
    margin-bottom:18px!important;
  }
}
@media(max-width:1050px){
  #albumModal .modalPanel{
    max-height:94vh!important;
    width:min(800px,96vw)!important;
  }
  .linerAlbumPage{
    padding:18px 24px 30px!important;
  }
  .linerHero{
    gap:28px!important;
    margin-bottom:0!important;
  }
  .linerHeroCopy h2{
    font-size:42px!important;
  }
  .linerHeroSoul{
    margin-top:58px!important;
  }
}

/* Horizontal overflow guard: preserve the composition, hide only sideways bleed */
html,
body{
  overflow-x:hidden!important;
}
#albumModal,
#albumModal .modalPanel,
#albumModalContent,
.linerAlbumPage{
  box-sizing:border-box!important;
  max-width:100%!important;
  overflow-x:hidden!important;
}
#albumModal .modalPanel{
  max-width:calc(100vw - 40px)!important;
}
.linerAlbumPage:before,
.linerAlbumPage:after,
.linerHero:before,
.linerHero:after,
.linerHero.backCoverHero:before,
.linerHero.backCoverHero:after{
  max-width:100%!important;
  pointer-events:none!important;
}
@media(max-width:650px){
  #albumModal .modalPanel{
    max-width:100vw!important;
  }
}

/* Intimate hero zoom override: bring the modal composition closer without crowding it */
@media(min-width:1051px){
  #albumModal .modalPanel{
    width:min(1400px,96vw)!important;
  }
  .linerAlbumPage{
    padding:18px 42px 30px!important;
  }
  .linerTabs{
    margin-bottom:17px!important;
  }
  .linerHero{
    grid-template-columns:420px minmax(455px,1fr) 322px!important;
    gap:36px!important;
    min-height:min(632px,calc(93vh - 118px))!important;
    padding:18px 12px 18px!important;
  }
  .linerCover,
  .linerCover .cover{
    width:402px!important;
    max-width:402px!important;
  }
  .linerCover .cover{
    height:402px!important;
  }
  .linerHeroCopy{
    max-width:705px!important;
  }
  .linerHeroCopy h2{
    max-width:705px!important;
    font-size:66px!important;
    margin-bottom:14px!important;
  }
  .linerHeroCopy h3{
    font-size:21px!important;
  }
  .linerHeroCopy p{
    font-size:16.5px!important;
    margin-bottom:16px!important;
  }
  .linerStats{
    margin:14px 0 16px!important;
  }
  .linerStats strong,
  .linerStats .linerStatEdit strong{
    font-size:25px!important;
  }
  .linerActions button,
  .linerActions a{
    min-height:55px!important;
    padding:15px 25px!important;
  }
  .linerHeroSide{
    width:316px!important;
    gap:11px!important;
  }
  .heroSideCard{
    padding:15px!important;
  }
  .linerHeroSoul{
    margin-top:96px!important;
  }
}
@media(max-height:820px) and (min-width:1051px){
  .linerAlbumPage{
    padding:15px 34px 26px!important;
  }
  .linerHero{
    grid-template-columns:382px minmax(420px,1fr) 300px!important;
    gap:30px!important;
    min-height:calc(94vh - 108px)!important;
    padding:15px 10px 16px!important;
  }
  .linerCover,
  .linerCover .cover{
    width:374px!important;
    max-width:374px!important;
  }
  .linerCover .cover{
    height:374px!important;
  }
  .linerHeroCopy h2{
    font-size:60px!important;
  }
  .linerHeroSide{
    width:292px!important;
  }
  .linerHeroSoul{
    margin-top:84px!important;
  }
}
@media(max-height:720px) and (min-width:1051px){
  .linerAlbumPage{
    padding:14px 28px 24px!important;
  }
  .linerHero{
    grid-template-columns:354px minmax(388px,1fr) 272px!important;
    gap:26px!important;
    min-height:calc(94vh - 100px)!important;
  }
  .linerCover,
  .linerCover .cover{
    width:346px!important;
    max-width:346px!important;
  }
  .linerCover .cover{
    height:346px!important;
  }
  .linerHeroCopy h2{
    font-size:55px!important;
  }
  .linerHeroSide{
    width:266px!important;
  }
  .linerHeroSoul{
    margin-top:72px!important;
  }
}

/* Spacious modal fit override: restore cinematic scale while placing lower editorial content after scroll */
#albumModal .modalPanel{
  max-height:min(93vh,900px)!important;
  width:min(1380px,96vw)!important;
  border-radius:26px!important;
}
.linerAlbumPage{
  padding:22px 48px 34px!important;
}
.linerTabs{
  margin-bottom:20px!important;
}
.linerTabs button{
  padding:11px 24px!important;
}
@media(min-width:1051px){
  .linerHero{
    grid-template-columns:390px minmax(430px,1fr) 306px!important;
    gap:42px!important;
    min-height:min(610px,calc(93vh - 132px))!important;
    margin-bottom:0!important;
    padding:22px 18px 20px!important;
    align-items:center!important;
  }
  .linerCover{
    width:364px!important;
    max-width:364px!important;
  }
  .linerCover .cover{
    width:364px!important;
    height:364px!important;
    box-shadow:
      0 0 0 1px rgba(255,255,255,.055) inset,
      0 0 18px rgba(255,199,35,.42),
      0 0 42px rgba(255,154,10,.22),
      0 28px 62px rgba(0,0,0,.76)!important;
  }
  .linerCover:before{
    inset:-16% -18% -19%!important;
    filter:blur(30px)!important;
    opacity:.72!important;
  }
  .linerCoverFlip{
    filter:drop-shadow(0 0 18px rgba(255,191,22,.30))!important;
  }
  .linerHero:before,
  .linerHero.backCoverHero:before{
    inset:-28px -32px -20px!important;
    filter:blur(32px) saturate(.72) contrast(.82) brightness(.52)!important;
    opacity:.62!important;
    transform:scale(1.06)!important;
  }
  .linerHero:after,
  .linerHero.backCoverHero:after{
    left:78px!important;
    top:78px!important;
    width:250px!important;
    height:250px!important;
    filter:blur(24px)!important;
    opacity:.58!important;
  }
  .linerHeroCopy{
    max-width:660px!important;
  }
  .linerHeroCopy .eyebrow{
    margin-bottom:12px!important;
  }
  .linerHeroCopy h2{
    max-width:660px!important;
    font-size:60px!important;
    line-height:.99!important;
    margin-bottom:13px!important;
    text-shadow:
      0 2px 0 rgba(0,0,0,.52),
      0 11px 28px rgba(0,0,0,.44),
      0 0 16px rgba(255,223,119,.24),
      0 0 34px rgba(255,173,24,.12)!important;
  }
  .linerHeroCopy h3{
    margin-bottom:12px!important;
    font-size:20px!important;
  }
  .linerHeroCopy p{
    margin-bottom:15px!important;
    font-size:16px!important;
    line-height:1.5!important;
  }
  .linerTags,
  .linerMoodTags{
    margin-bottom:13px!important;
    gap:8px!important;
  }
  .linerTags span,
  .linerMoodTags span{
    padding:7px 12px!important;
  }
  .linerStats{
    margin:13px 0 15px!important;
  }
  .linerStats div,
  .linerStats .linerStatEdit,
  .linerStats .linerSocialProof{
    padding:12px 13px!important;
  }
  .linerStats strong,
  .linerStats .linerStatEdit strong{
    font-size:23px!important;
  }
  .linerStats small,
  .linerStats .linerStatEdit small{
    margin-top:6px!important;
  }
  .linerActions button,
  .linerActions a{
    min-height:52px!important;
    padding:14px 23px!important;
    font-size:15px!important;
  }
  .linerHeroSide{
    width:298px!important;
    gap:10px!important;
  }
  .heroSideCard{
    padding:14px!important;
  }
  .heroSideCard h4{
    margin-bottom:8px!important;
  }
  .heroSideCard p{
    line-height:1.48!important;
  }
  .linerHeroSoul{
    margin-top:88px!important;
    margin-bottom:24px!important;
    min-height:126px!important;
    padding:24px 30px!important;
  }
  .linerContentGrid{
    gap:16px!important;
  }
  .linerPanel{
    padding:20px!important;
  }
}
@media(max-height:820px) and (min-width:1051px){
  #albumModal .modalPanel{
    max-height:94vh!important;
  }
  .linerAlbumPage{
    padding:15px 34px 26px!important;
  }
  .linerTabs{
    margin-bottom:16px!important;
  }
  .linerHero{
    grid-template-columns:382px minmax(420px,1fr) 300px!important;
    gap:30px!important;
    min-height:calc(94vh - 108px)!important;
    padding:15px 10px 16px!important;
  }
  .linerCover{
    width:374px!important;
    max-width:374px!important;
  }
  .linerCover .cover{
    width:374px!important;
    height:374px!important;
  }
  .linerHeroCopy h2{
    font-size:60px!important;
  }
  .linerHeroCopy h3{
    font-size:19px!important;
    margin-bottom:10px!important;
  }
  .linerHeroCopy p{
    font-size:15px!important;
    line-height:1.44!important;
    margin-bottom:12px!important;
  }
  .linerStats{
    margin:11px 0 13px!important;
  }
  .linerActions button,
  .linerActions a{
    min-height:49px!important;
    padding:13px 20px!important;
  }
  .linerHeroSide{
    width:292px!important;
    gap:8px!important;
  }
  .heroSideCard{
    padding:12px!important;
  }
  .heroSideCard p{
    line-height:1.42!important;
  }
  .linerHeroSoul{
    margin-top:84px!important;
    padding:22px 26px!important;
    min-height:118px!important;
  }
}
@media(max-height:720px) and (min-width:1051px){
  .linerAlbumPage{
    padding:14px 28px 24px!important;
  }
  .linerHero{
    grid-template-columns:354px minmax(388px,1fr) 272px!important;
    gap:26px!important;
    min-height:calc(94vh - 100px)!important;
  }
  .linerCover{
    width:346px!important;
    max-width:346px!important;
  }
  .linerCover .cover{
    width:346px!important;
    height:346px!important;
  }
  .linerHeroCopy h2{
    font-size:55px!important;
  }
  .linerHeroCopy p{
    margin-bottom:10px!important;
  }
  .linerTags,
  .linerMoodTags{
    margin-bottom:10px!important;
  }
  .linerHeroSide{
    width:266px!important;
  }
  .linerHeroSoul{
    margin-top:72px!important;
    margin-bottom:18px!important;
  }
}
@media(max-width:1050px){
  #albumModal .modalPanel{
    max-height:94vh!important;
    width:min(800px,96vw)!important;
  }
  .linerAlbumPage{
    padding:18px 24px 30px!important;
  }
  .linerHero{
    gap:28px!important;
    margin-bottom:0!important;
  }
  .linerHeroCopy h2{
    font-size:42px!important;
  }
  .linerHeroSoul{
    margin-top:58px!important;
  }
}


/* Muze editorial wordmark refinement */
.brand{
  font-weight:860!important;
  letter-spacing:-0.25px!important;
  display:inline-block!important;
  min-width:128px!important;
  transform:scaleX(1.04) scaleY(1.035)!important;
  transform-origin:left center!important;
  text-rendering:geometricPrecision!important;
  -webkit-font-smoothing:antialiased!important;
}
.brandZ{
  display:inline-block!important;
  font-weight:820!important;
  margin-right:1.5px!important;
  transform:skewX(-4deg) translateX(.5px) scaleY(1.03)!important;
  transform-origin:center!important;
  text-shadow:.35px 0 0 currentColor!important;
}
body.light .brand{
  font-weight:860!important;
  letter-spacing:-0.25px!important;
}
/* Cleaner song rating flow */
.trackItem{grid-template-columns:1fr auto;align-items:center}
.trackRateOpen{border:1px solid var(--line);background:var(--panel);color:var(--text);border-radius:999px;padding:7px 12px;font-size:12px;font-weight:900;cursor:pointer;white-space:nowrap}
.trackRateOpen:hover{border-color:var(--accent);color:var(--accent)}
.trackRatingPopup{position:fixed;inset:0;background:rgba(0,0,0,.55);display:flex;align-items:center;justify-content:center;padding:20px;z-index:90}
.trackRatingPopup.hidden{display:none}
.trackRatingPanel{width:min(390px,100%);background:var(--panel);border:1px solid var(--line);border-radius:22px;padding:18px;box-shadow:var(--shadow);position:relative}
.trackRatingPanel h3{margin:4px 42px 16px 0;font-size:20px}
.popupChoices{gap:12px;justify-content:center}
.popupChoices .songRateBtn{width:24px}
.popupChoices .songRateCircle{width:12px;height:12px}
.popupChoices .songRateBtn.selected .songRateCircle::after{width:5px;height:5px}
body.light .trackRateOpen{background:#ffffff!important;color:#111827!important;border-color:#e1ddd4!important}
body.light .trackRateOpen:hover{color:#a87800!important;border-color:#d9a51a!important}
body.light .trackRatingPanel{background:#ffffff!important;border-color:#e5e1d8!important;color:#111827!important}


/* Song comment popup */
.trackActions{display:flex;gap:8px;align-items:center;justify-content:flex-end;flex-wrap:wrap}
.trackCommentOpen{border:1px solid var(--line);background:transparent;color:var(--muted);border-radius:999px;padding:7px 12px;font-size:12px;font-weight:900;cursor:pointer;white-space:nowrap}
.trackCommentOpen:hover{border-color:var(--accent);color:var(--accent)}
.trackCommentPopup{position:fixed;inset:0;background:rgba(0,0,0,.55);display:flex;align-items:center;justify-content:center;padding:20px;z-index:91}
.trackCommentPopup.hidden{display:none}
.trackCommentPanel{width:min(520px,100%);max-height:86vh;overflow:auto;background:linear-gradient(145deg,rgba(25,26,34,.98),rgba(9,10,15,.98))!important;border:1px solid rgba(242,201,76,.18)!important;border-radius:22px;padding:16px 18px 15px!important;box-shadow:0 24px 70px rgba(0,0,0,.52),inset 0 1px 0 rgba(255,255,255,.045)!important;position:relative}
.trackCommentPanel h3{margin:3px 42px 6px 0;font-size:20px}
.trackCommentMeta{margin:0 42px 12px 0!important;color:rgba(255,255,255,.52)!important;font-size:12px!important;font-weight:800!important;letter-spacing:.02em!important}
.trackCommentReactionCount{display:none!important}
.trackCommentList{gap:0!important}
.trackCommentPanel .trackCommentFeedItem{position:relative!important;display:grid!important;gap:3px!important;border-top:1px solid rgba(255,255,255,.06)!important;padding:7px 0 7px 7px!important;background:transparent!important;box-shadow:none!important}
.trackCommentPanel .trackCommentFeedItem:before{display:none!important}
.trackCommentPanel .trackCommentFeedItem:first-child{border-top:0!important;padding-top:2px!important}
.trackCommentPanel .trackCommentFeedItem:first-child:before{top:11px!important}
.trackCommentPanel .commentItemHead{gap:8px!important;align-items:start!important}
.trackCommentPanel .commentItem p{font-size:13.5px!important;line-height:1.42!important;margin:-3px 0 0 0!important;color:rgba(255,255,255,.72)!important;max-width:100%!important;padding-left:42px!important}
.trackCommentByline{display:flex!important;align-items:center!important;gap:6px!important;min-width:0!important}
.trackCommentByline small:before{content:"·";margin-right:6px;color:rgba(255,255,255,.34)!important}
.trackCommentPanel .commentItemHead strong{font-size:14px!important;line-height:1.1!important;cursor:pointer!important}
.trackCommentPanel .commentItemHead strong:hover{color:#ffd51f!important}
.trackCommentPanel .commentItemHead small{font-size:10.5px!important;margin-top:0!important}
.trackCommentPanel .commentAvatar{width:34px!important;height:34px!important;flex-basis:34px!important;background:linear-gradient(145deg,rgba(255,213,31,.20),rgba(255,255,255,.08))!important;color:#ffd51f!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.08)!important}
.trackCommentActions{display:flex!important;gap:14px!important;margin:0!important;padding-left:42px!important}
.trackCommentActions button{border:0!important;background:transparent!important;color:rgba(255,255,255,.54)!important;padding:0!important;font-size:11.5px!important;font-weight:850!important;cursor:pointer!important}
.trackCommentActions .trackHeartAction{color:rgba(255,213,31,.78)!important}
.trackCommentActions .trackHeartAction.liked{color:#ffd51f!important}
.trackCommentActions button:hover{color:#ffd51f!important;text-shadow:0 0 12px rgba(255,213,31,.22)!important}
.trackCommentReplies{display:grid!important;gap:8px!important;margin:5px 0 0 42px!important}
.trackCommentReply{display:grid!important;grid-template-columns:22px minmax(0,1fr)!important;gap:7px!important;align-items:start!important}
.trackCommentReply>span{display:grid!important;place-items:center!important;width:22px!important;height:22px!important;border-radius:50%!important;background:rgba(255,213,31,.12)!important;color:#ffd51f!important;font-size:10px!important;font-weight:950!important}
.trackCommentReply strong{font-size:12px!important;color:rgba(255,255,255,.84)!important}
.trackCommentReply small{margin-left:6px!important;color:rgba(255,255,255,.42)!important;font-size:10px!important}
.trackCommentReply p{margin:2px 0 0!important;padding:0!important;font-size:12px!important;line-height:1.35!important;color:rgba(255,255,255,.62)!important}
.trackCommentReplyBox{display:grid!important;gap:7px!important;margin:7px 0 0 42px!important}
.trackCommentReplyBox.hidden{display:none!important}
.trackCommentReplyBox textarea{min-height:42px!important;border:0!important;border-bottom:1px solid rgba(255,255,255,.12)!important;background:rgba(255,255,255,.025)!important;color:var(--text)!important;padding:8px 10px!important;resize:vertical!important}
.trackCommentReplyBox div{display:flex!important;gap:8px!important;justify-content:flex-end!important}
.trackCommentReplyBox button{border:0!important;border-radius:999px!important;padding:5px 10px!important;background:rgba(255,255,255,.08)!important;color:rgba(255,255,255,.72)!important;font-size:11px!important;font-weight:850!important}
.trackCommentReplyBox button:first-child{background:#ffd51f!important;color:#111!important}
.trackCommentComposerDivider{display:none!important}
.trackCommentComposer{display:grid!important;grid-template-columns:1fr!important;align-items:start!important;gap:0!important;margin-top:10px!important;padding-top:0!important;border-top:0!important}
.trackCommentComposer .trackCommentIdentity{display:none!important}
.trackCommentComposer .trackCommentIdentity>div{display:none!important}
.trackCommentTextareaWrap{position:relative!important;min-width:0!important}
.trackCommentPanel .commentForm textarea{border:0!important;border-bottom:1px solid rgba(255,255,255,.12)!important;border-radius:0!important;background:rgba(255,255,255,.025)!important;color:var(--text)!important;box-shadow:none!important;transition:border-color .18s ease,background .18s ease}
.trackCommentPanel .commentsList + .commentForm{margin-top:8px!important}
.trackCommentPanel .trackCommentTextareaWrap textarea{min-height:42px!important;height:42px!important;padding:10px 72px 10px 14px!important;resize:none!important;line-height:1.25!important;overflow:hidden!important}
.trackCommentPanel .trackCommentTextareaWrap textarea:focus{height:78px!important;min-height:78px!important;resize:vertical!important;overflow:auto!important}
.trackCommentPanel .commentForm textarea:hover{border-color:rgba(242,201,76,.45)!important}
.trackCommentPanel .commentForm textarea:focus{outline:0!important;border-color:rgba(242,201,76,.72)!important;background:rgba(5,6,10,.56)!important;box-shadow:0 0 0 3px rgba(242,201,76,.10),0 0 22px rgba(242,201,76,.12),inset 0 1px 0 rgba(255,255,255,.04)!important}
.trackCommentPanel .commentForm .bigBtn{padding:7px 11px!important;box-shadow:0 7px 16px rgba(242,201,76,.10)!important}
.trackCommentPanel .trackCommentTextareaWrap .bigBtn{position:absolute!important;right:7px!important;bottom:7px!important;min-height:24px!important;padding:5px 10px!important;border-radius:999px!important;font-size:10.5px!important}
.trackCommentIdentity{display:flex;align-items:center;gap:10px;color:rgba(255,255,255,.86)}
.trackCommentIdentity strong{display:block;font-size:13px;color:#fff;line-height:1.1}
.trackCommentIdentity span:not(.commentAvatar){display:block;margin-top:2px;color:rgba(255,255,255,.54);font-size:12px}
body.light .trackCommentOpen{color:#6b7280!important;border-color:#e1ddd4!important}
body.light .trackCommentOpen:hover{color:#a87800!important;border-color:#d9a51a!important}
body.light .trackCommentPanel{background:#ffffff!important;border-color:#e5e1d8!important;color:#111827!important}
body.light .trackCommentPanel .commentForm textarea{background:#ffffff!important;color:#111827!important;border-color:#e1ddd4!important}
body.light .trackCommentIdentity,body.light .trackCommentIdentity strong{color:#111827!important}
body.light .trackCommentIdentity span:not(.commentAvatar){color:#6b7280!important}


/* Aggregated song scores */
.trackName{display:grid;grid-template-columns:auto 1fr;column-gap:9px;row-gap:3px}
.trackName em{grid-column:2;color:var(--muted);font-size:12px;font-style:normal;font-weight:750}
body.light .trackName em{color:#6b7280!important}


/* Visible rating usernames */
.ratingDetailsBlock{margin-top:12px;border-top:1px solid var(--line);padding-top:10px}
.ratingDetailsBlock>strong{font-size:13px;color:var(--muted)}
.ratingDetail{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:6px 0;border-top:1px solid rgba(255,255,255,.06)}
.ratingDetail:first-child{border-top:0}
.ratingDetail strong{font-size:13px}.ratingDetail span{color:var(--accent);font-weight:950;font-size:13px}
body.light .ratingDetail{border-top-color:#eee7dc!important}
body.light .ratingDetailsBlock>strong{color:#6b7280!important}


/* Collapsed visible ratings */
.linkBtn{border:1px solid var(--line);background:transparent;color:var(--muted);border-radius:999px;padding:7px 12px;font-size:12px;font-weight:900;cursor:pointer}
.linkBtn:hover{border-color:var(--accent);color:var(--accent)}
.ratingDetailsBlock .hidden{display:none}
body.light .linkBtn{color:#6b7280!important;border-color:#e1ddd4!important}
body.light .linkBtn:hover{color:#a87800!important;border-color:#d9a51a!important}


/* Rating identities are private; public UI shows counts only */
.ratingDetailsBlock .emptyMini{font-weight:750}


/* Public user libraries */
.navUserBox{position:relative;overflow:hidden;border:1px solid rgba(242,201,76,.18);background:radial-gradient(circle at 10% 0%,rgba(242,201,76,.14),transparent 34%),linear-gradient(145deg,rgba(255,255,255,.055),rgba(255,255,255,.02));border-radius:18px;padding:14px;margin:-8px 0 16px;display:grid;grid-template-columns:38px 1fr;gap:11px 12px;align-items:center;box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 16px 34px rgba(0,0,0,.18)}
.navUserBox:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:linear-gradient(180deg,rgba(255,229,123,.88),rgba(242,201,76,.2));pointer-events:none}
.navUserIcon{position:relative;width:38px;height:38px;border-radius:50%;background:linear-gradient(145deg,rgba(242,201,76,.22),rgba(242,201,76,.055));border:1px solid rgba(242,201,76,.34);box-shadow:0 0 18px rgba(242,201,76,.10)}
.navUserIcon:before{content:"";position:absolute;left:50%;top:9px;width:9px;height:9px;border-radius:50%;border:1.8px solid rgba(255,232,146,.92);transform:translateX(-50%)}
.navUserIcon:after{content:"";position:absolute;left:50%;bottom:8px;width:17px;height:9px;border:1.8px solid rgba(255,232,146,.92);border-bottom:0;border-radius:14px 14px 0 0;transform:translateX(-50%)}
.navUserCopy{display:grid;gap:3px;min-width:0}
.navUserKicker{font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.08em;color:rgba(242,201,76,.78)}
.navUserBox strong{font-size:13px;line-height:1.35;font-weight:720;color:rgba(255,255,255,.76)}
.navTinyBtn{border:1px solid var(--line);background:transparent;color:var(--muted);border-radius:999px;padding:7px 10px;font-size:12px;font-weight:850;cursor:pointer}
.navUserBox .navTinyBtn{grid-column:1 / -1;border:0;background:var(--gold-gradient);color:#111;padding:9px 12px;font-weight:950;box-shadow:0 9px 22px rgba(242,201,76,.18);text-align:center}
.navUserBox .navTinyBtn:hover{transform:translateY(-1px);box-shadow:0 12px 26px rgba(242,201,76,.26)}
.libraryCreator{display:grid;grid-template-columns:1fr auto auto;gap:10px;margin-bottom:16px}
.libraryCreator input{width:100%;border:1px solid var(--line);background:var(--panel);color:var(--text);border-radius:14px;padding:13px}
.libraryGrid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}
.libraryCard{background:var(--panel);border:1px solid var(--line);border-radius:18px;padding:14px;display:grid;gap:12px}
.libraryCard h3{margin:0}
.libraryAlbums{display:grid;gap:8px}
.libraryAlbum{display:grid;grid-template-columns:48px 1fr;gap:8px;align-items:center;border-top:1px solid var(--line);padding-top:8px}
.libraryAlbum:first-child{border-top:0;padding-top:0}
.libraryAlbum span{color:var(--accent);font-weight:950}.libraryAlbum strong{font-size:14px}.libraryAlbum em{grid-column:2;color:var(--muted);font-style:normal;font-size:12px}
body.light .navUserBox{background:linear-gradient(145deg,#ffffff,#f8f3e7)!important;border-color:#ead79b!important;box-shadow:0 12px 28px rgba(0,0,0,.06)!important}
body.light .navUserBox strong{color:#4b5563!important}
body.light .navUserKicker{color:#9b6b00!important}
body.light .libraryCard{background:#ffffff!important;border-color:#e5e1d8!important}
body.light .libraryCreator input{background:#ffffff!important;color:#111827!important;border-color:#e1ddd4!important}
@media(max-width:850px){.libraryCreator{grid-template-columns:1fr}.libraryGrid{grid-template-columns:1fr}}


/* Library albums use the same card sizing as the main album grid */
.libraryAlbums{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:20px}
.libraryAlbumCard{width:100%;cursor:pointer}
.libraryAlbumCard .cover{aspect-ratio:1/1}
.libraryAlbumCard .score{white-space:nowrap}
@media(max-width:850px){.libraryAlbums{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px}}


/* Curated personal library builder */
.myLibraryDraft{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:10px;margin:-4px 0 18px}
.libraryDraftItem{border:1px solid var(--line);background:var(--panel);border-radius:14px;padding:11px;display:flex;align-items:center;justify-content:space-between;gap:10px}
.libraryDraftItem span{font-weight:900;min-width:0}
.libraryDraftItem em{display:block;color:var(--muted);font-size:12px;font-style:normal;font-weight:750;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.libraryDraftItem button{border:1px solid var(--line);background:transparent;color:var(--muted);border-radius:999px;padding:7px 10px;font-size:12px;font-weight:900;cursor:pointer}
.libraryDraftItem button:hover{border-color:var(--accent);color:var(--accent)}
body.light .libraryDraftItem{background:#ffffff!important;border-color:#e5e1d8!important}
body.light .libraryDraftItem button{color:#6b7280!important;border-color:#e1ddd4!important}

.libraryDraftCard{position:relative}
.libraryDraftCard .card{height:100%}
.draftRemove{position:absolute;right:12px;top:12px;border:1px solid var(--line);background:var(--panel);color:var(--muted);border-radius:999px;padding:7px 10px;font-size:12px;font-weight:900;cursor:pointer;z-index:2;box-shadow:var(--shadow)}
.draftRemove:hover{border-color:var(--accent);color:var(--accent)}
body.light .draftRemove{background:#ffffff!important;color:#6b7280!important;border-color:#e1ddd4!important}
.libraryCard{cursor:pointer}
.libraryAlbumsPreview{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.libraryAlbumsPreview .libraryAlbumCard{height:100%}
.libraryAlbumsPreview .cover{height:auto;aspect-ratio:1/1}
.libraryOpenBtn{justify-self:start}
.libraryFullGrid .libraryDraftCard{min-width:0}
@media(max-width:560px){.libraryAlbumsPreview{grid-template-columns:1fr 1fr;gap:10px}.libraryAlbumsPreview .cardBody{padding:12px}.libraryAlbumsPreview .title{font-size:18px}.libraryAlbumsPreview .artist{font-size:15px}}
.libraryFullGrid .libraryDraftCard{cursor:grab}
.libraryFullGrid .libraryDraftCard.dragging{opacity:.55;transform:scale(.98)}
.libraryFullGrid .libraryDraftCard:active{cursor:grabbing}
.libraryActions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.albumCard{position:relative}
.quickLibraryAdd{position:absolute;left:50%;top:12px;transform:translate(-50%,-8px);opacity:0;pointer-events:none;border:1px solid rgba(242,201,76,.55);background:var(--accent);color:#111;border-radius:999px;padding:9px 13px;font-size:13px;font-weight:950;box-shadow:var(--shadow);z-index:3;transition:.18s opacity,.18s transform}
.albumCard:hover .quickLibraryAdd,.albumCard:focus-within .quickLibraryAdd{opacity:1;pointer-events:auto;transform:translate(-50%,0)}
.adminAlbumDeleteBtn{position:absolute;right:10px;top:10px;z-index:4;border:1px solid rgba(255,92,92,.42);background:rgba(35,6,8,.72);color:#ffb4b4;border-radius:999px;padding:7px 10px;font-size:11px;font-weight:950;letter-spacing:.02em;opacity:0;pointer-events:none;box-shadow:0 10px 26px rgba(0,0,0,.35);backdrop-filter:blur(10px);cursor:pointer;transition:.16s opacity,.16s transform,.16s background}
.albumCard:hover .adminAlbumDeleteBtn,.albumCard:focus-within .adminAlbumDeleteBtn{opacity:1;pointer-events:auto;transform:translateY(0)}
.adminAlbumDeleteBtn:hover{background:rgba(95,16,20,.86);border-color:rgba(255,120,120,.62);color:#ffd6d6}
.albumCard:hover{outline:2px solid rgba(242,201,76,.28);outline-offset:2px}
@media(max-width:850px){
  .albumCard:hover,
  .albumCard:active,
  .albumCard:focus-visible{
    outline:2px solid rgba(242,201,76,.42)!important;
    outline-offset:2px!important;
    box-shadow:0 0 0 1px rgba(242,201,76,.22),0 0 20px rgba(242,201,76,.10)!important;
  }
}
.libraryFullGrid .libraryDraftCard.dragTarget{outline:3px solid var(--accent);outline-offset:4px;border-radius:24px;box-shadow:0 0 0 6px rgba(242,201,76,.14)}
.libraryDetailTitle{align-items:center!important}
.libraryDetailActions{display:flex;align-items:center;gap:10px}
.libraryDetailAddBtn{border:0;border-radius:999px;background:var(--gold-gradient);color:#111;font-weight:950;padding:10px 18px;cursor:pointer;box-shadow:0 10px 28px rgba(242,201,76,.18)}
.libraryDetailAddBtn:hover{transform:translateY(-1px);box-shadow:0 14px 34px rgba(242,201,76,.24)}
.linerStats .librarySaveStat{border:0!important;background:transparent!important;color:inherit!important;text-align:left!important;font:inherit!important;cursor:pointer!important}
body.light .quickLibraryAdd{background:#f2c94c!important;color:#111!important;border-color:#d9a51a!important}
.libraryStats{display:grid;gap:6px;justify-items:end;text-align:right}
.similarityBadge{display:inline-flex;border:1px solid rgba(242,201,76,.35);background:rgba(242,201,76,.1);color:#fff;border-radius:999px;padding:5px 8px;font-size:12px;font-weight:950;white-space:nowrap}
body.light .similarityBadge{background:#111827!important;border-color:#111827!important;color:#fff!important}
.dangerLink{border-color:rgba(239,68,68,.35)!important;color:#f87171!important}
.dangerLink:hover{border-color:#ef4444!important;color:#ef4444!important}
body.light .dangerLink{color:#b91c1c!important;border-color:#fecaca!important}
.notificationWrap{position:relative}
.notificationBell{position:relative}
.notificationWrap{position:relative;display:flex;align-items:center;gap:8px}
.topbarChatButton{position:relative;width:42px;height:42px;border-radius:999px;display:grid!important;place-items:center!important;color:#fff!important;background:var(--panel)!important;border:1px solid var(--line)!important;padding:0!important;cursor:pointer}
.topbarChatButton:hover,.topbarChatButton.active,.topbarChatButton[aria-expanded="true"]{border-color:rgba(111,161,202,.55)!important;background:linear-gradient(145deg,rgba(111,161,202,.16),rgba(255,255,255,.045))!important}
.topbarChatGlyph{position:relative;width:24px;height:21px;display:block}
.topbarChatGlyph i{position:absolute;display:block;border:2px solid currentColor;border-radius:8px;width:17px;height:13px;background:transparent}
.topbarChatGlyph i:after{content:"";position:absolute;left:3px;bottom:-5px;width:6px;height:6px;border-left:2px solid currentColor;border-bottom:2px solid currentColor;transform:skew(-18deg)}
.topbarChatGlyph i:first-child{left:0;top:0;opacity:.74}
.topbarChatGlyph i:last-child{right:0;bottom:0;background:rgba(111,161,202,.14)}
.topbarChatButton .topbarChatGlyph{
  width:24px!important;
  height:24px!important;
  display:grid!important;
  place-items:center!important;
}
.topbarChatButton .topbarChatGlyph i{
  display:none!important;
}
.topbarChatButton .topbarChatGlyph:before{
  content:"💬"!important;
  display:block!important;
  font-size:21px!important;
  line-height:1!important;
  transform:translate(0,0)!important;
}
.topbarChatButton{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
}
.topbarChatButton .topbarChatGlyph{
  transform:translate(-2px,1px)!important;
}
.topbarChatButton .notificationBadge{right:-4px;top:-4px;background:linear-gradient(145deg,#6FA1CA,#263F59)!important;color:#fff!important}
.topbarChatPanel{position:fixed;inset:0;z-index:112;display:grid;place-items:center;padding:12px;background:rgba(0,0,0,.68);backdrop-filter:blur(10px)}
.topbarChatPanel.hidden{display:none!important}
.topbarChatPanel #topbarChatContent{width:min(1080px,calc(100vw - 38px));height:min(760px,calc(100vh - 38px));min-height:0;border:1px solid rgba(111,161,202,.28);border-radius:28px;background:#07090d;box-shadow:0 34px 120px rgba(0,0,0,.74),0 0 0 1px rgba(255,255,255,.06),0 0 0 1px rgba(111,161,202,.05) inset;overflow:hidden}
.topbarChatPanel .muzeChatShell{height:100%!important;min-height:0!important;margin:0!important;grid-template-columns:320px minmax(0,1fr)!important;grid-template-rows:1fr!important;gap:0!important;border:0!important;border-radius:0!important}
.topbarChatPanel .muzeChatList,.topbarChatPanel .muzeChatPanel{border:0!important;border-radius:0!important;box-shadow:none!important}
.topbarChatPanel .muzeChatList{display:block!important;max-height:none!important;height:100%!important;overflow:auto!important;border-right:1px solid rgba(255,255,255,.08)!important;border-bottom:0!important}
.topbarChatPanel .muzeChatPanel{height:100%!important;min-height:0!important}
.topbarChatPanel .muzeChatMessages{min-height:0!important}
body.light .topbarChatButton{color:#fff!important;background:#111827!important}
body.light .topbarChatPanel{background:rgba(0,0,0,.48)!important}
body.light .topbarChatPanel #topbarChatContent{background:#101318!important}
.notificationBadge{position:absolute;right:-4px;top:-4px;min-width:18px;height:18px;border-radius:999px;background:#ef4444;color:#fff;font-size:11px;font-weight:950;display:flex;align-items:center;justify-content:center;padding:0 5px;border:2px solid var(--bg)}
.notificationPanel{position:absolute;right:0;top:52px;width:240px;background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:12px;box-shadow:var(--shadow);z-index:90;color:var(--text);display:grid;gap:10px;font-size:13px}
body.light .notificationPanel{background:#ffffff!important;border-color:#e5e1d8!important;color:#111827!important}
.notificationBell{color:#fff!important;background:var(--panel)!important}
.notificationBell:hover{border-color:rgba(255,255,255,.55)!important}
body.light .notificationBell{color:#111827!important;background:#ffffff!important}
.notificationBadge.hidden{display:none!important}

.notificationPanel.hidden{display:none!important}
.notificationItem{
  display:grid;
  gap:3px;
  padding:9px 0;
  border-top:1px solid rgba(255,255,255,.08);
}
.notificationItem:first-child{border-top:0}
.notificationItem strong{
  font-size:12px;
  color:#fff;
}
.notificationItem span{
  color:rgba(255,255,255,.72);
  line-height:1.35;
}
.notificationItem em{
  color:rgba(255,255,255,.45);
  font-size:11px;
  font-style:normal;
}
.notificationItem.unread strong{color:#ffd51f}
body.light .notificationItem{border-top-color:#eee7dc}
body.light .notificationItem strong{color:#111827}
body.light .notificationItem span{color:#4b5563}
body.light .notificationItem em{color:#6b7280}

/* Artist discovery cards */
.artistGrid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:22px;align-items:start}
.artistCard{position:relative;overflow:hidden;background:linear-gradient(145deg,#171821,#0f0f14);border:1px solid rgba(242,201,76,.12);border-radius:24px;padding:18px;display:grid;gap:16px;box-shadow:0 18px 54px rgba(0,0,0,.28);transition:.22s transform,.22s border-color,.22s box-shadow}
.artistCard:nth-child(3n+1){grid-row:span 2}
.artistCard:hover{transform:translateY(-5px);border-color:rgba(242,201,76,.45);box-shadow:0 22px 70px rgba(0,0,0,.48),0 0 26px rgba(242,201,76,.10)}
.artistHero{position:relative;min-height:150px;border-radius:18px;padding:18px;display:flex;justify-content:space-between;gap:16px;align-items:flex-end;overflow:hidden;background:linear-gradient(135deg,rgba(242,201,76,.18),rgba(20,20,27,.78))}
.artistHero:before{content:"";position:absolute;inset:0;background-image:linear-gradient(90deg,rgba(10,10,14,.86),rgba(10,10,14,.35)),var(--artist-cover);background-size:cover;background-position:center;filter:saturate(.9);opacity:.9;transform:scale(1.02);transition:.25s transform}
.artistCard:hover .artistHero:before{transform:scale(1.08)}
.artistHero>*{position:relative;z-index:1}.artistHero h3{margin:0;font-size:30px;line-height:1;font-weight:950}.artistHero p{margin:8px 0 0;color:#d6d6dc;font-size:13px;font-weight:800}.artistTags{display:flex;gap:7px;flex-wrap:wrap;margin-top:12px}.artistTags span{border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.08);border-radius:999px;padding:5px 8px;font-size:11px;font-weight:850;color:#fff}.artistScore{color:var(--accent);font-size:28px;font-weight:950;text-align:right;white-space:nowrap}.artistScore span{display:block;color:#d6d6dc;font-size:11px;margin-top:3px;font-weight:850}.artistAlbumList{display:grid;gap:12px}.artistAlbumRow{display:grid;grid-template-columns:76px 1fr auto;gap:14px;align-items:center;padding:12px;border:1px solid rgba(255,255,255,.06);border-radius:18px;background:rgba(255,255,255,.03);cursor:pointer;transition:.18s background,.18s transform,.18s border-color}.artistAlbumRow:hover{background:rgba(242,201,76,.08);border-color:rgba(242,201,76,.26);transform:translateX(3px)}.artistAlbumRow .listCover{width:76px;height:76px;border-radius:14px;transition:.18s transform}.artistAlbumRow:hover .listCover{transform:scale(1.05)}.artistAlbumRow strong{display:block;font-size:15px;line-height:1.2}.artistAlbumRow span{display:block;color:var(--muted);font-size:12px;margin-top:5px;font-weight:750}.artistAlbumScore{font-size:13px;font-weight:950;color:var(--accent);white-space:nowrap}.artistAlbumScore.unrated{color:var(--muted)}
body.light .artistCard{background:#ffffff!important;border-color:#e5e1d8!important;box-shadow:0 18px 45px rgba(0,0,0,.10)}
body.light .artistAlbumRow{background:#faf8f2!important;border-color:#eee7dc!important}body.light .artistAlbumRow:hover{background:#fff4c8!important;border-color:#e3c34d!important}body.light .artistHero p,body.light .artistScore span{color:#e5e7eb!important}
@media(max-width:850px){.artistGrid{grid-template-columns:1fr}.artistCard:nth-child(3n+1){grid-row:auto}.artistAlbumRow{grid-template-columns:68px 1fr}.artistAlbumScore{grid-column:2}.artistAlbumRow .listCover{width:68px;height:68px}}
.artistSectionTitle{align-items:flex-start;gap:14px;flex-wrap:wrap}
.artistAZ{display:flex;gap:5px;flex-wrap:wrap;justify-content:flex-end;max-width:760px}
.artistAZ button{border:1px solid var(--line);background:var(--panel);color:var(--muted);border-radius:999px;min-width:30px;height:30px;padding:0 8px;font-size:12px;font-weight:900;cursor:pointer;transition:.16s background,.16s color,.16s border-color,.16s transform}
.artistAZ button:hover{border-color:rgba(242,201,76,.45);color:var(--text);transform:translateY(-1px)}
.artistAZ button.active{background:var(--accent);border-color:var(--accent);color:#111}
body.light .artistAZ button{background:#ffffff!important;border-color:#e5e1d8!important;color:#6b7280!important}
body.light .artistAZ button.active{background:#f2c94c!important;border-color:#d9a51a!important;color:#111!important}
@media(max-width:850px){.artistAZ{justify-content:flex-start}.artistAZ button{min-width:28px;height:28px;font-size:11px}}
/* Artist page discovery controls */
.artistDiscovery{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,430px);gap:22px;align-items:end;margin:34px 0 18px;padding:22px;border:1px solid rgba(242,201,76,.12);border-radius:26px;background:linear-gradient(145deg,rgba(20,20,27,.88),rgba(12,12,16,.92));box-shadow:0 18px 60px rgba(0,0,0,.22)}
.artistDiscovery h2{font-size:34px;margin:4px 0 6px;line-height:1}.artistDiscovery p{margin:0;color:var(--muted);font-weight:750}.artistSearchWrap{display:grid;gap:8px}.artistSearchWrap input{width:100%;border:1px solid rgba(242,201,76,.18);background:rgba(255,255,255,.05);color:var(--text);border-radius:999px;padding:15px 18px;font-size:15px;box-shadow:inset 0 0 0 1px rgba(255,255,255,.02)}.artistSearchWrap input:focus{outline:0;border-color:rgba(242,201,76,.55);box-shadow:0 0 0 4px rgba(242,201,76,.10)}.artistSearchWrap span{color:var(--muted);font-size:12px;font-weight:850;text-align:right}.artistFilterDock{position:sticky;top:0;z-index:8;display:grid;gap:10px;margin:0 0 26px;padding:12px 0;background:linear-gradient(180deg,var(--bg) 70%,rgba(0,0,0,0));backdrop-filter:blur(8px)}
.artistGenreChips,.artistAZ{display:flex;gap:7px;align-items:center;overflow-x:visible;scrollbar-width:none}.artistGenreChips::-webkit-scrollbar,.artistAZ::-webkit-scrollbar{display:none}.artistGenreChips button,.artistAZ button{flex:0 0 auto;border:1px solid rgba(255,255,255,.07);background:rgba(255,255,255,.045);color:var(--muted);border-radius:999px;height:30px;padding:0 11px;font-size:12px;font-weight:900;cursor:pointer;transition:.16s background,.16s color,.16s border-color,.16s transform}.artistAZ button{min-width:30px;padding:0 8px}.artistGenreChips button:hover,.artistAZ button:hover{border-color:rgba(242,201,76,.34);color:var(--text);transform:translateY(-1px);box-shadow:0 0 16px rgba(242,201,76,.08)}.artistGenreChips button.active,.artistAZ button.active{background:var(--accent);border-color:var(--accent);color:#111}.artistGrid{margin-top:8px}
body.light .artistDiscovery{background:#ffffff!important;border-color:#e5e1d8!important}.light .artistSearchWrap input{background:#ffffff!important;color:#111827!important;border-color:#e5e1d8!important}.light .artistFilterDock{background:linear-gradient(180deg,var(--bg) 70%,rgba(255,255,255,0))}.light .artistGenreChips button,.light .artistAZ button{background:#ffffff!important;border-color:#e5e1d8!important;color:#6b7280!important}.light .artistGenreChips button.active,.light .artistAZ button.active{background:#f2c94c!important;border-color:#d9a51a!important;color:#111!important}
@media(max-width:850px){.artistDiscovery{grid-template-columns:1fr;margin-top:24px;padding:18px}.artistDiscovery h2{font-size:30px}.artistSearchWrap span{text-align:left}.artistFilterDock{top:0}}
/* Quieter collapsible alphabet filter */
.artistFilterDock{gap:8px!important;margin-bottom:30px!important}
.artistFilterLabel{color:var(--muted);font-size:11px;font-weight:950;text-transform:uppercase;letter-spacing:.08em;margin:2px 0 -2px}
.artistAZMenu{width:max-content;max-width:100%;position:relative;margin-top:0;flex:0 0 auto}
.artistAZMenu summary{list-style:none;display:inline-flex;align-items:center;gap:7px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.045);color:var(--muted);border-radius:999px;height:32px;padding:0 12px;font-size:12px;font-weight:950;cursor:pointer;user-select:none}
.artistAZMenu summary::-webkit-details-marker{display:none}.artistAZMenu summary:hover{border-color:rgba(242,201,76,.34);color:var(--text);box-shadow:0 0 16px rgba(242,201,76,.08)}
.artistAZMenu[open] summary{background:rgba(242,201,76,.12);border-color:rgba(242,201,76,.38);color:var(--text)}
.artistAZMenu .artistAZ{position:absolute;left:calc(-1 * var(--az-offset, 0px));top:38px;z-index:20;display:flex!important;flex-wrap:nowrap!important;gap:2px;padding:6px 0;border:0;border-radius:0;background:transparent;box-shadow:none;max-width:min(86vw,720px);overflow-x:auto}
.artistAZMenu .artistAZ button{border:0!important;background:transparent!important;color:var(--muted)!important;opacity:.48;min-width:24px!important;height:26px!important;padding:0 6px!important;border-radius:8px!important;font-size:12px!important;box-shadow:none!important}.artistAZMenu .artistAZ button:hover{opacity:1;color:var(--text)!important;text-decoration:underline;text-underline-offset:4px;transform:none!important}.artistAZMenu .artistAZ button.active{opacity:1;background:rgba(242,201,76,.16)!important;color:var(--accent)!important;text-decoration:none}
body.light .artistAZMenu summary{background:#ffffff!important;border-color:#e5e1d8!important;color:#6b7280!important}body.light .artistAZMenu .artistAZ{background:transparent!important;border-color:transparent!important}body.light .artistAZMenu .artistAZ button.active{color:#a87800!important;background:#fff7d7!important}
@media(max-width:850px){.artistAZMenu .artistAZ{max-width:88vw}}
.artistGenreChips{overflow:visible!important;flex-wrap:wrap}
.artistAZMenu[open] .artistAZ{display:flex!important}

.artistFilterDock{position:sticky}
.artistFilterDock .artistAZMenu{position:static}
.artistFilterDock .artistAZMenu .artistAZ{left:0!important;top:100%!important;margin-top:-2px;width:max-content}


/* Mobile artist cards keep the richer discovery layout */
.notificationBell{color:#fff!important;background:var(--panel)!important}.notificationBellIcon{width:21px;height:21px;display:block;fill:none;stroke:currentColor;transform:translateX(1px);stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round;color:#fff!important}body.light .notificationBellIcon{color:#111827!important}
@media(max-width:850px){
  .artistGrid{grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr))!important;gap:18px!important}
  .artistCard{padding:15px!important;border-radius:22px!important}
  .artistCard:nth-child(3n+1){grid-row:auto!important}
  .artistHero{min-height:138px!important;padding:16px!important;align-items:flex-end!important}
  .artistHero h3{font-size:27px!important}
  .artistHero p{font-size:12px!important}
  .artistScore{font-size:24px!important}
  .artistAlbumRow{grid-template-columns:72px minmax(0,1fr) auto!important;gap:12px!important;padding:10px!important}
  .artistAlbumRow .listCover{width:72px!important;height:72px!important}
  .artistAlbumScore{grid-column:auto!important;align-self:center!important}
}
@media(max-width:520px){
  .artistDiscovery{margin-top:18px!important;padding:16px!important;border-radius:22px!important}
  .artistFilterDock{padding-top:8px!important}
  .artistHero{min-height:150px!important}
  .artistAlbumRow{grid-template-columns:74px minmax(0,1fr) auto!important}
}


/* Phone artist albums use card tiles instead of flat rows */
@media(max-width:650px){
  .artistAlbumList{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important}
  .artistAlbumRow{display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:9px!important;padding:10px!important;border-radius:18px!important;background:rgba(255,255,255,.045)!important}
  .artistAlbumRow .listCover{width:100%!important;height:auto!important;aspect-ratio:1/1!important;border-radius:14px!important;object-fit:cover!important}
  .artistAlbumRow .listCover img{width:52px!important;height:52px!important;max-width:52px!important;object-fit:cover!important}
  .artistAlbumRow strong{font-size:14px!important;line-height:1.12!important}
  .artistAlbumRow span{font-size:11px!important;margin-top:4px!important}
  .artistAlbumScore{align-self:flex-start!important;font-size:15px!important;margin-top:auto!important}
  .artistAlbumRow:hover{transform:translateY(-2px)!important}
}
@media(max-width:650px){
  .artistCard .artistAlbumList{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:8px!important;
  }
  .artistCard .artistAlbumRow{
    position:relative!important;
    min-height:126px!important;
    padding:0!important;
    gap:6px!important;
    border-radius:14px!important;
    border-color:rgba(255,255,255,.06)!important;
    background:rgba(255,255,255,.045)!important;
    background-color:rgba(255,255,255,.045)!important;
    background-image:none!important;
    box-shadow:none!important;
    outline:0!important;
  }
  .artistCard .artistAlbumRow:hover,
  .artistCard .artistAlbumRow:active,
  .artistCard .artistAlbumRow:focus-visible{
    border-color:transparent!important;
    background:rgba(255,255,255,.045)!important;
    background-color:rgba(255,255,255,.045)!important;
    background-image:none!important;
    box-shadow:0 0 0 1px rgba(242,201,76,.30),0 0 18px rgba(242,201,76,.10)!important;
    outline:0!important;
    transform:translateY(-2px)!important;
  }
  .artistCard .artistAlbumRow .listCover{
    border-radius:11px!important;
  }
  .artistCard .artistAlbumRow strong{
    font-size:12px!important;
    line-height:1.14!important;
  }
  .artistCard .artistAlbumRow > div:not(.listCover):not(.artistAlbumScore){
    display:none!important;
  }
  .artistCard .artistAlbumScore{
    display:block!important;
    position:absolute!important;
    right:9px!important;
    bottom:8px!important;
    margin:0!important;
    color:var(--accent)!important;
    font-size:14px!important;
    line-height:1!important;
    font-weight:650!important;
    text-shadow:0 0 12px rgba(242,201,76,.18)!important;
  }
}
/* Theme switch is secondary inside the hamburger menu */
.themeNavItem{display:flex!important;align-items:center!important;gap:10px!important;justify-content:flex-start!important;opacity:.78!important}
.themeMiniMoon{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:999px;font-size:13px;line-height:1;color:var(--muted)}
.themeNavItem:hover{opacity:1!important}


/* White text bell and tucked-away theme moon */
.notificationBell{display:flex!important;align-items:center!important;justify-content:center!important;color:#fff!important;background:var(--panel)!important;font-size:0!important;line-height:1!important}
.notificationBellGlyph{display:block;color:#fff!important;font-family:"Segoe UI Symbol","Arial Unicode MS",Arial,sans-serif!important;font-size:22px!important;line-height:1!important;transform:translateY(-1px)}
body.light .notificationBellGlyph{color:#fff!important}
.topbar .authButton:has(.authButtonIcon.hasAvatar){min-height:42px!important;padding:0 17px 0 9px!important;gap:11px!important}
.topbar .authButtonIcon.hasAvatar{width:24px!important;height:24px!important;flex:0 0 24px!important;border-color:rgba(242,201,76,.58)!important;box-shadow:0 0 0 1px rgba(242,201,76,.16),0 0 16px rgba(242,201,76,.12)!important}
.themeMoonOnly{width:auto;height:auto;margin:4px 0 0 4px;padding:0;border:0;background:transparent;color:var(--muted);font-size:15px;line-height:1;cursor:pointer;opacity:.55}
.themeMoonOnly:hover{opacity:.9;color:var(--text)}
body.light .themeMoonOnly{color:#6b7280!important;background:transparent!important}



/* Top album art inside old hero card */
.heroCard{position:relative;overflow:hidden;background:linear-gradient(90deg,rgba(12,12,16,.96),rgba(12,12,16,.70)),var(--hero-cover,linear-gradient(135deg,#14141b,#0f0f14))!important;background-size:cover!important;background-position:center!important}
.heroCard>*{position:relative;z-index:1}
.heroCard:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(10,10,14,.88),rgba(10,10,14,.28));z-index:0}

/* More dynamic top-ranked album hero background */
.heroCard{isolation:isolate;border-color:rgba(242,201,76,.26)!important;box-shadow:0 18px 55px rgba(0,0,0,.55),0 0 34px rgba(242,201,76,.16)!important;background:linear-gradient(90deg,rgba(8,8,12,.84),rgba(8,8,12,.34)),var(--hero-cover,linear-gradient(135deg,#14141b,#0f0f14))!important;background-size:cover!important;background-position:center!important;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}
.heroCard:hover{transform:translateY(-3px);border-color:rgba(242,201,76,.46)!important;box-shadow:0 24px 70px rgba(0,0,0,.65),0 0 46px rgba(242,201,76,.24)!important}
.heroCard:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 78% 18%,rgba(242,201,76,.22),transparent 34%),linear-gradient(90deg,rgba(5,5,8,.88) 0%,rgba(5,5,8,.36) 52%,rgba(5,5,8,.08) 100%);z-index:0}
.heroCard:after{content:"";position:absolute;inset:-60% -30%;background:linear-gradient(115deg,transparent 38%,rgba(255,255,255,.16) 48%,transparent 58%);z-index:0;transform:translateX(-45%);animation:heroShine 7s ease-in-out infinite;opacity:.45}
@keyframes heroShine{0%,35%{transform:translateX(-55%)}65%,100%{transform:translateX(55%)}}
.heroCard .scoreBig{filter:drop-shadow(0 0 18px rgba(242,201,76,.32))}
@media(prefers-reduced-motion:reduce){.heroCard:after{animation:none}}

/* Contain hero card shine within rounded edges */
.heroCard{overflow:hidden!important;clip-path:inset(0 round 24px)!important;contain:paint!important}
.heroCard:after{inset:0!important;width:150%!important;height:150%!important;left:-65%!important;top:-25%!important;border-radius:inherit!important;opacity:.32!important}
@keyframes heroShine{0%,35%{transform:translateX(-35%)}65%,100%{transform:translateX(55%)}}

/* Keep top album effects internal only, no glowing card edges */
.heroCard{border-color:rgba(255,255,255,.10)!important;box-shadow:0 18px 45px rgba(0,0,0,.45)!important;outline:0!important;overflow:hidden!important;clip-path:none!important;contain:paint!important}
.heroCard:hover{border-color:rgba(255,255,255,.16)!important;box-shadow:0 20px 50px rgba(0,0,0,.55)!important}
.heroCard:before{inset:0!important;border-radius:inherit!important;background:radial-gradient(circle at 76% 18%,rgba(242,201,76,.14),transparent 32%),linear-gradient(90deg,rgba(5,5,8,.88) 0%,rgba(5,5,8,.38) 58%,rgba(5,5,8,.12) 100%)!important}
.heroCard:after{display:none!important}

/* Force top album card edges to stay black */
.heroCard{border:1px solid #05060a!important;box-shadow:0 18px 45px rgba(0,0,0,.55)!important;background:linear-gradient(90deg,rgba(5,6,10,.92),rgba(5,6,10,.42)),var(--hero-cover,linear-gradient(135deg,#14141b,#0f0f14))!important}
.heroCard:before{background:linear-gradient(90deg,rgba(3,4,7,.90) 0%,rgba(3,4,7,.42) 58%,rgba(3,4,7,.16) 100%)!important}
.heroCard:hover{border-color:#05060a!important;box-shadow:0 20px 50px rgba(0,0,0,.60)!important}
.heroCard .scoreBig{filter:none!important;text-shadow:none!important}

/* Show full top album cover instead of a cropped background slice */
.heroCard{background:linear-gradient(90deg,rgba(5,6,10,.94),rgba(5,6,10,.58)),var(--hero-cover,linear-gradient(135deg,#14141b,#0f0f14))!important;background-size:cover,contain!important;background-repeat:no-repeat!important;background-position:center,right center!important;background-color:#05060a!important}
.heroCard:before{background:linear-gradient(90deg,rgba(3,4,7,.92) 0%,rgba(3,4,7,.54) 54%,rgba(3,4,7,.20) 100%)!important}

/* Lighter top album overlay so cover art stays visible */
.heroCard{background:linear-gradient(90deg,rgba(5,6,10,.72),rgba(5,6,10,.30)),var(--hero-cover,linear-gradient(135deg,#14141b,#0f0f14))!important;background-size:cover,contain!important;background-repeat:no-repeat!important;background-position:center,right center!important;background-color:#05060a!important}
.heroCard:before{background:linear-gradient(90deg,rgba(3,4,7,.68) 0%,rgba(3,4,7,.32) 54%,rgba(3,4,7,.08) 100%)!important}



/* Taste-culture Libraries redesign */
.libraryGrid{display:grid!important;grid-template-columns:1fr!important;gap:26px!important;align-items:start!important}
.libraryCreator{background:transparent!important;border:0!important;margin:0 0 24px!important;display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:12px!important}
.tasteLibraryCard{position:relative!important;overflow:hidden!important;background:linear-gradient(145deg,rgba(20,20,27,.82),rgba(10,10,14,.92))!important;border:1px solid rgba(255,255,255,.06)!important;border-radius:28px!important;padding:24px!important;gap:20px!important;box-shadow:0 18px 54px rgba(0,0,0,.28)!important;transition:.22s transform,.22s box-shadow,.22s border-color!important}
.tasteLibraryCard:hover{transform:translateY(-3px)!important;border-color:rgba(242,201,76,.18)!important;box-shadow:0 24px 70px rgba(0,0,0,.42)!important}
.libraryIdentity{display:grid!important;grid-template-columns:58px minmax(0,1fr) auto!important;gap:16px!important;align-items:center!important}
.libraryAvatar{width:58px;height:58px;border-radius:18px;background:linear-gradient(135deg,rgba(242,201,76,.95),rgba(160,117,18,.92));color:#111;display:flex;align-items:center;justify-content:center;font-size:26px;font-weight:950;box-shadow:0 12px 28px rgba(0,0,0,.35)}
.tasteLibraryCard h3{font-size:25px!important;line-height:1.05!important;margin:0 0 7px!important;letter-spacing:-.02em!important}
.libraryMeta{color:rgba(255,255,255,.58)!important;font-size:15px!important;font-weight:700!important}.libraryMood{color:rgba(242,201,76,.86)!important;font-size:13px!important;font-weight:850!important;margin-top:8px!important;text-transform:uppercase!important;letter-spacing:.08em!important}
.tasteMatch{min-width:142px;display:grid;gap:5px;justify-items:end;text-align:right;color:#fff}.tasteMatch span{font-size:11px;font-weight:950;text-transform:uppercase;letter-spacing:.10em;color:rgba(255,255,255,.55)}.tasteMatch strong{font-size:24px;color:#fff;line-height:1}.tasteMatch em{display:block;width:118px;height:5px;border-radius:999px;background:linear-gradient(90deg,var(--accent) var(--match),rgba(255,255,255,.10) var(--match));box-shadow:0 0 18px rgba(242,201,76,.16)}
.libraryAlbumsPreview{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:14px!important;align-items:stretch!important}.libraryAlbumsPreview .libraryAlbumCard{background:rgba(255,255,255,.035)!important;border:0!important;border-radius:18px!important;overflow:hidden!important;box-shadow:none!important}.libraryAlbumsPreview .libraryAlbumCard:hover{transform:translateY(-2px)!important;box-shadow:0 14px 32px rgba(0,0,0,.30)!important}.libraryAlbumsPreview .cover{height:auto!important;aspect-ratio:1.15/1!important;border-radius:0!important}.libraryAlbumsPreview .cardBody{padding:11px 12px 13px!important}.libraryAlbumsPreview .title{font-size:15px!important;line-height:1.15!important}.libraryAlbumsPreview .artist{font-size:13px!important;margin-top:4px!important}.libraryAlbumsPreview .score{font-size:17px!important}.libraryAlbumsPreview .pill{display:none!important}
.libraryActions{display:flex!important;gap:10px!important;align-items:center!important;justify-content:flex-start!important}.libraryExploreBtn{background:var(--accent)!important;color:#111!important;border-color:var(--accent)!important}.libraryMenuBtn{margin-left:auto;border:0;background:transparent;color:rgba(255,255,255,.44);font-size:22px;font-weight:900;cursor:pointer;padding:4px 8px;border-radius:999px}.libraryMenuBtn:hover{background:rgba(255,255,255,.06);color:#f87171}.similarityBadge,.libraryStats{display:none!important}
body.light .tasteLibraryCard{background:#ffffff!important;border-color:#e5e1d8!important;box-shadow:0 18px 45px rgba(0,0,0,.10)!important}body.light .libraryMeta{color:#6b7280!important}body.light .libraryMood{color:#a87800!important}body.light .libraryAlbumsPreview .libraryAlbumCard{background:#f8f5ee!important}body.light .libraryMenuBtn{color:#6b7280!important}
@media(max-width:760px){.libraryIdentity{grid-template-columns:48px minmax(0,1fr)!important}.libraryAvatar{width:48px;height:48px;border-radius:15px;font-size:22px}.tasteMatch{grid-column:1 / -1;justify-items:start;text-align:left}.tasteMatch em{width:160px}.libraryAlbumsPreview{grid-template-columns:repeat(2,minmax(0,1fr))!important}.tasteLibraryCard h3{font-size:23px!important}.libraryCreator{grid-template-columns:1fr!important}}

/* Libraries page hierarchy: featured own library + compact community grid */
.libraryPageHeader{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,520px);gap:18px;align-items:end;margin:30px 0 24px}
.libraryPageHeader h2{font-size:34px;margin:0 0 6px;letter-spacing:-.03em}.libraryPageHeader p{margin:0;color:var(--muted);font-weight:750}.libraryPageHeader .libraryCreator{margin:0!important}
.libraryGroupTitle{margin:26px 0 12px;color:var(--muted);font-size:12px;font-weight:950;text-transform:uppercase;letter-spacing:.12em}
.libraryFeaturedGrid{display:grid;grid-template-columns:1fr;gap:20px;margin-bottom:10px}.communityLibraryGrid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:18px!important}.communityLibraryCard{padding:18px!important;border-radius:24px!important;gap:14px!important}.isMineLibrary{padding:24px!important}
.libraryIdentity{grid-template-columns:52px minmax(0,1fr)!important;gap:14px!important}.isMineLibrary .libraryIdentity{grid-template-columns:58px minmax(0,1fr)!important}.libraryCopy{min-width:0}.libraryTitleRow{display:flex;gap:12px;align-items:flex-start;justify-content:space-between}.communityLibraryCard h3{font-size:23px!important}.libraryMeta{font-size:14px!important}.libraryMood{text-transform:none!important;letter-spacing:0!important;font-size:13px!important;color:rgba(255,255,255,.62)!important}
.tasteMatch{min-width:auto!important;display:grid!important;gap:4px!important;justify-items:end!important;text-align:right!important}.tasteMatch span{font-size:10px!important}.tasteMatch strong{font-size:20px!important}.tasteMatch em{width:86px!important;height:4px!important}.isMineLibrary .tasteMatch em{width:118px!important}
.communityLibraryCard .libraryAlbumsPreview{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}.isMineLibrary .libraryAlbumsPreview{grid-template-columns:repeat(4,minmax(0,1fr))!important}.libraryAlbumsPreview .cover{aspect-ratio:1.08/1!important}.communityLibraryCard .libraryAlbumsPreview .cardBody{padding:9px 10px!important}.communityLibraryCard .libraryAlbumsPreview .title{font-size:14px!important}.communityLibraryCard .libraryAlbumsPreview .artist{font-size:12px!important}.singleAlbumLibrary .libraryAlbumsPreview{grid-template-columns:1fr!important}.singleAlbumLibrary .libraryAlbumCard{display:grid!important;grid-template-columns:96px minmax(0,1fr)!important;align-items:center!important}.singleAlbumLibrary .cover{width:96px!important;height:96px!important;aspect-ratio:auto!important}.singleAlbumLibrary .cardBody{padding:12px!important}.singleAlbumLibrary .row{align-items:center!important}.singleAlbumLibrary .score{font-size:22px!important}
.libraryActions{margin-top:2px!important}.libraryExploreBtn{font-size:14px!important;padding:10px 14px!important;border-radius:999px!important;font-weight:950!important}.libraryFollowBtn{font-size:13px!important;padding:9px 13px!important;border-radius:999px!important;background:transparent!important;color:var(--text)!important;border-color:rgba(255,255,255,.14)!important}.libraryMenuBtn{font-size:18px!important;line-height:1!important}.libraryAlbumsPreview .pill{display:none!important}
body.light .libraryMood{color:#6b7280!important}body.light .libraryFollowBtn{color:#111827!important;border-color:#e5e1d8!important}
@media(max-width:900px){.libraryPageHeader{grid-template-columns:1fr}.communityLibraryGrid{grid-template-columns:1fr!important}.isMineLibrary .libraryAlbumsPreview{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:520px){.libraryTitleRow{display:grid}.tasteMatch{justify-items:start!important;text-align:left!important}.singleAlbumLibrary .libraryAlbumCard{grid-template-columns:84px minmax(0,1fr)!important}.singleAlbumLibrary .cover{width:84px!important;height:84px!important}}

/* Libraries human-context polish */
.libraryPageHeader{display:grid!important;grid-template-columns:1fr!important;gap:16px!important;margin:42px 0 28px!important;align-items:start!important}
.libraryPageHeader h2{font-size:38px!important;margin:0 0 8px!important}.libraryPageHeader p{font-size:16px!important;max-width:620px!important}.libraryPageHeader .libraryCreator{width:100%!important;display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;margin-top:8px!important}.libraryPageHeader .libraryCreator input{min-height:48px!important}.libraryPageHeader .libraryCreator .bigBtn{min-height:48px!important;padding-inline:22px!important}
.isMineLibrary{background:radial-gradient(circle at 95% 0%,rgba(242,201,76,.12),transparent 30%),linear-gradient(145deg,rgba(22,23,30,.95),rgba(10,10,14,.96))!important;border-color:rgba(242,201,76,.16)!important}.isMineLibrary .libraryMeta{color:rgba(255,255,255,.70)!important}.isMineLibrary .libraryMood{font-size:14px!important;color:rgba(242,201,76,.88)!important}
.libraryPulse{margin-top:8px;color:rgba(255,255,255,.52);font-size:12px;font-weight:800}.subtlePulse{color:rgba(242,201,76,.72)!important}.tasteMatch span{font-size:11px!important;text-transform:none!important;letter-spacing:0!important;color:rgba(255,255,255,.58)!important}.tasteMatch strong{font-size:18px!important;white-space:nowrap!important}.isMineLibrary .tasteMatch strong{font-size:20px!important}.libraryTitleRow{align-items:flex-start!important}.communityLibraryCard .libraryMood{color:rgba(255,255,255,.68)!important}.communityLibraryCard .libraryPulse{font-size:11px!important}.singleAlbumLibrary .libraryAlbumsPreview{margin-top:4px!important}.singleAlbumLibrary .libraryAlbumCard{background:rgba(255,255,255,.045)!important}
body.light .libraryPulse{color:#6b7280!important}body.light .isMineLibrary{background:#fff!important;border-color:#e4c557!important}body.light .communityLibraryCard .libraryMood{color:#4b5563!important}
@media(max-width:760px){.libraryPageHeader .libraryCreator{grid-template-columns:1fr!important}.libraryPageHeader h2{font-size:32px!important}.tasteMatch strong{font-size:17px!important}}

/* Library card metadata cleanup */
.libraryMeta{
  color:rgba(255,255,255,.48)!important;
  font-weight:600!important;
  line-height:1.35!important;
  margin-top:4px!important;
}
.libraryMood{
  margin-top:10px!important;
  color:rgba(255,255,255,.74)!important;
  font-size:14px!important;
  font-weight:750!important;
  letter-spacing:0!important;
  text-transform:none!important;
}
.libraryPulse,
.subtlePulse{
  display:none!important;
}
.libraryTitleRow{
  margin-bottom:2px!important;
}
.tasteLibraryCard{
  gap:18px!important;
}
.libraryAlbumsPreview{
  margin-top:4px!important;
}
.tasteMatch span{
  color:rgba(255,255,255,.48)!important;
}

/* Libraries reference layout */
.mockLibrariesHeader{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(420px,560px)!important;gap:24px!important;align-items:center!important;margin:34px 0 24px!important}
.mockLibrariesHeader h2{font-size:42px!important;line-height:1!important;margin:0 0 8px!important;letter-spacing:-.04em!important}.mockLibrariesHeader h2 span{color:var(--accent);font-size:.68em}.mockLibrariesHeader p{margin:0!important;color:rgba(255,255,255,.76)!important;font-size:17px!important;font-weight:650!important}.mockLibraryTools{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:16px!important}.mockLibraryTools label{height:50px;display:flex;align-items:center;gap:10px;padding:0 16px;border:1px solid rgba(255,255,255,.11);border-radius:16px;background:linear-gradient(145deg,rgba(20,24,34,.72),rgba(8,9,14,.76));box-shadow:inset 0 1px 0 rgba(255,255,255,.04)}.mockLibraryTools label span{color:rgba(255,255,255,.62);font-size:20px}.mockLibraryTools input{width:100%;height:100%;border:0;background:transparent;color:#fff;outline:0;font-weight:700}.mockLibraryTools button,.mockYourLibrary button,.mockLibraryActions .libraryExploreBtn,.libraryRecoPanel button{border:0;background:linear-gradient(135deg,#ffe76c,#d89b10)!important;color:#080808!important;border-radius:999px!important;font-weight:950!important;box-shadow:0 12px 32px rgba(242,201,76,.22)!important}.mockLibraryTools button{height:50px;padding:0 24px!important;font-size:15px!important}
.libraryInlineIcon{width:1em;height:1em;display:inline-block;vertical-align:-.12em;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round;margin-right:.35em}
.mockAlbumScore .libraryInlineIcon,.libraryRecoPanel em .libraryInlineIcon{fill:currentColor;stroke:currentColor}
.mockYourLibrary{position:relative;display:grid;grid-template-columns:1.2fr .9fr .95fr;gap:28px;align-items:center;margin:0 0 26px;padding:22px;border:1px solid rgba(242,201,76,.24);border-radius:18px;background:radial-gradient(circle at 12% 50%,rgba(242,201,76,.17),transparent 30%),linear-gradient(145deg,rgba(12,12,14,.96),rgba(9,10,14,.88));box-shadow:0 28px 80px rgba(0,0,0,.38),inset 0 1px 0 rgba(255,255,255,.05);overflow:hidden}.mockYourLibrary:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(242,201,76,.07),transparent);opacity:.5;pointer-events:none}.ownIdentity{position:relative;z-index:1;display:flex;align-items:center;gap:18px}.ownAvatar{width:88px;height:88px;border-radius:999px;overflow:hidden;border:1px solid rgba(242,201,76,.78);box-shadow:0 0 34px rgba(242,201,76,.28);background:#111;display:grid;place-items:center;color:var(--accent);font-size:34px;font-weight:950}.ownAvatar img{width:100%;height:100%;object-fit:cover}.ownIdentity p,.ownRecent p,.ownNumbers p{margin:0 0 8px;color:rgba(255,255,255,.78);font-size:12px;font-weight:950;text-transform:uppercase;letter-spacing:.08em}.ownIdentity h3{margin:0 0 8px!important;font-size:24px!important}.ownIdentity span{display:inline-flex;border:1px solid rgba(255,255,255,.18);border-radius:999px;padding:5px 10px;font-size:13px;font-weight:900}.ownIdentity em{display:block;margin:20px 0 12px;color:rgba(255,255,255,.72);font-style:normal;font-size:14px;font-weight:750}.mockYourLibrary button{padding:10px 18px!important}.ownRecent{position:relative;z-index:1}.ownRecent>div{display:flex;gap:10px}.ownRecentCover{width:78px;height:78px;border-radius:8px;overflow:hidden;background:rgba(255,255,255,.05);display:grid;place-items:center;color:var(--accent);font-weight:950}.ownRecentCover img{width:100%;height:100%;object-fit:cover}.ownNumbers{position:relative;z-index:1;display:grid;grid-template-columns:repeat(3,1fr);gap:14px;padding:20px;border-radius:14px;background:linear-gradient(145deg,rgba(255,255,255,.06),rgba(255,255,255,.025));border:1px solid rgba(255,255,255,.05)}.ownNumbers p{grid-column:1/-1}.ownNumbers strong{display:block;font-size:32px;line-height:1}.ownNumbers span{display:block;color:rgba(255,255,255,.68);font-size:12px;margin-top:4px;font-weight:650}
.ownLibrarySubtitle{display:none}
.mockYourLibrary .ownRecentCover{cursor:pointer!important;transition:transform .18s ease,box-shadow .18s ease,filter .18s ease!important;box-shadow:0 10px 24px rgba(0,0,0,.24)!important}
.mockYourLibrary .ownRecentCover:hover{transform:translateY(-3px) scale(1.04)!important;filter:brightness(1.08) saturate(1.04)!important;box-shadow:0 16px 32px rgba(0,0,0,.34),0 0 20px rgba(242,201,76,.18)!important}
.mockCommunityTitle{display:flex;align-items:center;justify-content:space-between;margin:8px 2px 14px}.mockCommunityTitle strong{color:rgba(255,255,255,.76);font-size:14px;text-transform:uppercase;letter-spacing:.08em}.mockCommunityTitle div{display:flex;align-items:center;gap:10px}.mockCommunityTitle button{border:0;background:transparent;color:var(--accent);font-weight:950;cursor:pointer}.mockCommunityTitle div button{color:#fff;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.08);border-radius:999px;padding:6px 10px;font-size:12px}
.mockCommunityGrid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:18px!important}.mockLibraryCard{position:relative!important;overflow:hidden!important;padding:22px!important;border-radius:18px!important;background:radial-gradient(circle at 88% 12%,rgba(116,55,255,.16),transparent 32%),linear-gradient(145deg,rgba(14,18,29,.92),rgba(7,8,13,.96))!important;border:1px solid rgba(127,128,255,.18)!important;box-shadow:0 18px 54px rgba(0,0,0,.34)!important;display:grid!important;gap:14px!important;transition:.2s ease!important}.mockLibraryCard:hover{transform:translateY(-3px)!important;border-color:rgba(242,201,76,.32)!important;box-shadow:0 26px 76px rgba(0,0,0,.48)!important}.mockLibraryTop{display:grid;grid-template-columns:54px minmax(0,1fr) auto;gap:14px;align-items:start}.mockAvatar{width:54px;height:54px;border-radius:18px;display:grid;place-items:center;background:linear-gradient(135deg,#ffe76c,#ca940f);color:#090909;font-size:24px;font-weight:950}.mockLibraryTitle h3{font-size:22px!important;margin:0 0 4px!important;line-height:1.1!important}.mockLibraryTitle p{margin:0!important;color:rgba(255,255,255,.62)!important;font-size:14px!important;font-weight:650!important}.mockMatch{min-width:112px;text-align:right}.mockMatch strong{display:inline-flex;padding:6px 11px;border-radius:999px;border:1px solid rgba(193,107,255,.52);background:rgba(105,35,150,.22);color:#d690ff;font-size:13px;box-shadow:0 0 22px rgba(183,76,255,.16)}.mockMatch span{display:block;margin-top:7px;color:rgba(255,255,255,.66);font-size:12px}.mockRemove{position:absolute!important;right:12px;top:10px;opacity:.18}.mockLibraryCard:hover .mockRemove{opacity:1}.mockDescriptor{font-size:17px;font-weight:750;color:rgba(255,255,255,.84)}.mockTags{display:flex;flex-wrap:wrap;gap:8px}.mockTags span{border:1px solid rgba(255,255,255,.16);border-radius:999px;padding:5px 10px;color:rgba(255,255,255,.78);font-size:12px;font-weight:750}.mockAlbumPreview{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.mockAlbumTile,.mockAlbumRow{position:relative;overflow:hidden;border:0!important;border-radius:12px!important;background:linear-gradient(145deg,rgba(255,255,255,.055),rgba(255,255,255,.025))!important;cursor:pointer}.mockAlbumTile{display:grid}.mockAlbumTile:hover,.mockAlbumRow:hover{filter:brightness(1.08)}.mockAlbumCover{background:rgba(255,255,255,.05);display:grid;place-items:center;color:var(--accent);font-size:24px;font-weight:950}.mockAlbumTile .mockAlbumCover{aspect-ratio:1.06/1}.mockAlbumCover img{width:100%;height:100%;object-fit:cover}.mockAlbumCopy{padding:10px}.mockAlbumCopy strong,.mockAlbumRow strong{display:block;color:#fff;font-size:14px;line-height:1.15}.mockAlbumCopy span,.mockAlbumRow span{display:block;margin-top:4px;color:rgba(255,255,255,.68);font-size:12px}.mockAlbumScore{position:absolute;right:10px;bottom:10px;color:var(--accent);font-size:13px;font-weight:950}.mockMoreTile{min-height:100%;border-radius:12px;background:rgba(255,255,255,.04);display:grid;place-items:center;text-align:center;color:rgba(255,255,255,.8);font-weight:850}.singlePreview{grid-template-columns:1fr}.mockAlbumRow{display:grid;grid-template-columns:118px minmax(0,1fr) auto;gap:16px;align-items:center;padding:0 18px 0 0}.mockAlbumRow .mockAlbumCover{width:118px;height:118px}.mockAlbumRow .mockAlbumScore{position:static}.libraryDiscovery{display:grid;gap:4px;border-radius:12px;padding:14px 16px;border:1px solid rgba(200,83,255,.45);background:linear-gradient(135deg,rgba(135,38,180,.24),rgba(29,13,42,.42));color:#f1d6ff}.libraryDiscovery strong{font-size:14px}.libraryDiscovery span{font-size:12px;color:rgba(255,255,255,.76)}.libraryDiscovery.hasOverlap{border-color:rgba(242,201,76,.32);background:linear-gradient(135deg,rgba(242,201,76,.13),rgba(29,24,12,.26));color:#ffe58a}.mockLibraryActions{display:flex;align-items:center;gap:12px}.mockLibraryActions .libraryExploreBtn{padding:11px 18px!important;font-size:14px!important}.mockLibraryActions .libraryFollowBtn{background:transparent!important;border:1px solid rgba(255,255,255,.18)!important;color:#fff!important;border-radius:999px!important;padding:10px 18px!important;font-weight:850!important}.mockLibraryActions .following{color:rgba(255,255,255,.76)!important}.libraryRecoPanel{margin:18px 0 10px;padding:22px;border-radius:18px;background:radial-gradient(circle at 85% 20%,rgba(255,80,210,.22),transparent 35%),linear-gradient(145deg,rgba(34,18,52,.86),rgba(10,9,16,.94));border:1px solid rgba(245,91,218,.22)}.libraryRecoPanel h3{margin:0 0 16px;font-size:18px}.libraryRecoPanel>div{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.libraryRecoPanel article{cursor:pointer}.libraryRecoPanel .cover{border-radius:8px;overflow:hidden}.libraryRecoPanel strong{display:block;margin-top:8px;font-size:13px}.libraryRecoPanel span{display:block;color:rgba(255,255,255,.64);font-size:12px}.libraryRecoPanel em{display:block;color:var(--accent);font-style:normal;font-size:13px;font-weight:900;margin-top:5px}.libraryRecoPanel button{margin-top:18px;padding:12px 20px!important;background:transparent!important;color:#fff!important;border:1px solid rgba(245,91,218,.45)!important;box-shadow:0 0 28px rgba(245,91,218,.16)!important}
body.light .mockLibrariesHeader p,body.light .mockLibraryTitle p,body.light .mockAlbumCopy span,body.light .mockAlbumRow span{color:#6b7280!important}body.light .mockLibraryCard,body.light .mockYourLibrary,body.light .libraryRecoPanel{background:#fff!important;border-color:#e8e2d4!important;box-shadow:0 18px 48px rgba(0,0,0,.09)!important}body.light .mockDescriptor,body.light .mockAlbumCopy strong,body.light .mockAlbumRow strong,body.light .mockLibraryTitle h3{color:#111827!important}
.mockAvatar{border-radius:50%!important;overflow:hidden!important;background:radial-gradient(circle at 35% 20%,rgba(242,201,76,.22),rgba(10,11,16,.94))!important;border:1px solid rgba(242,201,76,.34)!important;color:transparent!important;box-shadow:0 12px 30px rgba(0,0,0,.28),0 0 18px rgba(242,201,76,.10)!important}.mockAvatar img,.mockAvatar svg{width:100%!important;height:100%!important;display:block!important;object-fit:cover!important;border-radius:50%!important}
@media(min-width:1180px){
  .mockCommunityGrid{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:14px!important}
  .mockCommunityGrid .mockLibraryCard{padding:9px!important;gap:4px!important;transform:none!important}
  .mockCommunityGrid .mockLibraryCard:hover{transform:translateY(-3px)!important}
  .mockCommunityGrid .mockLibraryTop{grid-template-columns:32px minmax(0,1fr)!important;gap:7px!important}
  .mockCommunityGrid .mockAvatar{width:32px!important;height:32px!important;font-size:14px!important}
  .mockCommunityGrid .mockLibraryTitle h3{font-size:15px!important;line-height:1!important;overflow-wrap:anywhere}
  .mockCommunityGrid .mockLibraryTitle p{font-size:10px!important;line-height:1.15!important}
  .mockCommunityGrid .mockMatch{grid-column:1 / -1;display:flex;align-items:center;gap:8px;min-width:0;text-align:left}
  .mockCommunityGrid .mockMatch strong{padding:3px 7px;font-size:9px}
  .mockCommunityGrid .mockMatch span{display:inline;margin-top:0;font-size:9px}
  .mockCommunityGrid .mockDescriptor{font-size:11px;line-height:1.15;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .mockCommunityGrid .mockTags{flex-wrap:nowrap;gap:4px;overflow:hidden;min-height:19px}
  .mockCommunityGrid .mockTags span{flex:0 0 auto;padding:2px 6px;font-size:8px}
  .mockCommunityGrid .mockAlbumPreview{gap:5px}
  .mockCommunityGrid .mockAlbumTile .mockAlbumCover{height:48px;aspect-ratio:auto!important}
  .mockCommunityGrid .mockAlbumCopy{padding:4px 5px}
  .mockCommunityGrid .mockAlbumCopy strong{font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .mockCommunityGrid .mockAlbumCopy span{display:none}
  .mockCommunityGrid .mockAlbumScore{right:5px;bottom:5px;font-size:9px}
  .mockCommunityGrid .mockMoreTile{min-height:22px;font-size:9px}
  .mockCommunityGrid .libraryDiscovery{display:flex;align-items:center;padding:4px 7px;gap:5px;white-space:nowrap;overflow:hidden}
  .mockCommunityGrid .libraryDiscovery strong{font-size:9px;overflow:hidden;text-overflow:ellipsis}
  .mockCommunityGrid .libraryDiscovery span{display:none}
  .mockCommunityGrid .mockLibraryActions{gap:5px}
  .mockCommunityGrid .mockLibraryActions .libraryExploreBtn,.mockCommunityGrid .mockLibraryActions .libraryFollowBtn{padding:5px 8px!important;font-size:9px!important}
}
@media(max-width:980px){.mockLibrariesHeader,.mockYourLibrary,.mockCommunityGrid{grid-template-columns:1fr!important}.ownNumbers{grid-template-columns:repeat(3,1fr)}.libraryRecoPanel>div{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.mockLibrariesHeader{margin-top:22px!important}.mockLibrariesHeader h2{font-size:34px!important}.mockLibraryTools{grid-template-columns:1fr!important}.mockYourLibrary{grid-template-columns:1fr;padding:18px}.ownRecentCover{width:70px;height:70px}.ownNumbers{grid-template-columns:1fr}.mockLibraryTop{grid-template-columns:48px minmax(0,1fr)}.mockMatch{grid-column:2;text-align:left}.mockAlbumPreview{grid-template-columns:1fr}.mockAlbumRow{grid-template-columns:94px minmax(0,1fr);padding-right:12px}.mockAlbumRow .mockAlbumCover{width:94px;height:94px}.mockAlbumRow .mockAlbumScore{grid-column:2}.libraryRecoPanel>div{grid-template-columns:1fr 1fr}}
@media(max-width:620px){.mockLibraryTools input{font-size:15px!important}}
.mockDescriptorMobile,.mockMobileMatch,.mockMobileOnlyAlbum,.discoveryMobile,.mockDiscoveryMetric,.mockMobileSignals{display:none}
.mockLibrarySignals{
  display:flex!important;
  align-items:center!important;
  gap:6px!important;
  flex-wrap:wrap!important;
}
.mockMatch{
  display:flex!important;
  flex-direction:column!important;
  justify-content:flex-end!important;
  align-items:flex-end!important;
  gap:5px!important;
}
.mockMatch .mockLibrarySignals{
  justify-content:flex-end!important;
}
.mockLibrarySignals .mockCompatibilityPill{
  display:inline-flex!important;
  align-items:center!important;
  border:1px solid rgba(86,169,255,.54)!important;
  border-radius:999px!important;
  padding:3px 8px!important;
  color:#b9dcff!important;
  background:linear-gradient(145deg,rgba(21,82,142,.38),rgba(8,18,35,.66))!important;
  font-size:11px!important;
  font-weight:950!important;
  box-shadow:0 0 18px rgba(86,169,255,.16),inset 0 1px 0 rgba(255,255,255,.08)!important;
  margin-top:0!important;
}
.mockLibrarySignals .mockMobileMatch{
  display:inline-flex!important;
  align-items:center!important;
  border:1px solid rgba(214,144,255,.34)!important;
  border-radius:999px!important;
  padding:3px 7px!important;
  color:#dca8ff!important;
  background:rgba(105,35,150,.16)!important;
  font-size:11px!important;
  font-weight:900!important;
  margin-top:0!important;
}
.mockCommonLine{
  display:block!important;
  color:rgba(255,255,255,.64)!important;
  font-size:11px!important;
  font-weight:850!important;
  line-height:1.2!important;
  margin-top:0!important;
}
.mockActivityLine{
  margin-top:-3px!important;
  color:rgba(255,255,255,.48)!important;
  font-size:12px!important;
  font-weight:750!important;
  line-height:1.25!important;
}
@media(max-width:620px){
  .mockCommunityGrid{gap:12px!important}
  .mockLibraryCard{padding:15px!important;gap:10px!important;border-radius:16px!important;cursor:pointer!important}
  .mockLibraryTop{grid-template-columns:41px minmax(0,1fr)!important;gap:10px!important;align-items:center!important}
  .mockAvatar{width:41px!important;height:41px!important;border-radius:14px!important;font-size:18px!important}
  .mockLibraryTitle h3{font-size:18px!important;margin-bottom:2px!important;line-height:1.08!important}
  .mockLibraryByline{display:flex!important;align-items:center!important;gap:7px!important;flex-wrap:wrap!important;font-size:12px!important;line-height:1.15!important}
  .mockUsername{font-size:12px!important;color:rgba(255,255,255,.70)!important;font-weight:750!important}
  .mockMobileSignals{display:flex!important;align-items:center!important;gap:6px!important;margin-top:6px!important;flex-wrap:wrap!important}
  .mockMobileSignals .mockCommonLine{flex-basis:100%!important;font-size:10.5px!important;color:rgba(255,255,255,.58)!important}
  .mockActivityLine{font-size:11px!important;margin-top:-5px!important}
  .mockCompatibilityPill{display:inline-flex!important;align-items:center!important;border:1px solid rgba(86,169,255,.54)!important;border-radius:999px!important;padding:3px 8px!important;color:#b9dcff!important;background:linear-gradient(145deg,rgba(21,82,142,.38),rgba(8,18,35,.66))!important;font-size:11px!important;font-weight:950!important;box-shadow:0 0 18px rgba(86,169,255,.16),inset 0 1px 0 rgba(255,255,255,.08)!important}
  .mockMobileMatch{display:inline-flex!important;align-items:center!important;border:1px solid rgba(214,144,255,.34);border-radius:999px;padding:3px 7px;color:#dca8ff;background:rgba(105,35,150,.16);font-size:11px;font-weight:900}
  .mockFollowerMeta{display:none!important}
  .mockAlbumMeta{display:block!important;color:rgba(255,255,255,.44)!important;font-size:11px!important}
  .mockMatch{display:none!important}
  .mockDescriptor{font-size:14px!important;line-height:1.2!important;color:rgba(255,255,255,.84)!important}
  .mockDescriptorDesktop{display:none!important}
  .mockDescriptorMobile{display:inline!important}
  .mockDiscoveryMetric{display:block!important;margin-top:-4px!important;color:rgba(242,201,76,.66)!important;font-size:11px!important;font-weight:800!important;line-height:1.25!important}
  .mockTags{display:none!important}
  .mockAlbumPreview{display:grid!important;grid-template-columns:minmax(0,1.26fr) minmax(98px,.74fr)!important;grid-template-rows:repeat(2,minmax(0,1fr))!important;gap:8px!important;align-items:stretch!important;pointer-events:none!important}
  .mockMobileOnlyAlbum{display:grid!important}
  .mockFeaturedAlbum{grid-row:1 / 3!important}
  .mockSideAlbum{min-height:0!important}
  .mockAlbumPreview:not(.hasMobileTrio) .mockSideAlbum{grid-row:1 / 3!important}
  .mockAlbumTile{border-radius:11px!important;min-width:0!important}
  .mockFeaturedAlbum .mockAlbumCover{aspect-ratio:1 / 1!important}
  .mockSideAlbum .mockAlbumCover{height:100%!important;aspect-ratio:auto!important;box-shadow:-10px 0 22px rgba(0,0,0,.18)!important}
  .mockSideAlbum .mockAlbumCover img{object-position:center!important}
  .mockSideAlbum .mockAlbumCopy,.mockSideAlbum .mockAlbumScore{display:none!important}
  .mockFeaturedAlbum .mockAlbumCopy{padding:8px!important}
  .mockFeaturedAlbum .mockAlbumCopy strong{font-size:13px!important;line-height:1.12!important}
  .mockFeaturedAlbum .mockAlbumCopy span{font-size:11px!important;margin-top:3px!important}
  .mockMoreTile{display:none!important}
  .singlePreview{grid-template-columns:1fr!important;grid-template-rows:auto!important}
  .singlePreview .mockAlbumRow{grid-template-columns:132px minmax(0,1fr)!important;padding-right:10px!important}
  .singlePreview .mockAlbumRow .mockAlbumCover{width:132px!important;height:132px!important}
  .libraryDiscovery{padding:10px 12px!important;border-radius:11px!important;gap:3px!important}
  .discoveryDesktop{display:none!important}
  .discoveryMobile{display:block!important}
  .libraryDiscovery strong{font-size:13px!important}
  .libraryDiscovery span{font-size:11px!important;line-height:1.3!important}
  .mockLibraryActions{gap:8px!important;margin-top:0!important}
  .mockLibraryActions .libraryExploreBtn{flex:1 1 auto!important;padding:10px 13px!important;font-size:13px!important}
  .mockLibraryActions .libraryFollowBtn{flex:0 0 auto!important;padding:8px 11px!important;font-size:12px!important;color:rgba(255,255,255,.68)!important;background:rgba(255,255,255,.03)!important;box-shadow:none!important}
  body.light .mockUsername{color:#6b7280!important}
  body.light .mockMobileMatch{color:#7c3aed;background:#f5efff;border-color:#ddd0ff}
  body.light .mockAlbumMeta{color:#9ca3af!important}
  body.light .mockDiscoveryMetric{color:#a87800!important}
  .mockYourLibrary .ownNumbers{
    grid-template-columns:repeat(2,max-content)!important;
    justify-items:start!important;
    gap:8px!important;
    padding:12px!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    border-color:rgba(242,201,76,.14)!important;
    background:linear-gradient(145deg,rgba(255,255,255,.055),rgba(255,255,255,.018))!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.05),0 14px 34px rgba(0,0,0,.22)!important;
    scrollbar-width:none!important;
    -webkit-overflow-scrolling:touch!important;
  }
  .mockYourLibrary .ownRecentCover{
    cursor:pointer!important;
    transition:transform .18s ease,box-shadow .18s ease,filter .18s ease!important;
    box-shadow:0 10px 24px rgba(0,0,0,.24)!important;
  }
  .mockYourLibrary .ownRecentCover:hover{
    transform:translateY(-3px) scale(1.04)!important;
    filter:brightness(1.08) saturate(1.04)!important;
    box-shadow:0 16px 32px rgba(0,0,0,.34),0 0 20px rgba(242,201,76,.18)!important;
  }
  .mockYourLibrary .ownNumbers::-webkit-scrollbar{display:none!important}
  .mockYourLibrary .ownNumbers p{
    grid-column:1 / -1!important;
    margin:0 0 2px!important;
    white-space:nowrap!important;
  }
  .mockYourLibrary .ownNumbers>div{
    min-width:0!important;
    width:82px!important;
    position:relative!important;
    display:flex!important;
    align-items:center!important;
    gap:2px!important;
    padding:4px 4px!important;
    border-radius:999px!important;
    border:1px solid rgba(242,201,76,.66)!important;
    background:linear-gradient(145deg,rgba(26,27,34,.94),rgba(8,9,13,.88))!important;
    box-shadow:0 10px 24px rgba(0,0,0,.30),0 0 0 1px rgba(242,201,76,.18),0 0 22px rgba(242,201,76,.16),inset 0 1px 0 rgba(255,255,255,.08),inset 0 -10px 18px rgba(242,201,76,.035)!important;
  }
  .mockYourLibrary .ownNumbers>div:before{
    content:""!important;
    width:3px!important;
    height:3px!important;
    border-radius:50%!important;
    background:var(--accent)!important;
    box-shadow:0 0 10px rgba(242,201,76,.72)!important;
    flex:0 0 auto!important;
  }
  .mockYourLibrary .ownNumbers strong{
    flex:0 0 auto!important;
    display:block!important;
    font-size:11px!important;
    line-height:1!important;
    color:#fff!important;
    letter-spacing:0!important;
  }
  .mockYourLibrary .ownNumbers span{
    display:block!important;
    margin:0!important;
    color:rgba(255,255,255,.62)!important;
    font-size:0!important;
    line-height:1.15!important;
    font-weight:850!important;
    white-space:nowrap!important;
    text-transform:none!important;
    letter-spacing:.03em!important;
  }
  .mockYourLibrary .ownNumbers>div:nth-of-type(1) span:after,
  .mockYourLibrary .ownNumbers>div:nth-of-type(2) span:after,
  .mockYourLibrary .ownNumbers>div:nth-of-type(3) span:after{
    font-size:6px!important;
  }
  .mockYourLibrary .ownNumbers>div:nth-of-type(1) span:after{content:"Loved"}
  .mockYourLibrary .ownNumbers>div:nth-of-type(2) span:after{content:"New"}
  .mockYourLibrary .ownNumbers>div:nth-of-type(3) span:after{content:"Shared"}
  body.light .mockYourLibrary .ownNumbers>div{
    background:#fff!important;
    border-color:rgba(168,120,0,.22)!important;
    box-shadow:0 10px 24px rgba(0,0,0,.08),0 0 18px rgba(168,120,0,.08)!important;
  }
  body.light .mockYourLibrary .ownNumbers strong{color:#111827!important}
  body.light .mockYourLibrary .ownNumbers span{color:#6b7280!important}
}
@media(max-width:620px){
  .mockYourLibrary{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:18px!important;
    align-items:center!important;
    justify-items:center!important;
    padding:30px 18px 26px!important;
    border-radius:26px!important;
    background:radial-gradient(circle at 50% 35%,rgba(242,201,76,.17),transparent 37%),radial-gradient(circle at 50% 86%,rgba(65,72,96,.14),transparent 44%),linear-gradient(160deg,rgba(15,15,17,.98),rgba(5,6,10,.95))!important;
    border-color:rgba(242,201,76,.22)!important;
    box-shadow:0 30px 72px rgba(0,0,0,.48),inset 0 1px 0 rgba(255,255,255,.055)!important;
  }
  .mockYourLibrary:before{
    content:"";
    position:absolute;
    top:76px;
    left:50%;
    width:230px;
    height:230px;
    border-radius:999px;
    transform:translateX(-50%);
    background:radial-gradient(circle,rgba(242,201,76,.20),rgba(242,201,76,.07) 38%,transparent 68%);
    filter:blur(7px);
    pointer-events:none;
    z-index:0;
  }
  .mockYourLibrary .ownIdentity{
    display:contents!important;
  }
  .mockYourLibrary .ownIdentity>div:not(.ownAvatar){display:contents!important}
  .mockYourLibrary .ownAvatar{
    order:3!important;
    position:relative!important;
    z-index:1!important;
    width:60px!important;
    height:60px!important;
    border:2px solid rgba(255,225,88,.88)!important;
    box-shadow:0 0 0 1px rgba(242,201,76,.18),0 0 18px rgba(242,201,76,.18),0 20px 36px rgba(0,0,0,.42)!important;
  }
  .mockYourLibrary .ownIdentity p{
    display:none!important;
  }
  .mockYourLibrary .ownIdentity h3{
    order:1!important;
    position:relative!important;
    z-index:1!important;
    margin:0!important;
    max-width:100%!important;
    color:#eee9e0!important;
    font-size:0!important;
    font-weight:860!important;
    line-height:1.08!important;
    letter-spacing:-.012em!important;
    text-align:center!important;
    text-shadow:0 10px 24px rgba(0,0,0,.36)!important;
  }
  .mockYourLibrary .ownIdentity h3:after{
    content:"Your Library";
    font-size:30px!important;
  }
  .mockYourLibrary .ownLibrarySubtitle{
    order:2!important;
    position:relative!important;
    z-index:1!important;
    display:block!important;
    max-width:310px!important;
    margin:-10px auto -2px!important;
    color:rgba(224,214,190,.58)!important;
    font-size:12px!important;
    line-height:1.35!important;
    font-weight:650!important;
    letter-spacing:.012em!important;
    text-align:center!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }
  .mockYourLibrary .ownIdentity span{
    order:7!important;
    position:relative!important;
    z-index:1!important;
    margin-top:-6px!important;
    padding:3px 9px!important;
    border-color:rgba(242,201,76,.34)!important;
    background:rgba(242,201,76,.055)!important;
    color:rgba(255,241,166,.72)!important;
    font-size:10.5px!important;
    box-shadow:none!important;
  }
  .mockYourLibrary .ownIdentity em{
    order:6!important;
    position:relative!important;
    z-index:1!important;
    margin:-2px 0 0!important;
    color:rgba(255,255,255,.42)!important;
    font-size:12px!important;
    font-weight:650!important;
  }
  .mockYourLibrary button{
    order:5!important;
    position:relative!important;
    z-index:1!important;
    justify-self:center!important;
    width:auto!important;
    margin-top:2px!important;
    min-height:0!important;
    padding:8px 20px!important;
    font-size:13px!important;
    box-shadow:0 7px 18px rgba(242,201,76,.11)!important;
  }
  .mockYourLibrary .ownRecent{
    order:4!important;
    position:relative!important;
    z-index:1!important;
    display:grid!important;
    justify-items:center!important;
    width:100%!important;
    gap:0!important;
    margin-top:0!important;
    padding-top:0!important;
  }
  .mockYourLibrary .ownRecent:before{
    content:"";
    position:absolute;
    left:50%;
    top:50%;
    width:min(94%,390px);
    height:92px;
    transform:translate(-50%,-45%);
    border-radius:999px;
    background:radial-gradient(ellipse at center,rgba(242,201,76,.15),rgba(242,201,76,.055) 45%,transparent 72%);
    filter:blur(8px);
    pointer-events:none;
    z-index:-1;
  }
  .mockYourLibrary .ownRecent p{
    display:none!important;
  }
  .mockYourLibrary .ownRecent>div{
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    justify-content:center!important;
    width:min(100%,348px)!important;
    gap:16px!important;
  }
  .mockYourLibrary .ownRecentCover{
    position:relative!important;
    width:100%!important;
    height:auto!important;
    aspect-ratio:1/1!important;
    border-radius:14px!important;
    box-shadow:0 20px 38px rgba(0,0,0,.46),0 0 0 1px rgba(242,201,76,.16),inset 0 1px 0 rgba(255,255,255,.12)!important;
  }
  .mockYourLibrary .ownRecentCover:after{
    content:"";
    position:absolute;
    inset:0;
    border-radius:inherit;
    background:linear-gradient(135deg,rgba(255,237,174,.18),transparent 34%,rgba(0,0,0,.22) 100%);
    pointer-events:none;
  }
  .mockYourLibrary .ownNumbers{display:none!important}
}

/* Album modal reference redesign */
#albumModal{align-items:center!important;background:rgba(0,0,0,.82)!important;backdrop-filter:blur(10px)}
#albumModal .modalPanel{width:min(1780px,96vw)!important;max-height:94vh!important;padding:18px 18px 22px!important;border-radius:24px!important;background:radial-gradient(circle at 50% 0%,rgba(51,67,91,.20),transparent 36%),#07080d!important;border:1px solid rgba(255,255,255,.08)!important;box-shadow:0 36px 120px rgba(0,0,0,.72)!important;color:#f7f4ff!important}
#albumModal .close{z-index:5;background:rgba(255,255,255,.07)!important;color:#fff!important;border:1px solid rgba(255,255,255,.12)!important;right:22px!important;top:20px!important}
.albumExperience{display:grid;gap:18px}.albumModalTabs{display:flex;justify-content:center;gap:6px;margin:0 auto 4px;padding-right:48px}.albumModalTabs button{min-width:150px;border:1px solid rgba(255,255,255,.10);background:linear-gradient(145deg,rgba(16,18,25,.92),rgba(7,8,13,.92));color:rgba(255,255,255,.82);border-radius:999px;padding:15px 24px;font-size:20px;cursor:pointer}.albumModalTabs button.active{color:#ffe44d;border-color:rgba(242,201,76,.45);background:linear-gradient(145deg,rgba(95,74,5,.55),rgba(30,27,12,.92));box-shadow:0 0 28px rgba(242,201,76,.25)}
.albumModalGrid{display:grid;grid-template-columns:1.25fr .98fr;gap:22px}.albumGlassPanel{border:1px solid rgba(255,255,255,.10);border-radius:22px;background:radial-gradient(circle at 18% 18%,rgba(42,60,98,.17),transparent 34%),linear-gradient(145deg,rgba(13,15,23,.96),rgba(9,10,15,.98));box-shadow:inset 0 1px 0 rgba(255,255,255,.05);padding:28px;overflow:hidden}.albumPanelHeading div,.voicesHeader div div{display:flex;align-items:center;gap:12px}.albumPanelHeading strong,.voicesHeader strong{display:block;text-transform:uppercase;letter-spacing:.12em;font-size:22px;color:#d8d1ef}.albumPanelHeading p,.voicesHeader p{margin:8px 0 0;color:rgba(255,255,255,.82);font-size:16px}.vibeIcon,.voicesHeader span{color:#d968ff;font-size:23px;text-shadow:0 0 18px rgba(217,104,255,.45)}
.trackVibeStats{display:grid;grid-template-columns:240px 230px 1fr;gap:26px;align-items:center;margin:22px 0 22px}.scoreRing{position:relative;width:170px;height:170px;border-radius:50%;display:grid;place-items:center;align-content:center;background:radial-gradient(circle at 50% 50%,#181417 0 58%,transparent 59%),conic-gradient(from -6deg,#ffb000 0 78%,rgba(255,255,255,.06) 78% 100%);box-shadow:0 0 7px rgba(255,185,0,.9),0 0 18px rgba(255,171,0,.55),0 0 34px rgba(255,145,0,.22),inset 0 0 18px rgba(255,180,0,.12)}.scoreRing:before{content:"";position:absolute;inset:8px;border-radius:50%;border:4px solid #ffb400;box-shadow:0 0 8px rgba(255,198,35,.95),0 0 20px rgba(255,169,0,.55),inset 0 0 10px rgba(255,188,0,.35);pointer-events:none}.scoreRing:after{content:"";position:absolute;inset:22px;border-radius:50%;background:radial-gradient(circle,#191518 0 58%,#101014 100%);box-shadow:inset 0 0 24px rgba(0,0,0,.85);pointer-events:none}.scoreRing strong,.scoreRing span{position:relative;z-index:1}.scoreRing strong{font-size:50px;line-height:1}.scoreRing span{color:#ffe88a;font-size:14px;font-weight:750}.totalRatings{border-left:1px solid rgba(255,255,255,.10);padding-left:26px}.totalRatings strong{font-size:32px}.totalRatings span{display:block;color:rgba(255,255,255,.72);margin-top:3px}.miniFaces{display:flex;align-items:center;margin-top:22px}.miniFaces i{width:34px;height:34px;border-radius:50%;margin-left:-7px;border:2px solid #13131a;background:linear-gradient(135deg,#d6a96a,#4d566e)}.miniFaces i:first-child{margin-left:0}.miniFaces em{font-style:normal;margin-left:8px;color:rgba(255,255,255,.78)}.ratingBars{display:grid;gap:10px;border-left:1px solid rgba(255,255,255,.10);padding-left:28px}.ratingBars div{display:grid;grid-template-columns:46px 1fr 42px;gap:10px;align-items:center}.ratingBars span,.ratingBars em{color:rgba(255,255,255,.78);font-style:normal}.ratingBars b{height:13px;border-radius:999px;background:linear-gradient(90deg,#ffd51f var(--w),rgba(255,255,255,.07) var(--w));box-shadow:0 0 14px rgba(242,201,76,.18)}
.trackVibeList{display:grid!important;gap:0!important;border-radius:13px;overflow:hidden;background:linear-gradient(90deg,rgba(242,201,76,.08),rgba(255,255,255,.025));border:1px solid rgba(242,201,76,.10)}.trackVibeRow{display:grid;grid-template-columns:54px 52px minmax(0,1fr) 100px 54px 50px;gap:14px;align-items:center;padding:13px 18px;border-top:1px solid rgba(255,255,255,.07);background:rgba(255,255,255,.015)}.trackVibeRow:first-child{border-top:0}.trackPlay{width:34px;height:34px;border-radius:50%;border:1px solid rgba(255,220,45,.8);background:transparent;color:#ffdc2d;font-weight:950}.trackThumb{width:42px;height:42px;border-radius:6px;overflow:hidden;background:#1a1410;display:grid;place-items:center;color:#ffdc2d}.trackThumb img{width:100%;height:100%;object-fit:cover}.trackVibeName strong{display:block;font-size:17px;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.trackVibeName span{display:block;color:rgba(255,255,255,.55);margin-top:3px}.trackStarScore,.trackHeart,.trackDots{border:0;background:transparent;color:rgba(255,255,255,.7);font-size:24px;cursor:pointer}.trackStarScore{color:#ffce23;font-size:24px;font-weight:900;text-align:left}.trackStarScore span{color:#fff;margin-left:8px}.trackHeart.liked,.trackHeart:hover{color:#ffdc2d}.trackDots{font-size:20px}.rateMoreTracks{margin-top:16px;width:100%;display:grid;grid-template-columns:56px 1fr auto;grid-template-rows:auto auto;align-items:center;text-align:left;gap:0 16px;border:1px solid rgba(217,75,255,.35);background:linear-gradient(135deg,rgba(93,30,116,.52),rgba(38,18,55,.76));border-radius:13px;color:#fff;padding:18px 22px;cursor:pointer;box-shadow:inset 0 -2px 0 rgba(217,75,255,.45)}.rateMoreTracks span{grid-row:1/3;width:48px;height:48px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.08);color:#eda3ff}.rateMoreTracks strong{font-size:20px;color:#f08bff}.rateMoreTracks em{font-style:normal;color:rgba(255,255,255,.72)}.rateMoreTracks b{grid-row:1/3;grid-column:3;font-size:42px;color:#fff;font-weight:300}
.voicesHeader{display:flex;justify-content:space-between;gap:18px;align-items:flex-start;margin-bottom:28px}.voicesHeader>button{border:1px solid rgba(255,255,255,.10);background:rgba(255,255,255,.03);color:#fff;border-radius:999px;padding:15px 28px;font-size:20px}.voiceComposer{border:1px solid rgba(255,255,255,.11);border-radius:22px;background:linear-gradient(145deg,rgba(255,255,255,.035),rgba(255,255,255,.015));padding:20px;display:grid;grid-template-columns:58px 1fr;gap:16px;margin-bottom:28px}.voiceAvatar{width:58px;height:58px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#ffe76c,#c8960f);color:#111;font-weight:950;font-size:24px}.voiceComposer textarea{border:0;background:transparent;color:#fff;resize:none;min-height:76px;font-size:20px;outline:0}.voiceComposer textarea::placeholder{color:rgba(255,255,255,.55)}.composerFoot{grid-column:1/-1;display:flex;align-items:center;gap:18px}.composerFoot span{font-size:24px;color:rgba(255,255,255,.62)}.composerFoot em{margin-left:auto;color:rgba(255,255,255,.56);font-style:normal;font-size:18px}.composerFoot button{border:0;border-radius:999px;background:#ffdc2d;color:#111;font-size:18px;font-weight:950;padding:14px 34px}.voiceList{display:grid!important;gap:0!important}.voiceItem{display:grid;grid-template-columns:62px minmax(0,1fr) 32px;gap:18px;padding:18px 0;border-top:1px solid rgba(255,255,255,.07)}.voiceItem:first-child{border-top:0}.voiceBody>div{display:flex;gap:14px;align-items:center}.voiceBody strong{font-size:18px}.voiceBody span{color:rgba(255,255,255,.55)}.voiceBody p{margin:12px 0;color:rgba(255,255,255,.86);font-size:18px;line-height:1.5}.voiceActions{display:flex;gap:24px;align-items:center}.voiceActions span{color:#ffdc2d;font-weight:900}.voiceActions button,.voiceMore{border:0;background:transparent;color:rgba(255,255,255,.52);font-weight:800}.viewAllComments{width:100%;margin-top:18px;border:1px solid rgba(217,75,255,.35);border-radius:999px;background:linear-gradient(90deg,rgba(217,75,255,.10),rgba(255,255,255,.02),rgba(217,75,255,.10));color:rgba(255,255,255,.86);font-size:20px;padding:16px;box-shadow:0 0 22px rgba(217,75,255,.12)}
body.light #albumModal .modalPanel{background:#111827!important;color:#fff!important}.albumExperience .emptyMini{color:rgba(255,255,255,.64)!important}
@media(max-width:1100px){.albumModalGrid{grid-template-columns:1fr}.trackVibeStats{grid-template-columns:1fr}.totalRatings,.ratingBars{border-left:0;padding-left:0}.albumModalTabs{overflow-x:auto;justify-content:flex-start}.albumModalTabs button{min-width:145px}.trackVibeRow{grid-template-columns:42px 44px minmax(0,1fr) 82px 42px 34px;padding:12px}.trackVibeName strong{font-size:15px}}
@media(max-width:620px){#albumModal .modalPanel{width:100vw!important;max-height:100vh!important;border-radius:0!important}.albumGlassPanel{padding:18px}.scoreRing{width:145px;height:145px}.trackVibeRow{grid-template-columns:36px minmax(0,1fr) 74px 30px}.trackThumb,.trackDots{display:none}.voiceComposer{grid-template-columns:44px 1fr}.voiceAvatar{width:44px;height:44px}.voiceBody p{font-size:15px}.albumPanelHeading strong,.voicesHeader strong{font-size:17px}}




/* Track vibes reference refinements */
#albumModal .albumPanelHeading div{
  align-items:center!important;
  gap:18px!important;
}
#albumModal .albumPanelHeading strong{
  font-size:23px!important;
  font-weight:650!important;
  letter-spacing:.16em!important;
  color:#d9d3ee!important;
  text-shadow:0 0 10px rgba(205,190,255,.12)!important;
}
#albumModal .albumPanelHeading p{
  margin:8px 0 0 66px!important;
  color:rgba(255,255,255,.86)!important;
  font-size:17px!important;
  font-weight:400!important;
  letter-spacing:0!important;
}
#albumModal .vibeIcon{
  width:34px!important;
  height:30px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:3px!important;
  color:transparent!important;
  text-shadow:none!important;
}
#albumModal .vibeIcon i{
  display:block!important;
  width:3px!important;
  border-radius:999px!important;
  background:linear-gradient(180deg,#f5dcff,#d85bff 52%,#8e5cff)!important;
  box-shadow:0 0 9px rgba(216,91,255,.52)!important;
}
#albumModal .vibeIcon i:nth-child(1){height:12px!important;opacity:.75!important}
#albumModal .vibeIcon i:nth-child(2){height:22px!important}
#albumModal .vibeIcon i:nth-child(3){height:30px!important}
#albumModal .vibeIcon i:nth-child(4){height:22px!important}
#albumModal .vibeIcon i:nth-child(5){height:12px!important;opacity:.75!important}
#albumModal .scoreRing{
  width:168px!important;
  height:168px!important;
  background:radial-gradient(circle at 50% 50%,#171418 0 59%,transparent 60%),conic-gradient(from -5deg,#ffae13 0 78%,rgba(255,255,255,.055) 78% 100%)!important;
  box-shadow:0 0 6px rgba(255,178,19,.82),0 0 18px rgba(255,151,0,.44),0 0 30px rgba(255,126,0,.18),inset 0 0 18px rgba(255,177,28,.10)!important;
}
#albumModal .scoreRing:before{
  inset:9px!important;
  border:3px solid #ffae13!important;
  box-shadow:0 0 7px rgba(255,186,42,.8),0 0 17px rgba(255,143,0,.44),inset 0 0 8px rgba(255,174,19,.28)!important;
}
#albumModal .scoreRing:after{
  inset:24px!important;
  background:radial-gradient(circle,#181418 0 58%,#101015 100%)!important;
}
#albumModal .scoreRing strong{
  font-weight:520!important;
  font-size:50px!important;
  letter-spacing:0!important;
  color:#f7f3ff!important;
  text-shadow:0 2px 8px rgba(0,0,0,.55)!important;
}
#albumModal .scoreRing span{
  font-weight:650!important;
  color:#ffe08a!important;
  text-shadow:none!important;
}

/* Thin neon score ring correction */
#albumModal .scoreRing{
  width:168px!important;
  height:168px!important;
  position:relative!important;
  border-radius:50%!important;
  display:grid!important;
  place-items:center!important;
  align-content:center!important;
  background:radial-gradient(circle at 50% 50%,#181519 0 62%,rgba(20,17,20,.96) 100%)!important;
  box-shadow:0 0 34px rgba(255,143,0,.18),inset 0 0 34px rgba(0,0,0,.78)!important;
}
#albumModal .scoreRing:before{
  content:""!important;
  position:absolute!important;
  inset:8px!important;
  border:0!important;
  border-radius:50%!important;
  background:conic-gradient(from -12deg,#ffcf27 0 3%,#ff9d00 6%,#ffb000 76%,rgba(255,176,0,.16) 77%,rgba(255,255,255,.035) 100%)!important;
  -webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 8px),#000 calc(100% - 7px))!important;
  mask:radial-gradient(farthest-side,transparent calc(100% - 8px),#000 calc(100% - 7px))!important;
  box-shadow:none!important;
  filter:drop-shadow(0 0 5px rgba(255,207,39,.95)) drop-shadow(0 0 14px rgba(255,145,0,.58))!important;
  pointer-events:none!important;
}
#albumModal .scoreRing:after{
  content:""!important;
  position:absolute!important;
  inset:25px!important;
  border-radius:50%!important;
  background:radial-gradient(circle at 50% 45%,rgba(255,190,42,.045),rgba(15,13,17,.92) 55%,#0b0b10 100%)!important;
  box-shadow:inset 0 0 28px rgba(0,0,0,.88)!important;
  pointer-events:none!important;
}
#albumModal .scoreRing strong{
  position:relative!important;
  z-index:2!important;
  font-weight:500!important;
  font-size:48px!important;
  line-height:1!important;
  color:#f5f1fb!important;
  text-shadow:0 2px 8px rgba(0,0,0,.62)!important;
}
#albumModal .scoreRing span{
  position:relative!important;
  z-index:2!important;
  margin-top:8px!important;
  font-size:14px!important;
  font-weight:650!important;
  color:#ffd85a!important;
}

/* Thin neon ring glow boost */
#albumModal .scoreRing{
  box-shadow:0 0 18px rgba(255,186,35,.34),0 0 46px rgba(255,136,0,.26),inset 0 0 34px rgba(0,0,0,.78)!important;
}
#albumModal .scoreRing:before{
  filter:drop-shadow(0 0 4px rgba(255,234,106,.95)) drop-shadow(0 0 10px rgba(255,187,30,.9)) drop-shadow(0 0 22px rgba(255,120,0,.58)) drop-shadow(0 0 36px rgba(255,120,0,.32))!important;
}
#albumModal .scoreRing .ringGlow,
#albumModal .scoreRing:has(strong)::marker{
  display:none!important;
}
#albumModal .scoreRing strong:before{
  content:"";
  position:absolute;
  z-index:-1;
  left:50%;
  top:50%;
  width:176px;
  height:176px;
  transform:translate(-50%,-50%);
  border-radius:50%;
  background:radial-gradient(circle,transparent 50%,rgba(255,191,32,.18) 60%,rgba(255,145,0,.14) 66%,transparent 78%);
  filter:blur(5px);
  pointer-events:none;
}

/* Sun-like blocked glow for score ring */
#albumModal .scoreRing{
  background:
    radial-gradient(circle at 50% 50%,#09090d 0 52%,transparent 53%),
    repeating-conic-gradient(from -12deg,rgba(255,184,24,.22) 0deg 3deg,transparent 3deg 11deg),
    radial-gradient(circle at 50% 50%,transparent 41%,rgba(255,201,46,.32) 51%,rgba(255,151,0,.28) 61%,rgba(255,116,0,.12) 72%,transparent 86%),
    #08090d!important;
  box-shadow:0 0 28px rgba(255,174,0,.28),0 0 64px rgba(255,129,0,.18),inset 0 0 36px rgba(0,0,0,.82)!important;
}
#albumModal .scoreRing:before{
  background:conic-gradient(from -12deg,#ffd94a 0 3%,#ff9b00 6%,#ffb000 76%,rgba(255,176,0,.18) 77%,rgba(255,255,255,.035) 100%)!important;
  -webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 7px),#000 calc(100% - 6px))!important;
  mask:radial-gradient(farthest-side,transparent calc(100% - 7px),#000 calc(100% - 6px))!important;
  filter:drop-shadow(0 0 3px rgba(255,238,117,1)) drop-shadow(0 0 9px rgba(255,198,43,.95)) drop-shadow(0 0 18px rgba(255,143,0,.78)) drop-shadow(0 0 34px rgba(255,115,0,.42))!important;
}
#albumModal .scoreRing:after{
  inset:26px!important;
  background:radial-gradient(circle at 50% 48%,#18151a 0 46%,#0f0e13 72%,#09090d 100%)!important;
  box-shadow:0 0 0 10px rgba(0,0,0,.26),inset 0 0 30px rgba(0,0,0,.92)!important;
}
#albumModal .scoreRing strong:before{
  display:none!important;
}

/* Final clean neon score ring match */
#albumModal .scoreRing{
  position:relative!important;
  isolation:isolate!important;
  width:168px!important;
  height:168px!important;
  border-radius:50%!important;
  display:grid!important;
  place-items:center!important;
  align-content:center!important;
  overflow:visible!important;
  background:
    radial-gradient(circle at 50% 50%,#111016 0 55%,rgba(14,13,17,.98) 62%,rgba(255,174,0,.07) 70%,transparent 82%)!important;
  box-shadow:
    0 0 18px rgba(255,178,0,.22),
    0 0 48px rgba(255,132,0,.16),
    inset 0 0 34px rgba(0,0,0,.88)!important;
}
#albumModal .scoreRing:before{
  content:""!important;
  position:absolute!important;
  inset:9px!important;
  border:0!important;
  border-radius:50%!important;
  background:
    conic-gradient(from -88deg,
      #fff06a 0deg,
      #ffc21f 9deg,
      #ff9800 18deg,
      #ffac09 120deg,
      #ffb10d 235deg,
      #ff8f00 330deg,
      #ffc21f 360deg)!important;
  -webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 6px),#000 calc(100% - 5px))!important;
  mask:radial-gradient(farthest-side,transparent calc(100% - 6px),#000 calc(100% - 5px))!important;
  filter:
    drop-shadow(0 0 3px rgba(255,237,106,.95))
    drop-shadow(0 0 8px rgba(255,194,31,.86))
    drop-shadow(0 0 18px rgba(255,132,0,.64))
    drop-shadow(0 0 32px rgba(255,132,0,.32))!important;
  pointer-events:none!important;
  z-index:0!important;
}
#albumModal .scoreRing:after{
  content:""!important;
  position:absolute!important;
  inset:23px!important;
  border-radius:50%!important;
  background:radial-gradient(circle at 50% 48%,#17151a 0 52%,#0f0e13 73%,#09090d 100%)!important;
  box-shadow:
    0 0 0 8px rgba(0,0,0,.22),
    inset 0 0 30px rgba(0,0,0,.92)!important;
  pointer-events:none!important;
  z-index:1!important;
}
#albumModal .scoreRing strong,
#albumModal .scoreRing span{
  position:relative!important;
  z-index:2!important;
}
#albumModal .scoreRing strong{
  font-size:48px!important;
  font-weight:500!important;
  line-height:1!important;
  color:#f7f3ff!important;
  text-shadow:0 2px 8px rgba(0,0,0,.72)!important;
}
#albumModal .scoreRing span{
  margin-top:8px!important;
  color:#ffd95f!important;
  font-size:14px!important;
  font-weight:650!important;
  text-shadow:0 0 8px rgba(255,194,31,.18)!important;
}
#albumModal .scoreRing strong:before{
  display:none!important;
}

/* Solar material for clean score ring */
#albumModal .scoreRing{
  background:
    radial-gradient(circle at 50% 50%,#100f14 0 54%,rgba(16,14,18,.98) 61%,rgba(255,164,0,.10) 69%,rgba(255,119,0,.055) 78%,transparent 86%)!important;
  box-shadow:
    0 0 16px rgba(255,211,64,.30),
    0 0 40px rgba(255,153,0,.28),
    0 0 78px rgba(255,105,0,.14),
    inset 0 0 34px rgba(0,0,0,.88)!important;
}
#albumModal .scoreRing:before{
  background:
    conic-gradient(from -88deg,
      #fff7a8 0deg,
      #ffd34a 7deg,
      #ff9e00 18deg,
      #ffb10a 52deg,
      #ffef65 84deg,
      #ffac05 112deg,
      #ff8500 168deg,
      #ffc21d 218deg,
      #fff27d 252deg,
      #ff9b00 292deg,
      #ff7900 332deg,
      #ffd44d 360deg)!important;
  -webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 6px),#000 calc(100% - 5px))!important;
  mask:radial-gradient(farthest-side,transparent calc(100% - 6px),#000 calc(100% - 5px))!important;
  filter:
    saturate(1.28)
    brightness(1.18)
    drop-shadow(0 0 2px rgba(255,255,190,.98))
    drop-shadow(0 0 7px rgba(255,218,69,.98))
    drop-shadow(0 0 16px rgba(255,154,0,.78))
    drop-shadow(0 0 34px rgba(255,102,0,.44))!important;
}
#albumModal .scoreRing:after{
  background:
    radial-gradient(circle at 50% 48%,rgba(29,23,19,.96) 0 18%,#17151a 42%,#0f0e13 73%,#09090d 100%)!important;
  box-shadow:
    0 0 0 8px rgba(0,0,0,.22),
    0 0 22px rgba(255,142,0,.10),
    inset 0 0 30px rgba(0,0,0,.94)!important;
}

/* Exact solar score ring cleanup */
#albumModal .scoreRing{
  position:relative!important;
  isolation:isolate!important;
  width:168px!important;
  height:168px!important;
  border-radius:50%!important;
  display:grid!important;
  place-items:center!important;
  align-content:center!important;
  overflow:visible!important;
  background:radial-gradient(circle at 50% 50%,transparent 48%,rgba(255,182,20,.13) 58%,rgba(255,128,0,.14) 68%,rgba(255,125,0,.055) 78%,transparent 88%)!important;
  box-shadow:none!important;
}
#albumModal .scoreRing:before{
  content:""!important;
  position:absolute!important;
  inset:9px!important;
  border:0!important;
  border-radius:50%!important;
  background:conic-gradient(from -86deg,#fff08a 0deg,#ffc531 9deg,#ff9e00 21deg,#ffb113 68deg,#ffcf37 118deg,#ff9700 174deg,#ffb018 236deg,#ffdc58 284deg,#ff9600 334deg,#ffc739 360deg)!important;
  -webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 6px),#000 calc(100% - 5px))!important;
  mask:radial-gradient(farthest-side,transparent calc(100% - 6px),#000 calc(100% - 5px))!important;
  filter:saturate(1.18) brightness(1.08) drop-shadow(0 0 2px rgba(255,247,172,.95)) drop-shadow(0 0 7px rgba(255,202,45,.92)) drop-shadow(0 0 15px rgba(255,151,0,.78)) drop-shadow(0 0 28px rgba(255,118,0,.36))!important;
  pointer-events:none!important;
  z-index:1!important;
}
#albumModal .scoreRing:after{
  content:""!important;
  position:absolute!important;
  inset:26px!important;
  border-radius:50%!important;
  background:radial-gradient(circle at 50% 48%,rgba(27,22,18,.96) 0 18%,#151319 50%,#0d0d12 100%)!important;
  box-shadow:inset 0 0 28px rgba(0,0,0,.92)!important;
  pointer-events:none!important;
  z-index:2!important;
}
#albumModal .scoreRing strong,
#albumModal .scoreRing span{
  position:relative!important;
  z-index:4!important;
}
#albumModal .scoreRing strong{
  font-size:48px!important;
  font-weight:500!important;
  line-height:1!important;
  color:#f8f5ff!important;
  text-shadow:0 2px 8px rgba(0,0,0,.75)!important;
}
#albumModal .scoreRing span{
  margin-top:8px!important;
  color:#ffd95f!important;
  font-size:14px!important;
  font-weight:650!important;
  text-shadow:0 0 8px rgba(255,196,35,.18)!important;
}
#albumModal .scoreRing strong:before{
  content:""!important;
  display:block!important;
  position:absolute!important;
  left:50%!important;
  top:50%!important;
  width:168px!important;
  height:168px!important;
  transform:translate(-50%,-50%)!important;
  border-radius:50%!important;
  background:conic-gradient(from -90deg,#fff7b0 0deg,#ffd03d 10deg,transparent 22deg 360deg)!important;
  -webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 8px),#000 calc(100% - 5px))!important;
  mask:radial-gradient(farthest-side,transparent calc(100% - 8px),#000 calc(100% - 5px))!important;
  filter:drop-shadow(0 0 5px rgba(255,235,96,.95)) drop-shadow(0 0 12px rgba(255,172,0,.74))!important;
  pointer-events:none!important;
  z-index:-1!important;
}

/* Remove ghost ring and add dynamic shine */
#albumModal .scoreRing{
  width:168px!important;
  height:168px!important;
  background:transparent!important;
  box-shadow:none!important;
  overflow:visible!important;
}
#albumModal .scoreRing:before{
  inset:10px!important;
  background:
    conic-gradient(from -86deg,
      #fff6a6 0deg,
      #ffd64b 8deg,
      #ff9b00 18deg,
      #ffb000 72deg,
      #ffd12f 120deg,
      #ff9700 180deg,
      #ffb000 240deg,
      #fff06f 286deg,
      #ff9a00 334deg,
      #ffd64b 360deg)!important;
  -webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 7px),#000 calc(100% - 6px))!important;
  mask:radial-gradient(farthest-side,transparent calc(100% - 7px),#000 calc(100% - 6px))!important;
  filter:
    brightness(1.18)
    saturate(1.18)
    drop-shadow(0 0 3px rgba(255,246,166,1))
    drop-shadow(0 0 9px rgba(255,204,54,.95))
    drop-shadow(0 0 20px rgba(255,145,0,.78))
    drop-shadow(0 0 42px rgba(255,116,0,.42))!important;
  opacity:1!important;
  z-index:1!important;
}
#albumModal .scoreRing:after{
  inset:27px!important;
  background:radial-gradient(circle at 50% 48%,#171419 0 45%,#0d0d12 100%)!important;
  box-shadow:inset 0 0 30px rgba(0,0,0,.94)!important;
  z-index:2!important;
}
#albumModal .scoreRing strong:before{
  content:""!important;
  display:block!important;
  position:absolute!important;
  left:50%!important;
  top:50%!important;
  width:168px!important;
  height:168px!important;
  transform:translate(-50%,-50%)!important;
  border-radius:50%!important;
  background:
    conic-gradient(from -90deg,
      transparent 0deg,
      transparent 342deg,
      rgba(255,255,185,.98) 350deg,
      rgba(255,204,42,.95) 360deg)!important;
  -webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 8px),#000 calc(100% - 5px))!important;
  mask:radial-gradient(farthest-side,transparent calc(100% - 8px),#000 calc(100% - 5px))!important;
  filter:drop-shadow(0 0 5px rgba(255,246,166,1)) drop-shadow(0 0 14px rgba(255,174,0,.9))!important;
  pointer-events:none!important;
  z-index:-1!important;
}
#albumModal .scoreRing span:before{
  content:""!important;
  position:absolute!important;
  left:50%!important;
  top:-104px!important;
  width:210px!important;
  height:210px!important;
  transform:translateX(-50%)!important;
  border-radius:50%!important;
  background:radial-gradient(circle,transparent 54%,rgba(255,166,0,.18) 59%,rgba(255,124,0,.11) 66%,transparent 78%)!important;
  filter:blur(7px)!important;
  pointer-events:none!important;
  z-index:-2!important;
}

/* Single score ring only */
#albumModal .scoreRing{
  background:transparent!important;
  box-shadow:none!important;
}
#albumModal .scoreRing:before{
  inset:10px!important;
  background:conic-gradient(from -86deg,#fff6a6 0deg,#ffd64b 8deg,#ff9b00 18deg,#ffb000 72deg,#ffd12f 120deg,#ff9700 180deg,#ffb000 240deg,#fff06f 286deg,#ff9a00 334deg,#ffd64b 360deg)!important;
  -webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 7px),#000 calc(100% - 6px))!important;
  mask:radial-gradient(farthest-side,transparent calc(100% - 7px),#000 calc(100% - 6px))!important;
  filter:brightness(1.18) saturate(1.18) drop-shadow(0 0 3px rgba(255,246,166,1)) drop-shadow(0 0 9px rgba(255,204,54,.95)) drop-shadow(0 0 20px rgba(255,145,0,.78)) drop-shadow(0 0 38px rgba(255,116,0,.38))!important;
  opacity:1!important;
}
#albumModal .scoreRing:after{
  inset:27px!important;
  background:radial-gradient(circle at 50% 48%,#171419 0 45%,#0d0d12 100%)!important;
  box-shadow:inset 0 0 30px rgba(0,0,0,.94)!important;
}
#albumModal .scoreRing strong:before,
#albumModal .scoreRing span:before{
  content:none!important;
  display:none!important;
}

/* Community voices reference refinements */
#albumModal .voicesHeader{
  align-items:flex-start!important;
  margin-bottom:28px!important;
}
#albumModal .voicesHeader>div{
  display:grid!important;
  grid-template-columns:42px minmax(0,1fr)!important;
  column-gap:14px!important;
  row-gap:6px!important;
  align-items:center!important;
}
#albumModal .voicesHeader strong{
  grid-column:2!important;
  font-size:22px!important;
  font-weight:650!important;
  letter-spacing:.13em!important;
  color:#d9d3ee!important;
  text-transform:uppercase!important;
  text-shadow:0 0 10px rgba(205,190,255,.12)!important;
}
#albumModal .voicesHeader p{
  grid-column:2!important;
  margin:0!important;
  color:rgba(255,255,255,.88)!important;
  font-size:17px!important;
  font-weight:400!important;
  letter-spacing:0!important;
}
#albumModal .messageIcon{
  grid-row:1 / span 2!important;
  width:36px!important;
  height:36px!important;
  display:grid!important;
  place-items:center!important;
  color:#d875ff!important;
  text-shadow:none!important;
}
#albumModal .messageIcon svg{
  width:30px!important;
  height:30px!important;
  display:block!important;
  overflow:visible!important;
  filter:drop-shadow(0 0 8px rgba(216,91,255,.45))!important;
}
#albumModal .messageIcon path,
#albumModal .messageIcon circle{
  fill:none!important;
  stroke:currentColor!important;
  stroke-width:1.8!important;
  stroke-linecap:round!important;
  stroke-linejoin:round!important;
}
#albumModal .messageIcon circle{
  fill:currentColor!important;
  stroke:none!important;
}
#albumModal .voiceSortBtn{
  min-width:132px!important;
  height:58px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:14px!important;
  padding:0 26px!important;
  border-radius:999px!important;
  border:1px solid rgba(255,255,255,.12)!important;
  background:rgba(255,255,255,.025)!important;
  color:#f8f5ff!important;
  font-size:22px!important;
  font-weight:500!important;
  line-height:1!important;
}
#albumModal .sortChevron{
  width:9px!important;
  height:9px!important;
  border-right:2px solid currentColor!important;
  border-bottom:2px solid currentColor!important;
  transform:rotate(45deg) translateY(-2px)!important;
  opacity:.88!important;
}
#albumModal .voiceComposer textarea{
  font-family:inherit!important;
  font-size:20px!important;
  font-weight:400!important;
  letter-spacing:0!important;
  line-height:1.45!important;
}
#albumModal .voiceComposer textarea::placeholder{
  color:rgba(255,255,255,.56)!important;
  font-family:inherit!important;
  font-weight:400!important;
  letter-spacing:0!important;
}
#albumModal .composerFoot em{
  font-size:18px!important;
  font-weight:400!important;
  color:rgba(255,255,255,.58)!important;
}

/* Stable CSS message icon */
#albumModal .messageIcon{
  position:relative!important;
  width:34px!important;
  height:30px!important;
  display:block!important;
  color:#d875ff!important;
  filter:drop-shadow(0 0 8px rgba(216,91,255,.45))!important;
}
#albumModal .messageIcon:before{
  content:""!important;
  position:absolute!important;
  left:2px!important;
  top:3px!important;
  width:25px!important;
  height:18px!important;
  border:2px solid currentColor!important;
  border-radius:7px!important;
  background:transparent!important;
}
#albumModal .messageIcon:after{
  content:""!important;
  position:absolute!important;
  left:8px!important;
  top:19px!important;
  width:9px!important;
  height:9px!important;
  border-left:2px solid currentColor!important;
  border-bottom:2px solid currentColor!important;
  transform:skew(-18deg) rotate(-12deg)!important;
  background:transparent!important;
}
#albumModal .messageIcon i{
  position:absolute!important;
  top:11px!important;
  width:3px!important;
  height:3px!important;
  border-radius:50%!important;
  background:currentColor!important;
  display:block!important;
  z-index:2!important;
}
#albumModal .messageIcon i:nth-child(1){left:9px!important}
#albumModal .messageIcon i:nth-child(2){left:16px!important}
#albumModal .messageIcon i:nth-child(3){left:23px!important}
#albumModal .messageIcon svg,
#albumModal .messageIcon path,
#albumModal .messageIcon circle{
  display:none!important;
}

/* Exact community message icon */
#albumModal .messageIcon{
  position:relative!important;
  width:34px!important;
  height:30px!important;
  display:block!important;
  color:#d86cff!important;
  filter:drop-shadow(0 0 7px rgba(216,108,255,.42))!important;
}
#albumModal .messageIcon:before{
  content:""!important;
  position:absolute!important;
  left:2px!important;
  top:2px!important;
  width:25px!important;
  height:17px!important;
  border:2px solid currentColor!important;
  border-radius:6px!important;
  background:transparent!important;
  box-sizing:border-box!important;
}
#albumModal .messageIcon:after{
  content:""!important;
  position:absolute!important;
  left:8px!important;
  top:17px!important;
  width:9px!important;
  height:7px!important;
  border-left:2px solid currentColor!important;
  border-bottom:2px solid currentColor!important;
  transform:skewX(-28deg)!important;
  background:transparent!important;
  box-sizing:border-box!important;
}
#albumModal .messageIcon i{
  position:absolute!important;
  top:9px!important;
  width:3px!important;
  height:3px!important;
  border-radius:50%!important;
  background:currentColor!important;
  display:block!important;
  z-index:2!important;
}
#albumModal .messageIcon i:nth-child(1){left:8px!important}
#albumModal .messageIcon i:nth-child(2){left:14px!important}
#albumModal .messageIcon i:nth-child(3){left:20px!important}

/* Immersive album detail page */
#albumModal{align-items:center!important;background:rgba(0,0,0,.78)!important;backdrop-filter:blur(12px)!important}
#albumModal .modalPanel{width:min(1420px,96vw)!important;max-height:94vh!important;border-radius:30px!important;padding:0!important;overflow:auto!important;background:radial-gradient(circle at 20% 0%,rgba(242,201,76,.14),transparent 34%),linear-gradient(145deg,#151720,#08090d)!important;border:1px solid rgba(255,255,255,.10)!important;box-shadow:0 40px 130px rgba(0,0,0,.72)!important;color:#fff!important}
#albumModal .close{z-index:8;right:22px!important;top:20px!important;background:rgba(255,255,255,.08)!important;color:#fff!important;border:1px solid rgba(255,255,255,.12)!important}
.albumImmersion{padding:28px;display:grid;gap:26px}.albumSleeveHero{position:relative;overflow:hidden;display:grid;grid-template-columns:310px minmax(0,1fr);gap:32px;align-items:center;min-height:360px;border-radius:26px;padding:34px;background:radial-gradient(circle at 82% 20%,rgba(242,201,76,.18),transparent 32%),linear-gradient(135deg,rgba(255,255,255,.065),rgba(255,255,255,.02));border:1px solid rgba(255,255,255,.10);box-shadow:inset 0 1px 0 rgba(255,255,255,.04)}.albumSleeveHero:before{content:"";position:absolute;inset:0;background-image:linear-gradient(90deg,rgba(8,9,13,.92),rgba(8,9,13,.72)),var(--album-cover);background-size:cover;background-position:center;filter:blur(28px) saturate(1.1);transform:scale(1.12);opacity:.36}.sleeveArt,.sleeveCopy{position:relative;z-index:1}.sleeveArt .cover{height:auto!important;aspect-ratio:1/1!important;border-radius:22px!important;box-shadow:0 28px 70px rgba(0,0,0,.46),0 0 36px rgba(242,201,76,.10)!important}.sleeveArt .cover img{height:100%!important}.sleeveCopy .eyebrow{color:rgba(242,201,76,.9)!important;letter-spacing:.14em!important}.sleeveCopy h2{font-size:52px;line-height:.98;margin:0 0 10px;letter-spacing:-.04em}.sleeveArtist{font-size:22px;color:rgba(255,255,255,.78);font-weight:750;margin-bottom:18px}.sleeveSummary{max-width:720px;color:rgba(255,255,255,.82);font-size:18px;line-height:1.55;margin:0 0 24px}.sleeveStats{display:flex;gap:16px;flex-wrap:wrap;margin-bottom:22px}.sleeveStats div{min-width:126px;padding:14px 16px;border-radius:18px;background:rgba(0,0,0,.24);border:1px solid rgba(255,255,255,.08)}.sleeveStats strong{display:block;color:#ffe665;font-size:30px;line-height:1}.sleeveStats span{display:block;margin-top:6px;color:rgba(255,255,255,.62);font-size:12px;font-weight:850;text-transform:uppercase;letter-spacing:.06em}.sleeveActions{display:flex;gap:12px;flex-wrap:wrap}.sleeveActions button,.sleeveActions a{border:0;text-decoration:none;border-radius:999px;padding:13px 18px;background:var(--accent);color:#111;font-weight:950}.sleeveActions a{background:rgba(255,255,255,.07);color:#fff;border:1px solid rgba(255,255,255,.12)}
.albumDeepDive{display:grid;grid-template-columns:1.08fr .92fr;gap:22px}.albumPanel{border-radius:24px;padding:24px;background:linear-gradient(145deg,rgba(255,255,255,.055),rgba(255,255,255,.02));border:1px solid rgba(255,255,255,.09);box-shadow:0 18px 54px rgba(0,0,0,.28)}.deepSectionTitle{display:flex;gap:14px;align-items:center;margin-bottom:18px}.deepSectionTitle>span{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:rgba(242,201,76,.12);color:#ffe665;box-shadow:0 0 18px rgba(242,201,76,.10)}.deepSectionTitle h3{margin:0;font-size:28px;letter-spacing:-.02em}.deepSectionTitle p{margin:4px 0 0;color:rgba(255,255,255,.66);font-size:15px}.trackAtmosphere{display:grid;grid-template-columns:190px 1fr;gap:22px;align-items:center;margin-bottom:18px}.trackAtmosphere .scoreRing{transform:scale(.9);transform-origin:center}.trackStoryList{display:grid;grid-template-columns:1fr 1fr;gap:14px}.trackStoryCard{position:relative;display:grid;grid-template-columns:44px 62px minmax(0,1fr) auto;gap:13px;align-items:center;min-height:112px;padding:14px;border-radius:18px;background:linear-gradient(145deg,rgba(255,255,255,.065),rgba(255,255,255,.025));border:1px solid rgba(255,255,255,.075);transition:.18s ease}.trackStoryCard:hover{transform:translateY(-2px);border-color:rgba(242,201,76,.25);box-shadow:0 18px 44px rgba(0,0,0,.32)}.trackStoryPlay{width:36px;height:36px;border-radius:50%;border:1px solid rgba(242,201,76,.75);background:transparent;color:#ffe665;font-weight:950}.trackStoryCover{width:62px;height:62px;border-radius:12px;overflow:hidden;background:rgba(255,255,255,.05);display:grid;place-items:center;color:#ffe665;font-weight:950}.trackStoryCover img{width:100%;height:100%;object-fit:cover}.trackStoryText span{display:block;color:#ffe665;font-size:11px;text-transform:uppercase;letter-spacing:.08em;font-weight:950;margin-bottom:5px}.trackStoryText strong{display:block;font-size:16px;line-height:1.18;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.trackStoryText em{display:block;margin-top:5px;color:rgba(255,255,255,.58);font-size:13px;font-style:normal}.trackStoryScore{grid-column:4;grid-row:1;border:0;background:rgba(242,201,76,.12);color:#ffe665;border-radius:14px;padding:9px 11px;font-weight:950}.trackStoryScore span{display:block;font-size:18px;line-height:1}.trackStoryScore small{display:block;color:rgba(255,255,255,.55);font-size:10px;text-transform:uppercase}.trackStoryComment{grid-column:3 / 5;justify-self:start;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.035);color:rgba(255,255,255,.74);border-radius:999px;padding:7px 12px;font-weight:850;font-size:12px}.listenerReactions{background:radial-gradient(circle at 90% 0%,rgba(242,201,76,.12),transparent 30%),linear-gradient(145deg,rgba(255,255,255,.05),rgba(255,255,255,.018))}.reactionComposer{display:grid;grid-template-columns:54px minmax(0,1fr);gap:14px;padding:16px;border-radius:20px;background:rgba(0,0,0,.20);border:1px solid rgba(255,255,255,.08);margin-bottom:18px}.reactionComposer textarea{border:0;background:transparent;color:#fff;outline:0;resize:none;min-height:88px;font-family:inherit;font-size:17px;line-height:1.45}.reactionComposer textarea::placeholder{color:rgba(255,255,255,.48)}.reactionComposer button{grid-column:2;justify-self:end;border:0;border-radius:999px;background:var(--accent);color:#111;font-weight:950;padding:11px 22px}.reactionList .voiceItem{border-color:rgba(255,255,255,.07)!important}.reactionList .voiceBody p{font-size:16px!important;color:rgba(255,255,255,.78)!important}.reactionList .voiceActions span{color:#ffe665!important}
@media(max-width:1050px){.albumSleeveHero,.albumDeepDive{grid-template-columns:1fr}.sleeveArt{max-width:320px}.trackStoryList{grid-template-columns:1fr}.trackAtmosphere{grid-template-columns:1fr}}
@media(max-width:620px){.albumImmersion{padding:18px}.albumSleeveHero{padding:20px}.sleeveCopy h2{font-size:36px}.albumPanel{padding:18px}.trackStoryCard{grid-template-columns:38px 52px minmax(0,1fr)}.trackStoryScore{grid-column:3;grid-row:2}.trackStoryComment{grid-column:2 / 4}.trackStoryCover{width:52px;height:52px}}

/* Editorial track highlights */
.trackStoryList{display:grid!important;gap:16px!important}
.trackEditorialLead{display:grid;grid-template-columns:1.1fr .9fr;gap:16px;align-items:stretch}.trackEditorialSide{display:grid;gap:16px}.trackEditorialStrip{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(260px,1fr);gap:14px;overflow-x:auto;padding:2px 2px 8px;scrollbar-width:thin}.trackEditorialStrip::-webkit-scrollbar{height:6px}.trackEditorialStrip::-webkit-scrollbar-thumb{background:rgba(242,201,76,.35);border-radius:999px}
.trackStoryCard{grid-template-columns:58px minmax(0,1fr) auto!important;min-height:128px!important;padding:18px!important;border-radius:22px!important;background:radial-gradient(circle at 10% 20%,rgba(242,201,76,.12),transparent 30%),linear-gradient(145deg,rgba(255,255,255,.055),rgba(255,255,255,.018))!important;border:1px solid rgba(255,255,255,.075)!important}.featuredTrackStory{min-height:272px!important;align-content:end;background:radial-gradient(circle at 18% 18%,rgba(242,201,76,.22),transparent 34%),linear-gradient(145deg,rgba(32,28,18,.74),rgba(12,13,18,.94))!important;border-color:rgba(242,201,76,.18)!important}.trackVisualAccent{width:58px;height:58px;border-radius:18px;display:flex;align-items:end;justify-content:center;gap:4px;padding:12px;background:rgba(242,201,76,.10);box-shadow:inset 0 0 18px rgba(242,201,76,.06)}.trackVisualAccent span{display:block;width:5px;border-radius:999px;background:linear-gradient(#ffe86c,#d89b10);box-shadow:0 0 10px rgba(242,201,76,.32)}.trackVisualAccent span:nth-child(1){height:18px}.trackVisualAccent span:nth-child(2){height:34px}.trackVisualAccent span:nth-child(3){height:25px}.trackVisualAccent span:nth-child(4){height:42px}.featuredTrackStory .trackVisualAccent{width:74px;height:74px;border-radius:24px}.trackStoryText span{color:rgba(242,201,76,.88)!important}.trackStoryText strong{font-size:18px!important;white-space:normal!important}.featuredTrackStory .trackStoryText strong{font-size:30px!important;line-height:1.02!important;letter-spacing:-.03em}.trackStoryText em{font-size:14px!important;color:rgba(255,255,255,.64)!important}.trackStoryScore{background:transparent!important;border:1px solid rgba(242,201,76,.22)!important;color:#ffe665!important}.trackStoryScore:empty{display:none!important}.trackStoryScore small{color:rgba(255,255,255,.50)!important}.trackStoryComment{grid-column:2!important;background:transparent!important;border-color:rgba(255,255,255,.12)!important;color:rgba(255,255,255,.74)!important}.trackStoryPlay{grid-column:3!important;grid-row:2!important;width:auto!important;height:auto!important;border-radius:999px!important;padding:8px 14px!important;background:rgba(242,201,76,.14)!important;border-color:rgba(242,201,76,.30)!important;color:#ffe665!important}.reactionComposer textarea::placeholder{color:rgba(255,255,255,.58)!important}.reactionList .emptyMini{border:1px solid rgba(242,201,76,.16);border-radius:18px;padding:18px!important;background:rgba(242,201,76,.055);color:rgba(255,255,255,.74)!important}.reactionList .emptyMini:before{content:"Start the conversation: ";color:#ffe665;font-weight:900}
@media(max-width:900px){.trackEditorialLead{grid-template-columns:1fr}.trackEditorialStrip{grid-auto-columns:minmax(230px,86vw)}}

/* Liner notes album popup reference */
#albumModal{align-items:center!important;background:rgba(0,0,0,.82)!important;backdrop-filter:blur(10px)!important}
#albumModal .modalPanel{width:min(1380px,96vw)!important;max-height:95vh!important;padding:0!important;border-radius:18px!important;overflow:auto!important;background:#07080b!important;border:1px solid rgba(255,255,255,.13)!important;box-shadow:0 40px 130px rgba(0,0,0,.78)!important;color:#fff!important}
#albumModal .close{right:18px!important;top:18px!important;z-index:10;background:rgba(0,0,0,.44)!important;border:1px solid rgba(255,255,255,.22)!important;color:#fff!important}
.linerAlbumPage{position:relative;padding:22px 38px 24px;background:radial-gradient(circle at 64% 8%,rgba(255,201,76,.12),transparent 24%),linear-gradient(180deg,rgba(255,255,255,.035),rgba(255,255,255,.01));overflow:hidden}.linerTabs{position:relative;z-index:3;display:flex;justify-content:center;gap:8px;margin:0 auto 18px}.linerTabs button{border:1px solid rgba(255,255,255,.13);background:rgba(0,0,0,.34);color:#fff;border-radius:999px;padding:12px 28px;font-weight:850;font-size:15px}.linerTabs .active{color:#ffd51f;border-color:rgba(242,201,76,.45);background:rgba(111,88,10,.36);box-shadow:0 0 22px rgba(242,201,76,.18)}
.linerHero{position:relative;display:grid;grid-template-columns:330px minmax(0,1fr);gap:32px;align-items:center;min-height:420px;margin-top:-6px}.linerHero:before{content:"";position:absolute;inset:-80px -38px -30px;background:linear-gradient(90deg,rgba(7,8,11,.88) 0%,rgba(7,8,11,.55) 48%,rgba(7,8,11,.94) 100%),var(--album-cover);background-size:cover;background-position:center;filter:blur(22px) saturate(.9);transform:scale(1.1);opacity:.46}.linerHero:after{content:"";position:absolute;right:-38px;top:-70px;width:46%;height:520px;background:linear-gradient(90deg,transparent,rgba(0,0,0,.2)),var(--album-cover);background-size:cover;background-position:center;opacity:.16;filter:grayscale(.1) contrast(1.1)}.linerCover,.linerHeroCopy{position:relative;z-index:2}.linerCover .cover{height:auto!important;aspect-ratio:1/1!important;border-radius:14px!important;background:#fff!important;padding:16px!important;box-shadow:0 24px 70px rgba(0,0,0,.56)!important}.linerCover .cover img{height:100%!important;border-radius:4px!important;object-fit:cover!important}.linerHeroCopy{max-width:700px}.linerHeroCopy .eyebrow{margin:0 0 8px!important;color:#ffd51f!important;font-size:13px!important;font-weight:950!important;letter-spacing:.06em!important;text-transform:uppercase!important}.linerHeroCopy h2{font-size:48px;line-height:1.02;margin:0 0 8px;letter-spacing:-.04em}.linerHeroCopy h3{margin:0 0 18px;font-size:20px}.linerHeroCopy h3 span{display:inline-grid;place-items:center;width:16px;height:16px;border-radius:50%;background:#8064ff;color:white;font-size:8px;vertical-align:middle;margin-left:6px}.linerHeroCopy p{max-width:600px;margin:0 0 16px;color:rgba(255,255,255,.78);line-height:1.55;font-size:16px}.linerTags{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:20px}.linerTags span{padding:8px 13px;border-radius:999px;background:rgba(255,255,255,.07);color:rgba(255,255,255,.76);font-size:12px;font-weight:750}.linerStats{display:flex;gap:22px;align-items:center;margin-bottom:22px}.linerStats div{min-width:120px;border-right:1px solid rgba(255,255,255,.12);padding-right:22px}.linerStats div:last-child{border-right:0}.linerStats strong{display:block;color:#ffd51f;font-size:34px;line-height:1}.linerStats span{display:block;margin-top:6px;color:rgba(255,255,255,.62);font-size:11px;font-weight:950;text-transform:uppercase;letter-spacing:.06em}.linerActions{display:flex;gap:12px}.linerActions button,.linerActions a{border-radius:999px;padding:13px 20px;text-decoration:none;font-weight:950;border:1px solid rgba(255,255,255,.16)}.linerActions button{background:#ffd12d;color:#111;border-color:#ffd12d}.linerActions a{background:rgba(0,0,0,.30);color:#fff}
.linerContentGrid{display:grid;grid-template-columns:1.15fr .85fr;gap:14px;position:relative;z-index:2}.linerPanel{border:1px solid rgba(255,255,255,.11);background:linear-gradient(145deg,rgba(255,255,255,.045),rgba(255,255,255,.014));border-radius:16px;padding:20px;box-shadow:inset 0 1px 0 rgba(255,255,255,.04)}.linerPanelTitle{display:flex;gap:13px;align-items:flex-start;margin-bottom:18px}.linerPanelTitle>span{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:rgba(242,201,76,.12);color:#ffd51f}.linerPanelTitle h3{margin:0;text-transform:uppercase;letter-spacing:.05em;font-size:20px}.linerPanelTitle p{margin:5px 0 0;color:rgba(255,255,255,.66);font-size:13px}.linerScoreRow{display:grid;grid-template-columns:210px 1fr;gap:26px;align-items:center;margin-bottom:18px}.linerScoreRow .scoreRing{transform:scale(.78);transform-origin:left center}.linerScoreRow .ratingBars{border-left:1px solid rgba(255,255,255,.10);padding-left:22px}.linerFeaturedTrack{position:relative;overflow:hidden;display:grid;grid-template-columns:56px minmax(0,1fr) 90px 170px;gap:16px;align-items:center;min-height:150px;border-radius:16px;padding:18px;background:linear-gradient(90deg,rgba(242,201,76,.10),rgba(255,255,255,.025));border:1px solid rgba(242,201,76,.13);margin-bottom:14px}.featurePlay{width:44px;height:44px;border-radius:50%;border:1px solid #ffd51f;background:transparent;color:#ffd51f}.featureTrackCopy span{color:#ffd51f;text-transform:uppercase;font-weight:950;font-size:11px}.featureTrackCopy h4{font-size:20px;margin:6px 0 10px}.featureWave{display:flex;gap:3px;height:20px;align-items:center}.featureWave i{width:3px;border-radius:999px;background:#ffd51f;box-shadow:0 0 8px rgba(242,201,76,.35)}.featureWave i:nth-child(odd){height:9px}.featureWave i:nth-child(even){height:17px}.featureTrackCopy p{font-size:12px;color:rgba(255,255,255,.64);margin:10px 0 0}.featureTrackScore strong{display:block;color:#ffd51f;font-size:18px}.featureTrackScore span{font-size:12px;color:rgba(255,255,255,.64)}.featureCover{height:118px;border-radius:12px;overflow:hidden;opacity:.55}.featureCover img{width:100%;height:100%;object-fit:cover}.linerTrackTable{border-radius:14px;overflow:hidden;background:rgba(0,0,0,.18);border:1px solid rgba(255,255,255,.05)}.trackTableHead,.linerTrackRow{display:grid;grid-template-columns:34px 34px minmax(0,1fr) 82px 38px 34px;gap:12px;align-items:center;padding:11px 14px;border-top:1px solid rgba(255,255,255,.06)}.trackTableHead{border-top:0;color:rgba(255,255,255,.48);font-size:11px;text-transform:uppercase;font-weight:950}.trackTableHead span:nth-child(2){grid-column:3}.trackTableHead span:nth-child(3){grid-column:4}.trackNo{color:rgba(255,255,255,.55)}.trackPulse,.trackLove,.trackDots,.trackRowScore{border:0;background:transparent;color:rgba(255,255,255,.7)}.trackPulse{color:#ffd51f}.linerTrackRow strong{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.trackRowScore{color:#ffd51f;font-weight:900;text-align:left}.viewTracklist{width:100%;padding:14px;border:0;border-top:1px solid rgba(255,255,255,.06);background:rgba(0,0,0,.18);color:rgba(255,255,255,.78);font-size:15px}
.linerComposer{display:grid;grid-template-columns:54px minmax(0,1fr);gap:16px;padding:16px;border:1px solid rgba(255,255,255,.10);border-radius:18px;background:rgba(0,0,0,.24);margin-bottom:14px}.linerComposer textarea{border:0;background:transparent;color:#fff;outline:0;resize:none;min-height:74px;font-family:inherit;font-size:15px}.linerComposer textarea::placeholder{color:rgba(255,255,255,.54)}.linerComposer>div:last-child{grid-column:1/-1;display:flex;align-items:center;gap:16px}.linerComposer em{margin-left:auto;color:rgba(255,255,255,.55);font-style:normal}.linerComposer button{border:0;border-radius:999px;background:#ffd12d;color:#111;font-weight:950;padding:11px 22px}.reactionFilters{display:flex;gap:8px;margin-bottom:12px}.reactionFilters button{border:0;border-radius:999px;background:rgba(255,255,255,.04);color:rgba(255,255,255,.68);padding:7px 12px}.reactionFilters .active{background:rgba(242,201,76,.16);color:#ffd51f}.linerReaction{display:grid;grid-template-columns:48px minmax(0,1fr) 26px;gap:13px;padding:16px 0;border-top:1px solid rgba(255,255,255,.07)}.reactionAvatar{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#ffd95c,#895d12);color:#111;font-weight:950}.reactionMeta{display:flex;gap:10px}.reactionMeta span{color:rgba(255,255,255,.48)}.reactionBody p{margin:8px 0 12px;color:rgba(255,255,255,.78);line-height:1.45}.reactionActions{display:flex;gap:22px}.reactionActions span{color:#ffd51f}.reactionActions button,.reactionMore{border:0;background:transparent;color:rgba(255,255,255,.55)}.reactionBody small{display:block;color:rgba(255,255,255,.48);margin-top:10px}.allReactions{width:100%;border:1px solid rgba(255,255,255,.08);background:rgba(0,0,0,.18);color:rgba(255,255,255,.74);border-radius:999px;padding:13px;margin-top:12px}.albumReactionEmpty{border:1px solid rgba(242,201,76,.14);background:rgba(242,201,76,.05);border-radius:16px;padding:18px!important;color:rgba(255,255,255,.72)!important}.linerPlayer{display:flex;justify-content:space-between;align-items:center;margin-top:18px;border:1px solid rgba(255,255,255,.10);background:rgba(0,0,0,.28);border-radius:14px;padding:12px 18px}.linerPlayer>div:first-child{display:flex;align-items:center;gap:14px}.linerPlayer .cover{width:62px!important;height:62px!important;border-radius:8px!important}.linerPlayer .cover img{height:100%!important}.linerPlayer strong{display:block}.linerPlayer span{color:rgba(255,255,255,.58);font-size:13px}.linerPlayer button{border:0;background:transparent;color:#fff;font-size:18px}.linerPlayer .playNow{width:48px;height:48px;border-radius:50%;background:#ffd12d;color:#111;margin:0 18px}
@media(max-width:1050px){.linerHero,.linerContentGrid{grid-template-columns:1fr}.linerHero:after{display:none}.linerCover{max-width:310px}.linerScoreRow{grid-template-columns:1fr}.linerScoreRow .scoreRing{transform:scale(.9)}}
@media(max-width:650px){.linerAlbumPage{padding:16px}.linerTabs{overflow-x:auto;justify-content:flex-start}.linerTabs button{white-space:nowrap}.linerHeroCopy h2{font-size:34px}.linerStats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.linerStats div{border-right:0;padding-right:0}.linerFeaturedTrack{grid-template-columns:46px minmax(0,1fr);}.featureTrackScore,.featureCover{display:none}.trackTableHead,.linerTrackRow{grid-template-columns:24px 28px minmax(0,1fr) 64px}.trackLove,.trackDots{display:none}.linerPlayer{display:none}}

/* Liner hero image, Spotify mark, and one-line player text */
.spotifyMark{
  width:24px;
  height:24px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  margin-right:7px;
  vertical-align:-6px;
}
.spotifyMark svg{width:24px;height:24px;display:block}.spotifyMark circle{fill:#fff}.spotifyMark path{fill:none;stroke:#111;stroke-width:1.7;stroke-linecap:round}
.linerActions a{display:inline-flex!important;align-items:center!important;gap:0!important;white-space:nowrap!important}
.linerPlayer{min-width:0!important}.linerPlayer>div:first-child{min-width:0!important;max-width:70%!important;overflow:hidden!important}.linerPlayer>div:first-child>div{min-width:0!important;overflow:hidden!important}.linerPlayer strong,.linerPlayer span{display:block!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;max-width:100%!important}


/* Spotify 30-second preview states */
.featurePlay.isPreviewing,
.trackPulse.isPreviewing,
.playNow.isPreviewing{
  background:#ffd12d!important;
  color:#111!important;
  box-shadow:0 0 24px rgba(242,201,76,.42)!important;
}
.trackPulse.noPreview,
.featurePlay.noPreview{
  opacity:.38!important;
  cursor:not-allowed!important;
  filter:grayscale(1)!important;
}

/* Playing sample pause state and waves */
.featurePlay.isPreviewing,
.trackPulse.isPreviewing,
.playNow.isPreviewing{
  font-size:18px!important;
  letter-spacing:-3px!important;
  text-indent:-3px!important;
}
.playingWaves{
  display:none;
  align-items:end;
  gap:3px;
  height:18px;
  margin-left:10px;
  vertical-align:middle;
}
.playingWaves i{
  width:4px;
  height:8px;
  border-radius:999px;
  background:#ffd51f;
  box-shadow:0 0 10px rgba(242,201,76,.45);
  animation:playingWave .72s ease-in-out infinite;
}
.playingWaves i:nth-child(2){animation-delay:.12s;height:14px}
.playingWaves i:nth-child(3){animation-delay:.24s;height:10px}
.playingWaves i:nth-child(4){animation-delay:.36s;height:16px}
.samplePlaying .playingWaves{display:inline-flex}
@keyframes playingWave{0%,100%{transform:scaleY(.45);opacity:.65}50%{transform:scaleY(1.25);opacity:1}}

/* Precise sample playing indicators */
.featurePlay.isPreviewing,
.trackPulse.isPreviewing,
.playNow.isPreviewing{
  position:relative!important;
  color:transparent!important;
  text-indent:0!important;
  letter-spacing:0!important;
}
.featurePlay.isPreviewing:before,
.featurePlay.isPreviewing:after,
.trackPulse.isPreviewing:before,
.trackPulse.isPreviewing:after,
.playNow.isPreviewing:before,
.playNow.isPreviewing:after{
  content:""!important;
  position:absolute!important;
  top:50%!important;
  width:4px!important;
  height:16px!important;
  border-radius:2px!important;
  background:#111!important;
  transform:translateY(-50%)!important;
}
.trackPulse.isPreviewing:before,.featurePlay.isPreviewing:before,.playNow.isPreviewing:before{left:calc(50% - 6px)!important}
.trackPulse.isPreviewing:after,.featurePlay.isPreviewing:after,.playNow.isPreviewing:after{left:calc(50% + 2px)!important}
.trackPulse.isPreviewing:before,
.trackPulse.isPreviewing:after{background:#111!important}
.trackPulse:not(.isPreviewing):before,
.trackPulse:not(.isPreviewing):after{content:none!important}
.rowPlayingWaves,.featuredPlayingWaves{
  display:none;
  align-items:end;
  gap:3px;
  height:16px;
  margin-left:10px;
  vertical-align:middle;
}
.rowPlayingWaves i,.featuredPlayingWaves i{
  width:4px;
  height:8px;
  border-radius:999px;
  background:#ffd51f;
  box-shadow:0 0 10px rgba(242,201,76,.45);
  animation:playingWave .72s ease-in-out infinite;
}
.rowPlayingWaves i:nth-child(2),.featuredPlayingWaves i:nth-child(2){animation-delay:.12s;height:14px}
.rowPlayingWaves i:nth-child(3),.featuredPlayingWaves i:nth-child(3){animation-delay:.24s;height:10px}
.rowPlayingWaves i:nth-child(4),.featuredPlayingWaves i:nth-child(4){animation-delay:.36s;height:16px}
.linerTrackRow:has(.trackPulse.isPreviewing) .rowPlayingWaves{display:inline-flex}
.linerFeaturedTrack:has(.featurePlay.isPreviewing) .featuredPlayingWaves{display:inline-flex}
.samplePlaying .playingWaves{display:none!important}

/* Muted row play icons and blue pause state */
.linerTrackRow .trackPulse{
  color:#6b7078!important;
  font-size:0!important;
  width:28px!important;
  height:28px!important;
  position:relative!important;
}
.linerTrackRow .trackPulse:not(.isPreviewing)::before{
  content:""!important;
  position:absolute!important;
  left:8px!important;
  top:5px!important;
  width:0!important;
  height:0!important;
  border-top:9px solid transparent!important;
  border-bottom:9px solid transparent!important;
  border-left:14px solid #6b7078!important;
}
.linerTrackRow .trackPulse:not(.isPreviewing):hover::before{
  border-left-color:#a8adb5!important;
}
.linerTrackRow .trackPulse.isPreviewing{
  width:18px!important;
  height:18px!important;
  border-radius:2px!important;
  background:#5d9df7!important;
  box-shadow:none!important;
  color:transparent!important;
}
.linerTrackRow .trackPulse.isPreviewing:before,
.linerTrackRow .trackPulse.isPreviewing:after{
  width:3px!important;
  height:9px!important;
  border-radius:1px!important;
  background:#fff!important;
}
.linerTrackRow .trackPulse.isPreviewing:before{left:5px!important}
.linerTrackRow .trackPulse.isPreviewing:after{left:10px!important}

/* Gray-only row play and pause controls */
.linerTrackRow .trackPulse,
.linerTrackRow .trackPulse.isPreviewing{
  background:transparent!important;
  box-shadow:none!important;
  color:transparent!important;
  width:28px!important;
  height:28px!important;
  border:0!important;
  border-radius:0!important;
  position:relative!important;
  font-size:0!important;
}
.linerTrackRow .trackPulse:not(.isPreviewing)::before{
  content:""!important;
  position:absolute!important;
  left:8px!important;
  top:5px!important;
  width:0!important;
  height:0!important;
  border-top:9px solid transparent!important;
  border-bottom:9px solid transparent!important;
  border-left:14px solid #6b7078!important;
  background:transparent!important;
  transform:none!important;
}
.linerTrackRow .trackPulse:not(.isPreviewing)::after{
  content:none!important;
}
.linerTrackRow .trackPulse.isPreviewing::before,
.linerTrackRow .trackPulse.isPreviewing::after{
  content:""!important;
  position:absolute!important;
  top:8px!important;
  width:4px!important;
  height:12px!important;
  border-radius:1px!important;
  background:#6b7078!important;
  transform:none!important;
}
.linerTrackRow .trackPulse.isPreviewing::before{left:8px!important}
.linerTrackRow .trackPulse.isPreviewing::after{left:15px!important}
.linerTrackRow .trackPulse:hover:not(.isPreviewing)::before{
  border-left-color:#6b7078!important;
}

/* Softer song rating weight */
.linerTrackRow .trackRowScore{
  font-weight:500!important;
}
.linerTrackRow .trackRowScore,
.linerTrackRow .trackRowScore *{
  text-shadow:none!important;
}

/* Softer song rating text */
.linerTrackRow .trackRowScore{
  font-weight:500!important;
}

/* Final row preview control override: always gray */
.linerTrackRow .trackPulse,
.linerTrackRow .trackPulse.isPreviewing{
  position:relative!important;
  display:inline-block!important;
  width:28px!important;
  height:24px!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
  color:transparent!important;
  font-size:0!important;
  line-height:0!important;
  letter-spacing:0!important;
  overflow:hidden!important;
}
.linerTrackRow .trackPulse:not(.isPreviewing)::before{
  content:""!important;
  position:absolute!important;
  left:8px!important;
  top:4px!important;
  width:0!important;
  height:0!important;
  border-top:8px solid transparent!important;
  border-bottom:8px solid transparent!important;
  border-left:14px solid #6b7078!important;
  background:transparent!important;
  box-shadow:none!important;
}
.linerTrackRow .trackPulse:not(.isPreviewing)::after{
  content:none!important;
}
.linerTrackRow .trackPulse.isPreviewing::before,
.linerTrackRow .trackPulse.isPreviewing::after{
  content:""!important;
  position:absolute!important;
  top:6px!important;
  width:4px!important;
  height:13px!important;
  border:0!important;
  border-radius:1px!important;
  background:#6b7078!important;
  box-shadow:none!important;
}
.linerTrackRow .trackPulse.isPreviewing::before{left:8px!important;}
.linerTrackRow .trackPulse.isPreviewing::after{left:16px!important;}

/* Smaller song row rating */
.linerTrackRow .trackRowScore{
  font-size:14px!important;
  font-weight:500!important;
}

/* Song rating number sizing */
.linerTrackRow .trackRowScore{
  font-size:15px!important;
  font-weight:500!important;
}
.linerTrackRow .trackScoreNumber{
  font-size:10px!important;
  font-weight:500!important;
  vertical-align:1px!important;
}


/* Lower listener reactions under album artwork */
@media(min-width:1051px){
  .linerContentGrid .reactionsPanel{
    margin-top:30px!important;
  }
}
@media(max-width:1050px){
  .linerContentGrid .reactionsPanel{
    margin-top:0!important;
  }
}





/* Listener reactions: cinematic album-popup style */
.reactionsPanel{
  position:relative!important;
  overflow:hidden!important;
  background:
    radial-gradient(circle at 82% 12%,rgba(242,201,76,.08),transparent 34%),
    linear-gradient(145deg,rgba(18,19,23,.96),rgba(7,8,11,.96))!important;
  border:1px solid rgba(255,255,255,.13)!important;
  border-radius:18px!important;
  padding:22px!important;
  box-shadow:0 26px 80px rgba(0,0,0,.42),inset 0 1px 0 rgba(255,255,255,.045)!important;
}
.reactionsPanel .linerPanelTitle{
  align-items:center!important;
  gap:13px!important;
  margin-bottom:20px!important;
}
.reactionsPanel .linerPanelTitle>span{
  position:relative!important;
  width:34px!important;
  height:34px!important;
  border-radius:999px!important;
  background:rgba(242,201,76,.12)!important;
  color:#ffd51f!important;
  font-size:0!important;
  box-shadow:0 0 24px rgba(242,201,76,.08)!important;
}
.reactionsPanel .linerPanelTitle>span:before{
  content:"";
  width:16px;
  height:12px;
  border:2px solid #ffd51f;
  border-radius:3px;
  transform:skew(-7deg);
  position:absolute;
  left:8px;
  top:8px;
}
.reactionsPanel .linerPanelTitle>span:after{
  content:"";
  width:6px;
  height:6px;
  border-left:2px solid #ffd51f;
  border-bottom:2px solid #ffd51f;
  transform:skew(-18deg) rotate(-18deg);
  position:absolute;
  left:12px;
  top:19px;
}
.reactionsPanel .linerPanelTitle h3{
  color:#f6f0ff!important;
  font-size:21px!important;
  letter-spacing:.10em!important;
  line-height:1!important;
  text-transform:uppercase!important;
}
.reactionsPanel .linerPanelTitle p{
  margin-top:7px!important;
  color:rgba(255,255,255,.72)!important;
  font-size:13px!important;
}
.reactionsPanel .linerComposer{
  min-height:112px!important;
  grid-template-columns:56px minmax(0,1fr)!important;
  gap:16px!important;
  padding:16px!important;
  margin-bottom:14px!important;
  border-radius:17px!important;
  border:1px solid rgba(255,255,255,.12)!important;
  background:linear-gradient(145deg,rgba(12,13,17,.86),rgba(7,8,11,.74))!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.035)!important;
}
.reactionsPanel .voiceAvatar.gold,
.reactionsPanel .reactionAvatar{
  width:52px!important;
  height:52px!important;
  border-radius:999px!important;
  background:linear-gradient(135deg,#ffe45f,#e7ad12)!important;
  color:#111!important;
  font-size:22px!important;
  font-weight:950!important;
  box-shadow:0 12px 30px rgba(242,201,76,.22)!important;
}
.reactionsPanel .linerComposer textarea{
  min-height:52px!important;
  padding-top:8px!important;
  font-size:15px!important;
  line-height:1.4!important;
  color:rgba(255,255,255,.88)!important;
}
.reactionsPanel .linerComposer textarea::placeholder{
  color:rgba(255,255,255,.57)!important;
}
.reactionsPanel .linerComposer>div:last-child{
  grid-column:1/-1!important;
  display:flex!important;
  align-items:center!important;
  gap:14px!important;
  padding-left:4px!important;
}
.reactionsPanel .linerComposer>div:last-child span{
  color:rgba(255,255,255,.58)!important;
  font-size:16px!important;
}
.reactionsPanel .linerComposer em{
  margin-left:auto!important;
  color:rgba(255,255,255,.56)!important;
  font-size:15px!important;
  font-weight:750!important;
}
.reactionsPanel .linerComposer button{
  min-width:92px!important;
  border-radius:999px!important;
  padding:12px 24px!important;
  background:linear-gradient(135deg,#ffdf35,#e4a911)!important;
  color:#111!important;
  font-size:15px!important;
  font-weight:950!important;
  box-shadow:0 12px 28px rgba(242,201,76,.18)!important;
}
.reactionsPanel .reactionFilters{
  gap:9px!important;
  margin:12px 0 10px!important;
}
.reactionsPanel .reactionFilters button{
  border:0!important;
  border-radius:999px!important;
  padding:8px 14px!important;
  background:rgba(255,255,255,.055)!important;
  color:rgba(255,255,255,.72)!important;
  font-size:15px!important;
  font-weight:800!important;
}
.reactionsPanel .reactionFilters .active{
  background:linear-gradient(135deg,#ffdb2d,#b98510)!important;
  color:#111!important;
  box-shadow:0 0 28px rgba(242,201,76,.22)!important;
}
.reactionsPanel .commentsList{
  display:flex!important;
  flex-direction:column!important;
  gap:12px!important;
}
.reactionsPanel .linerReaction{
  grid-template-columns:52px minmax(0,1fr) 24px!important;
  gap:14px!important;
  margin:0!important;
  padding:15px!important;
  border:1px solid rgba(255,255,255,.065)!important;
  border-radius:16px!important;
  background:rgba(255,255,255,.025)!important;
}
.reactionsPanel .commentsList .linerReaction:first-child{
  background:
    radial-gradient(circle at 78% 18%,rgba(242,201,76,.12),transparent 28%),
    radial-gradient(circle at 45% 70%,rgba(242,201,76,.07),transparent 34%),
    linear-gradient(145deg,rgba(39,30,11,.78),rgba(10,11,14,.92))!important;
  border-color:rgba(242,201,76,.36)!important;
  box-shadow:0 0 28px rgba(242,201,76,.20),inset 0 1px 0 rgba(255,255,255,.04)!important;
}
.reactionsPanel .reactionMeta{
  align-items:center!important;
  gap:10px!important;
}
.reactionsPanel .reactionMeta strong{
  color:#ffe15d!important;
  font-size:14px!important;
}
.reactionsPanel .reactionMeta span{
  color:rgba(255,255,255,.48)!important;
  font-size:13px!important;
}
.reactionsPanel .reactionBody p{
  margin:8px 0 12px!important;
  color:rgba(255,255,255,.82)!important;
  line-height:1.48!important;
  font-size:14px!important;
}
.reactionsPanel .reactionActions{
  align-items:center!important;
  gap:18px!important;
}
.reactionsPanel .reactionActions span{
  color:#ffd51f!important;
  font-size:13px!important;
  font-weight:900!important;
}
.reactionsPanel .reactionActions button,
.reactionsPanel .reactionMore{
  color:rgba(255,255,255,.58)!important;
  font-size:13px!important;
}
.reactionsPanel .reactionBody small{
  color:rgba(255,255,255,.52)!important;
  margin-top:10px!important;
  font-size:12px!important;
}
.reactionsPanel .allReactions{
  margin-top:14px!important;
  border:1px solid rgba(255,255,255,.09)!important;
  border-radius:999px!important;
  background:linear-gradient(145deg,rgba(255,255,255,.035),rgba(0,0,0,.20))!important;
  color:rgba(255,255,255,.78)!important;
  padding:13px!important;
  font-size:15px!important;
}
.reactionsPanel .albumReactionEmpty{
  border:1px solid rgba(242,201,76,.22)!important;
  background:linear-gradient(145deg,rgba(242,201,76,.08),rgba(255,255,255,.025))!important;
  border-radius:16px!important;
  color:rgba(255,255,255,.78)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.035)!important;
}


/* Reaction controls and icon polish */
.linerTabs button{cursor:pointer!important;transition:background .18s ease,border-color .18s ease,color .18s ease,transform .18s ease!important;}
.linerTabs button:hover{transform:translateY(-1px);border-color:rgba(242,201,76,.34)!important;}
.reactionsPanel .linerPanelTitle>span:before{
  width:17px!important;
  height:13px!important;
  left:8px!important;
  top:8px!important;
  border:2px solid #ffd51f!important;
  border-radius:2px!important;
  transform:none!important;
  background:transparent!important;
}
.reactionsPanel .linerPanelTitle>span:after{
  width:6px!important;
  height:6px!important;
  left:11px!important;
  top:19px!important;
  border-left:2px solid #ffd51f!important;
  border-bottom:2px solid #ffd51f!important;
  transform:skew(-18deg) rotate(-18deg)!important;
  background:transparent!important;
}
.reactionsPanel .reactionActions button,.reactionsPanel .viewReplies,.reactionsPanel .reactionMore,.reactionsPanel .allReactions{cursor:pointer!important;}
.reactionsPanel .viewReplies{
  display:inline-flex!important;
  border:0!important;
  background:transparent!important;
  color:rgba(255,255,255,.55)!important;
  padding:0!important;
  margin-top:10px!important;
  font-size:12px!important;
  font-family:inherit!important;
}
.reactionsPanel .reactionReplies{
  margin-top:10px!important;
  padding:10px 12px!important;
  border-radius:12px!important;
  background:rgba(255,255,255,.045)!important;
  border:1px solid rgba(255,255,255,.07)!important;
}
.reactionsPanel .reactionReplies p{
  margin:0!important;
  color:rgba(255,255,255,.62)!important;
  font-size:12px!important;
}
.reactionsPanel .reactionMenuOpen{
  outline:1px solid rgba(242,201,76,.20)!important;
}
.reactionsPanel .commentsList:not(.showAllReactions) .linerReaction:nth-child(n+3){
  display:none!important;
}
.reactionsPanel .allReactions{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:14px!important;
  font-weight:500!important;
  letter-spacing:0!important;
  font-family:inherit!important;
}
.reactionsPanel .allReactionsArrow{
  width:13px!important;
  height:13px!important;
  display:inline-block!important;
  border-right:2px solid rgba(255,255,255,.72)!important;
  border-bottom:2px solid rgba(255,255,255,.72)!important;
  transform:rotate(45deg) translateY(-3px)!important;
  transition:transform .18s ease!important;
}
.reactionsPanel .allReactions.expanded .allReactionsArrow{
  transform:rotate(225deg) translate(-2px,-1px)!important;
}

/* Album overview editorial description */
.linerOverview{
  position:relative;
  z-index:2;
  margin:-12px 0 22px;
  padding:22px 26px;
  border-radius:18px;
  border:1px solid rgba(255,255,255,.10);
  background:
    radial-gradient(circle at 14% 0%,rgba(242,201,76,.10),transparent 34%),
    linear-gradient(145deg,rgba(255,255,255,.045),rgba(0,0,0,.20));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04);
}
.linerOverview .eyebrow{
  margin:0 0 8px!important;
  color:#ffd51f!important;
  font-size:12px!important;
  font-weight:950!important;
  text-transform:uppercase!important;
  letter-spacing:.08em!important;
}
.linerOverview h3{
  margin:0 0 10px;
  color:#fff;
  font-size:24px;
  letter-spacing:-.02em;
}
.linerOverview p:last-child{
  margin:0;
  max-width:980px;
  color:rgba(255,255,255,.76);
  font-size:16px;
  line-height:1.7;
}
@media(max-width:650px){
  .linerOverview{margin:8px 0 18px;padding:18px;}
  .linerOverview h3{font-size:21px;}
  .linerOverview p:last-child{font-size:14px;line-height:1.6;}
}

/* Admin album overview editor */
.adminOverviewUnlock{
  margin:14px 0 2px;
  width:100%;
  color:rgba(255,255,255,.62)!important;
  border-color:rgba(255,255,255,.12)!important;
}
.linerOverviewText{white-space:pre-line;}
.overviewEditBtn{
  margin-top:16px;
  border:1px solid rgba(242,201,76,.32);
  background:rgba(242,201,76,.12);
  color:#ffd51f;
  border-radius:999px;
  padding:10px 14px;
  font-weight:900;
  cursor:pointer;
}
.linerOverview.editing{border-color:rgba(242,201,76,.24);}
.overviewEditorText{
  width:100%;
  min-height:260px;
  resize:vertical;
  border:1px solid rgba(255,255,255,.14);
  background:rgba(0,0,0,.28);
  color:#fff;
  border-radius:16px;
  padding:16px;
  font:inherit;
  line-height:1.6;
  outline:none;
}
.overviewEditorText:focus{border-color:rgba(242,201,76,.55);box-shadow:0 0 0 3px rgba(242,201,76,.10);}
.overviewEditorActions{display:flex;gap:10px;flex-wrap:wrap;margin-top:14px;}
.overviewEditorActions button{
  border:1px solid rgba(255,255,255,.14);
  background:rgba(255,255,255,.06);
  color:#fff;
  border-radius:999px;
  padding:11px 16px;
  font-weight:900;
  cursor:pointer;
}
.overviewEditorActions button:first-child{background:#ffd12d;color:#111;border-color:#ffd12d;}
.overviewAdminHint{margin-top:10px!important;color:rgba(255,255,255,.55)!important;font-size:13px!important;}
body.light .adminOverviewUnlock{color:#6b7280!important;border-color:#e1ddd4!important;}
body.light .overviewEditorText{background:#fff!important;color:#111827!important;border-color:#e1ddd4!important;}

.authPanel .adminOverviewUnlock{
  background:rgba(255,255,255,.045)!important;
  border:1px solid rgba(242,201,76,.22)!important;
  color:rgba(255,232,160,.86)!important;
  border-radius:999px!important;
  padding:10px 14px!important;
  font-weight:900!important;
  cursor:pointer!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.06)!important;
}
.authPanel .adminOverviewUnlock:hover{
  background:rgba(242,201,76,.10)!important;
  border-color:rgba(242,201,76,.42)!important;
  color:#ffe783!important;
}
body.light .authPanel .adminOverviewUnlock{
  background:#fff8df!important;
  color:#8a6500!important;
  border-color:#ead79b!important;
}

/* Nested listener replies */
.reactionsPanel .reactionReplyBox{
  margin-top:12px!important;
  padding:12px!important;
  border:1px solid rgba(255,255,255,.08)!important;
  border-radius:14px!important;
  background:rgba(0,0,0,.22)!important;
}
.reactionsPanel .reactionReplyBox textarea{
  width:100%!important;
  min-height:58px!important;
  resize:none!important;
  border:0!important;
  outline:0!important;
  background:transparent!important;
  color:#fff!important;
  font:inherit!important;
  font-size:14px!important;
}
.reactionsPanel .reactionReplyBox textarea::placeholder{color:rgba(255,255,255,.46)!important;}
.reactionsPanel .reactionReplyControls{display:flex!important;justify-content:flex-end!important;gap:8px!important;margin-top:8px!important;}
.reactionsPanel .reactionReplyControls button:first-child{border:0!important;border-radius:999px!important;background:#ffd12d!important;color:#111!important;font-weight:900!important;padding:8px 16px!important;}
.reactionsPanel .reactionReplyControls button:last-child{border:1px solid rgba(255,255,255,.10)!important;border-radius:999px!important;background:rgba(255,255,255,.04)!important;color:rgba(255,255,255,.68)!important;padding:8px 14px!important;}
.reactionsPanel .reactionReplies{margin-top:12px!important;margin-left:4px!important;padding:0 0 0 14px!important;border:0!important;border-left:1px solid rgba(255,255,255,.10)!important;background:transparent!important;border-radius:0!important;}
.reactionsPanel .reactionReply{display:grid!important;grid-template-columns:30px minmax(0,1fr)!important;gap:10px!important;padding:10px 0!important;}
.reactionsPanel .reactionReplyAvatar{width:30px!important;height:30px!important;border-radius:50%!important;display:grid!important;place-items:center!important;background:linear-gradient(135deg,#ffd95c,#9b6d14)!important;color:#111!important;font-size:13px!important;font-weight:950!important;}
.reactionsPanel .reactionReplyMeta{display:flex!important;align-items:center!important;gap:8px!important;}
.reactionsPanel .reactionReplyMeta strong{font-size:13px!important;color:#fff!important;}
.reactionsPanel .reactionReplyMeta span{font-size:12px!important;color:rgba(255,255,255,.45)!important;}
.reactionsPanel .reactionReply p{margin:4px 0 0!important;color:rgba(255,255,255,.78)!important;font-size:13px!important;line-height:1.45!important;}
.reactionsPanel .noRepliesYet{margin:0!important;color:rgba(255,255,255,.42)!important;font-size:12px!important;}

/* Cinematic album overview sleeve */
.linerOverview.albumOverviewSleeve{
  position:relative!important;
  z-index:2!important;
  display:block!important;
  margin:10px 0 24px!important;
  padding:58px 62px 46px!important;
  min-height:520px!important;
  overflow:hidden!important;
  border:1px solid rgba(255,255,255,.10)!important;
  border-radius:24px!important;
  background:
    linear-gradient(90deg,rgba(5,5,5,.976) 0%,rgba(8,8,8,.88) 48%,rgba(3,3,3,.945) 100%),
    var(--overview-cover)!important;
  background-size:cover!important;
  background-position:var(--overview-position,50% 28%)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05),0 28px 90px rgba(0,0,0,.50)!important;
}
.linerOverview.albumOverviewSleeve:before{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(90deg,rgba(0,0,0,.34),rgba(0,0,0,.10) 52%,rgba(0,0,0,.42)),radial-gradient(circle at 70% 18%,rgba(255,255,255,.09),transparent 18%);
  pointer-events:none;
}
.albumOverviewSleeve .overviewFeatureTop{position:relative!important;z-index:1!important;display:grid!important;grid-template-columns:minmax(0,1.05fr) minmax(320px,.8fr)!important;gap:42px!important;align-items:center!important;margin-bottom:6px!important;}
.albumOverviewSleeve .overviewFeatureCopy{min-width:0!important;}
.albumOverviewSleeve .overviewFeatureArt{position:relative!important;justify-self:center!important;width:min(100%,303px)!important;min-height:120px!important;margin-left:0!important;border:1px solid rgba(242,201,76,.22)!important;border-radius:20px!important;overflow:hidden!important;background:rgba(0,0,0,.36)!important;box-shadow:0 22px 60px rgba(0,0,0,.42),inset 0 1px 0 rgba(255,255,255,.06)!important;}
.albumOverviewSleeve .overviewFeatureArt img{display:block!important;width:100%!important;height:100%!important;min-height:120px!important;object-fit:cover!important;filter:saturate(1.02) brightness(.58)!important;}
.albumOverviewSleeve .overviewFeatureArt blockquote{position:absolute!important;left:4%!important;right:0!important;bottom:8px!important;width:auto!important;margin:0!important;padding:14px 24px 16px!important;border:1px solid rgba(242,201,76,.28)!important;border-right:0!important;border-radius:16px 0 0 16px!important;background:linear-gradient(145deg,rgba(0,0,0,.60),rgba(0,0,0,.30))!important;color:#ffd03b!important;font-family:Georgia,"Times New Roman",serif!important;font-size:18px!important;line-height:1.18!important;font-style:italic!important;box-shadow:0 18px 42px rgba(0,0,0,.40)!important;}
.albumOverviewSleeve .overviewFeatureArt blockquote:before{content:"\201C";position:absolute;top:-35px;left:24px;color:#ffd51f;font-size:72px;font-style:normal;line-height:1;text-shadow:0 0 20px rgba(242,201,76,.30);}
.albumOverviewSleeve .overviewFeatureTags{display:flex!important;flex-wrap:wrap!important;gap:10px!important;margin:0 0 26px!important;}
.albumOverviewSleeve .overviewFeatureTags button{display:inline-flex!important;align-items:center!important;min-height:38px!important;padding:9px 15px!important;border:1px solid rgba(242,201,76,.28)!important;border-radius:999px!important;background:rgba(0,0,0,.28)!important;color:rgba(255,255,255,.86)!important;font-size:13px!important;font-weight:900!important;cursor:pointer!important;}
.albumOverviewSleeve .overviewFeatureTags button:first-child{color:#ffd51f!important;}
.albumOverviewSleeve .overviewFeatureTags button:hover{border-color:rgba(242,201,76,.58)!important;background:rgba(242,201,76,.10)!important;}
.albumOverviewSleeve .overviewBodyGrid{position:relative!important;z-index:1!important;display:grid!important;grid-template-columns:minmax(0,1.05fr) minmax(320px,.8fr)!important;gap:42px!important;}
.albumOverviewSleeve .overviewCopy,.albumOverviewSleeve .overviewMood{position:relative;z-index:1;}
.albumOverviewSleeve .overviewCopy{align-self:center!important;}
.albumOverviewSleeve .overviewMeta{margin:0 0 14px!important;color:rgba(255,213,31,.86)!important;font-size:12px!important;font-weight:800!important;letter-spacing:.20em!important;text-transform:uppercase!important;}
.albumOverviewSleeve .overviewTitleRow{display:block!important;margin:0 0 14px!important;}
.albumOverviewSleeve .overviewMobileTitleArt{display:none!important;}
.albumOverviewSleeve h3{max-width:720px!important;margin:0 0 14px!important;color:#fffaf0!important;font-family:Georgia,"Times New Roman",serif!important;font-size:64px!important;line-height:.98!important;font-weight:500!important;letter-spacing:0!important;text-shadow:0 6px 30px rgba(0,0,0,.72)!important;}
.albumOverviewSleeve .overviewTitleRow h3{margin:0!important;}
.albumOverviewSleeve h3.overviewTitleLong{font-size:50px!important;line-height:1.02!important;max-width:760px!important;}
.albumOverviewSleeve h3 span{color:inherit!important;font-style:normal!important;font-weight:inherit!important;}
.albumOverviewSleeve .overviewMiniAlbumCard{display:inline-block!important;vertical-align:.02em!important;margin-left:14px!important;width:52px!important;height:52px!important;border-radius:7px!important;overflow:hidden!important;border:2px solid rgba(255,213,31,.82)!important;background:rgba(0,0,0,.32)!important;box-shadow:0 10px 24px rgba(0,0,0,.40),0 0 0 1px rgba(0,0,0,.58),0 0 12px rgba(242,201,76,.16)!important;transform:none!important;}
.albumOverviewSleeve .overviewMiniAlbumCard img{display:block!important;width:100%!important;height:100%!important;object-fit:cover!important;}
.albumOverviewSleeve .overviewIntro{max-width:700px!important;margin:0 0 34px!important;color:rgba(255,255,255,.84)!important;font-family:Georgia,"Times New Roman",serif!important;font-size:20px!important;line-height:1.58!important;}
.albumOverviewSleeve .overviewIntro.overviewIntroLong{font-size:17px!important;line-height:1.46!important;max-width:760px!important;}
.overviewReadMore{display:none!important;}
.overviewPoints{display:grid!important;gap:22px!important;margin:8px 0 28px!important;}
.overviewPoints>div{display:grid!important;grid-template-columns:72px minmax(0,1fr)!important;gap:18px!important;align-items:start!important;}
.overviewIcon{width:56px!important;height:56px!important;border-radius:50%!important;display:grid!important;place-items:center!important;background:rgba(242,201,76,.12)!important;color:#ffd51f!important;font-size:26px!important;box-shadow:0 0 24px rgba(242,201,76,.08)!important;}
.overviewPoints strong{display:block!important;margin-bottom:8px!important;color:#ffd51f!important;text-transform:uppercase!important;font-size:13px!important;letter-spacing:.18em!important;}
.overviewPoints p{margin:0!important;color:rgba(255,255,255,.78)!important;font-size:15px!important;line-height:1.55!important;}
.overviewScoreStrip{display:flex!important;align-items:center!important;gap:18px!important;width:min(100%,620px)!important;margin-top:22px!important;padding:18px 22px!important;border:1px solid rgba(255,255,255,.10)!important;border-radius:16px!important;background:rgba(0,0,0,.25)!important;}
.overviewScoreStrip span{color:#fff!important;font-size:16px!important;}
.overviewScoreStrip strong{color:#ffd51f!important;font-size:30px!important;line-height:1!important;}
.overviewScoreStrip em{color:rgba(255,255,255,.62)!important;font-style:normal!important;}
.overviewScoreStrip small{margin-left:auto!important;color:rgba(255,255,255,.62)!important;font-size:13px!important;}
.albumOverviewSleeve .overviewEditBtn{margin-top:18px!important;}
.overviewMood{align-self:start!important;padding-top:24px!important;}
.overviewMood blockquote{position:relative!important;margin:0 0 34px!important;padding:28px 34px!important;border:1px solid rgba(242,201,76,.35)!important;border-radius:18px!important;background:linear-gradient(145deg,rgba(0,0,0,.44),rgba(0,0,0,.24))!important;color:#ffd03b!important;font-size:32px!important;line-height:1.5!important;font-style:italic!important;box-shadow:0 0 34px rgba(242,201,76,.16)!important;}
.overviewMood blockquote:before{content:"�";position:absolute;top:-45px;left:18px;color:#ffd51f;font-size:84px;font-style:normal;line-height:1;text-shadow:0 0 20px rgba(242,201,76,.4);}
.overviewMood p{margin:0 0 12px!important;color:#ffd51f!important;font-size:12px!important;font-weight:950!important;letter-spacing:.18em!important;text-transform:uppercase!important;}
.overviewMomentChips{display:flex!important;flex-wrap:wrap!important;gap:10px!important;margin-bottom:28px!important;}
.overviewMomentChips span,.overviewMomentChips button{display:inline-flex!important;border:0!important;border-radius:999px!important;padding:9px 14px!important;background:rgba(255,255,255,.075)!important;color:rgba(255,255,255,.86)!important;font-family:inherit!important;font-size:14px!important;font-weight:inherit!important;line-height:inherit!important;cursor:pointer!important;}
.overviewMomentChips span{cursor:default!important;}
.overviewMomentChips button:hover,.overviewMomentChips button:focus-visible{background:rgba(255,255,255,.18)!important;color:rgba(255,255,255,.94)!important;box-shadow:0 0 18px rgba(255,255,255,.14)!important;outline:0!important;}
.overviewMomentChips button.isPreviewing{background:rgba(255,255,255,.18)!important;color:rgba(255,255,255,.94)!important;box-shadow:0 0 18px rgba(255,255,255,.14)!important;}
.overviewMomentChips button{transition:none!important;}
.overviewCommunityNote{display:flex!important;gap:16px!important;align-items:center!important;margin-top:20px!important;}
.overviewCommunityNote{position:relative!important;}
.overviewCommunityNote button{display:flex!important;gap:16px!important;align-items:center!important;border:0!important;background:transparent!important;color:inherit!important;padding:0!important;text-align:left!important;cursor:pointer!important;font:inherit!important;}
.overviewCommunityNote>button>span{width:82px!important;height:34px!important;border-radius:999px!important;background:linear-gradient(90deg,#6c4a24,#b9b0a4,#2f7f83)!important;box-shadow:0 0 0 3px rgba(255,255,255,.07)!important;}
.overviewCommunityNote p{margin:0!important;max-width:420px!important;color:rgba(255,255,255,.72)!important;font-size:16px!important;font-weight:500!important;letter-spacing:0!important;text-transform:none!important;line-height:1.5!important;}
.overviewLibraryUsersPanel{position:absolute!important;left:0!important;bottom:calc(100% + 10px)!important;z-index:4!important;display:grid!important;gap:6px!important;min-width:240px!important;max-width:min(320px,86vw)!important;max-height:210px!important;overflow:auto!important;padding:10px!important;border:1px solid rgba(242,201,76,.22)!important;border-radius:14px!important;background:rgba(5,5,6,.94)!important;box-shadow:0 18px 46px rgba(0,0,0,.48),inset 0 1px 0 rgba(255,255,255,.05)!important;backdrop-filter:blur(10px)!important;}
.overviewLibraryUsersPanel.hidden{display:none!important;}
.overviewLibraryUser{display:grid!important;grid-template-columns:28px minmax(0,1fr)!important;align-items:center!important;gap:8px!important;padding:8px 10px!important;border-radius:10px!important;background:rgba(255,255,255,.035)!important;}
.overviewLibraryUserAvatar{display:grid!important;place-items:center!important;width:28px!important;height:28px!important;border-radius:50%!important;overflow:hidden!important;background:rgba(255,213,31,.12)!important;box-shadow:0 0 0 1px rgba(255,255,255,.08)!important;}
.overviewLibraryUserAvatar img,.overviewLibraryUserAvatar svg{display:block!important;width:100%!important;height:100%!important;object-fit:cover!important;}
.overviewLibraryUserText{display:grid!important;gap:0!important;min-width:0!important;}
.overviewLibraryUser b{display:block!important;min-width:0!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;color:#fff5d6!important;font-size:13px!important;font-weight:900!important;}
.overviewLibraryUser small{display:none!important;}
.overviewLibraryUser.empty{color:rgba(255,255,255,.60)!important;font-size:12px!important;font-weight:800!important;}
/* Standalone overview popup */
.albumOverviewPopup.hidden{display:none!important;}
.albumOverviewPopup{position:fixed;inset:0;z-index:9999;display:grid;place-items:center;padding:24px;}
.albumOverviewBackdrop{position:absolute;inset:0;background:rgba(0,0,0,.72);backdrop-filter:blur(10px);}
.albumOverviewPopupPanel{position:relative;width:min(1500px,96vw);max-height:92vh;overflow:auto;border-radius:26px;box-shadow:0 34px 120px rgba(0,0,0,.72);}
.albumOverviewPopupPanel .albumOverviewSleeve{margin:0!important;}
.albumOverviewClose{position:absolute;top:18px;right:18px;z-index:5;width:44px;height:44px;border-radius:50%;border:1px solid rgba(255,255,255,.18);background:rgba(0,0,0,.42);color:#fff;font-size:30px;line-height:1;cursor:pointer;}
.albumOverviewClose:hover{border-color:rgba(242,201,76,.45);color:#ffd51f;}
@media(max-width:900px){
  .albumOverviewPopup{align-items:start!important;padding:0!important;}
  .albumOverviewPopupPanel{width:100vw!important;height:100vh!important;max-height:100vh!important;overflow:auto!important;overflow-x:hidden!important;border-radius:0!important;}
  .albumOverviewPopupPanel .albumOverviewSleeve{
    width:100%!important;
    min-width:0!important;
    min-height:100vh!important;
    margin:0!important;
    padding:42px 20px 34px!important;
    border:0!important;
    border-radius:0!important;
    zoom:1!important;
    background:
      linear-gradient(180deg,rgba(0,0,0,.94) 0%,rgba(0,0,0,.89) 34%,rgba(0,0,0,.95) 100%),
      var(--overview-cover)!important;
    background-size:cover!important;
    background-position:var(--overview-position,50% 20%)!important;
  }
  .linerOverview.albumOverviewSleeve:before{
    background:linear-gradient(180deg,rgba(0,0,0,.34),rgba(0,0,0,.58) 45%,rgba(0,0,0,.80)),radial-gradient(circle at 50% 0%,rgba(242,201,76,.07),transparent 34%)!important;
  }
  .albumOverviewClose{position:fixed!important;top:18px!important;right:18px!important;width:40px!important;height:40px!important;border-color:rgba(255,255,255,.13)!important;border-radius:50%!important;background:rgba(0,0,0,.50)!important;color:rgba(255,255,255,.88)!important;font-size:24px!important;backdrop-filter:blur(10px)!important;}
  .albumOverviewSleeve .overviewFeatureTop{display:grid!important;grid-template-columns:1fr!important;gap:24px!important;align-items:start!important;margin-bottom:18px!important;}
  .albumOverviewSleeve .overviewFeatureCopy{display:grid!important;gap:0!important;}
  .albumOverviewSleeve .overviewMeta{margin:0 0 14px!important;font-size:12px!important;letter-spacing:.22em!important;}
  .albumOverviewSleeve .overviewTitleRow{display:block!important;margin:0 0 16px!important;}
  .albumOverviewSleeve h3{max-width:100%!important;margin:0!important;font-size:42px!important;line-height:1.02!important;text-shadow:0 8px 28px rgba(0,0,0,.80)!important;}
  .albumOverviewSleeve h3.overviewTitleLong{font-size:34px!important;line-height:1.06!important;max-width:100%!important;}
  .albumOverviewSleeve .overviewMiniAlbumCard{width:40px!important;height:40px!important;margin-left:9px!important;border-radius:7px!important;}
  .albumOverviewSleeve .overviewMobileTitleArt{display:none!important;}
  .albumOverviewSleeve .overviewFeatureTags{gap:9px!important;margin:0 0 20px!important;}
  .albumOverviewSleeve .overviewFeatureTags button{min-height:36px!important;padding:8px 13px!important;font-size:12px!important;background:rgba(0,0,0,.34)!important;}
  .albumOverviewSleeve .overviewIntro{max-width:none!important;margin:0!important;font-size:18px!important;line-height:1.48!important;color:rgba(255,255,255,.84)!important;display:-webkit-box!important;-webkit-line-clamp:3!important;-webkit-box-orient:vertical!important;overflow:hidden!important;}
  .albumOverviewSleeve .overviewIntro.overviewIntroLong{font-size:16px!important;line-height:1.45!important;-webkit-line-clamp:4!important;}
  .albumOverviewSleeve.overviewIntroExpanded .overviewIntro{display:block!important;-webkit-line-clamp:unset!important;overflow:visible!important;}
  .overviewReadMore{display:inline-flex!important;justify-self:start!important;align-items:center!important;margin:10px 0 0!important;padding:0!important;border:0!important;background:transparent!important;color:#ffd51f!important;font-size:12px!important;font-weight:950!important;letter-spacing:.08em!important;text-transform:uppercase!important;cursor:pointer!important;}
  .albumOverviewSleeve .overviewFeatureArt{display:block!important;justify-self:stretch!important;width:100%!important;min-height:0!important;margin:8px 0 0!important;padding:10px!important;border-radius:22px!important;border-color:rgba(242,201,76,.22)!important;background:rgba(0,0,0,.34)!important;}
  .albumOverviewSleeve .overviewFeatureArt img{height:auto!important;min-height:0!important;aspect-ratio:1.18/1!important;object-fit:cover!important;filter:saturate(1.02) brightness(.68)!important;}
  .albumOverviewSleeve .overviewFeatureArt blockquote{left:20px!important;right:20px!important;bottom:30px!important;width:auto!important;max-height:none!important;padding:15px 20px 16px!important;border:1px solid rgba(242,201,76,.30)!important;border-radius:16px!important;background:linear-gradient(145deg,rgba(0,0,0,.74),rgba(0,0,0,.42))!important;font-size:18px!important;line-height:1.25!important;display:block!important;overflow:hidden!important;cursor:default!important;}
  .albumOverviewSleeve .overviewFeatureArt blockquote.quoteCanExpand{cursor:pointer!important;}
  .albumOverviewSleeve .overviewFeatureArt blockquote.quotePopoverOpen{opacity:0!important;pointer-events:none!important;}
  .albumOverviewSleeve .overviewQuoteText{display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;overflow:hidden!important;transform:none!important;}
  .albumOverviewSleeve .quotePopoverOpen .overviewQuoteText{opacity:0!important;}
  .albumOverviewSleeve .overviewQuotePopover{position:absolute!important;left:20px!important;right:20px!important;bottom:8px!important;z-index:3!important;padding:10px 14px!important;border:1px solid rgba(242,201,76,.26)!important;border-radius:14px!important;background:linear-gradient(145deg,rgba(0,0,0,.82),rgba(0,0,0,.58))!important;color:#ffd51f!important;font-family:Georgia,"Times New Roman",serif!important;font-size:15px!important;line-height:1.28!important;font-style:italic!important;box-shadow:0 12px 28px rgba(0,0,0,.36)!important;}
  .albumOverviewSleeve .overviewQuotePopover.hidden{display:none!important;}
  .albumOverviewSleeve .overviewFeatureArt blockquote:before{top:-31px!important;left:18px!important;font-size:62px!important;}
  .albumOverviewSleeve .overviewBodyGrid{display:grid!important;grid-template-columns:1fr!important;gap:28px!important;}
  .albumOverviewSleeve .overviewMood{order:1!important;padding-top:0!important;}
  .albumOverviewSleeve .overviewCopy{order:2!important;align-self:start!important;}
  .overviewMood>div:first-child{padding:19px 18px 20px!important;border:1px solid rgba(242,201,76,.18)!important;border-radius:18px!important;background:rgba(255,255,255,.05)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.055)!important;}
  .overviewMood p{margin:0 0 16px!important;font-size:11px!important;letter-spacing:.20em!important;}
  .overviewMomentChips{gap:11px!important;margin:0!important;}
  .overviewMomentChips span,.overviewMomentChips button{display:inline-flex!important;min-height:34px!important;align-items:center!important;padding:8px 13px!important;border:0!important;border-radius:999px!important;font:inherit!important;font-size:11.4px!important;font-weight:850!important;background:rgba(255,255,255,.105)!important;color:rgba(255,255,255,.86)!important;cursor:pointer!important;}
  .overviewMomentChips span{cursor:default!important;}
  .overviewMomentChips button:hover,.overviewMomentChips button:focus-visible{background:rgba(255,255,255,.18)!important;color:rgba(255,255,255,.94)!important;box-shadow:0 0 18px rgba(255,255,255,.14)!important;outline:0!important;}
  .overviewMomentChips button.isPreviewing{background:rgba(255,255,255,.18)!important;color:rgba(255,255,255,.94)!important;box-shadow:0 0 18px rgba(255,255,255,.14)!important;}
  .overviewMomentChips button{transition:none!important;}
  .overviewPoints{gap:18px!important;margin:0 0 24px!important;}
  .overviewPoints>div{grid-template-columns:42px minmax(0,1fr)!important;gap:14px!important;padding:17px!important;border:1px solid rgba(242,201,76,.14)!important;border-radius:18px!important;background:linear-gradient(145deg,rgba(255,255,255,.065),rgba(255,255,255,.025))!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.055)!important;}
  .overviewPoints>.overviewPointCanExpand{cursor:pointer!important;}
  .overviewIcon{width:38px!important;height:38px!important;font-size:18px!important;background:rgba(242,201,76,.15)!important;}
  .overviewPoints strong{margin-bottom:7px!important;font-size:11px!important;letter-spacing:.18em!important;}
  .overviewPoints p{font-size:14px!important;line-height:1.45!important;display:-webkit-box!important;-webkit-line-clamp:4!important;-webkit-box-orient:vertical!important;overflow:hidden!important;}
  .overviewPoints>.overviewPointExpanded p{display:block!important;-webkit-line-clamp:unset!important;overflow:visible!important;}
  .overviewScoreStrip{width:100%!important;margin-top:20px!important;padding:16px!important;border-radius:16px!important;gap:10px!important;flex-wrap:wrap!important;background:rgba(0,0,0,.34)!important;}
  .overviewScoreStrip span{font-size:13px!important;}
  .overviewScoreStrip strong{font-size:28px!important;}
  .overviewScoreStrip small{width:100%!important;margin-left:0!important;font-size:11px!important;}
  .overviewCommunityNote{margin-top:16px!important;gap:13px!important;}
  .overviewCommunityNote button{gap:13px!important;}
  .overviewCommunityNote span{width:59px!important;height:27px!important;}
  .overviewCommunityNote p{font-size:12.6px!important;line-height:1.38!important;}
  .overviewLibraryUsersPanel{left:0!important;right:auto!important;max-width:calc(100vw - 40px)!important;}
}

/* Admin management controls */
.overviewAdminControls{display:flex!important;flex-wrap:wrap!important;gap:10px!important;margin-top:18px!important;}
.overviewAdminControls button,.overviewEditorActions .danger{border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.06);color:#fff;border-radius:999px;padding:10px 14px;font-weight:850;cursor:pointer;}
.overviewAdminControls .overviewEditBtn{margin-top:0!important;background:#ffd12d!important;color:#111!important;border-color:#ffd12d!important;}
.overviewAdminControls .danger,.overviewEditorActions .danger{border-color:rgba(255,83,83,.38)!important;background:rgba(255,83,83,.12)!important;color:#ffb4b4!important;}
.overviewAdminControls button:hover,.overviewEditorActions .danger:hover{border-color:rgba(242,201,76,.42);}
.albumOverviewSleeve.canDragOverview{cursor:grab!important;}
.albumOverviewSleeve.draggingOverview{cursor:grabbing!important;}
.overviewDragHint{
  position:absolute;
  right:22px;
  bottom:18px;
  z-index:4;
  border:1px solid rgba(242,201,76,.34);
  border-radius:999px;
  padding:9px 13px;
  background:rgba(0,0,0,.62);
  color:#ffd51f;
  font-size:12px;
  font-weight:850;
  letter-spacing:.04em;
  box-shadow:0 12px 28px rgba(0,0,0,.34);
  pointer-events:none;
}

/* Admin polish and popup controls */
#closeAlbumModal,.albumOverviewClose{
  display:grid!important;
  place-items:center!important;
  padding:0!important;
  line-height:1!important;
  text-align:center!important;
}
#closeAlbumModal{font-size:32px!important;}
.albumOverviewClose{font-size:28px!important;}
.adminTinyDelete{
  border:1px solid rgba(255,83,83,.30)!important;
  background:rgba(255,83,83,.10)!important;
  color:#ffb4b4!important;
  border-radius:999px!important;
  padding:4px 9px!important;
  font-size:11px!important;
  font-weight:850!important;
  cursor:pointer!important;
}
.reactionReplyMeta .adminTinyDelete{margin-left:4px!important;}

/* Larger song row rating numbers */
.linerTrackRow .trackScoreNumber{
  font-size:14px!important;
  font-weight:600!important;
  vertical-align:0!important;
}

/* Admin most-loved track picker */
.pickLovedTrackBtn{
  margin-top:10px!important;
  border:1px solid rgba(242,201,76,.35)!important;
  background:rgba(242,201,76,.10)!important;
  color:#ffd51f!important;
  border-radius:999px!important;
  padding:7px 11px!important;
  font-size:12px!important;
  font-weight:850!important;
  cursor:pointer!important;
}

/* Final centered modal close buttons */
#albumModal #closeAlbumModal,
#albumModal .close,
.albumOverviewClose{
  width:38px!important;
  height:38px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:0!important;
  line-height:0!important;
  font-size:0!important;
  font-family:Arial, Helvetica, sans-serif!important;
}
#albumModal #closeAlbumModal::before,
#albumModal .close::before,
.albumOverviewClose::before{
  content:"�"!important;
  display:block!important;
  font-size:28px!important;
  line-height:1!important;
  transform:translateY(-1px)!important;
}
.trackLovedAdmin{
  border:1px solid rgba(242,201,76,.28)!important;
  background:rgba(242,201,76,.08)!important;
  color:#ffd51f!important;
  border-radius:999px!important;
  padding:5px 8px!important;
  font-size:10px!important;
  font-weight:850!important;
  cursor:pointer!important;
  white-space:nowrap!important;
}

/* Admin-clickable album popup score/count stats */
.linerStats .linerStatEdit{
  border:0!important;
  border-right:1px solid rgba(255,255,255,.10)!important;
  background:transparent!important;
  color:inherit!important;
  text-align:left!important;
  padding:0 22px 0 0!important;
  cursor:pointer!important;
  font-family:inherit!important;
}
.linerStats .linerStatEdit strong{display:block;color:#ffd51f;font-size:32px;line-height:1;font-weight:950;}
.linerStats .linerStatEdit span{display:block;margin-top:8px;text-transform:uppercase;letter-spacing:.08em;color:rgba(255,255,255,.62);font-size:11px;font-weight:950;}
.linerStats .linerStatEdit em{display:block;margin-top:5px;color:rgba(255,209,45,.72);font-size:10px;font-style:normal;font-weight:850;}
.linerStats .linerStatEdit:hover strong,.linerStats .linerStatEdit:hover em{color:#fff06a!important;}

/* Emotional Track Highlights polish */
.trackPanel,.reactionsPanel{
  position:relative!important;
  overflow:hidden!important;
}
.trackPanel:before{
  content:"";
  position:absolute;
  left:-120px;
  top:45px;
  width:330px;
  height:330px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(255,213,31,.18),rgba(255,167,0,.07) 34%,transparent 68%);
  filter:blur(12px);
  pointer-events:none;
}
.trackPanel:after,.reactionsPanel:after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  opacity:.24;
  mix-blend-mode:screen;
  background-image:linear-gradient(115deg,transparent 0%,rgba(255,255,255,.055) 42%,transparent 58%);
  transform:translateX(-120%);
  animation:panelSheen 7s ease-in-out infinite;
}
@keyframes panelSheen{0%,58%{transform:translateX(-120%)}78%,100%{transform:translateX(120%)}}
.linerScoreRow .scoreRing{
  transform:scale(.78)!important;
  box-shadow:0 0 34px rgba(255,196,31,.28),0 0 90px rgba(255,150,0,.16),inset 0 0 34px rgba(0,0,0,.78)!important;
}
.scoreRing small{
  position:relative;
  z-index:3;
  display:block;
  margin-top:6px;
  max-width:110px;
  color:rgba(255,231,142,.86);
  font-size:10px;
  font-weight:900;
  letter-spacing:.08em;
  text-transform:uppercase;
  text-align:center;
}
.linerScoreRow .ratingBars div{opacity:.66;}
.linerScoreRow .ratingBars div:first-child{opacity:1;}
.linerScoreRow .ratingBars div:first-child b{
  height:15px!important;
  background:linear-gradient(90deg,#fff06a 0%,#ffd51f 42%,#d69808 var(--w),rgba(255,255,255,.06) var(--w))!important;
  box-shadow:0 0 16px rgba(255,213,31,.36),0 0 34px rgba(255,180,0,.16)!important;
  position:relative;
  overflow:hidden;
}
.linerScoreRow .ratingBars div:first-child b:after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.34),transparent);
  transform:translateX(-100%);
  animation:barShimmer 3.8s ease-in-out infinite;
}
@keyframes barShimmer{0%,45%{transform:translateX(-100%)}75%,100%{transform:translateX(120%)}}
.linerScoreRow .ratingBars div:nth-child(n+3) b{height:9px!important;filter:saturate(.55);}
.trackMoodTags{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin:-4px 0 16px;
  position:relative;
  z-index:2;
}
.trackMoodTags span{
  border:1px solid rgba(255,213,31,.20);
  background:linear-gradient(145deg,rgba(255,213,31,.105),rgba(255,255,255,.025));
  color:rgba(255,235,156,.9);
  border-radius:999px;
  padding:7px 11px;
  font-size:11px;
  font-weight:850;
  letter-spacing:.03em;
}
.communityPulse{
  margin:0 0 15px;
  padding:13px 15px;
  border:1px solid rgba(255,213,31,.14);
  border-radius:14px;
  background:linear-gradient(90deg,rgba(255,213,31,.075),rgba(255,255,255,.018));
  color:rgba(255,255,255,.73);
  font-size:13px;
  line-height:1.4;
  position:relative;
  z-index:2;
}
.reactionAtmosphere{
  display:flex;
  gap:8px;
  flex-wrap:wrap;
  margin:-4px 0 14px;
  position:relative;
  z-index:2;
}
.reactionAtmosphere span{
  border-radius:999px;
  padding:7px 10px;
  background:rgba(255,255,255,.045);
  color:rgba(255,255,255,.58);
  font-size:11px;
  font-weight:800;
  box-shadow:0 0 22px rgba(255,213,31,.05);
}
.reactionsPanel .linerComposer{
  box-shadow:0 18px 55px rgba(0,0,0,.26),inset 0 1px 0 rgba(255,255,255,.04)!important;
}
.reactionsPanel .recentFilter{background:rgba(255,255,255,.055)!important;color:rgba(255,255,255,.76)!important;}
.reactionsPanel .friendsFilter{background:rgba(91,141,255,.11)!important;color:#cddcff!important;}
.listenerPull{
  display:flex;
  align-items:center;
  gap:12px;
  margin:0 0 14px;
  padding:12px 14px;
  border-radius:16px;
  border:1px solid rgba(255,213,31,.16);
  background:radial-gradient(circle at 0% 50%,rgba(255,213,31,.18),transparent 34%),rgba(255,255,255,.026);
  color:rgba(255,255,255,.72);
}
.listenerPull strong{color:#ffd51f;font-size:24px;line-height:1;}
.listenerPull span{font-size:12px;font-weight:800;}

#albumRatingsSection{
  scroll-margin-top:18px!important;
}

/* Music-experience depth for album track panels */
.trackPanel,.reactionsPanel{
  background:
    radial-gradient(circle at 16% 28%,rgba(255,209,45,.105),transparent 33%),
    radial-gradient(circle at 88% 8%,rgba(118,92,255,.07),transparent 31%),
    linear-gradient(145deg,rgba(21,22,27,.94),rgba(8,9,13,.985))!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.055),0 24px 80px rgba(0,0,0,.34)!important;
}
.reactionsPanel:before{
  content:""!important;
  position:absolute!important;
  right:-80px!important;
  top:-90px!important;
  width:280px!important;
  height:280px!important;
  border-radius:50%!important;
  background:radial-gradient(circle,rgba(255,209,45,.12),rgba(118,92,255,.055) 42%,transparent 70%)!important;
  filter:blur(14px)!important;
  pointer-events:none!important;
}
.linerScoreRow .scoreRing:before{
  filter:drop-shadow(0 0 5px rgba(255,241,104,.92)) drop-shadow(0 0 16px rgba(255,177,0,.72)) drop-shadow(0 0 34px rgba(255,137,0,.38))!important;
}
.linerScoreRow .scoreRing{
  margin-bottom:26px!important;
}
.linerScoreRow .ratingBars div:nth-child(4) b,
.linerScoreRow .ratingBars div:nth-child(5) b{
  height:7px!important;
  opacity:.58!important;
}
.trackMoodTags span{
  box-shadow:0 0 18px rgba(255,209,45,.055)!important;
}
.communityPulse:before{
  content:""!important;
  display:inline-block!important;
  width:7px!important;
  height:7px!important;
  border-radius:50%!important;
  margin-right:9px!important;
  background:#ffd51f!important;
  box-shadow:0 0 14px rgba(255,209,45,.7)!important;
  vertical-align:1px!important;
}
.reactionAtmosphere{
  min-height:38px!important;
  align-items:center!important;
}
.reactionAtmosphere span{
  animation:reactionWhisper 10s ease-in-out infinite!important;
}
.reactionAtmosphere span:nth-child(2){animation-delay:2.7s!important;}
.reactionAtmosphere span:nth-child(3){animation-delay:5.4s!important;}
.reactionAtmosphere i{
  width:22px!important;
  height:22px!important;
  border-radius:50%!important;
  margin-left:-13px!important;
  border:1px solid rgba(255,255,255,.22)!important;
  background:linear-gradient(135deg,#ffd95c,#6f5dff)!important;
  box-shadow:0 0 18px rgba(255,209,45,.14)!important;
}
.reactionAtmosphere i:nth-of-type(2){background:linear-gradient(135deg,#f3a5ff,#ffd95c)!important;}
.reactionAtmosphere i:nth-of-type(3){background:linear-gradient(135deg,#9cc7ff,#d19a18)!important;}
@keyframes reactionWhisper{
  0%,100%{opacity:.44;transform:translateY(2px)}
  22%,48%{opacity:.88;transform:translateY(0)}
}
.reactionsPanel .reactionFilters button.active{
  background:linear-gradient(135deg,#ffdf3c,#c08b0c)!important;
  color:#111!important;
  box-shadow:0 0 28px rgba(255,209,45,.24)!important;
}
.listenerPull{
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04),0 0 28px rgba(255,209,45,.06)!important;
}

/* Cinematic album page refit */
#albumModal .modalPanel{
  width:min(1440px,97vw)!important;
  max-height:96vh!important;
  border-radius:26px!important;
  background:#03070a!important;
}
.linerAlbumPage{
  padding:28px 38px 32px!important;
  background:
    radial-gradient(circle at 18% 14%,rgba(255,209,45,.10),transparent 24%),
    radial-gradient(circle at 72% 4%,rgba(110,160,140,.12),transparent 30%),
    linear-gradient(180deg,#05090c,#020507)!important;
}
.linerAlbumPage:before{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  background-image:radial-gradient(rgba(255,255,255,.22) .6px,transparent .6px)!important;
  background-size:3px 3px!important;
  opacity:.075!important;
  pointer-events:none!important;
}
.linerTabs{
  width:max-content!important;
  min-width:460px!important;
  border:1px solid rgba(255,255,255,.16)!important;
  border-radius:999px!important;
  padding:3px!important;
  background:rgba(0,0,0,.42)!important;
  box-shadow:0 0 32px rgba(242,201,76,.08)!important;
}
.linerTabs button{
  min-width:140px!important;
  padding:13px 22px!important;
  border:0!important;
  background:transparent!important;
}
.linerTabs .active{
  background:linear-gradient(135deg,rgba(242,201,76,.30),rgba(106,77,9,.72))!important;
  border:1px solid rgba(242,201,76,.40)!important;
}
.linerHero{
  grid-template-columns:360px minmax(0,1fr)!important;
  min-height:520px!important;
  gap:52px!important;
  margin-top:-4px!important;
}
.linerHero:before{
  inset:-110px -38px -80px!important;
  background:
    linear-gradient(90deg,rgba(2,6,8,.98) 0%,rgba(2,6,8,.64) 42%,rgba(2,6,8,.80) 100%),
    var(--moment-cover,var(--album-cover))!important;
  filter:blur(10px) saturate(.95)!important;
  opacity:.72!important;
}
.linerHero:after{
  right:-38px!important;
  top:-80px!important;
  width:64%!important;
  height:650px!important;
  background:
    linear-gradient(90deg,rgba(3,7,9,.66),rgba(3,7,9,.08),rgba(3,7,9,.78)),
    var(--moment-cover,var(--album-cover))!important;
  background-size:cover!important;
  opacity:.30!important;
  filter:blur(1px) saturate(.85)!important;
}
.linerCover .cover{
  border-radius:18px!important;
  padding:14px!important;
  box-shadow:0 34px 80px rgba(0,0,0,.58),0 0 0 1px rgba(255,209,45,.12)!important;
}
.linerHeroCopy h2{
  font-family:Georgia,serif!important;
  font-size:64px!important;
  font-weight:500!important;
  letter-spacing:-.045em!important;
}
.linerHeroCopy p{
  max-width:650px!important;
  font-size:17px!important;
}
.linerTags span{
  background:rgba(255,255,255,.075)!important;
  border:1px solid rgba(255,255,255,.055)!important;
}
.linerStats strong{
  font-family:Georgia,serif!important;
  font-size:39px!important;
  font-weight:600!important;
}
.linerContentGrid{
  grid-template-columns:1.08fr .92fr!important;
  gap:18px!important;
  margin-top:-20px!important;
}
.linerPanel{
  border-radius:22px!important;
  padding:26px!important;
  background:
    radial-gradient(circle at 12% 14%,rgba(242,201,76,.10),transparent 30%),
    linear-gradient(145deg,rgba(255,255,255,.052),rgba(255,255,255,.015))!important;
  border-color:rgba(255,255,255,.10)!important;
}
.linerPanelTitle h3{
  font-size:17px!important;
  letter-spacing:.16em!important;
}
.linerScoreRow{
  grid-template-columns:230px minmax(0,1fr)!important;
  gap:34px!important;
  margin:20px 0 24px!important;
}
.linerScoreRow .scoreRing{
  transform:scale(.95)!important;
  transform-origin:center!important;
}
.trackMoodTags{
  justify-content:flex-start!important;
  margin:12px 0 18px!important;
}
.trackMoodTags span{
  min-width:86px!important;
  text-align:center!important;
  color:#ffe165!important;
  background:rgba(242,201,76,.055)!important;
}
.communityPulse{
  margin-top:6px!important;
  padding:18px 20px!important;
  border-radius:18px!important;
  font-size:15px!important;
}
.reactionsPanel .reactionAtmosphere{
  min-height:124px!important;
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  gap:14px!important;
}
.reactionAtmosphere span{
  border-radius:18px!important;
  padding:15px 16px!important;
  font-size:13px!important;
  line-height:1.35!important;
  color:rgba(255,255,255,.76)!important;
  background:linear-gradient(145deg,rgba(255,255,255,.07),rgba(255,255,255,.02))!important;
  border:1px solid rgba(255,255,255,.08)!important;
}
.reactionAtmosphere i{
  align-self:center!important;
  justify-self:end!important;
}
.linerComposer{
  grid-template-columns:minmax(0,1fr) auto!important;
  padding:18px!important;
  margin-top:12px!important;
}
.linerComposer .voiceAvatar{display:none!important;}
.linerComposer textarea{
  min-height:58px!important;
}
.reactionFilters{
  margin-top:18px!important;
}
.listenerPull{
  margin-top:18px!important;
  padding:18px 20px!important;
}
.listenerPull strong{
  font-size:34px!important;
}
.albumTrackSections{
  position:relative!important;
  z-index:2!important;
  margin-top:20px!important;
}
.albumTrackSections .emptyMini{
  border-radius:22px!important;
  padding:28px!important;
}
.albumTrackSections .linerFeaturedTrack{
  grid-template-columns:54px minmax(0,1fr) 90px 250px!important;
  min-height:270px!important;
  padding:34px 34px 30px 132px!important;
  margin-bottom:20px!important;
  border-radius:22px!important;
  background:
    linear-gradient(90deg,rgba(22,18,9,.96),rgba(41,28,10,.68),rgba(10,13,14,.92)),
    var(--moment-cover,var(--album-cover))!important;
  border-color:rgba(242,201,76,.18)!important;
  box-shadow:0 30px 80px rgba(0,0,0,.40),inset 0 1px 0 rgba(255,255,255,.045)!important;
}
.albumTrackSections .momentIcon{
  position:absolute!important;
  left:34px!important;
  top:34px!important;
  width:44px!important;
  height:44px!important;
  border-radius:50%!important;
  display:grid!important;
  place-items:center!important;
  background:rgba(242,201,76,.13)!important;
  color:#ffd51f!important;
}
.albumTrackSections .featurePlay{
  position:absolute!important;
  left:54px!important;
  top:105px!important;
  width:56px!important;
  height:56px!important;
}
.albumTrackSections .featureTrackCopy h4{
  font-family:Georgia,serif!important;
  font-size:38px!important;
  line-height:1.05!important;
  font-weight:500!important;
  max-width:560px!important;
}
.albumTrackSections .featureTrackCopy em{
  display:block!important;
  margin-top:8px!important;
  color:#ffd51f!important;
  font-style:normal!important;
  font-weight:850!important;
}
.albumTrackSections .featureCover{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  opacity:.16!important;
  border-radius:22px!important;
  z-index:0!important;
}
.albumTrackSections .featureTrackCopy,
.albumTrackSections .featureTrackScore,
.albumTrackSections .momentWhy,
.albumTrackSections .featurePlay,
.albumTrackSections .momentIcon{
  position:relative!important;
  z-index:2!important;
}
.momentWhy{
  align-self:center!important;
  border:1px solid rgba(255,255,255,.10)!important;
  border-radius:18px!important;
  padding:20px!important;
  background:rgba(0,0,0,.28)!important;
  display:grid!important;
  gap:12px!important;
}
.momentWhy strong{
  color:#ffe165!important;
  text-transform:uppercase!important;
  letter-spacing:.12em!important;
  font-size:12px!important;
}
.momentWhy span{
  color:rgba(255,255,255,.72)!important;
  font-size:13px!important;
}
.albumTrackSections .linerTrackTable{
  border-radius:22px!important;
  padding:12px!important;
  background:
    radial-gradient(circle at 5% 0%,rgba(242,201,76,.08),transparent 26%),
    rgba(4,8,10,.84)!important;
}
.albumTrackSections .trackTableHead,
.albumTrackSections .linerTrackRow{
  grid-template-columns:44px 34px minmax(0,1fr) 150px 120px 42px!important;
  padding:16px 18px!important;
}
.albumTrackSections .trackTableHead span:nth-child(2){grid-column:3!important;}
.albumTrackSections .trackTableHead span:nth-child(3){grid-column:4!important;}
.albumTrackSections .trackTableHead span:nth-child(4){grid-column:5!important;}
.albumTrackSections .linerTrackRow:first-of-type{
  border:1px solid rgba(242,201,76,.20)!important;
  border-radius:12px!important;
  background:rgba(242,201,76,.055)!important;
}
.albumTrackSections .trackRowScore{
  font-size:16px!important;
}
.albumTrackSections .trackRowScore .trackScoreNumber{
  font-size:16px!important;
}
.albumTrackSections .trackLove:before{
  content:"crowd favorite"!important;
  display:inline-flex!important;
  padding:8px 12px!important;
  border-radius:999px!important;
  background:rgba(242,201,76,.16)!important;
  color:#ffe165!important;
  font-size:11px!important;
  font-weight:850!important;
}
.albumTrackSections .trackLove{
  font-size:0!important;
}
.linerPlayer{
  display:none!important;
}

/* Corrections for honest reactions and contained loved-moment layout */
.reactionsPanel .linerComposer{
  grid-template-columns:1fr!important;
  min-height:118px!important;
}
.reactionsPanel .linerComposer textarea{
  width:100%!important;
  min-width:0!important;
  overflow:hidden!important;
}
.reactionsPanel .linerComposer .voiceAvatar.gold{
  display:none!important;
}
.reactionsPanel .reactionActions span:empty{
  display:none!important;
}
.reactionsPanel .reactionActions{
  min-height:20px!important;
}
.reactionsPanel .reactionActions button{
  margin-left:0!important;
}
.albumTrackSections .linerFeaturedTrack{
  grid-template-columns:70px minmax(0,1fr) 86px 245px!important;
  min-height:245px!important;
  max-height:none!important;
  padding:30px!important;
  padding-left:108px!important;
  background:
    radial-gradient(circle at 30% 40%,rgba(242,201,76,.12),transparent 34%),
    linear-gradient(90deg,rgba(26,20,10,.96),rgba(31,24,12,.82),rgba(5,8,10,.96))!important;
}
.albumTrackSections .linerFeaturedTrack:before{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  background:var(--moment-cover,var(--album-cover))!important;
  background-size:cover!important;
  background-position:center!important;
  opacity:.18!important;
  filter:saturate(.85) contrast(1.05)!important;
  pointer-events:none!important;
}
.albumTrackSections .momentIcon{
  left:32px!important;
  top:28px!important;
}
.albumTrackSections .featurePlay{
  left:32px!important;
  top:96px!important;
}
.albumTrackSections .featureTrackCopy h4{
  font-size:34px!important;
  max-width:560px!important;
  overflow-wrap:anywhere!important;
}
.albumTrackSections .featureTrackCopy p{
  max-width:390px!important;
}
.albumTrackSections .featureTrackScore{
  align-self:center!important;
}
.albumTrackSections .momentWhy{
  width:100%!important;
  max-width:245px!important;
  align-self:center!important;
  justify-self:end!important;
}
.albumTrackSections .momentWhy strong,
.albumTrackSections .momentWhy span{
  overflow-wrap:normal!important;
  word-break:normal!important;
}
.albumTrackSections .featureCover{
  display:none!important;
}
@media(max-width:1050px){
  .albumTrackSections .linerFeaturedTrack{
    grid-template-columns:1fr!important;
    padding:96px 24px 24px!important;
  }
  .albumTrackSections .momentWhy{
    max-width:none!important;
    justify-self:stretch!important;
  }
}
@media(max-width:1050px){
  .linerHero,.linerContentGrid{grid-template-columns:1fr!important;}
  .linerHero{min-height:auto!important;}
  .albumTrackSections .linerFeaturedTrack{grid-template-columns:1fr!important;padding:90px 22px 24px!important;}
  .momentWhy{margin-top:18px!important;}
}
@media(max-width:650px){
  .linerTabs{min-width:0!important;width:100%!important;overflow:auto!important;}
  .linerTabs button{min-width:125px!important;}
  .linerHeroCopy h2{font-size:42px!important;}
  .linerScoreRow{grid-template-columns:1fr!important;}
  .reactionsPanel .reactionAtmosphere{grid-template-columns:1fr!important;min-height:auto!important;}
  .albumTrackSections .trackTableHead,.albumTrackSections .linerTrackRow{grid-template-columns:28px 30px minmax(0,1fr) 68px!important;}
  .albumTrackSections .trackTableHead span:nth-child(4),.albumTrackSections .trackLove{display:none!important;}
}

/* Final containment for most-loved moment card */
.albumTrackSections .linerFeaturedTrack{
  display:grid!important;
  grid-template-columns:64px minmax(0,1fr) 92px minmax(210px,260px)!important;
  align-items:center!important;
  min-height:230px!important;
  max-height:280px!important;
  padding:28px 28px 28px 108px!important;
  overflow:hidden!important;
  background:
    radial-gradient(circle at 20% 45%,rgba(242,201,76,.12),transparent 28%),
    linear-gradient(90deg,rgba(26,22,13,.96),rgba(24,23,18,.90),rgba(7,10,12,.96))!important;
  background-size:auto!important;
}
.albumTrackSections .linerFeaturedTrack:before{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  background:var(--moment-cover,var(--album-cover))!important;
  background-size:cover!important;
  background-position:center!important;
  opacity:.07!important;
  filter:blur(1px) saturate(.7)!important;
  pointer-events:none!important;
}
.albumTrackSections .featureTrackCopy{
  min-width:0!important;
  max-width:680px!important;
}
.albumTrackSections .featureTrackCopy h4{
  font-size:30px!important;
  line-height:1.08!important;
  max-width:620px!important;
  white-space:normal!important;
  overflow-wrap:break-word!important;
  word-break:normal!important;
  margin:4px 0 10px!important;
}
.albumTrackSections .featureTrackCopy p{
  max-width:460px!important;
  line-height:1.45!important;
  margin:10px 0 0!important;
}
.albumTrackSections .featureTrackScore{
  justify-self:center!important;
  min-width:64px!important;
}
.albumTrackSections .momentWhy{
  position:relative!important;
  justify-self:stretch!important;
  align-self:center!important;
  width:auto!important;
  max-width:none!important;
  padding:18px!important;
  gap:9px!important;
}
.albumTrackSections .momentWhy strong{
  white-space:normal!important;
}
.albumTrackSections .momentWhy span{
  display:block!important;
  white-space:normal!important;
  line-height:1.35!important;
}
.albumTrackSections .momentIcon{
  left:28px!important;
  top:30px!important;
}
.albumTrackSections .featurePlay{
  left:28px!important;
  top:96px!important;
}
.albumTrackSections .featureCover{
  display:none!important;
}
.reactionReplies:not(.hidden){
  display:block!important;
}
@media(max-width:1050px){
  .albumTrackSections .linerFeaturedTrack{
    grid-template-columns:1fr!important;
    max-height:none!important;
    padding:96px 22px 22px!important;
  }
}

/* Hard reset for most-loved moment layout */
.albumTrackSections .linerFeaturedTrack{
  display:grid!important;
  grid-template-columns:58px minmax(0,1fr) 92px 230px!important;
  gap:18px!important;
  align-items:center!important;
  min-height:0!important;
  height:auto!important;
  max-height:none!important;
  padding:24px 24px 24px 92px!important;
  overflow:hidden!important;
  border-radius:22px!important;
  background-image:
    radial-gradient(circle at 15% 52%,rgba(242,201,76,.16),transparent 32%),
    linear-gradient(135deg,rgba(31,27,18,.96),rgba(12,14,16,.97))!important;
  background-size:auto!important;
  background-position:center!important;
}
.albumTrackSections .linerFeaturedTrack:before,
.albumTrackSections .featureCover{
  display:none!important;
  content:none!important;
  background:none!important;
}
.albumTrackSections .momentIcon{
  position:absolute!important;
  left:24px!important;
  top:24px!important;
  width:42px!important;
  height:42px!important;
}
.albumTrackSections .featurePlay{
  position:absolute!important;
  left:24px!important;
  top:88px!important;
  width:50px!important;
  height:50px!important;
}
.albumTrackSections .featureTrackCopy{
  grid-column:2!important;
  min-width:0!important;
  max-width:none!important;
  justify-self:stretch!important;
}
.albumTrackSections .featureTrackCopy h4{
  font-family:Georgia,serif!important;
  font-size:30px!important;
  line-height:1.12!important;
  max-width:100%!important;
  white-space:normal!important;
  overflow-wrap:break-word!important;
  word-break:normal!important;
}
.albumTrackSections .featureTrackCopy p{
  max-width:480px!important;
  font-size:14px!important;
}
.albumTrackSections .featureTrackScore{
  grid-column:3!important;
  justify-self:center!important;
}
.albumTrackSections .momentWhy{
  grid-column:4!important;
  width:auto!important;
  max-width:none!important;
  justify-self:stretch!important;
  padding:18px!important;
  margin:0!important;
}
.albumTrackSections .momentWhy strong,
.albumTrackSections .momentWhy span{
  white-space:normal!important;
  word-break:normal!important;
  overflow-wrap:normal!important;
}
@media(max-width:1050px){
  .albumTrackSections .linerFeaturedTrack{
    grid-template-columns:1fr!important;
    padding:88px 22px 22px!important;
  }
  .albumTrackSections .featureTrackCopy,
  .albumTrackSections .featureTrackScore,
  .albumTrackSections .momentWhy{grid-column:1!important}
}

/* Stable album overview icons */
.albumOverviewSleeve .overviewIcon{
  position:relative!important;
  overflow:hidden!important;
  font-size:0!important;
}
.albumOverviewSleeve .overviewIcon:before,
.albumOverviewSleeve .overviewIcon:after{
  content:""!important;
  position:absolute!important;
  left:50%!important;
  top:50%!important;
  transform:translate(-50%,-50%)!important;
  color:#ffd51f!important;
}
.albumOverviewSleeve .soundIcon:before{
  width:4px!important;
  height:22px!important;
  border-radius:999px!important;
  background:#ffd51f!important;
  box-shadow:-10px 4px 0 -1px #ffd51f,-20px 9px 0 -2px #ffd51f,10px -4px 0 -1px #ffd51f,20px -9px 0 -2px #ffd51f!important;
}
.albumOverviewSleeve .impactIcon:before{
  width:25px!important;
  height:25px!important;
  background:#ffd51f!important;
  clip-path:polygon(50% 4%,61% 35%,94% 35%,67% 54%,77% 88%,50% 68%,23% 88%,33% 54%,6% 35%,39% 35%)!important;
}
.albumOverviewSleeve .legacyIcon:before,
.albumOverviewSleeve .legacyIcon:after{
  width:25px!important;
  height:15px!important;
  border:3px solid #ffd51f!important;
  border-top:0!important;
  border-radius:0 0 14px 14px!important;
  background:transparent!important;
}
.albumOverviewSleeve .legacyIcon:before{transform:translate(-50%,-22%)!important;}
.albumOverviewSleeve .legacyIcon:after{width:10px!important;height:10px!important;border-radius:50%!important;border:3px solid #ffd51f!important;border-bottom:0!important;transform:translate(-50%,-105%)!important;}

/* Cinematic most-loved moment background */
.albumTrackSections .linerFeaturedTrack{
  min-height:270px!important;
  border:1px solid rgba(242,201,76,.20)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05),0 18px 54px rgba(0,0,0,.36)!important;
  background:
    linear-gradient(90deg,rgba(6,8,10,.95) 0%,rgba(8,9,10,.70) 34%,rgba(39,27,8,.45) 56%,rgba(6,8,10,.92) 100%),
    radial-gradient(circle at 54% 16%,rgba(255,210,78,.34),transparent 30%)!important;
}
.albumTrackSections .linerFeaturedTrack:before{
  content:""!important;
  display:block!important;
  position:absolute!important;
  inset:0!important;
  z-index:0!important;
  background:
    linear-gradient(90deg,rgba(0,0,0,.86) 0%,rgba(0,0,0,.38) 38%,rgba(0,0,0,.20) 60%,rgba(0,0,0,.82) 100%),
    linear-gradient(0deg,rgba(0,0,0,.34),rgba(0,0,0,.08)),
    var(--moment-cover,var(--album-cover))!important;
  background-size:cover!important;
  background-position:center!important;
  opacity:.62!important;
  filter:saturate(.78) sepia(.18) brightness(.86) contrast(1.08)!important;
  pointer-events:none!important;
}
.albumTrackSections .linerFeaturedTrack:after{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  z-index:1!important;
  background:radial-gradient(circle at 52% 22%,rgba(242,201,76,.20),transparent 25%),linear-gradient(90deg,rgba(0,0,0,.55),transparent 42%,rgba(0,0,0,.38))!important;
  pointer-events:none!important;
}
.albumTrackSections .featureTrackCopy,
.albumTrackSections .featureTrackScore,
.albumTrackSections .momentWhy,
.albumTrackSections .featurePlay,
.albumTrackSections .momentIcon{
  position:relative!important;
  z-index:2!important;
}
.albumTrackSections .featureTrackCopy h4{
  text-shadow:0 3px 18px rgba(0,0,0,.72)!important;
}
.albumTrackSections .momentWhy{
  background:rgba(0,0,0,.36)!important;
  backdrop-filter:blur(10px)!important;
  border-color:rgba(242,201,76,.24)!important;
}

/* Keep most-loved artwork recognisable in wide banners */
.albumTrackSections .linerFeaturedTrack:before{
  background:
    linear-gradient(90deg,rgba(0,0,0,.90) 0%,rgba(0,0,0,.42) 36%,rgba(0,0,0,.30) 62%,rgba(0,0,0,.84) 100%),
    radial-gradient(circle at 50% 18%,rgba(242,201,76,.22),transparent 28%),
    var(--moment-cover,var(--album-cover))!important;
  background-size:auto,auto,auto 102%!important;
  background-repeat:no-repeat!important;
  background-position:center,center,center!important;
  opacity:.70!important;
  filter:saturate(.82) sepia(.16) brightness(.86) contrast(1.06)!important;
}
.albumTrackSections .linerFeaturedTrack:after{
  background:
    linear-gradient(90deg,rgba(0,0,0,.68) 0%,rgba(0,0,0,.16) 44%,rgba(0,0,0,.58) 100%),
    radial-gradient(circle at 51% 20%,rgba(255,211,92,.18),transparent 24%)!important;
}

/* Face-focused cinematic crop for most-loved moment */
.albumTrackSections .linerFeaturedTrack:before{
  background:
    linear-gradient(90deg,rgba(0,0,0,.86) 0%,rgba(0,0,0,.38) 38%,rgba(0,0,0,.20) 60%,rgba(0,0,0,.82) 100%),
    linear-gradient(0deg,rgba(0,0,0,.34),rgba(0,0,0,.08)),
    var(--moment-cover,var(--album-cover))!important;
  background-size:auto,auto,cover!important;
  background-repeat:no-repeat!important;
  background-position:center,center,var(--moment-focus,50% 33%)!important;
  opacity:.66!important;
  filter:saturate(.82) sepia(.16) brightness(.84) contrast(1.08)!important;
}

/* Face-focused cinematic crop for most-loved moment */
.albumTrackSections .linerFeaturedTrack:before{
  background:
    linear-gradient(90deg,rgba(0,0,0,.86) 0%,rgba(0,0,0,.38) 38%,rgba(0,0,0,.20) 60%,rgba(0,0,0,.82) 100%),
    linear-gradient(0deg,rgba(0,0,0,.34),rgba(0,0,0,.08)),
    var(--moment-cover,var(--album-cover))!important;
  background-size:auto,auto,cover!important;
  background-repeat:no-repeat!important;
  background-position:center,center,var(--moment-focus,50% 33%)!important;
  opacity:.66!important;
  filter:saturate(.82) sepia(.16) brightness(.84) contrast(1.08)!important;
}
.mostLovedAdminControls{display:flex!important;gap:10px!important;flex-wrap:wrap!important;margin-top:12px!important;}

/* Admin drag repositioning for most-loved artwork */
.albumTrackSections .linerFeaturedTrack.canDragMoment{cursor:grab!important;}
.albumTrackSections .linerFeaturedTrack.draggingMoment{cursor:grabbing!important;outline:1px solid rgba(242,201,76,.55)!important;}
.albumTrackSections .linerFeaturedTrack.canDragMoment:before{transition:background-position .08s linear!important;}
.albumTrackSections .linerFeaturedTrack.draggingMoment:before{transition:none!important;}

/* Final album-popup layout: move most-loved moment into the left panel gap */
.mostLovedMomentSlot{
  margin-top:20px!important;
}
.trackPanel .linerFeaturedTrack{
  position:relative!important;
  overflow:hidden!important;
  display:grid!important;
  grid-template-columns:52px minmax(0,1fr) 76px!important;
  gap:14px!important;
  align-items:center!important;
  min-height:210px!important;
  margin:0!important;
  padding:22px!important;
  border-radius:18px!important;
  border:1px solid rgba(242,201,76,.20)!important;
  background:rgba(8,9,12,.72)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04),0 18px 45px rgba(0,0,0,.24)!important;
}
.trackPanel .linerFeaturedTrack:before{
  content:""!important;
  display:block!important;
  position:absolute!important;
  inset:0!important;
  background:
    linear-gradient(90deg,rgba(0,0,0,.88) 0%,rgba(0,0,0,.44) 44%,rgba(0,0,0,.78) 100%),
    linear-gradient(0deg,rgba(0,0,0,.30),rgba(0,0,0,.08)),
    var(--moment-cover,var(--album-cover))!important;
  background-size:auto,auto,cover!important;
  background-repeat:no-repeat!important;
  background-position:center,center,var(--moment-focus,50% 33%)!important;
  opacity:.70!important;
  filter:saturate(.84) sepia(.16) brightness(.86) contrast(1.08)!important;
  z-index:0!important;
}
.trackPanel .linerFeaturedTrack:after{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  background:radial-gradient(circle at 20% 20%,rgba(242,201,76,.16),transparent 28%)!important;
  pointer-events:none!important;
  z-index:1!important;
}
.trackPanel .linerFeaturedTrack > *{
  position:relative!important;
  z-index:2!important;
}
.trackPanel .linerFeaturedTrack .momentIcon{
  width:38px!important;
  height:38px!important;
  border-radius:50%!important;
  display:grid!important;
  place-items:center!important;
  background:rgba(242,201,76,.13)!important;
  color:#ffd51f!important;
}
.trackPanel .linerFeaturedTrack .featurePlay{
  width:44px!important;
  height:44px!important;
  border-radius:50%!important;
  border:1px solid #ffd51f!important;
  color:#ffd51f!important;
  background:rgba(0,0,0,.20)!important;
}
.trackPanel .linerFeaturedTrack .featureTrackCopy h4{
  max-width:100%!important;
  margin:5px 0 8px!important;
  font-size:22px!important;
  line-height:1.12!important;
  white-space:normal!important;
}
.trackPanel .linerFeaturedTrack .featureTrackCopy p{
  max-width:420px!important;
}
.trackPanel .linerFeaturedTrack .featureTrackScore{
  text-align:center!important;
}
.trackPanel .linerFeaturedTrack .momentWhy{
  grid-column:1 / -1!important;
  justify-self:stretch!important;
  margin-top:8px!important;
  padding:14px 16px!important;
  border-radius:14px!important;
  background:rgba(0,0,0,.52)!important;
  border:1px solid rgba(242,201,76,.18)!important;
  display:flex!important;
  flex-wrap:wrap!important;
  gap:10px 16px!important;
  align-items:center!important;
}
.trackPanel .linerFeaturedTrack .momentWhy strong{
  flex-basis:100%!important;
  color:#ffd51f!important;
  text-transform:uppercase!important;
  letter-spacing:.12em!important;
  font-size:11px!important;
}
.trackPanel .linerFeaturedTrack .momentWhy span{
  color:rgba(255,255,255,.72)!important;
  font-size:12px!important;
}
.trackPanel .linerFeaturedTrack .featureCover{
  display:none!important;
}
.trackPanel .linerFeaturedTrack.canDragMoment{cursor:grab!important;}
.trackPanel .linerFeaturedTrack.draggingMoment{cursor:grabbing!important;outline:1px solid rgba(242,201,76,.55)!important;}
.trackPanel .linerFeaturedTrack.canDragMoment:before{transition:background-position .08s linear!important;}
.trackPanel .linerFeaturedTrack.draggingMoment:before{transition:none!important;}

/* Final listener icon: drawn speech bubble, no font glyph fallback */
.reactionsPanel .linerPanelTitle .listenerIcon{
  position:relative!important;
  width:34px!important;
  height:34px!important;
  min-width:34px!important;
  border-radius:999px!important;
  display:grid!important;
  place-items:center!important;
  background:rgba(242,201,76,.12)!important;
  color:transparent!important;
  font-size:0!important;
  box-shadow:0 0 24px rgba(242,201,76,.10)!important;
}
.reactionsPanel .linerPanelTitle .listenerIcon:before{
  content:""!important;
  position:absolute!important;
  width:17px!important;
  height:12px!important;
  left:8px!important;
  top:8px!important;
  border:2px solid #ffd51f!important;
  border-radius:4px!important;
  transform:none!important;
  background:transparent!important;
}
.reactionsPanel .linerPanelTitle .listenerIcon:after{
  content:""!important;
  position:absolute!important;
  width:7px!important;
  height:7px!important;
  left:12px!important;
  top:19px!important;
  border-left:2px solid #ffd51f!important;
  border-bottom:2px solid #ffd51f!important;
  transform:skew(-18deg) rotate(-18deg)!important;
  background:transparent!important;
}

@media(max-width:1050px){
  .trackPanel .linerFeaturedTrack{
    grid-template-columns:46px minmax(0,1fr)!important;
    min-height:230px!important;
  }
  .trackPanel .linerFeaturedTrack .featureTrackScore{
    grid-column:1 / -1!important;
    text-align:left!important;
  }
}

/* Preserve the original left panel size: place most-loved moment inside the existing empty area */
@media(min-width:1051px){
  .linerContentGrid{
    align-items:stretch!important;
  }
  .trackPanel{
    position:relative!important;
    min-height:0!important;
  }
  .trackPanel .linerScoreRow,
  .trackPanel .trackMoodTags,
  .trackPanel .communityPulse{
    position:relative!important;
    z-index:3!important;
  }
  .mostLovedMomentSlot{
    position:absolute!important;
    left:20px!important;
    right:20px!important;
    bottom:20px!important;
    height:205px!important;
    margin:0!important;
    overflow:hidden!important;
    z-index:2!important;
  }
  .trackPanel .linerFeaturedTrack{
    height:100%!important;
    min-height:0!important;
    margin:0!important;
    padding:18px!important;
    grid-template-columns:44px minmax(0,1fr) 64px!important;
    gap:12px!important;
    border-radius:16px!important;
  }
  .trackPanel .linerFeaturedTrack .momentIcon{
    width:34px!important;
    height:34px!important;
  }
  .trackPanel .linerFeaturedTrack .featurePlay{
    width:38px!important;
    height:38px!important;
  }
  .trackPanel .linerFeaturedTrack .featureTrackCopy h4{
    font-size:18px!important;
    line-height:1.14!important;
    margin:4px 0 6px!important;
  }
  .trackPanel .linerFeaturedTrack .featureWave{
    height:16px!important;
  }
  .trackPanel .linerFeaturedTrack .featureTrackCopy p{
    margin-top:7px!important;
    font-size:11px!important;
    line-height:1.35!important;
  }
  .trackPanel .linerFeaturedTrack .featureTrackCopy em{
    font-size:11px!important;
  }
  .trackPanel .linerFeaturedTrack .featureTrackScore strong{
    font-size:14px!important;
  }
  .trackPanel .linerFeaturedTrack .featureTrackScore span{
    font-size:11px!important;
  }
  .trackPanel .linerFeaturedTrack .momentWhy{
    grid-column:1 / -1!important;
    margin-top:4px!important;
    padding:9px 12px!important;
    gap:6px 12px!important;
  }
  .trackPanel .linerFeaturedTrack .momentWhy strong{
    font-size:10px!important;
  }
  .trackPanel .linerFeaturedTrack .momentWhy span{
    font-size:11px!important;
  }
}

/* Clean listener reactions message icon: single SVG mask, no broken box shape */
.reactionsPanel .linerPanelTitle .listenerIcon{
  position:relative!important;
  width:34px!important;
  height:34px!important;
  min-width:34px!important;
  border-radius:999px!important;
  display:grid!important;
  place-items:center!important;
  background:rgba(242,201,76,.14)!important;
  color:transparent!important;
  font-size:0!important;
  box-shadow:0 0 22px rgba(242,201,76,.12)!important;
}
.reactionsPanel .linerPanelTitle .listenerIcon:before{
  content:""!important;
  position:absolute!important;
  width:20px!important;
  height:20px!important;
  left:7px!important;
  top:7px!important;
  border:0!important;
  border-radius:0!important;
  transform:none!important;
  background:#ffd51f!important;
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 11.5a8.4 8.4 0 0 1-.9 3.8 8.7 8.7 0 0 1-7.8 4.7 8.4 8.4 0 0 1-3.8-.9L3 21l1.9-5.5A8.4 8.4 0 0 1 4 11.7 8.7 8.7 0 0 1 8.7 3.9 8.4 8.4 0 0 1 12.5 3H13a8 8 0 0 1 8 8v.5z'/%3E%3Cpath d='M8 10h8'/%3E%3Cpath d='M8 14h5'/%3E%3C/svg%3E") center/contain no-repeat!important;
  mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 11.5a8.4 8.4 0 0 1-.9 3.8 8.7 8.7 0 0 1-7.8 4.7 8.4 8.4 0 0 1-3.8-.9L3 21l1.9-5.5A8.4 8.4 0 0 1 4 11.7 8.7 8.7 0 0 1 8.7 3.9 8.4 8.4 0 0 1 12.5 3H13a8 8 0 0 1 8 8v.5z'/%3E%3Cpath d='M8 10h8'/%3E%3Cpath d='M8 14h5'/%3E%3C/svg%3E") center/contain no-repeat!important;
}
.reactionsPanel .linerPanelTitle .listenerIcon:after{
  content:none!important;
  display:none!important;
}

/* Listener Reactions icon final fallback: simple message emoji, separate from Most Loved Track */
.reactionsPanel .linerPanelTitle .listenerIcon{
  position:relative!important;
  width:34px!important;
  height:34px!important;
  min-width:34px!important;
  border-radius:999px!important;
  display:grid!important;
  place-items:center!important;
  background:rgba(242,201,76,.14)!important;
  color:#ffd51f!important;
  font-size:18px!important;
  line-height:1!important;
  box-shadow:0 0 22px rgba(242,201,76,.12)!important;
}
.reactionsPanel .linerPanelTitle .listenerIcon:before{
  content:""!important;
  position:static!important;
  width:18px!important;
  height:18px!important;
  border:0!important;
  border-radius:0!important;
  transform:none!important;
  background:currentColor!important;
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 11.5a8.4 8.4 0 0 1-.9 3.8 8.7 8.7 0 0 1-7.8 4.7 8.4 8.4 0 0 1-3.8-.9L3 21l1.9-5.5A8.4 8.4 0 0 1 4 11.7 8.7 8.7 0 0 1 8.7 3.9 8.4 8.4 0 0 1 12.5 3H13a8 8 0 0 1 8 8v.5z'/%3E%3Cpath d='M8 10h8'/%3E%3Cpath d='M8 14h5'/%3E%3C/svg%3E") center/contain no-repeat!important;
  mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 11.5a8.4 8.4 0 0 1-.9 3.8 8.7 8.7 0 0 1-7.8 4.7 8.4 8.4 0 0 1-3.8-.9L3 21l1.9-5.5A8.4 8.4 0 0 1 4 11.7 8.7 8.7 0 0 1 8.7 3.9 8.4 8.4 0 0 1 12.5 3H13a8 8 0 0 1 8 8v.5z'/%3E%3Cpath d='M8 10h8'/%3E%3Cpath d='M8 14h5'/%3E%3C/svg%3E") center/contain no-repeat!important;
}
.reactionsPanel .linerPanelTitle .listenerIcon:after{
  content:none!important;
  display:none!important;
}

/* Reference album-popup layout: two top panels plus full-width most-loved moment */
.mostLovedMomentSlot{display:none!important;}
@media(min-width:1051px){
  .linerContentGrid{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
    gap:18px!important;
    align-items:stretch!important;
    margin-bottom:18px!important;
  }
  .trackPanel,
  .reactionsPanel{
    min-height:360px!important;
    height:auto!important;
  }
  .trackPanel{
    position:relative!important;
  }
}
.reactionsPanel .linerPanelTitle .listenerIcon{
  background:rgba(242,201,76,.12)!important;
}
.reactionsPanel .linerPanelTitle .listenerIcon:before{
  content:""!important;
  position:static!important;
  width:18px!important;
  height:18px!important;
  border:0!important;
  transform:none!important;
  background:currentColor!important;
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 11.5a8.4 8.4 0 0 1-.9 3.8 8.7 8.7 0 0 1-7.8 4.7 8.4 8.4 0 0 1-3.8-.9L3 21l1.9-5.5A8.4 8.4 0 0 1 4 11.7 8.7 8.7 0 0 1 8.7 3.9 8.4 8.4 0 0 1 12.5 3H13a8 8 0 0 1 8 8v.5z'/%3E%3Cpath d='M8 10h8'/%3E%3Cpath d='M8 14h5'/%3E%3C/svg%3E") center/contain no-repeat!important;
  mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 11.5a8.4 8.4 0 0 1-.9 3.8 8.7 8.7 0 0 1-7.8 4.7 8.4 8.4 0 0 1-3.8-.9L3 21l1.9-5.5A8.4 8.4 0 0 1 4 11.7 8.7 8.7 0 0 1 8.7 3.9 8.4 8.4 0 0 1 12.5 3H13a8 8 0 0 1 8 8v.5z'/%3E%3Cpath d='M8 10h8'/%3E%3Cpath d='M8 14h5'/%3E%3C/svg%3E") center/contain no-repeat!important;
  font-size:18px!important;
  line-height:1!important;
}
.reactionsPanel .linerPanelTitle .listenerIcon:after{content:none!important;display:none!important;}
.listenerPull span{font-size:12px!important;font-weight:850!important;}

.albumTrackSections .linerFeaturedTrack{
  position:relative!important;
  overflow:hidden!important;
  display:grid!important;
  grid-template-columns:64px minmax(0,1fr) 86px 270px!important;
  gap:18px!important;
  align-items:center!important;
  min-height:250px!important;
  margin:0 0 18px!important;
  padding:28px 34px!important;
  border-radius:18px!important;
  border:1px solid rgba(242,201,76,.20)!important;
  background:rgba(7,8,10,.80)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04),0 22px 65px rgba(0,0,0,.28)!important;
}
.albumTrackSections .linerFeaturedTrack:before{
  content:""!important;
  display:block!important;
  position:absolute!important;
  inset:0!important;
  background:
    linear-gradient(90deg,rgba(0,0,0,.92) 0%,rgba(0,0,0,.42) 32%,rgba(0,0,0,.26) 62%,rgba(0,0,0,.84) 100%),
    radial-gradient(circle at 62% 24%,rgba(242,201,76,.22),transparent 26%),
    var(--moment-cover,var(--album-cover))!important;
  background-size:auto,auto,cover!important;
  background-repeat:no-repeat!important;
  background-position:center,center,var(--moment-focus,50% 33%)!important;
  opacity:.74!important;
  filter:saturate(.88) sepia(.22) brightness(.82) contrast(1.08)!important;
  z-index:0!important;
}
.albumTrackSections .linerFeaturedTrack:after{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  background:linear-gradient(180deg,rgba(0,0,0,.14),rgba(0,0,0,.30))!important;
  z-index:1!important;
  pointer-events:none!important;
}
.albumTrackSections .linerFeaturedTrack > *{
  position:relative!important;
  z-index:2!important;
}
.albumTrackSections .linerFeaturedTrack .momentIcon{
  align-self:start!important;
  width:38px!important;
  height:38px!important;
  border-radius:50%!important;
  display:grid!important;
  place-items:center!important;
  background:rgba(242,201,76,.13)!important;
  color:#ffd51f!important;
}
.albumTrackSections .linerFeaturedTrack .featurePlay{
  width:48px!important;
  height:48px!important;
  border-radius:50%!important;
  border:1px solid rgba(242,201,76,.78)!important;
  color:#ffd51f!important;
  background:rgba(0,0,0,.18)!important;
}
.albumTrackSections .linerFeaturedTrack .featureTrackCopy h4{
  margin:5px 0 12px!important;
  color:#fff!important;
  font-size:31px!important;
  line-height:1.08!important;
  font-family:Georgia,serif!important;
  font-weight:500!important;
  max-width:520px!important;
  white-space:normal!important;
}
.albumTrackSections .linerFeaturedTrack .featureWave{height:22px!important;margin:4px 0 14px!important;}
.albumTrackSections .linerFeaturedTrack .featureTrackCopy p{
  margin:0 0 7px!important;
  color:rgba(255,255,255,.72)!important;
  font-size:14px!important;
  line-height:1.45!important;
  font-style:italic!important;
}
.albumTrackSections .linerFeaturedTrack .featureTrackCopy em{
  color:#ffd51f!important;
  font-size:13px!important;
  font-style:normal!important;
  font-weight:850!important;
}
.albumTrackSections .linerFeaturedTrack .featureTrackScore{
  align-self:center!important;
  text-align:left!important;
}
.albumTrackSections .linerFeaturedTrack .featureTrackScore strong{
  color:#ffd51f!important;
  font-size:16px!important;
  font-weight:800!important;
}
.albumTrackSections .linerFeaturedTrack .featureTrackScore span{
  color:rgba(255,255,255,.70)!important;
  font-size:13px!important;
}
.albumTrackSections .linerFeaturedTrack .momentWhy{
  grid-column:auto!important;
  align-self:center!important;
  justify-self:stretch!important;
  margin:0!important;
  padding:22px 24px!important;
  border-radius:14px!important;
  background:rgba(0,0,0,.56)!important;
  border:1px solid rgba(242,201,76,.22)!important;
  display:grid!important;
  gap:13px!important;
}
.albumTrackSections .linerFeaturedTrack .momentWhy strong{
  color:#ffd51f!important;
  text-transform:uppercase!important;
  letter-spacing:.12em!important;
  font-size:12px!important;
}
.albumTrackSections .linerFeaturedTrack .momentWhy span{
  color:rgba(255,255,255,.72)!important;
  font-size:13px!important;
}
.albumTrackSections .linerFeaturedTrack .featureCover{display:none!important;}
@media(max-width:1050px){
  .albumTrackSections .linerFeaturedTrack{
    grid-template-columns:46px minmax(0,1fr)!important;
    padding:24px!important;
    min-height:260px!important;
  }
  .albumTrackSections .linerFeaturedTrack .featureTrackScore,
  .albumTrackSections .linerFeaturedTrack .momentWhy{
    grid-column:1/-1!important;
  }
}
/* Reference-tight Listener Reactions spacing and filter controls */
.reactionsPanel .reactionAtmosphere{
  min-height:172px!important;
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  gap:16px 20px!important;
  align-items:start!important;
  margin:8px 0 18px!important;
}
.reactionsPanel .reactionAtmosphere span{
  min-height:54px!important;
  padding:13px 18px!important;
  border-radius:18px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  font-size:13px!important;
  line-height:1.35!important;
  background:rgba(255,255,255,.035)!important;
  border:1px solid rgba(255,255,255,.10)!important;
  color:rgba(255,255,255,.74)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.035)!important;
}
.reactionsPanel .reactionAtmosphere span:nth-child(3){
  max-width:54%!important;
}
.reactionsPanel .reactionAtmosphere i{
  width:22px!important;
  height:22px!important;
  justify-self:end!important;
  align-self:center!important;
}
.reactionsPanel .linerComposer{
  min-height:92px!important;
  height:92px!important;
  padding:14px 16px!important;
  margin:0 0 14px!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr)!important;
  grid-template-rows:1fr auto!important;
  gap:6px!important;
  border-radius:18px!important;
  background:rgba(4,5,8,.58)!important;
  border:1px solid rgba(255,255,255,.12)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.035)!important;
}
.reactionsPanel .linerComposer textarea{
  min-height:34px!important;
  height:34px!important;
  padding:0!important;
  font-size:14px!important;
  line-height:1.35!important;
}
.reactionsPanel .linerComposer>div:last-child{
  grid-column:1!important;
  display:flex!important;
  align-items:center!important;
  gap:12px!important;
  min-height:32px!important;
}
.reactionsPanel .linerComposer>div:last-child span{
  font-size:13px!important;
  opacity:.75!important;
}
.reactionsPanel .linerComposer em{
  font-size:13px!important;
  font-weight:850!important;
  margin-left:auto!important;
}
.reactionsPanel .linerComposer button{
  min-width:86px!important;
  height:42px!important;
  padding:0 20px!important;
  border-radius:999px!important;
  font-size:14px!important;
  box-shadow:0 12px 30px rgba(242,201,76,.22)!important;
}
.reactionsPanel .reactionFilters{
  gap:10px!important;
  margin:10px 0 14px!important;
}
.reactionsPanel .reactionFilters button{
  height:38px!important;
  min-width:74px!important;
  padding:0 16px!important;
  border-radius:10px!important;
  font-size:14px!important;
  font-weight:850!important;
  background:rgba(255,255,255,.055)!important;
  color:rgba(255,255,255,.82)!important;
  border:1px solid rgba(255,255,255,.045)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.035)!important;
}
.reactionsPanel .reactionFilters button.active{
  background:rgba(242,201,76,.34)!important;
  color:#fff0b2!important;
  border:1px solid rgba(242,201,76,.72)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.10),0 0 18px rgba(242,201,76,.20)!important;
}
.listenerPull{
  min-height:64px!important;
  margin-top:8px!important;
  padding:14px 20px!important;
  border-radius:16px!important;
}
.listenerPull strong{
  font-size:34px!important;
  line-height:1!important;
}
.listenerPull span{
  font-size:13px!important;
  font-weight:850!important;
}
@media(max-width:1050px){
  .reactionsPanel .reactionAtmosphere{grid-template-columns:1fr!important;min-height:auto!important;}
  .reactionsPanel .reactionAtmosphere span:nth-child(3){max-width:none!important;}
  .reactionsPanel .linerComposer{height:auto!important;min-height:104px!important;}
}

/* Align top panels and make both panel backgrounds dark like the reference */
@media(min-width:1051px){
  .linerContentGrid .trackPanel,
  .linerContentGrid .reactionsPanel{
    margin-top:0!important;
    background:
      radial-gradient(circle at 18% 18%,rgba(242,201,76,.055),transparent 28%),
      linear-gradient(145deg,rgba(12,14,18,.98),rgba(4,5,7,.99))!important;
    border:1px solid rgba(255,255,255,.105)!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.035),0 24px 70px rgba(0,0,0,.32)!important;
  }
  .linerContentGrid .reactionsPanel:before,
  .linerContentGrid .trackPanel:before{
    opacity:.22!important;
  }
}
.trackPanel,.reactionsPanel{
  background:
    radial-gradient(circle at 18% 18%,rgba(242,201,76,.055),transparent 28%),
    linear-gradient(145deg,rgba(12,14,18,.98),rgba(4,5,7,.99))!important;
}



/* Correct panel alignment direction: move Why People Love down to Listener Reactions */
@media(min-width:1051px){
  .linerContentGrid .trackPanel,
  .linerContentGrid .reactionsPanel{
    margin-top:30px!important;
  }
}

/* Final album-popup typography pass: match reference weights and font feel */
.linerAlbumPage,
.linerAlbumPage button,
.linerAlbumPage textarea,
.linerAlbumPage input{
  font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif!important;
  font-weight:400!important;
  letter-spacing:0!important;
}
.linerTabs button{font-size:13px!important;font-weight:650!important;letter-spacing:0!important;}
.linerHeroCopy .eyebrow{font-size:12px!important;font-weight:700!important;letter-spacing:.08em!important;}
.linerHeroCopy h2{font-family:Georgia,"Times New Roman",serif!important;font-size:58px!important;line-height:1.02!important;font-weight:400!important;letter-spacing:-.035em!important;}
.linerHeroCopy h3{font-size:19px!important;font-weight:500!important;line-height:1.2!important;}
.linerHeroCopy p{font-size:15px!important;font-weight:400!important;line-height:1.5!important;}
.linerTags span{font-size:12px!important;font-weight:600!important;}
.linerStats strong{font-family:Georgia,"Times New Roman",serif!important;font-size:34px!important;font-weight:400!important;letter-spacing:-.02em!important;}
.linerStats span{font-size:10px!important;font-weight:700!important;letter-spacing:.08em!important;}
.linerActions button,.linerActions a{font-size:15px!important;font-weight:750!important;letter-spacing:0!important;}
.linerPanelTitle h3{font-size:14px!important;line-height:1.2!important;font-weight:700!important;letter-spacing:.14em!important;}
.linerPanelTitle p{font-size:12px!important;line-height:1.35!important;font-weight:400!important;letter-spacing:0!important;}
.scoreRing strong{font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif!important;font-size:46px!important;font-weight:400!important;letter-spacing:-.04em!important;}
.scoreRing span{font-size:13px!important;font-weight:400!important;}
.scoreRing small{font-size:10px!important;font-weight:700!important;letter-spacing:.06em!important;}
.ratingBars span,.ratingBars em{font-size:13px!important;font-weight:500!important;}
.trackMoodTags span{font-size:11px!important;font-weight:650!important;letter-spacing:0!important;}
.communityPulse{font-size:13px!important;font-weight:400!important;line-height:1.4!important;}
.reactionsPanel .reactionAtmosphere span{font-size:12px!important;font-weight:500!important;line-height:1.35!important;}
.reactionsPanel .linerComposer textarea{font-size:13px!important;font-weight:400!important;}
.reactionsPanel .linerComposer em{font-size:12px!important;font-weight:500!important;}
.reactionsPanel .linerComposer button{font-size:13px!important;font-weight:700!important;}
.reactionsPanel .reactionFilters button{font-size:12px!important;font-weight:650!important;}
.listenerPull strong{font-family:Georgia,"Times New Roman",serif!important;font-weight:400!important;}
.listenerPull span{font-size:12px!important;font-weight:500!important;}
.linerReaction .reactionMeta strong,.linerReaction .reactionBody strong{font-weight:650!important;}
.linerReaction .reactionMeta span,.linerReaction .reactionBody p,.linerReaction .reactionActions button,.linerReaction .reactionActions span{font-weight:400!important;}
.albumTrackSections .linerFeaturedTrack .featureTrackCopy span{font-size:12px!important;font-weight:700!important;letter-spacing:.08em!important;}
.albumTrackSections .linerFeaturedTrack .featureTrackCopy h4{font-family:Georgia,"Times New Roman",serif!important;font-size:32px!important;line-height:1.08!important;font-weight:400!important;letter-spacing:-.025em!important;}
.albumTrackSections .linerFeaturedTrack .featureTrackCopy p{font-size:13px!important;font-weight:400!important;line-height:1.45!important;}
.albumTrackSections .linerFeaturedTrack .featureTrackCopy em{font-size:13px!important;font-weight:500!important;}
.albumTrackSections .linerFeaturedTrack .featureTrackScore strong,.albumTrackSections .linerFeaturedTrack .featureTrackScore span{font-weight:400!important;}
.albumTrackSections .linerFeaturedTrack .momentWhy strong{font-size:11px!important;font-weight:700!important;letter-spacing:.10em!important;}
.albumTrackSections .linerFeaturedTrack .momentWhy span{font-size:13px!important;font-weight:400!important;}
.albumTrackSections .trackTableHead{font-size:10px!important;font-weight:600!important;letter-spacing:.08em!important;}
.albumTrackSections .linerTrackRow strong{font-size:13px!important;font-weight:500!important;}
.albumTrackSections .trackNo,.albumTrackSections .trackRowScore,.albumTrackSections .trackScoreNumber{font-weight:500!important;}
.albumTrackSections .viewTracklist{font-size:12px!important;font-weight:500!important;letter-spacing:.08em!important;text-transform:uppercase!important;}
@media(max-width:1050px){.linerHeroCopy h2{font-size:42px!important;}.albumTrackSections .linerFeaturedTrack .featureTrackCopy h4{font-size:26px!important;}}

/* Restore original stronger typography inside the album hero banner only */
.linerHeroCopy,.linerHeroCopy button,.linerHeroCopy a{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif!important;}
.linerHeroCopy .eyebrow{font-size:13px!important;font-weight:950!important;letter-spacing:.06em!important;}
.linerHeroCopy h2{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif!important;font-size:48px!important;line-height:1.02!important;font-weight:950!important;letter-spacing:-.04em!important;}
.linerHeroCopy h3{font-size:20px!important;font-weight:850!important;line-height:1.2!important;}
.linerHeroCopy p{font-size:16px!important;font-weight:650!important;line-height:1.55!important;}
.linerHeroCopy .linerTags span{font-size:12px!important;font-weight:750!important;}
.linerHeroCopy .linerStats strong{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif!important;font-size:34px!important;font-weight:950!important;letter-spacing:0!important;}
.linerHeroCopy .linerStats span{font-size:11px!important;font-weight:950!important;letter-spacing:.06em!important;}
.linerHeroCopy .linerActions button,.linerHeroCopy .linerActions a{font-size:16px!important;font-weight:950!important;}
@media(max-width:1050px){.linerHeroCopy h2{font-size:42px!important;}}

/* Fully restore album hero banner text sizes */
.linerHeroCopy .eyebrow{font-size:13px!important;line-height:1.2!important;margin:0 0 8px!important;}
.linerHeroCopy h2{font-size:48px!important;line-height:1.02!important;margin:0 0 8px!important;}
.linerHeroCopy h3{font-size:20px!important;line-height:1.2!important;margin:0 0 18px!important;}
.linerHeroCopy p{font-size:16px!important;line-height:1.55!important;margin:0 0 16px!important;max-width:600px!important;}
.linerHeroCopy .linerTags{gap:10px!important;margin-bottom:20px!important;}
.linerHeroCopy .linerTags span{font-size:12px!important;padding:8px 13px!important;}
.linerHeroCopy .linerStats{gap:22px!important;margin-bottom:22px!important;}
.linerHeroCopy .linerStats div{min-width:120px!important;padding-right:22px!important;}
.linerHeroCopy .linerStats strong{font-size:34px!important;line-height:1!important;}
.linerHeroCopy .linerStats span{font-size:11px!important;margin-top:6px!important;}
.linerHeroCopy .linerActions{gap:12px!important;}
.linerHeroCopy .linerActions button,.linerHeroCopy .linerActions a{font-size:16px!important;padding:13px 20px!important;}
@media(max-width:1050px){.linerHeroCopy h2{font-size:42px!important;}}
@media(max-width:650px){.linerHeroCopy h2{font-size:34px!important;}}

/* Roll back album hero banner typography to the earlier cinematic style */
.linerHeroCopy .eyebrow{color:#ffd51f!important;font-size:14px!important;line-height:1.2!important;font-weight:950!important;letter-spacing:.08em!important;text-transform:uppercase!important;margin:0 0 14px!important;}
.linerHeroCopy h2{font-family:Georgia,"Times New Roman",serif!important;font-size:68px!important;line-height:.98!important;font-weight:500!important;letter-spacing:-.045em!important;margin:0 0 18px!important;color:#fff!important;}
.linerHeroCopy h3{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif!important;font-size:26px!important;line-height:1.15!important;font-weight:900!important;letter-spacing:-.02em!important;margin:0 0 28px!important;color:#fff!important;}
.linerHeroCopy p{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif!important;max-width:720px!important;margin:0 0 22px!important;color:rgba(255,255,255,.86)!important;font-size:21px!important;line-height:1.5!important;font-weight:750!important;letter-spacing:-.015em!important;}
.linerHeroCopy .linerTags{display:flex!important;gap:12px!important;flex-wrap:wrap!important;margin-bottom:28px!important;}
.linerHeroCopy .linerTags span{padding:10px 17px!important;border-radius:999px!important;font-size:14px!important;font-weight:850!important;}
.linerHeroCopy .linerStats{display:flex!important;gap:34px!important;align-items:center!important;margin-bottom:30px!important;}
.linerHeroCopy .linerStats div{min-width:150px!important;padding-right:34px!important;}
.linerHeroCopy .linerStats strong{font-family:Georgia,"Times New Roman",serif!important;color:#ffd51f!important;font-size:49px!important;line-height:1!important;font-weight:600!important;letter-spacing:-.02em!important;}
.linerHeroCopy .linerStats span{margin-top:8px!important;font-size:13px!important;font-weight:950!important;letter-spacing:.06em!important;text-transform:uppercase!important;}
.linerHeroCopy .linerActions{display:flex!important;gap:18px!important;align-items:center!important;}
.linerHeroCopy .linerActions button,.linerHeroCopy .linerActions a{border-radius:999px!important;padding:18px 30px!important;font-size:24px!important;line-height:1!important;font-weight:950!important;letter-spacing:-.02em!important;}
@media(max-width:1050px){.linerHeroCopy h2{font-size:52px!important;}.linerHeroCopy h3{font-size:22px!important;}.linerHeroCopy p{font-size:18px!important;}.linerHeroCopy .linerActions button,.linerHeroCopy .linerActions a{font-size:18px!important;padding:15px 22px!important;}}
@media(max-width:650px){.linerHeroCopy h2{font-size:40px!important;}.linerHeroCopy h3{font-size:19px!important;}.linerHeroCopy p{font-size:16px!important;}}

/* Make Why People Love panel read closer to hero scale */
@media(min-width:1051px){
  .linerContentGrid{
    margin-top:-6px!important;
  }
  .linerContentGrid .trackPanel{
    padding:28px 34px!important;
  }
  .trackPanel .linerPanelTitle{
    gap:16px!important;
    margin-bottom:26px!important;
  }
  .trackPanel .linerPanelTitle>span{
    width:44px!important;
    height:44px!important;
    font-size:18px!important;
  }
  .trackPanel .linerPanelTitle h3{
    font-size:18px!important;
    line-height:1.15!important;
    letter-spacing:.15em!important;
  }
  .trackPanel .linerPanelTitle p{
    font-size:15px!important;
    line-height:1.35!important;
    margin-top:7px!important;
  }
  .trackPanel .linerScoreRow{
    grid-template-columns:280px minmax(0,1fr)!important;
    gap:34px!important;
    align-items:center!important;
    margin-bottom:28px!important;
  }
  .trackPanel .linerScoreRow .scoreRing{
    transform:scale(1.02)!important;
    transform-origin:center center!important;
    margin-left:8px!important;
  }
  .trackPanel .scoreRing strong{
    font-size:58px!important;
  }
  .trackPanel .scoreRing span{
    font-size:15px!important;
  }
  .trackPanel .scoreRing small{
    font-size:12px!important;
  }
  .trackPanel .linerScoreRow .ratingBars{
    padding-left:32px!important;
  }
  .trackPanel .ratingBars div{
    gap:12px!important;
    margin:12px 0!important;
  }
  .trackPanel .ratingBars span,
  .trackPanel .ratingBars em{
    font-size:16px!important;
  }
  .trackPanel .ratingBars b{
    height:18px!important;
    border-radius:999px!important;
  }
  .trackPanel .trackMoodTags{
    gap:12px!important;
    margin-top:24px!important;
  }
  .trackPanel .trackMoodTags span{
    font-size:13px!important;
    padding:9px 16px!important;
  }
  .trackPanel .communityPulse{
    font-size:15px!important;
    padding:17px 20px!important;
  }
}

/* Match Listener Reactions scale to the upgraded Why People Love panel */
@media(min-width:1051px){
  .linerContentGrid .reactionsPanel{
    padding:28px 34px!important;
  }
  .reactionsPanel .linerPanelTitle{
    gap:16px!important;
    margin-bottom:24px!important;
  }
  .reactionsPanel .linerPanelTitle .listenerIcon{
    width:44px!important;
    height:44px!important;
    min-width:44px!important;
  }
  .reactionsPanel .linerPanelTitle .listenerIcon:before{
    font-size:22px!important;
  }
  .reactionsPanel .linerPanelTitle h3{
    font-size:18px!important;
    line-height:1.15!important;
    letter-spacing:.15em!important;
  }
  .reactionsPanel .linerPanelTitle p{
    font-size:15px!important;
    line-height:1.35!important;
    margin-top:7px!important;
  }
  .reactionsPanel .reactionAtmosphere{
    min-height:190px!important;
    gap:18px 22px!important;
    margin:10px 0 22px!important;
  }
  .reactionsPanel .reactionAtmosphere span{
    min-height:62px!important;
    padding:16px 20px!important;
    border-radius:20px!important;
    font-size:14px!important;
    line-height:1.38!important;
  }
  .reactionsPanel .reactionAtmosphere i{
    width:26px!important;
    height:26px!important;
  }
  .reactionsPanel .linerComposer{
    height:112px!important;
    min-height:112px!important;
    padding:18px 20px!important;
    margin-bottom:18px!important;
    border-radius:20px!important;
  }
  .reactionsPanel .linerComposer textarea{
    height:42px!important;
    min-height:42px!important;
    font-size:15px!important;
  }
  .reactionsPanel .linerComposer>div:last-child{
    min-height:38px!important;
  }
  .reactionsPanel .linerComposer>div:last-child span,
  .reactionsPanel .linerComposer em{
    font-size:14px!important;
  }
  .reactionsPanel .linerComposer button{
    min-width:98px!important;
    height:48px!important;
    font-size:15px!important;
  }
  .reactionsPanel .reactionFilters{
    gap:12px!important;
    margin:14px 0 18px!important;
  }
  .reactionsPanel .reactionFilters button{
    height:42px!important;
    min-width:84px!important;
    padding:0 18px!important;
    border-radius:12px!important;
    font-size:14px!important;
  }
  .listenerPull{
    min-height:74px!important;
    padding:16px 22px!important;
    border-radius:18px!important;
  }
  .listenerPull strong{
    font-size:42px!important;
  }
  .listenerPull span{
    font-size:14px!important;
  }
  .reactionsPanel .linerReaction{
    grid-template-columns:56px minmax(0,1fr) 28px!important;
    gap:16px!important;
    padding:18px 0!important;
  }
  .reactionsPanel .reactionAvatar{
    width:56px!important;
    height:56px!important;
    font-size:22px!important;
  }
  .reactionsPanel .reactionBody p{
    font-size:15px!important;
    line-height:1.45!important;
  }
}

/* Remove replacement-character icons: draw these shapes with CSS only */
.albumOverviewSleeve .overviewMood blockquote:before{
  content:""!important;
  position:absolute!important;
  top:-34px!important;
  left:24px!important;
  width:46px!important;
  height:34px!important;
  background:#ffd51f!important;
  border-radius:24px 24px 24px 6px!important;
  box-shadow:0 0 26px rgba(242,201,76,.35)!important;
  transform:none!important;
}
.albumOverviewSleeve .overviewMood blockquote:after{
  content:""!important;
  position:absolute!important;
  top:-20px!important;
  left:39px!important;
  width:8px!important;
  height:8px!important;
  border-radius:50%!important;
  background:#15120a!important;
  box-shadow:13px 0 0 #15120a!important;
  transform:none!important;
}
.albumOverviewClose{
  font-size:0!important;
}
.albumOverviewClose::before,
.albumOverviewClose::after{
  content:""!important;
  position:absolute!important;
  left:50%!important;
  top:50%!important;
  width:18px!important;
  height:2px!important;
  border-radius:999px!important;
  background:#fff!important;
  transform-origin:center!important;
}
.albumOverviewClose::before{transform:translate(-50%,-50%) rotate(45deg)!important;}
.albumOverviewClose::after{transform:translate(-50%,-50%) rotate(-45deg)!important;}
@media(max-width:900px){
  .albumOverviewPopupPanel{
    padding-top:0!important;
    scroll-padding-top:0!important;
  }
  .albumOverviewPopupPanel .albumOverviewSleeve{
    padding-top:max(18px,env(safe-area-inset-top))!important;
  }
  .albumOverviewClose{
    position:fixed!important;
    top:max(14px,calc(env(safe-area-inset-top) + 10px))!important;
    right:max(14px,calc(env(safe-area-inset-right) + 14px))!important;
    z-index:20!important;
    width:35px!important;
    height:35px!important;
    border:1px solid rgba(255,255,255,.20)!important;
    background:rgba(0,0,0,.58)!important;
    box-shadow:0 12px 32px rgba(0,0,0,.34),inset 0 1px 0 rgba(255,255,255,.08)!important;
  }
}
.overviewSourceLink{display:inline-flex;margin:-3px 0 18px;color:rgba(255,213,31,.78);font-size:12px;font-weight:750;text-decoration:none;letter-spacing:.02em}
.overviewSourceLink:hover{color:#ffe36f;text-decoration:underline}
.reactionsPanel .linerPanelTitle .listenerIcon{
  position:relative!important;
  font-size:0!important;
  color:transparent!important;
}
.reactionsPanel .linerPanelTitle .listenerIcon:before{
  content:""!important;
  position:absolute!important;
  left:10px!important;
  top:11px!important;
  width:20px!important;
  height:13px!important;
  border:2px solid #ffd51f!important;
  border-radius:4px!important;
  background:transparent!important;
  -webkit-mask:none!important;
  mask:none!important;
  transform:none!important;
}
.reactionsPanel .linerPanelTitle .listenerIcon:after{
  content:""!important;
  display:block!important;
  position:absolute!important;
  left:14px!important;
  top:23px!important;
  width:7px!important;
  height:7px!important;
  border-left:2px solid #ffd51f!important;
  border-bottom:2px solid #ffd51f!important;
  background:transparent!important;
  transform:skew(-18deg) rotate(-18deg)!important;
}
/* Ratings panels only appear when Ratings & Reviews is selected */
.linerAlbumPage:not(.showRatingsPanels) .linerContentGrid{
  display:none!important;
}
.linerAlbumPage.showRatingsPanels .linerContentGrid{
  display:grid!important;
}



/* Album popup hero wording zoom-out only */
.linerHeroCopy{
  transform:scale(.92)!important;
  transform-origin:left center!important;
}
@media(max-width:1050px){
  .linerHeroCopy{
    transform:scale(.96)!important;
    transform-origin:left top!important;
  }
}


/* Smaller album title in popup hero */
.linerHeroCopy h2{
  font-size:42px!important;
  line-height:1.06!important;
}
@media(max-width:1050px){
  .linerHeroCopy h2{
    font-size:30px!important;
  }
}
@media(max-width:650px){
  .linerHeroCopy h2{
    font-size:25px!important;
  }
}

/* Album popup hero: emotional world pass */
.linerHero:before{
  background:
    radial-gradient(circle at 24% 42%,rgba(255,213,31,.10),transparent 26%),
    linear-gradient(90deg,rgba(2,6,8,.99) 0%,rgba(2,6,8,.78) 46%,rgba(2,6,8,.96) 100%),
    var(--album-cover)!important;
  background-size:cover!important;
  background-position:center!important;
  filter:blur(30px) saturate(.66) contrast(.86)!important;
  opacity:.44!important;
  transform:scale(1.10)!important;
}
.linerHero:after{
  background:
    linear-gradient(90deg,rgba(2,6,8,.88),rgba(2,6,8,.32),rgba(2,6,8,.88)),
    var(--album-cover)!important;
  background-size:cover!important;
  background-position:center!important;
  opacity:.14!important;
  filter:blur(4px) saturate(.70) contrast(.90)!important;
}
.linerTabs{
  padding:6px!important;
  background:rgba(5,7,10,.54)!important;
  border-color:rgba(255,255,255,.18)!important;
  box-shadow:0 0 42px rgba(0,0,0,.36),0 0 28px rgba(242,201,76,.08)!important;
  backdrop-filter:blur(18px)!important;
}
.linerTabs button{min-width:156px!important;}
.linerCover{transform:translateY(16px)!important;}
.linerCover .cover{
  box-shadow:0 34px 92px rgba(0,0,0,.66),0 0 0 1px rgba(255,255,255,.10)!important;
  transition:transform .22s ease,box-shadow .22s ease!important;
}
.linerCover .cover:hover{transform:translateY(-4px) rotate(-.4deg)!important;}
.linerHeroCopy h3{color:rgba(255,255,255,.88)!important;}
.linerHeroCopy p{
  max-width:620px!important;
  color:rgba(255,255,255,.88)!important;
}
.linerMoodTags{
  display:flex!important;
  flex-wrap:wrap!important;
  gap:8px!important;
  margin:-14px 0 28px!important;
}
.linerMoodTags span{
  border:1px solid rgba(242,201,76,.22)!important;
  background:rgba(242,201,76,.07)!important;
  color:rgba(255,232,145,.92)!important;
  border-radius:999px!important;
  padding:6px 11px!important;
  font-size:11px!important;
  font-weight:850!important;
  letter-spacing:.08em!important;
  text-transform:uppercase!important;
}
.linerHeroCopy .linerStats{
  align-items:stretch!important;
  gap:16px!important;
}
.linerHeroCopy .linerStats > *{
  min-width:132px!important;
  padding:14px 22px 14px 0!important;
  border-right:1px solid rgba(255,255,255,.13)!important;
}
.linerHeroCopy .linerStats > *:first-child{
  min-width:190px!important;
  padding:18px 26px 18px 0!important;
}
.linerHeroCopy .linerStats > *:first-child strong{
  font-size:64px!important;
  text-shadow:0 0 24px rgba(255,213,31,.28)!important;
}
.linerHeroCopy .linerStats > *:first-child span::after{
  content:" classic album";
  display:block;
  margin-top:7px;
  color:rgba(255,232,145,.86);
  font-size:10px;
  letter-spacing:.12em;
}
.linerHeroCopy .linerStats .linerSocialProof{border-right:0!important;}
.linerHeroCopy .linerStats .linerSocialProof strong{
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif!important;
  font-size:30px!important;
  letter-spacing:-.03em!important;
}
.linerHeroCopy .linerStats .linerSocialProof span{
  max-width:170px!important;
  line-height:1.25!important;
}
@media(max-width:1050px){
  .linerCover{transform:none!important;}
  .linerTabs button{min-width:132px!important;}
  .linerHeroCopy .linerStats > *:first-child strong{font-size:48px!important;}
}
@media(max-width:650px){
  .linerMoodTags{margin:-8px 0 20px!important;}
  .linerHeroCopy .linerStats{grid-template-columns:1fr!important;}
  .linerHeroCopy .linerStats > *{border-right:0!important;min-width:0!important;padding:10px 0!important;}
}

/* Album popup hero: balance, human stats, and emotional center */
.linerHero{isolation:isolate!important;}
.linerHeroCopy{z-index:4!important;}
.heroRightAtmosphere{
  position:absolute!important;
  z-index:3!important;
  right:42px!important;
  top:118px!important;
  width:min(360px,32vw)!important;
  height:260px!important;
  pointer-events:none!important;
}
.heroRightAtmosphere span{
  position:absolute!important;
  display:block!important;
  max-width:250px!important;
  padding:12px 16px!important;
  border:1px solid rgba(255,255,255,.10)!important;
  border-radius:999px!important;
  background:rgba(6,8,12,.30)!important;
  color:rgba(255,255,255,.62)!important;
  font-size:12px!important;
  font-weight:750!important;
  letter-spacing:.01em!important;
  box-shadow:0 18px 45px rgba(0,0,0,.25)!important;
  backdrop-filter:blur(10px)!important;
}
.heroRightAtmosphere .pull1{right:18px;top:8px;}
.heroRightAtmosphere .pull2{right:96px;top:94px;color:rgba(255,232,145,.74)!important;border-color:rgba(242,201,76,.16)!important;}
.heroRightAtmosphere .pull3{right:0;top:178px;}
.heroRightAtmosphere i{
  position:absolute!important;
  width:7px!important;
  height:7px!important;
  border-radius:50%!important;
  background:rgba(255,213,31,.70)!important;
  box-shadow:0 0 22px rgba(255,213,31,.50)!important;
  animation:heroDustFloat 5.5s ease-in-out infinite!important;
}
.heroRightAtmosphere i:nth-of-type(1){right:318px;top:52px;animation-delay:-1s!important;}
.heroRightAtmosphere i:nth-of-type(2){right:52px;top:144px;animation-delay:-2.4s!important;}
.heroRightAtmosphere i:nth-of-type(3){right:236px;top:214px;animation-delay:-3.1s!important;}
@keyframes heroDustFloat{0%,100%{transform:translateY(0);opacity:.35}50%{transform:translateY(-14px);opacity:.85}}
.linerHeroCopy .linerStats{
  gap:12px!important;
  align-items:stretch!important;
}
.linerHeroCopy .linerStats > *{
  position:relative!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
  min-height:112px!important;
  min-width:154px!important;
  padding:15px 20px!important;
  border:1px solid rgba(255,255,255,.09)!important;
  border-radius:18px!important;
  background:linear-gradient(145deg,rgba(255,255,255,.052),rgba(255,255,255,.012))!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04)!important;
}
.linerHeroCopy .linerStats > *:first-child{
  min-width:190px!important;
  background:radial-gradient(circle at 24% 20%,rgba(255,213,31,.13),transparent 45%),linear-gradient(145deg,rgba(255,255,255,.06),rgba(255,255,255,.014))!important;
}
.linerHeroCopy .linerStats > *:first-child strong{font-size:66px!important;}
.linerHeroCopy .linerStats span{
  order:0!important;
  margin:0 0 7px!important;
  color:rgba(255,255,255,.54)!important;
}
.linerHeroCopy .linerStats strong{order:1!important;}
.linerHeroCopy .linerStats small{
  order:2!important;
  display:block!important;
  margin-top:9px!important;
  color:rgba(255,232,145,.82)!important;
  font-size:12px!important;
  font-weight:800!important;
  line-height:1.25!important;
  text-transform:none!important;
  letter-spacing:0!important;
}
.linerHeroCopy .linerStats > *:first-child span::after{content:""!important;display:none!important;}
.linerHeroCopy .linerStats .linerSocialProof strong{font-size:31px!important;}
.linerHeroSoul{
  position:relative!important;
  z-index:3!important;
  margin:-8px 0 30px!important;
  padding:22px 28px!important;
  border:1px solid rgba(242,201,76,.16)!important;
  border-radius:22px!important;
  background:linear-gradient(135deg,rgba(242,201,76,.10),rgba(0,0,0,.34) 44%,rgba(255,255,255,.025))!important;
  box-shadow:0 24px 70px rgba(0,0,0,.26),inset 0 1px 0 rgba(255,255,255,.04)!important;
}
.linerHeroSoul p{
  max-width:920px!important;
  margin:0!important;
  color:rgba(255,255,255,.88)!important;
  font-size:21px!important;
  line-height:1.45!important;
  font-weight:800!important;
  letter-spacing:-.015em!important;
}
.linerHeroSoul div{
  display:flex!important;
  flex-wrap:wrap!important;
  gap:8px!important;
  margin-top:16px!important;
}
.linerHeroSoul div span{
  padding:7px 12px!important;
  border:1px solid rgba(242,201,76,.18)!important;
  border-radius:999px!important;
  color:rgba(255,232,145,.86)!important;
  background:rgba(0,0,0,.20)!important;
  font-size:11px!important;
  font-weight:850!important;
  letter-spacing:.08em!important;
  text-transform:uppercase!important;
}
.linerCover:before{
  content:""!important;
  position:absolute!important;
  inset:4% -6% -10%!important;
  z-index:-1!important;
  border-radius:26px!important;
  background:radial-gradient(circle,rgba(255,213,31,.22),transparent 58%)!important;
  filter:blur(28px)!important;
  opacity:.76!important;
  pointer-events:none!important;
}
.linerCover{position:relative!important;}
@media(max-width:1050px){
  .heroRightAtmosphere{display:none!important;}
  .linerHeroSoul{margin:18px 0 24px!important;}
  .linerHeroCopy .linerStats{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;}
  .linerHeroCopy .linerStats > *,.linerHeroCopy .linerStats > *:first-child{min-width:0!important;}
}
@media(max-width:650px){
  .linerHeroCopy .linerStats{grid-template-columns:1fr!important;}
  .linerHeroSoul p{font-size:17px!important;}
}

/* Album popup exact reference direction */
#albumModal .modalPanel{
  width:min(1180px,96vw)!important;
  background:#030607!important;
}
.linerAlbumPage{
  padding:22px 64px 36px!important;
  background:
    radial-gradient(circle at 38% 3%,rgba(255,220,134,.10),transparent 18%),
    radial-gradient(circle at 86% 15%,rgba(59,92,100,.16),transparent 28%),
    #030607!important;
}
.linerTabs{
  width:max-content!important;
  min-width:430px!important;
  margin:0 auto 48px!important;
  padding:4px!important;
  border-radius:999px!important;
  background:rgba(3,5,7,.52)!important;
  border:1px solid rgba(255,255,255,.16)!important;
  box-shadow:none!important;
}
.linerTabs button{
  min-width:132px!important;
  padding:12px 22px!important;
  font-size:12px!important;
  font-weight:800!important;
  color:#fff!important;
}
.linerTabs .active{
  color:#ffd51f!important;
  background:linear-gradient(135deg,rgba(242,201,76,.22),rgba(92,68,10,.48))!important;
  border:1px solid rgba(242,201,76,.46)!important;
  box-shadow:0 0 22px rgba(242,201,76,.12)!important;
}
.linerHero{
  grid-template-columns:320px minmax(0,1fr)!important;
  min-height:350px!important;
  gap:56px!important;
  align-items:center!important;
  margin-top:0!important;
}
.linerHero:before{
  inset:-120px -64px -70px!important;
  background:
    linear-gradient(90deg,rgba(3,6,7,.96) 0%,rgba(3,6,7,.60) 46%,rgba(3,6,7,.78) 100%),
    var(--album-cover)!important;
  background-size:cover!important;
  background-position:center 42%!important;
  filter:blur(26px) saturate(.70) contrast(.86)!important;
  opacity:.58!important;
  transform:scale(1.13)!important;
}
.linerHero:after{
  right:-64px!important;
  top:-95px!important;
  width:58%!important;
  height:540px!important;
  background:
    linear-gradient(90deg,rgba(3,6,7,.20),rgba(3,6,7,.78)),
    var(--moment-cover,var(--album-cover))!important;
  background-size:cover!important;
  background-position:center!important;
  opacity:.20!important;
  filter:blur(1px) saturate(.70)!important;
}
.heroRightAtmosphere{display:none!important;}
.linerCover{transform:none!important;}
.linerCover:before{
  inset:-8% -10% -14%!important;
  background:radial-gradient(circle,rgba(255,230,165,.20),transparent 62%)!important;
  filter:blur(32px)!important;
}
.linerCover .cover{
  padding:0!important;
  border-radius:12px!important;
  border:1px solid rgba(255,238,198,.78)!important;
  background:#111!important;
  box-shadow:0 22px 72px rgba(0,0,0,.68),0 0 34px rgba(255,224,153,.12)!important;
  overflow:hidden!important;
}
.linerCover .cover img{border-radius:12px!important;}
.linerHeroCopy{max-width:610px!important;transform:none!important;}
.linerHeroCopy .eyebrow{
  margin:0 0 12px!important;
  font-size:12px!important;
  font-weight:900!important;
  letter-spacing:.08em!important;
  color:#ffd51f!important;
}
.linerHeroCopy h2{
  font-family:Georgia,"Times New Roman",serif!important;
  font-size:38px!important;
  line-height:1.02!important;
  font-weight:400!important;
  letter-spacing:-.035em!important;
  margin:0 0 14px!important;
}
.linerHeroCopy h3{
  font-size:18px!important;
  font-weight:850!important;
  margin:0 0 16px!important;
}
.linerHeroCopy p{
  font-size:15px!important;
  line-height:1.55!important;
  font-weight:500!important;
  color:rgba(255,255,255,.86)!important;
  max-width:620px!important;
  margin:0 0 18px!important;
}
.linerHeroCopy .linerTags{gap:10px!important;margin-bottom:22px!important;}
.linerHeroCopy .linerTags span{
  padding:8px 13px!important;
  font-size:12px!important;
  font-weight:750!important;
  color:rgba(255,255,255,.82)!important;
  background:rgba(255,255,255,.075)!important;
  border:1px solid rgba(255,255,255,.06)!important;
}
.linerMoodTags{display:none!important;}
.linerHeroCopy .linerStats{
  display:flex!important;
  gap:0!important;
  margin:0 0 24px!important;
}
.linerHeroCopy .linerStats > *{
  min-height:74px!important;
  min-width:128px!important;
  padding:0 28px 0 0!important;
  margin-right:28px!important;
  border:0!important;
  border-right:1px solid rgba(255,255,255,.13)!important;
  background:transparent!important;
  border-radius:0!important;
  box-shadow:none!important;
}
.linerHeroCopy .linerStats > *:first-child{min-width:120px!important;padding:0 30px 0 0!important;background:transparent!important;}
.linerHeroCopy .linerStats > *:last-child{border-right:0!important;margin-right:0!important;}
.linerHeroCopy .linerStats span{
  order:1!important;
  margin:4px 0 0!important;
  color:rgba(255,255,255,.88)!important;
  font-size:10px!important;
  font-weight:900!important;
  letter-spacing:.06em!important;
  text-transform:uppercase!important;
}
.linerHeroCopy .linerStats strong,
.linerHeroCopy .linerStats > *:first-child strong{
  order:0!important;
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif!important;
  color:#ffd51f!important;
  font-size:31px!important;
  font-weight:900!important;
  line-height:1!important;
  text-shadow:0 0 18px rgba(255,213,31,.16)!important;
}
.linerHeroCopy .linerStats small{
  order:2!important;
  margin-top:8px!important;
  color:rgba(255,255,255,.78)!important;
  font-size:13px!important;
  font-weight:750!important;
  line-height:1.2!important;
}
.linerHeroCopy .linerSocialProof strong{font-size:28px!important;}
.linerHeroCopy .linerActions{gap:14px!important;}
.linerHeroCopy .linerActions button,.linerHeroCopy .linerActions a{
  padding:14px 25px!important;
  font-size:16px!important;
  font-weight:900!important;
  line-height:1!important;
}
.linerHeroSoul{
  display:grid!important;
  grid-template-columns:72px 260px minmax(0,1fr) 280px!important;
  gap:28px!important;
  align-items:center!important;
  margin:50px 0 18px!important;
  padding:28px 32px!important;
  min-height:144px!important;
  border-radius:12px!important;
  border:1px solid rgba(242,201,76,.20)!important;
  background:linear-gradient(100deg,rgba(50,39,15,.70),rgba(8,10,12,.82) 58%,rgba(12,14,16,.72))!important;
  box-shadow:none!important;
}
.linerHeroSoul .returnIcon{
  width:58px!important;
  height:58px!important;
  border-radius:50%!important;
  display:grid!important;
  place-items:center!important;
  background:linear-gradient(145deg,rgba(242,201,76,.72),rgba(102,76,12,.68))!important;
  color:#fff!important;
  font-size:23px!important;
}
.linerHeroSoul .returnHeadline span{
  display:block!important;
  color:#ffd51f!important;
  font-size:11px!important;
  text-transform:uppercase!important;
  letter-spacing:.08em!important;
  font-weight:900!important;
  margin-bottom:10px!important;
}
.linerHeroSoul .returnHeadline h3{
  margin:0!important;
  font-family:Georgia,"Times New Roman",serif!important;
  color:#fff!important;
  font-size:26px!important;
  line-height:1.08!important;
  font-weight:400!important;
  letter-spacing:-.025em!important;
}
.linerHeroSoul p{
  margin:0!important;
  color:rgba(255,255,255,.84)!important;
  font-size:15px!important;
  line-height:1.55!important;
  font-weight:450!important;
  max-width:none!important;
}
.linerHeroSoul .returnTags{
  display:flex!important;
  flex-wrap:wrap!important;
  gap:10px!important;
  justify-content:flex-start!important;
  margin:0!important;
}
.linerHeroSoul .returnTags span{
  padding:8px 14px!important;
  border:0!important;
  border-radius:999px!important;
  background:rgba(255,255,255,.075)!important;
  color:rgba(255,255,255,.78)!important;
  font-size:11px!important;
  font-weight:700!important;
  letter-spacing:0!important;
  text-transform:none!important;
}
.linerAlbumPage:not(.showRatingsPanels) .linerContentGrid{display:none!important;}
.albumTrackSections{
  margin-top:18px!important;
}
.albumTrackSections .linerFeaturedTrack{
  min-height:240px!important;
  margin-bottom:18px!important;
  border-radius:12px!important;
  border:1px solid rgba(255,255,255,.14)!important;
  background:linear-gradient(90deg,rgba(5,7,8,.80),rgba(5,7,8,.28),rgba(5,7,8,.90)),var(--moment-cover),var(--album-cover)!important;
  background-size:cover!important;
  background-position:var(--moment-position,50% 38%)!important;
  padding:34px 310px 30px 44px!important;
  display:grid!important;
  grid-template-columns:48px minmax(0,1fr)!important;
  gap:22px!important;
  align-items:center!important;
}
.albumTrackSections .linerFeaturedTrack .momentIcon{position:absolute!important;left:40px!important;top:34px!important;width:34px!important;height:34px!important;font-size:14px!important;background:rgba(242,201,76,.12)!important;color:#ffd51f!important;}
.albumTrackSections .linerFeaturedTrack .featurePlay{position:relative!important;left:auto!important;top:auto!important;width:48px!important;height:48px!important;border-color:rgba(242,201,76,.70)!important;color:#ffd51f!important;background:rgba(242,201,76,.08)!important;grid-row:2!important;}
.albumTrackSections .linerFeaturedTrack .featureTrackCopy{grid-column:2!important;max-width:430px!important;}
.albumTrackSections .linerFeaturedTrack .featureTrackCopy span{font-size:11px!important;font-weight:900!important;color:#ffd51f!important;letter-spacing:.06em!important;}
.albumTrackSections .linerFeaturedTrack .featureTrackCopy h4{font-family:Georgia,"Times New Roman",serif!important;font-size:29px!important;line-height:1.08!important;font-weight:400!important;margin:8px 0 12px!important;color:#fff!important;}
.albumTrackSections .linerFeaturedTrack .featureWave{height:24px!important;margin:0 0 14px!important;}
.albumTrackSections .linerFeaturedTrack .featureTrackCopy p{font-size:13px!important;font-style:italic!important;color:rgba(255,255,255,.78)!important;max-width:420px!important;}
.albumTrackSections .linerFeaturedTrack .featureTrackCopy em{font-size:13px!important;font-weight:800!important;color:#ffd51f!important;}
.albumTrackSections .linerFeaturedTrack .featureTrackScore{position:absolute!important;left:455px!important;top:108px!important;}
.albumTrackSections .linerFeaturedTrack .momentWhy{position:absolute!important;right:38px!important;top:42px!important;width:235px!important;padding:24px!important;border-radius:12px!important;background:rgba(0,0,0,.48)!important;border:1px solid rgba(255,255,255,.16)!important;box-shadow:none!important;}
.albumTrackSections .linerFeaturedTrack .momentWhy strong{font-size:11px!important;font-weight:900!important;color:#ffd51f!important;letter-spacing:.08em!important;margin-bottom:15px!important;}
.albumTrackSections .linerFeaturedTrack .momentWhy span{font-size:13px!important;color:rgba(255,255,255,.76)!important;margin-top:12px!important;}
.albumTrackSections .linerFeaturedTrack .featureCover{display:none!important;}
.albumTrackSections .linerTrackTable{
  border-radius:12px!important;
  padding:10px 18px!important;
  background:linear-gradient(145deg,rgba(255,255,255,.075),rgba(255,255,255,.025))!important;
  border:1px solid rgba(255,255,255,.10)!important;
}
.albumTrackSections .trackTableHead,.albumTrackSections .linerTrackRow{
  grid-template-columns:38px 34px minmax(0,1fr) 90px minmax(70px,6vw) 74px minmax(80px,6vw)!important;
  padding:12px 8px!important;
  gap:12px!important;
}
.albumTrackSections .linerTrackSwipe{display:contents!important;}
.albumTrackSections .trackTableHead span:nth-child(4){display:block!important;grid-column:6!important;text-align:center!important;}
.albumTrackSections .linerTrackRow:first-of-type{background:linear-gradient(90deg,rgba(242,201,76,.14),rgba(242,201,76,.035))!important;border-radius:8px!important;}
.albumTrackSections .linerTrackRow strong{font-size:13px!important;font-weight:700!important;color:#fff!important;}
.albumTrackSections .trackRowScore{grid-column:4!important;justify-self:center!important;text-align:center!important;font-size:13px!important;font-weight:500!important;color:#ffd51f!important;}
.albumTrackSections .trackRowScore .trackScoreNumber{font-size:13px!important;font-weight:500!important;line-height:1!important;}
.albumTrackSections .trackDots{grid-column:6!important;justify-self:center!important;text-align:center!important;}
.albumTrackSections .trackCommentBubble{position:relative!important;display:inline-grid!important;place-items:center!important;width:26px!important;height:27px!important;border-radius:999px!important;color:rgba(255,255,255,.78)!important;line-height:1!important;overflow:visible!important}
.albumTrackSections .trackCommentEmoji{font-size:15px!important;line-height:1!important;filter:drop-shadow(0 0 8px rgba(242,201,76,.12))}
.albumTrackSections .trackCommentBadge{position:absolute!important;top:-5px!important;right:-7px!important;min-width:15px!important;height:15px!important;padding:0 4px!important;border-radius:999px!important;display:grid!important;place-items:center!important;background:#ffd51f!important;color:#111!important;border:1px solid rgba(0,0,0,.55)!important;font-size:9px!important;font-weight:950!important;line-height:1!important;box-shadow:0 2px 8px rgba(0,0,0,.38)}
.albumTrackSections .trackCommentBadge.empty{background:rgba(255,255,255,.16)!important;color:rgba(255,255,255,.56)!important;border-color:rgba(255,255,255,.10)!important;box-shadow:none}
.albumTrackSections .trackVibePill{display:none!important;}
.albumTrackSections .trackLove{display:none!important;}
.listenerCardsSection{
  position:relative!important;
  z-index:2!important;
  margin-top:28px!important;
}
.listenerCardsHead{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  margin:0 18px 14px!important;
}
.listenerCardsHead h3{
  margin:0!important;
  color:#fff!important;
  text-transform:uppercase!important;
  font-size:14px!important;
  letter-spacing:.06em!important;
  font-weight:800!important;
}
.listenerCardsHead button{
  width:32px!important;
  height:32px!important;
  border-radius:50%!important;
  border:0!important;
  background:rgba(255,255,255,.06)!important;
  color:#fff!important;
  font-size:22px!important;
}
.listenerCardsGrid{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:14px!important;
}
.listenerCard{
  min-height:132px!important;
  border-radius:12px!important;
  padding:20px!important;
  background:linear-gradient(145deg,rgba(255,255,255,.08),rgba(255,255,255,.025))!important;
  border:1px solid rgba(255,255,255,.09)!important;
  display:grid!important;
  grid-template-columns:46px minmax(0,1fr)!important;
  gap:12px!important;
  align-items:start!important;
}
.listenerCardAvatar{
  width:46px!important;
  height:46px!important;
  border-radius:50%!important;
  display:grid!important;
  place-items:center!important;
  background:linear-gradient(135deg,rgba(255,213,31,.85),rgba(77,58,12,.80))!important;
  color:#111!important;
  font-weight:900!important;
}
.listenerCard strong{display:block!important;color:#fff!important;font-size:13px!important;font-weight:800!important;}
.listenerCard span{display:block!important;color:rgba(255,255,255,.48)!important;font-size:11px!important;margin-top:2px!important;}
.listenerCard .listenerSongLabel{grid-column:1/-1!important;display:inline-flex!important;justify-self:start!important;margin:6px 0 2px!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;color:rgba(255,255,255,.60)!important;font-size:10px!important;font-weight:500!important;letter-spacing:.02em!important;box-shadow:none!important;}
.listenerCard p{grid-column:1/-1!important;margin:4px 0 0!important;color:rgba(255,255,255,.86)!important;font-size:15px!important;line-height:1.35!important;font-weight:450!important;}
.listenerCard small{grid-column:1/-1!important;color:rgba(255,255,255,.60)!important;font-size:12px!important;margin-top:8px!important;}
.listenerCardActions{
  grid-column:1/-1!important;
  display:flex!important;
  align-items:center!important;
  gap:16px!important;
  margin-top:8px!important;
}
.listenerLikeButton,
.reactionLikeButton,
.listenerReplyButton{
  border:0!important;
  background:transparent!important;
  color:rgba(255,255,255,.60)!important;
  display:inline-flex!important;
  align-items:center!important;
  gap:5px!important;
  width:max-content!important;
  padding:0!important;
  font:inherit!important;
  font-size:12px!important;
  line-height:1!important;
  cursor:pointer!important;
}
.listenerLikeButton{margin-top:0!important;}
.listenerReplyButton{font-size:12px!important;font-weight:700!important;}
.reactionLikeButton{font-size:13px!important;}
.listenerLikeButton span,
.reactionLikeButton span{color:inherit!important;font-size:14px!important;margin:0!important;}
.listenerLikeButton:hover,
.reactionLikeButton:hover,
.listenerReplyButton:hover,
.listenerLikeButton.liked,
.reactionLikeButton.liked{color:rgba(255,255,255,.60)!important;}
.muzeMention{
  display:inline!important;
  border:0!important;
  background:transparent!important;
  color:#ffd51f!important;
  padding:0!important;
  margin:0!important;
  font:inherit!important;
  font-weight:800!important;
  line-height:inherit!important;
  cursor:pointer!important;
  text-shadow:0 0 12px rgba(255,213,31,.18)!important;
}
.muzeMention:hover{
  color:#fff0a8!important;
  text-shadow:0 0 16px rgba(255,213,31,.34)!important;
}
.muzeMention:not(.known){
  cursor:default!important;
  color:rgba(255,213,31,.76)!important;
}
.muzeMentionPicker{
  position:fixed!important;
  z-index:9999!important;
  display:grid!important;
  gap:4px!important;
  padding:8px!important;
  border:1px solid rgba(255,213,31,.24)!important;
  border-radius:14px!important;
  background:linear-gradient(145deg,rgba(20,20,26,.98),rgba(7,8,12,.98))!important;
  box-shadow:0 18px 44px rgba(0,0,0,.48),0 0 22px rgba(255,213,31,.10)!important;
  backdrop-filter:blur(18px)!important;
}
.muzeMentionPicker.hidden{display:none!important;}
.muzeMentionPicker button{
  width:100%!important;
  display:grid!important;
  grid-template-columns:34px minmax(0,1fr)!important;
  align-items:center!important;
  gap:10px!important;
  border:0!important;
  border-radius:10px!important;
  padding:7px 8px!important;
  background:transparent!important;
  color:#fff!important;
  text-align:left!important;
  cursor:pointer!important;
}
.muzeMentionPicker button:hover,
.muzeMentionPicker button.active{
  background:rgba(255,213,31,.12)!important;
  box-shadow:inset 0 0 0 1px rgba(255,213,31,.16)!important;
}
.muzeMentionPicker .chatAvatar{
  width:34px!important;
  height:34px!important;
}
.muzeMentionPicker strong{
  display:block!important;
  font-size:13px!important;
  line-height:1.15!important;
  color:#fff!important;
}
.muzeMentionPicker small,
.mentionPickerEmpty{
  display:block!important;
  margin-top:2px!important;
  color:rgba(255,255,255,.54)!important;
  font-size:11px!important;
}
.mentionPickerEmpty{padding:9px 10px!important;}
.listenerReplyBox{
  grid-column:1/-1!important;
  margin-top:10px!important;
  padding:10px!important;
  border:1px solid rgba(255,255,255,.08)!important;
  border-radius:12px!important;
  background:rgba(0,0,0,.22)!important;
}
.listenerReplyBox.hidden{display:none!important;}
.listenerReplyBox textarea{
  width:100%!important;
  min-height:52px!important;
  resize:none!important;
  border:0!important;
  outline:0!important;
  background:transparent!important;
  color:#fff!important;
  font:inherit!important;
  font-size:13px!important;
  line-height:1.35!important;
}
.listenerReplyBox textarea::placeholder{color:rgba(255,255,255,.46)!important;}
.listenerReplyBox>div{
  display:flex!important;
  justify-content:flex-end!important;
  gap:7px!important;
  margin-top:8px!important;
}
.listenerReplyBox button{
  border:1px solid rgba(255,255,255,.10)!important;
  border-radius:999px!important;
  background:rgba(255,255,255,.04)!important;
  color:rgba(255,255,255,.68)!important;
  padding:7px 12px!important;
  font-size:12px!important;
  font-weight:800!important;
  cursor:pointer!important;
}
.listenerReplyBox button:first-child{
  border:0!important;
  background:#ffd12d!important;
  color:#111!important;
}
.listenerReplies{
  grid-column:1/-1!important;
  display:grid!important;
  gap:8px!important;
  margin:6px 0 0 48px!important;
  padding:4px 0 0 10px!important;
  border-left:1px solid rgba(255,255,255,.10)!important;
}
.listenerReplies .reactionReply{
  display:grid!important;
  grid-template-columns:28px minmax(0,1fr)!important;
  gap:8px!important;
  padding:4px 0!important;
}
.listenerReplies .reactionReplyAvatar{
  width:28px!important;
  height:28px!important;
  border-radius:50%!important;
  display:grid!important;
  place-items:center!important;
  background:rgba(255,209,45,.12)!important;
  color:#ffd12d!important;
  font-size:12px!important;
  font-weight:800!important;
}
.listenerReplies .reactionReplyMeta{
  display:flex!important;
  align-items:baseline!important;
  gap:7px!important;
}
.listenerReplies .reactionReplyMeta strong{font-size:12px!important;color:#fff!important;}
.listenerReplies .reactionReplyMeta span{font-size:10px!important;color:rgba(255,255,255,.45)!important;}
.listenerReplies .reactionReply p{
  margin:2px 0 0!important;
  color:rgba(255,255,255,.76)!important;
  font-size:12px!important;
  line-height:1.4!important;
}
.listenerCard.empty{display:block!important;color:rgba(255,255,255,.62)!important;}
@media(max-width:1050px){
  .linerAlbumPage{padding:18px 22px 28px!important;}
  .linerHero{grid-template-columns:1fr!important;gap:24px!important;}
  .linerHero:after{display:block!important;width:100%!important;opacity:.12!important;}
  .linerHeroSoul{grid-template-columns:1fr!important;gap:16px!important;}
  .albumTrackSections .linerFeaturedTrack{padding:26px!important;grid-template-columns:46px minmax(0,1fr)!important;}
  .albumTrackSections .linerFeaturedTrack .featureTrackScore,.albumTrackSections .linerFeaturedTrack .momentWhy{position:relative!important;left:auto!important;right:auto!important;top:auto!important;width:auto!important;grid-column:1/-1!important;}
  .listenerCardsGrid{grid-template-columns:1fr!important;}
}

/* Distinct album popup art roles and glyph-safe icons */
.linerHero:before{
  background:
    linear-gradient(90deg,rgba(3,6,7,.96) 0%,rgba(3,6,7,.60) 46%,rgba(3,6,7,.78) 100%),
    var(--hero-scene),
    var(--album-cover)!important;
  background-size:cover!important;
  background-position:center 42%!important;
}
.linerHero:after{
  background:
    linear-gradient(90deg,rgba(3,6,7,.20),rgba(3,6,7,.78)),
    var(--hero-scene),
    var(--album-cover)!important;
  background-size:cover!important;
  background-position:center!important;
}
.albumTrackSections .linerFeaturedTrack{
  background:linear-gradient(90deg,rgba(5,7,8,.80),rgba(5,7,8,.28),rgba(5,7,8,.90)),var(--moment-cover),var(--album-cover)!important;
  background-size:cover!important;
  background-position:var(--moment-focus,center)!important;
}
.close{font-size:0!important;}
.close:before,.close:after{content:""!important;position:absolute!important;width:16px!important;height:2px!important;background:#fff!important;border-radius:999px!important;left:50%!important;top:50%!important;transform-origin:center!important;}
.close:before{transform:translate(-50%,-50%) rotate(45deg)!important;}
.close:after{transform:translate(-50%,-50%) rotate(-45deg)!important;}
.returnIcon,.momentIcon{font-size:0!important;}
.returnIcon:before,.momentIcon:before{content:"\2665"!important;font-size:16px!important;line-height:1!important;color:#ffd51f!important;}
.themeMoonOnly{font-size:0!important;}
.themeMoonOnly:before{content:"\263E"!important;font-size:18px!important;color:inherit!important;}



/* Shift album popup hero scene left so the image subject sits behind the copy instead of drifting right */
.linerHero:before,
.linerHero:after{
  background-position:32% 42%!important;
}

/* Make the album popup hero scene begin where the physical cover ends */
@media(min-width:1051px){
  .linerHero:before{
    left:330px!important;
    inset-inline-start:330px!important;
    right:-64px!important;
    top:-120px!important;
    bottom:-70px!important;
    background-position:left center!important;
  }
  .linerHero:after{
    left:330px!important;
    right:-64px!important;
    top:-95px!important;
    width:auto!important;
    height:540px!important;
    background-position:left center!important;
  }
}

/* Hard reset close buttons so corrupted glyph text cannot show */
.close{
  position:absolute!important;
  display:block!important;
  overflow:hidden!important;
  text-indent:-9999px!important;
  line-height:0!important;
  color:transparent!important;
  font-size:0!important;
  white-space:nowrap!important;
}
.close:before,.close:after{
  text-indent:0!important;
}

/* Empty close button, CSS-only X */
#closeAlbumModal.close,#closeAddModal.close{
  text-indent:0!important;
  font-size:0!important;
  color:transparent!important;
  overflow:hidden!important;
}
#closeAlbumModal.close * ,#closeAddModal.close *{
  display:none!important;
}

/* Final close icon: draw X as button background, no pseudo/text artifacts */
#closeAlbumModal.close,#closeAddModal.close{
  color:transparent!important;
  font-size:0!important;
  line-height:0!important;
  text-indent:0!important;
  overflow:hidden!important;
  background:
    linear-gradient(45deg,transparent calc(50% - 1px),#fff calc(50% - 1px),#fff calc(50% + 1px),transparent calc(50% + 1px)),
    linear-gradient(-45deg,transparent calc(50% - 1px),#fff calc(50% - 1px),#fff calc(50% + 1px),transparent calc(50% + 1px)),
    rgba(8,10,14,.62)!important;
  background-size:18px 18px,18px 18px,100% 100%!important;
  background-repeat:no-repeat!important;
  background-position:center!important;
}
#closeAlbumModal.close:before,#closeAlbumModal.close:after,
#closeAddModal.close:before,#closeAddModal.close:after{
  content:none!important;
  display:none!important;
}

/* Smaller clean close X */
#closeAlbumModal.close,#closeAddModal.close{
  background:
    linear-gradient(45deg,transparent 44%,#fff 45%,#fff 55%,transparent 56%),
    linear-gradient(-45deg,transparent 44%,#fff 45%,#fff 55%,transparent 56%),
    rgba(8,10,14,.62)!important;
  background-size:14px 14px,14px 14px,100% 100%!important;
  background-repeat:no-repeat!important;
  background-position:center center!important;
}

/* Plain safe close x: no gradient artifacts */
#closeAlbumModal.close,#closeAddModal.close{
  display:grid!important;
  place-items:center!important;
  background:rgba(8,10,14,.62)!important;
  background-image:none!important;
  color:transparent!important;
  font-size:0!important;
  line-height:1!important;
  text-indent:0!important;
}
#closeAlbumModal.close:before,#closeAddModal.close:before{
  content:"x"!important;
  display:block!important;
  position:static!important;
  width:auto!important;
  height:auto!important;
  background:none!important;
  color:#fff!important;
  font-family:Arial,Helvetica,sans-serif!important;
  font-size:20px!important;
  font-weight:400!important;
  line-height:1!important;
  transform:none!important;
}
#closeAlbumModal.close:after,#closeAddModal.close:after{
  content:none!important;
  display:none!important;
}

/* Final SVG close button override: no font glyphs or pseudo-element artifacts */
#closeAlbumModal.close.iconClose,
#closeAddModal.close.iconClose{
  display:grid!important;
  place-items:center!important;
  width:38px!important;
  height:38px!important;
  padding:0!important;
  overflow:hidden!important;
  text-indent:0!important;
  font-size:0!important;
  line-height:0!important;
  color:transparent!important;
  background:rgba(8,10,14,.62)!important;
  background-image:none!important;
}
#closeAlbumModal.close.iconClose:before,
#closeAlbumModal.close.iconClose:after,
#closeAddModal.close.iconClose:before,
#closeAddModal.close.iconClose:after{
  content:none!important;
  display:none!important;
  width:0!important;
  height:0!important;
  background:none!important;
}
#closeAlbumModal.close.iconClose svg,
#closeAddModal.close.iconClose svg{
  display:block!important;
  width:14px!important;
  height:14px!important;
  stroke:#fff!important;
  stroke-width:2!important;
  stroke-linecap:round!important;
  fill:none!important;
  pointer-events:none!important;
}
#closeAlbumModal.close.iconClose svg path,
#closeAddModal.close.iconClose svg path{
  stroke:inherit!important;
  fill:none!important;
}

/* Clean close button: force exactly two white strokes, no inherited glyphs */
#albumModal #closeAlbumModal.close.cleanClose,
#closeAddModal.close.cleanClose{
  position:absolute!important;
  display:grid!important;
  place-items:center!important;
  right:22px!important;
  top:20px!important;
  width:38px!important;
  height:38px!important;
  padding:0!important;
  border-radius:999px!important;
  border:1px solid rgba(255,255,255,.16)!important;
  background:rgba(8,10,14,.62)!important;
  background-image:none!important;
  color:transparent!important;
  font-size:0!important;
  line-height:0!important;
  text-indent:0!important;
  overflow:hidden!important;
  white-space:normal!important;
}
#albumModal #closeAlbumModal.close.cleanClose:before,
#albumModal #closeAlbumModal.close.cleanClose:after,
#closeAddModal.close.cleanClose:before,
#closeAddModal.close.cleanClose:after{
  content:none!important;
  display:none!important;
  background:none!important;
}
#albumModal #closeAlbumModal.close.cleanClose *,
#closeAddModal.close.cleanClose *{
  display:block!important;
}
#albumModal #closeAlbumModal.close.cleanClose .cleanCloseIcon,
#closeAddModal.close.cleanClose .cleanCloseIcon{
  position:relative!important;
  width:15px!important;
  height:15px!important;
  color:transparent!important;
  font-size:0!important;
  line-height:0!important;
  transform:none!important;
}
#albumModal #closeAlbumModal.close.cleanClose .cleanCloseIcon:before,
#albumModal #closeAlbumModal.close.cleanClose .cleanCloseIcon:after,
#closeAddModal.close.cleanClose .cleanCloseIcon:before,
#closeAddModal.close.cleanClose .cleanCloseIcon:after{
  content:""!important;
  position:absolute!important;
  left:50%!important;
  top:50%!important;
  width:17px!important;
  height:2px!important;
  border-radius:999px!important;
  background:#fff!important;
  transform-origin:center!important;
}
#albumModal #closeAlbumModal.close.cleanClose .cleanCloseIcon:before,
#closeAddModal.close.cleanClose .cleanCloseIcon:before{
  transform:translate(-50%,-50%) rotate(45deg)!important;
}
#albumModal #closeAlbumModal.close.cleanClose .cleanCloseIcon:after,
#closeAddModal.close.cleanClose .cleanCloseIcon:after{
  transform:translate(-50%,-50%) rotate(-45deg)!important;
}

/* Admin draggable album hero background positioning */
.linerHero:before,
.linerHero:after{
  background-position:var(--hero-position,0% 50%)!important;
}
@media(min-width:1051px){
  .linerHero:before,
  .linerHero:after{
    background-position:var(--hero-position,0% 50%)!important;
  }
}
.heroDragButton{
  position:absolute!important;
  z-index:6!important;
  right:18px!important;
  bottom:18px!important;
  border:1px solid rgba(255,213,31,.45)!important;
  background:rgba(8,10,14,.72)!important;
  color:#ffd51f!important;
  border-radius:999px!important;
  padding:9px 14px!important;
  font-size:12px!important;
  font-weight:900!important;
  cursor:pointer!important;
  box-shadow:0 12px 28px rgba(0,0,0,.28)!important;
}
.linerHero.canDragHero{
  cursor:grab!important;
  outline:1px dashed rgba(255,213,31,.45)!important;
  outline-offset:-8px!important;
}
.linerHero.draggingHero{
  cursor:grabbing!important;
}
.heroDragHint{
  position:absolute!important;
  z-index:7!important;
  left:50%!important;
  bottom:18px!important;
  transform:translateX(-50%)!important;
  background:rgba(8,10,14,.86)!important;
  color:#fff!important;
  border:1px solid rgba(255,213,31,.32)!important;
  border-radius:999px!important;
  padding:9px 14px!important;
  font-size:12px!important;
  font-weight:850!important;
  pointer-events:none!important;
  box-shadow:0 14px 34px rgba(0,0,0,.35)!important;
}

/* Admin upload controls for album popup artwork */
.heroAdminControls{
  position:absolute!important;
  z-index:6!important;
  right:18px!important;
  bottom:18px!important;
  display:flex!important;
  gap:8px!important;
  flex-wrap:wrap!important;
  justify-content:flex-end!important;
}
.heroAdminControls .heroDragButton{
  position:static!important;
  right:auto!important;
  bottom:auto!important;
}
.mostLovedAdminControls .pickLovedTrackBtn{
  white-space:nowrap!important;
}

/* Restore album popup hero artwork to the right-side cinematic panel only */
@media(min-width:1051px){
  .linerHero:before{
    left:-38px!important;
    inset-inline-start:-38px!important;
    right:-38px!important;
    top:-112px!important;
    bottom:-82px!important;
    width:auto!important;
    background:
      linear-gradient(90deg,rgba(2,6,8,.98) 0%,rgba(2,6,8,.82) 43%,rgba(2,6,8,.70) 62%,rgba(2,6,8,.94) 100%),
      var(--hero-scene),
      var(--album-cover)!important;
    background-size:cover!important;
    background-position:var(--hero-position,50% 50%)!important;
    filter:blur(24px) saturate(.92)!important;
    transform:scale(1.08)!important;
    opacity:.54!important;
  }
  .linerHero:after{
    left:auto!important;
    inset-inline-start:auto!important;
    right:-38px!important;
    top:-88px!important;
    width:46%!important;
    height:545px!important;
    background:
      linear-gradient(90deg,rgba(2,6,8,.06) 0%,rgba(2,6,8,.36) 52%,rgba(2,6,8,.84) 100%),
      var(--hero-scene),
      var(--album-cover)!important;
    background-size:cover!important;
    background-position:var(--hero-position,50% 50%)!important;
    filter:grayscale(.03) contrast(1.08) saturate(.98)!important;
    transform:none!important;
    opacity:.38!important;
  }
}

/* Restore roomy album popup hero template without changing current typography */
@media(min-width:1051px){
  .linerAlbumPage{
    padding-top:30px!important;
  }
  .linerHero{
    grid-template-columns:430px minmax(0,1fr)!important;
    min-height:560px!important;
    gap:70px!important;
    align-items:center!important;
    margin-top:4px!important;
  }
  .linerCover{
    width:400px!important;
    max-width:400px!important;
    justify-self:center!important;
    transform:none!important;
  }
  .linerCover .cover{
    width:100%!important;
    max-width:100%!important;
    aspect-ratio:1/1!important;
  }
  .linerHeroCopy{
    max-width:760px!important;
  }
  .linerHero:before{
    inset:-130px -70px -92px -70px!important;
    background-position:var(--hero-position,50% 50%)!important;
    transform:scale(1.08)!important;
    opacity:.56!important;
  }
  .linerHero:after{
    right:-70px!important;
    top:-106px!important;
    width:52%!important;
    height:650px!important;
    background-size:cover!important;
    background-position:var(--hero-position,50% 50%)!important;
    opacity:.38!important;
  }
}

/* Widen album popup hero without stretching it vertically */
@media(min-width:1051px){
  #albumModal .modalPanel{
    width:min(1720px,99vw)!important;
  }
  .linerAlbumPage{
    padding:22px 58px 36px!important;
  }
  .linerHero{
    grid-template-columns:430px minmax(0,1fr)!important;
    min-height:430px!important;
    gap:76px!important;
    align-items:center!important;
    margin-top:0!important;
  }
  .linerCover{
    width:390px!important;
    max-width:390px!important;
    justify-self:center!important;
    transform:none!important;
  }
  .linerCover .cover{
    width:100%!important;
    max-width:100%!important;
    aspect-ratio:1/1!important;
  }
  .linerHeroCopy{
    max-width:760px!important;
  }
  .linerHero:before{
    inset:-98px -70px -58px -70px!important;
    transform:scale(1.06)!important;
    opacity:.54!important;
  }
  .linerHero:after{
    right:-70px!important;
    top:-82px!important;
    width:52%!important;
    height:520px!important;
    opacity:.38!important;
  }
}

/* Album popup title weight only */
.linerHeroCopy h2{
  font-weight:900!important;
}

/* Softer album popup hero background image */
@media(min-width:1051px){
  .linerHero:before{
    background:
      linear-gradient(90deg,rgba(2,6,8,.99) 0%,rgba(2,6,8,.90) 45%,rgba(2,6,8,.82) 64%,rgba(2,6,8,.96) 100%),
      var(--hero-scene),
      var(--album-cover)!important;
    opacity:.34!important;
  }
  .linerHero:after{
    background:
      linear-gradient(90deg,rgba(2,6,8,.46) 0%,rgba(2,6,8,.62) 52%,rgba(2,6,8,.92) 100%),
      var(--hero-scene),
      var(--album-cover)!important;
    opacity:.10!important;
  }
}
@media(max-width:1050px){
  .linerHero:before{opacity:.28!important;}
  .linerHero:after{opacity:.07!important;}
}

/* Remove album popup hero background image for cleaner focus */
.linerHero:before,
.linerHero:after{
  background-image:none!important;
  background:none!important;
  opacity:0!important;
}


/* Cover Art Archive album-cover flip: keeps the existing layout, only swaps the cover face */
.linerCoverFlip{position:relative!important;width:100%!important;aspect-ratio:1/1!important;perspective:1200px!important;cursor:pointer!important;}
.linerCoverFlip .linerCoverFace{position:absolute!important;inset:0!important;backface-visibility:hidden!important;transform-style:preserve-3d!important;transition:transform .48s ease!important;}
.linerCoverFlip .linerCoverFront{transform:rotateY(0deg)!important;}
.linerCoverFlip .linerCoverBack{transform:rotateY(180deg)!important;}
.linerCoverFlip[data-flipped="1"] .linerCoverFront{transform:rotateY(-180deg)!important;}
.linerCoverFlip[data-flipped="1"] .linerCoverBack{transform:rotateY(0deg)!important;}
.linerCoverFlip .cover{width:100%!important;height:100%!important;}
.backCoverLoading{width:100%;height:100%;display:grid;place-items:center;text-align:center;color:rgba(255,255,255,.72);font-weight:850;font-size:15px;padding:24px;background:linear-gradient(145deg,rgba(255,255,255,.08),rgba(0,0,0,.34));}
.backCoverLabel{position:absolute;left:14px;bottom:14px;padding:6px 10px;border-radius:999px;background:rgba(0,0,0,.62);color:#fff;font-size:11px;font-weight:850;letter-spacing:.04em;text-transform:uppercase;}


/* Back cover hero background restored only when archive art exists */
.linerHero.backCoverHero:before{
  background:linear-gradient(90deg,rgba(2,6,8,.99) 0%,rgba(2,6,8,.90) 45%,rgba(2,6,8,.82) 64%,rgba(2,6,8,.96) 100%),var(--hero-scene),var(--album-cover)!important;
  background-size:cover!important;
  background-position:var(--hero-position,50% 50%)!important;
  opacity:.28!important;
}
.linerHero.backCoverHero:after{
  background:linear-gradient(90deg,rgba(2,6,8,.58) 0%,rgba(2,6,8,.72) 52%,rgba(2,6,8,.94) 100%),var(--hero-scene),var(--album-cover)!important;
  background-size:cover!important;
  background-position:var(--hero-position,50% 50%)!important;
  opacity:.09!important;
}


/* Stronger visible back-cover hero background */
.linerHero.backCoverHero:before{
  background:linear-gradient(90deg,rgba(2,6,8,.99) 0%,rgba(2,6,8,.74) 36%,rgba(2,6,8,.44) 58%,rgba(2,6,8,.86) 100%),var(--hero-scene),var(--album-cover)!important;
  background-size:cover!important;
  background-position:var(--hero-position,50% 50%)!important;
  filter:blur(10px) saturate(1.08) contrast(1.08)!important;
  transform:scale(1.03)!important;
  opacity:.72!important;
}
.linerHero.backCoverHero:after{
  background:linear-gradient(90deg,rgba(2,6,8,.10) 0%,rgba(2,6,8,.30) 48%,rgba(2,6,8,.78) 100%),var(--hero-scene),var(--album-cover)!important;
  background-size:cover!important;
  background-position:var(--hero-position,50% 50%)!important;
  filter:grayscale(.02) saturate(1.08) contrast(1.10)!important;
  opacity:.42!important;
}


/* Remove duplicated hologram layer from back-cover hero */
.linerHero.backCoverHero:before{
  background:linear-gradient(90deg,rgba(2,6,8,.97) 0%,rgba(2,6,8,.68) 34%,rgba(2,6,8,.36) 58%,rgba(2,6,8,.86) 100%),var(--hero-scene),var(--album-cover)!important;
  filter:saturate(1.05) contrast(1.05)!important;
  transform:none!important;
  opacity:.78!important;
}
.linerHero.backCoverHero:after{
  background:none!important;
  opacity:0!important;
}


/* Contain back-cover hero image to the right side only */
@media(min-width:1051px){
  .linerHero.backCoverHero:before{
    left:52%!important;
    inset-inline-start:52%!important;
    right:-70px!important;
    top:-82px!important;
    bottom:-58px!important;
    width:auto!important;
    background:linear-gradient(90deg,rgba(2,6,8,.45) 0%,rgba(2,6,8,.20) 34%,rgba(2,6,8,.78) 100%),var(--hero-scene),var(--album-cover)!important;
    background-size:cover!important;
    background-repeat:no-repeat!important;
    background-position:var(--hero-position,50% 50%)!important;
    filter:saturate(1.02) contrast(1.05)!important;
    transform:none!important;
    opacity:.82!important;
  }
  .linerHero.backCoverHero:after{background:none!important;opacity:0!important;}
}


/* Back cover as a real album-size object in the upper-right hero corner */
@media(min-width:1051px){
  .linerHero.backCoverHero:before{
    left:auto!important;
    inset-inline-start:auto!important;
    right:72px!important;
    top:32px!important;
    bottom:auto!important;
    width:310px!important;
    height:310px!important;
    border-radius:14px!important;
    border:1px solid rgba(255,238,198,.20)!important;
    background:linear-gradient(90deg,rgba(2,6,8,.16),rgba(2,6,8,.28)),var(--hero-scene),var(--album-cover)!important;
    background-size:cover!important;
    background-repeat:no-repeat!important;
    background-position:var(--hero-position,50% 50%)!important;
    box-shadow:0 28px 70px rgba(0,0,0,.42),0 0 0 1px rgba(255,255,255,.04) inset!important;
    filter:saturate(1.02) contrast(1.04)!important;
    transform:none!important;
    opacity:.62!important;
  }
  .linerHero.backCoverHero:after{background:none!important;opacity:0!important;}
}


/* Slightly larger and farther-right back-cover hero object */
@media(min-width:1051px){
  .linerHero.backCoverHero:before{
    right:28px!important;
    top:24px!important;
    width:365px!important;
    height:365px!important;
  }
}


/* Move upper-right back-cover object closer to the close button */
@media(min-width:1051px){
  .linerHero.backCoverHero:before{
    top:-22px!important;
  }
}


/* Mirror the back-cover object with the front cover, without moving the front cover */
@media(min-width:1051px){
  .linerHero.backCoverHero:before{
    top:50%!important;
    right:28px!important;
    width:365px!important;
    height:365px!important;
    transform:translateY(-50%)!important;
  }
}


/* Back-cover inspection viewer */
.backCoverZoomHotspot{position:absolute!important;z-index:3!important;right:28px!important;top:50%!important;width:365px!important;height:365px!important;transform:translateY(-50%)!important;border:0!important;border-radius:14px!important;background:transparent!important;cursor:zoom-in!important;color:transparent!important;font-size:0!important;}
.backCoverZoomHotspot:focus-visible{outline:2px solid rgba(255,213,31,.75)!important;outline-offset:4px!important;}
.backCoverZoomViewer{position:fixed!important;inset:0!important;z-index:9999!important;background:radial-gradient(circle at 50% 42%,rgba(212,175,55,.12),transparent 34%),rgba(0,0,0,.90)!important;display:grid!important;place-items:center!important;padding:22px!important;backdrop-filter:blur(12px)!important;}
.backCoverZoomViewer.hidden{display:none!important;}
.backCoverZoomPanel{position:relative!important;width:min(1180px,96vw)!important;height:min(780px,88vh)!important;border:1px solid rgba(212,175,55,.22)!important;border-radius:22px!important;background:radial-gradient(circle at 50% 50%,rgba(212,175,55,.07),transparent 42%),#050608!important;box-shadow:0 36px 120px rgba(0,0,0,.72),0 0 46px rgba(212,175,55,.08)!important;overflow:hidden!important;}
.backCoverZoomStage{position:absolute!important;inset:0!important;overflow:hidden!important;cursor:zoom-in!important;touch-action:none!important;user-select:none!important;background:linear-gradient(145deg,rgba(255,255,255,.025),rgba(0,0,0,.12))!important;}
.backCoverZoomStage.isZoomed{cursor:grab!important;}
.backCoverZoomStage.dragging{cursor:grabbing!important;}
.backCoverZoomStage img{position:absolute!important;left:50%!important;top:50%!important;display:block!important;width:auto!important;max-width:100%!important;height:auto!important;max-height:100%!important;image-rendering:-webkit-optimize-contrast!important;user-select:none!important;-webkit-user-drag:none!important;transform:translate(-50%,-50%) translate3d(var(--back-cover-zoom-x,0px),var(--back-cover-zoom-y,0px),0) scale(var(--back-cover-zoom-scale,1))!important;transform-origin:center center!important;transition:transform .18s ease,filter .24s ease!important;filter:saturate(1.12) contrast(1.14) brightness(1.03)!important;}
.backCoverZoomStage.isZoomed img{filter:saturate(1.18) contrast(1.22) brightness(1.04)!important;}
.backCoverZoomStage.dragging img,.backCoverZoomStage.pinching img{transition:filter .24s ease!important;}
.backCoverZoomStage img{
  filter:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='backCoverSharpenSoft'%3E%3CfeConvolveMatrix order='3' kernelMatrix='0 -.5 0 -.5 3 -.5 0 -.5 0' preserveAlpha='true'/%3E%3C/filter%3E%3C/svg%3E#backCoverSharpenSoft") saturate(1.14) contrast(1.17) brightness(1.035)!important;
}
.backCoverZoomStage.isZoomed img{
  filter:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='backCoverSharpenSoft'%3E%3CfeConvolveMatrix order='3' kernelMatrix='0 -.5 0 -.5 3 -.5 0 -.5 0' preserveAlpha='true'/%3E%3C/filter%3E%3C/svg%3E#backCoverSharpenSoft") saturate(1.20) contrast(1.25) brightness(1.045)!important;
}
.backCoverZoomClose{position:absolute!important;right:18px!important;top:16px!important;z-index:2!important;width:42px!important;height:42px!important;border-radius:50%!important;border:1px solid rgba(255,255,255,.18)!important;background:rgba(0,0,0,.62)!important;color:#fff!important;font-size:26px!important;line-height:1!important;display:grid!important;place-items:center!important;}

/* Full Muze album review */
.muzeAlbumReview{
  margin:22px 0!important;
  padding:22px!important;
  border-radius:18px!important;
  border:1px solid rgba(255,213,31,.18)!important;
  background:radial-gradient(circle at 12% 0%,rgba(255,213,31,.13),transparent 30%),linear-gradient(145deg,rgba(255,255,255,.055),rgba(0,0,0,.28))!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.055),0 22px 70px rgba(0,0,0,.26)!important;
  display:grid!important;
  gap:14px!important;
}
.muzeReviewHead span,
.muzeReviewSection span,
.muzeReviewMetric span,
.muzeReviewIntensity span{
  color:#ffd51f!important;
  font-size:11px!important;
  font-weight:950!important;
  letter-spacing:.11em!important;
  text-transform:uppercase!important;
}
.muzeReviewHead h3{
  margin:6px 0 0!important;
  color:#fff!important;
  font-family:Georgia,"Times New Roman",serif!important;
  font-size:30px!important;
  line-height:1.05!important;
  font-weight:500!important;
}
.muzeReviewSection{
  padding:16px!important;
  border-radius:14px!important;
  border:1px solid rgba(255,255,255,.08)!important;
  background:rgba(0,0,0,.24)!important;
}
.muzeReviewSection p{
  margin:8px 0 0!important;
  color:rgba(255,255,255,.78)!important;
  font-size:14px!important;
  line-height:1.55!important;
}
.muzeReviewSection.lead p,
.muzeReviewSection.verdict p{
  color:rgba(255,255,255,.86)!important;
  font-size:15.3px!important;
}
.muzeReviewPills{
  display:flex!important;
  flex-wrap:wrap!important;
  gap:8px!important;
  margin-top:10px!important;
}
.muzeReviewPills b{
  border:1px solid rgba(255,213,31,.20)!important;
  border-radius:999px!important;
  padding:7px 10px!important;
  background:rgba(255,213,31,.08)!important;
  color:rgba(255,255,255,.84)!important;
  font-size:12px!important;
}
.muzeReviewMetrics{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:12px!important;
}
.muzeReviewMetric,
.muzeReviewIntensity{
  padding:16px!important;
  border-radius:14px!important;
  border:1px solid rgba(255,213,31,.16)!important;
  background:rgba(0,0,0,.30)!important;
}
.muzeReviewMetric strong{
  display:block!important;
  margin-top:6px!important;
  color:#ffd51f!important;
  font-size:34px!important;
  line-height:1!important;
}
.muzeReviewIntensity div{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:12px!important;
}
.muzeReviewIntensity strong{
  color:#ffd51f!important;
  font-size:24px!important;
}
.muzeReviewIntensity i{
  display:block!important;
  height:8px!important;
  margin:10px 0!important;
  border-radius:999px!important;
  background:linear-gradient(90deg,rgba(125,168,255,.32),rgba(255,213,31,.18),rgba(255,83,83,.32))!important;
  overflow:hidden!important;
}
.muzeReviewIntensity i b{
  display:block!important;
  width:var(--w)!important;
  height:100%!important;
  border-radius:inherit!important;
  background:linear-gradient(90deg,#8eb6ff,#ffd51f,#ff6b6b)!important;
}
.muzeReviewIntensity p{
  margin:0!important;
  color:rgba(255,255,255,.72)!important;
  font-size:13px!important;
  line-height:1.45!important;
}
.reviewEditorBlock{
  margin-top:18px!important;
  padding-top:18px!important;
  border-top:1px solid rgba(255,213,31,.18)!important;
}
.editorialWorkflowPanel{
  margin-top:18px!important;
  padding:18px!important;
  border:1px solid rgba(255,213,31,.22)!important;
  border-radius:8px!important;
  background:rgba(4,4,4,.55)!important;
}
.editorialWorkflowHead{
  display:flex!important;
  align-items:flex-start!important;
  justify-content:space-between!important;
  gap:16px!important;
}
.editorialWorkflowHead h4{margin:3px 0 4px!important;color:#fff!important;font-size:20px!important}
.editorialWorkflowHead span{color:rgba(255,255,255,.56)!important;font-size:12px!important}
.editorialWorkflowHead span.dirty{color:#ffd51f!important}
.editorialStatus{
  padding:6px 9px!important;
  border:1px solid rgba(255,255,255,.16)!important;
  border-radius:6px!important;
  color:rgba(255,255,255,.78)!important;
  background:rgba(255,255,255,.06)!important;
  font-size:11px!important;
  text-transform:uppercase!important;
}
.editorialStatus.status-draft,.editorialStatus.status-approved{border-color:rgba(79,211,133,.42)!important;color:#82e5a8!important}
.editorialStatus.status-needs_revision{border-color:rgba(255,213,31,.42)!important;color:#ffd51f!important}
.editorialStatus.status-quality_failed,.editorialStatus.status-rejected{border-color:rgba(255,102,102,.42)!important;color:#ff9292!important}
.editorialMeta{display:flex!important;flex-wrap:wrap!important;gap:7px!important;margin:13px 0!important}
.editorialMeta span{padding:5px 7px!important;border-radius:5px!important;background:rgba(255,255,255,.06)!important;color:rgba(255,255,255,.66)!important;font-size:11px!important}
.editorialComparisons{display:flex!important;align-items:center!important;flex-wrap:wrap!important;gap:7px!important;margin:10px 0!important}
.editorialComparisons strong{margin-right:4px!important;color:rgba(255,255,255,.78)!important;font-size:12px!important}
.editorialComparisons span{padding:5px 7px!important;border:1px solid rgba(255,255,255,.10)!important;border-radius:5px!important;color:rgba(255,255,255,.64)!important;font-size:11px!important}
.editorialIssues,.editorialWarnings{margin:12px 0!important;padding:12px!important;border-left:3px solid #ffd51f!important;background:rgba(255,213,31,.06)!important}
.editorialWarnings{border-left-color:#ff9292!important;background:rgba(255,102,102,.06)!important}
.editorialIssues p,.editorialWarnings p{margin:8px 0 0!important;color:rgba(255,255,255,.76)!important;font-size:12px!important;line-height:1.45!important}
.editorialIssues p small{display:block!important;margin-top:3px!important;color:rgba(255,255,255,.52)!important}
.editorialIssues p[data-severity="critical"]{color:#ff9292!important}
.editorialActions{display:flex!important;flex-wrap:wrap!important;gap:8px!important;margin-top:14px!important}
.editorialActions button,.editorialBatchPanel>button{min-height:36px!important;padding:8px 11px!important;border:1px solid rgba(255,213,31,.25)!important;border-radius:6px!important;background:#17150b!important;color:#fff!important;font-weight:800!important;cursor:pointer!important}
.editorialActions button:hover,.editorialBatchPanel>button:hover{border-color:#ffd51f!important}
.editorialActions button:disabled{opacity:.34!important;cursor:not-allowed!important}
.editorialActions button.approve{background:#ffd51f!important;color:#090909!important}
.editorialActions button.danger{border-color:rgba(255,102,102,.35)!important;background:#241010!important}
.editorialBatchPanel{margin-top:14px!important;padding-top:14px!important;border-top:1px solid rgba(255,255,255,.10)!important}
.editorialBatchChoices{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:6px 14px!important;margin:10px 0!important}
.editorialBatchChoices label{display:flex!important;align-items:center!important;gap:7px!important;min-width:0!important;color:rgba(255,255,255,.72)!important;font-size:12px!important}
.editorialBatchChoices span{overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}
#editorialBatchResults{margin-top:10px!important}
#editorialBatchResults p{margin:4px 0!important;font-size:12px!important}
#editorialBatchResults .success{color:#82e5a8!important}
#editorialBatchResults .error{color:#ff9292!important}
.overviewEditorInput{
  width:100%!important;
  border:1px solid rgba(255,255,255,.12)!important;
  border-radius:12px!important;
  background:rgba(0,0,0,.28)!important;
  color:#fff!important;
  padding:11px 12px!important;
  font:inherit!important;
}
@media(max-width:760px){
  .muzeReviewMetrics{grid-template-columns:1fr!important}
  .muzeAlbumReview{padding:16px!important}
  .muzeReviewHead h3{font-size:24px!important}
  .editorialWorkflowHead{display:block!important}
  .editorialStatus{display:inline-block!important;margin-top:8px!important}
  .editorialBatchChoices{grid-template-columns:1fr!important}
}

.backCoverZoomHint{position:absolute!important;left:18px!important;bottom:16px!important;z-index:2!important;padding:8px 12px!important;border-radius:999px!important;border:1px solid rgba(212,175,55,.20)!important;background:rgba(0,0,0,.62)!important;color:rgba(255,255,255,.82)!important;font-size:12px!important;font-weight:800!important;letter-spacing:.03em!important;box-shadow:0 14px 34px rgba(0,0,0,.32)!important;}
@media(max-width:1050px){.backCoverZoomHotspot{display:none!important;}.backCoverZoomPanel{width:100vw!important;height:100vh!important;border-radius:0!important;border-left:0!important;border-right:0!important;}.backCoverZoomViewer{padding:0!important;}}

/* Album popup hero: gold cinematic reference layout */
.linerHero{
  isolation:isolate!important;
}
@media(min-width:1051px){
  .linerAlbumPage{
    background:
      radial-gradient(circle at 13% 27%,rgba(255,197,48,.11),transparent 22%),
      radial-gradient(circle at 68% 14%,rgba(255,217,87,.08),transparent 24%),
      #030303!important;
  }
  .linerHero{
    grid-template-columns:394px minmax(438px,1fr) 313px!important;
    gap:42px!important;
    align-items:center!important;
    min-height:550px!important;
    width:100%!important;
    max-width:none!important;
    margin:0 0 22px!important;
    padding:24px 18px 22px!important;
    overflow:visible!important;
  }
  .linerHero:before,
  .linerHero:after,
  .linerHero.backCoverHero:before,
  .linerHero.backCoverHero:after{
    content:""!important;
    position:absolute!important;
    inset:-24px -28px -18px!important;
    background:
      radial-gradient(circle at 19% 45%,rgba(255,184,16,.20),transparent 23%),
      radial-gradient(circle at 47% 32%,rgba(255,224,132,.13),transparent 17%),
      linear-gradient(90deg,#030303 0%,#050403 46%,#020202 100%)!important;
    opacity:1!important;
    filter:none!important;
    transform:none!important;
    border-radius:0!important;
    border:0!important;
    box-shadow:none!important;
    z-index:-2!important;
  }
  .linerHero:after,
  .linerHero.backCoverHero:after{
    inset:auto!important;
    left:74px!important;
    top:72px!important;
    width:260px!important;
    height:260px!important;
    border-radius:28px!important;
    background:radial-gradient(circle,rgba(255,194,29,.34),rgba(255,173,13,.16) 42%,transparent 70%)!important;
    filter:blur(20px)!important;
    opacity:1!important;
    z-index:-1!important;
  }
  .linerCover{
    width:363px!important;
    max-width:363px!important;
    justify-self:center!important;
    align-self:center!important;
  }
  .linerCover .cover{
    width:363px!important;
    height:363px!important;
    padding:0!important;
    border-radius:24px!important;
    background:#0b0802!important;
    border:1px solid rgba(255,220,93,.55)!important;
    box-shadow:
      0 0 0 1px rgba(255,255,255,.05) inset,
      0 0 22px rgba(255,199,35,.62),
      0 0 52px rgba(255,154,10,.40),
      0 26px 58px rgba(0,0,0,.78)!important;
    overflow:hidden!important;
  }
  .linerCover .cover img{
    border-radius:23px!important;
    width:100%!important;
    height:100%!important;
    object-fit:cover!important;
    filter:saturate(1.12) contrast(1.06) brightness(1.04)!important;
  }
  .linerCoverFlip{
    filter:drop-shadow(0 0 22px rgba(255,191,22,.42))!important;
  }
  .linerCoverFlip:after{
    content:""!important;
    position:absolute!important;
    inset:0!important;
    border-radius:24px!important;
    pointer-events:none!important;
    background:
      linear-gradient(115deg,transparent 0%,rgba(255,255,255,.24) 15%,transparent 31%),
      radial-gradient(circle at 92% 18%,rgba(255,255,255,.50),transparent 5%)!important;
    mix-blend-mode:screen!important;
    opacity:.75!important;
  }
  .heroSavedStrip{
    display:flex!important;
    align-items:center!important;
    gap:9px!important;
    margin-top:12px!important;
    color:rgba(255,255,255,.74)!important;
    font-size:11px!important;
    font-weight:700!important;
  }
  .heroSavedStrip b{color:#ffd51f!important;}
  .miniAvatars{
    display:inline-flex!important;
    align-items:center!important;
  }
  .miniAvatars i{
    width:20px!important;
    height:20px!important;
    border-radius:50%!important;
    margin-left:-6px!important;
    border:1px solid rgba(0,0,0,.7)!important;
    background:linear-gradient(135deg,#ffd45a,#8c4921)!important;
    box-shadow:0 0 10px rgba(255,213,31,.16)!important;
  }
  .miniAvatars i:first-child{margin-left:0!important;}
  .miniAvatars i:nth-child(2){background:linear-gradient(135deg,#3dd6ff,#5a2a7c)!important;}
  .miniAvatars i:nth-child(3){background:linear-gradient(135deg,#ff9b6b,#2d1d13)!important;}
  .miniAvatars i:nth-child(4){background:linear-gradient(135deg,#f3e7c7,#794427)!important;}
  .linerHeroCopy{
    max-width:619px!important;
    align-self:center!important;
  }
  .linerHeroCopy .eyebrow{
    display:inline-flex!important;
    align-items:center!important;
    padding:5px 12px!important;
    margin:0 7px 11px 0!important;
    border-radius:999px!important;
    background:#ffd51f!important;
    color:#050505!important;
    font-size:9px!important;
    line-height:1!important;
    letter-spacing:.04em!important;
    font-weight:950!important;
    text-shadow:none!important;
  }
  .linerHeroCopy h2{
    max-width:619px!important;
    margin:0 0 8px!important;
    font-family:Georgia,"Times New Roman",serif!important;
    font-size:60px!important;
    line-height:1.01!important;
    font-weight:900!important;
    letter-spacing:-.045em!important;
    color:#fff6df!important;
    text-shadow:
      0 2px 0 rgba(0,0,0,.55),
      0 0 14px rgba(255,214,94,.40),
      0 0 26px rgba(255,176,24,.22)!important;
  }
  .linerHeroCopy h3{
    margin:0 0 7px!important;
    font-size:21px!important;
    line-height:1.2!important;
    font-weight:950!important;
    color:#fff!important;
  }
  .linerHeroCopy h3 span{
    width:13px!important;
    height:13px!important;
    margin-left:5px!important;
    font-size:0!important;
    background:#7f5cff!important;
    box-shadow:0 0 9px rgba(127,92,255,.75)!important;
  }
  .linerHeroCopy p{
    max-width:600px!important;
    margin:0 0 10px!important;
    color:rgba(255,255,255,.78)!important;
    font-size:16.32px!important;
    line-height:1.42!important;
    font-weight:650!important;
  }
  .linerTags,
  .linerMoodTags{
    gap:7px!important;
    margin:0 0 10px!important;
  }
  .linerTags span,
  .linerMoodTags span{
    padding:6px 10px!important;
    border:1px solid rgba(255,255,255,.10)!important;
    border-radius:999px!important;
    background:rgba(0,0,0,.52)!important;
    color:rgba(255,255,255,.80)!important;
    font-size:9px!important;
    font-weight:850!important;
    text-transform:none!important;
    box-shadow:0 8px 20px rgba(0,0,0,.28)!important;
  }
  .linerStats{
    display:grid!important;
    grid-template-columns:repeat(3,1fr)!important;
    gap:0!important;
    width:100%!important;
    max-width:606px!important;
    margin:11px 0 12px!important;
    border:1px solid rgba(255,190,30,.17)!important;
    border-radius:12px!important;
    background:linear-gradient(180deg,rgba(16,12,4,.78),rgba(0,0,0,.72))!important;
    box-shadow:0 18px 42px rgba(0,0,0,.48),0 0 22px rgba(255,191,22,.08)!important;
    overflow:hidden!important;
  }
  .linerStats div,
  .linerStats .linerStatEdit,
  .linerStats .linerSocialProof{
    min-width:0!important;
    border:0!important;
    border-right:1px solid rgba(255,255,255,.09)!important;
    padding:12px 12px!important;
    background:transparent!important;
    text-align:left!important;
  }
  .linerStats div:last-child,
  .linerStats .linerSocialProof:last-child{border-right:0!important;}
  .linerStats strong,
  .linerStats .linerStatEdit strong{
    font-family:Inter,Arial,sans-serif!important;
    color:#ffd51f!important;
    font-size:22px!important;
    line-height:1!important;
    font-weight:950!important;
    letter-spacing:-.04em!important;
    text-shadow:0 0 14px rgba(255,213,31,.30)!important;
  }
  .linerStats span,
  .linerStats .linerStatEdit span{
    margin:6px 0 0!important;
    color:#fff!important;
    font-size:8px!important;
    font-weight:950!important;
    letter-spacing:.05em!important;
    text-transform:none!important;
  }
  .linerStats small,
  .linerStats .linerStatEdit small{
    display:block!important;
    margin-top:7px!important;
    color:rgba(255,255,255,.70)!important;
    font-size:8px!important;
    font-weight:700!important;
    letter-spacing:0!important;
    text-transform:none!important;
  }
  .linerActions{
    display:flex!important;
    align-items:center!important;
    gap:10px!important;
  }
  .linerActions button,
  .linerActions a{
    min-height:55px!important;
    padding:15px 25px!important;
    border-radius:999px!important;
    font-size:15px!important;
    font-weight:950!important;
    line-height:1!important;
  }
  .linerActions button{
    background:linear-gradient(180deg,#ffdf43,#f4b60d)!important;
    border:1px solid rgba(255,225,88,.85)!important;
    color:#070707!important;
    box-shadow:0 0 20px rgba(255,199,29,.34),0 12px 28px rgba(0,0,0,.42)!important;
  }
  .linerActions a{
    background:rgba(0,0,0,.72)!important;
    border:1px solid rgba(255,255,255,.18)!important;
    color:#fff!important;
  }
  .spotifyMark{
    width:18px!important;
    height:18px!important;
    margin-right:8px!important;
  }
  .spotifyMark svg{width:18px!important;height:18px!important;}
  .heroRightAtmosphere{display:none!important;}
  .linerHero .backCoverZoomHotspot{display:none!important;}
  .linerHeroSide{
    position:relative!important;
    z-index:2!important;
    display:grid!important;
    gap:9px!important;
    align-self:center!important;
    width:300px!important;
  }
  .heroSideCard{
    border:1px solid rgba(255,199,43,.23)!important;
    border-radius:12px!important;
    background:linear-gradient(145deg,rgba(20,13,4,.78),rgba(0,0,0,.82))!important;
    box-shadow:0 16px 34px rgba(0,0,0,.45),inset 0 1px 0 rgba(255,255,255,.04)!important;
    padding:12px!important;
  }
  .heroSideCard h4{
    display:flex!important;
    align-items:center!important;
    gap:7px!important;
    margin:0 0 8px!important;
    color:#f7d458!important;
    font-size:10px!important;
    font-weight:950!important;
    line-height:1.1!important;
  }
  .heroSideCard h4 span{
    display:grid!important;
    place-items:center!important;
    width:18px!important;
    height:18px!important;
    border-radius:50%!important;
    color:#ffd51f!important;
    background:rgba(255,213,31,.10)!important;
    box-shadow:0 0 12px rgba(255,213,31,.17)!important;
  }
  .heroSideCard p{
    margin:0!important;
    color:rgba(255,255,255,.76)!important;
    font-size:10px!important;
    line-height:1.45!important;
    font-style:italic!important;
    font-weight:650!important;
  }
  .heroFanRow{
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:8px!important;
    margin-top:10px!important;
  }
  .heroFanRow b{
    color:#ffd51f!important;
    font-size:9px!important;
    white-space:nowrap!important;
  }
  .moodMeter{
    position:relative!important;
    height:4px!important;
    margin:13px 0 7px!important;
    border-radius:999px!important;
    background:rgba(255,255,255,.12)!important;
    overflow:visible!important;
  }
  .moodMeter span{
    display:block!important;
    width:var(--mood-score,62%)!important;
    height:100%!important;
    border-radius:999px!important;
    background:linear-gradient(90deg,var(--mood-start,#45d66d),var(--mood-end,#ffd51f))!important;
    box-shadow:0 0 18px rgba(var(--mood-glow,255,213,31),.55)!important;
  }
  .moodMeter:after{
    content:""!important;
    position:absolute!important;
    left:var(--mood-score,62%)!important;
    top:50%!important;
    width:8px!important;
    height:8px!important;
    border-radius:50%!important;
    transform:translate(-50%,-50%)!important;
    background:var(--mood-end,#ffd51f)!important;
    box-shadow:0 0 16px rgba(var(--mood-glow,255,213,31),.8)!important;
  }
  .moodScale{
    display:flex!important;
    justify-content:space-between!important;
    color:rgba(255,255,255,.54)!important;
    font-size:8px!important;
  }
  .moodScale em{font-style:normal!important;}
  .heroSideCard.influence div{
    display:flex!important;
    gap:6px!important;
    flex-wrap:wrap!important;
    margin-top:9px!important;
  }
  .heroSideCard.influence small{
    padding:5px 8px!important;
    border-radius:999px!important;
    border:1px solid rgba(255,255,255,.10)!important;
    color:rgba(255,255,255,.72)!important;
    background:rgba(255,255,255,.045)!important;
    font-size:8px!important;
    font-weight:800!important;
  }
}
@media(max-width:1050px){
  .linerHeroSide{display:none!important;}
  .heroSavedStrip{display:none!important;}
}

/* Phase 1: cinematic album popup atmosphere */
#albumModal{
  background:
    radial-gradient(circle at 50% 14%,rgba(242,201,76,.055),transparent 34%),
    rgba(0,0,0,.82)!important;
  transition:background .55s cubic-bezier(.2,.7,.2,1),backdrop-filter .55s cubic-bezier(.2,.7,.2,1)!important;
}
#albumModal:not(.hidden) .modalPanel{
  animation:albumModalCinematicIn .62s cubic-bezier(.16,1,.3,1) both!important;
  transform-origin:50% 58%!important;
}
#albumModal .modalPanel{
  position:relative!important;
  isolation:isolate!important;
}
#albumModal .modalPanel:before{
  content:""!important;
  position:absolute!important;
  inset:-18%!important;
  z-index:-2!important;
  pointer-events:none!important;
  background:
    radial-gradient(circle at 24% 26%,rgba(255,201,76,.13),transparent 25%),
    radial-gradient(circle at 74% 16%,rgba(255,234,171,.055),transparent 28%),
    radial-gradient(circle at 50% 100%,rgba(74,54,18,.22),transparent 42%)!important;
  filter:blur(24px)!important;
  opacity:.86!important;
  animation:albumModalGlowBloom .9s cubic-bezier(.16,1,.3,1) both!important;
}
.linerAlbumPage{
  position:relative!important;
  isolation:isolate!important;
}
.linerAlbumPage:before{
  content:""!important;
  position:absolute!important;
  inset:-18% -10% -12%!important;
  z-index:0!important;
  pointer-events:none!important;
  background:
    radial-gradient(circle at 18% 32%,rgba(255,196,63,.10),transparent 24%),
    radial-gradient(circle at 72% 18%,rgba(255,240,184,.052),transparent 30%),
    linear-gradient(90deg,rgba(2,3,4,.96),rgba(4,5,5,.74) 42%,rgba(2,3,4,.98)),
    var(--album-cover)!important;
  background-size:cover!important;
  background-position:center!important;
  filter:blur(44px) saturate(.76) contrast(.78) brightness(.48)!important;
  transform:scale(1.12)!important;
  opacity:.54!important;
}
.linerAlbumPage:after{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  z-index:1!important;
  pointer-events:none!important;
  background:
    linear-gradient(180deg,rgba(3,3,4,.58),rgba(3,3,4,.10) 38%,rgba(3,3,4,.64)),
    radial-gradient(circle at 52% 12%,rgba(255,220,130,.05),transparent 30%)!important;
}
.linerAlbumPage>*{
  position:relative!important;
  z-index:2!important;
}
#albumModal:not(.hidden) .linerTabs,
#albumModal:not(.hidden) .linerCover,
#albumModal:not(.hidden) .linerHeroCopy,
#albumModal:not(.hidden) .linerHeroSide,
#albumModal:not(.hidden) .linerHeroSoul,
#albumModal:not(.hidden) .linerContentGrid,
#albumModal:not(.hidden) .albumTrackSections,
#albumModal:not(.hidden) .listenerCardsSection,
#albumModal:not(.hidden) .linerPlayer{
  animation:albumContentRise .62s cubic-bezier(.16,1,.3,1) both!important;
}
#albumModal:not(.hidden) .linerTabs{animation-delay:.04s!important;}
#albumModal:not(.hidden) .linerCover{animation-delay:.10s!important;}
#albumModal:not(.hidden) .linerHeroCopy{animation-delay:.16s!important;}
#albumModal:not(.hidden) .linerHeroSide{animation-delay:.22s!important;}
#albumModal:not(.hidden) .linerHeroSoul{animation-delay:.28s!important;}
#albumModal:not(.hidden) .linerContentGrid{animation-delay:.34s!important;}
#albumModal:not(.hidden) .albumTrackSections{animation-delay:.38s!important;}
#albumModal:not(.hidden) .listenerCardsSection{animation-delay:.42s!important;}
#albumModal:not(.hidden) .linerPlayer{animation-delay:.46s!important;}
@media(min-width:1051px){
  .linerHero:before,
  .linerHero.backCoverHero:before{
    background:
      radial-gradient(circle at 18% 45%,rgba(255,184,16,.17),transparent 23%),
      radial-gradient(circle at 45% 31%,rgba(255,224,132,.10),transparent 17%),
      linear-gradient(90deg,rgba(3,3,3,.92) 0%,rgba(5,4,3,.72) 46%,rgba(2,2,2,.94) 100%),
      var(--album-cover)!important;
    background-size:cover!important;
    background-position:center!important;
    filter:blur(34px) saturate(.72) contrast(.82) brightness(.55)!important;
    transform:scale(1.08)!important;
    opacity:.72!important;
  }
  .linerHero:after,
  .linerHero.backCoverHero:after{
    background:radial-gradient(circle,rgba(255,203,52,.24),rgba(255,174,15,.105) 44%,transparent 72%)!important;
    filter:blur(25px)!important;
    opacity:.72!important;
  }
  .linerCover:before{
    inset:-18% -20% -22%!important;
    background:
      radial-gradient(circle at 50% 48%,rgba(255,210,76,.22),rgba(255,172,28,.10) 42%,transparent 68%)!important;
    filter:blur(34px)!important;
    opacity:.8!important;
  }
  .linerCover .cover{
    box-shadow:
      0 0 0 1px rgba(255,255,255,.055) inset,
      0 0 18px rgba(255,207,61,.34),
      0 0 46px rgba(255,154,10,.22),
      0 34px 72px rgba(0,0,0,.82)!important;
    transition:transform .55s cubic-bezier(.16,1,.3,1),box-shadow .55s cubic-bezier(.16,1,.3,1),filter .55s cubic-bezier(.16,1,.3,1)!important;
    transform:translateZ(0)!important;
  }
  .linerCoverFlip{
    transition:transform .55s cubic-bezier(.16,1,.3,1),filter .55s cubic-bezier(.16,1,.3,1)!important;
    transform-style:preserve-3d!important;
  }
  .linerCoverFlip:hover{
    transform:translate3d(0,-8px,0) rotateX(2.2deg) rotateY(-2.4deg)!important;
    filter:drop-shadow(0 24px 36px rgba(0,0,0,.44)) drop-shadow(0 0 24px rgba(255,201,49,.26))!important;
  }
  .linerCoverFlip:hover .cover{
    box-shadow:
      0 0 0 1px rgba(255,255,255,.07) inset,
      0 0 24px rgba(255,207,61,.42),
      0 0 58px rgba(255,154,10,.26),
      0 42px 84px rgba(0,0,0,.86)!important;
  }
  .linerCoverFlip:before{
    content:""!important;
    position:absolute!important;
    inset:0!important;
    z-index:3!important;
    pointer-events:none!important;
    border-radius:24px!important;
    background:linear-gradient(112deg,transparent 0%,transparent 38%,rgba(255,255,255,.18) 46%,rgba(255,242,198,.10) 50%,transparent 60%,transparent 100%)!important;
    mix-blend-mode:screen!important;
    opacity:0!important;
    transform:translateX(-120%) skewX(-8deg)!important;
    animation:albumCoverLightSweep 8.5s ease-in-out infinite!important;
  }
  .linerCoverFlip:after{
    opacity:.34!important;
    animation:albumCoverBreath 6.8s ease-in-out infinite!important;
  }
}
@keyframes albumModalCinematicIn{
  from{opacity:0;transform:translateY(18px) scale(.982);filter:brightness(.82)}
  to{opacity:1;transform:translateY(0) scale(1);filter:brightness(1)}
}
@keyframes albumModalGlowBloom{
  from{opacity:0;transform:scale(.92)}
  to{opacity:.86;transform:scale(1)}
}
@keyframes albumContentRise{
  from{opacity:0;transform:translateY(16px) scale(.992)}
  to{opacity:1;transform:translateY(0) scale(1)}
}
@keyframes albumCoverLightSweep{
  0%,58%{opacity:0;transform:translateX(-120%) skewX(-8deg)}
  66%{opacity:.34}
  78%{opacity:.08;transform:translateX(120%) skewX(-8deg)}
  100%{opacity:0;transform:translateX(120%) skewX(-8deg)}
}
@keyframes albumCoverBreath{
  0%,100%{opacity:.26}
  50%{opacity:.42}
}
@media(prefers-reduced-motion:reduce){
  #albumModal:not(.hidden) .modalPanel,
  #albumModal:not(.hidden) .linerTabs,
  #albumModal:not(.hidden) .linerCover,
  #albumModal:not(.hidden) .linerHeroCopy,
  #albumModal:not(.hidden) .linerHeroSide,
  #albumModal:not(.hidden) .linerHeroSoul,
  #albumModal:not(.hidden) .linerContentGrid,
  #albumModal:not(.hidden) .albumTrackSections,
  #albumModal:not(.hidden) .listenerCardsSection,
  #albumModal:not(.hidden) .linerPlayer,
  .linerCoverFlip:before,
  .linerCoverFlip:after{
    animation:none!important;
  }
  .linerCoverFlip:hover{transform:none!important;}
}

/* Phase 1 cover visibility fix: keep artwork above placeholders, overlays non-blocking */
.linerCover{
  position:relative!important;
  z-index:3!important;
}
.linerCover:before{
  z-index:0!important;
  pointer-events:none!important;
}
.linerCoverFlip{
  position:relative!important;
  isolation:isolate!important;
  overflow:hidden!important;
}
.linerCoverFlip .linerCoverFace{
  z-index:1!important;
  pointer-events:auto!important;
}
.linerCoverFlip .linerCoverFront{
  z-index:2!important;
}
.linerCoverFlip .linerCoverBack{
  z-index:1!important;
}
.linerCoverFlip[data-flipped="1"] .linerCoverFront{
  z-index:1!important;
}
.linerCoverFlip[data-flipped="1"] .linerCoverBack{
  z-index:2!important;
}
.linerCoverFlip:before,
.linerCoverFlip:after{
  pointer-events:none!important;
}
.linerCoverFlip:before{
  z-index:4!important;
}
.linerCoverFlip:after{
  z-index:3!important;
}
.linerCoverFlip .cover,
.linerCoverFlip .cover img{
  display:block!important;
  opacity:1!important;
  visibility:visible!important;
}
.linerCoverFlip .cover img{
  position:relative!important;
  z-index:1!important;
}

/* Phase 1 flip interaction fix: parent owns clicks, art/overlays never block */
.linerCoverFlip{
  pointer-events:auto!important;
  cursor:pointer!important;
}
.linerCoverFlip .linerCoverFace,
.linerCoverFlip .cover,
.linerCoverFlip .cover img,
.linerCoverFlip .fallbackCover,
.linerCoverFlip .backCoverLoading,
.linerCoverFlip .backCoverLabel{
  pointer-events:none!important;
}
.linerCoverFlip:before,
.linerCoverFlip:after,
.linerCover:before{
  pointer-events:none!important;
}
/* Phase 1 flip state fix: front artwork is always the resting/default face */
.linerCoverFlip,
.linerCoverFlip[data-flipped="0"]{
  transform-style:preserve-3d!important;
}
.linerCoverFlip .linerCoverFace{
  backface-visibility:hidden!important;
  -webkit-backface-visibility:hidden!important;
}
.linerCoverFlip .linerCoverFront,
.linerCoverFlip[data-flipped="0"] .linerCoverFront{
  z-index:2!important;
  visibility:visible!important;
  opacity:1!important;
  transform:rotateY(0deg)!important;
}
.linerCoverFlip .linerCoverBack,
.linerCoverFlip[data-flipped="0"] .linerCoverBack{
  z-index:1!important;
  visibility:hidden!important;
  opacity:0!important;
  transform:rotateY(180deg)!important;
}
.linerCoverFlip[data-flipped="1"] .linerCoverFront{
  z-index:1!important;
  visibility:hidden!important;
  opacity:0!important;
  transform:rotateY(-180deg)!important;
}
.linerCoverFlip[data-flipped="1"] .linerCoverBack{
  z-index:2!important;
  visibility:visible!important;
  opacity:1!important;
  transform:rotateY(0deg)!important;
}

/* Phase 1 proper 3D flip: clickable shell, rotating inner card */
.linerCoverFlip{
  position:relative!important;
  perspective:1200px!important;
  transform-style:preserve-3d!important;
  pointer-events:auto!important;
  cursor:pointer!important;
}
.linerCoverFlipCard{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  transform-style:preserve-3d!important;
  transition:transform .58s cubic-bezier(.16,1,.3,1)!important;
  transform:rotateY(0deg)!important;
  pointer-events:none!important;
}
.linerCoverFlip[data-flipped="1"] .linerCoverFlipCard{
  transform:rotateY(180deg)!important;
}
.linerCoverFlipCard .linerCoverFace{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  backface-visibility:hidden!important;
  -webkit-backface-visibility:hidden!important;
  visibility:visible!important;
  opacity:1!important;
  pointer-events:none!important;
}
.linerCoverFlipCard .linerCoverFront,
.linerCoverFlip[data-flipped="0"] .linerCoverFlipCard .linerCoverFront,
.linerCoverFlip[data-flipped="1"] .linerCoverFlipCard .linerCoverFront{
  z-index:2!important;
  transform:rotateY(0deg)!important;
}
.linerCoverFlipCard .linerCoverBack,
.linerCoverFlip[data-flipped="0"] .linerCoverFlipCard .linerCoverBack,
.linerCoverFlip[data-flipped="1"] .linerCoverFlipCard .linerCoverBack{
  z-index:1!important;
  transform:rotateY(180deg)!important;
}
.linerCoverFlipCard .cover,
.linerCoverFlipCard .cover img,
.linerCoverFlipCard .fallbackCover,
.linerCoverFlipCard .backCoverLoading,
.linerCoverFlipCard .backCoverLabel{
  pointer-events:none!important;
}
.linerCoverFlip:before,
.linerCoverFlip:after,
.linerCover:before{
  pointer-events:none!important;
}
.linerCoverFlip[data-flipped="0"] .linerCoverFlipCard .linerCoverFront,
.linerCoverFlip[data-flipped="0"] .linerCoverFlipCard .linerCoverBack{
  visibility:visible!important;
  opacity:1!important;
}
.linerCoverFlip[data-flipped="1"] .linerCoverFlipCard .linerCoverFront{
  visibility:hidden!important;
  opacity:0!important;
}
.linerCoverFlip[data-flipped="1"] .linerCoverFlipCard .linerCoverBack{
  visibility:visible!important;
  opacity:1!important;
}

/* Phase 2: editorial typography and hierarchy polish */
@media(min-width:1051px){
  .linerHero{
    gap:46px!important;
    padding-top:30px!important;
    padding-bottom:30px!important;
  }
  .linerHeroCopy{
    max-width:640px!important;
  }
  .linerHeroCopy .eyebrow{
    margin-bottom:14px!important;
    letter-spacing:.075em!important;
    font-weight:900!important;
    box-shadow:0 10px 24px rgba(255,213,31,.10)!important;
  }
  .linerHeroCopy h2{
    max-width:650px!important;
    margin:0 0 12px!important;
    letter-spacing:-.032em!important;
    word-spacing:.02em!important;
    color:#fff7e6!important;
    text-shadow:
      0 2px 0 rgba(0,0,0,.58),
      0 12px 28px rgba(0,0,0,.48),
      0 0 16px rgba(255,223,119,.28),
      0 0 38px rgba(255,173,24,.15)!important;
    text-rendering:geometricPrecision!important;
    -webkit-font-smoothing:antialiased!important;
  }
  .linerHeroCopy h3{
    margin-bottom:14px!important;
    color:rgba(255,255,255,.92)!important;
    letter-spacing:-.012em!important;
  }
  .linerHeroCopy p{
    max-width:615px!important;
    margin-bottom:18px!important;
    color:rgba(255,255,255,.76)!important;
    line-height:1.54!important;
    font-weight:600!important;
    letter-spacing:-.006em!important;
  }
  .linerTags,
  .linerMoodTags{
    gap:8px!important;
    margin-bottom:15px!important;
  }
  .linerTags span,
  .linerMoodTags span{
    padding:7px 11px!important;
    color:rgba(255,255,255,.74)!important;
    background:linear-gradient(145deg,rgba(255,255,255,.07),rgba(255,255,255,.028))!important;
    border-color:rgba(255,213,31,.13)!important;
    font-weight:780!important;
    letter-spacing:.01em!important;
  }
  .linerStats{
    margin:15px 0 17px!important;
    border-color:rgba(255,202,54,.20)!important;
    background:linear-gradient(180deg,rgba(20,14,5,.70),rgba(0,0,0,.66))!important;
    box-shadow:0 20px 46px rgba(0,0,0,.44),0 0 26px rgba(255,190,30,.07),inset 0 1px 0 rgba(255,255,255,.035)!important;
  }
  .linerStats div,
  .linerStats .linerStatEdit,
  .linerStats .linerSocialProof{
    padding:14px 14px 13px!important;
  }
  .linerStats strong,
  .linerStats .linerStatEdit strong{
    letter-spacing:-.025em!important;
    text-shadow:0 10px 24px rgba(0,0,0,.38),0 0 13px rgba(255,213,31,.24)!important;
  }
  .linerStats span,
  .linerStats .linerStatEdit span{
    color:rgba(255,255,255,.82)!important;
    letter-spacing:.07em!important;
  }
  .linerStats small,
  .linerStats .linerStatEdit small{
    color:rgba(255,255,255,.62)!important;
    line-height:1.28!important;
  }
  .linerActions{
    gap:12px!important;
    margin-top:2px!important;
  }
  .linerHeroSide{
    gap:12px!important;
  }
  .heroSideCard{
    padding:15px!important;
    border-color:rgba(255,202,54,.25)!important;
    background:
      radial-gradient(circle at 18% 0%,rgba(255,213,31,.085),transparent 34%),
      linear-gradient(145deg,rgba(24,16,5,.80),rgba(2,2,2,.82))!important;
    box-shadow:0 18px 38px rgba(0,0,0,.46),0 0 24px rgba(255,190,30,.055),inset 0 1px 0 rgba(255,255,255,.055)!important;
  }
  .heroSideCard h4{
    margin-bottom:10px!important;
    font-size:11px!important;
    letter-spacing:.045em!important;
    text-transform:uppercase!important;
    color:#f9dc75!important;
  }
  .heroSideCard h4 span{
    width:20px!important;
    height:20px!important;
    box-shadow:0 0 15px rgba(255,213,31,.20)!important;
  }
  .heroSideCard p{
    color:rgba(255,255,255,.78)!important;
    font-size:11px!important;
    line-height:1.58!important;
    font-weight:600!important;
  }
  .heroFanRow{
    margin-top:12px!important;
  }
  .heroFanRow b{
    font-size:10px!important;
    letter-spacing:.015em!important;
  }
  .moodMeter{
    margin:15px 0 8px!important;
  }
  .moodScale{
    font-size:9px!important;
  }
  .heroSideCard.influence div{
    gap:7px!important;
    margin-top:11px!important;
  }
  .heroSideCard.influence small{
    color:rgba(255,255,255,.70)!important;
    border-color:rgba(255,213,31,.13)!important;
    background:rgba(255,255,255,.05)!important;
    letter-spacing:.01em!important;
  }
}
.linerHeroSoul{
  margin-top:56px!important;
  margin-bottom:24px!important;
}
.linerHeroSoul .returnHeadline h3{
  letter-spacing:-.018em!important;
  text-shadow:0 10px 28px rgba(0,0,0,.30)!important;
}
.linerHeroSoul p{
  line-height:1.55!important;
}
.linerPanel{
  border-color:rgba(255,213,31,.10)!important;
  background:linear-gradient(145deg,rgba(255,255,255,.045),rgba(255,255,255,.012))!important;
}
.linerPanelTitle h3{
  letter-spacing:.10em!important;
}
.linerPanelTitle p{
  color:rgba(255,255,255,.62)!important;
  line-height:1.45!important;
}
@media(max-width:1050px){
  .linerHeroCopy h2{
    letter-spacing:-.028em!important;
    text-shadow:0 8px 24px rgba(0,0,0,.45),0 0 20px rgba(255,213,31,.16)!important;
  }
  .linerHeroCopy p{
    line-height:1.55!important;
  }
  .heroSideCard{
    padding:14px!important;
  }
}

/* Phase 3: premium microinteractions and tactile feel */
.linerAlbumPage:before{
  animation:albumAmbientDrift 18s ease-in-out infinite alternate!important;
  transform-origin:50% 42%!important;
}
.linerHero:before{
  animation:albumHeroAuraDrift 16s ease-in-out infinite alternate!important;
  transform-origin:44% 50%!important;
}
.linerHero:after{
  animation:albumGoldAuraPulse 9s ease-in-out infinite!important;
}
.linerCover,
.linerHeroCopy,
.linerHeroSoul,
.linerPanel,
.heroSideCard,
.linerStats,
.linerActions button,
.linerActions a{
  transition:
    transform .32s cubic-bezier(.16,1,.3,1),
    box-shadow .32s cubic-bezier(.16,1,.3,1),
    border-color .32s cubic-bezier(.16,1,.3,1),
    background .32s cubic-bezier(.16,1,.3,1),
    color .24s ease,
    opacity .24s ease!important;
}
.linerStats > *,
.linerStats .linerStatEdit,
.linerStats .linerSocialProof{
  transition:background .28s ease,box-shadow .28s ease,transform .28s cubic-bezier(.16,1,.3,1),border-color .28s ease!important;
}
#albumModal:not(.hidden) .linerStats strong,
#albumModal:not(.hidden) .linerStats .linerStatEdit strong{
  animation:statNumberSettle .7s cubic-bezier(.16,1,.3,1) both!important;
}
#albumModal:not(.hidden) .linerStats > *:nth-child(2) strong{animation-delay:.06s!important;}
#albumModal:not(.hidden) .linerStats > *:nth-child(3) strong{animation-delay:.12s!important;}
.linerStats:hover{
  border-color:rgba(255,213,31,.28)!important;
  box-shadow:0 24px 54px rgba(0,0,0,.50),0 0 32px rgba(255,190,30,.105),inset 0 1px 0 rgba(255,255,255,.055)!important;
}
.linerStats > *:hover,
.linerStats .linerStatEdit:hover,
.linerStats .linerSocialProof:hover{
  transform:translateY(-2px)!important;
  background:linear-gradient(180deg,rgba(255,213,31,.07),rgba(255,255,255,.018))!important;
}
.linerStats > *:hover strong,
.linerStats .linerStatEdit:hover strong,
.linerStats .linerSocialProof:hover strong{
  text-shadow:0 12px 28px rgba(0,0,0,.45),0 0 18px rgba(255,213,31,.34)!important;
}
.linerActions button:hover,
.linerActions a:hover{
  transform:translateY(-2px)!important;
}
.linerActions button:hover{
  box-shadow:0 0 24px rgba(255,207,49,.44),0 16px 34px rgba(0,0,0,.48),inset 0 1px 0 rgba(255,255,255,.34)!important;
  filter:saturate(1.05) brightness(1.03)!important;
}
.linerActions a:hover{
  border-color:rgba(255,213,31,.32)!important;
  background:rgba(10,8,4,.80)!important;
  color:#fff5c6!important;
  box-shadow:0 14px 30px rgba(0,0,0,.42),0 0 20px rgba(255,213,31,.09)!important;
}
.linerActions button:active,
.linerActions a:active{
  transform:translateY(0) scale(.992)!important;
  transition-duration:.12s!important;
}
.heroSideCard:hover{
  transform:translateY(-3px)!important;
  border-color:rgba(255,213,31,.34)!important;
  box-shadow:0 22px 48px rgba(0,0,0,.52),0 0 30px rgba(255,190,30,.10),inset 0 1px 0 rgba(255,255,255,.07)!important;
}
.heroSideCard:hover h4 span{
  transform:scale(1.045)!important;
  box-shadow:0 0 18px rgba(255,213,31,.28)!important;
}
.heroSideCard h4 span,
.moodMeter span,
.moodMeter:after,
.heroSideCard.influence small,
.linerTags span,
.linerMoodTags span{
  transition:transform .28s cubic-bezier(.16,1,.3,1),box-shadow .28s ease,border-color .28s ease,background .28s ease,color .28s ease!important;
}
.heroSideCard.influence small:hover,
.linerTags span:hover,
.linerMoodTags span:hover{
  transform:translateY(-1px)!important;
  border-color:rgba(255,213,31,.26)!important;
  background:rgba(255,213,31,.075)!important;
}
.linerPanel:hover,
.linerHeroSoul:hover{
  transform:translateY(-2px)!important;
  border-color:rgba(255,213,31,.18)!important;
  box-shadow:0 18px 42px rgba(0,0,0,.30),0 0 24px rgba(255,213,31,.055),inset 0 1px 0 rgba(255,255,255,.052)!important;
}
.linerCover:hover:before{
  opacity:.96!important;
}
.linerCoverFlip:hover:before{
  animation-duration:6.8s!important;
}
.linerCoverFlip:hover:after{
  opacity:.48!important;
}
#albumModal .close:hover{
  transform:translateY(-1px)!important;
  border-color:rgba(255,213,31,.30)!important;
  box-shadow:0 12px 26px rgba(0,0,0,.36),0 0 18px rgba(255,213,31,.10)!important;
}
#albumModal .close:active{
  transform:scale(.96)!important;
}
@keyframes statNumberSettle{
  0%{opacity:0;transform:translateY(8px) scale(.96);filter:blur(2px)}
  65%{opacity:1;transform:translateY(-1px) scale(1.015);filter:blur(0)}
  100%{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}
}
@keyframes albumAmbientDrift{
  0%{transform:scale(1.12) translate3d(-4px,-2px,0);opacity:.48}
  100%{transform:scale(1.15) translate3d(5px,3px,0);opacity:.58}
}
@keyframes albumHeroAuraDrift{
  0%{filter:blur(34px) saturate(.70) contrast(.82) brightness(.52);opacity:.66}
  100%{filter:blur(38px) saturate(.78) contrast(.84) brightness(.58);opacity:.74}
}
@keyframes albumGoldAuraPulse{
  0%,100%{opacity:.58;filter:blur(25px)}
  50%{opacity:.76;filter:blur(29px)}
}
@media(prefers-reduced-motion:reduce){
  .linerAlbumPage:before,
  .linerHero:before,
  .linerHero:after,
  #albumModal:not(.hidden) .linerStats strong,
  #albumModal:not(.hidden) .linerStats .linerStatEdit strong{
    animation:none!important;
  }
  .linerStats > *:hover,
  .linerStats .linerStatEdit:hover,
  .linerStats .linerSocialProof:hover,
  .linerActions button:hover,
  .linerActions a:hover,
  .heroSideCard:hover,
  .linerPanel:hover,
  .linerHeroSoul:hover{
    transform:none!important;
  }
}

/* Final viewport fit override: intimate first view, editorial section after scroll */
#albumModal .modalPanel{
  max-height:min(93vh,900px)!important;
  width:min(1420px,96vw)!important;
  border-radius:26px!important;
}
.linerAlbumPage{
  padding:14px 34px 26px!important;
}
.linerTabs{
  margin-bottom:15px!important;
}
.linerTabs button{
  padding:11px 24px!important;
}
@media(min-width:1051px){
  .linerHero{
    grid-template-columns:448px minmax(482px,1fr) 338px!important;
    gap:30px!important;
    min-height:min(650px,calc(93vh - 104px))!important;
    margin-bottom:0!important;
    padding:14px 8px 14px!important;
    align-items:center!important;
  }
  .linerCover{
    width:438px!important;
    max-width:438px!important;
  }
  .linerCover .cover{
    width:438px!important;
    height:438px!important;
    box-shadow:
      0 0 0 1px rgba(255,255,255,.055) inset,
      0 0 18px rgba(255,199,35,.42),
      0 0 42px rgba(255,154,10,.22),
      0 28px 62px rgba(0,0,0,.76)!important;
  }
  .linerCover:before{
    inset:-16% -18% -19%!important;
    filter:blur(30px)!important;
    opacity:.72!important;
  }
  .linerCoverFlip{
    filter:drop-shadow(0 0 18px rgba(255,191,22,.30))!important;
  }
  .linerHero:before,
  .linerHero.backCoverHero:before{
    inset:-28px -32px -20px!important;
    filter:blur(32px) saturate(.72) contrast(.82) brightness(.52)!important;
    opacity:.62!important;
    transform:scale(1.06)!important;
  }
  .linerHero:after,
  .linerHero.backCoverHero:after{
    left:78px!important;
    top:78px!important;
    width:250px!important;
    height:250px!important;
    filter:blur(24px)!important;
    opacity:.58!important;
  }
  .linerHeroCopy{
    max-width:748px!important;
  }
  .linerHeroCopy .eyebrow{
    margin-bottom:12px!important;
  }
  .linerHeroCopy h2{
    max-width:748px!important;
    font-size:72px!important;
    line-height:.99!important;
    margin-bottom:14px!important;
    text-shadow:
      0 2px 0 rgba(0,0,0,.52),
      0 11px 28px rgba(0,0,0,.44),
      0 0 16px rgba(255,223,119,.24),
      0 0 34px rgba(255,173,24,.12)!important;
  }
  .linerHeroCopy h3{
    margin-bottom:12px!important;
    font-size:22px!important;
  }
  .linerHeroCopy p{
    margin-bottom:16px!important;
    font-size:17px!important;
    line-height:1.5!important;
  }
  .linerTags,
  .linerMoodTags{
    margin-bottom:13px!important;
    gap:8px!important;
  }
  .linerTags span,
  .linerMoodTags span{
    padding:7px 12px!important;
  }
  .linerStats{
    margin:15px 0 17px!important;
  }
  .linerStats div,
  .linerStats .linerStatEdit,
  .linerStats .linerSocialProof{
    padding:13px 15px!important;
  }
  .linerStats strong,
  .linerStats .linerStatEdit strong{
    font-size:27px!important;
  }
  .linerStats small,
  .linerStats .linerStatEdit small{
    margin-top:6px!important;
  }
  .linerActions button,
  .linerActions a{
    min-height:58px!important;
    padding:16px 27px!important;
    font-size:15.5px!important;
  }
  .linerHeroSide{
    width:334px!important;
    gap:12px!important;
  }
  .heroSideCard{
    padding:16px!important;
  }
  .heroSideCard h4{
    margin-bottom:8px!important;
  }
  .heroSideCard p{
    line-height:1.48!important;
  }
  .linerHeroSoul{
    margin-top:108px!important;
    margin-bottom:24px!important;
    min-height:126px!important;
    padding:24px 30px!important;
  }
  .linerContentGrid{
    gap:16px!important;
  }
  .linerPanel{
    padding:20px!important;
  }
}
@media(max-height:820px) and (min-width:1051px){
  #albumModal .modalPanel{
    max-height:94vh!important;
  }
  .linerAlbumPage{
    padding:12px 28px 22px!important;
  }
  .linerTabs{
    margin-bottom:16px!important;
  }
  .linerHero{
    grid-template-columns:410px minmax(438px,1fr) 314px!important;
    gap:26px!important;
    min-height:calc(94vh - 94px)!important;
    padding:12px 8px 14px!important;
  }
  .linerCover{
    width:406px!important;
    max-width:406px!important;
  }
  .linerCover .cover{
    width:406px!important;
    height:406px!important;
  }
  .linerHeroCopy h2{
    font-size:64px!important;
  }
  .linerHeroCopy h3{
    font-size:19px!important;
    margin-bottom:10px!important;
  }
  .linerHeroCopy p{
    font-size:15px!important;
    line-height:1.44!important;
    margin-bottom:12px!important;
  }
  .linerStats{
    margin:11px 0 13px!important;
  }
  .linerActions button,
  .linerActions a{
    min-height:52px!important;
    padding:14px 22px!important;
  }
  .linerHeroSide{
    width:304px!important;
    gap:8px!important;
  }
  .heroSideCard{
    padding:13px!important;
  }
  .heroSideCard p{
    line-height:1.42!important;
  }
  .linerHeroSoul{
    margin-top:94px!important;
    padding:22px 26px!important;
    min-height:118px!important;
  }
}
@media(max-height:720px) and (min-width:1051px){
  .linerAlbumPage{
    padding:12px 22px 22px!important;
  }
  .linerHero{
    grid-template-columns:378px minmax(402px,1fr) 282px!important;
    gap:22px!important;
    min-height:calc(94vh - 88px)!important;
  }
  .linerCover{
    width:370px!important;
    max-width:370px!important;
  }
  .linerCover .cover{
    width:370px!important;
    height:370px!important;
  }
  .linerHeroCopy h2{
    font-size:58px!important;
  }
  .linerHeroCopy p{
    margin-bottom:10px!important;
  }
  .linerTags,
  .linerMoodTags{
    margin-bottom:10px!important;
  }
  .linerHeroSide{
    width:274px!important;
  }
  .linerHeroSoul{
    margin-top:82px!important;
    margin-bottom:18px!important;
  }
}
@media(max-width:1050px){
  #albumModal .modalPanel{
    max-height:94vh!important;
    width:min(800px,96vw)!important;
  }
  .linerAlbumPage{
    padding:18px 24px 30px!important;
  }
  .linerHero{
    gap:28px!important;
    margin-bottom:0!important;
  }
  .linerHeroCopy h2{
    font-size:42px!important;
  }
  .linerHeroSoul{
    margin-top:58px!important;
  }
}

/* Final horizontal overflow guard: preserve composition, hide only sideways bleed */
html,
body{
  overflow-x:hidden!important;
}
#albumModal,
#albumModal .modalPanel,
#albumModalContent,
.linerAlbumPage{
  box-sizing:border-box!important;
  max-width:100%!important;
  overflow-x:hidden!important;
}
#albumModal .modalPanel{
  max-width:calc(100vw - 40px)!important;
}
.linerAlbumPage:before,
.linerAlbumPage:after,
.linerHero:before,
.linerHero:after,
.linerHero.backCoverHero:before,
.linerHero.backCoverHero:after{
  max-width:100%!important;
  pointer-events:none!important;
}
@media(max-width:650px){
  #albumModal .modalPanel{
    max-width:100vw!important;
  }
}

/* Right-side insight card readability polish: clarity without resizing */
.heroSideCard{
  background:linear-gradient(145deg,rgba(18,16,12,.82),rgba(7,8,12,.78))!important;
  border-color:rgba(255,213,31,.16)!important;
  box-shadow:0 16px 36px rgba(0,0,0,.44),0 0 14px rgba(255,190,30,.045),inset 0 1px 0 rgba(255,255,255,.055)!important;
}
.heroSideCard:before,
.heroSideCard:after{
  opacity:.42!important;
  filter:blur(18px)!important;
}
.heroSideCard h4{
  color:#fff8df!important;
  font-weight:950!important;
  letter-spacing:.055em!important;
  text-shadow:0 1px 10px rgba(0,0,0,.45),0 0 10px rgba(255,213,31,.12)!important;
}
.heroSideCard h4 span{
  color:#ffd95a!important;
  background:rgba(255,213,31,.115)!important;
  border-color:rgba(255,213,31,.20)!important;
  box-shadow:0 0 10px rgba(255,213,31,.12)!important;
}
.heroSideCard p{
  color:rgba(255,255,255,.84)!important;
  line-height:1.58!important;
  font-weight:680!important;
  text-shadow:0 1px 8px rgba(0,0,0,.38)!important;
}
.heroFanRow{
  margin-top:13px!important;
  border-top-color:rgba(255,255,255,.075)!important;
}
.heroFanRow b{
  color:rgba(255,246,218,.88)!important;
  font-weight:850!important;
  text-shadow:0 1px 8px rgba(0,0,0,.35)!important;
}
.moodMeter{
  margin:16px 0 9px!important;
  background:rgba(255,255,255,.08)!important;
  box-shadow:inset 0 1px 2px rgba(0,0,0,.44)!important;
}
.moodMeter span{
  box-shadow:0 0 14px rgba(var(--mood-glow,255,213,31),.20)!important;
}
.moodScale{
  color:rgba(255,255,255,.62)!important;
  font-weight:750!important;
}
.heroSideCard.influence div{
  gap:8px!important;
  margin-top:12px!important;
}
.heroSideCard.influence small,
.linerMoodTags span{
  color:rgba(255,250,232,.84)!important;
  background:rgba(255,255,255,.065)!important;
  border-color:rgba(255,213,31,.18)!important;
  font-weight:820!important;
  text-shadow:0 1px 6px rgba(0,0,0,.32)!important;
}
.heroSideCard:hover{
  box-shadow:0 20px 44px rgba(0,0,0,.50),0 0 18px rgba(255,190,30,.07),inset 0 1px 0 rgba(255,255,255,.07)!important;
}

/* Insight card readability bump: text clarity only, no container resizing */
.heroSideCard p{
  font-size:105%!important;
  line-height:1.64!important;
  font-weight:710!important;
  color:rgba(255,255,255,.87)!important;
}
.heroFanRow b{
  font-size:102%!important;
  font-weight:880!important;
  color:rgba(255,248,226,.91)!important;
}
.heroSideCard.influence small,
.linerMoodTags span{
  font-weight:850!important;
  color:rgba(255,252,238,.88)!important;
}
.heroSideCard.influence .influenceFull{
  display:none!important;
  white-space:normal!important;
}
.heroSideCard.influence .influencePreviewDesktop{display:none!important}
.linerHeroCopy > p,
.linerHeroSoul p,
.linerHeroSoul h3,
.communityPulse,
.heroSideCard.influence .influencePreview,
.heroSideCard.influence .influenceFull{
  white-space:normal!important;
}
.heroSideCard.influence.is-expanded .influencePreview{
  display:none!important;
}
.heroSideCard.influence.is-expanded .influenceFull{
  display:block!important;
}
.heroSideCard.influence .influenceExpandHint{
  display:none!important;
}
@media(min-width:1051px){
  #albumModal .heroSideCard.influence .influencePreview{display:none!important}
  #albumModal .heroSideCard.influence .influencePreviewDesktop{display:block!important}
  #albumModal .heroSideCard.influence.is-expanded .influencePreviewDesktop{display:none!important}
  #albumModal .heroSideCard.influence.is-collapsible{
    cursor:pointer!important;
  }
  #albumModal .heroSideCard.influence.is-collapsible:focus-visible{
    outline:2px solid rgba(255,213,31,.62)!important;
    outline-offset:4px!important;
  }
  #albumModal .heroSideCard.influence .influenceExpandHint{
    display:block!important;
    margin-top:10px!important;
    color:#ffd51f!important;
    font-size:9px!important;
    font-weight:900!important;
    letter-spacing:.08em!important;
    text-transform:uppercase!important;
  }
  #albumModal .heroSideCard.influence .influenceExpandHint b{
    font-weight:900!important;
  }
  #albumModal .heroSideCard.influence.is-expanded .influenceExpandHint b:first-child,
  #albumModal .heroSideCard.influence:not(.is-expanded) .influenceExpandHint b:last-child{
    display:none!important;
  }
}

/* Insight card balance pass: readable supporting text, not dominant */
.heroSideCard p{
  font-size:92%!important;
  line-height:1.52!important;
  font-weight:640!important;
  color:rgba(255,255,255,.85)!important;
}
.heroFanRow b{
  font-size:100%!important;
  font-weight:820!important;
  color:rgba(255,246,222,.88)!important;
}

/* Album cover tight halo: warm close-range diffusion without geometric spotlight */
.linerCover{
  isolation:isolate!important;
  overflow:visible!important;
}
.linerCover:before{
  content:""!important;
  position:absolute!important;
  z-index:-1!important;
  pointer-events:none!important;
  inset:-9% -10% -11%!important;
  border-radius:28px!important;
  background:
    radial-gradient(ellipse at 50% 50%,rgba(255,205,72,.24) 0%,rgba(255,172,33,.16) 36%,rgba(255,150,18,.07) 58%,rgba(255,150,18,0) 78%),
    linear-gradient(135deg,rgba(255,229,134,.12),rgba(255,163,24,.07) 42%,rgba(255,163,24,0) 72%)!important;
  filter:blur(22px) saturate(1.05)!important;
  opacity:.70!important;
  transform:scale(.98)!important;
  clip-path:polygon(8% 0,92% 0,100% 10%,100% 90%,92% 100%,8% 100%,0 90%,0 10%)!important;
}
.linerCover:after{
  content:""!important;
  position:absolute!important;
  z-index:-2!important;
  pointer-events:none!important;
  inset:-4% -5% -6%!important;
  border-radius:26px!important;
  background:linear-gradient(135deg,rgba(255,216,90,.18),rgba(255,173,30,.09) 48%,rgba(255,173,30,0) 78%)!important;
  filter:blur(13px)!important;
  opacity:.54!important;
  clip-path:polygon(5% 0,95% 0,100% 7%,100% 93%,95% 100%,5% 100%,0 93%,0 7%)!important;
}
.linerCover .cover{
  box-shadow:0 28px 64px rgba(0,0,0,.76),0 0 18px rgba(255,210,80,.20),0 0 34px rgba(255,156,20,.11),inset 0 0 0 1px rgba(255,255,255,.055)!important;
}
.linerCoverFlip{
  filter:drop-shadow(0 18px 34px rgba(0,0,0,.44)) drop-shadow(0 0 13px rgba(255,191,22,.20))!important;
}
.linerCover:hover:before{
  opacity:.78!important;
  filter:blur(24px) saturate(1.08)!important;
}

/* Album modal final polish: sharper title, softer halo, subtle album mood */
.linerAlbumPage{
  --album-ambient-rgb:255,190,48;
  --album-ambient-soft-rgb:255,217,128;
  --album-ambient-strength:.10;
}
.linerAlbumPage:after{
  background:
    radial-gradient(ellipse at 16% 24%,rgba(var(--album-ambient-rgb),calc(var(--album-ambient-strength) * .82)),rgba(var(--album-ambient-rgb),0) 44%),
    radial-gradient(ellipse at 72% 12%,rgba(var(--album-ambient-soft-rgb),calc(var(--album-ambient-strength) * .52)),rgba(var(--album-ambient-soft-rgb),0) 38%),
    linear-gradient(180deg,rgba(0,0,0,0),rgba(0,0,0,.16))!important;
  opacity:.82!important;
  mix-blend-mode:screen!important;
}
.linerHero:before,
.linerHero.backCoverHero:before{
  background:
    linear-gradient(90deg,rgba(7,8,11,.91) 0%,rgba(7,8,11,.63) 48%,rgba(7,8,11,.94) 100%),
    radial-gradient(ellipse at 18% 52%,rgba(var(--album-ambient-rgb),calc(var(--album-ambient-strength) * .55)),rgba(var(--album-ambient-rgb),0) 42%),
    var(--hero-scene,var(--album-cover))!important;
  opacity:.58!important;
}
.linerHeroCopy h2{
  text-shadow:
    0 2px 0 rgba(0,0,0,.55),
    0 8px 20px rgba(0,0,0,.42),
    0 0 12px rgba(255,214,94,.31),
    0 0 22px rgba(255,176,24,.15)!important;
}
.linerCover:before{
  inset:-7% -8% -8%!important;
  border-radius:34px!important;
  background:
    radial-gradient(ellipse at 50% 50%,rgba(255,207,76,.22) 0%,rgba(255,176,35,.15) 35%,rgba(255,150,18,.055) 57%,rgba(255,150,18,0) 76%),
    linear-gradient(135deg,rgba(255,226,128,.09),rgba(255,160,22,.055) 45%,rgba(255,160,22,0) 74%)!important;
  filter:blur(24px) saturate(1.04)!important;
  opacity:.66!important;
  transform:scale(.97) rotate(-2deg)!important;
  clip-path:polygon(12% 2%,88% 0,98% 11%,100% 87%,89% 99%,10% 100%,1% 88%,0 13%)!important;
}
.linerCover:after{
  inset:-3% -4% -4%!important;
  border-radius:30px!important;
  background:linear-gradient(135deg,rgba(255,220,98,.13),rgba(255,174,32,.065) 46%,rgba(255,174,32,0) 76%)!important;
  filter:blur(15px)!important;
  opacity:.46!important;
  clip-path:polygon(8% 1%,92% 0,99% 8%,100% 91%,92% 99%,8% 100%,0 92%,1% 8%)!important;
}
.linerCover .cover{
  box-shadow:0 28px 64px rgba(0,0,0,.76),0 0 16px rgba(255,210,80,.18),0 0 28px rgba(255,156,20,.10),inset 0 0 0 1px rgba(255,255,255,.055)!important;
}
.linerCoverFlip{
  filter:drop-shadow(0 18px 34px rgba(0,0,0,.44)) drop-shadow(0 0 11px rgba(255,191,22,.18))!important;
}
.linerCover:hover:before{
  opacity:.74!important;
  filter:blur(26px) saturate(1.06)!important;
}

/* Album title length balance: keep short titles iconic, tame long ones */
.linerHeroCopy h2.albumTitleMedium{
  font-size:clamp(56px,4.6vw,66px)!important;
  line-height:1!important;
  max-width:720px!important;
}
.linerHeroCopy h2.albumTitleLong{
  font-size:clamp(50px,4.1vw,61px)!important;
  line-height:1.015!important;
  max-width:730px!important;
  letter-spacing:-.038em!important;
}
@media(max-height:820px) and (min-width:1051px){
  .linerHeroCopy h2.albumTitleMedium{
    font-size:clamp(52px,4.3vw,59px)!important;
  }
  .linerHeroCopy h2.albumTitleLong{
    font-size:clamp(46px,3.9vw,54px)!important;
  }
}
@media(max-height:720px) and (min-width:1051px){
  .linerHeroCopy h2.albumTitleMedium{
    font-size:clamp(48px,4vw,54px)!important;
  }
  .linerHeroCopy h2.albumTitleLong{
    font-size:clamp(42px,3.6vw,49px)!important;
  }
}
@media(max-width:1050px){
  .linerHeroCopy h2.albumTitleMedium{
    font-size:38px!important;
  }
  .linerHeroCopy h2.albumTitleLong{
    font-size:34px!important;
    line-height:1.04!important;
  }
}

/* Album title global scale refinement: 10% calmer, same smart scaling */
.linerHeroCopy h2{
  font-size:61px!important;
}
.linerHeroCopy h2.albumTitleMedium{
  font-size:clamp(50px,4.15vw,59px)!important;
}
.linerHeroCopy h2.albumTitleLong{
  font-size:clamp(45px,3.7vw,55px)!important;
}
@media(max-height:820px) and (min-width:1051px){
  .linerHeroCopy h2.albumTitleMedium{
    font-size:clamp(47px,3.9vw,53px)!important;
  }
  .linerHeroCopy h2.albumTitleLong{
    font-size:clamp(41px,3.5vw,49px)!important;
  }
}
@media(max-height:720px) and (min-width:1051px){
  .linerHeroCopy h2{
    font-size:57px!important;
  }
  .linerHeroCopy h2.albumTitleMedium{
    font-size:clamp(43px,3.6vw,49px)!important;
  }
  .linerHeroCopy h2.albumTitleLong{
    font-size:clamp(38px,3.25vw,44px)!important;
  }
}
@media(max-width:1050px){
  .linerHeroCopy h2{
    font-size:47px!important;
  }
  .linerHeroCopy h2.albumTitleMedium{
    font-size:34px!important;
  }
  .linerHeroCopy h2.albumTitleLong{
    font-size:31px!important;
  }
}
@media(max-width:650px){
  .linerHeroCopy h2{
    font-size:36px!important;
  }
  .linerHeroCopy h2.albumTitleMedium{
    font-size:34px!important;
  }
  .linerHeroCopy h2.albumTitleLong{
    font-size:31px!important;
  }
}

/* Mobile responsiveness cleanup: phone/tablet only, desktop remains untouched */
@media(max-width:850px){
  html,
  body{
    width:100%!important;
    max-width:100%!important;
    overflow-x:hidden!important;
    background:
      radial-gradient(circle at 18% 0%,rgba(242,201,76,.10),transparent 28%),
      radial-gradient(circle at 86% 12%,rgba(255,221,112,.045),transparent 30%),
      linear-gradient(180deg,#09090d 0%,#0b0b0f 48%,#07070a 100%)!important;
  }
  body *{
    min-width:0;
  }
  img{
    max-width:100%;
  }
  .app{
    width:100%!important;
    max-width:100vw!important;
    padding:14px 14px 46px!important;
    overflow-x:hidden!important;
  }
  .topbar{
    display:grid!important;
    grid-template-columns:44px minmax(0,1fr) 44px!important;
    align-items:center!important;
    gap:9px!important;
    margin:0 0 18px!important;
  }
  .menuBtn,
  .ghost{
    width:42px!important;
    height:42px!important;
  }
  .brandWrap{
    grid-column:2!important;
    margin-left:-10px!important;
    gap:2px!important;
    overflow:visible!important;
  }
  .brandLogo{
    height:70px!important;
    max-width:70px!important;
    margin-right:-18px!important;
  }
  .brandWrap::before{
    left:19px!important;
    top:17px!important;
    width:42px!important;
    height:30px!important;
    filter:blur(9px)!important;
    opacity:.72!important;
  }
  .brandWrap::after{
    left:10px!important;
    top:49px!important;
    width:56px!important;
    height:18px!important;
    border-radius:10px!important;
    opacity:.34!important;
  }
  .brandWrap .tagline{
    font-size:13px!important;
    line-height:1.08!important;
    letter-spacing:.01em!important;
    transform:translateY(-6px)!important;
    margin-left:28px!important;
    color:rgba(218,211,198,.58)!important;
  }
  .notificationWrap{
    grid-column:3!important;
    justify-self:end!important;
  }
  .authButton{
    grid-column:1 / -1!important;
    justify-self:stretch!important;
    width:100%!important;
    margin:0!important;
    min-height:39px!important;
    padding:0 13px 0 11px!important;
    font-size:13px!important;
    gap:8px!important;
  }
  .authButtonIcon{
    width:17px!important;
    height:17px!important;
    flex-basis:17px!important;
  }
  .topbar .authButton:has(.authButtonIcon.hasAvatar){
    min-height:39px!important;
    padding-left:9px!important;
    gap:10px!important;
  }
  .topbar .authButtonIcon.hasAvatar{
    width:23px!important;
    height:23px!important;
    flex-basis:23px!important;
  }
  .hero{
    grid-template-columns:1fr!important;
    gap:17px!important;
    width:100%!important;
    max-width:100%!important;
    padding:19px!important;
    border-radius:22px!important;
    background:
      radial-gradient(circle at 18% 0%,rgba(242,201,76,.15),transparent 31%),
      radial-gradient(circle at 82% 12%,rgba(255,236,166,.07),transparent 30%),
      linear-gradient(135deg,#15161e,#0b0b10 72%)!important;
    overflow:hidden!important;
  }
  .hero h1{
    max-width:100%!important;
    font-size:31px!important;
    line-height:1.02!important;
    letter-spacing:-.035em!important;
    margin:8px 0 9px!important;
    white-space:normal!important;
    overflow-wrap:break-word!important;
    word-break:normal!important;
  }
  .hero p{
    font-size:15px!important;
    line-height:1.45!important;
    max-width:100%!important;
  }
  .hero .bigBtn{
    width:100%!important;
    min-height:46px!important;
    margin-top:8px!important;
  }
  .heroCard{
    width:100%!important;
    min-height:142px!important;
    padding:18px!important;
    border-radius:20px!important;
  }
  .scoreBig{
    font-size:46px!important;
  }
  .controls{
    grid-template-columns:1fr!important;
    gap:10px!important;
    margin:16px 0 12px!important;
  }
  .controls input,
  .controls select,
  .addSearch input{
    min-height:47px!important;
    border-radius:14px!important;
    font-size:16px!important;
  }
  .tabs{
    gap:8px!important;
    max-width:100%!important;
    margin:8px 0 18px!important;
    padding:0 0 4px!important;
    overflow-x:auto!important;
    scrollbar-width:none!important;
  }
  .tabs::-webkit-scrollbar{
    display:none!important;
  }
  .tab{
    min-height:40px!important;
    padding:10px 13px!important;
  }
  .sectionTitle{
    align-items:flex-start!important;
    gap:8px!important;
  }
  .grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:12px!important;
  }
  .card{
    border-radius:18px!important;
  }
  .card .cover,
  .cover{
    height:auto!important;
    aspect-ratio:1/1!important;
  }
  .cardBody{
    padding:11px!important;
  }
  .row{
    gap:8px!important;
  }
  .title{
    font-size:14px!important;
    line-height:1.16!important;
  }
  .artist{
    font-size:12px!important;
    line-height:1.25!important;
  }
  .score{
    font-size:18px!important;
  }
  .pill{
    font-size:11px!important;
    padding:5px 8px!important;
  }
  .quickLibraryAdd{
    left:50%!important;
    right:auto!important;
    max-width:calc(100% - 18px)!important;
    white-space:normal!important;
  }
  .listRow{
    grid-template-columns:34px 52px minmax(0,1fr)!important;
    gap:10px!important;
  }
  .listRow .miniScore{
    grid-column:2 / 4!important;
    justify-self:start!important;
  }
  .artistDiscovery,
  .mockLibrariesHeader,
  .mockYourLibrary,
  .libraryRecoPanel{
    max-width:100%!important;
    overflow:hidden!important;
  }
}

@media(max-width:390px){
  .app{
    padding-left:12px!important;
    padding-right:12px!important;
  }
  .brandLogo{
    height:64px!important;
    max-width:64px!important;
    margin-right:-16px!important;
  }
  .brandWrap .tagline{
    font-size:12px!important;
  }
  .hero h1{
    font-size:29px!important;
  }
  .grid{
    gap:10px!important;
  }
}

/* Mobile album page: cinematic, stacked, no sideways overflow */
@media(max-width:850px){
  #albumModal{
    align-items:flex-start!important;
    justify-content:center!important;
    padding:0!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
    background:
      radial-gradient(circle at 22% 6%,rgba(242,201,76,.07),transparent 32%),
      rgba(0,0,0,.88)!important;
  }
  #albumModal .modalPanel{
    width:100vw!important;
    max-width:100vw!important;
    min-height:100dvh!important;
    max-height:none!important;
    overflow:visible!important;
    border-radius:0!important;
    border:0!important;
    padding:0!important;
    background:linear-gradient(180deg,#070709,#0a0a0e 48%,#060607)!important;
  }
  #closeAlbumModal.close.cleanClose{
    position:fixed!important;
    top:12px!important;
    right:12px!important;
    z-index:1000!important;
  }
  #albumModalContent,
  .linerAlbumPage{
    width:100%!important;
    max-width:100vw!important;
    overflow-x:hidden!important;
  }
  .linerAlbumPage{
    min-height:100dvh!important;
    padding:66px 15px 30px!important;
    background:linear-gradient(180deg,rgba(7,7,9,.96),rgba(9,9,12,.98))!important;
  }
  .linerAlbumPage:before{
    inset:-10% -20% auto!important;
    height:560px!important;
    background:
      radial-gradient(ellipse at 22% 22%,rgba(var(--album-ambient-rgb),calc(var(--album-ambient-strength) * .9)),rgba(var(--album-ambient-rgb),0) 45%),
      radial-gradient(ellipse at 72% 18%,rgba(var(--album-ambient-soft-rgb),calc(var(--album-ambient-strength) * .46)),rgba(var(--album-ambient-soft-rgb),0) 42%),
      linear-gradient(180deg,rgba(2,2,3,.74),rgba(4,4,6,.94)),
      var(--hero-scene,var(--album-cover))!important;
    background-size:cover!important;
    background-position:var(--hero-position,50% 42%)!important;
    filter:blur(34px) saturate(.78) contrast(.82) brightness(.46)!important;
    transform:scale(1.04)!important;
    opacity:.68!important;
    max-width:none!important;
  }
  .linerAlbumPage:after{
    background:
      linear-gradient(180deg,rgba(5,5,7,.42),rgba(5,5,7,.16) 36%,rgba(5,5,7,.76)),
      radial-gradient(ellipse at 50% 0%,rgba(255,219,116,.045),transparent 34%)!important;
  }
  .linerTabs{
    display:flex!important;
    justify-content:flex-start!important;
    gap:8px!important;
    margin:0 -15px 18px!important;
    padding:0 15px 6px!important;
    overflow-x:auto!important;
    scrollbar-width:none!important;
  }
  .linerTabs::-webkit-scrollbar{
    display:none!important;
  }
  .linerTabs button{
    min-height:39px!important;
    padding:9px 13px!important;
    white-space:nowrap!important;
  }
  .linerHero{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:19px!important;
    min-height:auto!important;
    margin:0!important;
    padding:0!important;
    overflow:visible!important;
  }
  .linerHero:before,
  .linerHero:after,
  .linerHero.backCoverHero:before,
  .linerHero.backCoverHero:after{
    display:none!important;
  }
  .linerCover{
    width:min(82vw,342px)!important;
    max-width:min(82vw,342px)!important;
    justify-self:center!important;
    margin:0 auto!important;
  }
  .linerCover .cover,
  .linerCoverFlip,
  .linerCoverFlipCard{
    width:100%!important;
    height:100%!important;
    aspect-ratio:1/1!important;
  }
  .linerCover .cover{
    padding:12px!important;
    border-radius:18px!important;
  }
  .linerHeroCopy{
    max-width:100%!important;
    text-align:left!important;
  }
  .linerHeroCopy .eyebrow{
    font-size:11px!important;
    margin-bottom:8px!important;
  }
  .linerHeroCopy h2{
    font-size:34px!important;
    line-height:1.02!important;
    max-width:100%!important;
    margin-bottom:8px!important;
    letter-spacing:-.034em!important;
  }
  .linerHeroCopy h2.albumTitleMedium{
    font-size:31px!important;
  }
  .linerHeroCopy h2.albumTitleLong{
    font-size:28px!important;
    line-height:1.06!important;
  }
  .linerHeroCopy h3{
    font-size:17px!important;
    margin-bottom:10px!important;
  }
  .linerHeroCopy p{
    max-width:100%!important;
    font-size:15px!important;
    line-height:1.54!important;
  }
  .linerTags,
  .linerMoodTags{
    gap:7px!important;
    margin-bottom:11px!important;
  }
  .linerTags span,
  .linerMoodTags span{
    font-size:10px!important;
    padding:6px 9px!important;
  }
  .linerStats{
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:8px!important;
    margin:13px 0 15px!important;
  }
  .linerStats > *,
  .linerStats div,
  .linerStats .linerStatEdit{
    min-width:0!important;
    width:auto!important;
    padding:12px 8px!important;
    border-right:0!important;
    border-radius:16px!important;
  }
  .linerStats strong,
  .linerStats .linerStatEdit strong{
    font-size:25px!important;
  }
  .linerStats span,
  .linerStats small{
    font-size:9px!important;
    overflow-wrap:anywhere!important;
  }
  .linerActions{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:10px!important;
  }
  .linerActions button,
  .linerActions a{
    width:100%!important;
    min-height:46px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    padding:12px 15px!important;
  }
  .linerHeroSide{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:10px!important;
    width:100%!important;
    max-width:100%!important;
    margin-top:3px!important;
  }
  .heroSideCard{
    width:100%!important;
    min-height:auto!important;
    padding:14px!important;
    border-radius:18px!important;
  }
  .heroSideCard p{
    font-size:13px!important;
    line-height:1.45!important;
  }
  .linerHeroSoul{
    margin:34px 0 18px!important;
    grid-template-columns:1fr!important;
    gap:12px!important;
    padding:17px!important;
  }
  .linerHeroSoul .returnHeadline h3{
    font-size:24px!important;
  }
  .linerContentGrid,
  .linerScoreRow,
  .listenerCardsGrid{
    grid-template-columns:1fr!important;
  }
  .linerPanel{
    border-radius:18px!important;
    padding:16px!important;
  }
  .albumTrackSections{
    max-width:100%!important;
    overflow-x:hidden!important;
  }
  .albumTrackSections .linerFeaturedTrack{
    grid-template-columns:42px minmax(0,1fr)!important;
    padding:18px!important;
  }
  .trackTableHead,
  .linerTrackRow{
    grid-template-columns:24px 34px minmax(0,1fr) 54px!important;
    gap:8px!important;
  }
  .trackTableHead span:nth-child(4),
  .trackRowScore{
    grid-column:auto!important;
  }
  .linerPlayer{
    display:none!important;
  }
}

@media(max-width:390px){
  .linerAlbumPage{
    padding-left:12px!important;
    padding-right:12px!important;
  }
  .linerCover{
    width:min(86vw,326px)!important;
    max-width:min(86vw,326px)!important;
  }
  .linerHeroCopy h2{
    font-size:31px!important;
  }
  .linerHeroCopy h2.albumTitleMedium{
    font-size:28px!important;
  }
  .linerHeroCopy h2.albumTitleLong{
    font-size:25px!important;
  }
  .linerStats{
    gap:6px!important;
  }
}

/* Mobile album popup containment pass: full-page stack, no squeezed desktop bleed */
@media(max-width:850px){
  html:has(#albumModal:not(.hidden)),
  body:has(#albumModal:not(.hidden)){
    overflow-x:hidden!important;
  }
  #albumModal{
    position:fixed!important;
    inset:0!important;
    display:flex!important;
    align-items:flex-start!important;
    justify-content:flex-start!important;
    width:100vw!important;
    max-width:100vw!important;
    height:100dvh!important;
    padding:0!important;
    overflow-x:hidden!important;
    overflow-y:auto!important;
    overscroll-behavior:contain!important;
  }
  #albumModal.hidden{
    display:none!important;
  }
  #albumModal .modalPanel{
    width:100vw!important;
    max-width:100vw!important;
    min-width:0!important;
    min-height:100dvh!important;
    max-height:none!important;
    margin:0!important;
    padding:0!important;
    border-radius:0!important;
    overflow:visible!important;
    overflow-x:clip!important;
    overflow-y:visible!important;
  }
  #albumModal .modalPanel:before{
    display:none!important;
  }
  #albumModalContent,
  .linerAlbumPage,
  .linerAlbumPage > *,
  .linerHero,
  .linerHeroCopy,
  .linerHeroSide,
  .linerContentGrid,
  .albumTrackSections,
  .listenerCardsSection{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    box-sizing:border-box!important;
    overflow-x:clip!important;
  }
  .linerAlbumPage{
    display:block!important;
    padding:66px 14px 34px!important;
    overflow-y:visible!important;
  }
  #albumModal #closeAlbumModal.close.cleanClose{
    position:fixed!important;
    top:12px!important;
    right:12px!important;
    left:auto!important;
    z-index:10000!important;
    width:42px!important;
    height:42px!important;
    transform:none!important;
  }
  .linerTabs{
    display:grid!important;
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    gap:7px!important;
    width:100%!important;
    max-width:100%!important;
    margin:0 0 18px!important;
    padding:0!important;
    overflow:visible!important;
  }
  .linerTabs button{
    min-width:0!important;
    width:100%!important;
    min-height:42px!important;
    padding:8px 6px!important;
    white-space:normal!important;
    overflow-wrap:break-word!important;
    line-height:1.12!important;
    font-size:12px!important;
    text-align:center!important;
  }
  .linerHero{
    display:grid!important;
    grid-template-columns:minmax(0,1fr)!important;
    grid-auto-flow:row!important;
    gap:18px!important;
    align-items:start!important;
    min-height:0!important;
    margin:0!important;
    padding:0!important;
  }
  .linerHero:before,
  .linerHero:after,
  .linerHero.backCoverHero:before,
  .linerHero.backCoverHero:after{
    display:none!important;
    content:none!important;
  }
  .linerCover{
    width:min(100%,330px)!important;
    max-width:100%!important;
    justify-self:center!important;
    margin:0 auto!important;
    transform:none!important;
    overflow:visible!important;
  }
  .linerCover:before,
  .linerCover:after{
    max-width:100%!important;
    inset:-5% -5% -6%!important;
    filter:blur(18px)!important;
  }
  .linerCover .cover,
  .linerCoverFlip,
  .linerCoverFlipCard{
    width:100%!important;
    max-width:100%!important;
    height:auto!important;
    aspect-ratio:1/1!important;
  }
  .linerCoverFlipCard{
    height:100%!important;
  }
  .linerCover .cover img{
    max-width:100%!important;
    height:100%!important;
    object-fit:cover!important;
  }
  .linerHeroCopy h2{
    max-width:100%!important;
    font-size:clamp(27px,8.1vw,34px)!important;
    line-height:1.06!important;
    letter-spacing:-.028em!important;
    white-space:normal!important;
    overflow-wrap:anywhere!important;
    word-break:normal!important;
    hyphens:auto!important;
  }
  .linerHeroCopy h2.albumTitleMedium{
    font-size:clamp(24px,7.2vw,30px)!important;
  }
  .linerHeroCopy h2.albumTitleLong{
    font-size:clamp(22px,6.4vw,27px)!important;
    line-height:1.08!important;
  }
  .linerHeroCopy h3,
  .linerHeroCopy p,
  .linerTags,
  .linerMoodTags,
  .linerStats,
  .linerActions{
    max-width:100%!important;
    min-width:0!important;
  }
  .linerStats{
    grid-template-columns:1fr!important;
  }
  .linerStats > *,
  .linerStats div,
  .linerStats .linerStatEdit{
    width:100%!important;
    max-width:100%!important;
  }
  .linerActions{
    grid-template-columns:1fr!important;
  }
  .linerActions button,
  .linerActions a{
    max-width:100%!important;
    overflow-wrap:break-word!important;
    white-space:normal!important;
  }
  .linerHeroCopy .linerActions button,
  .linerHeroCopy .linerActions a{
    min-height:40px!important;
    width:94%!important;
    justify-self:center!important;
    padding:10px 13px!important;
    font-size:13px!important;
    border-radius:999px!important;
    line-height:1.15!important;
  }
  .linerHeroCopy .linerActions .spotifyMark{
    width:17px!important;
    height:17px!important;
    transform:scale(.92)!important;
  }
  .linerHeroSide{
    display:none!important;
    width:0!important;
    height:0!important;
    margin:0!important;
    padding:0!important;
    overflow:hidden!important;
  }
  .heroSideCard{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    overflow:hidden!important;
  }
}

@media(max-width:390px){
  .linerAlbumPage{
    padding-left:12px!important;
    padding-right:12px!important;
  }
  .linerTabs{
    gap:6px!important;
  }
  .linerTabs button{
    font-size:11px!important;
    padding-left:4px!important;
    padding-right:4px!important;
  }
  .linerCover{
    width:min(100%,318px)!important;
  }
}

/* Mobile-only album focus: hide the lower editorial return section */
@media(max-width:768px){
  .linerHeroSoul{
    display:none!important;
    width:0!important;
    height:0!important;
    margin:0!important;
    padding:0!important;
    overflow:hidden!important;
  }
}

/* Mobile-only Most Loved Track compression */
@media(max-width:768px){
  .albumTrackSections{
    margin-top:12px!important;
  }
  .albumTrackSections .linerFeaturedTrack{
    min-height:126px!important;
    height:auto!important;
    margin:0 0 12px!important;
    padding:17px 14px!important;
    display:grid!important;
    grid-template-columns:36px minmax(0,1fr) auto!important;
    gap:10px!important;
    align-items:center!important;
    border-radius:14px!important;
    background:
      linear-gradient(90deg,rgba(5,7,8,.84),rgba(5,7,8,.48),rgba(5,7,8,.86)),
      var(--moment-cover),
      var(--album-cover)!important;
    background-size:cover!important;
    background-position:var(--moment-focus,50% 40%)!important;
    overflow:hidden!important;
  }
  .albumTrackSections .linerFeaturedTrack:before,
  .albumTrackSections .linerFeaturedTrack:after{
    inset:0!important;
    max-width:100%!important;
    opacity:.18!important;
    filter:blur(12px)!important;
    pointer-events:none!important;
  }
  .albumTrackSections .linerFeaturedTrack .momentIcon{
    display:none!important;
  }
  .albumTrackSections .linerFeaturedTrack .featurePlay{
    position:relative!important;
    left:auto!important;
    top:auto!important;
    grid-column:1!important;
    grid-row:1!important;
    width:34px!important;
    height:34px!important;
    min-width:34px!important;
    font-size:13px!important;
  }
  .albumTrackSections .linerFeaturedTrack .featureTrackCopy{
    grid-column:2!important;
    max-width:100%!important;
    min-width:0!important;
  }
  .albumTrackSections .linerFeaturedTrack .featureTrackCopy span{
    font-size:9px!important;
    letter-spacing:.07em!important;
    line-height:1!important;
  }
  .albumTrackSections .linerFeaturedTrack .featureTrackCopy h4{
    font-size:18px!important;
    line-height:1.08!important;
    margin:4px 0 5px!important;
    max-width:100%!important;
    white-space:normal!important;
    overflow-wrap:break-word!important;
  }
  .albumTrackSections .linerFeaturedTrack .featureWave{
    height:12px!important;
    margin:0 0 3px!important;
    gap:2px!important;
  }
  .albumTrackSections .linerFeaturedTrack .featureWave i{
    width:2px!important;
    max-height:11px!important;
  }
  .albumTrackSections .linerFeaturedTrack .featureTrackCopy p,
  .albumTrackSections .linerFeaturedTrack .featureTrackCopy em{
    display:none!important;
  }
  .albumTrackSections .linerFeaturedTrack .featureTrackScore{
    position:relative!important;
    left:auto!important;
    right:auto!important;
    top:auto!important;
    grid-column:3!important;
    grid-row:1!important;
    align-self:center!important;
    justify-self:end!important;
    width:auto!important;
    min-width:42px!important;
    padding:0!important;
    text-align:right!important;
    background:transparent!important;
    border:0!important;
  }
  .albumTrackSections .linerFeaturedTrack .featureTrackScore strong{
    font-size:18px!important;
    line-height:1!important;
  }
  .albumTrackSections .linerFeaturedTrack .featureTrackScore span{
    font-size:10px!important;
    margin-top:2px!important;
  }
  .albumTrackSections .linerFeaturedTrack .momentWhy{
    display:none!important;
    width:0!important;
    height:0!important;
    margin:0!important;
    padding:0!important;
    overflow:hidden!important;
  }
  .albumTrackSections .linerFeaturedTrack .featureCover{
    display:none!important;
  }
}

/* Mobile tracklist fix: keep song titles visible and give them the flexible column */
@media(max-width:768px){
  .albumTrackSections .linerTrackTable{
    width:100%!important;
    max-width:100%!important;
    overflow-x:hidden!important;
    padding:6px!important;
  }
  .albumTrackSections .trackTableHead,
  .albumTrackSections .linerTrackRow{
    display:grid!important;
    grid-template-columns:24px 32px minmax(0,1fr) 24px!important;
    column-gap:8px!important;
    row-gap:0!important;
    align-items:center!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    padding:11px 8px!important;
    box-sizing:border-box!important;
  }
  .albumTrackSections .trackTableHead{
    grid-template-columns:24px 32px minmax(0,1fr) 24px!important;
    font-size:9px!important;
  }
  .albumTrackSections .trackTableHead span:nth-child(1){
    grid-column:1!important;
  }
  .albumTrackSections .trackTableHead span:nth-child(2){
    grid-column:3!important;
    display:block!important;
  }
  .albumTrackSections .trackTableHead span:nth-child(3){
    grid-column:4!important;
    display:block!important;
    text-align:center!important;
    transform:translateX(-42px)!important;
    width:66px!important;
  }
  .albumTrackSections .trackTableHead span:nth-child(4){
    grid-column:5!important;
    display:none!important;
  }
  .albumTrackSections .trackNo{
    grid-column:1!important;
    width:auto!important;
    min-width:0!important;
    text-align:center!important;
    font-size:14px!important;
    line-height:1!important;
    font-weight:700!important;
    opacity:.72!important;
  }
  .albumTrackSections .trackPulse{
    grid-column:2!important;
    width:22px!important;
    height:22px!important;
    min-width:22px!important;
    justify-self:center!important;
    font-size:11px!important;
  }
  .albumTrackSections .linerTrackRow > strong{
    display:block!important;
    grid-column:3!important;
    min-width:0!important;
    max-width:100%!important;
    width:100%!important;
    color:#fff!important;
    font-size:11.5px!important;
    line-height:1.25!important;
    font-weight:650!important;
    white-space:normal!important;
    overflow:visible!important;
    text-overflow:clip!important;
    overflow-wrap:break-word!important;
    word-break:normal!important;
  }
  .albumTrackSections .trackRowScore{
    grid-column:4!important;
    width:auto!important;
    min-width:0!important;
    max-width:24px!important;
    justify-self:center!important;
    text-align:center!important;
    padding:0!important;
    font-size:12px!important;
    white-space:nowrap!important;
  }
  .albumTrackSections .trackScoreNumber{
    display:inline!important;
    font-size:12px!important;
  }
  .albumTrackSections .trackVibePill{
    display:none!important;
  }
  .albumTrackSections .trackLove,
  .albumTrackSections .trackDots{
    display:none!important;
    width:0!important;
    min-width:0!important;
    margin:0!important;
    padding:0!important;
  }
}

@media(max-width:390px){
  .albumTrackSections .trackTableHead,
  .albumTrackSections .linerTrackRow{
    grid-template-columns:20px 30px minmax(0,1fr) 22px!important;
    column-gap:7px!important;
    row-gap:0!important;
    padding-left:7px!important;
    padding-right:7px!important;
  }
  .albumTrackSections .linerTrackRow > strong{
    font-size:12.5px!important;
  }
  .albumTrackSections .trackRowScore,
  .albumTrackSections .trackScoreNumber{
    font-size:11px!important;
  }
}

/* Mobile homepage polish: unclipped tabs and full album artwork */
@media(max-width:850px){
  .tabs{
    display:flex!important;
    flex-wrap:nowrap!important;
    gap:8px!important;
    width:auto!important;
    max-width:none!important;
    margin:8px -14px 18px!important;
    padding:0 14px 6px!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    -webkit-overflow-scrolling:touch!important;
    scrollbar-width:none!important;
    scroll-padding-left:14px!important;
    scroll-padding-right:14px!important;
  }
  .tabs::-webkit-scrollbar{
    display:none!important;
  }
  .tabs:before,
  .tabs:after{
    content:""!important;
    flex:0 0 1px!important;
  }
  .tab{
    flex:0 0 auto!important;
    white-space:nowrap!important;
    min-width:max-content!important;
    min-height:35px!important;
    padding:8px 11px!important;
    font-size:13px!important;
    line-height:1!important;
  }
  .albumCard .cover,
  .libraryAlbumCard .cover{
    aspect-ratio:1/1!important;
    height:auto!important;
    background:linear-gradient(145deg,#111218,#08090d)!important;
  }
  .albumCard .cover img,
  .libraryAlbumCard .cover img{
    width:100%!important;
    height:100%!important;
    object-fit:contain!important;
    object-position:center!important;
    background:#08090d!important;
  }
  .albumCard .cardBody,
  .libraryAlbumCard .cardBody{
    min-height:104px!important;
    padding-right:14px!important;
  }
  .albumCard .row,
  .libraryAlbumCard .row{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) auto!important;
    align-items:start!important;
    gap:8px!important;
  }
  .albumCard .score,
  .libraryAlbumCard .score{
    justify-self:end!important;
    min-width:34px!important;
    max-width:46px!important;
    padding-right:1px!important;
    text-align:right!important;
    font-size:16px!important;
    line-height:1.05!important;
    white-space:nowrap!important;
    overflow:visible!important;
  }
  .albumCard .title,
  .libraryAlbumCard .title{
    display:block!important;
    white-space:normal!important;
    overflow:visible!important;
    text-overflow:clip!important;
    overflow-wrap:break-word!important;
  }
  .albumCard .artist,
  .libraryAlbumCard .artist{
    display:block!important;
    white-space:normal!important;
    overflow:visible!important;
    text-overflow:clip!important;
    overflow-wrap:break-word!important;
  }
}

@media(max-width:390px){
  .tabs{
    margin-left:-12px!important;
    margin-right:-12px!important;
    padding-left:12px!important;
    padding-right:12px!important;
    scroll-padding-left:12px!important;
    scroll-padding-right:12px!important;
  }
}

/* Album popup scroll stability */
#albumModal{
  overscroll-behavior:contain!important;
  touch-action:pan-y!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}
#albumModal .modalPanel{
  overscroll-behavior:contain!important;
  -webkit-overflow-scrolling:touch!important;
  scroll-behavior:auto!important;
  scrollbar-gutter:stable!important;
  will-change:scroll-position!important;
}
#albumModalContent,
#albumModal .linerAlbumPage{
  backface-visibility:hidden!important;
  -webkit-backface-visibility:hidden!important;
  transform:translateZ(0)!important;
}
@media(min-width:1051px){
  #albumModalContent,
  #albumModal .linerAlbumPage{
    backface-visibility:visible!important;
    -webkit-backface-visibility:visible!important;
    transform:none!important;
  }
}
html:has(#albumModal:not(.hidden)),
body:has(#albumModal:not(.hidden)){
  overflow:hidden!important;
}
@media(max-width:850px){
  #albumModal{
    overflow-y:auto!important;
    -webkit-overflow-scrolling:touch!important;
  }
  #albumModal .modalPanel{
    will-change:auto!important;
  }
}

#albumModal .linerHeroCopy h3,
#albumModal .linerHeroCopy h3 .linerArtistLink{
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif!important;
  font-size:17px!important;
  font-weight:950!important;
  -webkit-text-stroke:0!important;
}

/* Dedicated Muze artist profiles */
.linerArtistLink,.artistDiscoveryLink{appearance:none;border:0;padding:0;background:transparent;color:inherit;font:inherit;font-weight:inherit;letter-spacing:inherit;text-align:left;cursor:pointer;transition:color .16s ease,opacity .16s ease}
.linerArtistLink:hover,.linerArtistLink:focus-visible,.artistDiscoveryLink:hover,.artistDiscoveryLink:focus-visible{color:var(--accent);outline:0;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:4px}
body.artistProfileView .hero,body.artistProfileView .setupWarning,body.artistProfileView .controls,body.artistProfileView .tabs{display:none!important}
body.artistView .hero,body.artistView .setupWarning,body.artistView .controls,body.artistView .tabs{display:none!important}
body.artistView #content{margin-top:26px}
body.artistProfileView #content{margin-top:26px}
.muzeArtistPage{--artist-line:rgba(255,255,255,.11);color:#f5f5f5}
.muzeArtistProfileHero{display:grid;grid-template-columns:minmax(300px,44%) minmax(0,1fr);align-items:center;gap:38px;padding:28px 0;border-top:1px solid var(--artist-line);background:#0d0e11}
.muzeArtistProfileHero.noPortrait{grid-template-columns:minmax(0,760px)}
.muzeArtistPortrait{width:100%;aspect-ratio:16/11;display:block;overflow:hidden;border:1px solid rgba(242,201,76,.5);border-radius:7px;background:#0a0b0d;box-shadow:0 18px 42px rgba(0,0,0,.34)}
.muzeArtistPortrait img{width:100%;height:100%;display:block;object-fit:cover;transform-origin:center center}
.muzeArtistPortraitFrame{position:relative}
.muzeArtistCropAction{position:absolute;right:12px;top:12px;z-index:2;display:inline-flex;align-items:center;gap:6px;padding:8px 11px;border:1px solid rgba(242,201,76,.56);border-radius:999px;background:rgba(8,9,11,.82);color:var(--accent);font:800 10px/1 Arial,sans-serif;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;backdrop-filter:blur(8px)}
.muzeArtistCropAction:hover,.muzeArtistCropAction:focus-visible{background:rgba(242,201,76,.12);border-color:var(--accent);outline:0}
.artistImageCropModal{z-index:10050;display:grid;place-items:center;padding:22px;background:rgba(0,0,0,.76)}
.artistImageCropPanel{position:relative;width:min(720px,96vw);max-height:94vh;overflow:auto;padding:28px;border:1px solid rgba(242,201,76,.34);border-radius:16px;background:#111217;box-shadow:0 30px 90px rgba(0,0,0,.66);color:#f5f2e9}
.artistImageCropPanel h2{margin:5px 0 6px;font-family:Georgia,"Times New Roman",serif;font-size:30px}.artistImageCropPanel>.eyebrow{margin:0;color:var(--accent)}
.artistImageCropClose{position:absolute;right:16px;top:14px;width:38px;height:38px;border:0;border-radius:50%;background:rgba(255,255,255,.06);color:#fff;font-size:28px;line-height:1;cursor:pointer}
.artistImageCropHelp{margin:0 0 18px;color:rgba(255,255,255,.58);font-size:13px}
.artistImageCropViewport{width:100%;aspect-ratio:16/11;overflow:hidden;border:1px solid rgba(242,201,76,.55);border-radius:8px;background:#08090b;cursor:grab;touch-action:none;user-select:none}
.artistImageCropViewport.isDragging{cursor:grabbing}.artistImageCropViewport img{width:100%;height:100%;display:block;object-fit:cover;transform-origin:center;pointer-events:none;will-change:transform,object-position}
.artistImageCropZoom{display:grid;grid-template-columns:auto minmax(0,1fr) 48px;align-items:center;gap:13px;margin-top:18px;color:rgba(255,255,255,.72);font-size:12px;font-weight:800}.artistImageCropZoom input{width:100%;accent-color:var(--accent)}.artistImageCropZoom output{color:var(--accent);font-variant-numeric:tabular-nums;text-align:right}
.artistImageCropActions{display:flex;align-items:center;justify-content:flex-end;gap:10px;margin-top:20px}.artistImageCropActions button{padding:10px 14px;border:0;border-radius:6px;background:var(--accent);color:#090909;font-weight:900;cursor:pointer}.artistImageCropActions button.secondary{border:1px solid rgba(255,255,255,.14);background:transparent;color:rgba(255,255,255,.76)}.artistImageCropActions button:disabled{opacity:.55;cursor:wait}.artistImageCropActions span{min-width:0;margin-right:auto;color:#f3a7b4;font-size:12px}
.muzeArtistPortrait img.needsHdAssist{filter:contrast(1.075) saturate(1.045) brightness(1.012);image-rendering:-webkit-optimize-contrast}
.muzeArtistPortrait.isJimiHendrix img{object-position:center top;transform:translateY(-4px) scale(1.06)}
.muzeArtistPortrait.isEricClapton img{object-position:center 20%}
.muzeArtistPortrait.isJohnLennon img{object-position:center 12%}
.muzeArtistPortrait.isLeonardCohen img{object-fit:contain;object-position:center;transform:scale(.9)}
.muzeArtistPortrait.isCreditPortrait:not(.isMemberCollage) img{object-position:center 22%}
.muzeArtistPortrait.isMemberCollage{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr));gap:2px;background:#191a1d}
.muzeArtistPortrait.isMemberCollage img{min-width:0;min-height:0}
.muzeArtistPortrait.isMemberCollage.count-2{grid-template-rows:1fr}
.muzeArtistPortrait.isMemberCollage.count-3 img:first-child{grid-row:1/3}
.muzeArtistHeroCopy{max-width:760px;padding-right:clamp(24px,4vw,60px)}
.muzeArtistProfileHero.noPortrait .muzeArtistHeroCopy{padding-right:0}
.muzeArtistHeroCopy .eyebrow{margin:0 0 8px;color:var(--accent)}
.muzeArtistHeroCopy h1{margin:0;color:#f7f4eb;font-family:Georgia,"Times New Roman",serif;font-size:clamp(44px,6vw,78px);font-weight:700;line-height:.98;letter-spacing:0}
.muzeArtistHeroMeta{margin:13px 0 0;color:rgba(255,255,255,.76);font-size:14px;line-height:1.45}.muzeArtistHeroMeta b{padding:0 7px;color:var(--accent);font-weight:900}
.muzeArtistHeroCopy>i{display:block;width:44px;height:1px;margin:17px 0 13px;background:var(--accent)}
.muzeArtistHeroBio{max-width:720px;color:rgba(255,255,255,.78);font-size:15px;line-height:1.62}.muzeArtistHeroBio p{margin:0 0 13px}.muzeArtistHeroBio p:last-child{margin-bottom:0}.muzeArtistBioRemainder:not([hidden]){display:block}.muzeArtistBioRemainder:not([hidden]) p:first-child{margin-top:13px}.muzeArtistBioToggle{display:inline-flex;align-items:baseline;gap:4px;margin:0 0 0 5px;padding:0;border:0;background:transparent;color:#ffd51f;font:800 13px/1.2 Arial,sans-serif;vertical-align:baseline;white-space:nowrap;cursor:pointer}.muzeArtistBioToggle span{font-size:15px;line-height:1}.muzeArtistBioToggle:hover,.muzeArtistBioToggle:focus-visible{color:#ffe36b;text-decoration:underline}.muzeArtistBioToggle:focus-visible{outline:2px solid #ffd51f;outline-offset:4px}.muzeArtistHeroBioEmpty{margin:0;color:rgba(255,255,255,.46);font-size:15px}
.muzeArtistHeroCopy>span{display:block;margin-top:10px;color:rgba(255,255,255,.46);font-size:13px}
.muzeArtistEditButton{margin-top:18px;padding:9px 13px;border:1px solid rgba(242,201,76,.46);border-radius:6px;background:rgba(242,201,76,.07);color:var(--accent);font-weight:800;cursor:pointer}
.muzeArtistAbout,.muzeArtistDiscography,.muzeArtistAdmin{padding:46px clamp(28px,5vw,72px);border-bottom:1px solid var(--artist-line)}
.muzeArtistFacts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin:0 0 4px;padding:14px 20px;border:1px solid var(--artist-line);border-radius:7px;background:#111216}.muzeArtistFacts>div{min-width:0;padding:6px 20px;border-left:1px solid var(--artist-line)}.muzeArtistFacts>div:first-child{border-left:0}.muzeArtistFacts span{display:block;margin-bottom:7px;color:rgba(242,201,76,.72);font-size:10px;font-weight:800;text-transform:uppercase}.muzeArtistFacts strong{display:block;color:#f2f0e9;font-size:14px;line-height:1.35;overflow-wrap:anywhere}
.muzeArtistAbout{max-width:980px;padding-top:28px;padding-bottom:28px}
.muzeArtistAbout h2,.muzeArtistDiscography h2,.muzeArtistAdmin h2{margin:5px 0 18px;color:#f5f2e9;font-family:Georgia,"Times New Roman",serif;font-size:30px;letter-spacing:0}
.muzeArtistAbout>div{color:rgba(255,255,255,.76);font-size:17px;line-height:1.72;white-space:pre-line}
.muzeArtistAbout>div p{margin:0 0 18px}
.muzeArtistAboutEmpty p{color:rgba(255,255,255,.48)}
.muzeArtistPage.noBiography .muzeArtistAboutEmpty{border-bottom:0}
.muzeArtistDiscography>header{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:22px}
@media(min-width:561px){.muzeArtistDiscography{padding-top:20px}.muzeArtistDiscography>header,.muzeArtistDiscography>.muzeArtistAlbumGrid{position:relative;left:calc(0px - clamp(28px,5vw,72px))}}
.muzeArtistDiscography>header p,.muzeArtistDiscography>header h2{margin-bottom:0}
.muzeArtistDiscography>header>span{color:rgba(255,255,255,.48);font-size:13px}
.muzeArtistAlbumGrid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:18px}
.muzeArtistAlbumCard{min-width:0;overflow:hidden;border:1px solid var(--artist-line);border-radius:7px;background:#111216;cursor:pointer;transition:transform .16s ease,border-color .16s ease,background .16s ease}
.muzeArtistAlbumCard:hover,.muzeArtistAlbumCard:focus-visible{transform:translateY(-3px);border-color:rgba(242,201,76,.45);background:#15161a;outline:0}
.muzeArtistAlbumCover{aspect-ratio:1;display:grid;place-items:center;overflow:hidden;background:#090a0d;color:var(--accent);font-size:38px;font-weight:900}
.muzeArtistAlbumCover img{width:100%;height:100%;display:block;object-fit:cover}
.muzeArtistAlbumCard>div:last-child{position:relative;min-height:82px;padding:12px 13px}
.muzeArtistAlbumCard strong{display:block;padding-right:44px;color:#f4f2eb;font-size:14px;line-height:1.25;overflow-wrap:anywhere}
.muzeArtistAlbumCard p{margin:6px 0 0;color:rgba(255,255,255,.5);font-size:12px}
.muzeArtistAlbumScore{position:absolute;right:12px;top:12px;color:var(--accent);font-size:12px;font-weight:900}
.muzeArtistNoAlbums{grid-column:1/-1;padding:28px;border:1px solid var(--artist-line);border-radius:7px;color:rgba(255,255,255,.52)}
.muzeArtistState{min-height:54vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:50px 24px}
.muzeArtistState h2{margin:9px 0;color:#f5f2e9;font-family:Georgia,"Times New Roman",serif;font-size:38px}
.muzeArtistState p:not(.eyebrow){max-width:540px;color:rgba(255,255,255,.6)}
.muzeArtistState button{margin-top:16px;padding:10px 15px;border:1px solid rgba(242,201,76,.42);border-radius:6px;background:transparent;color:var(--accent);cursor:pointer}
.muzeArtistLoader{width:28px;height:28px;border:2px solid rgba(242,201,76,.22);border-top-color:var(--accent);border-radius:50%;animation:muzeArtistSpin .8s linear infinite}
@keyframes muzeArtistSpin{to{transform:rotate(360deg)}}
.muzeArtistAdmin{background:#0f1013}
.muzeArtistAdmin>header{display:flex;justify-content:space-between;align-items:center;gap:20px}.muzeArtistAdmin>header span{color:var(--accent);font-size:11px;text-transform:uppercase}.muzeArtistAdmin>header h2{margin:4px 0}.muzeArtistAdmin>header button{border:0;background:transparent;color:rgba(255,255,255,.62);cursor:pointer}
.muzeArtistAdminGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.muzeArtistAdminGrid label{display:grid;gap:7px;color:rgba(255,255,255,.6);font-size:12px}.muzeArtistAdminGrid input,.muzeArtistAdminGrid textarea{width:100%;padding:11px;border:1px solid rgba(255,255,255,.14);border-radius:5px;background:#090a0d;color:#fff;font:inherit}.muzeArtistAdminBio{grid-column:1/-1}.muzeArtistBioTools{display:flex;align-items:center;gap:12px;margin-top:11px}.muzeArtistBioTools button{flex:0 0 auto;padding:9px 13px;border:1px solid rgba(242,201,76,.55);border-radius:5px;background:rgba(242,201,76,.08);color:var(--accent);font-weight:800;cursor:pointer}.muzeArtistBioTools button:disabled{cursor:wait;opacity:.6}.muzeArtistBioTools span{color:rgba(255,255,255,.52);font-size:12px}.muzeArtistBioSources{margin-top:14px;padding:13px 14px;border:1px solid rgba(255,255,255,.1);border-radius:5px;background:rgba(0,0,0,.2)}.muzeArtistBioSources>strong{display:block;margin-bottom:9px;color:rgba(255,255,255,.76);font-size:11px;text-transform:uppercase}.muzeArtistBioSources ul{display:flex;flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none}.muzeArtistBioSources li{display:flex;align-items:center;gap:7px;padding:7px 9px;border:1px solid rgba(255,255,255,.11);border-radius:4px}.muzeArtistBioSources a{color:var(--accent);font-size:12px;font-weight:800;text-decoration:none}.muzeArtistBioSources li span,.muzeArtistBioNoSources{margin:0;color:rgba(255,255,255,.45);font-size:11px}.muzeArtistAdminSave{margin-top:16px;padding:11px 17px;border:0;border-radius:6px;background:var(--accent);color:#090909;font-weight:900;cursor:pointer}
body.light .muzeArtistPage{--artist-line:rgba(20,20,20,.12);color:#171717}body.light .muzeArtistProfileHero,body.light .muzeArtistAdmin{background:#f4f2ec}body.light .muzeArtistHeroCopy h1,body.light .muzeArtistAbout h2,body.light .muzeArtistDiscography h2,body.light .muzeArtistAdmin h2{color:#171717}body.light .muzeArtistHeroMeta,body.light .muzeArtistHeroBio{color:#4b4b4b}body.light .muzeArtistFacts{background:#fff}body.light .muzeArtistFacts strong{color:#171717}body.light .muzeArtistAlbumCard{background:#fff}body.light .muzeArtistAlbumCard strong{color:#171717}body.light .muzeArtistAdminGrid input,body.light .muzeArtistAdminGrid textarea{background:#fff;color:#171717;border-color:rgba(20,20,20,.15)}body.light .muzeArtistBioTools span,body.light .muzeArtistBioSources li span,body.light .muzeArtistBioNoSources{color:rgba(20,20,20,.56)}body.light .muzeArtistBioSources{border-color:rgba(20,20,20,.13);background:rgba(255,255,255,.55)}body.light .muzeArtistBioSources>strong{color:#454545}
@media(min-width:821px){.muzeArtistProfileHero,.muzeArtistProfileHero.noPortrait{grid-template-columns:minmax(0,1fr);align-items:start;gap:26px}.muzeArtistProfileHero.hasPortrait .muzeArtistPortrait{width:44%;min-width:300px;margin-inline:auto}.muzeArtistProfileHero .muzeArtistHeroCopy{width:100%;margin-inline:auto;padding-right:0;text-align:left}.muzeArtistProfileHero .muzeArtistHeroCopy>.eyebrow,.muzeArtistProfileHero .muzeArtistHeroCopy>h1{text-align:center}.muzeArtistProfileHero .muzeArtistHeroCopy>i{margin-left:auto;margin-right:auto}.muzeArtistProfileHero .muzeArtistHeroBio{margin-inline:auto}}
@media(max-width:1050px){.muzeArtistAlbumGrid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:820px){body.artistProfileView #content{margin-top:14px}.muzeArtistProfileHero{grid-template-columns:minmax(240px,42%) minmax(0,1fr);gap:24px;padding:24px 0}.muzeArtistHeroCopy{padding-right:20px}.muzeArtistHeroCopy h1{font-size:46px}.muzeArtistFacts{grid-template-columns:repeat(2,minmax(0,1fr))}.muzeArtistFacts>div:nth-child(odd){border-left:0}.muzeArtistFacts>div:nth-child(n+3){border-top:1px solid var(--artist-line);padding-top:12px}.muzeArtistAlbumGrid{grid-template-columns:repeat(3,minmax(0,1fr))}.muzeArtistAdminGrid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.muzeArtistProfileHero,.muzeArtistProfileHero.noPortrait{grid-template-columns:1fr;gap:20px;padding:18px}.muzeArtistPortrait{width:100%;aspect-ratio:16/11}.muzeArtistHeroCopy{padding-right:0;text-align:left}.muzeArtistHeroCopy h1{font-size:40px}.muzeArtistHeroMeta{font-size:13px}.muzeArtistHeroBio{font-size:14px}.muzeArtistHeroCopy .eyebrow{font-size:10px}.muzeArtistEditButton{margin-top:13px}.muzeArtistFacts{margin:0 18px;padding:10px 12px}.muzeArtistFacts>div{padding:8px 12px}.muzeArtistAbout,.muzeArtistDiscography,.muzeArtistAdmin{padding:26px 18px}.muzeArtistAbout{padding-top:22px;padding-bottom:22px}.muzeArtistAbout h2,.muzeArtistDiscography h2{font-size:25px}.muzeArtistAbout>div{font-size:15px}.muzeArtistDiscography>header{align-items:start}.muzeArtistAlbumGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.muzeArtistAlbumCard>div:last-child{min-height:72px;padding:10px}.muzeArtistAlbumCard strong{padding-right:0;font-size:12px}.muzeArtistAlbumScore{position:static;display:block;margin-top:7px}.muzeArtistAdminGrid{grid-template-columns:1fr}.muzeArtistAdminBio{grid-column:auto}.muzeArtistBioTools{align-items:flex-start;flex-direction:column}.muzeArtistBioSources li{width:100%;justify-content:space-between}}
@media(max-width:560px){
  .muzeArtistDiscography h2{
    font-size:20px;
  }
  .muzeArtistDiscography>header{
    align-items:flex-end;
  }
  .muzeArtistDiscography>header>span{
    margin-bottom:2px;
  }
  .muzeArtistAlbumGrid{
    width:100%;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:7px;
  }
  .muzeArtistAlbumCard>div:last-child{
    min-height:58px;
    padding:8px;
  }
}

/* Mobile background reset: keep phone/tablet atmosphere deep black like desktop */
@media(max-width:850px){
  html,
  body,
  #root,
  .app,
  #content{
    background-color:#050507!important;
    background-image:linear-gradient(180deg,#050507 0%,#08080b 52%,#050507 100%)!important;
    background-attachment:fixed!important;
    min-height:100%!important;
  }
  body:before,
  body:after,
  .app:before,
  .app:after{
    background:none!important;
    opacity:0!important;
  }
  .topbar,
  .controls,
  .tabs,
  .grid,
  .sectionTitle,
  .list,
  .artistGrid,
  .spotifyResults{
    background-color:transparent!important;
    background-image:none!important;
  }
  .hero{
    background:
      radial-gradient(circle at 18% 0%,rgba(242,201,76,.08),transparent 30%),
      linear-gradient(135deg,#101117,#07080c 72%)!important;
  }
  .modal,
  .modal:not(#albumModal),
  #albumModal{
    background-color:rgba(0,0,0,.86)!important;
    background-image:none!important;
  }
  .modalPanel,
  #albumModal .modalPanel{
    background-color:#07070a!important;
    background-image:linear-gradient(180deg,#08080c,#050507)!important;
  }
}

@media(max-width:850px){
  .authModal.libraryAccessModal{
    align-items:center!important;
    justify-content:center!important;
    padding:16px!important;
  }
  .authPanel.libraryAccessPanel{
    width:min(342px,calc(100vw - 28px))!important;
    padding:18px!important;
  }
  .libraryAccessCard{
    padding:17px!important;
    border-radius:20px!important;
  }
  .libraryAccessCard h3{
    font-size:23px!important;
  }
  .libraryAccessActions{
    grid-template-columns:1fr!important;
  }
}

/* Back covers often use non-square scans, so fit them inside the flip frame without cropping. */
.linerCoverFlipCard .linerCoverBack .cover img,
.linerCoverFlip .linerCoverBack .cover img{
  width:100%!important;
  height:100%!important;
  object-fit:contain!important;
  object-position:center center!important;
  border-radius:inherit!important;
  transform:translate3d(var(--back-cover-pan-x,0px),var(--back-cover-pan-y,0px),0) scale(1)!important;
  transition:transform .34s cubic-bezier(.2,.8,.2,1), filter .34s ease!important;
}
.linerCoverFlip.backCoverInlineZoomed .linerCoverBack .cover img{
  transform:translate3d(var(--back-cover-pan-x,0px),var(--back-cover-pan-y,0px),0) scale(var(--back-cover-inline-scale,1.5))!important;
  filter:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='backCoverSharpenSoft'%3E%3CfeConvolveMatrix order='3' kernelMatrix='0 -.5 0 -.5 3 -.5 0 -.5 0' preserveAlpha='true'/%3E%3C/filter%3E%3C/svg%3E#backCoverSharpenSoft") saturate(1.16) contrast(1.21) brightness(1.04)!important;
}
.linerCoverFlip.backCoverInlineZoomed .linerCoverBack .cover{
  cursor:grab!important;
  pointer-events:auto!important;
  touch-action:none!important;
  user-select:none!important;
}
.linerCoverFlip.backCoverInlineZoomed .linerCoverBack .cover img{
  pointer-events:none!important;
}
.linerCoverFlip.backCoverInlineZoomed .linerCoverBack .cover.backCoverDragging{
  cursor:grabbing!important;
}
.linerCoverFlip.backCoverInlineZoomed .linerCoverBack .cover.backCoverDragging img{
  transition:filter .34s ease!important;
}
.backCoverInlineZoomButton{
  position:absolute!important;
  right:14px!important;
  bottom:14px!important;
  z-index:4!important;
  width:34px!important;
  height:34px!important;
  display:grid!important;
  place-items:center!important;
  border-radius:999px!important;
  border:1px solid rgba(255,213,31,.38)!important;
  background:rgba(5,5,8,.58)!important;
  color:rgba(255,231,126,.92)!important;
  font-size:18px!important;
  line-height:1!important;
  cursor:pointer!important;
  pointer-events:auto!important;
  box-shadow:0 10px 26px rgba(0,0,0,.28)!important;
  transition:background .22s ease,border-color .22s ease,color .22s ease,transform .22s ease!important;
}
.backCoverInlineZoomButton:hover,
.linerCoverFlip.backCoverInlineZoomed .backCoverInlineZoomButton{
  background:rgba(255,213,31,.14)!important;
  border-color:rgba(255,213,31,.62)!important;
  color:#ffe777!important;
  transform:translateY(-1px)!important;
}
.backCoverMagnifyIcon,
.backCoverMagnifyIcon svg{
  width:17px!important;
  height:17px!important;
  display:block!important;
}
.backCoverMagnifyIcon svg{
  fill:none!important;
  stroke:currentColor!important;
  stroke-width:2.25!important;
  stroke-linecap:round!important;
  stroke-linejoin:round!important;
}
.backCoverZoomHotspot,
.backCoverZoomViewer{
  display:none!important;
}

@media(max-width:850px){
  .backCoverInlineZoomButton{
    display:none!important;
  }
  .linerCoverFlip.backCoverInlineZoomed .linerCoverBack .cover img{
    transform:translate3d(0,0,0) scale(1)!important;
  }
  .linerCoverFlipCard .linerCoverBack .cover img,
  .linerCoverFlip .linerCoverBack .cover img{
    object-fit:cover!important;
    object-position:center center!important;
  }
}

/* Mobile album back-cover containment: fill the frame without sideways clipping. */
@media(max-width:850px){
  html,
  body,
  #albumModal,
  #albumModal .modalPanel,
  #albumModalContent,
  .linerAlbumPage,
  .linerHero,
  .linerCover{
    max-width:100vw!important;
    overflow-x:hidden!important;
  }
  .linerCover{
    width:100%!important;
    max-width:calc(100vw - 32px)!important;
    justify-self:center!important;
    margin-left:auto!important;
    margin-right:auto!important;
  }
  .linerCover .cover,
  .linerCoverFlip,
  .linerCoverFlipCard,
  .linerCoverFlipCard .linerCoverFace{
    width:100%!important;
    max-width:100%!important;
    height:auto!important;
    aspect-ratio:1/1!important;
    box-sizing:border-box!important;
  }
  .linerCoverFlipCard{
    height:100%!important;
  }
  .linerCoverFlipCard .linerCoverBack .cover,
  .linerCoverFlip .linerCoverBack .cover{
    overflow:hidden!important;
    border-radius:18px!important;
  }
  .linerCoverFlipCard .linerCoverBack .cover img,
  .linerCoverFlip .linerCoverBack .cover img{
    width:100%!important;
    height:100%!important;
    max-width:none!important;
    object-fit:cover!important;
    object-position:center center!important;
    border-radius:inherit!important;
  }
}

/* Keep the compact Libraries access prompt centered even when modal defaults change elsewhere. */
.authModal.libraryAccessModal{
  align-items:center!important;
  justify-content:center!important;
  padding:20px!important;
}

@media(max-width:850px){
  .authModal.libraryAccessModal{
    align-items:center!important;
    justify-content:center!important;
    padding:16px!important;
  }
}

/* Album popup stat captions should read consistently across score, listeners, and library. */
#albumModal .linerHeroCopy .linerStats .linerStatEdit small,
#albumModal .linerHeroCopy .linerStats .linerSocialProof small{
  font-size:13px!important;
  font-weight:750!important;
  line-height:1.25!important;
  color:rgba(255,255,255,.78)!important;
}

/* Ratings & Reviews: premium stacked review layout inspired by editorial commerce reviews. */
#albumModal .reactionsPanel .reviewItem{
  display:grid!important;
  grid-template-columns:48px minmax(0,1fr) 24px!important;
  gap:14px!important;
  padding:18px 0!important;
  margin:0!important;
  border-top:1px solid rgba(255,255,255,.10)!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
#albumModal .reactionsPanel .commentsList .reviewItem:first-child{
  border-top:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
#albumModal .reactionsPanel .reviewAvatar{
  width:40px!important;
  height:40px!important;
  margin-top:2px!important;
  background:linear-gradient(145deg,rgba(255,226,111,.95),rgba(154,116,24,.92))!important;
  color:#111!important;
  font-size:17px!important;
  font-weight:900!important;
  box-shadow:0 8px 22px rgba(0,0,0,.32),0 0 18px rgba(242,201,76,.12)!important;
}
#albumModal .reactionsPanel .reviewBody{
  min-width:0!important;
}
#albumModal .reactionsPanel .reviewMeta{
  display:flex!important;
  flex-wrap:wrap!important;
  align-items:center!important;
  gap:8px!important;
  margin:0 0 6px!important;
}
#albumModal .reactionsPanel .reviewMeta strong{
  color:#f7f3e8!important;
  font-size:14px!important;
  font-weight:850!important;
  letter-spacing:0!important;
}
#albumModal .reactionsPanel .verifiedListener{
  display:inline-flex!important;
  align-items:center!important;
  padding:3px 8px!important;
  border:1px solid rgba(242,201,76,.28)!important;
  border-radius:999px!important;
  background:rgba(242,201,76,.08)!important;
  color:rgba(255,226,128,.82)!important;
  font-size:10px!important;
  font-weight:800!important;
  letter-spacing:.04em!important;
  text-transform:uppercase!important;
}
#albumModal .reactionsPanel .reviewRatingLine{
  display:flex!important;
  flex-wrap:wrap!important;
  align-items:center!important;
  gap:10px!important;
  margin:0 0 8px!important;
}
#albumModal .reactionsPanel .reviewStars{
  display:inline-flex!important;
  align-items:center!important;
  gap:7px!important;
  font-size:15px!important;
  line-height:1!important;
  letter-spacing:.04em!important;
}
#albumModal .reactionsPanel .reviewDisplayStars{
  display:inline-flex!important;
  gap:2px!important;
}
#albumModal .reactionsPanel .reviewDisplayStar{
  position:relative!important;
  display:inline-block!important;
  color:rgba(255,213,31,.30)!important;
  width:1em!important;
}
#albumModal .reactionsPanel .reviewDisplayStar.full{
  color:#ffd51f!important;
}
#albumModal .reactionsPanel .reviewDisplayStar.half:before{
  content:"\2605";
  position:absolute;
  left:0;
  top:0;
  width:50%;
  overflow:hidden;
  color:#ffd51f;
}
#albumModal .reactionsPanel .reviewStars em{
  color:rgba(255,232,145,.78)!important;
  font-size:12px!important;
  font-style:normal!important;
  font-weight:750!important;
  letter-spacing:0!important;
}
#albumModal .reactionsPanel .reviewStarsMuted span{
  color:rgba(255,213,31,.42)!important;
}
#albumModal .reactionsPanel .reviewDate{
  color:rgba(255,255,255,.55)!important;
  font-size:12px!important;
  font-weight:650!important;
}
#albumModal .reactionsPanel .reviewTitle{
  margin:2px 0 7px!important;
  color:#fff!important;
  font-size:15px!important;
  line-height:1.25!important;
  font-weight:900!important;
  letter-spacing:0!important;
}
#albumModal .reactionsPanel .reviewBody p{
  margin:0 0 12px!important;
  color:rgba(255,255,255,.82)!important;
  font-size:14px!important;
  line-height:1.62!important;
  font-weight:450!important;
}
#albumModal .reactionsPanel .reviewActions{
  gap:16px!important;
  margin-top:2px!important;
}
#albumModal .reactionsPanel .reviewActions button,
#albumModal .reactionsPanel .reviewActions span{
  font-size:12px!important;
  font-weight:750!important;
}
@media(max-width:650px){
  #albumModal .reactionsPanel .reviewItem{
    grid-template-columns:40px minmax(0,1fr) 20px!important;
    gap:11px!important;
    padding:16px 0!important;
  }
  #albumModal .reactionsPanel .reviewAvatar{
    width:36px!important;
    height:36px!important;
    font-size:15px!important;
  }
  #albumModal .reactionsPanel .reviewBody p{
    font-size:13px!important;
    line-height:1.55!important;
  }
}

/* Ratings & Reviews composer: structured album review form, not a quick reaction box. */
#albumModal .reactionsPanel .reviewAtmosphere{
  display:none!important;
}
#albumModal .reactionsPanel .reviewComposer{
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:12px!important;
  height:auto!important;
  min-height:0!important;
  padding:18px!important;
  margin:0 0 16px!important;
  border:1px solid rgba(242,201,76,.20)!important;
  border-radius:16px!important;
  background:linear-gradient(145deg,rgba(255,255,255,.045),rgba(0,0,0,.26))!important;
  box-shadow:0 18px 46px rgba(0,0,0,.30),inset 0 1px 0 rgba(255,255,255,.045)!important;
}
#albumModal .reactionsPanel .reviewComposerHead{
  display:flex!important;
  justify-content:space-between!important;
  align-items:flex-start!important;
  gap:16px!important;
}
#albumModal .reactionsPanel .reviewComposerHead strong{
  display:block!important;
  margin-top:4px!important;
  color:#fff!important;
  font-size:17px!important;
  line-height:1.2!important;
  font-weight:900!important;
}
#albumModal .reactionsPanel .reviewComposerEyebrow{
  display:block!important;
  color:rgba(255,213,31,.86)!important;
  font-size:10px!important;
  font-weight:900!important;
  letter-spacing:.12em!important;
  text-transform:uppercase!important;
}
#albumModal .reactionsPanel .reviewStarSelector{
  display:flex!important;
  align-items:center!important;
  gap:3px!important;
  flex-shrink:0!important;
  cursor:pointer!important;
  touch-action:none!important;
  user-select:none!important;
  outline:none!important;
}
#albumModal .reactionsPanel .reviewStarShell{
  position:relative!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:28px!important;
  height:28px!important;
  border-radius:8px!important;
  color:rgba(255,213,31,.34)!important;
  font-size:23px!important;
  line-height:1!important;
  transition:color .16s ease,transform .16s ease,background .16s ease!important;
}
#albumModal .reactionsPanel .reviewStarShell.full,
#albumModal .reactionsPanel .reviewStarShell.previewFull{
  color:#ffd51f!important;
  text-shadow:0 0 15px rgba(255,213,31,.34)!important;
}
#albumModal .reactionsPanel .reviewStarShell.previewFull{
  text-shadow:0 0 22px rgba(255,213,31,.46)!important;
}
#albumModal .reactionsPanel .reviewStarShell.half .reviewStarGlyph,
#albumModal .reactionsPanel .reviewStarShell.previewHalf .reviewStarGlyph{
  color:rgba(255,213,31,.34)!important;
}
#albumModal .reactionsPanel .reviewStarShell.half:before,
#albumModal .reactionsPanel .reviewStarShell.previewHalf:before{
  content:"\2605";
  position:absolute;
  left:4px;
  top:2px;
  width:10px;
  overflow:hidden;
  color:#ffd51f!important;
  pointer-events:none!important;
  text-shadow:0 0 15px rgba(255,213,31,.34)!important;
}
#albumModal .reactionsPanel .reviewStarShell.previewHalf:before{
  text-shadow:0 0 22px rgba(255,213,31,.46)!important;
}
#albumModal .reactionsPanel .reviewStarSelector:hover .reviewStarShell.previewFull,
#albumModal .reactionsPanel .reviewStarSelector:hover .reviewStarShell.previewHalf{
  background:rgba(242,201,76,.08)!important;
  transform:translateY(-1px)!important;
}

/* Album-specific back-cover crop: hide the Mobile Fidelity banner on Freewheelin' Bob Dylan only. */
.linerCoverFlip.freewheelinBackCrop .linerCoverBack .cover img{
  object-fit:contain!important;
  object-position:center center!important;
  transform:scale(1)!important;
  transform-origin:center center!important;
}
.linerCoverFlip.freewheelinBackCrop.backCoverInlineZoomed .linerCoverBack .cover img{
  transform:translate3d(var(--back-cover-pan-x,0px),var(--back-cover-pan-y,0px),0) scale(var(--back-cover-inline-scale,1.5))!important;
}
.linerCoverFlip.thrillerBackCrop .linerCoverBack .cover img{
  object-fit:cover!important;
  object-position:center 43%!important;
  transform:scale(1.28)!important;
  transform-origin:center 43%!important;
}
.linerCoverFlip.thrillerBackCrop.backCoverInlineZoomed .linerCoverBack .cover img{
  transform:translate3d(var(--back-cover-pan-x,0px),var(--back-cover-pan-y,0px),0) scale(var(--back-cover-inline-scale,1.5))!important;
}
.linerCoverFlip.offTheWallBackCrop .linerCoverBack .cover img{
  object-fit:cover!important;
  object-position:center center!important;
  transform:scale(1.18)!important;
  transform-origin:center center!important;
}
.linerCoverFlip.offTheWallBackCrop.backCoverInlineZoomed .linerCoverBack .cover img{
  transform:translate3d(var(--back-cover-pan-x,0px),var(--back-cover-pan-y,0px),0) scale(var(--back-cover-inline-scale,1.5))!important;
}
.linerCoverFlip.highway61BackCrop .linerCoverBack .cover img{
  object-fit:contain!important;
  object-position:center center!important;
  transform:translate3d(var(--back-cover-pan-x,0px),var(--back-cover-pan-y,0px),0) scale(1)!important;
  transform-origin:center center!important;
}
.linerCoverFlip.highway61BackCrop.backCoverInlineZoomed .linerCoverBack .cover img{
  transform:translate3d(var(--back-cover-pan-x,0px),var(--back-cover-pan-y,0px),0) scale(var(--back-cover-inline-scale,1.5))!important;
}
@media(max-width:850px){
  .linerCoverFlip.freewheelinBackCrop .linerCoverBack .cover img{
    object-position:center center!important;
    transform:scale(1)!important;
  }
  .linerCoverFlip.freewheelinBackCrop.backCoverInlineZoomed .linerCoverBack .cover img{
    transform:translate3d(var(--back-cover-pan-x,0px),var(--back-cover-pan-y,0px),0) scale(var(--back-cover-inline-scale,1.5))!important;
  }
  .linerCoverFlip.highway61BackCrop .linerCoverBack .cover img{
    object-position:center center!important;
    transform:translate3d(var(--back-cover-pan-x,0px),var(--back-cover-pan-y,0px),0) scale(1)!important;
  }
  .linerCoverFlip.offTheWallBackCrop .linerCoverBack .cover img{
    object-position:center center!important;
    transform:scale(1.2)!important;
  }
}
#albumModal .reactionsPanel .reviewTitleInput,
#albumModal .reactionsPanel .reviewComposer textarea{
  width:100%!important;
  min-width:0!important;
  box-sizing:border-box!important;
  border:1px solid rgba(255,255,255,.10)!important;
  border-radius:12px!important;
  background:rgba(0,0,0,.26)!important;
  color:#fff!important;
  outline:0!important;
  font-family:inherit!important;
  font-size:14px!important;
  line-height:1.45!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.03)!important;
}
#albumModal .reactionsPanel .reviewTitleInput{
  height:42px!important;
  padding:0 13px!important;
}
#albumModal .reactionsPanel .reviewComposer textarea{
  min-height:96px!important;
  height:auto!important;
  resize:vertical!important;
  padding:12px 13px!important;
}
#albumModal .reactionsPanel .reviewTitleInput::placeholder,
#albumModal .reactionsPanel .reviewComposer textarea::placeholder{
  color:rgba(255,255,255,.46)!important;
}
#albumModal .reactionsPanel .reviewTitleInput:focus,
#albumModal .reactionsPanel .reviewComposer textarea:focus{
  border-color:rgba(242,201,76,.38)!important;
  box-shadow:0 0 0 3px rgba(242,201,76,.08),inset 0 1px 0 rgba(255,255,255,.04)!important;
}
#albumModal .reactionsPanel .reviewComposerFoot{
  display:flex!important;
  align-items:center!important;
  gap:12px!important;
  min-height:0!important;
}
#albumModal .reactionsPanel .reviewComposerFoot span{
  color:rgba(255,255,255,.56)!important;
  font-size:12px!important;
  font-weight:650!important;
}
#albumModal .reactionsPanel .reviewComposerFoot em{
  margin-left:auto!important;
  color:rgba(255,255,255,.50)!important;
  font-size:12px!important;
  font-style:normal!important;
  font-weight:700!important;
}
#albumModal .reactionsPanel .reviewComposerFoot button{
  min-width:116px!important;
  height:42px!important;
  padding:0 20px!important;
  border:0!important;
  border-radius:999px!important;
  background:linear-gradient(135deg,#ffdf35,#d39b0e)!important;
  color:#111!important;
  font-size:13px!important;
  font-weight:900!important;
  box-shadow:0 10px 26px rgba(242,201,76,.20)!important;
}
@media(max-width:650px){
  #albumModal .reactionsPanel .reviewComposer{
    padding:15px!important;
  }
  #albumModal .reactionsPanel .reviewComposerHead,
  #albumModal .reactionsPanel .reviewComposerFoot{
    align-items:flex-start!important;
    flex-direction:column!important;
  }
  #albumModal .reactionsPanel .reviewComposerFoot em{
    margin-left:0!important;
  }
  #albumModal .reactionsPanel .reviewComposerFoot button{
    width:100%!important;
  }
}

/* Mobile album-popup containment: keep hero copy and controls inside the viewport. */
@media(max-width:850px){
  #albumModal,
  #albumModal .modalPanel,
  #albumModalContent,
  #albumModal .linerAlbumPage,
  #albumModal .linerHero,
  #albumModal .linerHeroCopy{
    width:100%!important;
    max-width:100vw!important;
    min-width:0!important;
    box-sizing:border-box!important;
    overflow-x:hidden!important;
  }
  #albumModal .linerAlbumPage{
    padding-left:14px!important;
    padding-right:18px!important;
  }
  #albumModal .linerHero{
    grid-template-columns:minmax(0,1fr)!important;
    padding-right:0!important;
  }
  #albumModal .linerHeroCopy{
    padding-right:4px!important;
    justify-self:stretch!important;
  }
  #albumModal .linerHeroCopy h2,
  #albumModal .linerHeroCopy h3,
  #albumModal .linerHeroCopy p,
  #albumModal .linerHeroCopy span,
  #albumModal .linerHeroCopy small,
  #albumModal .linerTags,
  #albumModal .linerMoodTags,
  #albumModal .linerStats,
  #albumModal .linerStats > *,
  #albumModal .linerActions,
  #albumModal .linerActions button,
  #albumModal .linerActions a{
    max-width:100%!important;
    min-width:0!important;
    box-sizing:border-box!important;
    overflow-wrap:anywhere!important;
    word-break:normal!important;
  }
  #albumModal .linerTags,
  #albumModal .linerMoodTags{
    display:flex!important;
    flex-wrap:wrap!important;
  }
  #albumModal .linerStats{
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:6px!important;
  }
  #albumModal .linerStats > *,
  #albumModal .linerStats div,
  #albumModal .linerStats .linerStatEdit,
  #albumModal .linerStats .linerSocialProof{
    width:auto!important;
    max-width:100%!important;
    padding:10px 7px!important;
    border-right:0!important;
  }
  #albumModal .linerStats strong,
  #albumModal .linerStats .linerStatEdit strong{
    font-size:21px!important;
  }
  #albumModal .linerStats span,
  #albumModal .linerStats .linerStatEdit span,
  #albumModal .linerStats .linerSocialProof span{
    font-size:8px!important;
    line-height:1.18!important;
  }
  #albumModal .linerStats small,
  #albumModal .linerStats .linerStatEdit small,
  #albumModal .linerStats .linerSocialProof small{
    font-size:11px!important;
    line-height:1.2!important;
  }
  #albumModal .linerHeroCopy .linerStats small,
  #albumModal .linerHeroCopy .linerStats .linerStatEdit small,
  #albumModal .linerHeroCopy .linerStats .linerSocialProof small{
    font-size:11px!important;
    line-height:1.2!important;
    font-weight:750!important;
  }
  #albumModal .linerActions{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:8px!important;
    justify-items:stretch!important;
  }
  #albumModal .linerHeroCopy .linerActions button,
  #albumModal .linerHeroCopy .linerActions a{
    width:100%!important;
    justify-self:stretch!important;
    min-height:40px!important;
    padding:10px 9px!important;
    font-size:11.5px!important;
    white-space:nowrap!important;
  }
  #albumModal .linerHeroCopy .linerActions .spotifyMark{
    width:15px!important;
    height:15px!important;
    margin-right:5px!important;
  }
}

@media(min-width:851px){
  .authPanel.accountProfileMode:not(.avatarEditorMode) .cleanClose{
    width:30px!important;
    height:30px!important;
    right:51px!important;
    top:49px!important;
  }
  .authPanel.accountProfileMode:not(.avatarEditorMode) .cleanClose .cleanCloseIcon{
    width:9.35px!important;
    height:9.35px!important;
  }
  .authPanel.accountProfileMode:not(.avatarEditorMode) .cleanClose .cleanCloseIcon:before,
  .authPanel.accountProfileMode:not(.avatarEditorMode) .cleanClose .cleanCloseIcon:after{
    width:10.2px!important;
  }
  .authPanel.accountProfileMode:not(.avatarEditorMode) .authLogoutAction{
    width:20.15%!important;
    max-width:20.15%!important;
    min-height:22px!important;
    padding-top:5px!important;
    padding-bottom:5px!important;
    font-size:15px!important;
    white-space:nowrap!important;
    line-height:1!important;
    align-items:center!important;
    align-self:center!important;
    margin-left:auto!important;
    margin-right:auto!important;
  }
}

/* Album-cover preview control */
.albumCoverPreviewButton{
  appearance:none!important;
  position:absolute!important;
  z-index:20!important;
  top:50%!important;
  left:50%!important;
  width:62px!important;
  height:62px!important;
  padding:0!important;
  border:1px solid rgba(255,255,255,.34)!important;
  border-radius:50%!important;
  background:rgba(92,95,99,.88)!important;
  color:#fff!important;
  box-shadow:0 12px 34px rgba(0,0,0,.42)!important;
  opacity:0!important;
  pointer-events:none!important;
  transform:translate(-50%,-50%) scale(.9)!important;
  transition:opacity .16s ease,transform .16s ease,background .16s ease!important;
  cursor:pointer!important;
}
.albumCoverPreviewButton:before{
  content:"";
  position:absolute;
  top:50%;
  left:50%;
  width:0;
  height:0;
  border-top:10px solid transparent;
  border-bottom:10px solid transparent;
  border-left:16px solid #fff;
  transform:translate(-38%,-50%);
}
.linerCover:hover .albumCoverPreviewButton,
.linerCover:focus-within .albumCoverPreviewButton,
.albumCoverPreviewButton.isPreviewing{
  opacity:1!important;
  pointer-events:auto!important;
  transform:translate(-50%,-50%) scale(1)!important;
}
.albumCoverPreviewButton:hover,
.albumCoverPreviewButton:focus-visible{
  background:rgba(112,115,119,.94)!important;
  outline:2px solid rgba(255,255,255,.72)!important;
  outline-offset:3px!important;
}
.albumCoverPreviewButton.isPreviewing:before{
  width:5px;
  height:19px;
  border:0;
  background:#fff;
  box-shadow:10px 0 0 #fff;
  transform:translate(-8px,-50%);
}
.linerCover:has(.linerCoverFlip[data-flipped="1"]) .albumCoverPreviewButton{
  opacity:0!important;
  pointer-events:none!important;
  transform:translate(-50%,-50%) scale(.9)!important;
}
@media(max-width:850px){
  #albumModal .linerCover .albumCoverPreviewButton{
    display:block!important;
    top:auto!important;
    left:auto!important;
    right:20px!important;
    bottom:20px!important;
    width:43px!important;
    height:43px!important;
    border:1px solid rgba(255,229,105,.95)!important;
    background:linear-gradient(145deg,#ffe879 0%,#e7b92f 48%,#ad7b00 100%)!important;
    color:#101010!important;
    box-shadow:0 5px 10px rgba(0,0,0,.56),0 0 10px rgba(232,183,35,.28),0 0 0 7px rgba(0,0,0,.12),0 0 18px 11px rgba(0,0,0,.16),inset 0 1px 0 rgba(255,255,255,.62),inset 0 -2px 4px rgba(73,47,0,.3)!important;
    opacity:1!important;
    pointer-events:auto!important;
    transform:scale(1)!important;
    transition:transform .14s ease,background .14s ease,box-shadow .14s ease,filter .14s ease!important;
  }
  #albumModal .linerCover .albumCoverPreviewButton:before{
    left:calc(50% + 1px);
    border-top-width:6px;
    border-bottom-width:6px;
    border-left:10px solid #101010;
    transform:translate(-50%,-50%);
  }
  #albumModal .linerCover .albumCoverPreviewButton.isPreviewing:before{
    width:4px;
    height:15px;
    border:0;
    left:50%;
    background:#101010;
    box-shadow:8px 0 0 #101010;
    transform:translate(-6px,-50%);
  }
  @media(hover:hover){
    #albumModal .linerCover .albumCoverPreviewButton:hover{
      background:linear-gradient(145deg,#fff08d 0%,#f0c743 48%,#bd8b08 100%)!important;
      box-shadow:0 6px 13px rgba(0,0,0,.6),0 0 15px rgba(242,199,61,.46),0 0 0 7px rgba(0,0,0,.11),0 0 19px 11px rgba(0,0,0,.15),inset 0 1px 0 rgba(255,255,255,.7),inset 0 -2px 4px rgba(73,47,0,.26)!important;
      filter:brightness(1.04)!important;
      outline:none!important;
      transform:scale(1.07)!important;
    }
  }
  #albumModal .linerCover .albumCoverPreviewButton:focus-visible{
    outline:2px solid rgba(255,236,145,.9)!important;
    outline-offset:3px!important;
  }
  #albumModal .linerCover .albumCoverPreviewButton:active{
    transform:scale(.96)!important;
    transition-duration:.06s!important;
  }
  #albumModal .linerCover:has(.linerCoverFlip[data-flipped="1"]) .albumCoverPreviewButton{
    opacity:0!important;
    pointer-events:none!important;
    transform:scale(.9)!important;
  }
}

/* Mobile profile editor tap fix: keep real action buttons above decorative layers. */
@media(max-width:850px){
  #profileUsernameEditor,
  #profileUsernameEditor button,
  .authPanel.accountProfileMode.avatarEditorMode .avatarActions,
  #saveAvatarButton,
  #skipAvatarButton{
    position:relative!important;
    z-index:30!important;
    pointer-events:auto!important;
    touch-action:manipulation!important;
  }
  #saveAvatarButton:before,
  #saveAvatarButton:after{
    pointer-events:none!important;
  }
  #profileUsernameEditor{
    isolation:isolate!important;
    scroll-margin-bottom:130px!important;
  }
  #profileUsernameInput,
  #saveUsernameButton{
    position:relative!important;
    z-index:31!important;
    pointer-events:auto!important;
    touch-action:manipulation!important;
  }
}

/* Keep auth/profile benefit pills compact while preserving descriptive copy in markup. */
.authPanel:not(.accountProfileMode):not(.avatarEditorMode) .authBenefitStack{
  display:flex!important;
  flex-wrap:wrap!important;
  grid-template-columns:none!important;
  gap:7px!important;
  margin:0 0 22px!important;
}
.authPanel:not(.accountProfileMode):not(.avatarEditorMode) .authBenefitStack span{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:auto!important;
  min-width:0!important;
  min-height:24px!important;
  padding:0 12px!important;
  grid-template-columns:none!important;
  column-gap:0!important;
  border-radius:999px!important;
  white-space:nowrap!important;
}
.authPanel:not(.accountProfileMode):not(.avatarEditorMode) .authBenefitStack span:before,
.authPanel:not(.accountProfileMode):not(.avatarEditorMode) .authBenefitStack span:after,
.authPanel:not(.accountProfileMode):not(.avatarEditorMode) .authBenefitStack small{
  display:none!important;
}
.authPanel:not(.accountProfileMode):not(.avatarEditorMode) .authBenefitStack strong{
  display:inline!important;
  grid-column:auto!important;
  color:inherit!important;
  font-size:inherit!important;
  line-height:1!important;
  white-space:nowrap!important;
}

@media(max-width:850px){
  .authPanel.accountProfileMode:not(.avatarEditorMode) .authBenefitStack{
    display:flex!important;
    flex-wrap:wrap!important;
    grid-template-columns:none!important;
    gap:7px!important;
    margin:0 0 22px!important;
  }
  .authPanel.accountProfileMode:not(.avatarEditorMode) .authBenefitStack span{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:auto!important;
    min-width:0!important;
    min-height:24px!important;
    padding:0 12px!important;
    grid-template-columns:none!important;
    column-gap:0!important;
    border-radius:999px!important;
    white-space:nowrap!important;
  }
  .authPanel.accountProfileMode:not(.avatarEditorMode) .authBenefitStack span:before,
  .authPanel.accountProfileMode:not(.avatarEditorMode) .authBenefitStack span:after,
  .authPanel.accountProfileMode:not(.avatarEditorMode) .authBenefitStack small{
    display:none!important;
  }
  .authPanel.accountProfileMode:not(.avatarEditorMode) .authBenefitStack strong{
    display:inline!important;
    grid-column:auto!important;
    color:inherit!important;
    font-size:inherit!important;
    line-height:1!important;
    white-space:nowrap!important;
  }
}

@media(min-width:851px){
  .authPanel.accountProfileMode:not(.avatarEditorMode) .authPrompt{
    margin-bottom:24px!important;
  }
  .authPanel.accountProfileMode:not(.avatarEditorMode) .authBenefitStack{
    align-items:stretch!important;
  }
  .authPanel.accountProfileMode:not(.avatarEditorMode) .authBenefitStack span{
    aspect-ratio:auto!important;
    height:88px!important;
    min-height:88px!important;
    max-height:88px!important;
    grid-template-columns:22px minmax(0,1fr) 10px!important;
    column-gap:10px!important;
    align-content:center!important;
    padding:13px 16px!important;
    row-gap:3px!important;
  }
  .authPanel.accountProfileMode:not(.avatarEditorMode) .authBenefitStack strong{
    font-size:14px!important;
    line-height:1.08!important;
  }
  .authPanel.accountProfileMode:not(.avatarEditorMode) .authBenefitStack small{
    font-size:12px!important;
    line-height:1.28!important;
  }
  .authPanel.accountProfileMode:not(.avatarEditorMode) .authBenefitStack span:before{
    font-size:21px!important;
  }
  .authPanel.accountProfileMode:not(.avatarEditorMode) .authBenefitStack span:after{
    align-self:center!important;
    font-size:20px!important;
  }
}

/* Uploaded avatar photos: keep the existing rings, crop the image naturally. */
.profileAvatarPreview,
.avatarPreview,
.avatarEditorHeroPreview,
.avatarEditorPreviewSize,
.navUserIcon.hasAvatar,
.authButtonIcon.hasAvatar,
.ownAvatar,
.libraryAvatar:has(img),
.mockAvatar:has(img),
.voiceAvatar:has(img),
.reactionAvatar:has(img),
.reviewAvatar:has(img),
.listenerCardAvatar:has(img),
.reactionReplyAvatar:has(img){
  border-radius:50%!important;
  overflow:hidden!important;
}
.profileAvatarPreview img,
.avatarPreview img,
.avatarEditorHeroPreview img,
.avatarEditorPreviewSize img,
.navUserIcon.hasAvatar img,
.authButtonIcon.hasAvatar img,
.ownAvatar img,
.libraryAvatar img,
.mockAvatar img,
.voiceAvatar img,
.reactionAvatar img,
.reviewAvatar img,
.listenerCardAvatar img,
.reactionReplyAvatar img{
  display:block!important;
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:center!important;
  border-radius:50%!important;
}

/* Small avatar portraits use the same circular cover crop as profile avatars. */
.navUserIcon.hasAvatar img,
.authButtonIcon.hasAvatar img,
.topbar .authButtonIcon.hasAvatar img{
  object-fit:cover!important;
  object-position:center top!important;
}

/* Profile popup background: match Muze black, keep gold as an accent only. */
.authPanel.accountProfileMode,
.authPanel.accountProfileMode:not(.avatarEditorMode),
.authPanel.accountProfileMode.avatarEditorMode{
  background:#0b0b0f!important;
  background-image:linear-gradient(180deg,#0b0b0f 0%,#09090d 54%,#07070a 100%)!important;
}
.authPanel.accountProfileMode .authEditorialLeft,
.authPanel.accountProfileMode:not(.avatarEditorMode) .authEditorialLeft,
.authPanel.accountProfileMode.avatarEditorMode .authEditorialLeft{
  background:
    radial-gradient(circle at 18% 0%,rgba(242,201,76,.025),transparent 28%),
    radial-gradient(circle at 86% 12%,rgba(255,221,112,.012),transparent 30%),
    linear-gradient(180deg,#0b0b0f 0%,#09090d 54%,#07070a 100%)!important;
}
.authPanel.accountProfileMode .authEditorialLeft:before,
.authPanel.accountProfileMode:not(.avatarEditorMode) .authEditorialLeft:before,
.authPanel.accountProfileMode.avatarEditorMode .authEditorialLeft:before{
  background:
    radial-gradient(circle at 50% 28%,rgba(255,217,84,.028),transparent 18%),
    radial-gradient(circle at 22% 80%,rgba(242,201,76,.018),transparent 28%)!important;
  opacity:.18!important;
}
.authPanel.accountProfileMode .authEditorialLeft:after,
.authPanel.accountProfileMode:not(.avatarEditorMode) .authEditorialLeft:after,
.authPanel.accountProfileMode.avatarEditorMode .authEditorialLeft:after{
  background:
    linear-gradient(115deg,rgba(255,255,255,.035),transparent 28%,rgba(242,201,76,.012) 54%,transparent 78%),
    repeating-linear-gradient(90deg,rgba(255,255,255,.010) 0 1px,transparent 1px 14px)!important;
  opacity:.28!important;
}

/* Large profile avatar photos use a true center crop. */
.authPanel.accountProfileMode .profileAvatarPreview,
.authPanel.accountProfileMode:not(.avatarEditorMode) .profileAvatarPreview,
.avatarEditorHeroPreview,
.avatarEditorPreviewSize{
  position:relative!important;
  border-radius:50%!important;
  overflow:hidden!important;
  padding:0!important;
}
.authPanel.accountProfileMode .profileAvatarPreview img,
.authPanel.accountProfileMode:not(.avatarEditorMode) .profileAvatarPreview img,
.avatarEditorHeroPreview img,
.avatarEditorPreviewSize img{
  position:absolute!important;
  inset:0!important;
  display:block!important;
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:center top!important;
  border-radius:0!important;
  transform:translateX(-6%) scale(1.36)!important;
  transform-origin:center top!important;
  z-index:0!important;
}

/* Muze Chat */
.muzeChatShell{display:grid;grid-template-columns:minmax(280px,340px) minmax(0,1fr);gap:18px;min-height:720px;margin:22px 0 42px;color:#fff}
.muzeChatList,.muzeChatPanel{border:1px solid rgba(242,201,76,.20);background:radial-gradient(circle at 18% 0%,rgba(242,201,76,.12),transparent 34%),linear-gradient(145deg,rgba(13,13,14,.96),rgba(5,6,8,.98));box-shadow:0 28px 80px rgba(0,0,0,.42),inset 0 1px 0 rgba(255,255,255,.04);overflow:hidden}
.muzeChatList{border-radius:18px;padding:16px}.muzeChatListHead{padding:8px 8px 18px}
.muzeChatListHead span,.muzeChatContext small,.chatShareBox small,.chatAlbumCard small,.chatLibraryShare small{display:block;color:#ffd51f;font-size:11px;font-weight:950;letter-spacing:.08em;text-transform:uppercase}
.muzeChatListHead h2{margin:6px 0 8px;font-family:Georgia,"Times New Roman",serif;font-size:38px;line-height:1;color:#fff6df}
.muzeChatListHead p{margin:0;color:rgba(255,255,255,.66);font-size:14px;line-height:1.45;font-weight:650}
.muzeChatThread{position:relative;width:100%;display:grid;grid-template-columns:46px minmax(0,1fr) auto;gap:12px;align-items:center;margin:0 0 9px;padding:12px 10px;border:1px solid rgba(255,255,255,.08);border-radius:14px;background:rgba(255,255,255,.035);color:#fff;text-align:left;cursor:pointer}
.muzeChatThread.active{border-color:rgba(242,201,76,.46);background:linear-gradient(135deg,rgba(242,201,76,.16),rgba(255,255,255,.04));box-shadow:0 16px 34px rgba(0,0,0,.34)}
.chatAvatar{position:relative;width:46px;height:46px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#ffe36a,#9b6910);color:#070707;font-weight:950;box-shadow:0 0 24px rgba(242,201,76,.20)}
.chatAvatar.hasChatPhoto{overflow:hidden!important;background:#0c1018!important;padding:0!important}
.chatAvatar.hasChatPhoto img{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;object-fit:cover!important;object-position:center center!important;border-radius:50%!important;display:block!important}
.chatAvatar.online:after{content:"";position:absolute;right:1px;bottom:2px;width:10px;height:10px;border-radius:50%;background:#8ee66d;border:2px solid #080808}
.muzeChatThread strong{display:block;margin-bottom:3px;color:#fff;font-size:15px}.muzeChatThread small{display:block;color:rgba(255,255,255,.62);font-size:12px;line-height:1.25}.muzeChatThread em{align-self:start;color:rgba(255,255,255,.50);font-size:11px;font-style:normal;font-weight:800}
.muzeChatThread b{position:absolute;right:10px;bottom:10px;min-width:20px;height:20px;display:grid;place-items:center;border-radius:999px;background:#ffd51f;color:#080808;font-size:11px;font-weight:950}
.muzeChatPanel{display:grid;grid-template-rows:auto auto minmax(0,1fr) auto;border-radius:18px;min-width:0}
.muzeChatHeader{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:18px 22px;border-bottom:1px solid rgba(255,255,255,.08);background:linear-gradient(90deg,rgba(255,255,255,.045),transparent)}
.muzeChatHeader>div{display:flex;align-items:center;gap:13px}.muzeChatHeader h3{margin:0 0 4px;font-size:22px}.muzeChatHeader p{margin:0;color:rgba(255,255,255,.62);font-size:13px;font-weight:650}
.muzeChatHeader>strong{flex:0 0 auto;border:1px solid rgba(242,201,76,.42);border-radius:999px;padding:9px 13px;color:#ffe36a;background:rgba(242,201,76,.10);font-size:13px}
.muzeChatContext{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:14px 22px;border-bottom:1px solid rgba(255,255,255,.07)}
.muzeChatContext div{display:flex;flex-wrap:wrap;gap:7px;align-items:center}.muzeChatContext small{width:100%;margin-bottom:2px}.muzeChatContext span{border:1px solid rgba(255,255,255,.12);border-radius:999px;padding:6px 10px;background:rgba(255,255,255,.045);color:rgba(255,255,255,.78);font-size:12px;font-weight:800}
.muzeChatMessages{padding:22px;overflow:auto;background:radial-gradient(circle at 86% 16%,rgba(242,201,76,.10),transparent 25%),linear-gradient(180deg,rgba(255,255,255,.02),transparent 28%)}
.chatMessage{display:flex;margin:0 0 16px}.chatMessage.fromMe{justify-content:flex-end}.chatBubble{max-width:min(620px,78%);border:1px solid rgba(255,255,255,.10);border-radius:18px;padding:13px 15px 10px;background:rgba(255,255,255,.055);box-shadow:0 16px 34px rgba(0,0,0,.24)}.fromMe .chatBubble{border-color:rgba(242,201,76,.30);background:linear-gradient(145deg,rgba(92,70,8,.62),rgba(20,17,8,.90))}
.chatBubble p{margin:0;color:rgba(255,255,255,.84);font-size:15px;line-height:1.45;font-weight:650}.chatBubble time{display:block;margin-top:8px;color:rgba(255,255,255,.42);font-size:11px;font-weight:800}
.chatAlbumCard,.chatLibraryShare{width:100%;display:grid;align-items:center;gap:12px;border:1px solid rgba(242,201,76,.22);border-radius:14px;background:linear-gradient(145deg,rgba(0,0,0,.44),rgba(255,255,255,.045));color:#fff;text-align:left;cursor:pointer}.chatAlbumCard{grid-template-columns:82px minmax(0,1fr) auto;padding:10px 12px 10px 10px}.chatAlbumCard .cover{width:82px;height:82px;border-radius:10px;overflow:hidden}.chatAlbumCard strong,.chatLibraryShare strong,.chatShareBox strong{display:block;color:#fff;font-size:16px;line-height:1.15}.chatAlbumCard em,.chatLibraryShare em,.chatShareBox em{display:block;margin-top:4px;color:rgba(255,255,255,.60);font-size:12px;font-style:normal}.chatAlbumCard b{display:block;margin-top:8px;color:rgba(255,255,255,.78);font-size:12px;line-height:1.32}.chatAlbumCard i{color:#ffd51f;font-size:22px;font-style:normal;font-weight:950}
.chatShareBox{min-width:250px;border:1px solid rgba(242,201,76,.20);border-radius:14px;padding:13px;background:rgba(0,0,0,.36)}.chatShareBox span{display:inline-flex;margin-top:10px;border-radius:999px;padding:7px 11px;background:#ffd51f;color:#080808;font-weight:950}
.chatLibraryShare{grid-template-columns:minmax(0,1fr) auto;margin-top:10px;padding:13px}.chatLibraryShare div{display:flex;align-items:center}.chatLibraryShare img,.chatLibraryShare b{width:46px;height:46px;margin-left:-10px;border-radius:8px;border:1px solid rgba(0,0,0,.72);background:#151515;object-fit:cover}.chatLibraryShare img:first-child,.chatLibraryShare b:first-child{margin-left:0}.chatLibraryShare b{display:grid;place-items:center;color:#ffd51f;font-size:12px}
.typingLine{display:flex;align-items:center;gap:5px;color:rgba(255,255,255,.56);font-size:12px;font-weight:800}.typingLine i{width:6px;height:6px;border-radius:50%;background:#ffd51f;opacity:.45;animation:muzeTyping 1.25s infinite ease-in-out}.typingLine i:nth-child(2){animation-delay:.14s}.typingLine i:nth-child(3){animation-delay:.28s}@keyframes muzeTyping{0%,70%,100%{transform:translateY(0);opacity:.35}35%{transform:translateY(-3px);opacity:1}}
.muzeChatComposer{padding:14px 18px 18px;border-top:1px solid rgba(255,255,255,.08);background:rgba(0,0,0,.28)}.chatShareTray{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:10px}.chatShareTray button{border:1px solid rgba(242,201,76,.24);border-radius:999px;padding:8px 11px;background:rgba(242,201,76,.08);color:#ffe36a;font-size:12px;font-weight:900}.muzeChatComposer label{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px}.muzeChatComposer input{min-width:0;height:48px;border:1px solid rgba(255,255,255,.12);border-radius:999px;padding:0 16px;background:rgba(255,255,255,.055);color:#fff;outline:0;font-weight:700}.muzeChatComposer label>button{border:0;border-radius:999px;padding:0 20px;background:linear-gradient(135deg,#ffe76c,#d89b10);color:#080808;font-weight:950}
@media(max-width:900px){.muzeChatShell{grid-template-columns:1fr;min-height:0}.muzeChatList{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(260px,1fr);overflow-x:auto}.muzeChatListHead{min-width:260px}.muzeChatPanel{min-height:660px}.muzeChatContext{grid-template-columns:1fr}.chatBubble{max-width:92%}}
@media(max-width:620px){.muzeChatHeader{align-items:flex-start;flex-direction:column}.chatAlbumCard{grid-template-columns:64px minmax(0,1fr)}.chatAlbumCard i{grid-column:2;font-size:15px}.chatAlbumCard .cover{width:64px;height:64px}.muzeChatComposer label{grid-template-columns:1fr}.muzeChatComposer label>button{height:44px}}

/* Muze Chat blue accent override */
.muzeChatList,.muzeChatPanel{border-color:rgba(90,184,255,.24)!important;background:radial-gradient(circle at 18% 0%,rgba(90,184,255,.15),transparent 34%),linear-gradient(145deg,rgba(13,13,14,.96),rgba(5,6,8,.98))!important}
.muzeChatListHead span,.muzeChatContext small,.chatShareBox small,.chatAlbumCard small,.chatLibraryShare small{color:#5AB8FF!important}
.muzeChatThread.active{border-color:rgba(90,184,255,.58)!important;background:linear-gradient(135deg,rgba(90,184,255,.18),rgba(255,255,255,.04))!important}
.chatAvatar{background:linear-gradient(135deg,#8fd4ff,#5AB8FF)!important;box-shadow:0 0 24px rgba(90,184,255,.26)!important}
.chatAvatar.online:after{background:#5AB8FF!important}
.muzeChatThread b{background:#5AB8FF!important;color:#06101a!important}
.muzeChatHeader>strong{border-color:rgba(90,184,255,.52)!important;color:#8fd4ff!important;background:rgba(90,184,255,.12)!important}
.muzeChatMessages{background:radial-gradient(circle at 86% 16%,rgba(90,184,255,.11),transparent 25%),linear-gradient(180deg,rgba(255,255,255,.02),transparent 28%)!important}
.fromMe .chatBubble{border-color:rgba(90,184,255,.38)!important;background:linear-gradient(145deg,rgba(20,66,122,.66),rgba(9,18,34,.92))!important}
.chatAlbumCard,.chatLibraryShare{border-color:rgba(90,184,255,.30)!important}
.chatShareBox{border-color:rgba(90,184,255,.28)!important}
.typingLine i{background:#5AB8FF!important}
.chatShareTray button{border-color:rgba(242,201,76,.24)!important;background:rgba(242,201,76,.08)!important;color:#ffe36a!important}
.muzeChatComposer label>button{background:linear-gradient(135deg,#ffe76c,#d89b10)!important;color:#080808!important}
.chatAlbumCard i,.chatLibraryShare b{color:#ffd51f!important}
.ratingShare small{color:#ffd51f!important}
.chatShareBox span{background:#ffd51f!important;color:#080808!important}

/* Muze Chat strategic hierarchy */
.muzeChatList{padding:18px!important}
.muzeChatListHead{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:12px!important;align-items:start!important;padding:8px 6px 12px!important}
.chatComposeButton{width:38px!important;height:38px!important;border-radius:50%!important;border:1px solid rgba(242,201,76,.34)!important;background:linear-gradient(135deg,rgba(242,201,76,.20),rgba(0,0,0,.34))!important;color:#ffd51f!important;font-size:24px!important;line-height:1!important;font-weight:900!important;cursor:pointer!important;box-shadow:0 10px 24px rgba(0,0,0,.28),0 0 18px rgba(242,201,76,.10)!important}
.chatComposeMenu{display:grid!important;grid-template-columns:1fr!important;gap:7px!important;margin:0 0 15px!important;padding:10px!important;border:1px solid rgba(90,184,255,.16)!important;border-radius:14px!important;background:rgba(255,255,255,.035)!important}
.chatComposeMenu button{min-height:30px!important;border:1px solid rgba(255,255,255,.09)!important;border-radius:999px!important;background:rgba(0,0,0,.18)!important;color:rgba(255,255,255,.74)!important;font-size:11px!important;font-weight:900!important;text-align:left!important;padding:0 12px!important;cursor:pointer!important}
.chatComposeMenu button:first-child{border-color:rgba(242,201,76,.26)!important;color:#ffe36a!important;background:rgba(242,201,76,.07)!important}
.muzeChatThread{grid-template-columns:54px minmax(0,1fr) 42px!important;gap:14px!important;margin-bottom:12px!important;padding:14px 12px!important;border-radius:16px!important}
.muzeChatThread.active{box-shadow:0 18px 42px rgba(0,0,0,.38),0 0 0 1px rgba(90,184,255,.12) inset!important}
.chatAvatar{width:54px!important;height:54px!important;font-size:18px!important}
.chatAvatar.online:after{right:2px!important;bottom:3px!important;width:12px!important;height:12px!important}
.muzeChatThreadCopy{min-width:0!important;display:block!important}
.muzeChatThreadCopy strong{font-size:16px!important;line-height:1.1!important}
.muzeChatThreadCopy small{margin-top:4px!important;font-size:12.5px!important;line-height:1.28!important}
.muzeChatThreadCopy i{display:inline-flex!important;margin-top:8px!important;border:1px solid rgba(90,184,255,.26)!important;border-radius:999px!important;padding:4px 8px!important;color:#5AB8FF!important;background:rgba(90,184,255,.08)!important;font-size:10px!important;font-style:normal!important;font-weight:950!important}
.chatThreadMeta{display:grid!important;justify-items:end!important;gap:9px!important;align-self:start!important}
.chatThreadMeta em{color:rgba(255,255,255,.68)!important;font-size:12px!important;font-style:normal!important;font-weight:900!important}
.chatThreadMeta b{position:static!important;min-width:24px!important;height:24px!important;font-size:12px!important;box-shadow:0 0 18px rgba(90,184,255,.30)!important}
.muzeChatThread.hasUnread .muzeChatThreadCopy strong{color:#fff!important}
.chatEmptyPrompts{display:grid!important;gap:8px!important;margin-top:14px!important;padding:13px!important;border:1px dashed rgba(90,184,255,.22)!important;border-radius:16px!important;background:rgba(90,184,255,.035)!important}
.chatEmptyPrompts span{color:rgba(255,255,255,.68)!important;font-size:12px!important;font-weight:850!important}
.chatEmptyState{margin:18px!important;padding:18px!important;border:1px dashed rgba(111,161,202,.22)!important;border-radius:18px!important;background:rgba(111,161,202,.045)!important;color:rgba(255,255,255,.62)!important;font-size:14px!important;font-weight:650!important;line-height:1.45!important}
.muzeChatMessages>.chatEmptyState{margin:0!important}
.simpleMessengerChat.chatListOnly{grid-template-columns:minmax(280px,360px) minmax(0,1fr)!important}
.simpleMessengerChat.chatListOnly .muzeChatPanel{display:none!important}
.muzeChatHeader{display:grid!important;grid-template-columns:minmax(250px,.75fr) minmax(360px,1.25fr)!important;align-items:start!important;padding:22px 24px!important}
.chatProfileIdentity{display:flex!important;align-items:center!important;gap:14px!important}
.chatProfileWhy{display:grid!important;gap:9px!important;padding:14px 16px!important;border:1px solid rgba(90,184,255,.22)!important;border-radius:16px!important;background:linear-gradient(135deg,rgba(90,184,255,.10),rgba(255,255,255,.035))!important}
.chatProfileWhy strong{display:inline-flex!important;width:max-content!important;max-width:100%!important;border:1px solid rgba(90,184,255,.52)!important;border-radius:999px!important;padding:8px 12px!important;background:rgba(90,184,255,.12)!important;color:#8fd4ff!important;font-size:13px!important;font-weight:950!important}
.chatProfileWhy div{display:grid!important;grid-template-columns:118px minmax(0,1fr)!important;gap:8px!important;align-items:start!important}
.chatProfileWhy small{color:#5AB8FF!important;font-size:11px!important;font-weight:950!important;text-transform:uppercase!important;letter-spacing:.06em!important}
.chatProfileWhy span{color:rgba(255,255,255,.84)!important;font-size:13px!important;line-height:1.35!important;font-weight:750!important}
.chatStarterStrip{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:10px!important;padding:14px 22px!important;border-bottom:1px solid rgba(255,255,255,.07)!important;background:linear-gradient(90deg,rgba(90,184,255,.055),rgba(242,201,76,.035))!important}
.chatStarterStrip button{min-height:92px!important;border:1px solid rgba(90,184,255,.18)!important;border-radius:14px!important;background:rgba(255,255,255,.035)!important;color:#fff!important;text-align:left!important;padding:12px!important;cursor:pointer!important}
.chatStarterStrip button:nth-child(2){border-color:rgba(242,201,76,.24)!important;background:rgba(242,201,76,.055)!important}
.chatStarterStrip small{display:block!important;margin-bottom:8px!important;color:#5AB8FF!important;font-size:10px!important;font-weight:950!important;text-transform:uppercase!important;letter-spacing:.06em!important}
.chatStarterStrip button:nth-child(2) small{color:#ffd51f!important}
.chatStarterStrip strong{display:block!important;color:#fff!important;font-size:14px!important;line-height:1.15!important}
.chatStarterStrip span{display:block!important;margin-top:5px!important;color:rgba(255,255,255,.58)!important;font-size:12px!important;font-weight:750!important}
.chatMessage.albumMessage .chatBubble{max-width:min(760px,88%)!important;padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important}
.chatMessage.albumMessage .chatBubble time{padding-left:4px!important}
.chatAlbumCard{grid-template-columns:118px minmax(0,1fr) 66px!important;min-height:142px!important;padding:14px!important;border-radius:18px!important;background:radial-gradient(circle at 92% 12%,rgba(242,201,76,.12),transparent 30%),linear-gradient(145deg,rgba(12,18,28,.92),rgba(0,0,0,.76))!important;box-shadow:0 20px 48px rgba(0,0,0,.34),0 0 0 1px rgba(255,255,255,.035) inset!important}
.chatAlbumCard .cover{width:118px!important;height:118px!important;border-radius:13px!important;box-shadow:0 16px 28px rgba(0,0,0,.34)!important}
.chatAlbumCard small{font-size:11px!important;color:#5AB8FF!important}
.chatAlbumCard strong{font-size:22px!important;line-height:1.06!important}
.chatAlbumCard em{font-size:13px!important}
.chatAlbumCard b{max-width:440px!important;margin-top:11px!important;font-size:13px!important;line-height:1.38!important}
.chatAlbumCard i{justify-self:end!important;align-self:start!important;min-width:52px!important;height:52px!important;display:grid!important;place-items:center!important;border:1px solid rgba(242,201,76,.30)!important;border-radius:50%!important;background:rgba(242,201,76,.09)!important;font-size:20px!important;box-shadow:0 0 24px rgba(242,201,76,.12)!important}
.chatBubble:not(:has(.chatAlbumCard)) p{font-size:14px!important;line-height:1.48!important;color:rgba(255,255,255,.76)!important}
@media(max-width:980px){.muzeChatHeader{grid-template-columns:1fr!important}.chatStarterStrip{grid-template-columns:repeat(2,minmax(0,1fr))!important}.chatAlbumCard{grid-template-columns:92px minmax(0,1fr)!important}.chatAlbumCard i{grid-column:2!important;justify-self:start!important;width:auto!important;height:auto!important;border-radius:999px!important;padding:6px 10px!important}}
@media(max-width:620px){.muzeChatThread{grid-template-columns:50px minmax(0,1fr) 34px!important}.chatAvatar{width:50px!important;height:50px!important}.chatProfileWhy div{grid-template-columns:1fr!important}.chatStarterStrip{grid-template-columns:1fr!important;padding:12px!important}.chatAlbumCard{grid-template-columns:72px minmax(0,1fr)!important;min-height:0!important;padding:10px!important}.chatAlbumCard .cover{width:72px!important;height:72px!important}.chatAlbumCard strong{font-size:17px!important}}

/* Simplified messenger-style Muze Chat */
.simpleMessengerChat{grid-template-columns:320px minmax(0,1fr)!important;gap:0!important;min-height:680px!important;margin-top:18px!important;border:1px solid rgba(255,255,255,.08)!important;border-radius:18px!important;overflow:hidden!important;background:#07090d!important}
.simpleMessengerChat .muzeChatList,.simpleMessengerChat .muzeChatPanel{border:0!important;border-radius:0!important;background:#080a0f!important;box-shadow:none!important}
.simpleMessengerChat .muzeChatList{border-right:1px solid rgba(255,255,255,.08)!important;padding:14px!important}
.simpleMessengerChat .muzeChatListHead{display:flex!important;align-items:center!important;justify-content:space-between!important;padding:4px 4px 14px!important}
.simpleMessengerChat .muzeChatListHead span,.simpleMessengerChat .muzeChatListHead p{display:none!important}
.simpleMessengerChat .muzeChatListHead h2{margin:0!important;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif!important;font-size:28px!important;line-height:1!important;color:#fff!important;letter-spacing:-.02em!important}
.simpleMessengerChat .chatComposeButton{width:34px!important;height:34px!important;border-color:rgba(90,184,255,.30)!important;background:rgba(90,184,255,.12)!important;color:#5AB8FF!important;box-shadow:none!important;font-size:22px!important}
.simpleMessengerChat .chatComposeButton{
  display:grid!important;
  place-items:center!important;
  line-height:1!important;
  padding:0!important;
  transform:translateY(-2px)!important;
}
.simpleMessengerChat .chatComposeButton.active{
  transform:translateY(-2px) rotate(45deg)!important;
}
.simpleMessengerChat .chatComposeMenu,.simpleMessengerChat .chatEmptyPrompts,.simpleMessengerChat .chatStarterStrip,.simpleMessengerChat .chatProfileWhy{display:none!important}
.simpleMessengerChat .muzeChatThread{grid-template-columns:48px minmax(0,1fr) 40px!important;gap:11px!important;margin:0!important;padding:10px 8px!important;border:0!important;border-radius:12px!important;background:transparent!important;box-shadow:none!important}
.simpleMessengerChat .muzeChatThread+.muzeChatThread{margin-top:3px!important}
.simpleMessengerChat .muzeChatThread.active{background:rgba(90,184,255,.12)!important;box-shadow:none!important}
.simpleMessengerChat .chatAvatar{width:48px!important;height:48px!important;font-size:17px!important;background:linear-gradient(135deg,#7fcfff,#5AB8FF)!important;box-shadow:none!important}
.simpleMessengerChat .chatAvatar.online:after{width:10px!important;height:10px!important;right:1px!important;bottom:2px!important;background:#5AB8FF!important}
.simpleMessengerChat .muzeChatThreadCopy strong{font-size:15px!important;font-weight:850!important;color:#fff!important}
.simpleMessengerChat .muzeChatThreadCopy small{margin-top:3px!important;color:rgba(255,255,255,.58)!important;font-size:12px!important;line-height:1.25!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
.simpleMessengerChat .muzeChatThreadCopy i{display:none!important}
.simpleMessengerChat .chatThreadMeta{display:grid!important;justify-items:end!important;gap:7px!important}
.simpleMessengerChat .chatThreadMeta em{font-size:11px!important;color:rgba(255,255,255,.48)!important;font-weight:750!important}
.simpleMessengerChat .chatThreadMeta b{min-width:19px!important;height:19px!important;font-size:10px!important;background:#5AB8FF!important;box-shadow:none!important}
.simpleMessengerChat .muzeChatPanel{grid-template-rows:auto auto minmax(0,1fr) auto!important;background:#090b10!important}
.simpleMessengerChat .muzeChatHeader{display:flex!important;align-items:center!important;justify-content:space-between!important;padding:12px 18px!important;border-bottom:1px solid rgba(255,255,255,.08)!important;background:#090b10!important}
.simpleMessengerChat .chatProfileIdentity{gap:11px!important}.simpleMessengerChat .chatProfileIdentity .chatAvatar{width:42px!important;height:42px!important}
.simpleMessengerChat .muzeChatHeader h3{font-size:16px!important;margin:0 0 2px!important}.simpleMessengerChat .muzeChatHeader p{font-size:12px!important;color:rgba(255,255,255,.58)!important}
.simpleMessengerChat .muzeChatContext{display:flex!important;gap:8px!important;padding:10px 18px!important;overflow-x:auto!important;background:#090b10!important}
.simpleMessengerChat .muzeChatContext div{display:flex!important;align-items:center!important;gap:6px!important;flex:0 0 auto!important}
.simpleMessengerChat .muzeChatContext small{width:auto!important;margin:0!important;color:#5AB8FF!important;font-size:10px!important}
.simpleMessengerChat .muzeChatContext span{padding:4px 8px!important;font-size:11px!important;background:rgba(255,255,255,.05)!important;border-color:rgba(255,255,255,.09)!important}
.simpleMessengerChat .muzeChatMessages{padding:18px!important;background:#0b0d12!important}
.simpleMessengerChat .chatBubble{max-width:68%!important;border:0!important;border-radius:18px!important;padding:10px 12px 8px!important;background:#1b1f28!important;box-shadow:none!important}
.simpleMessengerChat .fromMe .chatBubble{background:#1f5f96!important;border:0!important}
.simpleMessengerChat .chatBubble p{font-size:14px!important;line-height:1.38!important;color:rgba(255,255,255,.88)!important}
.simpleMessengerChat .chatBubble time{margin-top:5px!important;font-size:10px!important;color:rgba(255,255,255,.42)!important}
.simpleMessengerChat .chatMessage.albumMessage .chatBubble{max-width:420px!important;padding:0!important;background:transparent!important}
.simpleMessengerChat .chatAlbumCard{grid-template-columns:64px minmax(0,1fr) auto!important;min-height:0!important;padding:8px!important;border-radius:14px!important;background:#151922!important;border-color:rgba(255,255,255,.08)!important;box-shadow:none!important}
.simpleMessengerChat .chatAlbumCard .cover{width:64px!important;height:64px!important;border-radius:10px!important;box-shadow:none!important}
.simpleMessengerChat .chatAlbumCard small{font-size:10px!important;color:#5AB8FF!important}.simpleMessengerChat .chatAlbumCard strong{font-size:15px!important;line-height:1.14!important}.simpleMessengerChat .chatAlbumCard em{font-size:11px!important}.simpleMessengerChat .chatAlbumCard b{display:none!important}.simpleMessengerChat .chatAlbumCard i{min-width:34px!important;height:34px!important;font-size:13px!important}
.simpleMessengerChat .chatShareBox,.simpleMessengerChat .chatLibraryShare{border-color:rgba(255,255,255,.08)!important;background:#151922!important;border-radius:14px!important;box-shadow:none!important}
.simpleMessengerChat .typingLine{font-size:12px!important;margin-left:4px!important}
.simpleMessengerChat .muzeChatComposer{padding:12px 14px!important;background:#090b10!important;border-top:1px solid rgba(255,255,255,.08)!important}
.simpleMessengerChat .chatShareTray{margin-bottom:8px!important}.simpleMessengerChat .chatShareTray button{padding:6px 10px!important;font-size:11px!important}
.simpleMessengerChat .muzeChatComposer input{height:42px!important;background:#151922!important;border-color:rgba(255,255,255,.08)!important}.simpleMessengerChat .muzeChatComposer label>button{height:42px!important}
@media(max-width:900px){.simpleMessengerChat{grid-template-columns:1fr!important}.simpleMessengerChat .muzeChatList{border-right:0!important;border-bottom:1px solid rgba(255,255,255,.08)!important}.simpleMessengerChat .muzeChatList{display:block!important;max-height:310px!important;overflow:auto!important}.simpleMessengerChat .muzeChatPanel{min-height:620px!important}}
@media(max-width:620px){.simpleMessengerChat .chatBubble{max-width:86%!important}.simpleMessengerChat .chatAlbumCard{grid-template-columns:56px minmax(0,1fr)!important}.simpleMessengerChat .chatAlbumCard .cover{width:56px!important;height:56px!important}.simpleMessengerChat .chatAlbumCard i{grid-column:2!important;justify-self:start!important;width:auto!important;height:auto!important;border-radius:999px!important;padding:5px 8px!important}}

/* Muze Chat UX refinement */
.simpleMessengerChat .muzeChatThread{align-items:start!important;padding:12px 9px!important}
.simpleMessengerChat .muzeChatThreadCopy i{display:inline-flex!important;margin:4px 0 5px!important;border:0!important;border-radius:0!important;padding:0!important;background:transparent!important;color:#5AB8FF!important;font-size:11px!important;font-style:normal!important;font-weight:950!important}
.simpleMessengerChat .muzeChatThreadCopy small{white-space:normal!important;display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important}
.simpleMessengerChat .chatThreadMeta em{white-space:nowrap!important}
.simpleMessengerChat .muzeChatThread.hasUnread{background:rgba(90,184,255,.055)!important}
.simpleMessengerChat .muzeChatThread.hasUnread.active{background:rgba(90,184,255,.14)!important}
.simpleMessengerChat .muzeChatHeader{padding:15px 18px!important}
.simpleMessengerChat .muzeChatHeader p{display:flex!important;align-items:center!important;gap:8px!important;flex-wrap:wrap!important;margin-top:3px!important}
.simpleMessengerChat .muzeChatHeader p strong{color:#8fd4ff!important;font-size:13px!important;font-weight:950!important}
.simpleMessengerChat .muzeChatHeader p span{display:inline-flex!important;border:1px solid rgba(90,184,255,.24)!important;border-radius:999px!important;padding:3px 8px!important;background:rgba(90,184,255,.08)!important;color:#5AB8FF!important;font-size:11px!important;font-weight:900!important}
.simpleMessengerChat .muzeChatContext{display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important;overflow:visible!important}
.simpleMessengerChat .muzeChatContext div{min-width:0!important;flex-wrap:wrap!important}
.simpleMessengerChat .muzeChatContext .chatConnectionPurpose{grid-column:1/-1!important;display:grid!important;gap:5px!important;padding:10px 12px!important;border:1px solid rgba(90,184,255,.14)!important;border-radius:12px!important;background:rgba(90,184,255,.045)!important}
.simpleMessengerChat .chatConnectionPurpose p{margin:0!important;color:rgba(255,255,255,.76)!important;font-size:12.5px!important;line-height:1.35!important;font-weight:700!important}
.simpleMessengerChat .chatMoreChip{color:#5AB8FF!important;border-color:rgba(90,184,255,.20)!important;background:rgba(90,184,255,.08)!important}
.simpleMessengerChat .muzeChatContext small,
.simpleMessengerChat .chatConnectionPurpose small{
  color:#ffd51f!important;
}
.simpleMessengerChat .chatMoreChip{
  color:#ffd51f!important;
  border-color:rgba(242,201,76,.24)!important;
  background:rgba(242,201,76,.08)!important;
}
.simpleMessengerChat .muzeChatContext .chatConnectionPurpose{
  border-color:rgba(242,201,76,.16)!important;
  background:rgba(242,201,76,.045)!important;
}
.simpleMessengerChat .muzeChatMessages{padding:22px 18px!important}
.simpleMessengerChat .chatMessage{margin-bottom:20px!important}
.simpleMessengerChat .chatBubble{max-width:58%!important;padding:12px 14px 9px!important;border-radius:19px!important}
.simpleMessengerChat .chatBubble p{font-size:14.5px!important;line-height:1.45!important}
.simpleMessengerChat .chatMessage.albumMessage .chatBubble{max-width:min(560px,78%)!important}
.simpleMessengerChat .chatAlbumCard{grid-template-columns:86px minmax(0,1fr) 42px!important;gap:12px!important;padding:11px!important;border:1px solid rgba(90,184,255,.18)!important;background:linear-gradient(145deg,rgba(18,25,36,.96),rgba(9,11,16,.96))!important;box-shadow:0 16px 34px rgba(0,0,0,.24)!important}
.simpleMessengerChat .chatAlbumCard .cover{width:86px!important;height:86px!important}
.simpleMessengerChat .chatAlbumCard strong{font-size:17px!important}
.simpleMessengerChat .chatAlbumCard b{display:block!important;margin-top:7px!important;font-size:12px!important;line-height:1.32!important;color:rgba(255,255,255,.68)!important}
.simpleMessengerChat .chatAlbumCard i{width:40px!important;height:40px!important;min-width:40px!important;font-size:14px!important}
.chatCardActions{display:flex!important;flex-wrap:wrap!important;gap:6px!important;margin-top:10px!important}
.chatCardActions button{border:1px solid rgba(255,255,255,.12)!important;border-radius:999px!important;background:rgba(255,255,255,.045)!important;color:rgba(255,255,255,.76)!important;padding:6px 9px!important;font-size:10.5px!important;font-weight:900!important;cursor:pointer!important}
.chatAlbumCard .chatCardActions button:first-child,.ratingShare span{border-color:rgba(242,201,76,.28)!important;background:rgba(242,201,76,.10)!important;color:#ffd51f!important}
.chatLibraryShare .chatCardActions button:first-child{border-color:rgba(90,184,255,.28)!important;background:rgba(90,184,255,.09)!important;color:#8fd4ff!important}
.simpleMessengerChat .chatLibraryShare{grid-template-columns:minmax(0,1fr) auto!important;padding:12px!important;border:1px solid rgba(90,184,255,.18)!important;background:linear-gradient(145deg,rgba(18,25,36,.96),rgba(9,11,16,.96))!important}
.chatConversationStarters{display:flex!important;gap:8px!important;overflow-x:auto!important;margin-bottom:9px!important;padding-bottom:2px!important}
.chatConversationStarters button{flex:0 0 auto!important;border:1px solid rgba(90,184,255,.18)!important;border-radius:999px!important;background:rgba(90,184,255,.07)!important;color:#8fd4ff!important;padding:7px 11px!important;font-size:11px!important;font-weight:900!important;cursor:pointer!important}
.chatConversationStarters button:nth-child(3){border-color:rgba(242,201,76,.22)!important;background:rgba(242,201,76,.07)!important;color:#ffe36a!important}
@media(max-width:900px){.simpleMessengerChat .muzeChatContext{grid-template-columns:1fr!important}.simpleMessengerChat .chatBubble{max-width:76%!important}.simpleMessengerChat .chatMessage.albumMessage .chatBubble{max-width:92%!important}}
@media(max-width:620px){.simpleMessengerChat .chatBubble{max-width:88%!important}.simpleMessengerChat .chatAlbumCard{grid-template-columns:70px minmax(0,1fr)!important}.simpleMessengerChat .chatAlbumCard .cover{width:70px!important;height:70px!important}.simpleMessengerChat .chatAlbumCard i{grid-column:2!important;width:auto!important;height:auto!important;min-width:0!important}.chatCardActions button{padding:5px 8px!important}}

/* Conversational shared-content bubbles */
.simpleMessengerChat .chatMessage{margin-bottom:17px!important}
.simpleMessengerChat .chatBubble{max-width:52%!important;padding:13px 15px 8px!important}
.simpleMessengerChat .fromMe .chatBubble{background:linear-gradient(145deg,rgba(31,95,150,.72),rgba(17,49,79,.88))!important}
.simpleMessengerChat .fromThem .chatBubble{background:#171a21!important}
.simpleMessengerChat .chatBubble time{margin-top:4px!important;font-size:10px!important;line-height:1!important}
.simpleMessengerChat .chatMessage.albumMessage .chatBubble{max-width:min(485px,70%)!important}
.simpleMessengerChat .chatAlbumCard{grid-template-columns:72px minmax(0,1fr) 38px!important;gap:10px!important;padding:9px!important;min-height:0!important;border-radius:15px!important;box-shadow:0 10px 24px rgba(0,0,0,.20)!important}
.simpleMessengerChat .chatAlbumCard .cover{width:72px!important;height:72px!important;border-radius:10px!important}
.simpleMessengerChat .chatAlbumCard small,.simpleMessengerChat .chatLibraryShare small,.simpleMessengerChat .chatShareBox small{font-size:10px!important;line-height:1.1!important}
.simpleMessengerChat .chatAlbumCard strong{font-size:15.5px!important;line-height:1.12!important}
.simpleMessengerChat .chatAlbumCard em{font-size:11px!important;margin-top:2px!important}
.simpleMessengerChat .chatAlbumCard b{margin-top:5px!important;font-size:11.5px!important;line-height:1.25!important}
.simpleMessengerChat .chatAlbumCard i{width:34px!important;height:34px!important;min-width:34px!important;font-size:13px!important}
.simpleMessengerChat .chatCardActions{gap:5px!important;margin-top:7px!important}
.simpleMessengerChat .chatCardActions button{padding:4px 8px!important;font-size:10px!important}
.simpleMessengerChat .chatShareBox{min-width:0!important;width:min(380px,100%)!important;padding:12px!important;border-radius:15px!important}
.simpleMessengerChat .chatShareBox strong{font-size:13px!important;line-height:1.2!important;color:rgba(255,255,255,.76)!important}
.simpleMessengerChat .chatShareBox p{margin:5px 0 0!important;font-size:14px!important;line-height:1.35!important}
.simpleMessengerChat .ratingShare span{display:inline-flex!important;align-items:center!important;gap:6px!important;margin-top:10px!important;padding:7px 12px!important;border-radius:999px!important;font-size:19px!important;line-height:1!important;font-weight:950!important}
.simpleMessengerChat .ratingShare span b{font-size:15px!important;line-height:1!important}
.simpleMessengerChat .reviewShare p{font-size:15px!important;line-height:1.35!important;font-weight:750!important}
.simpleMessengerChat .reviewShare em{margin-top:8px!important;font-size:12px!important;color:rgba(255,255,255,.58)!important}
.simpleMessengerChat .chatLibraryShare{width:min(390px,100%)!important;grid-template-columns:minmax(0,1fr) auto!important;gap:10px!important;padding:10px!important;border-radius:15px!important}
.simpleMessengerChat .chatLibraryShare strong{font-size:15.5px!important}
.simpleMessengerChat .chatLibraryShare em{font-size:11px!important}
.simpleMessengerChat .chatLibraryShare img,.simpleMessengerChat .chatLibraryShare b{width:38px!important;height:38px!important;border-radius:7px!important}
@media(max-width:900px){.simpleMessengerChat .chatBubble{max-width:72%!important}.simpleMessengerChat .chatMessage.albumMessage .chatBubble{max-width:86%!important}}
@media(max-width:620px){.simpleMessengerChat .chatBubble{max-width:88%!important}.simpleMessengerChat .chatAlbumCard{grid-template-columns:58px minmax(0,1fr)!important}.simpleMessengerChat .chatAlbumCard .cover{width:58px!important;height:58px!important}}

/* Metallic steel-blue chat accent */
.muzeChatList,.muzeChatPanel{border-color:rgba(94,159,214,.22)!important;background:radial-gradient(circle at 18% 0%,rgba(43,76,111,.22),transparent 34%),linear-gradient(145deg,rgba(13,13,14,.96),rgba(5,6,8,.98))!important}
.muzeChatListHead span,.chatShareBox small,.chatAlbumCard small,.chatLibraryShare small,.simpleMessengerChat .muzeChatContext small,.simpleMessengerChat .muzeChatThreadCopy i{color:#5E9FD6!important}
.muzeChatThread.active,.simpleMessengerChat .muzeChatThread.active{border-color:rgba(94,159,214,.46)!important;background:linear-gradient(135deg,rgba(43,76,111,.38),rgba(255,255,255,.035))!important}
.simpleMessengerChat .muzeChatThread.hasUnread{background:rgba(43,76,111,.18)!important}
.simpleMessengerChat .muzeChatThread.hasUnread.active{background:linear-gradient(135deg,rgba(43,76,111,.46),rgba(255,255,255,.035))!important}
.chatAvatar,.simpleMessengerChat .chatAvatar{background:linear-gradient(145deg,#7DB6E8 0%,#5E9FD6 46%,#2B4C6F 100%)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.22),0 0 18px rgba(43,76,111,.28)!important}
.chatAvatar.online:after,.simpleMessengerChat .chatAvatar.online:after{background:#7DB6E8!important;box-shadow:0 0 0 2px #080808,0 0 8px rgba(125,182,232,.45)!important}
.muzeChatThread b,.simpleMessengerChat .chatThreadMeta b{background:linear-gradient(145deg,#7DB6E8,#5E9FD6 62%,#2B4C6F)!important;color:#06101a!important;box-shadow:0 0 14px rgba(43,76,111,.34)!important}
.muzeChatHeader>strong,.simpleMessengerChat .muzeChatHeader p strong{color:#7DB6E8!important}
.simpleMessengerChat .muzeChatHeader p span{border-color:rgba(94,159,214,.28)!important;background:linear-gradient(145deg,rgba(94,159,214,.13),rgba(43,76,111,.16))!important;color:#7DB6E8!important}
.muzeChatMessages{background:radial-gradient(circle at 86% 16%,rgba(43,76,111,.16),transparent 25%),linear-gradient(180deg,rgba(255,255,255,.02),transparent 28%)!important}
.fromMe .chatBubble,.simpleMessengerChat .fromMe .chatBubble{border-color:rgba(94,159,214,.32)!important;background:linear-gradient(145deg,rgba(43,76,111,.78),rgba(16,34,53,.92))!important}
.chatAlbumCard,.chatLibraryShare,.simpleMessengerChat .chatAlbumCard,.simpleMessengerChat .chatLibraryShare{border-color:rgba(94,159,214,.22)!important}
.chatShareBox,.simpleMessengerChat .chatShareBox{border-color:rgba(94,159,214,.22)!important}
.typingLine i{background:#7DB6E8!important}
.chatLibraryShare .chatCardActions button:first-child,.chatConversationStarters button{border-color:rgba(94,159,214,.24)!important;background:linear-gradient(145deg,rgba(94,159,214,.10),rgba(43,76,111,.12))!important;color:#7DB6E8!important}
.simpleMessengerChat .chatMoreChip{color:#ffd51f!important;border-color:rgba(242,201,76,.24)!important;background:rgba(242,201,76,.08)!important}

/* Chat refinement: quieter audiophile steel-blue and denser music sharing */
.muzeChatList,.muzeChatPanel{border-color:rgba(90,141,185,.22)!important;background:radial-gradient(circle at 18% 0%,rgba(38,63,89,.20),transparent 34%),linear-gradient(145deg,rgba(13,13,14,.96),rgba(5,6,8,.98))!important}
.muzeChatListHead span,.chatShareBox small,.chatAlbumCard small,.chatLibraryShare small,.simpleMessengerChat .muzeChatContext small,.simpleMessengerChat .muzeChatThreadCopy i{color:#5A8DB9!important}
.muzeChatThread.active,.simpleMessengerChat .muzeChatThread.active{border-color:rgba(90,141,185,.42)!important;background:linear-gradient(135deg,rgba(38,63,89,.34),rgba(255,255,255,.03))!important}
.simpleMessengerChat .muzeChatThread.hasUnread{background:rgba(38,63,89,.16)!important}
.chatAvatar,.simpleMessengerChat .chatAvatar{background:linear-gradient(145deg,#6FA1CA 0%,#5A8DB9 48%,#263F59 100%)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.18),0 0 16px rgba(38,63,89,.26)!important}
.chatAvatar.online:after,.simpleMessengerChat .chatAvatar.online:after{background:#6FA1CA!important;box-shadow:0 0 0 2px #080808,0 0 7px rgba(111,161,202,.38)!important}
.muzeChatThread b,.simpleMessengerChat .chatThreadMeta b{background:linear-gradient(145deg,#6FA1CA,#5A8DB9 62%,#263F59)!important;color:#06101a!important;box-shadow:0 0 12px rgba(38,63,89,.32)!important}
.simpleMessengerChat .muzeChatHeader p strong{color:#6FA1CA!important}
.simpleMessengerChat .muzeChatHeader p span{border-color:rgba(90,141,185,.26)!important;background:linear-gradient(145deg,rgba(90,141,185,.11),rgba(38,63,89,.14))!important;color:#6FA1CA!important}
.chatConnectionContext{padding:9px 18px!important;border-bottom:1px solid rgba(255,255,255,.07)!important;background:linear-gradient(90deg,rgba(242,201,76,.045),rgba(38,63,89,.075))!important}
.chatConnectionContext small{display:block!important;margin-bottom:5px!important;color:#ffd51f!important;font-size:10.5px!important;font-weight:950!important;text-transform:uppercase!important;letter-spacing:.06em!important}
.chatConnectionContext p{margin:0!important;color:rgba(255,255,255,.76)!important;font-size:12.5px!important;line-height:1.3!important;font-weight:760!important}
.simpleMessengerChat .muzeChatMessages{padding:18px 18px!important;background:radial-gradient(circle at 86% 16%,rgba(38,63,89,.12),transparent 25%),#0b0d12!important}
.simpleMessengerChat .chatMessage{margin-bottom:14px!important}
.simpleMessengerChat .chatBubble{padding:12px 14px 7px!important}
.simpleMessengerChat .chatAlbumCard,.simpleMessengerChat .chatLibraryShare{border-color:rgba(242,201,76,.18)!important;background:linear-gradient(145deg,rgba(18,22,27,.98),rgba(9,11,14,.98))!important;box-shadow:0 12px 28px rgba(0,0,0,.24)!important}
.simpleMessengerChat .chatAlbumCard small,.simpleMessengerChat .chatLibraryShare small{color:#5A8DB9!important}
.simpleMessengerChat .chatAlbumCard{grid-template-columns:78px minmax(0,1fr) 38px!important}
.simpleMessengerChat .chatAlbumCard .cover{width:78px!important;height:78px!important}
.chatConversationStarters button{border-color:rgba(90,141,185,.20)!important;background:linear-gradient(145deg,rgba(90,141,185,.075),rgba(38,63,89,.10))!important;color:#6FA1CA!important}
.chatLibraryShare .chatCardActions button:first-child{border-color:rgba(90,141,185,.24)!important;background:rgba(90,141,185,.08)!important;color:#6FA1CA!important}
.fromMe .chatBubble,.simpleMessengerChat .fromMe .chatBubble{border-color:rgba(90,141,185,.30)!important;background:linear-gradient(145deg,rgba(38,63,89,.76),rgba(15,31,48,.92))!important}
.typingLine i{background:#6FA1CA!important}
.chatInputWrap{position:relative!important;display:block!important;min-width:0!important}
.muzeChatComposer .chatInputWrap input{width:100%!important;padding-right:48px!important;box-sizing:border-box!important}
.chatEmojiButton{position:absolute!important;right:7px!important;top:50%!important;transform:translateY(-50%)!important;width:32px!important;height:32px!important;border:1px solid rgba(255,255,255,.10)!important;border-radius:50%!important;background:rgba(255,255,255,.045)!important;color:#fff!important;font-size:16px!important;line-height:1!important;display:grid!important;place-items:center!important;cursor:pointer!important;padding:0!important}
.chatEmojiButton:hover{border-color:rgba(90,141,185,.34)!important;background:rgba(90,141,185,.12)!important}
.chatEmojiPicker{position:absolute!important;right:0!important;bottom:50px!important;z-index:8!important;width:min(384px,calc(100vw - 48px))!important;max-height:356px!important;overflow:auto!important;display:block!important;padding:0 10px 10px!important;border:1px solid rgba(90,141,185,.24)!important;border-radius:16px!important;background:linear-gradient(145deg,rgba(16,20,27,.98),rgba(6,8,12,.98))!important;box-shadow:0 18px 48px rgba(0,0,0,.46),inset 0 1px 0 rgba(255,255,255,.06)!important;scroll-behavior:smooth!important;overscroll-behavior:contain!important}
.chatEmojiPicker[hidden]{display:none!important}
.chatEmojiTools{position:sticky!important;top:0!important;z-index:2!important;padding:10px 0 8px!important;background:linear-gradient(180deg,rgba(12,15,20,.99) 0%,rgba(12,15,20,.97) 78%,rgba(12,15,20,0) 100%)!important}
.chatEmojiSearchField{height:40px!important;display:grid!important;grid-template-columns:22px minmax(0,1fr)!important;align-items:center!important;gap:7px!important;margin:0 0 8px!important;padding:0 12px!important;border:1px solid rgba(255,255,255,.08)!important;border-radius:11px!important;background:rgba(255,255,255,.07)!important;box-sizing:border-box!important}
.chatEmojiSearchField span{color:rgba(255,255,255,.62)!important;font-size:15px!important;line-height:1!important}
.chatEmojiTools input{width:100%!important;min-width:0!important;border:0!important;outline:0!important;background:transparent!important;color:#fff!important;font:inherit!important;font-size:15px!important;font-weight:700!important;padding:0!important}
.chatEmojiTools input::placeholder{color:rgba(255,255,255,.62)!important}
.chatEmojiNav{display:flex!important;align-items:center!important;gap:5px!important;overflow-x:auto!important;overflow-y:hidden!important;padding:0 0 3px!important;scrollbar-width:none!important}
.chatEmojiNav::-webkit-scrollbar{display:none!important}
.chatEmojiNav button{width:34px!important;min-width:34px!important;height:34px!important;border-radius:10px!important;color:rgba(255,255,255,.86)!important;font-size:19px!important;filter:saturate(.95)!important}
.chatEmojiNav button:hover,.chatEmojiNav button:focus-visible{background:rgba(90,141,185,.18)!important;outline:0!important}
.chatEmojiResults{display:block!important}
.chatEmojiGroup{display:grid!important;grid-template-columns:repeat(8,1fr)!important;gap:5px!important;margin-bottom:10px!important}
.chatEmojiGroup strong{grid-column:1/-1!important;margin:2px 0 3px!important;color:#c9d7e4!important;font-size:13px!important;font-weight:900!important;text-transform:none!important;letter-spacing:0!important}
.chatEmojiPicker button{height:34px!important;border:0!important;border-radius:10px!important;background:transparent!important;font-size:20px!important;line-height:1!important;cursor:pointer!important;padding:0!important}
.chatEmojiPicker button:hover{background:rgba(90,141,185,.16)!important}
.chatEmojiPicker button[hidden],.chatEmojiGroup[hidden],.chatEmojiNoResults[hidden]{display:none!important}
.chatEmojiNoResults{padding:18px 8px 14px!important;color:rgba(255,255,255,.58)!important;font-size:13px!important;text-align:center!important}
.muzeChatComposer label>button.chatSendIconButton{width:46px!important;min-width:46px!important;padding:0!important;display:grid!important;place-items:center!important}
.chatSendIconButton svg{width:19px!important;height:19px!important;display:block!important;fill:currentColor!important;transform:translateX(1px)!important}
.simpleMessengerChat .muzeChatComposer label>button.chatSendIconButton,
.muzeChatComposer label>button.chatSendIconButton{
  background:linear-gradient(135deg,#6FA1CA,#5A8DB9 62%,#263F59)!important;
  color:#06101a!important;
  border:1px solid rgba(111,161,202,.48)!important;
  box-shadow:0 10px 24px rgba(38,63,89,.30),0 0 18px rgba(111,161,202,.18)!important;
}
.simpleMessengerChat .muzeChatComposer label>button.chatSendIconButton:hover,
.muzeChatComposer label>button.chatSendIconButton:hover{
  background:linear-gradient(135deg,#8bb9dc,#6FA1CA 58%,#315b80)!important;
  box-shadow:0 12px 28px rgba(38,63,89,.38),0 0 22px rgba(111,161,202,.24)!important;
}
.simpleMessengerChat .chatConnectionContext small,
.chatConnectionContext small{
  color:#fff!important;
  font-weight:950!important;
}
.simpleMessengerChat .chatConnectionContext p,
.chatConnectionContext p{
  color:#fff!important;
  font-weight:900!important;
}
.simpleMessengerChat .chatAlbumCard .chatCardActions button:first-child,
.chatAlbumCard .chatCardActions button:first-child{
  color:#fff!important;
  border-color:rgba(255,255,255,.34)!important;
  background:rgba(255,255,255,.08)!important;
}
.simpleMessengerChat .chatAlbumCard i,
.chatAlbumCard i,
.simpleMessengerChat .ratingShare span,
.ratingShare span{
  color:#fff!important;
  border-color:rgba(255,255,255,.28)!important;
  background:rgba(255,255,255,.08)!important;
  box-shadow:none!important;
}
.simpleMessengerChat .ratingShare span b,
.ratingShare span b{
  color:#fff!important;
}
@media(max-width:620px){.chatEmojiPicker{right:auto!important;left:0!important;width:min(340px,calc(100vw - 32px))!important}.chatEmojiGroup{grid-template-columns:repeat(6,1fr)!important}}
@media(max-width:760px){
  .topbarChatPanel{
    position:fixed!important;
    inset:0!important;
    width:auto!important;
    height:auto!important;
    padding:12px!important;
    place-items:center!important;
  }
  .topbarChatPanel #topbarChatContent{
    width:min(1080px,calc(100vw - 24px))!important;
    height:min(760px,calc(100vh - 24px))!important;
  }
  .topbarChatPanel .muzeChatShell{
    grid-template-columns:minmax(210px,32%) minmax(0,1fr)!important;
    grid-template-rows:1fr!important;
  }
  .topbarChatPanel .muzeChatList{
    height:100%!important;
    max-height:none!important;
    overflow:auto!important;
    border-right:1px solid rgba(255,255,255,.08)!important;
    border-bottom:0!important;
  }
  .topbarChatPanel .muzeChatPanel{
    height:100%!important;
    min-height:0!important;
  }
}


.authPanel.accountProfileMode .profileAvatarPreview img.uploadedAvatarPhoto,
.authPanel.accountProfileMode:not(.avatarEditorMode) .profileAvatarPreview img.uploadedAvatarPhoto,
.avatarPreview img.uploadedAvatarPhoto,
.avatarEditorHeroPreview img.uploadedAvatarPhoto,
.avatarEditorPreviewSize img.uploadedAvatarPhoto,
.navUserIcon.hasAvatar img.uploadedAvatarPhoto,
.authButtonIcon.hasAvatar img.uploadedAvatarPhoto,
.topbar .authButtonIcon.hasAvatar img.uploadedAvatarPhoto,
.ownAvatar img.uploadedAvatarPhoto,
.libraryAvatar img.uploadedAvatarPhoto,
.mockAvatar img.uploadedAvatarPhoto,
.voiceAvatar img.uploadedAvatarPhoto,
.reactionAvatar img.uploadedAvatarPhoto,
.reviewAvatar img.uploadedAvatarPhoto,
.listenerCardAvatar img.uploadedAvatarPhoto,
.reactionReplyAvatar img.uploadedAvatarPhoto{
  object-position:center 18%!important;
  transform:translate(-6%,-9%) scale(1.36)!important;
}

@media(max-width:850px){
  .authPanel.accountProfileMode .profileAvatarPreview img.uploadedAvatarPhoto,
  .authPanel.accountProfileMode:not(.avatarEditorMode) .profileAvatarPreview img.uploadedAvatarPhoto,
  .avatarPreview img.uploadedAvatarPhoto,
  .avatarEditorHeroPreview img.uploadedAvatarPhoto,
  .avatarEditorPreviewSize img.uploadedAvatarPhoto,
  .navUserIcon.hasAvatar img.uploadedAvatarPhoto,
  .authButtonIcon.hasAvatar img.uploadedAvatarPhoto,
  .topbar .authButtonIcon.hasAvatar img.uploadedAvatarPhoto,
  .ownAvatar img.uploadedAvatarPhoto,
  .libraryAvatar img.uploadedAvatarPhoto,
  .mockAvatar img.uploadedAvatarPhoto,
  .voiceAvatar img.uploadedAvatarPhoto,
  .reactionAvatar img.uploadedAvatarPhoto,
  .reviewAvatar img.uploadedAvatarPhoto,
  .listenerCardAvatar img.uploadedAvatarPhoto,
  .reactionReplyAvatar img.uploadedAvatarPhoto{
    object-position:center 18%!important;
    transform:translate(-6%,-9%) scale(1.36)!important;
  }
}

/* Keep album popup hero content pinned to the top instead of vertically centering in tall desktop viewports. */
@media(min-width:1051px){
  #albumModal .linerHero{
    align-items:start!important;
    align-content:start!important;
  }
  #albumModal .linerCover,
  #albumModal .linerHeroCopy,
  #albumModal .linerHeroSide{
    align-self:start!important;
  }
  #albumModal .linerHeroSide{
    margin-top:0!important;
    transform:translateY(-18px) scale(.9292)!important;
    transform-origin:top right!important;
  }
  #albumModal .linerHero > .linerHeroSoul{
    display:none!important;
  }
  #albumModal .linerHero > .linerHeroSoul .returnIcon{
    width:42px!important;
    height:42px!important;
  }
  #albumModal .linerHero > .linerHeroSoul .returnHeadline h3{
    font-size:22px!important;
    line-height:1.02!important;
  }
  #albumModal .linerHero > .linerHeroSoul p{
    font-size:13px!important;
    line-height:1.38!important;
  }
  #albumModal .linerHero > .linerHeroSoul .returnTags span{
    padding:6px 10px!important;
    font-size:10px!important;
  }
  #albumModal .linerHero{
    padding-bottom:42px!important;
  }
  #albumModal .albumSeeMorePill{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    position:fixed!important;
    left:50%!important;
    top:auto;
    bottom:auto;
    z-index:10001!important;
    transform:translateX(-50%)!important;
    border:1px solid rgba(255,213,31,.42)!important;
    border-radius:999px!important;
    background:rgba(8,8,9,.72)!important;
    color:#ffd51f!important;
    padding:0 14.375px!important;
    font-size:12.075px!important;
    line-height:.9!important;
    min-height:23px!important;
    font-weight:950!important;
    letter-spacing:.07em!important;
    text-transform:none!important;
    box-shadow:0 6px 14px rgba(0,0,0,.30),0 0 10px rgba(255,213,31,.09)!important;
    cursor:pointer!important;
  }
  #albumModal .albumSeeMorePill:hover{
    border-color:rgba(255,213,31,.72)!important;
    background:rgba(18,15,5,.82)!important;
  }
}
@media(max-width:1050px){
  #albumModal .albumSeeMorePill{
    display:none!important;
  }
}

/* Stable album popup scroller: desktop panel, mobile shell */
@media(min-width:1051px){
  #albumModal:not(.hidden){
    overflow:hidden!important;
    align-items:center!important;
  }
  #albumModal .modalPanel{
    overflow-x:hidden!important;
    overflow-y:auto!important;
    overscroll-behavior:contain!important;
    -webkit-overflow-scrolling:touch!important;
    scroll-behavior:smooth!important;
  }
  #albumModalContent,
  #albumModal .linerAlbumPage{
    transform:none!important;
    contain:paint!important;
  }
}
@media(max-width:1050px){
  #albumModal:not(.hidden){
    overflow-x:hidden!important;
    overflow-y:auto!important;
    overscroll-behavior:contain!important;
    -webkit-overflow-scrolling:touch!important;
  }
  #albumModal .modalPanel{
    overflow:visible!important;
    overscroll-behavior:auto!important;
  }
  #albumModalContent,
  #albumModal .linerAlbumPage{
    transform:none!important;
    backface-visibility:visible!important;
    -webkit-backface-visibility:visible!important;
  }
}

/* Shared menu/header avatar photos fill the circular mask edge to edge too. */
.navUserIcon.hasAvatar,
.authButtonIcon.hasAvatar,
.topbar .authButtonIcon.hasAvatar{
  position:relative!important;
  border-radius:50%!important;
  overflow:hidden!important;
  padding:0!important;
}
.navUserIcon.hasAvatar img,
.authButtonIcon.hasAvatar img,
.topbar .authButtonIcon.hasAvatar img{
  position:absolute!important;
  inset:0!important;
  display:block!important;
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:center top!important;
  border-radius:0!important;
  transform:translateX(-6%) scale(1.36)!important;
  transform-origin:center top!important;
  z-index:0!important;
}

/* Uploaded avatar photos in comments/profile previews use the same portrait-focused crop. */
.ownAvatar:has(img),
.libraryAvatar:has(img),
.mockAvatar:has(img),
.voiceAvatar:has(img),
.reactionAvatar:has(img),
.reviewAvatar:has(img),
.listenerCardAvatar:has(img),
.reactionReplyAvatar:has(img){
  position:relative!important;
  border-radius:50%!important;
  overflow:hidden!important;
  padding:0!important;
}
.ownAvatar img,
.libraryAvatar img,
.mockAvatar img,
.voiceAvatar img,
.reactionAvatar img,
.reviewAvatar img,
.listenerCardAvatar img,
.reactionReplyAvatar img{
  position:absolute!important;
  inset:0!important;
  display:block!important;
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:center top!important;
  border-radius:0!important;
  transform:translateX(-6%) scale(1.36)!important;
  transform-origin:center top!important;
  z-index:0!important;
}
.listenerCardAvatar img{
  transform:translate(-6%,-12%) scale(1.36)!important;
}

/* Dedicated full-page chat view */
body.chatView .hero,
body.chatView .setupWarning,
body.chatView .controls,
body.chatView .tabs{
  display:none!important;
}
body.chatView #content,
body.chatView .simpleMessengerChat{
  margin-top:0!important;
}
.simpleMessengerChat .chatCloseButton{
  position:relative!important;
  flex:0 0 auto!important;
  width:38px!important;
  height:38px!important;
  border:1px solid rgba(255,255,255,.14)!important;
  border-radius:50%!important;
  background:rgba(255,255,255,.055)!important;
  color:#fff!important;
  cursor:pointer!important;
  display:grid!important;
  place-items:center!important;
}
.simpleMessengerChat .chatCloseButton:hover{
  border-color:rgba(111,161,202,.55)!important;
  background:rgba(111,161,202,.14)!important;
}
.simpleMessengerChat .chatCloseButton span,
.simpleMessengerChat .chatCloseButton:before,
.simpleMessengerChat .chatCloseButton:after{
  content:""!important;
  position:absolute!important;
  left:50%!important;
  top:50%!important;
  width:15px!important;
  height:2px!important;
  border-radius:999px!important;
  background:currentColor!important;
  transform-origin:center!important;
}
.simpleMessengerChat .chatCloseButton span{
  display:none!important;
}
.simpleMessengerChat .chatCloseButton:before{
  transform:translate(-50%,-50%) rotate(45deg)!important;
}
.simpleMessengerChat .chatCloseButton:after{
  transform:translate(-50%,-50%) rotate(-45deg)!important;
}

/* Keep the popup using the same two-column chat design as the full-page view. */
.topbarChatPanel .simpleMessengerChat{
  grid-template-columns:320px minmax(0,1fr)!important;
  grid-template-rows:1fr!important;
  min-height:0!important;
}
.topbarChatPanel .simpleMessengerChat .muzeChatList{
  display:block!important;
  height:100%!important;
  max-height:none!important;
  border-right:1px solid rgba(255,255,255,.08)!important;
  border-bottom:0!important;
}
.topbarChatPanel .simpleMessengerChat .muzeChatPanel{
  height:100%!important;
  min-height:0!important;
}
.topbarChatPanel .simpleMessengerChat .muzeChatHeader{
  padding-top:22px!important;
  padding-bottom:14px!important;
}
@media(max-width:760px){
  .topbarChatPanel .simpleMessengerChat{
    grid-template-columns:minmax(210px,32%) minmax(0,1fr)!important;
  }
}

/* Premium chat profile header */
.simpleMessengerChat .muzeChatHeader{
  align-items:flex-start!important;
  padding:26px 28px 22px!important;
  gap:24px!important;
  background:linear-gradient(180deg,rgba(13,18,27,.98),rgba(9,11,16,.98))!important;
  border-bottom:1px solid rgba(255,255,255,.075)!important;
}
.topbarChatPanel .simpleMessengerChat .muzeChatHeader{
  padding-top:30px!important;
  padding-bottom:24px!important;
}
.simpleMessengerChat .chatProfileIdentity{
  align-items:center!important;
  gap:20px!important;
  min-width:0!important;
}
.simpleMessengerChat .chatProfileIdentity .chatAvatar{
  width:64px!important;
  height:64px!important;
  min-width:64px!important;
  font-size:20px!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.20),0 0 26px rgba(38,63,89,.34)!important;
}
.simpleMessengerChat .chatProfileIdentity .chatAvatar.online:after{
  width:13px!important;
  height:13px!important;
  right:4px!important;
  bottom:5px!important;
}
.simpleMessengerChat .muzeChatHeader h3{
  margin:0 0 8px!important;
  color:#fff!important;
  font-size:20px!important;
  line-height:1.08!important;
  font-weight:900!important;
}
.simpleMessengerChat .muzeChatHeader p{
  display:flex!important;
  align-items:center!important;
  flex-wrap:wrap!important;
  gap:9px!important;
  margin:0!important;
}
.simpleMessengerChat .muzeChatHeader p strong{
  color:rgba(255,255,255,.72)!important;
  font-size:12px!important;
  font-weight:800!important;
}
.simpleMessengerChat .muzeChatHeader p span{
  padding:4px 9px!important;
  border-radius:999px!important;
  border:1px solid rgba(111,161,202,.26)!important;
  background:rgba(111,161,202,.08)!important;
  color:#8bb8dd!important;
  font-size:10.5px!important;
  font-weight:850!important;
}
.simpleMessengerChat .chatCloseButton{
  width:30px!important;
  height:30px!important;
  min-width:30px!important;
  margin-top:2px!important;
}
.simpleMessengerChat .chatCloseButton:before,
.simpleMessengerChat .chatCloseButton:after{
  width:12px!important;
  height:2px!important;
}
.simpleMessengerChat .chatConnectionContext{
  padding:16px 28px 18px!important;
  border-bottom:1px solid rgba(255,255,255,.07)!important;
  background:linear-gradient(180deg,rgba(10,13,19,.98),rgba(9,11,16,.98))!important;
}
.simpleMessengerChat .chatConnectionContext small,
.chatConnectionContext small{
  display:block!important;
  margin:0 0 10px!important;
  color:#fff!important;
  font-size:11px!important;
  line-height:1!important;
  font-weight:950!important;
  text-transform:uppercase!important;
  letter-spacing:.06em!important;
}
.simpleMessengerChat .chatMutualArtistPills{
  display:flex!important;
  flex-wrap:wrap!important;
  align-items:center!important;
  gap:8px!important;
  min-width:0!important;
}
.simpleMessengerChat .chatMutualArtistPills span{
  display:inline-flex!important;
  align-items:center!important;
  max-width:100%!important;
  min-height:26px!important;
  padding:6px 11px!important;
  border:1px solid rgba(255,255,255,.10)!important;
  border-radius:999px!important;
  background:rgba(255,255,255,.045)!important;
  color:rgba(255,255,255,.78)!important;
  font-size:12px!important;
  line-height:1.1!important;
  font-weight:800!important;
  white-space:normal!important;
}
.simpleMessengerChat .chatMutualArtistPills p,
.chatConnectionContext p{
  margin:0!important;
  color:rgba(255,255,255,.78)!important;
  font-size:13px!important;
  line-height:1.4!important;
  font-weight:760!important;
}
.simpleMessengerChat .chatSelfProfileCard{
  width:100%!important;
  display:grid!important;
  grid-template-columns:44px minmax(0,1fr)!important;
  align-items:center!important;
  gap:12px!important;
  margin:8px 0 2px!important;
  min-height:89px!important;
  padding:13px 12px!important;
  border:1px solid rgba(111,161,202,.18)!important;
  border-radius:16px!important;
  background:linear-gradient(145deg,rgba(111,161,202,.10),rgba(255,255,255,.035))!important;
  color:#fff!important;
  text-align:left!important;
  cursor:pointer!important;
}
.simpleMessengerChat .chatSelfProfileCard:hover{
  border-color:rgba(111,161,202,.34)!important;
  background:linear-gradient(145deg,rgba(111,161,202,.15),rgba(255,255,255,.045))!important;
}
.simpleMessengerChat .chatSelfAvatar{
  width:44px!important;
  height:44px!important;
  border-radius:50%!important;
  overflow:hidden!important;
  display:grid!important;
  place-items:center!important;
  background:#101722!important;
  box-shadow:0 0 0 1px rgba(255,255,255,.08),0 0 18px rgba(38,63,89,.32)!important;
}
.simpleMessengerChat .chatSelfAvatar img,
.simpleMessengerChat .chatSelfAvatar svg{
  width:44px!important;
  height:44px!important;
  min-width:44px!important;
  max-width:44px!important;
  min-height:44px!important;
  max-height:44px!important;
  display:block!important;
  object-fit:cover!important;
  aspect-ratio:1/1!important;
  border-radius:50%!important;
}
.simpleMessengerChat .chatSelfAvatar img.uploadedAvatarPhoto{
  object-position:center 18%!important;
  transform:translate(-6%,-9%) scale(1.36)!important;
  transform-origin:center 18%!important;
}
.simpleMessengerChat .chatSelfProfileCard .chatSelfCopy{
  min-width:0!important;
  display:grid!important;
  gap:4px!important;
  align-content:center!important;
  justify-content:start!important;
}
.simpleMessengerChat .chatSelfProfileCard small{
  color:#8bb8dd!important;
  font-size:10px!important;
  line-height:1!important;
  font-weight:950!important;
  text-transform:uppercase!important;
  letter-spacing:.06em!important;
}
.simpleMessengerChat .chatSelfProfileCard strong{
  min-width:0!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  color:#fff!important;
  font-size:14px!important;
  line-height:1.15!important;
  font-weight:900!important;
}
.simpleMessengerChat .chatSelfProfileCard em{
  min-width:0!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  color:rgba(255,255,255,.58)!important;
  font-size:11px!important;
  line-height:1.15!important;
  font-style:normal!important;
  font-weight:800!important;
  letter-spacing:0!important;
}
.simpleMessengerChat .chatSelfStats{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:6px!important;
  margin-top:2px!important;
}
.simpleMessengerChat .chatSelfStats b{
  min-width:0!important;
  display:grid!important;
  gap:2px!important;
  padding:7px 8px!important;
  border:1px solid rgba(255,255,255,.08)!important;
  border-radius:10px!important;
  background:rgba(255,255,255,.035)!important;
  font-weight:800!important;
}
.simpleMessengerChat .chatSelfStats i{
  color:#fff!important;
  font-size:15px!important;
  line-height:1!important;
  font-style:normal!important;
  font-weight:950!important;
}
.simpleMessengerChat .chatSelfStats em{
  min-width:0!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  color:rgba(255,255,255,.58)!important;
  font-size:9.5px!important;
  line-height:1.1!important;
  font-style:normal!important;
  font-weight:800!important;
}
@media(max-width:620px){
  .simpleMessengerChat .muzeChatHeader{
    padding:22px 18px 18px!important;
    gap:16px!important;
  }
  .topbarChatPanel .simpleMessengerChat .muzeChatHeader{
    padding-top:24px!important;
    padding-bottom:18px!important;
  }
  .simpleMessengerChat .chatProfileIdentity{
    gap:15px!important;
  }
  .simpleMessengerChat .chatProfileIdentity .chatAvatar{
    width:58px!important;
    height:58px!important;
    min-width:58px!important;
  }
  .simpleMessengerChat .chatConnectionContext{
    padding:14px 18px 16px!important;
  }
}
@media(max-width:760px){
  .profileStatsGrid{
    grid-template-columns:repeat(2,minmax(0,1fr));
    width:100%;
  }
  .profileStatsGrid span,.profileStatsGrid button{
    min-height:68px;
  }
  .authPanel.accountProfileMode.avatarEditorMode .avatarEditorStatsGrid{
    margin-top:-8px;
  }
}

/* Edit profile spacing refinement */
.authPanel.accountProfileMode.avatarEditorMode .avatarEditorHero{
  gap:42px!important;
}
.authPanel.accountProfileMode.avatarEditorMode .avatarEditorHeroPreview{
  margin-top:10px!important;
  margin-bottom:18px!important;
}
.authPanel.accountProfileMode.avatarEditorMode .avatarEditorUsernameDisplay{
  gap:9px!important;
  margin-top:4px!important;
  margin-bottom:26px!important;
}
.authPanel.accountProfileMode.avatarEditorMode .avatarEditorUsernameDisplay strong{
  font-size:17px!important;
}
.authPanel.accountProfileMode.avatarEditorMode .avatarEditorUsernameDisplay span{
  font-size:11px!important;
}
.authPanel.accountProfileMode.avatarEditorMode .avatarEditorStatsGrid{
  width:min(540px,100%)!important;
  gap:8px!important;
  margin-top:14px!important;
  margin-bottom:18px!important;
}
.authPanel.accountProfileMode.avatarEditorMode .avatarEditorStatsGrid span,.authPanel.accountProfileMode.avatarEditorMode .avatarEditorStatsGrid button{
  min-height:58px!important;
  padding:9px 8px!important;
  border-radius:13px!important;
}
.authPanel.accountProfileMode.avatarEditorMode .avatarEditorStatsGrid strong{
  font-size:21px!important;
}
.authPanel.accountProfileMode.avatarEditorMode .avatarEditorStatsGrid small{
  margin-top:5px!important;
  font-size:8.8px!important;
  letter-spacing:.045em!important;
}
@media(max-width:760px){
  .authPanel.accountProfileMode.avatarEditorMode .avatarEditorHero{
    gap:30px!important;
  }
  .authPanel.accountProfileMode.avatarEditorMode .avatarEditorStatsGrid{
    margin-top:8px!important;
  }
}

/* Chatbox typography: softer, non-bold text */
.simpleMessengerChat :is(p,span,small,strong,b,em,i,time){
  font-weight:500!important;
}
.simpleMessengerChat :is(.muzeChatListHead h2,.muzeChatHeader h3){
  font-weight:650!important;
}
.simpleMessengerChat :is(button,.chatComposeButton,.chatSendIconButton){
  font-weight:650!important;
}
.simpleMessengerChat .muzeChatComposer,
.simpleMessengerChat .muzeChatComposer label,
.simpleMessengerChat .chatInputWrap,
.simpleMessengerChat .muzeChatComposer input{
  pointer-events:auto!important;
}
.simpleMessengerChat .muzeChatComposer input{
  user-select:text!important;
  -webkit-user-select:text!important;
  font-weight:500!important;
}
.simpleMessengerChat .chatComposeButton.active{
  transform:rotate(45deg)!important;
  border-color:rgba(111,161,202,.55)!important;
  background:rgba(111,161,202,.18)!important;
}
.chatUserSearchPanel{
  display:grid!important;
  gap:9px!important;
  margin:0 0 12px!important;
  padding:10px!important;
  border:1px solid rgba(111,161,202,.20)!important;
  border-radius:16px!important;
  background:rgba(111,161,202,.055)!important;
}
.chatUserSearchPanel label{
  display:block!important;
  min-width:0!important;
}
.chatUserSearchPanel input{
  width:100%!important;
  height:38px!important;
  border:1px solid rgba(255,255,255,.10)!important;
  border-radius:999px!important;
  background:#111620!important;
  color:#fff!important;
  outline:0!important;
  padding:0 13px!important;
  font-size:13px!important;
  font-weight:500!important;
}
.chatUserSearchPanel input:focus{
  border-color:rgba(111,161,202,.44)!important;
  box-shadow:0 0 0 3px rgba(111,161,202,.10)!important;
}
.chatUserSearchResults{
  display:grid!important;
  gap:6px!important;
}
.chatUserSearchResult{
  width:100%!important;
  min-width:0!important;
  display:grid!important;
  grid-template-columns:36px minmax(0,1fr)!important;
  gap:10px!important;
  align-items:center!important;
  border:1px solid rgba(255,255,255,.08)!important;
  border-radius:13px!important;
  background:rgba(255,255,255,.035)!important;
  color:#fff!important;
  padding:8px!important;
  text-align:left!important;
  cursor:pointer!important;
}
.chatUserSearchResult:hover{
  border-color:rgba(111,161,202,.28)!important;
  background:rgba(111,161,202,.10)!important;
}
.chatUserSearchResult .chatAvatar{
  width:36px!important;
  height:36px!important;
  min-width:36px!important;
}
.chatUserSearchResult span{
  min-width:0!important;
  display:grid!important;
  gap:2px!important;
}
.chatUserSearchResult strong,
.chatUserSearchResult small{
  min-width:0!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}
.chatUserSearchResult strong{
  color:#fff!important;
  font-size:13.5px!important;
}
.chatUserSearchResult small,
.chatUserSearchEmpty{
  color:rgba(255,255,255,.58)!important;
  font-size:11.5px!important;
}
.chatUserSearchEmpty{
  padding:8px 4px!important;
}

/* Mojokoso uses a pre-cropped square avatar file, so do not apply portrait zoom offsets. */
.libraryAvatar img[src*="mojokoso-avatar"],
.mockAvatar img[src*="mojokoso-avatar"],
.chatAvatar img[src*="mojokoso-avatar"],
.simpleMessengerChat .chatSelfAvatar img[src*="mojokoso-avatar"]{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:center center!important;
  transform:none!important;
  transform-origin:center center!important;
  border-radius:50%!important;
}

/* Mobile topbar: prevent logo/tagline/actions from overlapping. */
@media(max-width:650px){
  .topbar{
    display:grid!important;
    grid-template-columns:52px minmax(0,1fr) auto!important;
    align-items:center!important;
    gap:8px!important;
    margin-bottom:16px!important;
  }
  .topbar .menuBtn{
    width:48px!important;
    height:48px!important;
    grid-column:1!important;
  }
  .topbar .brandWrap{
    grid-column:2!important;
    width:100%!important;
    min-width:0!important;
    overflow:visible!important;
    margin-left:0!important;
    gap:8px!important;
    justify-content:center!important;
  }
  .topbar .brandLogo{
    width:auto!important;
    height:61px!important;
    max-width:79px!important;
    margin-right:0!important;
    object-fit:contain!important;
    object-position:center center!important;
    border-radius:0!important;
    transform:translateY(-3px)!important;
    filter:drop-shadow(0 7px 13px rgba(0,0,0,.38)) contrast(1.08) saturate(1.06)!important;
  }
  .topbar .brandWrap:before{
    left:calc(50% - 70px)!important;
    top:13px!important;
    width:38px!important;
    height:26px!important;
    opacity:.55!important;
    filter:blur(10px)!important;
  }
  .topbar .brandWrap:after{display:none!important}
  .topbar .brandWrap .tagline{
    min-width:0!important;
    max-width:154px!important;
    overflow:hidden!important;
    display:block!important;
    color:rgba(218,211,198,.68)!important;
    font-size:11.4px!important;
    line-height:1.28!important;
    letter-spacing:.012em!important;
    margin-left:0!important;
    transform:translateY(-1px)!important;
    font-weight:560!important;
  }
  .topbar .notificationWrap{
    grid-column:3!important;
    justify-self:end!important;
    gap:8px!important;
    min-width:max-content!important;
  }
  .topbar .topbarChatButton,
  .topbar .notificationBell{
    width:44px!important;
    height:44px!important;
    min-width:44px!important;
  }
  .topbar .authButton{
    grid-column:1 / -1!important;
    width:100%!important;
    min-height:48px!important;
    margin:6px 0 0!important;
    justify-content:center!important;
  }
}

/* Mobile chat popup: use a single-column phone layout instead of squeezed desktop columns. */
@media(max-width:650px){
  .topbarChatPanel{
    padding:10px!important;
    place-items:center!important;
    align-items:start!important;
    height:100dvh!important;
    overflow:hidden!important;
  }
  .topbarChatPanel #topbarChatContent{
    width:calc(100vw - 20px)!important;
    height:calc(var(--mobile-chat-height, 100dvh) - 20px)!important;
    max-height:calc(var(--mobile-chat-height, 100dvh) - 20px)!important;
    border-radius:24px!important;
    overflow:hidden!important;
  }
  .topbarChatPanel .simpleMessengerChat{
    display:grid!important;
    grid-template-columns:1fr!important;
    grid-template-rows:auto minmax(0,1fr)!important;
    height:100%!important;
    min-height:0!important;
  }
  .topbarChatPanel .simpleMessengerChat .muzeChatList{
    height:100%!important;
    max-height:none!important;
    min-height:0!important;
    overflow:auto!important;
    border-right:0!important;
    border-bottom:1px solid rgba(255,255,255,.08)!important;
    padding:16px 14px 12px!important;
  }
  .topbarChatPanel .simpleMessengerChat .muzeChatListHead{
    padding:2px 8px 12px!important;
  }
  .topbarChatPanel .simpleMessengerChat .muzeChatListHead h2{
    font-size:25px!important;
  }
  .topbarChatPanel .simpleMessengerChat .muzeChatThread{
    grid-template-columns:42px minmax(0,1fr) auto!important;
    gap:10px!important;
    padding:10px!important;
    min-height:64px!important;
  }
  .topbarChatPanel .simpleMessengerChat .chatAvatar{
    width:42px!important;
    height:42px!important;
    min-width:42px!important;
  }
  .topbarChatPanel .simpleMessengerChat .muzeChatThreadCopy strong{
    max-width:100%!important;
    display:block!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
    font-size:14px!important;
  }
  .topbarChatPanel .simpleMessengerChat .muzeChatThreadCopy small{
    max-width:100%!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    font-size:11.5px!important;
  }
  .topbarChatPanel .simpleMessengerChat .chatThreadMeta{
    align-self:start!important;
    min-width:36px!important;
  }
  .topbarChatPanel .simpleMessengerChat .chatThreadMeta em{
    font-size:10px!important;
    white-space:nowrap!important;
  }
  .topbarChatPanel .simpleMessengerChat .muzeChatPanel{
    display:none!important;
    height:100%!important;
    min-height:0!important;
    grid-template-rows:auto auto minmax(0,1fr) auto!important;
  }
  .topbarChatPanel .simpleMessengerChat .muzeChatHeader{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) 30px!important;
    gap:12px!important;
    align-items:start!important;
    padding:16px!important;
  }
  .topbarChatPanel .simpleMessengerChat .chatProfileIdentity{
    gap:12px!important;
    min-width:0!important;
  }
  .topbarChatPanel .simpleMessengerChat .chatProfileIdentity .chatAvatar{
    width:50px!important;
    height:50px!important;
    min-width:50px!important;
  }
  .topbarChatPanel .simpleMessengerChat .muzeChatHeader h3{
    font-size:18px!important;
    margin-bottom:5px!important;
  }
  .topbarChatPanel .simpleMessengerChat .muzeChatHeader p{
    gap:6px!important;
    font-size:11.5px!important;
  }
  .topbarChatPanel .simpleMessengerChat .muzeChatHeader p span{
    padding:4px 7px!important;
    font-size:10.5px!important;
  }
  .topbarChatPanel .simpleMessengerChat .chatCloseButton{
    width:28px!important;
    height:28px!important;
    min-width:28px!important;
    justify-self:end!important;
  }
  .topbarChatPanel .simpleMessengerChat .chatConnectionContext{
    padding:12px 16px!important;
  }
  .topbarChatPanel .simpleMessengerChat .chatMutualArtistPills{
    gap:7px!important;
  }
  .topbarChatPanel .simpleMessengerChat .chatMutualArtistPills span{
    max-width:100%!important;
    padding:6px 9px!important;
    border-radius:999px!important;
    font-size:11px!important;
    line-height:1.15!important;
  }
  .topbarChatPanel .simpleMessengerChat .muzeChatMessages{
    padding:14px!important;
    min-height:0!important;
    overscroll-behavior:contain!important;
  }
  .topbarChatPanel .simpleMessengerChat .chatBubble{
    max-width:88%!important;
  }
  .topbarChatPanel .simpleMessengerChat .muzeChatComposer{
    padding:10px 12px 12px!important;
  }
  .topbarChatPanel .simpleMessengerChat .muzeChatComposer label{
    grid-template-columns:minmax(0,1fr) 44px!important;
    gap:8px!important;
  }
  .topbarChatPanel .simpleMessengerChat .muzeChatComposer input{
    height:42px!important;
    font-size:16px!important;
  }
  .topbarChatPanel .simpleMessengerChat .chatSendIconButton{
    width:44px!important;
    min-width:44px!important;
    height:44px!important;
  }
  .topbarChatPanel #topbarChatContent.mobileChatConversationOpen .simpleMessengerChat{
    grid-template-rows:minmax(0,1fr)!important;
  }
  .topbarChatPanel #topbarChatContent.mobileChatConversationOpen .muzeChatList{
    display:none!important;
  }
  .topbarChatPanel #topbarChatContent.mobileChatConversationOpen .muzeChatPanel{
    display:grid!important;
    height:100%!important;
    min-height:0!important;
    border-radius:0!important;
  }
  .topbarChatPanel #topbarChatContent.mobileChatConversationOpen .muzeChatHeader{
    position:sticky!important;
    top:0!important;
    z-index:3!important;
  }
  .topbarChatPanel #topbarChatContent.mobileChatConversationOpen .muzeChatMessages{
    overflow:auto!important;
  }
  .topbarChatPanel #topbarChatContent.mobileChatConversationOpen .muzeChatComposer{
    position:sticky!important;
    bottom:0!important;
    z-index:3!important;
  }
  .topbarChatPanel.keyboardOpen{
    padding:4px!important;
  }
  .topbarChatPanel.keyboardOpen #topbarChatContent{
    width:calc(100vw - 8px)!important;
    height:calc(var(--mobile-chat-height, 100dvh) - 8px)!important;
    max-height:calc(var(--mobile-chat-height, 100dvh) - 8px)!important;
    border-radius:18px!important;
  }
  .topbarChatPanel.keyboardOpen .simpleMessengerChat .muzeChatHeader{
    padding-top:12px!important;
    padding-bottom:10px!important;
  }
  .topbarChatPanel.keyboardOpen .simpleMessengerChat .chatConnectionContext{
    padding-top:9px!important;
    padding-bottom:9px!important;
  }
}

/* Final chat compose plus alignment override. */
.simpleMessengerChat .chatComposeButton,
.topbarChatPanel .simpleMessengerChat .chatComposeButton{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:0 0 4px!important;
  line-height:0!important;
  font-size:20px!important;
}
.simpleMessengerChat .chatComposeButton.active,
.topbarChatPanel .simpleMessengerChat .chatComposeButton.active{
  transform:rotate(45deg)!important;
}

/* Messenger-style online presence dot. */
.chatAvatar.online:after,
.simpleMessengerChat .chatAvatar.online:after,
.topbarChatPanel .simpleMessengerChat .chatAvatar.online:after,
.simpleMessengerChat .chatProfileIdentity .chatAvatar.online:after{
  content:""!important;
  position:absolute!important;
  right:1px!important;
  bottom:2px!important;
  width:12px!important;
  height:12px!important;
  border-radius:50%!important;
  background:#31d158!important;
  border:2px solid #080b10!important;
  box-shadow:0 0 0 1px rgba(49,209,88,.28),0 0 8px rgba(49,209,88,.42)!important;
  z-index:4!important;
}
.simpleMessengerChat .chatProfileIdentity .chatAvatar.online:after{
  width:14px!important;
  height:14px!important;
  right:2px!important;
  bottom:2px!important;
}
.chatHeaderPresence,
.simpleMessengerChat .chatHeaderPresence{
  display:inline-flex!important;
  align-items:center!important;
  gap:4px!important;
  margin-left:9px!important;
  color:#31d158!important;
  font-size:11px!important;
  line-height:1!important;
  font-style:normal!important;
  font-weight:850!important;
  text-transform:lowercase!important;
  vertical-align:middle!important;
}
.chatHeaderPresence i,
.simpleMessengerChat .chatHeaderPresence i{
  display:block!important;
  width:6px!important;
  height:6px!important;
  border-radius:50%!important;
  background:#31d158!important;
  box-shadow:0 0 6px rgba(49,209,88,.55)!important;
}

/* Song sharing from album tracklists. */
.albumTrackSections .trackTableHead,
.albumTrackSections .linerTrackRow{
  grid-template-columns:38px 34px minmax(0,1fr) 112px 112px 112px!important;
}
.albumTrackSections .trackTableHead span:nth-child(2){grid-column:3!important}
.albumTrackSections .trackTableHead span:nth-child(3){grid-column:4!important;display:block!important;text-align:center!important}
.albumTrackSections .trackTableHead span:nth-child(4){grid-column:5!important;text-align:center!important;padding-left:0!important}
.albumTrackSections .trackTableHead span:nth-child(5){grid-column:6!important;display:block!important;text-align:center!important}
.albumTrackSections .trackRowScore{grid-column:5!important;justify-self:center!important;margin-left:0!important}
.albumTrackSections .trackDots{grid-column:6!important}
.albumTrackSections .trackShareButton{
  grid-column:4!important;
  justify-self:center!important;
  width:22px!important;
  height:22px!important;
  display:grid!important;
  place-items:center!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  color:rgba(255,255,255,.34)!important;
  font-size:14px!important;
  line-height:1!important;
  cursor:pointer!important;
  box-shadow:none!important;
  padding:0!important;
}
.albumTrackSections .trackShareButton svg{
  width:16px!important;
  height:16px!important;
  display:block!important;
  fill:none!important;
  stroke:currentColor!important;
  stroke-width:1.35!important;
  stroke-linecap:round!important;
  stroke-linejoin:round!important;
}
.albumTrackSections .trackShareButton:hover{
  color:rgba(255,255,255,.52)!important;
  border-color:transparent!important;
  background:transparent!important;
}
.trackShareSheet{
  position:fixed!important;
  inset:0!important;
  z-index:12000!important;
  display:grid!important;
  place-items:center!important;
  padding:20px!important;
  background:rgba(0,0,0,.44)!important;
  opacity:0!important;
  transition:opacity .16s ease!important;
}
.trackShareSheet.open{opacity:1!important}
.trackSharePanel{
  width:min(520px,calc(100vw - 32px))!important;
  border:1px solid rgba(255,255,255,.14)!important;
  border-radius:18px!important;
  background:linear-gradient(145deg,#111720,#080b10)!important;
  box-shadow:0 28px 80px rgba(0,0,0,.52)!important;
  color:#fff!important;
  padding:18px!important;
}
.trackSharePanel header{
  display:flex!important;
  justify-content:space-between!important;
  gap:16px!important;
  align-items:flex-start!important;
  margin-bottom:16px!important;
}
.trackSharePanel header small,
.trackSharePanel section small{
  display:block!important;
  color:#7db6e8!important;
  text-transform:uppercase!important;
  font-size:11px!important;
  font-weight:900!important;
  letter-spacing:.08em!important;
  margin-bottom:5px!important;
}
.trackSharePanel header strong{display:block!important;font-size:22px!important;line-height:1.1!important}
.trackSharePanel header span{display:block!important;margin-top:5px!important;color:rgba(255,255,255,.58)!important;font-size:13px!important}
.trackSharePanel header>button{
  width:34px!important;
  height:34px!important;
  border-radius:999px!important;
  border:1px solid rgba(255,255,255,.13)!important;
  background:rgba(255,255,255,.07)!important;
  color:#fff!important;
  font-size:22px!important;
  cursor:pointer!important;
}
.trackShareActions{
  display:grid!important;
  grid-template-columns:repeat(5,1fr)!important;
  gap:8px!important;
  margin-bottom:17px!important;
}
.trackShareActions.systemOnly{
  grid-template-columns:1fr!important;
}
.trackShareActions.systemOnly button{
  min-height:44px!important;
  border-radius:12px!important;
  color:#06101a!important;
  background:linear-gradient(145deg,#8ec9f3,#5a9fd6)!important;
  border-color:rgba(255,255,255,.18)!important;
  font-size:14px!important;
}
.trackShareChoiceList{
  display:grid!important;
  gap:8px!important;
}
.trackShareChoiceList button{
  width:100%!important;
  min-height:58px!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  justify-content:center!important;
  gap:4px!important;
  border:1px solid rgba(255,255,255,.12)!important;
  border-radius:12px!important;
  background:rgba(255,255,255,.055)!important;
  color:#fff!important;
  padding:10px 13px!important;
  cursor:pointer!important;
  text-align:left!important;
}
.trackShareChoiceList button:hover{
  border-color:rgba(125,182,232,.38)!important;
  background:rgba(125,182,232,.10)!important;
}
.trackShareChoiceList strong{
  color:#fff!important;
  font-size:14px!important;
  line-height:1.1!important;
}
.trackShareChoiceList span{
  color:rgba(255,255,255,.55)!important;
  font-size:12px!important;
  line-height:1.2!important;
}
.trackShareMiniSheet{
  position:fixed!important;
  inset:0!important;
  z-index:12000!important;
  background:transparent!important;
  opacity:0!important;
  pointer-events:auto!important;
  transition:opacity .10s ease!important;
}
.trackShareMiniSheet.open{opacity:1!important}
.trackShareMiniMenu{
  position:fixed!important;
  left:0;
  top:-34px;
  width:168px!important;
  display:grid!important;
  gap:4px!important;
  padding:6px!important;
  border:1px solid rgba(255,255,255,.10)!important;
  border-radius:8px!important;
  background:#05070a!important;
  box-shadow:0 14px 34px rgba(0,0,0,.48)!important;
  color:#fff!important;
}
.trackShareMiniMenu>button{
  min-height:30px!important;
  border:0!important;
  border-radius:5px!important;
  background:#11151b!important;
  color:rgba(255,255,255,.82)!important;
  padding:6px 9px!important;
  text-align:left!important;
  font-size:12px!important;
  font-weight:750!important;
  cursor:pointer!important;
}
.trackShareMiniMenu>button:hover{
  background:#18202a!important;
  color:#fff!important;
}
.trackShareMiniMenu.muzeChatMiniMenu{
  width:220px!important;
}
.trackShareMiniMenu.muzeChatMiniMenu>strong{
  display:block!important;
  padding:4px 7px 2px!important;
  color:rgba(255,255,255,.68)!important;
  font-size:11px!important;
  font-weight:800!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
.trackShareMiniMenu .trackShareUsers{
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:4px!important;
}
.trackShareMiniMenu .trackShareUsers button{
  min-height:30px!important;
  border:0!important;
  border-radius:5px!important;
  background:#11151b!important;
  color:rgba(255,255,255,.82)!important;
  padding:5px 8px!important;
  font-size:12px!important;
  font-weight:750!important;
}
.trackShareMiniMenu .trackShareUsers .chatAvatar{
  width:22px!important;
  height:22px!important;
  flex:0 0 22px!important;
}
.albumTrackSections .linerTrackRow.sharedTrackTarget{
  background:linear-gradient(90deg,rgba(125,182,232,.18),rgba(255,255,255,.035))!important;
  outline:1px solid rgba(125,182,232,.35)!important;
  border-radius:8px!important;
  box-shadow:0 0 22px rgba(90,141,185,.16)!important;
}
.trackShareActions button,
.trackShareUsers button{
  border:1px solid rgba(255,255,255,.12)!important;
  border-radius:999px!important;
  background:rgba(255,255,255,.06)!important;
  color:#fff!important;
  min-height:36px!important;
  font-size:12px!important;
  font-weight:850!important;
  cursor:pointer!important;
}
.trackShareUsers{
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  gap:8px!important;
}
.trackShareUsers button{
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
  justify-content:flex-start!important;
  border-radius:12px!important;
  padding:7px 9px!important;
}
.trackShareUsers .chatAvatar{width:30px!important;height:30px!important;flex:0 0 30px!important}
.trackShareEmpty{color:rgba(255,255,255,.55)!important;font-size:13px!important;padding:8px 0!important}
@media(max-width:768px){
  .albumTrackSections .trackTableHead,
  .albumTrackSections .linerTrackRow{
    grid-template-columns:24px 32px minmax(0,1fr) 28px 24px!important;
  }
  .albumTrackSections .trackTableHead span:nth-child(3){
    grid-column:4!important;
    display:block!important;
    font-size:0!important;
    transform:none!important;
    width:auto!important;
  }
  .albumTrackSections .trackTableHead span:nth-child(3):after{
    content:"Share";
    font-size:9px!important;
  }
  .albumTrackSections .trackTableHead span:nth-child(4){
    grid-column:5!important;
    display:block!important;
    font-size:0!important;
    transform:none!important;
    width:auto!important;
  }
  .albumTrackSections .trackTableHead span:nth-child(4):after{
    content:"Score";
    font-size:9px!important;
  }
  .albumTrackSections .trackTableHead span:nth-child(5){
    display:none!important;
  }
  .albumTrackSections .trackShareButton{
    grid-column:4!important;
    width:22px!important;
    height:22px!important;
  }
  .albumTrackSections .trackRowScore{
    grid-column:5!important;
  }
  .trackShareActions{grid-template-columns:1fr 1fr!important}
  .trackShareUsers{grid-template-columns:1fr!important}
}

@media(max-width:768px){
  .albumTrackSections .trackTableHead,
  .albumTrackSections .linerTrackRow{
    grid-template-columns:24px 20px minmax(0,1fr) 28px 24px!important;
  }
  .albumTrackSections .trackPulse{
    width:18px!important;
    height:18px!important;
    min-width:18px!important;
    padding:0!important;
    font-size:0!important;
    line-height:1!important;
    display:block!important;
    position:relative!important;
    color:rgba(255,255,255,.48)!important;
  }
  .albumTrackSections .trackPulse:not(.isPreviewing)::before{
    left:5px!important;
    top:4px!important;
    border-top:5px solid transparent!important;
    border-bottom:5px solid transparent!important;
    border-left:8px solid rgba(255,255,255,.48)!important;
  }
  .albumTrackSections .trackPulse.isPreviewing::before,
  .albumTrackSections .trackPulse.isPreviewing::after{
    top:5px!important;
    width:2px!important;
    height:8px!important;
    background:rgba(255,255,255,.48)!important;
  }
  .albumTrackSections .trackPulse.isPreviewing::before{left:6px!important;}
  .albumTrackSections .trackPulse.isPreviewing::after{left:10px!important;}
  .albumTrackSections .trackNo{
    font-size:11px!important;
    line-height:1!important;
    font-weight:700!important;
    opacity:.68!important;
  }
}

@media(max-width:850px){
  #albumModal .linerAlbumPage{
    padding-top:14px!important;
  }
  #albumModal .linerCover{
    width:90%!important;
    max-width:calc(90vw - 29px)!important;
    justify-self:center!important;
    margin-left:auto!important;
    margin-right:auto!important;
  }
  #albumModal .linerCover .cover,
  #albumModal .linerCoverFlip,
  #albumModal .linerCoverFlipCard,
  #albumModal .linerCoverFlipCard .linerCoverFace{
    width:100%!important;
    max-width:100%!important;
  }
  #albumModal #closeAlbumModal.close.cleanClose{
    position:fixed!important;
    top:16px!important;
    right:16px!important;
    z-index:10050!important;
    width:42px!important;
    height:42px!important;
    background:rgba(7,8,11,.68)!important;
    backdrop-filter:blur(12px)!important;
    -webkit-backdrop-filter:blur(12px)!important;
    box-shadow:0 10px 28px rgba(0,0,0,.35)!important;
  }
  #albumModal .linerTabs{
    margin-top:0!important;
    padding-right:52px!important;
  }
}

/* Keep every mobile flip layer inside the same four rounded artwork corners. */
@media(max-width:850px){
  #albumModal .linerCoverFlip,
  #albumModal .linerCoverFlipCard,
  #albumModal .linerCoverFlipCard .linerCoverFace,
  #albumModal .linerCoverFlipCard .cover,
  #albumModal .linerCoverFlipCard .cover img,
  #albumModal .linerCoverFlipCard .fallbackCover,
  #albumModal .linerCoverFlipCard .backCoverLoading{
    border-radius:18px!important;
  }
  #albumModal .linerCoverFlipCard .linerCoverFace,
  #albumModal .linerCoverFlipCard .cover,
  #albumModal .linerCoverFlipCard .fallbackCover,
  #albumModal .linerCoverFlipCard .backCoverLoading{
    overflow:hidden!important;
    clip-path:inset(0 round 18px)!important;
  }
  #albumModal .linerCoverFlipCard .cover img{
    display:block!important;
  }
}

@media(max-width:850px){
  #albumModal .linerAlbumPage.showRatingsPanels .linerActions{
    display:none!important;
  }
}

#albumModal .reactionsPanel .linerPanelTitle .listenerIcon{
  position:relative!important;
  display:grid!important;
  place-items:center!important;
  font-size:0!important;
  color:transparent!important;
  background:radial-gradient(circle at 50% 50%,rgba(255,213,31,.14),rgba(255,213,31,.05) 58%,rgba(0,0,0,.10))!important;
  box-shadow:inset 0 0 0 1px rgba(255,213,31,.24),0 0 22px rgba(255,213,31,.10)!important;
}
#albumModal .reactionsPanel .linerPanelTitle .listenerIcon:before{
  content:""!important;
  position:absolute!important;
  left:50%!important;
  top:50%!important;
  width:25px!important;
  height:25px!important;
  border:0!important;
  border-radius:50%!important;
  background:
    radial-gradient(circle at 50% 50%,#111 0 10%,transparent 11%),
    radial-gradient(circle at 50% 50%,transparent 0 21%,rgba(0,0,0,.42) 22% 25%,transparent 26% 34%,rgba(0,0,0,.32) 35% 38%,transparent 39% 47%,rgba(0,0,0,.28) 48% 51%,transparent 52%),
    conic-gradient(from 18deg,#ffe55f 0 14%,#b98700 15% 25%,#ffd21f 26% 45%,#8e6500 46% 55%,#ffdf47 56% 75%,#b18400 76% 88%,#fff08c 89% 100%)!important;
  -webkit-mask:radial-gradient(circle,#000 0 68%,transparent 69%)!important;
  mask:radial-gradient(circle,#000 0 68%,transparent 69%)!important;
  transform:translate(-50%,-50%)!important;
  box-sizing:border-box!important;
  outline:0!important;
  overflow:hidden!important;
  filter:drop-shadow(0 4px 10px rgba(255,213,31,.18))!important;
}
#albumModal .reactionsPanel .linerPanelTitle .listenerIcon:after{
  content:""!important;
  display:block!important;
  position:absolute!important;
  left:50%!important;
  top:50%!important;
  width:5px!important;
  height:5px!important;
  border-radius:50%!important;
  background:#050608!important;
  transform:translate(-50%,-50%)!important;
  box-shadow:0 0 0 2px rgba(255,213,31,.45)!important;
}

@media(min-width:1051px){
  #albumModal .albumTrackSections{
    margin-top:24px!important;
  }
  #albumModal .albumSeeMorePill{
    display:inline-flex!important;
    z-index:12050!important;
  }
  #albumModal .linerHeroSide .heroSideCard.love{
    display:none!important;
  }
  #albumModal .linerHeroSide .heroSideCard.influence{
    order:1!important;
  }
  #albumModal .linerHeroSide .heroSideCard.mood{
    order:2!important;
  }
  #albumModal .linerHeroSide .heroSideCard.network{
    order:4!important;
  }
  #albumModal .linerHeroSide .heroSideCard.appearances{
    order:3!important;
  }
  #albumModal .albumTrackSections .linerFeaturedTrack{
    min-height:80px!important;
    padding:6px 300px 5px 44px!important;
  }
  #albumModal .albumTrackSections .linerFeaturedTrack .featurePlay{
    width:42px!important;
    height:42px!important;
  }
  #albumModal .albumTrackSections .linerFeaturedTrack .featureTrackCopy h4{
    margin:6px 0 8px!important;
    font-size:26px!important;
  }
  #albumModal .albumTrackSections .linerFeaturedTrack .featureWave{
    height:16px!important;
    margin:0 0 8px!important;
  }
  #albumModal .albumTrackSections .linerFeaturedTrack .featureTrackCopy p{
    margin-bottom:4px!important;
    line-height:1.35!important;
  }
  #albumModal .albumTrackSections .linerFeaturedTrack .featureTrackScore{
    top:21px!important;
  }
  #albumModal .albumTrackSections .linerFeaturedTrack .momentWhy{
    top:7px!important;
    padding:5px 20px!important;
  }
  #albumModal .albumTrackSections .linerFeaturedTrack .singleArtMoment{
    display:grid!important;
    place-items:center!important;
  }
  #albumModal .albumTrackSections .linerFeaturedTrack .singleArtMoment img{
    width:70px!important;
    height:70px!important;
    border-radius:8px!important;
    object-fit:cover!important;
    box-shadow:0 10px 24px rgba(0,0,0,.34)!important;
  }
  #albumModal .albumTrackSections .linerFeaturedTrack .momentWhy strong{
    margin-bottom:8px!important;
  }
  #albumModal .albumTrackSections .linerFeaturedTrack .momentWhy span{
    margin-top:8px!important;
  }
  #albumModal .albumTrackSections .linerFeaturedTrack{
    min-height:56px!important;
    height:auto!important;
    grid-template-columns:54px minmax(0,1fr) 64px 96px!important;
    gap:12px!important;
    align-items:center!important;
    padding:10px 16px!important;
    border-radius:14px!important;
    border-color:rgba(255,213,31,.24)!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 18px 52px rgba(0,0,0,.30),0 0 28px rgba(255,213,31,.055)!important;
    background:rgba(4,5,6,.72)!important;
  }
  #albumModal .albumTrackSections .linerFeaturedTrack:before{
    background:
      linear-gradient(90deg,rgba(0,0,0,.95) 0%,rgba(0,0,0,.76) 42%,rgba(0,0,0,.84) 100%),
      var(--moment-cover),
      var(--album-cover)!important;
    background-size:cover!important;
    background-position:var(--moment-focus,50% 38%)!important;
    opacity:.78!important;
    filter:blur(12px) saturate(.82) brightness(.72) contrast(1.08)!important;
    transform:scale(1.08)!important;
  }
  #albumModal .albumTrackSections .linerFeaturedTrack:after{
    background:linear-gradient(90deg,rgba(3,4,5,.70),rgba(3,4,5,.22) 48%,rgba(3,4,5,.64)),radial-gradient(circle at 18% 50%,rgba(255,213,31,.16),transparent 24%)!important;
  }
  #albumModal .albumTrackSections .linerFeaturedTrack .momentIcon{
    display:none!important;
  }
  #albumModal .albumTrackSections .linerFeaturedTrack .featurePlay{
    position:relative!important;
    left:auto!important;
    top:auto!important;
    grid-column:1!important;
    width:46px!important;
    height:46px!important;
    border-radius:50%!important;
    border:1px solid rgba(255,213,31,.82)!important;
    background:radial-gradient(circle at 50% 50%,rgba(255,213,31,.20),rgba(0,0,0,.42))!important;
    color:#ffd51f!important;
    box-shadow:0 0 22px rgba(255,213,31,.18),inset 0 1px 0 rgba(255,255,255,.10)!important;
    font-size:18px!important;
  }
  #albumModal .albumTrackSections .linerFeaturedTrack .featureTrackCopy{
    grid-column:2!important;
    max-width:none!important;
    min-width:0!important;
  }
  #albumModal .albumTrackSections .linerFeaturedTrack .featureTrackCopy span{
    display:inline-flex!important;
    width:max-content!important;
    margin:0 0 5px!important;
    padding:4px 8px!important;
    border:1px solid rgba(255,213,31,.26)!important;
    border-radius:999px!important;
    background:rgba(255,213,31,.10)!important;
    color:#ffd51f!important;
    font-size:10px!important;
    line-height:1!important;
    font-weight:950!important;
    letter-spacing:.10em!important;
    text-transform:uppercase!important;
  }
  #albumModal .albumTrackSections .linerFeaturedTrack .featureTrackCopy h4{
    margin:0 0 6px!important;
    color:#fff!important;
    font-family:Georgia,"Times New Roman",serif!important;
    font-size:26px!important;
    line-height:1!important;
    letter-spacing:0!important;
    text-shadow:0 4px 18px rgba(0,0,0,.72)!important;
  }
  #albumModal .albumTrackSections .linerFeaturedTrack .featureTrackCopy p{
    max-width:620px!important;
    margin:0!important;
    color:rgba(255,255,255,.76)!important;
    font-size:13px!important;
    line-height:1.35!important;
    font-style:normal!important;
  }
  #albumModal .albumTrackSections .linerFeaturedTrack .featureTrackCopy em{
    display:none!important;
  }
  #albumModal .albumTrackSections .linerFeaturedTrack .featureWave{
    display:flex!important;
    width:min(100%,340px)!important;
    height:16px!important;
    margin:2px 0 6px!important;
    gap:4px!important;
    align-items:center!important;
  }
  #albumModal .albumTrackSections .linerFeaturedTrack .featureWave i{
    flex:1 1 0!important;
    min-width:8px!important;
    width:auto!important;
    border-radius:999px!important;
    background:linear-gradient(90deg,rgba(255,213,31,.45),rgba(255,238,141,.95),rgba(255,213,31,.42))!important;
    box-shadow:0 0 12px rgba(255,213,31,.22)!important;
  }
  #albumModal .albumTrackSections .linerFeaturedTrack .featureWave i:nth-child(1),
  #albumModal .albumTrackSections .linerFeaturedTrack .featureWave i:nth-child(11){height:4px!important;}
  #albumModal .albumTrackSections .linerFeaturedTrack .featureWave i:nth-child(2),
  #albumModal .albumTrackSections .linerFeaturedTrack .featureWave i:nth-child(10){height:8px!important;}
  #albumModal .albumTrackSections .linerFeaturedTrack .featureWave i:nth-child(3),
  #albumModal .albumTrackSections .linerFeaturedTrack .featureWave i:nth-child(9){height:12px!important;}
  #albumModal .albumTrackSections .linerFeaturedTrack .featureWave i:nth-child(4),
  #albumModal .albumTrackSections .linerFeaturedTrack .featureWave i:nth-child(8){height:15px!important;}
  #albumModal .albumTrackSections .linerFeaturedTrack .featureWave i:nth-child(5),
  #albumModal .albumTrackSections .linerFeaturedTrack .featureWave i:nth-child(7){height:14px!important;}
  #albumModal .albumTrackSections .linerFeaturedTrack .featureWave i:nth-child(6){height:16px!important;}
  #albumModal .albumTrackSections .linerFeaturedTrack .featureTrackScore{
    position:relative!important;
    left:auto!important;
    top:auto!important;
    grid-column:3!important;
    display:grid!important;
    place-items:center!important;
    justify-self:center!important;
    width:56px!important;
    height:56px!important;
    border-radius:14px!important;
    background:rgba(0,0,0,.42)!important;
    border:1px solid rgba(255,213,31,.22)!important;
    text-align:center!important;
  }
  #albumModal .albumTrackSections .linerFeaturedTrack .featureTrackScore strong{
    font-size:18px!important;
    line-height:1!important;
    color:#ffd51f!important;
  }
  #albumModal .albumTrackSections .linerFeaturedTrack .featureTrackScore span{
    display:none!important;
  }
  #albumModal .albumTrackSections .linerFeaturedTrack .singleArtMoment{
    position:relative!important;
    right:auto!important;
    top:auto!important;
    grid-column:4!important;
    width:96px!important;
    height:62px!important;
    padding:4px!important;
    border-radius:12px!important;
    background:rgba(0,0,0,.42)!important;
    border:1px solid rgba(255,213,31,.22)!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.05)!important;
  }
  #albumModal .albumTrackSections .linerFeaturedTrack .singleArtMoment img{
    width:54px!important;
    height:54px!important;
    border-radius:8px!important;
    object-fit:cover!important;
    box-shadow:0 10px 26px rgba(0,0,0,.42)!important;
  }
}


.albumMoodSliderPopup.hidden{display:none!important}
.albumMoodSliderPopup{
  position:fixed;
  inset:0;
  z-index:12000;
  display:grid;
  place-items:center;
  padding:22px;
}
.albumMoodSliderBackdrop{
  position:absolute;
  inset:0;
  background:rgba(0,0,0,.68);
  backdrop-filter:blur(10px);
}
.albumMoodSliderPanel{
  position:relative;
  width:min(460px,calc(100vw - 34px));
  border:1px solid rgba(255,213,31,.28);
  border-radius:22px;
  background:linear-gradient(145deg,#151720,#07080c);
  box-shadow:0 30px 90px rgba(0,0,0,.70),0 0 0 1px rgba(255,255,255,.06) inset;
  padding:28px;
  color:#fff;
}
.albumMoodSliderClose{
  position:absolute;
  top:16px;
  right:16px;
  width:34px;
  height:34px;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.16);
  background:rgba(255,255,255,.06);
}
.albumMoodSliderClose span:before,
.albumMoodSliderClose span:after{
  content:"";
  position:absolute;
  left:50%;
  top:50%;
  width:15px;
  height:2px;
  border-radius:999px;
  background:#fff;
}
.albumMoodSliderClose span:before{transform:translate(-50%,-50%) rotate(45deg)}
.albumMoodSliderClose span:after{transform:translate(-50%,-50%) rotate(-45deg)}
.albumMoodSliderPanel .eyebrow{
  margin:0 0 8px;
  color:#ffd51f;
  font-size:11px;
  font-weight:950;
  letter-spacing:.13em;
  text-transform:uppercase;
}
.albumMoodSliderPanel h3{
  margin:0;
  font-size:30px;
  line-height:1;
}
.albumMoodSliderPanel>strong{
  display:block;
  margin-top:9px;
  color:rgba(255,255,255,.64);
  font-size:14px;
}
.albumMoodSliderValue{
  margin:24px 0 10px;
  color:#ffd51f;
  font-size:34px;
  font-weight:950;
}
#albumMoodSliderInput{
  width:100%;
  accent-color:#ffd51f;
}
.albumMoodSliderScale,
.albumMoodSliderActions{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:12px;
}
.albumMoodSliderScale{
  margin-top:8px;
  color:rgba(255,255,255,.54);
  font-size:12px;
  font-weight:850;
  text-transform:uppercase;
  letter-spacing:.06em;
}
.albumMoodSliderActions{
  margin-top:24px;
}
.albumMoodSliderActions button{
  border:1px solid rgba(255,255,255,.16);
  border-radius:999px;
  padding:12px 18px;
  background:rgba(255,255,255,.07);
  color:#fff;
  font-weight:950;
}
.albumMoodSliderActions button:first-child{
  background:#ffd51f;
  color:#111;
  border-color:#ffd51f;
}

/* Keep desktop album modal line breaks consistent with the 17-inch reference. */
@media(min-width:1051px) and (max-width:1600px){
  #albumModal:not(.hidden){
    justify-content:flex-start!important;
    align-items:center!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    padding-left:20px!important;
    padding-right:20px!important;
  }
  #albumModal .modalPanel{
    flex:0 0 1420px!important;
    width:1420px!important;
    min-width:1420px!important;
    max-width:none!important;
    margin-left:auto!important;
    margin-right:auto!important;
  }
  #albumModalContent,
  #albumModal .linerAlbumPage{
    width:100%!important;
    max-width:none!important;
  }
}

/* 15-inch desktop/laptop pass: keep the right editorial cards readable without changing the mobile layout. */
@media(min-width:1051px) and (max-width:1450px){
  #albumModal:not(.hidden){
    justify-content:center!important;
    overflow-x:hidden!important;
    padding-left:18px!important;
    padding-right:18px!important;
  }
  #albumModal .modalPanel{
    flex:0 1 calc(100vw - 36px)!important;
    width:calc(100vw - 36px)!important;
    min-width:0!important;
    max-width:calc(100vw - 36px)!important;
  }
  #albumModal .linerHero{
    grid-template-columns:330px minmax(360px,1fr) 322px!important;
    gap:26px!important;
    padding-left:12px!important;
    padding-right:12px!important;
  }
  #albumModal .linerCover,
  #albumModal .linerCover .cover{
    width:326px!important;
    max-width:326px!important;
    height:326px!important;
  }
  #albumModal .linerHeroCopy{
    max-width:560px!important;
  }
  #albumModal .linerHeroCopy h2{
    font-size:52px!important;
  }
  #albumModal .linerHeroCopy h2.albumTitleMedium{
    font-size:46px!important;
  }
  #albumModal .linerHeroCopy h2.albumTitleLong{
    font-size:40px!important;
  }
  #albumModal .linerHeroSide{
    width:322px!important;
    transform:none!important;
  }
  #albumModal .heroSideCard{
    padding:14px!important;
  }
  #albumModal .heroSideCard h4{
    font-size:12px!important;
    line-height:1.15!important;
    gap:8px!important;
  }
  #albumModal .heroSideCard p{
    font-size:11.5px!important;
    line-height:1.48!important;
  }
  #albumModal .heroSideCard h4 span{
    width:21px!important;
    height:21px!important;
    flex:0 0 21px!important;
  }
}

/* Mobile track rows: swipe left on a row to reveal song comments. */
@media(max-width:768px){
  .albumTrackSections .linerTrackTable{
    overflow:hidden!important;
  }
  .albumTrackSections .linerTrackRow{
    display:block!important;
    width:100%!important;
    max-width:100%!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    padding:0!important;
    scrollbar-width:none!important;
    -webkit-overflow-scrolling:touch!important;
    overscroll-behavior-x:contain!important;
    scroll-snap-type:x proximity!important;
  }
  .albumTrackSections .linerTrackRow::-webkit-scrollbar{
    display:none!important;
  }
  .albumTrackSections .linerTrackSwipe{
    display:grid!important;
    grid-template-columns:24px 20px minmax(174px,1fr) 28px 24px 42px!important;
    gap:8px!important;
    align-items:center!important;
    width:calc(100% + 50px)!important;
    min-width:calc(100% + 50px)!important;
    padding:11px 8px!important;
    box-sizing:border-box!important;
  }
  .albumTrackSections .linerTrackSwipe > strong{
    grid-column:3!important;
    min-width:0!important;
    color:#fff!important;
    font-size:11.5px!important;
    line-height:1.25!important;
    font-weight:650!important;
    white-space:normal!important;
    overflow:visible!important;
    text-overflow:clip!important;
    overflow-wrap:break-word!important;
  }
  .albumTrackSections .trackNo{grid-column:1!important;}
  .albumTrackSections .trackPulse{grid-column:2!important;}
  .albumTrackSections .trackShareButton{grid-column:4!important;}
  .albumTrackSections .trackRowScore{grid-column:5!important;}
  .albumTrackSections .trackDots,
  .albumTrackSections .trackCommentBubble{
    display:inline-grid!important;
    grid-column:6!important;
    width:30px!important;
    min-width:30px!important;
    height:30px!important;
    justify-self:center!important;
    margin:0!important;
    padding:0!important;
    opacity:.9!important;
  }
  .albumTrackSections .trackTableHead{
    grid-template-columns:24px 20px minmax(174px,1fr) 34px 30px 42px!important;
    gap:8px!important;
    padding:11px 8px!important;
    align-items:center!important;
    width:calc(100% + 50px)!important;
    min-width:calc(100% + 50px)!important;
    box-sizing:border-box!important;
  }
  .albumTrackSections .trackTableHead span:nth-child(3){
    grid-column:4!important;
    display:block!important;
    width:auto!important;
    text-align:center!important;
    transform:none!important;
  }
  .albumTrackSections .trackTableHead span:nth-child(4){
    grid-column:5!important;
    display:block!important;
    width:auto!important;
    text-align:center!important;
    transform:none!important;
  }
  .albumTrackSections .trackTableHead span:nth-child(5){
    grid-column:6!important;
    display:block!important;
    width:auto!important;
    text-align:center!important;
    font-size:0!important;
    transform:none!important;
  }
  .albumTrackSections .trackTableHead span:nth-child(5):after{
    content:"Comments";
    font-size:8px!important;
  }
}

/* Restore the older slim Most Loved Track card on mobile. */
@media(max-width:768px){
  #albumModal .albumTrackSections .linerFeaturedTrack{
    min-height:0!important;
    height:92px!important;
    aspect-ratio:auto!important;
    margin:0 0 10px!important;
    padding:0!important;
    display:block!important;
    grid-template-columns:none!important;
    gap:0!important;
    align-items:center!important;
    border-radius:clamp(10px,3.2vw,22px)!important;
    background:
      linear-gradient(90deg,rgba(5,7,8,.82),rgba(5,7,8,.48),rgba(5,7,8,.82)),
      var(--moment-cover),
      var(--album-cover)!important;
    background-size:cover!important;
    background-position:var(--moment-focus,50% 46%)!important;
    border:1px solid rgba(242,201,76,.13)!important;
    overflow:hidden!important;
  }
  #albumModal .albumTrackSections .linerFeaturedTrack:before,
  #albumModal .albumTrackSections .linerFeaturedTrack:after{
    display:block!important;
    content:""!important;
    position:absolute!important;
    inset:0!important;
    pointer-events:none!important;
  }
  #albumModal .albumTrackSections .linerFeaturedTrack:before{
    background:linear-gradient(180deg,rgba(0,0,0,.08),rgba(0,0,0,.20) 40%,rgba(0,0,0,.34))!important;
    opacity:1!important;
    filter:none!important;
  }
  #albumModal .albumTrackSections .linerFeaturedTrack:after{
    background:radial-gradient(circle at 14% 58%,rgba(255,213,31,.14),transparent 18%)!important;
    opacity:1!important;
    filter:none!important;
  }
  #albumModal .albumTrackSections .linerFeaturedTrack > *{
    position:relative!important;
    z-index:2!important;
  }
  #albumModal .albumTrackSections .linerFeaturedTrack .featurePlay{
    position:absolute!important;
    left:24px!important;
    top:34px!important;
    bottom:auto!important;
    grid-column:auto!important;
    width:24px!important;
    height:24px!important;
    min-width:24px!important;
    border-radius:50%!important;
    border:1px solid rgba(255,213,31,.76)!important;
    background:rgba(5,5,6,.34)!important;
    color:#ffd51f!important;
    font-size:9px!important;
  }
  #albumModal .albumTrackSections .linerFeaturedTrack .featureTrackCopy{
    position:absolute!important;
    left:58px!important;
    top:29px!important;
    right:12px!important;
    grid-column:auto!important;
    max-width:none!important;
    min-width:0!important;
    padding:0!important;
  }
  #albumModal .albumTrackSections .linerFeaturedTrack .featureTrackCopy span{
    display:block!important;
    color:#ffd51f!important;
    font-size:7px!important;
    font-weight:950!important;
    letter-spacing:.15em!important;
    text-transform:uppercase!important;
    line-height:1!important;
    margin-bottom:3px!important;
  }
  #albumModal .albumTrackSections .linerFeaturedTrack .featureTrackCopy h4{
    display:block!important;
    font-family:Georgia,"Times New Roman",serif!important;
    color:#fff!important;
    font-size:15px!important;
    line-height:1.02!important;
    font-weight:400!important;
    letter-spacing:-.03em!important;
    margin:0 0 3px!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    overflow-wrap:break-word!important;
  }
  #albumModal .albumTrackSections .linerFeaturedTrack .featureWave{
    display:flex!important;
    height:8px!important;
    margin:-13px 0 0!important;
    gap:1.5px!important;
    align-items:center!important;
  }
  #albumModal .albumTrackSections .linerFeaturedTrack .featureWave i{
    width:1.5px!important;
    max-height:8px!important;
    background:#ffd51f!important;
    box-shadow:0 0 8px rgba(255,213,31,.35)!important;
  }
  #albumModal .albumTrackSections .linerFeaturedTrack .featureTrackScore{
    display:none!important;
  }
  #albumModal .albumTrackSections .linerFeaturedTrack .featureTrackScore strong{
    font-size:16px!important;
  }
#albumModal .albumTrackSections .linerFeaturedTrack .featureTrackScore span,
  #albumModal .albumTrackSections .linerFeaturedTrack .featureTrackCopy p,
  #albumModal .albumTrackSections .linerFeaturedTrack .featureTrackCopy em,
  #albumModal .albumTrackSections .linerFeaturedTrack .mostLovedAdminControls,
  #albumModal .albumTrackSections .linerFeaturedTrack .momentWhy,
  #albumModal .albumTrackSections .linerFeaturedTrack .featureCover,
  #albumModal .albumTrackSections .linerFeaturedTrack .momentIcon{
    display:none!important;
  }
}

/* Discovery-first empty chat state */
.simpleMessengerChat{
  border-color:rgba(255,255,255,.10)!important;
  box-shadow:0 30px 90px rgba(0,0,0,.46),inset 0 1px 0 rgba(255,255,255,.055)!important;
}
.simpleMessengerChat .muzeChatList{
  border-right:1px solid rgba(255,255,255,.10)!important;
  background:linear-gradient(180deg,rgba(10,13,19,.98),rgba(7,9,13,.98))!important;
}
.simpleMessengerChat .muzeChatPanel,
.simpleMessengerChat .muzeChatComposer,
.simpleMessengerChat .muzeChatHeader,
.simpleMessengerChat .chatConnectionContext{
  background:linear-gradient(180deg,rgba(12,15,22,.88),rgba(8,10,15,.94))!important;
}
.simpleMessengerChat .muzeChatMessages.hasWhyMatched{
  display:grid!important;
  align-items:start!important;
  padding:24px!important;
  background:radial-gradient(circle at 80% 8%,rgba(242,201,76,.10),transparent 28%),radial-gradient(circle at 18% 16%,rgba(90,141,185,.12),transparent 32%),linear-gradient(180deg,rgba(255,255,255,.025),rgba(255,255,255,.01))!important;
}
.simpleMessengerChat .muzeChatThreadCopy strong{
  font-size:17px!important;
  font-weight:950!important;
  letter-spacing:-.01em!important;
}
.simpleMessengerChat .muzeChatThreadCopy i{
  opacity:.72!important;
  font-size:10px!important;
  font-weight:800!important;
  color:rgba(111,161,202,.82)!important;
}
.simpleMessengerChat .muzeChatThreadCopy small{
  color:rgba(255,255,255,.50)!important;
  font-size:11.5px!important;
}
.chatWhyMatched{
  width:min(860px,100%)!important;
  margin:0 auto!important;
  display:grid!important;
  gap:14px!important;
}
.chatWhyHero,
.chatWhyBlock{
  border:1px solid rgba(255,255,255,.095)!important;
  background:linear-gradient(145deg,rgba(255,255,255,.075),rgba(255,255,255,.026))!important;
  box-shadow:0 18px 46px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.055)!important;
  backdrop-filter:blur(16px)!important;
}
.chatWhyHero{
  min-height:132px!important;
  border-radius:22px!important;
  padding:20px 22px!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  align-items:end!important;
  background:radial-gradient(circle at 88% 18%,rgba(242,201,76,.18),transparent 32%),linear-gradient(145deg,rgba(111,161,202,.13),rgba(255,255,255,.032))!important;
}
.chatWhyHero span{
  grid-column:1/-1!important;
  color:#ffd51f!important;
  font-size:12px!important;
  font-weight:950!important;
  letter-spacing:.12em!important;
  text-transform:uppercase!important;
}
.chatWhyHero strong{
  color:#fff7d5!important;
  font-family:Georgia,"Times New Roman",serif!important;
  font-size:52px!important;
  line-height:.95!important;
  font-weight:700!important;
}
.chatWhyHero small{
  align-self:end!important;
  color:rgba(255,255,255,.66)!important;
  font-size:13px!important;
  font-weight:850!important;
}
.chatWhyGrid{
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  gap:14px!important;
}
.chatWhyBlock{
  border-radius:18px!important;
  padding:16px!important;
}
.chatWhyLabel{
  margin-bottom:12px!important;
  color:rgba(255,255,255,.58)!important;
  font-size:11px!important;
  font-weight:950!important;
  letter-spacing:.09em!important;
  text-transform:uppercase!important;
}
.chatMatchAlbumGrid{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:10px!important;
}
.chatMatchAlbumCard{
  min-width:0!important;
  display:grid!important;
  grid-template-rows:auto minmax(0,1fr)!important;
  gap:8px!important;
  border:1px solid rgba(255,255,255,.09)!important;
  border-radius:14px!important;
  padding:8px!important;
  background:rgba(0,0,0,.24)!important;
  color:#fff!important;
  text-align:left!important;
  cursor:pointer!important;
}
.chatMatchAlbumCard:hover{
  border-color:rgba(242,201,76,.30)!important;
  background:rgba(242,201,76,.055)!important;
}
.chatMatchAlbumCard img,
.chatMatchAlbumCard b{
  width:100%!important;
  aspect-ratio:1/1!important;
  border-radius:10px!important;
  object-fit:cover!important;
  background:#151922!important;
  display:grid!important;
  place-items:center!important;
  color:#ffd51f!important;
  font-size:18px!important;
  font-weight:950!important;
}
.chatMatchAlbumCard strong{
  display:block!important;
  color:#fff!important;
  font-size:12px!important;
  line-height:1.12!important;
  font-weight:900!important;
}
.chatMatchAlbumCard small{
  display:block!important;
  margin-top:3px!important;
  color:rgba(255,255,255,.54)!important;
  font-size:10.5px!important;
  line-height:1.12!important;
  font-weight:750!important;
}
.chatMatchGenres,
.chatWhyStarters{
  display:flex!important;
  flex-wrap:wrap!important;
  gap:8px!important;
}
.chatMatchGenres span{
  border:1px solid rgba(111,161,202,.22)!important;
  border-radius:999px!important;
  padding:7px 10px!important;
  background:rgba(111,161,202,.08)!important;
  color:#a8c8e4!important;
  font-size:12px!important;
  font-weight:850!important;
}
.chatWhyBlock p{
  margin:0!important;
  color:rgba(255,255,255,.76)!important;
  font-size:13px!important;
  line-height:1.42!important;
  font-weight:750!important;
}
.chatWhyStarters button{
  border:1px solid rgba(242,201,76,.18)!important;
  border-radius:999px!important;
  padding:8px 11px!important;
  background:rgba(242,201,76,.065)!important;
  color:#ffe584!important;
  font-size:12px!important;
  line-height:1.2!important;
  font-weight:850!important;
  cursor:pointer!important;
}
.chatWhyStarters button:hover{
  border-color:rgba(242,201,76,.36)!important;
  background:rgba(242,201,76,.12)!important;
}
.chatMatchEmptyLine{
  grid-column:1/-1!important;
  color:rgba(255,255,255,.62)!important;
  font-size:13px!important;
  font-weight:750!important;
}
@media(max-width:760px){
  .chatMatchAlbumGrid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .chatWhyGrid{grid-template-columns:1fr!important}
  .chatWhyHero strong{font-size:42px!important}
}

/* Muze chat discovery refinement */
.simpleMessengerChat .muzeChatThreadCopy i.chatDiscoveryStrong{color:#ffe584!important}
.simpleMessengerChat .muzeChatThreadCopy i.chatDiscoveryShared{color:#5AB8FF!important}
.simpleMessengerChat .muzeChatThreadCopy i.chatDiscoveryAdjacent{color:#8ec7f0!important}
.simpleMessengerChat .muzeChatThreadCopy i.chatDiscoveryUnexpected{color:#95eadc!important}
.simpleMessengerChat .muzeChatThreadCopy i.chatDiscoveryNew{color:#d4d7df!important}
.chatWhyHero{
  align-items:start!important;
}
.chatWhyHero strong{
  font-size:clamp(30px,4vw,44px)!important;
  line-height:1.02!important;
}
.chatWhySummary{
  grid-column:1/-1!important;
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:8px!important;
  margin-top:8px!important;
}
.chatWhySummary span{
  min-width:0!important;
  border:1px solid rgba(255,255,255,.075)!important;
  border-radius:14px!important;
  padding:9px 10px!important;
  background:rgba(0,0,0,.20)!important;
}
.chatWhySummary b,
.chatWhySummary small{
  display:block!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}
.chatWhySummary b{
  color:#fff!important;
  font-size:13px!important;
  line-height:1.1!important;
  font-weight:900!important;
}
.chatWhySummary small{
  margin-top:3px!important;
  color:rgba(255,255,255,.54)!important;
  font-size:10px!important;
  font-weight:850!important;
  text-transform:uppercase!important;
  letter-spacing:.06em!important;
}
.chatMatchAlbumGrid{
  grid-template-columns:repeat(auto-fit,minmax(118px,136px))!important;
  justify-content:center!important;
  align-items:start!important;
  gap:12px!important;
}
.chatMatchAlbumCard{
  justify-items:center!important;
  text-align:center!important;
  padding:9px!important;
}
.chatMatchAlbumCard img,
.chatMatchAlbumCard b{
  width:min(116px,100%)!important;
}
.chatMatchAlbumCard .chatMatchAlbumScore{
  margin-top:1px!important;
  color:#ffd51f!important;
  font-size:11px!important;
  line-height:1!important;
  font-weight:950!important;
  letter-spacing:.02em!important;
}
.simpleMessengerChat .chatInputWrap:before{
  content:""!important;
  position:absolute!important;
  left:15px!important;
  top:50%!important;
  width:18px!important;
  height:18px!important;
  transform:translateY(-50%)!important;
  border-radius:50%!important;
  background:radial-gradient(circle at center,#090b10 0 3px,rgba(242,201,76,.95) 4px 5px,rgba(242,201,76,.18) 6px 8px,rgba(255,255,255,.14) 9px 10px,rgba(255,255,255,.04) 11px 100%)!important;
  box-shadow:0 0 14px rgba(242,201,76,.12)!important;
  pointer-events:none!important;
  z-index:2!important;
}
.simpleMessengerChat .muzeChatComposer input{
  padding-left:42px!important;
  transition:border-color .16s ease,box-shadow .16s ease,background .16s ease!important;
}
.simpleMessengerChat .chatInputWrap:focus-within input{
  border-color:rgba(242,201,76,.48)!important;
  background:rgba(18,20,27,.96)!important;
  box-shadow:0 0 0 3px rgba(242,201,76,.075),0 12px 32px rgba(0,0,0,.26)!important;
}
@media(max-width:760px){
  .chatWhySummary{grid-template-columns:1fr!important}
  .chatMatchAlbumGrid{grid-template-columns:repeat(2,minmax(124px,142px))!important}
  .chatWhyHero strong{font-size:34px!important}
}

/* Human-first chat discovery: music over metrics */
.chatWhyMatched{
  gap:12px!important;
}
.chatWhyMatched .chatAlbumsFirst{
  order:-2!important;
}
.chatWhyMatched .chatAlbumsFirst .chatWhyLabel{
  color:#ffd51f!important;
}
.chatWhyMatched .chatAlbumsFirst{
  padding:7px 9px 8px!important;
  border-radius:12px!important;
}
.chatWhyMatched .chatAlbumsFirst .chatWhyLabel{
  margin-bottom:5px!important;
  font-size:10px!important;
}
.chatWhyHero{
  order:-1!important;
  min-height:0!important;
  grid-template-columns:1fr!important;
  gap:7px!important;
  padding:14px 16px!important;
  border-radius:16px!important;
  background:linear-gradient(145deg,rgba(255,255,255,.052),rgba(255,255,255,.020))!important;
  box-shadow:0 12px 30px rgba(0,0,0,.20),inset 0 1px 0 rgba(255,255,255,.045)!important;
}
.chatWhyHero span{
  font-size:10px!important;
  letter-spacing:.10em!important;
}
.chatWhyHero strong{
  max-width:680px!important;
  color:rgba(255,255,255,.88)!important;
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif!important;
  font-size:18px!important;
  line-height:1.28!important;
  font-weight:850!important;
  letter-spacing:-.015em!important;
}
.chatWhyHero small{
  color:rgba(255,255,255,.58)!important;
  font-size:12px!important;
  font-weight:750!important;
}
.chatWhySummary{
  display:none!important;
}
.chatMatchAlbumGrid{
  grid-template-columns:repeat(auto-fit,minmax(94px,112px))!important;
  gap:6px!important;
}
.chatMatchAlbumCard{
  background:rgba(0,0,0,.18)!important;
  border-color:rgba(255,255,255,.075)!important;
  gap:3px!important;
  padding:5px!important;
  border-radius:10px!important;
}
.chatMatchAlbumCard img,
.chatMatchAlbumCard b{
  width:min(96px,100%)!important;
  border-radius:7px!important;
}
.chatMatchAlbumCard .chatMatchAlbumScore{
  margin-top:0!important;
  font-size:9px!important;
}
.chatMatchAlbumCard strong{
  font-size:10px!important;
  line-height:1.04!important;
}
.chatMatchAlbumCard small{
  margin-top:1px!important;
  font-size:8.8px!important;
}
.chatRecentActivity ul{
  list-style:none!important;
  display:grid!important;
  gap:10px!important;
  margin:0!important;
  padding:0!important;
}
.chatRecentActivity{
  position:relative!important;
  overflow:hidden!important;
  border-color:rgba(242,201,76,.16)!important;
  background:
    radial-gradient(circle at 8% 0%,rgba(242,201,76,.10),transparent 28%),
    linear-gradient(145deg,rgba(255,255,255,.060),rgba(255,255,255,.018)),
    rgba(6,7,10,.72)!important;
  box-shadow:0 18px 48px rgba(0,0,0,.32),inset 0 1px 0 rgba(255,255,255,.065),inset 0 0 0 1px rgba(242,201,76,.035)!important;
}
.chatRecentActivity:before{
  content:""!important;
  position:absolute!important;
  inset:0 auto 0 0!important;
  width:2px!important;
  background:linear-gradient(180deg,transparent,rgba(242,201,76,.66),transparent)!important;
  opacity:.75!important;
}
.chatRecentActivity .chatWhyLabel{
  color:#f2c94c!important;
  letter-spacing:.13em!important;
}
.chatRecentActivity li{
  position:relative!important;
  padding-left:18px!important;
  color:rgba(245,242,232,.78)!important;
  font-size:13px!important;
  line-height:1.38!important;
  font-weight:780!important;
  text-shadow:0 10px 24px rgba(0,0,0,.24)!important;
}
.chatRecentActivity li:before{
  content:""!important;
  position:absolute!important;
  left:0!important;
  top:.58em!important;
  width:6px!important;
  height:6px!important;
  border-radius:50%!important;
  background:#f2c94c!important;
  box-shadow:0 0 14px rgba(242,201,76,.34)!important;
}
.simpleMessengerChat .muzeChatHeader + .chatHeaderActivity{
  margin:0!important;
  padding:10px 18px 12px!important;
  border-bottom:1px solid rgba(255,255,255,.07)!important;
  background:linear-gradient(180deg,rgba(9,11,16,.96),rgba(7,9,13,.94))!important;
}
.chatHeaderActivity{
  display:flex!important;
  flex-wrap:wrap!important;
  align-items:center!important;
  gap:7px 10px!important;
}
.chatHeaderActivity span{
  color:#f2c94c!important;
  font-size:10px!important;
  font-weight:950!important;
  letter-spacing:.12em!important;
  text-transform:uppercase!important;
}
.chatHeaderActivity em{
  position:relative!important;
  max-width:360px!important;
  color:rgba(245,242,232,.70)!important;
  font-size:12px!important;
  line-height:1.25!important;
  font-style:normal!important;
  font-weight:760!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
.chatHeaderActivity em:before{
  content:""!important;
  display:inline-block!important;
  width:4px!important;
  height:4px!important;
  margin:0 7px 2px 0!important;
  border-radius:50%!important;
  background:#f2c94c!important;
  box-shadow:0 0 10px rgba(242,201,76,.30)!important;
}
.simpleMessengerChat .muzeChatThreadCopy i{
  max-width:100%!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
@media(max-width:760px){
  .chatMatchAlbumGrid{grid-template-columns:repeat(2,minmax(96px,1fr))!important}
  .chatWhyHero strong{font-size:16px!important}
}

/* Desktop homepage topbar compact height only */
@media(min-width:851px){
  body:not(.chatView) .topbar{
    margin-bottom:10px!important;
    min-height:44px!important;
  }
  body:not(.chatView) .brandWrap{
    min-height:44px!important;
  }
  body:not(.chatView) .brandLogo{
    height:65px!important;
    max-width:65px!important;
  }
  body:not(.chatView) .brandWrap:before{
    left:20px!important;
    top:13px!important;
    width:92px!important;
    height:62px!important;
    opacity:.42!important;
    filter:blur(24px)!important;
    background:radial-gradient(ellipse at center,rgba(242,201,76,.10),rgba(242,201,76,.035) 48%,rgba(242,201,76,0) 78%)!important;
  }
  body:not(.chatView) .brandWrap .tagline{
    color:rgba(218,211,198,.70)!important;
    font-size:15.225px!important;
    font-weight:540!important;
    letter-spacing:.006em!important;
    transform:translate(36px,-4px)!important;
  }
  body:not(.chatView) .menuBtn{
    width:36px!important;
    height:36px!important;
    border-color:rgba(255,255,255,.10)!important;
    background:linear-gradient(145deg,rgba(9,11,17,.72),rgba(3,4,7,.85))!important;
    color:rgba(255,255,255,.61)!important;
    font-size:18px!important;
    font-weight:390!important;
    line-height:1!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.055),0 12px 30px rgba(0,0,0,.28)!important;
  }
  body:not(.chatView) .menuBtn:hover{
    border-color:rgba(242,201,76,.38)!important;
    color:#f2c94c!important;
    background:linear-gradient(145deg,rgba(242,201,76,.10),rgba(7,8,12,.90))!important;
    box-shadow:0 0 0 1px rgba(242,201,76,.24),0 0 16px rgba(242,201,76,.08),inset 0 1px 0 rgba(255,255,255,.065)!important;
  }
  body:not(.chatView) .ghost,
  body:not(.chatView) .topbarChatButton,
  body:not(.chatView) .notificationBell{
    width:36px!important;
    height:36px!important;
  }
  body:not(.chatView) .authButton{
    min-height:36px!important;
    padding:0 14px 0 10px!important;
    gap:8px!important;
    font-size:12.6px!important;
  }
  body:not(.chatView) .topbar .authButton:has(.authButtonIcon.hasAvatar){
    min-height:36px!important;
    padding:0 15px 0 8px!important;
    gap:10px!important;
  }
  body:not(.chatView) .topbar .authButtonIcon.hasAvatar{
    width:21.6px!important;
    height:21.6px!important;
    flex-basis:21.6px!important;
  }
  body.artistView .app{
    padding-top:8px!important;
  }
  body.artistView .topbar{
    margin-bottom:0!important;
  }
  body.artistView #content{
    margin-top:0!important;
  }
  body.artistProfileView .app{
    padding-top:24px!important;
  }
  body.artistProfileView .topbar{
    margin-bottom:10px!important;
  }
  body.artistProfileView #content{
    margin-top:0!important;
  }
}

/* Light theme visual polish only: no sizing/layout changes */
body.light{
  --bg:#fff!important;
  --panel:#fff!important;
  --panel2:#f7f3ea!important;
  --text:#12141b!important;
  --muted:#68707c!important;
  --line:#ded7c8!important;
  --accent:#d4a916!important;
  --gold-gradient:linear-gradient(90deg,#ffe36a,#f2c94c,#d5a20b)!important;
  --glow:0 18px 50px rgba(117,96,43,.10)!important;
  --shadow:0 24px 70px rgba(67,54,30,.12)!important;
  background:#fff!important;
  color:#12141b!important;
}
body.light .app{
  background:transparent!important;
}
body.light .brandWrap .tagline{
  color:rgba(58,55,49,.52)!important;
}
body.light .brandWrap:before{
  background:radial-gradient(ellipse at center,rgba(212,169,22,.10),rgba(212,169,22,.030) 50%,rgba(212,169,22,0) 78%)!important;
}
body.light .brandLogo{
  content:url("/Muze%20correct%20logo%20dark-word.png?v=dark-word-v1")!important;
  filter:contrast(1.08) saturate(1.04) drop-shadow(0 1px 0 rgba(40,32,12,.16))!important;
  image-rendering:auto!important;
}
body.light .menuBtn,
body.light .ghost{
  border-color:rgba(28,31,39,.10)!important;
  background:linear-gradient(145deg,rgba(24,27,34,.94),rgba(9,10,14,.96))!important;
  color:rgba(255,255,255,.78)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 14px 30px rgba(33,28,19,.16)!important;
}
body.light .menuBtn:hover,
body.light .ghost:hover{
  border-color:rgba(212,169,22,.44)!important;
  color:#f2c94c!important;
  box-shadow:0 0 0 1px rgba(212,169,22,.22),0 0 18px rgba(212,169,22,.10),inset 0 1px 0 rgba(255,255,255,.09)!important;
}
body.light .hero{
  background:
    radial-gradient(circle at 18% 0%,rgba(212,169,22,.10),transparent 30%),
    linear-gradient(135deg,rgba(255,255,255,.96),rgba(250,247,239,.94) 72%)!important;
  border-color:rgba(115,95,50,.14)!important;
  box-shadow:0 28px 80px rgba(77,63,35,.13),inset 0 1px 0 rgba(255,255,255,.88)!important;
}
body.light .eyebrow{
  color:#656b77!important;
}
body.light .hero h1,
body.light .sectionTitle h2,
body.light h2,
body.light h3,
body.light .title{
  color:#11131a!important;
}
body.light .hero p,
body.light .muted,
body.light .artist{
  color:#59616d!important;
}
body.light .heroCard{
  background:
    linear-gradient(90deg,rgba(10,11,16,.94) 0%,rgba(10,11,16,.76) 38%,rgba(10,11,16,.16) 72%,rgba(10,11,16,.02) 100%),
    var(--hero-cover,linear-gradient(135deg,#2c2e34,#f2efe6))!important;
  background-size:cover,contain!important;
  background-repeat:no-repeat!important;
  background-position:center,right center!important;
  border-color:rgba(115,95,50,.16)!important;
  box-shadow:0 18px 45px rgba(57,48,30,.14),inset 0 1px 0 rgba(255,255,255,.26)!important;
  backdrop-filter:none!important;
}
body.light .heroCard:before{
  background:linear-gradient(90deg,rgba(3,4,7,.62) 0%,rgba(3,4,7,.34) 42%,rgba(3,4,7,.02) 100%)!important;
}
body.light .heroCard .muted{
  color:rgba(50,54,64,.56)!important;
}
body.light .heroCard strong{
  color:#15171f!important;
}
body.light .score,
body.light .miniScore,
body.light .scoreBig{
  color:#e0ae12!important;
}
body.light .controls input,
body.light .controls select,
body.light .addSearch input{
  background:rgba(255,255,255,.86)!important;
  border-color:rgba(86,76,55,.15)!important;
  color:#151821!important;
  box-shadow:0 14px 34px rgba(61,51,32,.08),inset 0 1px 0 rgba(255,255,255,.82)!important;
}
body.light .controls input::placeholder,
body.light .addSearch input::placeholder{
  color:rgba(62,68,78,.58)!important;
}
body.light .tab{
  background:rgba(255,255,255,.78)!important;
  border-color:rgba(86,76,55,.15)!important;
  color:#151821!important;
  box-shadow:0 12px 30px rgba(61,51,32,.08),inset 0 1px 0 rgba(255,255,255,.86)!important;
}
body.light .tab.active,
body.light .bigBtn,
body.light .navItem.primary{
  background:linear-gradient(135deg,#ffe36a,#f2c94c,#d6a20a)!important;
  border-color:rgba(185,139,0,.24)!important;
  color:#090a0d!important;
  box-shadow:0 16px 34px rgba(188,143,12,.18),inset 0 1px 0 rgba(255,255,255,.34)!important;
}
body.light .card,
body.light .libraryCard,
body.light .tasteLibraryCard,
body.light .artistCard,
body.light .listRow,
body.light .artistBlock{
  background:rgba(255,255,255,.88)!important;
  border-color:rgba(86,76,55,.14)!important;
  color:#151821!important;
  box-shadow:0 18px 48px rgba(61,51,32,.10),inset 0 1px 0 rgba(255,255,255,.80)!important;
}
body.light .cardBody{
  background:#171923!important;
  color:#f7f4ed!important;
}
body.light .cardBody .title,
body.light .cardBody .artist{
  color:#f7f4ed!important;
}
body.light .cardBody .artist{
  color:rgba(247,244,237,.68)!important;
}
body.light .albumCard{
  background:#171923!important;
}
body.light .pill{
  background:rgba(20,22,29,.08)!important;
  border-color:rgba(20,22,29,.08)!important;
  color:#343943!important;
}
body.light .authButton{
  background:linear-gradient(145deg,rgba(36,34,28,.70),rgba(27,27,27,.84))!important;
  border-color:rgba(212,169,22,.50)!important;
  color:#f7f0da!important;
  box-shadow:0 14px 30px rgba(45,37,22,.14),inset 0 1px 0 rgba(255,255,255,.10)!important;
}
body.light .authButton:hover{
  border-color:rgba(242,201,76,.72)!important;
  background:linear-gradient(145deg,rgba(45,39,25,.80),rgba(24,24,24,.90))!important;
  color:#fff7d6!important;
}
body.light .notificationBell,
body.light .topbarChatButton{
  background:#111827!important;
  border-color:rgba(17,24,39,.10)!important;
  color:#fff!important;
}

@media(min-width:769px){
  #albumModal .albumTrackSections .linerFeaturedTrack{
    background:
      linear-gradient(90deg,rgba(5,7,8,.72),rgba(5,7,8,.24),rgba(5,7,8,.78)),
      var(--moment-cover,var(--album-cover))!important;
    background-size:cover!important;
    background-position:var(--moment-focus,50% 46%)!important;
    background-repeat:no-repeat!important;
    border:0!important;
    outline:0!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.045),0 18px 52px rgba(0,0,0,.30)!important;
  }
  #albumModal .albumTrackSections .linerFeaturedTrack:before{
    display:block!important;
    content:""!important;
    position:absolute!important;
    inset:0!important;
    pointer-events:none!important;
    background:
      linear-gradient(90deg,rgba(0,0,0,.70) 0%,rgba(0,0,0,.24) 46%,rgba(0,0,0,.72) 100%),
      var(--moment-cover,var(--album-cover))!important;
    background-size:cover!important;
    background-position:var(--moment-focus,50% 46%)!important;
    opacity:.96!important;
    filter:none!important;
    transform:none!important;
  }
  #albumModal .albumTrackSections .linerFeaturedTrack:after{
    display:block!important;
    content:""!important;
    position:absolute!important;
    inset:0!important;
    pointer-events:none!important;
    background:radial-gradient(circle at 18% 52%,rgba(255,213,31,.12),transparent 25%)!important;
    opacity:1!important;
    filter:none!important;
  }
  #albumModal .albumTrackSections .linerFeaturedTrack > *{
    position:relative!important;
    z-index:2!important;
  }
  #albumModal .albumTrackSections .linerFeaturedTrack .featuredPlayingWaves,
  #albumModal .albumTrackSections .linerFeaturedTrack:has(.featurePlay.isPreviewing) .featuredPlayingWaves,
  #albumModal .albumTrackSections .linerFeaturedTrack .featureTrackCopy h4 .featuredPlayingWaves{
    display:none!important;
    visibility:hidden!important;
    width:0!important;
    height:0!important;
    margin:0!important;
    overflow:hidden!important;
  }
  #albumModal .albumTrackSections .linerFeaturedTrack .featuredPlayingWaves i{
    display:none!important;
    animation:none!important;
  }
  #albumModal .albumTrackSections .linerFeaturedTrack .featureTrackScore{
    display:none!important;
  }
  #albumModal .albumTrackSections .linerFeaturedTrack .momentWhy.singleArtMoment{
    display:grid!important;
    place-items:center!important;
    position:absolute!important;
    right:40px!important;
    top:50%!important;
    width:154px!important;
    height:154px!important;
    padding:0!important;
    transform:translateY(-50%)!important;
    border-radius:18px!important;
    border:1px solid rgba(255,213,31,.18)!important;
    background:rgba(0,0,0,.28)!important;
    box-shadow:0 18px 44px rgba(0,0,0,.36)!important;
    overflow:hidden!important;
  }
  #albumModal .albumTrackSections .linerFeaturedTrack .momentWhy.singleArtMoment img{
    width:100%!important;
    height:100%!important;
    border-radius:14px!important;
    object-fit:cover!important;
    box-shadow:none!important;
  }
  #albumModal .albumTrackSections .linerFeaturedTrack .featureTrackCopy span{
    padding:0!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
    color:#ffd51f!important;
  }
  #albumModal .albumTrackSections .linerFeaturedTrack .featureWave i{
    animation:none!important;
    transform-origin:center!important;
  }
  #albumModal .albumTrackSections .linerFeaturedTrack:has(.featurePlay.isPreviewing) .featureWave i{
    animation:playingWave .72s ease-in-out infinite!important;
  }
  #albumModal .albumTrackSections .linerFeaturedTrack:has(.featurePlay.isPreviewing) .featureWave i:nth-child(2){animation-delay:.06s!important}
  #albumModal .albumTrackSections .linerFeaturedTrack:has(.featurePlay.isPreviewing) .featureWave i:nth-child(3){animation-delay:.12s!important}
  #albumModal .albumTrackSections .linerFeaturedTrack:has(.featurePlay.isPreviewing) .featureWave i:nth-child(4){animation-delay:.18s!important}
  #albumModal .albumTrackSections .linerFeaturedTrack:has(.featurePlay.isPreviewing) .featureWave i:nth-child(5){animation-delay:.24s!important}
  #albumModal .albumTrackSections .linerFeaturedTrack:has(.featurePlay.isPreviewing) .featureWave i:nth-child(6){animation-delay:.30s!important}
  #albumModal .albumTrackSections .linerFeaturedTrack:has(.featurePlay.isPreviewing) .featureWave i:nth-child(7){animation-delay:.36s!important}
  #albumModal .albumTrackSections .linerFeaturedTrack:has(.featurePlay.isPreviewing) .featureWave i:nth-child(8){animation-delay:.42s!important}
  #albumModal .albumTrackSections .linerFeaturedTrack:has(.featurePlay.isPreviewing) .featureWave i:nth-child(9){animation-delay:.48s!important}
  #albumModal .albumTrackSections .linerFeaturedTrack:has(.featurePlay.isPreviewing) .featureWave i:nth-child(10){animation-delay:.54s!important}
  #albumModal .albumTrackSections .linerFeaturedTrack:has(.featurePlay.isPreviewing) .featureWave i:nth-child(11){animation-delay:.60s!important}
}

/* Album Info tab */
.albumInfoSection{scroll-margin-top:84px;margin:34px 0 110px;padding:30px 0;border-top:1px solid rgba(255,255,255,.12);position:relative;z-index:2}
.albumInfoPopupPanel{width:min(1240px,94vw);background:#0d0d0d;border:1px solid rgba(255,255,255,.12);border-radius:8px}
.albumInfoPage{min-height:70vh;padding:34px 44px 12px;background:linear-gradient(180deg,rgba(255,213,31,.045),transparent 190px),#0d0d0d;color:#fff}
.albumInfoPageHeader{display:grid;grid-template-columns:94px minmax(0,1fr);gap:20px;align-items:center;padding:0 60px 28px 0;border-bottom:1px solid rgba(255,255,255,.12)}
.albumInfoPageHeader img,.albumInfoCoverFallback{width:94px;height:94px;object-fit:cover;border-radius:6px;border:1px solid rgba(255,213,31,.32);box-shadow:0 10px 30px rgba(0,0,0,.4)}
.albumInfoCoverFallback{display:grid;place-items:center;background:#222;color:#ffd51f;font-size:24px;font-weight:850}
.albumInfoPageHeader span{display:block;color:#ffd51f;font-size:11px;font-weight:800;text-transform:uppercase;margin-bottom:7px}
.albumInfoPageHeader h2{margin:0;color:#fff;font-family:Georgia,serif;font-size:38px;line-height:1.05;letter-spacing:0;overflow-wrap:anywhere}
.albumInfoPageHeader p{margin:8px 0 0;color:rgba(255,255,255,.64);font-size:15px}
.albumInfoPopup .albumInfoSection{margin:0;padding:0 0 46px;border-top:0}
.albumInfoPopup .albumOverviewClose{position:sticky;float:right;top:16px;margin:16px 16px -60px 0}
.albumBatchMore{display:flex;align-items:center;justify-content:flex-end;gap:10px;padding:22px 0 8px}.albumBatchMore button{position:relative;overflow:hidden;border:1px solid rgba(255,213,31,.30);background:linear-gradient(180deg,rgba(255,255,255,.032),rgba(255,255,255,.012));color:rgba(255,213,31,.82);border-radius:999px;padding:8px 14px;font-size:13px;font-weight:900;letter-spacing:.005em;cursor:pointer;box-shadow:0 8px 20px rgba(0,0,0,.20),inset 0 1px 0 rgba(255,255,255,.05);transition:transform .18s ease,border-color .18s ease,color .18s ease,background .18s ease,box-shadow .18s ease}.albumBatchMore button:hover{transform:translateY(-1px);border-color:rgba(255,213,31,.48);background:linear-gradient(180deg,rgba(255,213,31,.075),rgba(255,255,255,.016));color:#ffe66a;box-shadow:0 10px 24px rgba(0,0,0,.25),0 0 14px rgba(242,201,76,.07),inset 0 1px 0 rgba(255,255,255,.07)}.albumBatchMore button:focus-visible{outline:2px solid rgba(255,213,31,.62);outline-offset:4px}.albumBatchMore span{color:rgba(255,255,255,.5);font-size:12px;font-weight:800}
.albumInfoLoading,.albumInfoUnavailable{min-height:180px;display:grid;place-items:center;align-content:center;gap:12px;color:rgba(255,255,255,.64);text-align:center}
.albumInfoLoading span{width:26px;height:26px;border:2px solid rgba(255,213,31,.2);border-top-color:#ffd51f;border-radius:50%;animation:albumInfoSpin .8s linear infinite}
@keyframes albumInfoSpin{to{transform:rotate(360deg)}}
.albumInfoAdminBar{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:10px 0 18px;border-bottom:1px solid rgba(255,255,255,.1)}
.albumInfoAdminBar span{margin-right:auto;color:#ffd51f;font-size:12px;font-weight:800;text-transform:uppercase}
.albumInfoAdminBar button,.infoRowActions button{border:1px solid rgba(255,255,255,.16);background:#121212;color:#fff;padding:7px 10px;border-radius:6px;cursor:pointer;font-size:12px}
.albumInfoAdminBar button:hover,.infoRowActions button:hover{border-color:#ffd51f;color:#ffd51f}
.albumInfoCreditEditor{width:min(720px,calc(100vw - 28px));max-height:min(86vh,820px);padding:0;border:1px solid rgba(255,213,31,.34);border-radius:8px;background:#0d0e10;color:#fff;box-shadow:0 30px 100px rgba(0,0,0,.78);overflow:auto}
.albumInfoCreditEditor::backdrop{background:rgba(0,0,0,.74);backdrop-filter:blur(4px)}
.albumInfoCreditEditor form{display:grid;gap:20px;padding:24px}
.albumInfoCreditEditor header{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding-bottom:18px;border-bottom:1px solid rgba(255,255,255,.1)}
.albumInfoCreditEditor header span{display:block;margin-bottom:5px;color:#ffd51f;font-size:10px;font-weight:800;text-transform:uppercase}
.albumInfoCreditEditor h3{margin:0;color:#fff;font-size:22px;font-family:Arial,sans-serif;font-weight:700;letter-spacing:0}
.albumInfoCreditEditor header p{margin:6px 0 0;color:rgba(255,255,255,.58);font-size:13px}
.albumCreditEditorClose{flex:0 0 34px;width:34px;height:34px;padding:0;border:1px solid rgba(255,255,255,.18);border-radius:50%;background:transparent;color:#fff;font-size:24px;line-height:1;cursor:pointer}
.albumCreditEditorGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}
.albumCreditEditorGrid label{display:grid;align-content:start;gap:7px;color:rgba(255,255,255,.64);font-size:11px;font-weight:700;text-transform:uppercase}
.albumCreditEditorGrid label:has(textarea),.albumCreditEditorGrid label:has(input[type="url"]){grid-column:1/-1}
.albumCreditEditorGrid input,.albumCreditEditorGrid select,.albumCreditEditorGrid textarea{width:100%;box-sizing:border-box;border:1px solid rgba(255,255,255,.15);border-radius:6px;background:#151619;color:#fff;padding:10px 11px;font:500 14px/1.45 Arial,sans-serif;letter-spacing:0;resize:vertical}
.albumCreditEditorGrid textarea{min-height:82px}
.albumCreditEditorGrid input:focus,.albumCreditEditorGrid select:focus,.albumCreditEditorGrid textarea:focus{outline:1px solid #ffd51f;border-color:#ffd51f}
.albumCreditPortraitFields{padding-top:2px;border-top:1px solid rgba(255,255,255,.08)}
.albumCreditPortraitFields summary{padding:16px 0 0;color:#ffd51f;font-size:12px;font-weight:700;cursor:pointer}
.albumCreditPortraitFields[open] summary{margin-bottom:16px}
.albumInfoCreditEditor footer{display:flex;justify-content:flex-end;gap:9px;padding-top:18px;border-top:1px solid rgba(255,255,255,.1)}
.albumInfoCreditEditor footer button{min-height:38px;padding:0 15px;border:1px solid rgba(255,255,255,.18);border-radius:6px;background:#151619;color:#fff;font-size:12px;font-weight:700;cursor:pointer}
.albumInfoCreditEditor footer button.primary{border-color:#ffd51f;background:#ffd51f;color:#0a0a0a}
.albumInfoCreditEditor footer button:disabled{opacity:.55;cursor:wait}
@media(max-width:600px){.albumInfoCreditEditor form{padding:18px}.albumCreditEditorGrid{grid-template-columns:1fr}.albumCreditEditorGrid label{grid-column:1!important}.albumInfoCreditEditor h3{font-size:19px}}
.albumInfoSchemaNote{padding:10px 12px;border-left:3px solid #ffd51f;background:rgba(255,213,31,.07);color:#e6dfc5}
.albumInfoBlock{padding:28px 0;border-bottom:1px solid rgba(255,255,255,.1)}
.albumInfoHeading{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}
.albumInfoHeading h3{margin:0;font-size:20px;letter-spacing:0;color:#fff}
.albumInfoFacts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;border-top:1px solid rgba(255,255,255,.1);border-left:1px solid rgba(255,255,255,.1)}
.albumInfoFacts>div{min-height:82px;padding:15px;border-right:1px solid rgba(255,255,255,.1);border-bottom:1px solid rgba(255,255,255,.1);display:flex;flex-direction:column;gap:7px}
.albumInfoFacts span,.albumSales>span{font-size:11px;color:rgba(255,255,255,.52);text-transform:uppercase;font-weight:750}
.albumInfoFacts strong{font-size:15px;color:#f7f5ee;overflow-wrap:anywhere}
.infoSource{display:inline-block;margin-top:9px;color:rgba(255,213,31,.72);font-size:11px;text-decoration:none}
.albumInfoPeople{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:30px}
.infoPerson{display:grid;grid-template-columns:52px minmax(0,1fr) auto;gap:13px;align-items:center;min-height:82px;padding:12px 0;border-bottom:1px solid rgba(255,255,255,.09)}
.infoPersonAvatar{width:48px;height:48px;border-radius:50%;overflow:hidden;display:grid;place-items:center;background:#252525;border:1px solid rgba(255,213,31,.26);color:#ffd51f;font-size:18px;font-weight:850}
.infoPersonAvatar img{width:100%;height:100%;object-fit:cover}
.infoPerson strong{font-size:15px;color:#fff}.infoPerson p{margin:4px 0 0;color:rgba(255,255,255,.62);font-size:13px;line-height:1.45}
.infoRowActions{display:flex;gap:5px;align-items:center}.infoRowActions button{padding:5px 7px;font-size:10px}
.albumSongwriting{border-top:1px solid rgba(255,255,255,.09)}
.albumSongwriting summary{padding:13px 0;cursor:pointer;color:#ffd51f;font-weight:700}
.albumInfoLabels>div{display:flex;justify-content:space-between;gap:15px;padding:14px 0;border-bottom:1px solid rgba(255,255,255,.09)}
.albumInfoLabels strong{display:block}.albumInfoLabels span{display:block;margin-top:4px;color:rgba(255,255,255,.58);font-size:12px}
.albumSales{display:flex;flex-direction:column;align-items:flex-start;gap:7px;padding:4px 0 22px}
.albumSales strong{font-family:Georgia,serif;color:#ffd51f;font-size:27px;font-weight:700}.albumSales small{color:rgba(255,255,255,.52);text-transform:capitalize}
.albumCertifications{border-top:1px solid rgba(255,255,255,.1);padding-top:18px}.albumCertifications h4{font-size:13px;text-transform:uppercase;margin:0 0 8px;color:rgba(255,255,255,.64)}
.albumCertifications>div{display:grid;grid-template-columns:minmax(100px,1fr) minmax(120px,1fr) minmax(120px,1fr) auto;gap:16px;padding:11px 0;border-bottom:1px solid rgba(255,255,255,.08);align-items:center}
.albumCertifications em{font-style:normal;color:rgba(255,255,255,.52);font-size:12px}.infoEmpty{color:rgba(255,255,255,.52);margin:0}
body.light .albumInfoSection{border-color:#dedbd2}body.light .albumInfoBlock{border-color:#dedbd2}body.light .albumInfoHeading h3,body.light .infoPerson strong,body.light .albumInfoFacts strong{color:#171717}
body.light .albumInfoFacts,body.light .albumInfoFacts>div,body.light .infoPerson,body.light .albumInfoLabels>div{border-color:#dedbd2}body.light .albumInfoFacts span,body.light .infoPerson p,body.light .albumInfoLabels span{color:#68645d}
@media(max-width:760px){.albumInfoSection{margin-top:24px;padding-top:20px}.albumInfoFacts{grid-template-columns:repeat(2,minmax(0,1fr))}.albumInfoPeople{grid-template-columns:1fr}.albumCertifications>div{grid-template-columns:1fr 1fr}.albumCertifications em{grid-column:1/-1}.albumInfoAdminBar{align-items:stretch}.albumInfoAdminBar span{width:100%;margin-bottom:4px}}
@media(max-width:430px){.albumInfoFacts{grid-template-columns:1fr}.infoPerson{grid-template-columns:44px minmax(0,1fr)}.infoPersonAvatar{width:42px;height:42px}.infoPerson .infoRowActions{grid-column:2}.albumSales strong{font-size:23px}}
@media(max-width:900px){.albumInfoPopupPanel{width:100vw!important;height:100vh!important;max-height:100vh!important;border:0!important;border-radius:0!important}.albumInfoPage{min-height:100vh;padding:max(24px,env(safe-area-inset-top)) 20px 40px}.albumInfoPageHeader{grid-template-columns:72px minmax(0,1fr);gap:14px;padding:4px 50px 22px 0}.albumInfoPageHeader img,.albumInfoCoverFallback{width:72px;height:72px}.albumInfoPageHeader h2{font-size:28px}.albumInfoPopup .albumInfoSection{margin:0!important;padding-top:0!important}.albumInfoPopup .albumOverviewClose{position:fixed!important;float:none!important;margin:0!important}}

/* Premium Album Info experience */
.albumInfoPopupPanel{--album-info-accent:#ffd51f;--album-info-accent-soft:rgba(255,213,31,.14);scroll-behavior:smooth;background:#0b0c0d;border-color:rgba(255,255,255,.14)}
.albumInfoPage{padding:0 48px 54px;background:#0b0c0d}
.albumInfoPopup .albumOverviewClose{position:sticky;z-index:12;top:18px;float:right;margin:18px 18px -66px 0!important;background:rgba(8,9,10,.86);border-color:rgba(255,255,255,.2);backdrop-filter:blur(10px)}
.albumInfoPopup .albumOverviewClose:hover{border-color:var(--album-info-accent);color:var(--album-info-accent)}
.albumInfoHero{display:grid;grid-template-columns:230px minmax(0,1fr);gap:38px;align-items:center;min-height:310px;padding:40px 70px 38px 0;border-bottom:1px solid rgba(255,255,255,.12)}
.albumInfoHeroArt{width:230px;aspect-ratio:1;position:relative}
.albumInfoHeroArt:after{content:"";position:absolute;inset:8px -8px -8px 8px;border:1px solid color-mix(in srgb,var(--album-info-accent) 55%,transparent);border-radius:8px;z-index:0}
.albumInfoHeroArt img,.albumInfoHeroArt .albumInfoCoverFallback{position:relative;z-index:1;width:100%;height:100%;object-fit:cover;border-radius:8px;border:1px solid color-mix(in srgb,var(--album-info-accent) 68%,rgba(255,255,255,.15));box-shadow:0 24px 54px rgba(0,0,0,.52)}
.albumInfoEyebrow{display:block;margin:0 0 12px;color:var(--album-info-accent);font-size:11px;font-weight:850;text-transform:uppercase}
.albumInfoHero h2{max-width:920px;margin:0;color:#faf8f0;font-family:Georgia,serif;font-size:48px;line-height:1.02;letter-spacing:0;overflow-wrap:anywhere}
.albumInfoArtist{margin:13px 0 0;color:#fff;font-size:21px;font-weight:780}
.albumInfoHeroMeta{display:flex;flex-wrap:wrap;gap:0;margin:12px 0 0;color:rgba(255,255,255,.63);font-size:14px}
.albumInfoHeroMeta span{display:inline-flex;align-items:center;gap:5px;white-space:nowrap}
.albumInfoHeroMeta i{width:14px;height:14px;display:inline-grid;place-items:center;color:rgba(255,255,255,.58);font-style:normal}
.albumInfoHeroMeta i .albumInfoIcon{width:13px;height:13px}
.albumInfoHeroFlag{display:block;width:18px;height:13px;border-radius:1px;object-fit:cover;box-shadow:0 0 0 1px rgba(255,255,255,.12)}
.albumInfoHeroMeta span:not(:last-child):after{content:"";width:3px;height:3px;margin:0 10px;border-radius:50%;background:var(--album-info-accent)}
.albumInfoHeroSignals{display:flex;flex-wrap:wrap;gap:9px;margin-top:19.8px}
.albumInfoHeroSignals>div{min-width:135px;padding:9.9px 12.6px;border:1px solid color-mix(in srgb,var(--album-info-accent) 36%,rgba(255,255,255,.1));border-radius:6.3px;background:rgba(255,255,255,.025)}
.albumInfoHeroSignals strong{display:block;color:var(--album-info-accent);font-family:Georgia,serif;font-size:19.8px;line-height:1.15}
.albumInfoHeroSignals span{display:block;margin-top:2.7px;color:rgba(255,255,255,.53);font-size:9.9px;text-transform:uppercase;font-weight:750}
.albumInfoPopup .albumInfoSection{padding-bottom:0}
.albumInfoNav{position:sticky;z-index:10;top:0;display:flex;align-items:center;gap:4px;margin:0 -48px;padding:10px 48px;border-bottom:1px solid rgba(255,255,255,.11);background:rgba(11,12,13,.94);backdrop-filter:blur(14px);overflow-x:auto;scrollbar-width:none}
.albumInfoNav::-webkit-scrollbar{display:none}
.albumInfoNav a{min-height:40px;display:inline-flex;align-items:center;gap:7px;flex:0 0 auto;padding:9px 12px;border:1px solid transparent;border-radius:6px;color:rgba(255,255,255,.61);font-size:12px;font-weight:750;text-decoration:none;transition:color .16s ease,border-color .16s ease,background .16s ease}
.albumInfoNav a:hover,.albumInfoNav a:focus-visible{color:var(--album-info-accent);border-color:color-mix(in srgb,var(--album-info-accent) 42%,transparent);background:var(--album-info-accent-soft);outline:0}
.albumInfoIcon{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:0 0 auto}
.albumInfoBlock{scroll-margin-top:72px;padding:44px 0 48px;border-bottom:1px solid rgba(255,255,255,.1)}
.albumInfoHeading{justify-content:flex-start;gap:11px;margin-bottom:22px}
.albumInfoHeading>span{width:32px;height:32px;display:grid;place-items:center;border:1px solid color-mix(in srgb,var(--album-info-accent) 42%,transparent);border-radius:50%;color:var(--album-info-accent);background:var(--album-info-accent-soft)}
.albumInfoHeading>.albumInfoHeadingCover{width:32px;height:32px;overflow:hidden;border-radius:50%;background:#111;border-color:rgba(255,213,31,.5);box-shadow:0 5px 14px rgba(0,0,0,.34)}
.albumInfoHeadingCover img{width:100%;height:100%;display:block;object-fit:cover}
.albumInfoHeading h3{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;font-size:21px;font-weight:600;letter-spacing:0;color:#f8f6ef}
.albumDetailsBlock>.albumInfoHeading h3{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;font-size:21px;font-weight:600;letter-spacing:0}
.albumInfoFacts{display:grid;grid-template-columns:1fr;gap:0;overflow:hidden;border:1px solid rgba(255,255,255,.12);border-radius:7px;background:rgba(255,255,255,.012)}
.albumDetailsBlock .albumInfoFacts{width:50%}
.albumInfoFacts>article{min-height:52px;display:grid;grid-template-columns:38px minmax(0,1fr);gap:11px;align-items:center;padding:9px 16px;border:0;border-bottom:1px solid rgba(255,255,255,.1);border-radius:0;background:transparent;transition:background .16s ease}
.albumInfoFacts>article:last-child{border-bottom:0}
.albumInfoFacts>article:hover{transform:none;border-color:rgba(255,255,255,.1);background:rgba(255,213,31,.035)}
.albumInfoFacts>article>div{display:grid;grid-template-columns:minmax(110px,1fr) minmax(0,2fr);gap:20px;align-items:center}
.albumInfoFacts i{width:32px;height:32px;display:grid;place-items:center;color:var(--album-info-accent);font-style:normal}
.albumInfoFacts span,.albumSales>span{display:block;color:rgba(255,255,255,.48);font-size:10px;text-transform:uppercase;font-weight:800}
.albumInfoFacts strong{display:block;margin-top:0;color:#f4f2eb;font-size:15px;line-height:1.3;text-align:right;overflow-wrap:anywhere}
.albumInfoDetailSources{display:flex;flex-wrap:wrap;gap:6px 14px}
.albumDetailsBlock{padding-top:32px;padding-bottom:34px}
.albumDetailsBlock>.albumInfoHeading{margin-bottom:16px}
.albumSnapshotGrid{width:min(100%,1020px);display:grid;grid-template-columns:minmax(0,1.08fr) minmax(300px,.92fr);gap:14px;align-items:stretch}
.albumInformationPanel,.albumGlancePanel{min-width:0;border:1px solid rgba(255,255,255,.12);border-radius:7px;background:#111214}
.albumInformationPanel>header,.albumGlancePanel>header{min-height:48px;display:flex;align-items:center;gap:9px;padding:10px 15px;border-bottom:1px solid rgba(255,255,255,.1)}
.albumInformationPanel>header>span,.albumGlancePanel>header>span{width:26px;height:26px;display:grid;place-items:center;border-radius:50%;color:var(--album-info-accent);background:rgba(255,213,31,.09);border:1px solid rgba(255,213,31,.25)}
.albumInformationPanel>header h4,.albumGlancePanel>header h4{margin:0;color:#f8f6ef;font-family:Georgia,serif;font-size:17px}
.albumInformationPanel>header h4{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;font-size:16px;font-weight:600;letter-spacing:0}
.albumInformationPrimary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));padding:13px 15px 11px}
.albumInformationPrimary>article{min-height:66px;display:grid;grid-template-columns:28px minmax(0,1fr);gap:8px;align-items:center;padding:6px 12px;border-right:1px solid rgba(255,255,255,.08)}
.albumInformationPrimary>article:first-child{padding-left:0}
.albumInformationPrimary>article:last-child{padding-right:0;border-right:0}
.albumInformationPrimary i{width:26px;height:26px;display:grid;place-items:center;color:var(--album-info-accent);font-style:normal}
.albumInformationPrimary i .albumInfoIcon{width:16px;height:16px}
.albumInformationPrimary>article.hasOrganizationMark{grid-template-columns:44px minmax(0,1fr)}
.albumInformationPrimary>article.hasOrganizationMark>i{width:42px}
.albumInfoOrganizationMark{width:42px;height:26px;display:grid;place-items:center;border-radius:4px;background:rgba(255,255,255,.92);overflow:hidden}
.albumInfoOrganizationMark img{display:block;width:38px;height:22px;object-fit:contain}
.albumInfoOrganizationMark .albumInfoIcon{display:none;color:var(--album-info-accent)}
.albumInformationPrimary>article.hasCompactOrganizationMark{grid-template-columns:28px minmax(0,1fr)}
.albumInformationPrimary>article.hasCompactOrganizationMark>i{width:26px}
.albumInfoOrganizationMark.isAppleMark{width:26px;height:26px;display:block;background:#fff}
.albumInfoOrganizationMark.isAppleMark img{width:auto;height:26px;max-width:none;object-fit:initial}
.albumInfoCountryFlag{width:24px;height:18px;display:grid;place-items:center;overflow:hidden;border-radius:2px;box-shadow:0 0 0 1px rgba(255,255,255,.12)}
.albumInfoCountryFlag img{display:block;width:24px;height:18px;object-fit:cover}
.albumInfoCountryFlag .albumInfoIcon{display:none;color:var(--album-info-accent)}
.albumInformationPrimary span,.albumInformationCompact span,.albumGlanceStats span{display:block;color:rgba(255,255,255,.43);font-size:10px;font-weight:800;text-transform:uppercase}
.albumInformationPrimary span,.albumInformationCompact span{color:rgba(255,255,255,.62);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;font-size:13px;font-weight:400;line-height:1.35;text-transform:none;letter-spacing:0}
.albumInformationPrimary strong{display:block;margin-top:3px;color:#f8f6ef;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;font-size:13.25px;font-weight:600;line-height:1.25;letter-spacing:0}
.albumInformationCompact{display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));margin:0 15px 13px;border:1px solid rgba(255,213,31,.16);border-radius:6px;background:rgba(255,213,31,.025)}
.albumInformationCompact>article{min-height:58px;display:flex;flex-direction:column;justify-content:center;padding:9px 11px;border-right:1px solid rgba(255,255,255,.08)}
.albumInformationCompact>article:last-child{border-right:0}
.albumInformationCompact strong{display:block;margin-top:3px;color:#fff;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;font-size:13.25px;font-weight:600;line-height:1.25;letter-spacing:0;overflow-wrap:anywhere}
.albumGlancePanel{display:flex;flex-direction:column;border-color:rgba(255,213,31,.23);background:#0e0f10}
.albumGlancePanel>header>span{color:#0b0b0b;background:var(--album-info-accent);border-color:var(--album-info-accent)}
.albumGlancePanel>header h4{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;font-size:16px;font-weight:600;letter-spacing:0}
.albumGlanceStats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:1fr;flex:1;padding:8px 15px 12px}
.albumGlanceStats>.albumGlanceFact{position:relative;min-width:0;min-height:76px;display:grid;grid-template-columns:24px minmax(0,1fr);gap:8px;align-content:center;padding:10px;border:0;border-bottom:1px solid rgba(255,255,255,.08);border-radius:0;background:transparent;color:inherit;font:inherit;text-align:left}
.albumGlanceStats>.albumGlanceFact:nth-child(odd){border-right:1px solid rgba(255,255,255,.08);padding-left:0}
.albumGlanceStats>.albumGlanceFact:nth-child(even){padding-right:0}
.albumGlanceStats>.albumGlanceFact:nth-last-child(-n+2){border-bottom:0}
.albumGlanceStats i{width:22px;height:22px;display:grid;place-items:center;color:var(--album-info-accent);font-style:normal}
.albumGlanceStats i .albumInfoIcon{width:16px;height:16px}
.albumGlanceStats strong{display:block;color:#fff;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;font-size:15.39px;font-weight:600;line-height:1.2;letter-spacing:0;overflow-wrap:anywhere}
.albumGlanceFact-music strong{font-size:13.68px;font-weight:600;line-height:1.25}
.albumGlanceFact-music{cursor:pointer;transition:background .16s ease,color .16s ease}
.albumGlanceFact-addSales{cursor:pointer;transition:background .16s ease,border-color .16s ease}
.albumGlanceFact-addSales:hover,.albumGlanceFact-addSales:focus-visible{background:rgba(255,213,31,.06);outline:1px solid rgba(255,213,31,.45);outline-offset:-1px}
.albumGlanceFact-addSales strong{color:var(--album-info-accent)}
.albumGlanceFact-music:after{content:none!important;display:none!important}
.albumGlanceFact-music>div{min-width:0;padding-right:34px;transition:opacity .16s ease}
.albumGlancePlayCue{position:absolute;z-index:2;right:10px;top:50%;width:34px;height:34px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.4);border-radius:50%;background:rgba(112,112,112,.9);color:#fff;box-shadow:0 5px 16px rgba(0,0,0,.42);opacity:0;transform:translateY(-50%) scale(.88);transition:opacity .16s ease,transform .16s ease,background .16s ease}
.albumGlancePlayCue:before{content:"▶";margin-left:2px;font-size:14px;line-height:1}
.albumGlanceFact-music:hover,.albumGlanceFact-music:focus-visible{background:rgba(255,255,255,.045)}
.albumGlanceFact-music:hover .albumGlancePlayCue,.albumGlanceFact-music:focus-visible .albumGlancePlayCue,.albumGlanceFact-music.isPreviewing .albumGlancePlayCue{opacity:1;transform:translateY(-50%) scale(1)}
.albumGlanceFact-music:hover>div,.albumGlanceFact-music:focus-visible>div{opacity:.72}
.albumGlanceFact-music.isPreviewing .albumGlancePlayCue{background:var(--album-info-accent);color:#0b0b0b}
.albumGlanceFact-music.isPreviewing .albumGlancePlayCue:before{content:"Ⅱ";margin-left:0;font-size:13px;font-weight:900}
.albumGlanceFact-music:focus-visible{outline:1px solid var(--album-info-accent);outline-offset:-2px}
.albumGlanceFact-music.isPreviewing i{filter:drop-shadow(0 0 5px rgba(255,213,31,.6))}
@media(hover:none){.albumGlancePlayCue{opacity:1;transform:translateY(-50%) scale(.9)}}
.albumGlanceStats span{margin-top:3px;color:rgba(255,255,255,.62);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;font-size:13px;font-weight:400;line-height:1.35;text-transform:none;letter-spacing:0}
.albumDetailsBlock>.albumInfoDetailSources{width:min(100%,1020px);margin-top:0}
.albumInfoPeopleGroup+.albumInfoPeopleGroup{margin-top:30px}
.albumInfoPeopleGroup>h4{margin:0 0 11px;color:var(--album-info-accent);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:0}
.albumInfoPeople{grid-template-columns:repeat(3,minmax(0,1fr));gap:11px}
.infoPerson{min-height:112px;padding:15px;grid-template-columns:44px minmax(0,1fr) auto;align-items:start;border:1px solid rgba(255,255,255,.1);border-radius:7px;background:#111214;transition:transform .16s ease,border-color .16s ease,background .16s ease}
.infoPerson:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--album-info-accent) 48%,rgba(255,255,255,.1));background:#141517}
.infoPersonAvatar{width:40px;height:40px;border-color:rgba(255,213,31,.42);background:linear-gradient(145deg,#e3bd19 8%,#a58408 58%,#705900 100%);color:#0b0b0b;font-size:12px;font-weight:900;box-shadow:inset 0 1px 0 rgba(255,255,255,.24),0 6px 18px rgba(0,0,0,.3)}
.infoPersonCopy{min-width:0}
.infoPerson strong{display:block;color:#f9f7f0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;font-size:16px;font-weight:600;letter-spacing:0}
.infoPerson p{margin:0;overflow-wrap:anywhere}
.infoPersonPrimary{margin-top:5px!important;color:rgba(255,255,255,.75)!important;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif!important;font-size:13px!important;font-weight:400!important;letter-spacing:0!important}
.infoPersonSecondary{margin-top:4px!important;color:rgba(255,255,255,.48)!important;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif!important;font-size:12px!important;font-weight:400!important;letter-spacing:0!important}
.infoRoleFacts{display:flex;flex-wrap:wrap;align-items:center;gap:7px}
.infoRolePill{display:inline-flex;align-items:center;min-height:27px;max-width:100%;padding:4px 9px;border:1px solid rgba(255,255,255,.17);border-radius:999px;background:rgba(255,255,255,.018);color:rgba(255,255,255,.72);font-size:11px;line-height:1.3;overflow-wrap:anywhere}
.infoRoleSeparator{color:var(--album-info-accent);font-size:10px;line-height:1;font-style:normal;opacity:.78}
.infoPersonMore{grid-column:1/-1;width:100%;min-width:0;margin-top:6px}
.infoPersonMore summary{display:inline-flex;min-height:28px;align-items:center;color:var(--album-info-accent);font-size:11px;font-weight:750;cursor:pointer;list-style:none}
.infoPersonMore summary::-webkit-details-marker{display:none}
.infoPersonMore p{width:100%;padding:7px 0 2px;color:rgba(255,255,255,.55);font-size:12px;line-height:1.45}
.infoSource{display:inline-flex;align-items:center;gap:4px;margin-top:8px;color:rgba(255,255,255,.35);font-size:10px;text-decoration:none}
.infoSource:hover{color:var(--album-info-accent)}
.infoSource .albumInfoIcon{width:11px;height:11px}
.infoSource+.infoSource{margin-left:8px}
.infoPortraitCredit{display:block;width:fit-content;max-width:100%;margin-top:7px;color:rgba(255,255,255,.48);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;font-size:9px;line-height:1.35;overflow-wrap:anywhere}
.infoPortraitCredit a{color:inherit;text-decoration:none}
.infoPortraitCredit a:hover{color:var(--album-info-accent)}
.infoPortraitCredit.isCandidate{color:var(--album-info-accent)}
.infoPerson.hasPortraitCandidate{border-color:rgba(255,213,31,.42)}
.infoPerson.hasPortraitCandidate .infoPersonAvatar{box-shadow:0 0 0 2px rgba(255,213,31,.2),0 6px 18px rgba(0,0,0,.3)}
.infoPerson .infoRowActions{flex-wrap:wrap;justify-content:flex-end;max-width:150px}
.infoPortraitApproved{display:inline-flex!important;align-items:center;min-height:28px;padding:5px 8px;border:1px solid rgba(91,202,129,.35);border-radius:5px;color:#8fdda9!important;background:rgba(91,202,129,.07);font-size:10px!important;font-weight:650!important;line-height:1;text-transform:none!important;white-space:nowrap}
.albumProductionBlock .infoPerson{min-height:86px;grid-template-columns:44px minmax(0,1fr) auto;background:transparent}
.albumProductionBlock .infoPersonAvatar{width:40px;height:40px;font-size:12px}
.albumSongwriting{border:1px solid rgba(255,255,255,.1);border-radius:7px;background:#101113}
.albumSongwriting summary{min-height:48px;display:flex;align-items:center;padding:10px 15px;color:var(--album-info-accent);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;font-size:16px;font-weight:600;letter-spacing:0}
.albumSongwriting .albumInfoPeople{padding:0 12px 12px}
.albumInfoLabels{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.albumInfoLabels>div{min-height:86px;padding:15px;border:1px solid rgba(255,255,255,.1);border-radius:7px;background:#111214}
.albumInfoLabels>div:last-child{border-bottom:1px solid rgba(255,255,255,.1)}
.albumInfoLabelIdentity{min-width:0;display:grid;grid-template-columns:58px minmax(0,1fr);gap:13px;align-items:center}
.albumInfoLabelLogo{width:56px;height:40px;display:grid;place-items:center;border-radius:5px;background:rgba(255,255,255,.94);overflow:hidden}
.albumInfoLabelLogo img{display:block;width:50px;height:34px;object-fit:contain}
.albumInfoLabelLogo .albumInfoIcon{display:none;width:20px;height:20px;color:var(--album-info-accent)}
.albumInfoLabelLogoFallback{background:rgba(255,213,31,.07);border:1px solid rgba(255,213,31,.24)}
.albumInfoLabelLogoFallback .albumInfoIcon{display:block}
.albumInfoLabelLogo.isAppleMark{width:40px;height:40px;display:block;background:#fff}
.albumInfoLabelLogo.isAppleMark img{width:auto;height:40px;max-width:none;object-fit:initial}
.albumInfoLabelLogo.isReviewCandidate{box-shadow:0 0 0 2px rgba(255,213,31,.42);opacity:.82}
.albumInfoLabels strong{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;font-size:16px;font-weight:600;letter-spacing:0}
.albumInfoLabels span{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;font-size:13px;font-weight:400;line-height:1.35;letter-spacing:0}
.albumInfoLogoCredit{display:inline-flex!important;align-items:center;gap:4px;margin-top:6px;color:rgba(255,255,255,.46);font-size:9px!important;line-height:1.35;text-decoration:none;text-transform:none!important}
.albumInfoLogoCredit:hover{color:var(--album-info-accent)}
.albumInfoLogoCredit .albumInfoIcon{width:10px;height:10px}
.albumInfoLogoAudit{grid-column:1/-1;margin-top:13px;padding:11px;border:1px solid rgba(255,213,31,.24);border-radius:6px;background:rgba(255,213,31,.025)}
.albumInfoLogoAudit>header{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:8px}
.albumInfoLogoAudit>header strong{color:var(--album-info-accent);font-size:11px;text-transform:uppercase}
.albumInfoLogoAudit>header em{color:#ffb6a7;font-size:10px;font-style:normal}
.albumInfoLogoAudit dl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px 16px;margin:0}
.albumInfoLogoAudit dl>div{min-width:0}
.albumInfoLogoAudit dt{color:rgba(255,255,255,.42);font-size:9px;text-transform:uppercase}
.albumInfoLogoAudit dd{margin:2px 0 0;color:rgba(255,255,255,.72);font-size:11px;line-height:1.35;overflow-wrap:anywhere}
.albumInfoLogoAudit>div{display:flex;flex-wrap:wrap;gap:7px;margin-top:10px}
.albumInfoLogoAudit a,.albumInfoLogoAudit button{display:inline-flex;align-items:center;gap:4px;min-height:28px;padding:5px 9px;border:1px solid rgba(255,255,255,.15);border-radius:5px;background:#0d0e0f;color:#f5f2e9;font-size:10px;text-decoration:none;cursor:pointer}
.albumInfoLogoAudit a:hover,.albumInfoLogoAudit button:hover{border-color:var(--album-info-accent);color:var(--album-info-accent)}
.albumInfoLogoAudit a .albumInfoIcon{width:10px;height:10px}
.albumInfoLogoAudit.status-approved{border-color:rgba(102,213,143,.35)}
.albumInfoLogoAudit.status-rejected{border-color:rgba(255,120,105,.28)}
.albumInfoLogoAudit.isEmpty{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.albumInfoLogoAudit.isEmpty strong{font-size:11px}.albumInfoLogoAudit.isEmpty span{font-size:11px;color:rgba(255,255,255,.5)}
.albumSales{max-width:560px;gap:6px;padding:2px 0 24px}
.albumSales strong{color:var(--album-info-accent);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;font-size:26px;font-weight:600;line-height:1.2;letter-spacing:0}
.albumSales>span{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;font-size:13px;font-weight:400;text-transform:none;letter-spacing:0}
.albumSales>span{order:2}.albumSales>small{order:3}.albumSales>.infoSource{order:4}
.albumCertifications{padding-top:24px}
.albumCertifications h4{margin-bottom:12px;color:rgba(255,255,255,.55);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;font-size:16px;font-weight:600;text-transform:none;letter-spacing:0}
.albumCertificationGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.albumCertificationGrid>article{min-height:116px;display:flex;flex-direction:column;align-items:flex-start;padding:15px;border:1px solid color-mix(in srgb,var(--album-info-accent) 30%,rgba(255,255,255,.1));border-radius:7px;background:#111214}
.albumCertificationGrid span{color:rgba(255,255,255,.62);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;font-size:13px;font-weight:400;text-transform:none;letter-spacing:0}
.albumCertificationGrid strong{margin-top:5px;color:#f7f4e9;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;font-size:16px;font-weight:600;letter-spacing:0}
.albumCertificationGrid em,.albumCertificationGrid small{margin-top:4px;color:rgba(255,255,255,.5);font-size:11px;font-style:normal}
.albumInfoAdminBar{margin-top:18px;padding:12px;border:1px solid rgba(255,255,255,.1);border-radius:7px;background:#111214}
.albumInfoSchemaNote{border-radius:0 6px 6px 0}
body.light .albumInfoPopupPanel,body.light .albumInfoPage{background:#f2f0e9}body.light .albumInfoNav{background:rgba(242,240,233,.95);border-color:#d8d4c9}body.light .albumInfoHero{border-color:#d8d4c9}body.light .albumInfoHero h2,body.light .albumInfoArtist,body.light .albumInfoHeading h3,body.light .infoPerson strong,body.light .albumInformationPanel h4,body.light .albumGlancePanel h4,body.light .albumInformationPrimary strong,body.light .albumInformationCompact strong,body.light .albumGlanceStats strong{color:#171717}body.light .albumInfoHeroMeta,body.light .albumInfoNav a{color:#6b675f}body.light .albumInfoFacts>article,body.light .infoPerson,body.light .albumInfoLabels>div,body.light .albumCertificationGrid>article,body.light .albumSongwriting,body.light .albumInformationPanel,body.light .albumGlancePanel{background:#faf9f5;border-color:#d8d4c9}body.light .albumInfoFacts strong{color:#222}body.light .infoPersonPrimary{color:#494640!important}body.light .infoPersonSecondary{color:#777168!important}
@media(min-width:701px){.albumPerformersBlock,.albumProductionBlock,.albumWritingBlock,.albumLabelsBlock,.albumCommercialBlock{padding-top:28px;padding-bottom:28px}}
@media(max-width:1100px){.albumInfoPeople{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:900px){.albumInfoPage{padding:max(22px,env(safe-area-inset-top)) 26px 46px}.albumInfoHero{grid-template-columns:170px minmax(0,1fr);gap:25px;min-height:246px;padding:20px 56px 28px 0}.albumInfoHeroArt{width:170px}.albumInfoHero h2{font-size:37px}.albumInfoNav{margin:0 -26px;padding:9px 26px}.albumInfoPopup .albumOverviewClose{position:fixed!important;top:14px!important;right:14px!important}.albumDetailsBlock .albumInfoFacts{width:100%}.albumSnapshotGrid{grid-template-columns:1fr;gap:16px}.albumCertificationGrid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.albumInfoPage{padding:20px 18px 38px}.albumInfoHero{grid-template-columns:112px minmax(0,1fr);gap:18px;min-height:190px;padding:22px 44px 24px 0}.albumInfoHeroArt{width:112px}.albumInfoHero h2{font-size:28px}.albumInfoArtist{font-size:17px}.albumInfoHeroMeta{font-size:12px}.albumInfoHeroSignals{grid-column:1/-1;margin-top:15px}.albumInfoHeroSignals>div{min-width:130px;flex:1}.albumInfoNav{margin:0 -18px;padding:8px 18px}.albumInfoNav a{min-height:42px;padding:9px 10px}.albumInfoFacts{grid-template-columns:1fr}.albumInfoPeople,.albumInfoLabels{grid-template-columns:1fr}.albumInfoBlock{padding:36px 0 40px}.albumInfoHeading h3{font-size:22px}.albumCertificationGrid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:5px}.albumCertificationGrid>article{min-width:210px;scroll-snap-align:start}}
@media(max-width:700px){.albumInfoLogoAudit dl{grid-template-columns:1fr}}
@media(max-width:430px){.albumInfoHero{grid-template-columns:92px minmax(0,1fr);gap:14px}.albumInfoHeroArt{width:92px}.albumInfoHero h2{font-size:24px}.albumInfoEyebrow{margin-bottom:7px}.albumInfoHeroSignals>div{min-width:100%}.albumInfoFacts{grid-template-columns:1fr}.albumInfoFacts>article{grid-template-columns:32px minmax(0,1fr);padding:10px 12px}.albumInfoFacts>article>div{grid-template-columns:minmax(82px,1fr) minmax(0,1.4fr);gap:10px}.albumInfoFacts strong{font-size:14px}.albumInformationCompact{grid-template-columns:repeat(2,minmax(0,1fr))}.albumInformationCompact>article{border-bottom:1px solid rgba(255,255,255,.08)}.albumGlanceStats{grid-template-columns:1fr}.albumGlanceStats>.albumGlanceFact,.albumGlanceStats>.albumGlanceFact:nth-child(odd){min-height:86px;padding:12px 0;border-right:0;border-bottom:1px solid rgba(255,255,255,.08)}.albumGlanceStats>.albumGlanceFact:last-child{border-bottom:0}.albumGlanceStats strong{font-size:15.39px}.infoPerson{grid-template-columns:44px minmax(0,1fr);min-height:104px;padding:13px}.infoPersonAvatar{width:40px;height:40px}.infoPerson .infoRowActions{grid-column:2}.albumInfoNav .albumInfoIcon{display:none}}
@media(max-width:430px){.albumGlanceStats .albumGlanceFact-music strong{font-size:13.68px}}

/* Keep mobile credit typography and layout intact while reducing card bulk. */
@media(max-width:700px){
  .albumInfoPeople{
    row-gap:6px;
  }
  .infoPerson{
    min-height:90px;
    padding:12px;
  }
  .infoPerson:has(.infoPersonMore){
    row-gap:0;
  }
  .infoPersonMore{
    margin-top:0;
  }
  .infoPersonMore summary{
    min-height:20px;
  }
  .albumProductionBlock .infoPerson{
    min-height:69px;
    padding:12px;
  }
}
@media(max-width:430px){
  .infoPerson{
    min-height:83px;
    padding:10.4px;
  }
  .albumProductionBlock .infoPerson{
    min-height:69px;
    padding:10.4px;
  }
}

/* Compact album-info hero for phones and small tablets. */
@media(max-width:700px){
  .albumInfoHero{grid-template-columns:88px minmax(0,1fr);grid-template-areas:"eyebrow eyebrow" "title title" "art artist" "art meta" "signals signals";column-gap:15px;row-gap:0;align-items:center;min-height:0;padding:24px 0 25px}
  .albumInfoHeroCopy{display:contents}
  .albumInfoHeroArt{grid-area:art;width:88px;align-self:start;margin-top:15px}
  .albumInfoHeroArt:after{display:none}
  .albumInfoEyebrow{grid-area:eyebrow;margin:0 52px 7px 0;font-size:10px}
  .albumInfoHero h2{grid-area:title;max-width:none;padding-right:42px;font-size:26px;line-height:1.06}
  .albumInfoArtist{grid-area:artist;align-self:end;margin:15px 0 0;font-size:17px;line-height:1.25}
  .albumInfoHeroMeta{grid-area:meta;align-self:start;margin:7px 0 0;font-size:12px;line-height:1.4}
  .albumInfoHeroMeta span:not(:last-child):after{margin:0 7px}
  .albumInfoHeroSignals{grid-area:signals;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7.2px;margin-top:14.4px}
  .albumInfoHeroSignals>div{min-width:0;padding:9px 10.8px}
  .albumInfoHeroSignals>div:only-child{grid-column:1/-1}
  .albumInfoHeroSignals strong{font-size:18px}
  .albumInfoHeroSignals span{font-size:9px;line-height:1.35}
  .albumInformationPanel>header{min-height:42px;padding:7px 12px}
  .albumInformationPanel>header h4,.albumGlancePanel>header h4{font-size:14.72px}
  .albumInformationPrimary{grid-template-columns:repeat(2,minmax(0,1fr));padding:8px 12px 6px}
  .albumInformationPrimary>article{min-height:52px;padding:3px 8px}
  .albumInformationPrimary>article>div{min-width:0}
  .albumInformationPrimary strong{overflow-wrap:anywhere}
  .albumInformationPrimary>.albumInformationDetail-label{padding-right:0;border-right:0}
  .albumInformationPrimary>.albumInformationDetail-country{grid-column:1/-1;min-height:42px;margin-top:0;padding:6px 0 0;border-top:1px solid rgba(255,255,255,.08);border-right:0}
  .albumInformationCompact{margin:0 12px 9px}
  .albumInformationCompact>article{min-height:46px;padding:6px 9px}
  .albumInformationPrimary span,.albumInformationCompact span{font-size:11.96px}
  .albumInformationPrimary strong,.albumInformationCompact strong{font-size:11.9232px}
  .albumGlanceStats span{font-size:11.96px}
  .albumGlanceStats strong,.albumGlanceStats .albumGlanceFact-music strong{font-size:11.9232px}
  .albumDetailsBlock{padding-top:18px;padding-bottom:14px}
  .albumDetailsBlock>.albumInfoHeading{display:none}
  .albumPerformersBlock{padding-top:22px;padding-bottom:14px}
  .albumProductionBlock{padding-top:22px}
}
@media(max-width:430px){
  .albumInfoHero{grid-template-columns:78px minmax(0,1fr);column-gap:13px;padding-top:22px}
  .albumInfoHeroArt{width:78px;margin-top:13px}
  .albumInfoHero h2{padding-right:38px;font-size:23px;line-height:1.07}
  .albumInfoArtist{margin-top:13px;font-size:16px}
  .albumInfoHeroSignals>div{min-width:0;padding:8.1px 9px}
  .albumGlancePanel>header{min-height:38px;padding:6px 10px}
  .albumGlanceStats{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:auto;padding:4px 10px 6px}
  .albumGlanceStats>.albumGlanceFact,.albumGlanceStats>.albumGlanceFact:nth-child(odd){min-height:52px;padding:5px 6px;border-bottom:1px solid rgba(255,255,255,.08)}
  .albumGlanceStats>.albumGlanceFact:nth-child(odd){padding-left:0;border-right:1px solid rgba(255,255,255,.08)}
  .albumGlanceStats>.albumGlanceFact:nth-child(even){padding-right:0}
  .albumGlanceFact-star{order:1}
  .albumGlanceFact-trophy{order:2}
  .albumGlanceFact-globe{order:3}
  .albumGlanceFact-users{order:4;border-right:0!important}
  .albumGlanceFact-music{order:5;grid-column:1/-1;min-height:50px!important;padding-left:0!important;border-right:0!important;border-bottom:0!important}
}

@media(min-width:851px){
  #albumModal .linerTabs{
    display:flex!important;
    justify-content:center!important;
    width:max-content!important;
    max-width:100%!important;
    min-width:0!important;
    gap:3px!important;
    padding:2px!important;
  }
  #albumModal .linerTabs button{
    flex:0 0 auto!important;
    width:auto!important;
    min-width:96px!important;
    min-height:36px!important;
    padding:7px 16px!important;
    white-space:nowrap!important;
  }
  #albumModal .linerTabs button[data-album-tab="overview"]{
    min-width:102px!important;
  }
  #albumModal .linerTabs button[data-album-tab="info"]{
    min-width:150px!important;
    padding-right:20px!important;
    padding-left:20px!important;
  }
  #albumModal .linerTabs button[data-album-tab="ratings"]{
    min-width:154px!important;
    padding-right:19px!important;
    padding-left:19px!important;
  }
}

@media(max-width:850px){
  #albumInfoPopup .albumCommercialBlock{
    display:none!important;
  }
  #albumModal .linerTabs{
    display:flex!important;
    justify-content:center!important;
    width:100%!important;
    max-width:100%!important;
    gap:3px!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    scrollbar-width:none!important;
  }
  #albumModal .linerTabs::-webkit-scrollbar{
    display:none!important;
  }
  #albumModal .linerTabs button{
    flex:0 0 auto!important;
    width:auto!important;
    min-width:0!important;
    min-height:36px!important;
    padding:7px 6px!important;
    font-size:10.5px!important;
    white-space:nowrap!important;
    overflow-wrap:normal!important;
  }
  #albumModal .linerTabs button[data-album-tab="info"]{
    min-width:0!important;
  }
  #albumModal .linerTabs button[data-album-tab="ratings"]{
    min-width:0!important;
  }
}

/* Reduce mobile snapshot panel bulk without altering typography or layout. */
@media(max-width:700px){
  .albumInformationPanel>header{
    min-height:34px;
    padding:5.6px 9.6px;
  }
  .albumInformationPrimary{
    padding:6.4px 9.6px 4.8px;
  }
  .albumInformationPrimary>article{
    min-height:42px;
    padding:2.4px 6.4px;
  }
  .albumInformationPrimary>.albumInformationDetail-country{
    min-height:34px;
    padding-top:4.8px;
  }
  .albumInformationCompact{
    margin:0 9.6px 7.2px;
  }
  .albumInformationCompact>article{
    min-height:37px;
    padding:4.8px 7.2px;
  }
  .albumGlancePanel>header{
    min-height:34px;
    padding:7.2px 10.8px;
  }
  .albumGlanceStats{
    padding:5.76px 10.8px 8.64px;
  }
  .albumGlanceStats>.albumGlanceFact,
  .albumGlanceStats>.albumGlanceFact:nth-child(odd){
    min-height:55px;
    padding:7.2px;
  }
}
@media(max-width:430px){
  .albumGlancePanel>header{
    min-height:27px;
    padding:4.32px 7.2px;
  }
  .albumGlanceStats{
    padding:2.88px 7.2px 4.32px;
  }
  .albumGlanceStats>.albumGlanceFact,
  .albumGlanceStats>.albumGlanceFact:nth-child(odd){
    min-height:38px;
    padding:3.6px 4.32px;
  }
  .albumGlanceFact-music{
    min-height:36px!important;
  }
}

@media(max-width:850px){
  #albumInfoPopup .albumGlanceFact-music{
    pointer-events:none;
    cursor:default;
  }
  #albumInfoPopup .albumGlancePlayCue{
    display:none!important;
  }
  #albumInfoPopup .albumGlanceFact-music>div{
    padding-right:0;
  }
}

/* Tighten the vertical transitions between mobile info sections. */
@media(max-width:700px){
  .albumInfoHero{
    padding-bottom:14px;
  }
  .albumInfoNav{
    padding-top:4px;
    padding-bottom:4px;
  }
  .albumInfoNav a{
    min-height:36px;
    padding-top:6px;
    padding-bottom:6px;
  }
  .albumDetailsBlock{
    padding-top:8px;
  }
}

/* Compact mobile listener comment cards without changing typography or structure. */
@media(max-width:700px){
  #albumModal .listenerCardsGrid{
    row-gap:8px!important;
  }
  #albumModal .listenerCard{
    min-height:106px!important;
    padding:12px!important;
    grid-template-columns:38px minmax(0,1fr)!important;
    row-gap:6px!important;
    column-gap:12px!important;
  }
  #albumModal .listenerCardAvatar{
    width:38px!important;
    height:38px!important;
  }
  #albumModal .listenerCard .listenerSongLabel{
    margin:2px 0 0!important;
  }
  #albumModal .listenerCard p{
    margin:2px 0 0!important;
    font-size:13px!important;
    line-height:1.4!important;
  }
  #albumModal .listenerCardActions{
    margin-top:3px!important;
  }
}

.albumHeroDescriptionToggle{
  display:none;
}
@media(max-width:850px){
  #albumModal .albumHeroDescriptionToggle{
    display:inline-flex;
    align-items:baseline;
    gap:4px;
    width:max-content;
    margin:0 0 0 5px;
    padding:0;
    border:0;
    background:transparent;
    color:#ffd51f;
    font:800 13px/1.2 Arial,sans-serif!important;
    text-decoration:none;
    vertical-align:baseline;
    white-space:nowrap;
    cursor:pointer;
  }
  #albumModal .albumHeroDescriptionToggle span{
    margin-left:0;
    font-size:15px;
    line-height:1;
  }
  #albumModal .albumHeroDescriptionToggle:hover,
  #albumModal .albumHeroDescriptionToggle:focus-visible{
    color:#ffe36b;
    text-decoration:underline;
  }
  #albumModal .albumHeroDescriptionToggle:focus-visible{
    outline:2px solid #ffd51f;
    outline-offset:4px;
  }
}

/* Artist admin image replacement controls. */
.muzeArtistImageField{display:grid;gap:8px}
.muzeArtistImageCreditFields{grid-column:1/-1;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;padding:12px;border:1px solid rgba(255,255,255,.1);border-radius:6px;background:rgba(255,255,255,.025)}
.muzeArtistImageTools{display:flex;align-items:center;gap:10px;min-height:32px}
.muzeArtistImageTools button{flex:0 0 auto;padding:8px 10px;border:1px solid rgba(255,255,255,.18);border-radius:5px;background:rgba(255,255,255,.06);color:rgba(255,255,255,.78);font-size:12px;font-weight:800;cursor:pointer}
.muzeArtistImageTools button:disabled{cursor:wait;opacity:.6}
.muzeArtistImageTools span{color:rgba(255,255,255,.48);font-size:11px;line-height:1.35}
.muzeArtistPortraitFrame{display:grid;gap:8px;margin:0}
.muzeArtistImageCredit{margin:0;color:rgba(255,255,255,.46);font-size:11px;line-height:1.35;text-align:center}
.muzeArtistImageCredit a{color:rgba(242,201,76,.8);font-weight:750;text-decoration:none}
.muzeArtistImageCredit a:hover{text-decoration:underline}
@media(min-width:821px){.muzeArtistProfileHero.hasPortrait .muzeArtistPortraitFrame{width:44%;min-width:300px;margin-inline:auto}.muzeArtistProfileHero.hasPortrait .muzeArtistPortraitFrame .muzeArtistPortrait{width:100%;min-width:0;margin:0}}
@media(max-width:820px){.muzeArtistImageCreditFields{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.muzeArtistImageCreditFields{grid-template-columns:1fr}.muzeArtistPortraitFrame{width:100%}}
body.light .muzeArtistImageTools button{border-color:rgba(20,20,20,.15);background:rgba(20,20,20,.04);color:#444}
body.light .muzeArtistImageTools span,body.light .muzeArtistImageCredit{color:rgba(20,20,20,.56)}
body.light .muzeArtistImageCreditFields{border-color:rgba(20,20,20,.12);background:rgba(255,255,255,.42)}
body.light .muzeArtistImageCredit a{color:#8a6b00}

.muzeArtistBioToggle span{font-size:11px!important}

.artistTopBand{
  margin:0 calc(50% - 50vw) 26px;
  padding:34px max(24px,calc((100vw - 1450px) / 2 + 24px)) 22px;
  background:linear-gradient(180deg,#4b3348 0%,#3b2639 58%,#201622 100%);
}
.artistTopBand .artistDiscovery{margin-top:0}
.artistTopBand .artistFilterDock{
  margin-bottom:0!important;
  background:transparent!important;
  backdrop-filter:none!important;
}
body.light .artistTopBand{background:linear-gradient(180deg,#eee2f1 0%,#e3d1ea 100%)}

body.libraryView #content{
  margin:0 calc(50% - 50vw) -60px!important;
  padding:46px max(48px,calc((100vw - 1500px) / 2 + 48px)) 76px!important;
  background:linear-gradient(180deg,#f5f0e8 0%,#f1ebe2 100%)!important;
  color:#2b1f29!important;
}
body.libraryView .mockLibrariesHeader{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) minmax(420px,560px)!important;
  gap:28px!important;
  align-items:start!important;
  margin:0 0 22px!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
body.libraryView .mockLibrariesHeader h2,
body.libraryView .mockCommunityTitle strong,
body.libraryView .libraryRecoPanel h3{
  font-family:var(--muze-serif,Georgia,serif)!important;
  font-weight:500!important;
  color:#2b1430!important;
  letter-spacing:-.02em!important;
}
body.libraryView .mockLibrariesHeader h2{
  font-size:48px!important;
  line-height:1!important;
  margin:0 0 8px!important;
}
body.libraryView .mockLibrariesHeader p{
  color:rgba(50,35,45,.65)!important;
  font-size:16px!important;
  font-weight:400!important;
}
body.libraryView .mockLibraryTools label{
  height:50px!important;
  border-radius:999px!important;
  background:rgba(255,255,255,.65)!important;
  border-color:rgba(70,50,60,.12)!important;
  box-shadow:0 4px 18px rgba(40,25,35,.04)!important;
}
body.libraryView .mockLibraryTools label span,
body.libraryView .mockLibraryTools input{
  color:#2b2530!important;
}
body.libraryView .mockLibraryTools input::placeholder{
  color:rgba(50,35,45,.52)!important;
}
body.libraryView .mockLibraryTools button,
body.libraryView .mockYourLibrary button{
  background:linear-gradient(180deg,#e2bc4a,#d2a72f)!important;
  color:#1b1615!important;
  box-shadow:0 10px 28px rgba(141,103,18,.16)!important;
}
body.libraryView .mockYourLibrary{
  position:relative!important;
  grid-template-columns:1.12fr .86fr .88fr!important;
  gap:34px!important;
  align-items:center!important;
  margin:0 0 34px!important;
  padding:34px!important;
  border-radius:22px!important;
  border:1px solid rgba(214,171,53,.16)!important;
  background:radial-gradient(circle at 18% 86%,rgba(214,171,53,.13),transparent 32%),radial-gradient(circle at 64% 8%,rgba(255,255,255,.045),transparent 28%),linear-gradient(120deg,#3a2136 0%,#1b171d 55%,#161419 100%)!important;
  box-shadow:0 14px 40px rgba(30,15,25,.10)!important;
  overflow:hidden!important;
}
body.libraryView .mockYourLibrary:before{
  content:"";
  position:absolute;
  inset:0;
  background:repeating-radial-gradient(circle at 70% 40%,rgba(255,255,255,.035) 0 1px,transparent 1px 8px);
  opacity:.18;
  pointer-events:none;
}
body.libraryView .ownIdentity,
body.libraryView .ownRecent,
body.libraryView .ownNumbers{position:relative!important;z-index:1!important}
body.libraryView .ownIdentity{gap:24px!important}
body.libraryView .ownAvatar{
  width:120px!important;
  height:120px!important;
  border:1px solid rgba(214,171,53,.72)!important;
  box-shadow:none!important;
}
body.libraryView .ownIdentity p,
body.libraryView .ownRecent p,
body.libraryView .ownNumbers p{
  color:#d6ab35!important;
  font-size:12px!important;
  letter-spacing:.08em!important;
}
body.libraryView .ownIdentity h3{
  font-family:var(--muze-serif,Georgia,serif)!important;
  font-size:36px!important;
  font-weight:500!important;
  line-height:1.05!important;
  color:#f3eee7!important;
}
body.libraryView .ownLibrarySubtitle{
  display:block!important;
  max-width:360px!important;
  margin:0 0 14px!important;
  color:rgba(245,238,232,.72)!important;
  font-size:15px!important;
  line-height:1.45!important;
}
body.libraryView .ownIdentity span{
  display:none!important;
}
body.libraryView .ownIdentity em{
  margin:0 0 16px!important;
  color:rgba(245,238,232,.62)!important;
  font-size:14px!important;
}
body.libraryView .mockYourLibrary button{
  padding:12px 22px!important;
  font-weight:700!important;
}
body.libraryView .ownRecent>div{gap:9px!important}
body.libraryView .ownRecentCover{
  width:72px!important;
  height:72px!important;
  border-radius:8px!important;
  background:rgba(255,255,255,.075)!important;
  color:#f5eee3!important;
  box-shadow:none!important;
}
body.libraryView .ownRecentMore{
  place-items:center!important;
  font-size:18px!important;
  font-weight:700!important;
}
body.libraryView .ownNumbers{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:0!important;
  padding:0!important;
  background:transparent!important;
  border:0!important;
}
body.libraryView .ownNumbers p{display:none!important}
body.libraryView .ownNumbers>div{
  padding:0 22px!important;
  border-left:1px solid rgba(255,255,255,.10)!important;
}
body.libraryView .ownNumbers strong{
  font-family:var(--muze-serif,Georgia,serif)!important;
  font-size:36px!important;
  font-weight:500!important;
  color:#f5eee3!important;
}
body.libraryView .ownNumbers span{
  color:rgba(245,238,232,.58)!important;
  font-size:12px!important;
}
body.libraryView .mockCommunityTitle,
body.libraryView .libraryRecoPanel{
  position:relative!important;
  margin-top:28px!important;
  padding-top:28px!important;
  border-top:1px solid rgba(214,171,53,.34)!important;
}
body.libraryView .mockCommunityTitle:after,
body.libraryView .libraryRecoPanel:after{
  content:"";
  position:absolute;
  left:50%;
  top:-6px;
  width:10px;
  height:10px;
  background:#d6ab35;
  transform:translateX(-50%) rotate(45deg);
}
body.libraryView .mockCommunityTitle strong,
body.libraryView .libraryRecoPanel h3{
  font-size:30px!important;
  text-transform:none!important;
  letter-spacing:-.02em!important;
}
body.libraryView .mockCommunityTitle button,
body.libraryView .libraryRecoPanel button,
body.libraryView .libraryRecoPanel em{
  color:#b38408!important;
}
body.libraryView .mockCommunityGrid{
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:26px!important;
}
body.libraryView .mockLibraryCard{
  background:rgba(255,255,255,.34)!important;
  border:1px solid rgba(70,50,60,.10)!important;
  border-radius:16px!important;
  box-shadow:0 14px 34px rgba(50,30,38,.055)!important;
  padding:22px!important;
  gap:16px!important;
}
body.libraryView .mockLibraryTop{
  grid-template-columns:56px minmax(0,1fr)!important;
  gap:15px!important;
}
body.libraryView .mockAvatar{
  width:56px!important;
  height:56px!important;
}
body.libraryView .mockLibraryTitle h3{
  font-family:var(--muze-serif,Georgia,serif)!important;
  font-size:20px!important;
  font-weight:500!important;
  color:#2b1f29!important;
}
body.libraryView .mockLibraryTitle p,
body.libraryView .mockDescriptor{
  color:rgba(55,40,50,.65)!important;
  font-size:13px!important;
}
body.libraryView .mockMatch{
  grid-column:1 / -1!important;
  align-items:flex-start!important;
  text-align:left!important;
}
body.libraryView .mockMatch strong{
  background:#3a2136!important;
  border-color:#3a2136!important;
  color:#fff!important;
  box-shadow:none!important;
  padding:5px 9px!important;
  font-size:11px!important;
  font-weight:700!important;
}
body.libraryView .mockCommonLine,
body.libraryView .mockActivityLine,
body.libraryView .mockDiscoveryMetric,
body.libraryView .libraryDiscovery,
body.libraryView .mockTags{
  display:none!important;
}
body.libraryView .mockAlbumPreview{
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:10px!important;
}
body.libraryView .mockAlbumTile,
body.libraryView .mockAlbumRow,
body.libraryView .mockMoreTile{
  background:transparent!important;
  border-radius:8px!important;
}
body.libraryView .mockAlbumTile .mockAlbumCover,
body.libraryView .mockMoreTile{
  aspect-ratio:1!important;
  height:auto!important;
  border-radius:8px!important;
}
body.libraryView .mockAlbumCopy{
  display:none!important;
}
body.libraryView .mockAlbumScore{
  display:none!important;
}
body.libraryView .mockMoreTile{
  background:linear-gradient(145deg,#3a2136,#1b171d)!important;
  color:#f5eee3!important;
}
body.libraryView .mockLibraryActions{
  gap:16px!important;
}
body.libraryView .mockLibraryActions .libraryExploreBtn{
  background:transparent!important;
  border:1px solid rgba(58,33,54,.45)!important;
  color:#3a2136!important;
  box-shadow:none!important;
  padding:10px 18px!important;
  font-weight:700!important;
}
body.libraryView .mockLibraryActions .libraryFollowBtn{
  background:transparent!important;
  border:0!important;
  color:#3a2136!important;
  padding:10px 0!important;
  box-shadow:none!important;
}
body.libraryView .libraryRecoPanel{
  background:transparent!important;
  border-left:0!important;
  border-right:0!important;
  border-bottom:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  padding-inline:0!important;
}
body.libraryView .libraryRecoPanel:before{display:none!important}
body.libraryView .libraryRecoPanel>div{
  grid-template-columns:repeat(6,minmax(0,1fr))!important;
  gap:24px!important;
}
body.libraryView .libraryRecoPanel article{
  background:rgba(255,255,255,.28)!important;
  border:1px solid rgba(70,50,60,.08)!important;
  border-radius:12px!important;
  overflow:hidden!important;
}
body.libraryView .libraryRecoPanel .cover{
  border-radius:0!important;
}
body.libraryView .libraryRecoPanel strong{
  padding:10px 12px 0!important;
  color:#2a2226!important;
  font-family:var(--muze-serif,Georgia,serif)!important;
  font-size:16px!important;
}
body.libraryView .libraryRecoPanel span,
body.libraryView .libraryRecoPanel em{
  padding-inline:12px!important;
}
body.libraryView .libraryRecoPanel button{
  margin-top:20px!important;
  background:transparent!important;
  border:1px solid rgba(58,33,54,.35)!important;
  color:#3a2136!important;
  box-shadow:none!important;
}

/* Cinematic Libraries rhythm: stronger hero, artwork-led social cards, featured discovery */
body.libraryView #content{
  padding-top:54px!important;
}
body.libraryView .mockLibrariesHeader{
  margin-bottom:26px!important;
}
body.libraryView .mockYourLibrary{
  min-height:230px!important;
  padding:42px!important;
  gap:42px!important;
  background:
    radial-gradient(circle at 15% 45%,rgba(91,45,85,.20),transparent 38%),
    radial-gradient(circle at 78% 18%,rgba(214,171,53,.055),transparent 30%),
    linear-gradient(115deg,#3a2136 0%,#1b171d 55%,#141217 100%)!important;
  box-shadow:0 22px 54px rgba(30,15,25,.14),0 0 0 1px rgba(214,171,53,.06) inset!important;
}
body.libraryView .mockYourLibrary:before{
  opacity:.025!important;
  background-image:
    linear-gradient(115deg,rgba(255,255,255,.5) 0 1px,transparent 1px),
    repeating-radial-gradient(circle at 72% 38%,rgba(255,255,255,.8) 0 1px,transparent 1px 9px)!important;
}
body.libraryView .ownAvatar{
  width:112px!important;
  height:112px!important;
}
body.libraryView .ownIdentity h3{
  font-size:clamp(34px,2.5vw,42px)!important;
  line-height:1.02!important;
  letter-spacing:-.02em!important;
}
body.libraryView .ownRecentCover{
  width:78px!important;
  height:78px!important;
}
body.libraryView .ownNumbers strong{
  font-size:34px!important;
}
body.libraryView .ownNumbers span{
  font-size:11px!important;
  letter-spacing:.03em!important;
}
body.libraryView .mockCommunityTitle{
  margin-top:34px!important;
  padding-top:24px!important;
}
body.libraryView .mockCommunityTitle strong,
body.libraryView .libraryRecoPanel h3{
  font-size:28px!important;
  line-height:1.05!important;
  letter-spacing:-.015em!important;
}
body.libraryView .mockCommunityGrid{
  gap:30px!important;
}
body.libraryView .mockLibraryCard{
  position:relative!important;
  overflow:hidden!important;
  padding:26px!important;
  gap:18px!important;
  background:
    radial-gradient(circle at 28% -8%,rgba(58,33,54,.045),transparent 36%),
    rgba(255,255,255,.34)!important;
}
body.libraryView .mockLibraryCard:before{
  content:"";
  position:absolute;
  inset:-34% -18% auto auto;
  width:58%;
  height:58%;
  border-radius:50%;
  background:rgba(58,33,54,.055);
  filter:blur(28px);
  pointer-events:none;
}
body.libraryView .mockLibraryTop,
body.libraryView .mockDescriptor,
body.libraryView .mockMatch,
body.libraryView .mockAlbumPreview,
body.libraryView .mockLibraryActions{
  position:relative!important;
  z-index:1!important;
}
body.libraryView .mockLibraryTitle h3{
  font-size:21px!important;
  line-height:1.1!important;
}
body.libraryView .mockMatch{
  margin-top:-6px!important;
}
body.libraryView .mockLibraryTitle .mockAlbumMeta,
body.libraryView .mockLibraryTitle .mockFollowerMeta{
  color:rgba(55,40,50,.56)!important;
}
body.libraryView .mockAlbumPreview{
  grid-template-columns:repeat(3,minmax(0,1fr)) 52px!important;
  gap:8px!important;
}
body.libraryView .mockAlbumTile .mockAlbumCover,
body.libraryView .mockMoreTile{
  border-radius:8px!important;
  box-shadow:0 10px 22px rgba(45,28,35,.10)!important;
}
body.libraryView .mockLibraryActions{
  margin-top:2px!important;
}
body.libraryView .mockLibraryActions .libraryExploreBtn:hover,
body.libraryView .libraryRecoPanel button:hover{
  background:rgba(58,33,54,.045)!important;
}
body.libraryView .libraryRecoPanel{
  margin-top:38px!important;
  padding-top:30px!important;
  background:radial-gradient(circle at 50% 0%,rgba(58,33,54,.055),transparent 55%)!important;
}
body.libraryView .libraryRecoPanel>div{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  align-items:start!important;
  gap:24px!important;
}
body.libraryView .libraryRecoPanel article:first-child{
  grid-row:auto!important;
}
body.libraryView .libraryRecoPanel article:first-child .cover{
  aspect-ratio:auto!important;
}
body.libraryView .libraryRecoPanel article:first-child strong,
body.libraryView .libraryRecoPanel article:not(:first-child) strong{
  font-size:16px!important;
  padding-top:10px!important;
}
body.libraryView .libraryRecoPanel article:first-child span{
  font-size:inherit!important;
}
@media(max-width:760px){
  body.libraryView .mockYourLibrary{
    min-height:0!important;
    padding:26px!important;
  }
  body.libraryView .ownRecentCover{
    width:68px!important;
    height:68px!important;
  }
  body.libraryView .mockAlbumPreview{
    grid-template-columns:repeat(3,minmax(0,1fr)) 48px!important;
  }
  body.libraryView .libraryRecoPanel>div{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
  body.libraryView .libraryRecoPanel article:first-child{
    grid-column:auto!important;
  }
}

@media(max-width:1180px){
  body.libraryView .mockYourLibrary{
    grid-template-columns:1fr!important;
  }
  body.libraryView .mockCommunityGrid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
  body.libraryView .libraryRecoPanel>div{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
  }
}
@media(max-width:760px){
  body.libraryView #content{
    padding:28px 18px 64px!important;
  }
  body.libraryView .mockLibrariesHeader{
    grid-template-columns:1fr!important;
  }
  body.libraryView .mockYourLibrary{
    padding:22px!important;
  }
  body.libraryView .ownIdentity{
    display:grid!important;
    grid-template-columns:92px minmax(0,1fr)!important;
  }
  body.libraryView .ownAvatar{
    width:92px!important;
    height:92px!important;
  }
  body.libraryView .ownIdentity h3{
    font-size:30px!important;
  }
  body.libraryView .ownRecent,
  body.libraryView .ownNumbers{
    grid-column:1 / -1!important;
  }
  body.libraryView .mockCommunityGrid{
    grid-template-columns:1fr!important;
  }
  body.libraryView .libraryRecoPanel>div{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:14px!important;
  }
}

@media(max-width:850px){
  .controls{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
  .controls .muzeSearchWrap{
    grid-column:1 / -1!important;
    grid-row:2!important;
  }
  .controls #genreFilter,
  .controls #sortSelect{
    min-height:38px!important;
    padding:12px!important;
    border-radius:13px!important;
    font-size:13px!important;
  }
  .controls #genreFilter{
    grid-column:1!important;
    grid-row:1!important;
  }
  .controls #sortSelect{
    grid-column:2!important;
    grid-row:1!important;
  }
}

@media(max-width:1180px) and (min-width:761px){
  body.libraryView .libraryRecoPanel>div{
    grid-template-columns:minmax(260px,1.2fr) repeat(2,minmax(150px,.8fr))!important;
  }
  body.libraryView .libraryRecoPanel article:first-child{
    grid-row:span 2!important;
  }
}
@media(max-width:760px){
  body.libraryView .libraryRecoPanel article:first-child{
    grid-column:1 / -1!important;
  }
}

/* Final premium editorial Libraries pass */
body.libraryView #content{
  padding-top:50px!important;
  padding-inline:max(48px,calc((100vw - 1500px) / 2 + 48px))!important;
}
body.libraryView .mockLibrariesHeader h2{
  font-size:clamp(42px,3vw,56px)!important;
  line-height:.98!important;
  letter-spacing:-.025em!important;
}
body.libraryView .mockLibrariesHeader p{
  font-size:15px!important;
  line-height:1.35!important;
}
body.libraryView .mockYourLibrary{
  min-height:260px!important;
  grid-template-columns:minmax(320px,1.1fr) minmax(280px,.9fr) minmax(330px,.9fr)!important;
  column-gap:48px!important;
  padding:42px!important;
  background:
    radial-gradient(circle at 15% 40%,rgba(91,45,85,.24),transparent 34%),
    radial-gradient(circle at 80% 30%,rgba(214,171,53,.035),transparent 30%),
    linear-gradient(115deg,#3a2136 0%,#241820 42%,#171418 100%)!important;
  box-shadow:0 20px 52px rgba(38,22,32,.13),0 0 0 1px rgba(214,171,53,.08) inset!important;
}
body.libraryView .mockYourLibrary:before{
  opacity:.018!important;
}
body.libraryView .mockYourLibrary:after{
  content:""!important;
  position:absolute!important;
  inset:-22% -10% -22% 50%!important;
  background:
    linear-gradient(90deg,rgba(23,20,24,.74),rgba(23,20,24,.18)),
    var(--own-ghost-a,linear-gradient(135deg,transparent,transparent)),
    var(--own-ghost-b,linear-gradient(135deg,transparent,transparent))!important;
  background-size:cover,48% auto,42% auto!important;
  background-position:center,58% center,96% 34%!important;
  background-repeat:no-repeat!important;
  opacity:.048!important;
  filter:blur(20px) saturate(.9)!important;
  pointer-events:none!important;
}
body.libraryView .ownIdentity,
body.libraryView .ownRecent,
body.libraryView .ownNumbers{
  position:relative!important;
  z-index:1!important;
}
body.libraryView .ownAvatar{
  width:130px!important;
  height:130px!important;
}
body.libraryView .ownIdentity h3{
  font-size:clamp(36px,2.4vw,44px)!important;
  line-height:1!important;
}
body.libraryView .ownLibrarySubtitle{
  color:rgba(245,238,232,.74)!important;
}
body.libraryView .mockYourLibrary button{
  font-size:14px!important;
  font-weight:600!important;
  border-radius:999px!important;
  box-shadow:none!important;
}
body.libraryView .ownRecentCover{
  width:78px!important;
  height:78px!important;
  border:1px solid rgba(214,171,53,0)!important;
}
body.libraryView .ownRecentCover:hover{
  border-color:rgba(214,171,53,.38)!important;
  transform:translateY(-1px)!important;
  box-shadow:0 10px 24px rgba(0,0,0,.18)!important;
}
body.libraryView .ownNumbers strong{
  font-size:38px!important;
}
body.libraryView .mockCommunityTitle,
body.libraryView .libraryRecoPanel{
  border-top:0!important;
}
body.libraryView .mockCommunityTitle:before,
body.libraryView .libraryRecoPanel:before{
  content:""!important;
  position:absolute!important;
  left:0!important;
  right:0!important;
  top:0!important;
  height:1px!important;
  display:block!important;
  background:linear-gradient(90deg,rgba(214,171,53,.18),rgba(58,33,54,.18),rgba(214,171,53,.35),rgba(58,33,54,.18),rgba(214,171,53,.18))!important;
}
body.libraryView .mockCommunityTitle{
  margin-top:30px!important;
  padding-top:18px!important;
}
body.libraryView .mockCommunityGrid{
  gap:24px!important;
}
body.libraryView .mockLibraryCard{
  border-radius:18px!important;
  border-color:rgba(72,50,64,.10)!important;
  background:rgba(255,255,255,.38)!important;
  box-shadow:0 8px 24px rgba(55,35,45,.035)!important;
}
body.libraryView .mockLibraryCard:before{
  content:""!important;
  position:absolute!important;
  inset:-30% -18% auto auto!important;
  width:72%!important;
  height:72%!important;
  border-radius:50%!important;
  background:
    linear-gradient(rgba(245,240,232,.62),rgba(245,240,232,.62)),
    var(--library-atmosphere,radial-gradient(circle,rgba(58,33,54,.20),transparent 60%))!important;
  background-size:cover!important;
  background-position:center!important;
  opacity:.045!important;
  filter:blur(34px) saturate(.9)!important;
  transform:scale(1.25)!important;
}
body.libraryView .mockLibraryCard:hover{
  transform:translateY(-1px)!important;
  border-color:rgba(58,33,54,.22)!important;
  box-shadow:0 12px 30px rgba(55,35,45,.06)!important;
}
body.libraryView .mockLibraryTitle h3{
  font-size:22px!important;
  line-height:1.05!important;
}
body.libraryView .mockMatch strong{
  font-weight:600!important;
  text-transform:uppercase!important;
}
body.libraryView .mockAlbumPreview{
  grid-template-columns:repeat(3,minmax(0,1fr)) 56px!important;
  gap:10px!important;
}
body.libraryView .mockMoreTile{
  font-size:18px!important;
  font-weight:600!important;
  line-height:1!important;
}
body.libraryView .mockMoreTile br{
  display:none!important;
}
body.libraryView .libraryRecoPanel{
  margin-top:34px!important;
  padding-top:18px!important;
  background:radial-gradient(circle at 50% 0%,rgba(58,33,54,.055),transparent 58%)!important;
}
body.libraryView .libraryRecoPanel>div{
  grid-template-columns:minmax(0,1.4fr) repeat(3,minmax(170px,.68fr))!important;
  gap:24px!important;
}
body.libraryView .libraryRecoPanel article{
  transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease!important;
}
body.libraryView .libraryRecoPanel article:hover{
  transform:translateY(-1px)!important;
  box-shadow:0 12px 28px rgba(55,35,45,.08)!important;
}
body.libraryView .libraryRecoPanel .featuredReco{
  grid-column:span 2!important;
  display:grid!important;
  grid-template-columns:minmax(210px,260px) minmax(0,1fr)!important;
  align-items:stretch!important;
  min-height:260px!important;
  border-color:rgba(214,171,53,.16)!important;
  background:
    radial-gradient(circle at 88% 18%,rgba(214,171,53,.07),transparent 30%),
    linear-gradient(120deg,#3a2136 0%,#231821 58%,#171418 100%)!important;
  box-shadow:0 18px 38px rgba(38,22,32,.14)!important;
}
body.libraryView .libraryRecoPanel .featuredReco .cover{
  grid-column:1!important;
  grid-row:1 / 4!important;
  height:100%!important;
  min-height:260px!important;
}
body.libraryView .libraryRecoPanel .featuredReco strong{
  grid-column:2!important;
  align-self:end!important;
  padding:28px 28px 0!important;
  color:#f4eee5!important;
  font-size:28px!important;
  line-height:1.05!important;
  font-weight:500!important;
}
body.libraryView .libraryRecoPanel .featuredReco span{
  grid-column:2!important;
  padding:8px 28px 0!important;
  color:rgba(245,238,232,.68)!important;
  font-size:14px!important;
}
body.libraryView .libraryRecoPanel .featuredReco em{
  grid-column:2!important;
  padding:16px 28px 24px!important;
  color:#d6ab35!important;
  font-size:14px!important;
}
body.libraryView .libraryRecoPanel .standardReco{
  max-width:190px!important;
}
@media(max-width:1180px){
  body.libraryView .mockYourLibrary{
    grid-template-columns:1fr!important;
    min-height:0!important;
  }
  body.libraryView .mockCommunityGrid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
  body.libraryView .libraryRecoPanel>div{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
  }
  body.libraryView .libraryRecoPanel .featuredReco{
    grid-column:1 / -1!important;
  }
}
@media(max-width:760px){
  body.libraryView #content{
    padding-inline:18px!important;
  }
  body.libraryView .mockLibrariesHeader h2{
    font-size:40px!important;
  }
  body.libraryView .ownAvatar{
    width:96px!important;
    height:96px!important;
  }
  body.libraryView .mockCommunityGrid{
    grid-template-columns:1fr!important;
  }
  body.libraryView .libraryRecoPanel>div{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
  body.libraryView .libraryRecoPanel .featuredReco{
    grid-column:1 / -1!important;
    grid-template-columns:1fr!important;
  }
  body.libraryView .libraryRecoPanel .featuredReco .cover{
    grid-column:auto!important;
    grid-row:auto!important;
    min-height:0!important;
    aspect-ratio:1.2/1!important;
  }
  body.libraryView .libraryRecoPanel .featuredReco strong,
  body.libraryView .libraryRecoPanel .featuredReco span,
  body.libraryView .libraryRecoPanel .featuredReco em{
    grid-column:auto!important;
  }
  body.libraryView .libraryRecoPanel .standardReco{
    max-width:none!important;
  }
}

/* Libraries reference-match correction */
body.libraryView #content{
  padding:26px max(68px,calc((100vw - 1540px) / 2 + 68px)) 78px!important;
  background:
    radial-gradient(circle at 8% 0%,rgba(255,255,255,.72),transparent 28%),
    linear-gradient(180deg,#fbf5eb 0%,#f4ede3 100%)!important;
}
@media(min-width:901px){
  body.libraryView{
    overflow-x:hidden!important;
  }
  body.libraryView #content{
    zoom:.95;
    width:105.2632%!important;
    margin-left:-2.6316%!important;
    margin-right:-2.6316%!important;
  }
}
body.libraryView{
  background:#f4ede3!important;
  overflow-x:clip!important;
  overflow-y:visible!important;
}
body.libraryView .app{
  width:100%!important;
  max-width:none!important;
  padding:8px 0 0!important;
}
body.libraryView .topbar{
  display:flex!important;
  position:relative!important;
  z-index:5!important;
  width:min(1330px,calc(100vw - 204px))!important;
  min-height:44px!important;
  margin:0 auto!important;
  padding:0!important;
}
body.libraryView .topbar:before{
  content:"";
  position:absolute;
  z-index:-1;
  top:-8px;
  bottom:0;
  left:calc(50% - 50vw);
  width:100vw;
  background:#0b0c11;
  border-bottom:3px solid rgba(92,58,86,.72);
}
body.libraryView .controls,
body.libraryView .tabs,
body.libraryView .hero{
  display:none!important;
}
body.libraryView .mockLibrariesHeader{
  grid-template-columns:minmax(0,1fr) minmax(520px,600px)!important;
  align-items:start!important;
  gap:34px!important;
  margin-bottom:9px!important;
}
body.libraryView .mockLibrariesHeader h2{
  font-family:Georgia,"Times New Roman",serif!important;
  font-size:64px!important;
  line-height:.88!important;
  font-weight:500!important;
  letter-spacing:-.045em!important;
  margin-bottom:6px!important;
  color:#2b1430!important;
}
body.libraryView .mockLibrariesHeader p{
  color:rgba(43,31,41,.78)!important;
  font-size:17px!important;
  line-height:1.2!important;
}
body.libraryView .mockLibraryTools{
  grid-template-columns:minmax(0,420px) 150px!important;
  justify-content:end!important;
  gap:18px!important;
  padding-top:8px!important;
}
body.libraryView .mockLibraryTools label{
  height:44px!important;
  border-radius:999px!important;
  background:rgba(255,255,255,.68)!important;
}
body.libraryView .mockLibraryTools button{
  height:44px!important;
  padding:0 22px!important;
  font-size:15px!important;
  border-radius:999px!important;
  box-shadow:0 10px 26px rgba(184,133,23,.16)!important;
}
body.libraryView .mockYourLibrary{
  min-height:244px!important;
  grid-template-columns:minmax(520px,1.14fr) minmax(330px,.76fr) minmax(380px,.8fr)!important;
  gap:38px!important;
  margin-bottom:25px!important;
  padding:26px 70px!important;
  border-radius:14px!important;
  border-color:rgba(214,171,53,.42)!important;
  background:
    radial-gradient(circle at 11% 44%,rgba(91,45,85,.34),transparent 36%),
    radial-gradient(circle at 62% 42%,rgba(214,171,53,.045),transparent 30%),
    linear-gradient(105deg,#461d3d 0%,#28141f 46%,#171016 100%)!important;
  box-shadow:0 16px 42px rgba(54,33,42,.12)!important;
}
@media(min-width:1300px){
  body.libraryView #content{
    max-width:none!important;
  }
  body.libraryView .mockLibrariesHeader,
  body.libraryView .mockYourLibrary,
  body.libraryView .mockCommunityTitle,
  body.libraryView .mockCommunityGrid,
  body.libraryView .libraryRecoPanel{
    width:min(1400px,calc(100vw - 136px))!important;
    max-width:1400px!important;
    margin-left:auto!important;
    margin-right:auto!important;
  }
  body.libraryView .mockLibrariesHeader{
    min-height:55px!important;
  }
  body.libraryView .mockYourLibrary{
    height:244px!important;
  }
  body.libraryView .mockLibraryCard{
    width:100%!important;
  }
}
body.libraryView .mockYourLibrary:after{
  inset:-20% -4% -20% 45%!important;
  opacity:.11!important;
  filter:blur(5px) saturate(.65)!important;
  background:
    linear-gradient(90deg,rgba(35,14,27,.80),rgba(35,14,27,.20)),
    var(--own-ghost-a,linear-gradient(135deg,transparent,transparent)),
    var(--own-ghost-b,linear-gradient(135deg,transparent,transparent))!important;
  background-size:cover,43% auto,38% auto!important;
  background-position:center,54% 45%,96% 45%!important;
  background-repeat:no-repeat!important;
}
body.libraryView .ownIdentity{
  gap:32px!important;
}
@media(min-width:1181px){
  body.libraryView .mockYourLibrary .ownIdentity{
    transform:translateY(-12px)!important;
  }
}
body.libraryView .ownAvatar{
  width:132px!important;
  height:132px!important;
  box-shadow:0 0 0 1px rgba(214,171,53,.78),0 16px 34px rgba(0,0,0,.18)!important;
}
body.libraryView .ownIdentity p,
body.libraryView .ownRecent p{
  margin-bottom:12px!important;
  font-size:13px!important;
  letter-spacing:.10em!important;
  color:#d6ab35!important;
}
body.libraryView .ownIdentity h3{
  font-size:46px!important;
  line-height:.98!important;
  margin-bottom:14px!important;
}
body.libraryView .ownLibrarySubtitle{
  max-width:440px!important;
  margin-bottom:18px!important;
  font-size:16px!important;
  line-height:1.45!important;
}
body.libraryView .ownIdentity em{
  margin-bottom:18px!important;
  color:rgba(245,238,232,.76)!important;
  font-size:14px!important;
}
body.libraryView .mockYourLibrary button{
  min-width:200px!important;
  height:46px!important;
  padding:0 26px!important;
}
body.libraryView .mockYourLibrary button:after{
  content:"\203A";
  margin-left:14px;
  font-size:20px;
  line-height:1;
}
body.libraryView .ownRecent>div{
  gap:12px!important;
}
body.libraryView .ownRecentCover{
  width:82px!important;
  height:82px!important;
  border-radius:8px!important;
}
body.libraryView .ownRecentMore{
  background:rgba(255,255,255,.075)!important;
  color:#f4eee5!important;
}
body.libraryView .ownNumbers{
  align-self:center!important;
}
body.libraryView .ownNumbers>div{
  padding:0 28px!important;
}
body.libraryView .ownNumbers strong{
  font-size:44px!important;
  line-height:.95!important;
}
body.libraryView .ownNumbers span{
  margin-top:8px!important;
  color:rgba(245,238,232,.74)!important;
  font-size:14px!important;
}
body.libraryView .mockCommunityTitle,
body.libraryView .libraryRecoPanel{
  margin-top:0!important;
  padding-top:8px!important;
}
body.libraryView .libraryRecoPanel{
  margin-top:12px!important;
  padding-top:14px!important;
}
body.libraryView .mockCommunityTitle strong,
body.libraryView .libraryRecoPanel h3{
  font-family:Georgia,"Times New Roman",serif!important;
  font-size:27px!important;
  line-height:1.05!important;
  font-weight:500!important;
  letter-spacing:-.025em!important;
  color:#2b1430!important;
}
body.libraryView .mockCommunityTitle button{
  padding-right:0!important;
  color:#b38408!important;
  font-size:15px!important;
}
body.libraryView .mockCommunityTitle button:after{
  content:"\203A";
  margin-left:12px;
  font-size:22px;
  vertical-align:-1px;
}
body.libraryView .mockCommunityGrid{
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:24px!important;
}
body.libraryView .mockLibraryCard{
  height:250px!important;
  min-height:250px!important;
  padding:18px!important;
  border-radius:14px!important;
  background:rgba(255,255,255,.42)!important;
  box-shadow:0 10px 28px rgba(55,35,45,.055)!important;
  overflow:hidden!important;
}
body.libraryView .mockLibraryTop{
  grid-template-columns:56px minmax(0,1fr)!important;
}
body.libraryView .mockLibraryTitle h3{
  font-size:22px!important;
}
body.libraryView .mockLibraryTitle p{
  font-size:12px!important;
}
body.libraryView .mockMatch{
  display:flex!important;
  align-items:center!important;
  gap:12px!important;
  margin-top:0!important;
}
body.libraryView .mockMatch strong{
  font-size:11px!important;
}
body.libraryView .mockAlbumPreview{
  grid-template-columns:repeat(3,minmax(0,1fr)) 70px!important;
  gap:12px!important;
  margin-top:8px!important;
}
body.libraryView .mockAlbumTile .mockAlbumCover,
body.libraryView .mockMoreTile{
  border-radius:7px!important;
}
body.libraryView .mockMoreTile{
  background:linear-gradient(145deg,#3a2136,#261923)!important;
  color:#f4eee5!important;
}
body.libraryView .mockLibraryActions{
  margin-top:4px!important;
  justify-content:space-between!important;
}
body.libraryView .mockLibraryActions .libraryExploreBtn{
  padding:8px 14px!important;
  border-radius:999px!important;
  font-size:13px!important;
}
body.libraryView .mockLibraryActions .libraryFollowBtn{
  font-size:13px!important;
}
body.libraryView .libraryRecoPanel{
  background:transparent!important;
  padding-bottom:0!important;
  margin-top:28px!important;
  padding-top:22px!important;
}
body.libraryView .libraryRecoHead{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:22px!important;
  margin-bottom:16px!important;
}
body.libraryView .libraryRecoHead h3{
  margin:0!important;
}
body.libraryView .libraryRecoHead button{
  margin:0!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  color:#b38408!important;
  box-shadow:none!important;
  font-size:14px!important;
  font-weight:500!important;
}
body.libraryView .libraryRecoPanel>.libraryRecoHead+div{
  display:grid!important;
  grid-template-columns:minmax(430px,2.35fr) repeat(5,minmax(140px,1fr))!important;
  gap:24px!important;
  align-items:stretch!important;
}
body.libraryView .libraryRecoPanel article{
  border-radius:10px!important;
  border:1px solid rgba(70,50,60,.10)!important;
  background:rgba(255,255,255,.38)!important;
}
body.libraryView .libraryRecoPanel .featuredReco{
  grid-column:auto!important;
  height:236px!important;
  min-height:236px!important;
  grid-template-columns:236px minmax(0,1fr)!important;
  border:0!important;
  background:linear-gradient(125deg,#4a1f42 0%,#2b1730 100%)!important;
  box-shadow:0 16px 34px rgba(55,35,45,.16)!important;
}
body.libraryView .libraryRecoPanel .featuredReco .cover{
  width:236px!important;
  height:236px!important;
  min-height:236px!important;
  overflow:hidden!important;
}
body.libraryView .libraryRecoPanel .featuredReco .cover img{
  display:block!important;
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:center center!important;
}
body.libraryView .libraryRecoPanel .featuredRecoCopy{
  grid-column:2!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
  align-items:flex-start!important;
  min-width:0!important;
  padding:22px 26px!important;
}
body.libraryView .libraryRecoPanel .featuredRecoCopy strong,
body.libraryView .libraryRecoPanel .featuredRecoCopy span,
body.libraryView .libraryRecoPanel .featuredRecoCopy em{
  grid-column:auto!important;
  padding:0!important;
}
body.libraryView .libraryRecoPanel .featuredRecoCopy em{
  order:0!important;
  margin:0 0 12px!important;
  color:#d6ab35!important;
}
body.libraryView .libraryRecoPanel .featuredRecoCopy strong{
  order:1!important;
  color:#f4eee5!important;
  font-family:Georgia,"Times New Roman",serif!important;
  font-size:24px!important;
  line-height:1.05!important;
  font-weight:500!important;
  text-align:left!important;
  margin:0!important;
}
body.libraryView .libraryRecoPanel .featuredRecoCopy span{
  order:2!important;
  margin-top:8px!important;
  color:rgba(245,238,232,.80)!important;
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif!important;
  font-size:15px!important;
  font-weight:600!important;
  text-align:left!important;
}
body.libraryView .libraryRecoPanel .featuredRecoCopy p{
  order:3!important;
  margin:13px 0 14px!important;
  color:rgba(245,238,232,.78)!important;
  font-family:var(--muze-serif,Georgia,serif)!important;
  font-size:15px!important;
  font-style:italic!important;
  line-height:1.3!important;
}
body.libraryView .libraryRecoPanel .featuredRecoCopy>div{
  order:4!important;
  display:flex!important;
  align-items:center!important;
  gap:12px!important;
}
body.libraryView .libraryRecoPanel .featuredRecoCopy button{
  margin:0!important;
  height:34px!important;
  padding:0 18px!important;
  border:0!important;
  border-radius:999px!important;
  background:linear-gradient(180deg,#e3bc4a,#d2a62d)!important;
  color:#1c1717!important;
  box-shadow:none!important;
  font-size:13px!important;
  font-weight:700!important;
}
body.libraryView .libraryRecoPanel .featuredRecoCopy .featuredAddButton{
  display:none!important;
}
body.libraryView .mockYourLibrary button{
  min-width:200px!important;
  height:46px!important;
  padding:0 26px!important;
  border:0!important;
  border-radius:999px!important;
  background:linear-gradient(180deg,#e3bc4a,#d2a62d)!important;
  color:#1c1717!important;
  box-shadow:none!important;
  font-size:13px!important;
  font-weight:700!important;
}
body.libraryView .mockYourLibrary button:after{
  display:none!important;
}
body.libraryView .libraryRecoPanel .standardReco{
  height:236px!important;
  display:flex!important;
  flex-direction:column!important;
  max-width:none!important;
  overflow:hidden!important;
}
body.libraryView .libraryRecoPanel .standardReco .cover{
  flex:0 0 136px!important;
  height:136px!important;
  aspect-ratio:auto!important;
  display:grid!important;
  place-items:center!important;
  background:rgba(255,255,255,.30)!important;
}
body.libraryView .libraryRecoPanel .standardReco .cover img{
  width:100%!important;
  height:100%!important;
  object-fit:contain!important;
  object-position:center center!important;
}
body.libraryView .libraryRecoPanel .standardReco strong{
  padding:8px 10px 0!important;
  font-size:13px!important;
  line-height:1.08!important;
  display:-webkit-box!important;
  -webkit-line-clamp:2!important;
  -webkit-box-orient:vertical!important;
  overflow:hidden!important;
}
body.libraryView .libraryRecoPanel .standardReco span{
  padding:3px 10px 0!important;
  color:rgba(43,31,41,.72)!important;
  font-size:12px!important;
  line-height:1.1!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
body.libraryView .libraryRecoPanel .standardReco em{
  margin-top:auto!important;
  padding:4px 10px 8px!important;
  color:#d6ab35!important;
  font-size:12px!important;
  line-height:1!important;
}

@media(max-width:1180px){
  body.libraryView #content{
    padding-inline:32px!important;
  }
  body.libraryView .mockYourLibrary{
    grid-template-columns:1fr!important;
    padding:36px!important;
  }
  body.libraryView .libraryRecoPanel>.libraryRecoHead+div{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
  }
  body.libraryView .libraryRecoPanel .featuredReco{
    grid-column:1 / -1!important;
  }
}
@media(max-width:760px){
  body.libraryView #content{
    padding:24px 18px 64px!important;
  }
  body.libraryView .mockLibrariesHeader{
    grid-template-columns:1fr!important;
  }
  body.libraryView .mockLibraryTools{
    grid-template-columns:1fr!important;
    justify-content:stretch!important;
  }
  body.libraryView .mockYourLibrary{
    padding:24px!important;
  }
  body.libraryView .mockCommunityGrid{
    grid-template-columns:1fr!important;
  }
  body.libraryView .libraryRecoPanel>.libraryRecoHead+div{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
  body.libraryView .libraryRecoPanel .featuredReco{
    grid-template-columns:1fr!important;
  }
  body.libraryView .libraryRecoPanel .featuredReco .cover,
  body.libraryView .libraryRecoPanel .featuredRecoCopy{
    grid-column:auto!important;
    grid-row:auto!important;
  }
  body.libraryView .libraryRecoPanel .featuredReco .cover{
    width:100%!important;
  }
}

.heroCard[role="button"]{cursor:pointer}
.heroCard[role="button"]:focus-visible{outline:2px solid #ffd51f;outline-offset:4px}

/* Compact IMDb-style artist results list */
.trendingArtistsBlock{
  --artist-page-inset:max(48px,calc((100vw - 1450px) / 2 + 48px));
  margin:0 0 18px!important;
  position:relative!important;
  left:calc(50% - 50vw + var(--artist-page-inset))!important;
  width:calc(100vw - var(--artist-page-inset) - var(--artist-page-inset))!important;
}
.trendingArtistsBlock:after{
  content:""!important;
  display:block!important;
  height:1px!important;
  margin:26px 0 0!important;
  background:
    linear-gradient(90deg,transparent 44%,rgba(214,171,53,.78) 44%,rgba(214,171,53,.78) 56%,transparent 56%),
    linear-gradient(90deg,rgba(75,51,72,.45) 0%,rgba(75,51,72,.20) 32%,rgba(214,171,53,.75) 50%,rgba(75,51,72,.20) 68%,rgba(75,51,72,.45) 100%)!important;
}
.trendingArtistsHeader .artistFilterLabel{
  color:#d6ab35!important;
  font-size:12px!important;
  font-weight:700!important;
  letter-spacing:.12em!important;
}
.trendingArtistsHeader{
  display:flex!important;
  align-items:start!important;
  justify-content:space-between!important;
  gap:18px!important;
  margin:0 0 14px!important;
}
.trendingArtistsHeader h3{
  margin:2px 0 0!important;
  color:#f3efe6!important;
  font-family:Georgia,"Times New Roman",serif!important;
  font-size:30px!important;
  line-height:1.1!important;
  font-weight:600!important;
  letter-spacing:-.02em!important;
}
.trendingArtistsHeader span{
  color:rgba(235,235,235,.40)!important;
  font-size:12px!important;
  font-weight:500!important;
  text-align:right!important;
  padding-top:24px!important;
}
.trendingArtistsGrid{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:14px!important;
}
.trendingArtistCard{
  position:relative!important;
  min-height:188px!important;
  border:1px solid rgba(255,255,255,.08)!important;
  border-radius:14px!important;
  overflow:hidden!important;
  background:#111217!important;
  cursor:pointer!important;
  box-shadow:none!important;
  transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease!important;
}
.trendingArtistCard:hover{
  transform:translateY(-1px)!important;
  border-color:rgba(214,171,53,.25)!important;
  box-shadow:none!important;
}
.trendingArtistCard:focus-visible{
  outline:2px solid rgba(255,213,31,.64)!important;
  outline-offset:4px!important;
}
.trendingArtistArt{
  position:absolute!important;
  inset:0!important;
  background:rgba(255,255,255,.04)!important;
}
.trendingArtistArt:after{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  background:linear-gradient(to top,rgba(5,5,7,.92) 0%,rgba(5,5,7,.52) 45%,rgba(5,5,7,.08) 75%)!important;
}
.trendingArtistArt img{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  display:block!important;
  filter:saturate(.92)!important;
  opacity:0!important;
  transition:opacity .7s ease!important;
}
.trendingArtistArt img.active{
  opacity:1!important;
}
.trendingArtistArt span{
  width:100%!important;
  height:100%!important;
  display:grid!important;
  place-items:center!important;
  color:rgba(255,255,255,.42)!important;
  font-size:28px!important;
  font-weight:950!important;
}
.trendingArtistCopy{
  position:absolute!important;
  left:14px!important;
  right:14px!important;
  bottom:13px!important;
  z-index:1!important;
}
.trendingArtistCopy>span{
  display:inline-flex!important;
  margin-bottom:8px!important;
  padding:5px 9px!important;
  border-radius:999px!important;
  background:rgba(214,171,53,.14)!important;
  border:1px solid rgba(214,171,53,.38)!important;
  color:#e0b63f!important;
  font-size:11px!important;
  font-weight:700!important;
}
.trendingArtistCopy h3{
  margin:0!important;
  color:#f3efe6!important;
  font-family:Georgia,"Times New Roman",serif!important;
  font-size:24px!important;
  line-height:1.05!important;
  font-weight:600!important;
  letter-spacing:-.02em!important;
}
.trendingArtistCopy p{
  margin:6px 0 0!important;
  color:rgba(255,255,255,.72)!important;
  font-size:12px!important;
  font-weight:600!important;
}
.trendingArtistCopy small{
  display:block!important;
  margin-top:5px!important;
  color:rgba(255,255,255,.44)!important;
  font-size:10px!important;
  font-weight:600!important;
}
.artistGrid{
  --artist-page-inset:max(48px,calc((100vw - 1450px) / 2 + 48px));
  grid-template-columns:1fr!important;
  justify-content:stretch!important;
  gap:7px!important;
  align-items:stretch!important;
  position:relative!important;
  left:calc(50% - 50vw + var(--artist-page-inset))!important;
  width:calc(100vw - var(--artist-page-inset) - var(--artist-page-inset))!important;
  margin-top:0!important;
}
.artistListCard.artistCard{
  position:relative!important;
  display:grid!important;
  grid-template-columns:36px 65px minmax(0,1fr) 149px 40px!important;
  align-items:center!important;
  column-gap:16px!important;
  min-height:83px!important;
  padding:11px 18px!important;
  border-radius:13px!important;
  background:
    radial-gradient(circle at 0% 50%,rgba(75,51,72,.025),transparent 32%),
    rgba(255,255,255,.012)!important;
  border:1px solid rgba(75,51,72,.16)!important;
  box-shadow:inset 0 0 0 1px rgba(75,51,72,.025),-10px 0 28px rgba(112,62,139,.11)!important;
  cursor:pointer!important;
  overflow:hidden!important;
  transition:background .18s ease,border-color .18s ease!important;
}
.artistListCard.artistCard:before{
  content:""!important;
  position:absolute!important;
  inset:-1px!important;
  border-radius:inherit!important;
  padding:1px!important;
  background:linear-gradient(90deg,rgba(132,73,164,.78),rgba(75,51,72,.34) 18%,rgba(75,51,72,.16) 72%,rgba(75,51,72,.30))!important;
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0)!important;
  -webkit-mask-composite:xor!important;
  mask-composite:exclude!important;
  pointer-events:none!important;
}
.artistListCard.artistCard:after{
  content:""!important;
  position:absolute!important;
  inset:0 auto 0 -1px!important;
  width:2px!important;
  border-radius:14px 0 0 14px!important;
  background:linear-gradient(180deg,rgba(132,73,164,.90),rgba(75,51,72,.38))!important;
  box-shadow:0 0 18px rgba(132,73,164,.34)!important;
  pointer-events:none!important;
}
.artistListCard.artistCard>*{
  position:relative!important;
  z-index:1!important;
}
.artistListCard.artistCard:nth-child(3n+1){grid-row:auto!important}
.artistListCard.artistCard:hover{
  transform:none!important;
  border-color:rgba(75,51,72,.30)!important;
  background:
    radial-gradient(circle at 0% 50%,rgba(75,51,72,.04),transparent 32%),
    rgba(255,255,255,.02)!important;
  box-shadow:inset 0 0 0 1px rgba(75,51,72,.04),-12px 0 32px rgba(132,73,164,.16),0 0 20px rgba(75,51,72,.035)!important;
}
.artistListCard.artistCard:hover:before{
  background:linear-gradient(90deg,rgba(132,73,164,.92),rgba(75,51,72,.42) 18%,rgba(75,51,72,.18) 72%,rgba(75,51,72,.34))!important;
}
.artistListCard.artistCard:hover:after{
  box-shadow:0 0 22px rgba(132,73,164,.42)!important;
}
.artistListCard.artistCard:focus-visible{
  outline:2px solid rgba(255,213,31,.64)!important;
  outline-offset:3px!important;
}
.artistListMark{
  width:20px!important;
  height:25px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:4px!important;
  opacity:.7!important;
}
.artistListMark i{
  display:block!important;
  width:2px!important;
  border-radius:999px!important;
  background:linear-gradient(180deg,#d6ab35 0%,#d6ab35 65%,#4b3348 100%)!important;
}
.artistListMark i:nth-child(1){height:12px!important}
.artistListMark i:nth-child(2){height:20px!important}
.artistListMark i:nth-child(3){height:15px!important}
.artistListCover{
  width:65px!important;
  height:65px!important;
  border-radius:50%!important;
  overflow:hidden!important;
  background:rgba(255,255,255,.04)!important;
  border:1px solid rgba(214,171,53,.65)!important;
  box-shadow:0 0 0 1px rgba(75,51,72,.14)!important;
  display:grid!important;
  place-items:center!important;
  color:rgba(214,171,53,.75)!important;
  font-family:Georgia,"Times New Roman",serif!important;
  font-size:16px!important;
  font-weight:700!important;
  transition:border-color .18s ease!important;
}
.artistListCard.artistCard:hover .artistListCover{border-color:rgba(214,171,53,.82)!important}
.artistListCover img{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  display:block!important;
}
.artistListCopy{min-width:0!important}
.artistListCopy h3{
  margin:0!important;
  color:#f3efe6!important;
  font-family:Georgia,"Times New Roman",serif!important;
  font-size:22px!important;
  line-height:1.05!important;
  font-weight:600!important;
  letter-spacing:-.02em!important;
  transition:color .18s ease!important;
}
.artistListCard.artistCard:hover .artistListCopy h3{color:#fff7df!important}
.artistListCopy p{
  max-width:486px!important;
  margin:5px 0 0!important;
  color:rgba(235,235,235,.58)!important;
  font-size:13px!important;
  line-height:1.35!important;
  font-weight:500!important;
  letter-spacing:0!important;
  display:-webkit-box!important;
  -webkit-line-clamp:2!important;
  -webkit-box-orient:vertical!important;
  overflow:hidden!important;
}
.artistListCard .artistTags{
  margin-top:4px!important;
  gap:5px!important;
}
.artistListCard .artistTags span{
  padding:4px 7px!important;
  font-size:10px!important;
  line-height:1!important;
  font-weight:600!important;
  letter-spacing:0!important;
  color:rgba(240,240,240,.72)!important;
  background:rgba(75,51,72,.025)!important;
  border-color:rgba(75,51,72,.16)!important;
}
.artistListMeta{
  min-width:0!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
  align-items:flex-start!important;
  text-align:left!important;
  justify-self:start!important;
}
.artistListMeta strong{
  display:block!important;
  color:#d6ab35!important;
  font-size:13px!important;
  line-height:1.2!important;
  font-weight:600!important;
  letter-spacing:-.01em!important;
  white-space:nowrap!important;
}
.artistListMeta span{
  display:block!important;
  margin-top:3px!important;
  color:rgba(235,235,235,.45)!important;
  font-size:10px!important;
  line-height:1.2!important;
  font-weight:600!important;
  letter-spacing:.10em!important;
  text-transform:uppercase!important;
  white-space:nowrap!important;
}
.artistListArrow{
  width:36px!important;
  height:36px!important;
  border:1px solid rgba(214,171,53,.55)!important;
  border-radius:50%!important;
  display:grid!important;
  place-items:center!important;
  color:#d6ab35!important;
  background:transparent!important;
  font-family:Georgia,"Times New Roman",serif!important;
  font-size:16px!important;
  line-height:1!important;
  transition:background .18s ease,border-color .18s ease,color .18s ease,transform .18s ease!important;
}
.artistListCard.artistCard:hover .artistListArrow{
  transform:translateX(1px)!important;
  border-color:rgba(214,171,53,.90)!important;
  background:rgba(75,51,72,.05)!important;
  color:#d6ab35!important;
}
@media(max-width:650px){
  .trendingArtistsHeader{align-items:start!important;flex-direction:column!important;gap:4px!important}
  .trendingArtistsGrid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}
  .trendingArtistCard{min-height:154px!important;border-radius:12px!important}
  .trendingArtistCopy{left:11px!important;right:11px!important;bottom:10px!important}
  .trendingArtistCopy h3{font-size:18px!important}
  .trendingArtistCopy small{display:none!important}
  .artistGrid{grid-template-columns:1fr!important;gap:11px!important}
  .artistListCard.artistCard{
    grid-template-columns:60px minmax(0,1fr) 36px!important;
    min-height:0!important;
    padding:12px!important;
    gap:12px!important;
    border-radius:14px!important;
  }
  .artistListMark{display:none!important}
  .artistListCover{width:58px!important;height:58px!important}
  .artistListCopy h3{font-size:20px!important;line-height:1.05!important}
  .artistListCopy p{font-size:13px!important;line-height:1.35!important;-webkit-line-clamp:2!important}
  .artistListCard .artistTags{margin-top:5px!important;gap:5px!important}
  .artistListCard .artistTags span{font-size:10px!important;padding:3px 7px!important}
  .artistListMeta{grid-column:2 / 3!important;text-align:left!important;justify-self:start!important;align-items:flex-start!important;margin-top:2px!important}
  .artistListMeta strong{font-size:13px!important}
  .artistListMeta span{font-size:10px!important;margin-top:3px!important}
  .artistListArrow{grid-column:3!important;grid-row:1 / 3!important;width:34px!important;height:34px!important;font-size:18px!important}
}

body.libraryView .mockCommunityGrid .mockDescriptor{
  display:none!important;
}

body.libraryView .mockCommunityGrid .mockLibraryCard{
  gap:10px!important;
}

body.libraryView .mockCommunityGrid .mockLibraryCard:hover{
  border-color:#5b2d55!important;
  box-shadow:0 0 0 1px rgba(91,45,85,.16),0 0 22px rgba(91,45,85,.36),0 14px 34px rgba(50,30,38,.08)!important;
}

body.libraryView .mockCommunityGrid .mockAlbumPreview{
  margin-top:0!important;
}

/* Premium four-card Community Libraries shelf */
body.libraryView .mockCommunityGrid{
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:16px!important;
}

body.libraryView .mockCommunityGrid .communityShelfCard{
  width:100%!important;
  height:260px!important;
  min-height:260px!important;
  padding:16px!important;
  gap:9px!important;
  grid-template-rows:auto auto auto minmax(0,1fr) auto!important;
  border:1px solid rgba(70,50,60,.11)!important;
  border-radius:16px!important;
  background:rgba(255,255,255,.42)!important;
  box-shadow:0 8px 22px rgba(55,35,45,.04)!important;
  transition:transform 180ms ease,border-color 180ms ease,box-shadow 180ms ease!important;
}

body.libraryView .mockCommunityGrid .communityShelfCard:hover{
  transform:translateY(-1px)!important;
  border-color:rgba(91,45,85,.28)!important;
  box-shadow:0 10px 28px rgba(55,35,45,.065)!important;
}

body.libraryView .communityShelfCard .mockLibraryTop{
  grid-template-columns:42px minmax(0,1fr)!important;
  gap:11px!important;
  align-items:start!important;
}

body.libraryView .communityShelfCard .mockAvatar{
  width:42px!important;
  height:42px!important;
  font-size:17px!important;
  border-radius:50%!important;
}

body.libraryView .communityShelfCard .mockLibraryTitle h3{
  margin:0 0 4px!important;
  font-family:var(--muze-serif,Georgia,"Times New Roman",serif)!important;
  font-size:18px!important;
  font-weight:500!important;
  line-height:1.08!important;
  letter-spacing:-.01em!important;
  overflow-wrap:anywhere!important;
  display:-webkit-box!important;
  -webkit-box-orient:vertical!important;
  -webkit-line-clamp:2!important;
  overflow:hidden!important;
}

body.libraryView .communityShelfCard .mockLibraryByline{
  margin:0!important;
  color:rgba(55,42,50,.52)!important;
  font-size:10.5px!important;
  font-weight:500!important;
  line-height:1.2!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}

body.libraryView .mockCommunityGrid .communityShelfCard .mockDescriptor{
  display:block!important;
  color:rgba(55,42,50,.68)!important;
  font-size:12px!important;
  font-weight:500!important;
  line-height:1.3!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}

body.libraryView .communityShelfCard .communityMatchBadge{
  justify-self:start!important;
  display:inline-flex!important;
  align-items:center!important;
  min-height:21px!important;
  padding:4px 9px!important;
  border-radius:999px!important;
  background:#3a2136!important;
  color:#f4eee5!important;
  font-size:10px!important;
  font-weight:800!important;
  line-height:1!important;
  letter-spacing:.01em!important;
}

body.libraryView .communityShelfCard .mockAlbumPreview{
  align-self:end!important;
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr)) 48px!important;
  gap:7px!important;
  margin:0!important;
}

body.libraryView .communityShelfCard .mockAlbumTile,
body.libraryView .communityShelfCard .mockAlbumCover,
body.libraryView .communityShelfCard .mockMoreTile{
  width:100%!important;
  height:auto!important;
  min-height:0!important;
  aspect-ratio:1!important;
  border-radius:7px!important;
}

body.libraryView .communityShelfCard .mockAlbumCover img{
  object-fit:cover!important;
}

body.libraryView .communityShelfCard .mockMoreTile{
  background:linear-gradient(145deg,#3a2136,#261923)!important;
  color:#f4eee5!important;
  font-family:var(--muze-serif,Georgia,"Times New Roman",serif)!important;
  font-size:15px!important;
  font-weight:500!important;
}

body.libraryView .communityShelfCard .mockLibraryActions{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:10px!important;
  margin:0!important;
}

body.libraryView .communityShelfCard .mockLibraryActions .libraryExploreBtn{
  padding:7px 11px!important;
  border:1px solid rgba(58,33,54,.30)!important;
  border-radius:999px!important;
  background:transparent!important;
  color:#3a2136!important;
  box-shadow:none!important;
  font-size:11px!important;
  font-weight:700!important;
}

body.libraryView .communityShelfCard .mockLibraryActions .libraryFollowBtn{
  padding:5px 0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  color:#3a2136!important;
  box-shadow:none!important;
  font-size:11px!important;
  font-weight:700!important;
}

body.libraryView .communityShelfCard .libraryAdminIdentitySlot{
  display:flex!important;
  align-items:center!important;
  gap:9px!important;
}

body.libraryView .communityShelfCard .libraryAdminIdentityBtn{
  padding:5px 8px!important;
  border:1px solid rgba(91,45,85,.34)!important;
  border-radius:999px!important;
  background:rgba(91,45,85,.06)!important;
  color:#5b2d55!important;
  box-shadow:none!important;
  font-size:10px!important;
  font-weight:800!important;
  line-height:1!important;
}

body.libraryView .communityShelfCard .libraryAdminIdentityBtn:hover{
  border-color:#5b2d55!important;
  background:rgba(91,45,85,.12)!important;
}

@media(max-width:1099px){
  body.libraryView .mockCommunityGrid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
}

@media(max-width:700px){
  body.libraryView .mockCommunityGrid{
    grid-template-columns:1fr!important;
  }
}

/* Curated listener lists reuse the approved four-card shelf dimensions. */
body.libraryView .curatedListenersTitle>div{
  display:flex;
  flex-direction:column;
  gap:3px;
}
body.libraryView .curatedListenersTitle small{
  font-family:var(--muze-sans,Arial,sans-serif);
  color:rgba(55,42,50,.58);
  font-size:11px;
  font-weight:500;
  line-height:1.2;
}
body.libraryView .communityShelfCard .curatedTypeBadge{
  display:inline-flex;
  align-items:center;
  width:max-content;
  margin:0 0 3px;
  padding:3px 7px;
  border-radius:999px;
  font-family:var(--muze-sans,Arial,sans-serif);
  font-size:8px;
  font-weight:800;
  line-height:1;
  text-transform:uppercase;
}
body.libraryView .communityShelfCard .libraryTypeBadge{
  background:#3a2136;
  color:#f5eee7;
}
body.libraryView .communityShelfCard .listTypeBadge,
.publicListPage .listTypeBadge{
  border:1px solid rgba(214,171,53,.28);
  background:rgba(214,171,53,.18);
  color:#9b7007;
}
body.libraryView .communityShelfCard .curatedListDescription{
  display:-webkit-box!important;
  white-space:normal!important;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2;
  overflow:hidden!important;
}
body.libraryView .communityShelfCard .curatedListMeta{
  min-height:21px;
  color:rgba(55,42,50,.48);
  font-family:var(--muze-sans,Arial,sans-serif);
  font-size:10px;
  font-weight:600;
  line-height:21px;
}

.publicListEditorPanel{
  width:min(880px,calc(100vw - 32px));
  max-height:min(820px,calc(100vh - 32px));
  overflow:auto;
  background:#f6f0e7;
  color:#2b1430;
}
.publicListEditorPanel h2{margin:0 0 18px;font-family:var(--muze-serif,Georgia,serif);font-size:34px;font-weight:500}
.publicListForm{display:grid;gap:14px}
.publicListForm>label{display:grid;gap:6px;font-size:12px;font-weight:800}
.publicListForm input,.publicListForm textarea,.publicListForm select{width:100%;padding:11px 13px;border:1px solid rgba(58,33,54,.2);border-radius:8px;background:#fff;color:#241521;font:500 14px var(--muze-sans,Arial,sans-serif)}
.publicListForm .publicListVisibility{display:flex;align-items:center;gap:8px}.publicListForm .publicListVisibility input{width:auto}
.publicListAlbumPicker{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;max-height:250px;overflow:auto}
.publicListAlbumChoice{display:grid;grid-template-columns:42px minmax(0,1fr);grid-template-rows:auto auto;gap:2px 8px;align-items:center;padding:7px;border:1px solid rgba(58,33,54,.12);border-radius:8px;background:rgba(255,255,255,.55);color:#2b1430;text-align:left}
.publicListAlbumChoice.selected{border-color:#b88916;box-shadow:inset 0 0 0 1px rgba(184,137,22,.25)}
.publicListAlbumChoice img,.publicListAlbumChoice>span{grid-row:1/3;width:42px;height:42px;border-radius:5px;object-fit:cover;background:#e6ddd0}.publicListAlbumChoice b,.publicListAlbumChoice small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.publicListOrder{display:grid;gap:5px;padding:10px;border:1px solid rgba(58,33,54,.12);border-radius:8px}.publicListOrder>div{display:grid;grid-template-columns:minmax(0,1fr) 30px 30px 30px;gap:4px;align-items:center}.publicListOrder button{height:28px;padding:0;border:1px solid rgba(58,33,54,.18);border-radius:5px;background:transparent;color:#3a2136}
.publicListFormActions{display:flex;justify-content:space-between;gap:12px}.publicListFormActions button{padding:10px 18px;border:0;border-radius:999px;background:#d6ab35;color:#171015;font-weight:800}.publicListFormActions .publicListDelete{background:transparent;border:1px solid rgba(120,36,45,.35);color:#79242d}

.publicListPage{max-width:1400px;margin:0 auto;color:#2b1430}.publicListBack{margin:12px 0 16px;padding:0;border:0;background:transparent;color:#8b6507;font-weight:800}.publicListHero{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;padding:32px;border:1px solid rgba(214,171,53,.28);border-radius:18px;background:linear-gradient(120deg,#3a1634,#171319);color:#f5eee7}.publicListHero h1{margin:7px 0 8px;font-family:var(--muze-serif,Georgia,serif);font-size:44px;font-weight:500}.publicListHero p{max-width:680px;margin:0 0 10px;color:rgba(245,238,231,.75)}.publicListHero small{color:rgba(245,238,231,.58)}.publicListHeroActions button{white-space:nowrap;padding:10px 17px;border:0;border-radius:999px;background:#d6ab35;color:#171015;font-weight:800}.publicListPage>.sectionTitle{margin-top:28px}
@media(max-width:700px){.publicListAlbumPicker{grid-template-columns:1fr 1fr}.publicListHero{align-items:flex-start;flex-direction:column}.publicListHero h1{font-size:34px}}

/* Compact Libraries header and hero on phones. */
@media(max-width:760px){
  body.libraryView #content{
    padding:18px 14px 52px!important;
  }
  body.libraryView .mockLibrariesHeader{
    grid-template-columns:1fr!important;
    gap:14px!important;
    margin:0 0 10px!important;
  }
  body.libraryView .mockLibrariesHeader h2{
    margin:0 0 5px!important;
    font-size:44px!important;
    line-height:.95!important;
    letter-spacing:-.035em!important;
  }
  body.libraryView .mockLibrariesHeader p{
    font-size:14px!important;
    line-height:1.25!important;
  }
  body.libraryView .mockLibraryTools{
    grid-template-columns:1fr!important;
    gap:8px!important;
    padding-top:0!important;
  }
  body.libraryView .mockLibraryTools label,
  body.libraryView .mockLibraryTools button{
    height:44px!important;
  }
  body.libraryView .mockLibraryTools label{
    padding:0 14px!important;
  }
  body.libraryView .mockLibraryTools button{
    padding:0 18px!important;
    font-size:14px!important;
  }
  body.libraryView .mockYourLibrary{
    min-height:0!important;
    height:auto!important;
    grid-template-columns:1fr!important;
    gap:15px!important;
    margin:0 0 16px!important;
    padding:18px!important;
    border-radius:13px!important;
  }
  body.libraryView .mockYourLibrary:after{
    inset:0!important;
    opacity:.08!important;
  }
  body.libraryView .ownIdentity{
    display:flex!important;
    align-items:start!important;
    justify-self:stretch!important;
    width:100%!important;
    gap:13px!important;
  }
  body.libraryView .mockYourLibrary .ownIdentity>div:not(.ownAvatar){
    display:block!important;
    order:0!important;
    flex:1 1 auto!important;
    min-width:0!important;
  }
  body.libraryView .ownAvatar{
    order:0!important;
    flex:0 0 68px!important;
    width:68px!important;
    height:68px!important;
  }
  body.libraryView .ownIdentity p,
  body.libraryView .ownRecent p{
    display:block!important;
    margin:0 0 5px!important;
    font-size:10px!important;
    line-height:1.1!important;
  }
  body.libraryView .ownIdentity h3{
    margin:0 0 7px!important;
    font-size:30px!important;
    line-height:1!important;
    letter-spacing:-.025em!important;
    overflow-wrap:break-word!important;
  }
  body.libraryView .mockYourLibrary .ownIdentity h3:after{
    content:none!important;
  }
  body.libraryView .ownLibrarySubtitle{
    display:-webkit-box!important;
    max-width:none!important;
    margin:0 0 7px!important;
    font-size:12px!important;
    line-height:1.3!important;
    -webkit-box-orient:vertical!important;
    -webkit-line-clamp:2!important;
    overflow:hidden!important;
  }
  body.libraryView .ownIdentity span{
    display:none!important;
  }
  body.libraryView .ownIdentity em{
    margin:0 0 9px!important;
    font-size:12px!important;
    line-height:1.2!important;
  }
  body.libraryView .mockYourLibrary button{
    min-width:170px!important;
    height:40px!important;
    padding:0 18px!important;
    font-size:13px!important;
  }
  body.libraryView .ownRecent>div{
    gap:8px!important;
  }
  body.libraryView .ownRecent:not(:has(.ownRecentCover)){
    display:none!important;
  }
  body.libraryView .mockYourLibrary .ownRecent,
  body.libraryView .mockYourLibrary .ownNumbers{
    display:none!important;
  }
  body.libraryView .ownRecentCover{
    width:52px!important;
    height:52px!important;
    border-radius:6px!important;
  }
  body.libraryView .ownNumbers{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:5px!important;
    width:100%!important;
    padding:12px 0 0!important;
    border:0!important;
    border-top:1px solid rgba(255,255,255,.10)!important;
    border-radius:0!important;
    background:transparent!important;
  }
  body.libraryView .ownNumbers>p{
    display:none!important;
  }
  body.libraryView .ownNumbers>div{
    display:block!important;
    min-width:0!important;
    min-height:0!important;
    padding:0 6px!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
    text-align:center!important;
  }
  body.libraryView .ownNumbers strong{
    font-size:24px!important;
    line-height:1!important;
  }
  body.libraryView .ownNumbers span{
    margin-top:4px!important;
    font-size:10px!important;
    line-height:1.15!important;
  }
  body.libraryView .mockYourLibrary .ownNumbers>div:nth-of-type(1) span:after,
  body.libraryView .mockYourLibrary .ownNumbers>div:nth-of-type(2) span:after,
  body.libraryView .mockYourLibrary .ownNumbers>div:nth-of-type(3) span:after{
    content:none!important;
  }
}

/* Keep the Libraries mobile topbar compact and on one horizontal row. */
@media(max-width:650px){
  body.libraryView .topbar{
    display:flex!important;
    flex-wrap:nowrap!important;
    align-items:center!important;
    width:calc(100vw - 28px)!important;
    min-height:58px!important;
    gap:7px!important;
    margin:0 auto!important;
    padding:5px 0!important;
  }
  body.libraryView .topbar .menuBtn{
    flex:0 0 38px!important;
    width:38px!important;
    height:38px!important;
    font-size:19px!important;
  }
  body.libraryView .topbar .brandWrap{
    flex:0 0 68px!important;
    width:68px!important;
    min-height:48px!important;
    margin:0!important;
    justify-content:center!important;
  }
  body.libraryView .topbar .brandLogo{
    width:68px!important;
    height:52px!important;
    max-width:68px!important;
    transform:none!important;
  }
  body.libraryView .topbar .brandWrap:before,
  body.libraryView .topbar .brandWrap:after,
  body.libraryView .topbar .tagline{
    display:none!important;
  }
  body.libraryView .topbar .notificationWrap{
    display:flex!important;
    flex:0 0 auto!important;
    align-items:center!important;
    gap:5px!important;
    margin-left:auto!important;
  }
  body.libraryView .topbar .topbarChatButton,
  body.libraryView .topbar .notificationBell{
    flex:0 0 36px!important;
    width:36px!important;
    height:36px!important;
    min-width:36px!important;
  }
  body.libraryView .topbar .authButton,
  body.libraryView .topbar .authButton:has(.authButtonIcon.hasAvatar){
    flex:0 0 auto!important;
    width:auto!important;
    min-width:0!important;
    min-height:36px!important;
    margin:0!important;
    padding:0 10px 0 7px!important;
    gap:7px!important;
    font-size:12px!important;
  }
  body.libraryView .topbar .authButtonIcon,
  body.libraryView .topbar .authButtonIcon.hasAvatar{
    width:22px!important;
    height:22px!important;
    flex-basis:22px!important;
  }
}

/* Let Curated by Listeners cards hug their content on phones. */
@media(max-width:700px){
  body.libraryView .mockCommunityGrid .communityShelfCard{
    height:auto!important;
    min-height:0!important;
    padding:14px!important;
    gap:7px!important;
    grid-template-rows:none!important;
    grid-auto-rows:auto!important;
    align-content:start!important;
  }
  body.libraryView .communityShelfCard .mockAlbumPreview{
    align-self:start!important;
    grid-template-rows:auto!important;
    grid-auto-rows:auto!important;
  }
  body.libraryView .communityShelfCard .mockAlbumPreview .mockAlbumTile,
  body.libraryView .communityShelfCard .mockAlbumPreview .mockFeaturedAlbum,
  body.libraryView .communityShelfCard .mockAlbumPreview .mockSideAlbum{
    grid-row:auto!important;
  }
  body.libraryView .communityShelfCard .mockLibraryActions{
    margin-top:2px!important;
  }
}

/* Keep Artists on Muze's standard desktop content width. */
@media(min-width:851px){
  body.artistView .artistTopBand > *{
    width:min(1120px,92vw)!important;
    max-width:1120px!important;
    margin-left:auto!important;
    margin-right:auto!important;
  }
  body.artistView .trendingArtistsBlock,
  body.artistView .artistGrid{
    left:auto!important;
    width:100%!important;
    max-width:1120px!important;
    margin-left:auto!important;
    margin-right:auto!important;
  }
}

/* Premium Muze collector profile for opened public Libraries. */
@media(min-width:851px){
  body.libraryView .publicListPage .libraryFullGrid{
    grid-template-columns:repeat(auto-fill,210px)!important;
    column-gap:10px!important;
    justify-content:start!important;
    align-items:start!important;
  }
  body.libraryView .publicListPage .libraryAlbumCard{
    width:210px!important;
    max-width:210px!important;
  }
}

body.libraryView .publicListPage .libraryAlbumCard{
  background:#fff!important;
  border-color:rgba(70,50,60,.12)!important;
  color:#2b1f29!important;
  box-shadow:0 10px 28px rgba(50,30,38,.06)!important;
}
body.libraryView .publicListPage .libraryAlbumCard .cover{
  height:auto!important;
  aspect-ratio:1 / 1!important;
  background:#eee7dc!important;
}
body.libraryView .publicListPage .libraryAlbumCard .cardBody{background:#fff!important;color:#2b1f29!important}
body.libraryView .publicListPage .libraryAlbumCard .title{color:#2b1f29!important}
body.libraryView .publicListPage .libraryAlbumCard .artist{color:rgba(43,31,41,.62)!important}

#albumModal.libraryDetailModal{
  background:rgba(43,31,41,.18)!important;
  backdrop-filter:blur(8px)!important;
}
#albumModal.libraryDetailModal .modalPanel{
  width:min(1480px,96vw)!important;
  padding:28px 34px 26px!important;
  border:1px solid rgba(180,135,35,.18)!important;
  border-radius:24px!important;
  background:linear-gradient(180deg,#f7f1e8 0%,#f3ece3 100%)!important;
  color:#2b1f29!important;
  box-shadow:0 28px 70px rgba(35,20,30,.20)!important;
  scrollbar-width:thin!important;
  scrollbar-color:rgba(70,50,60,.42) transparent!important;
}
#albumModal.libraryDetailModal .modalPanel::-webkit-scrollbar{width:8px!important}
#albumModal.libraryDetailModal .modalPanel::-webkit-scrollbar-track{background:transparent!important}
#albumModal.libraryDetailModal .modalPanel::-webkit-scrollbar-thumb{border-radius:999px!important;background:rgba(70,50,60,.36)!important}
#albumModal.libraryDetailModal .modalPanel:before{display:none!important}
#albumModal.libraryDetailModal #albumModalContent{
  font-family:var(--muze-sans,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif)!important;
}
#albumModal.libraryDetailModal .libraryDetailBrand{
  width:90px!important;
  height:78px!important;
  margin:0 0 18px!important;
  overflow:hidden!important;
}
#albumModal.libraryDetailModal .libraryDetailBrand img{
  display:block!important;
  width:90px!important;
  height:auto!important;
  transform:none!important;
}
#albumModal.libraryDetailModal .libraryDetailTitle{
  align-items:flex-end!important;
  margin:0 0 18px!important;
  padding:0!important;
}
#albumModal.libraryDetailModal .libraryDetailTitle h2{
  margin:0 0 10px!important;
  color:#2b1430!important;
  font-family:var(--muze-serif,Georgia,"Times New Roman",serif)!important;
  font-size:clamp(38px,3vw,52px)!important;
  font-weight:500!important;
  line-height:1!important;
  letter-spacing:-.02em!important;
}
#albumModal.libraryDetailModal .libraryDetailTitle .muted{
  color:rgba(50,40,46,.60)!important;
  font-family:var(--muze-sans,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif)!important;
  font-size:14px!important;
  font-weight:500!important;
}
#albumModal.libraryDetailModal .suggestionHeader{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  align-items:end!important;
  gap:36px!important;
  margin:0!important;
}
#albumModal.libraryDetailModal .suggestionHeaderCopy{
  min-width:0!important;
}
#albumModal.libraryDetailModal .suggestionEyebrow{
  display:inline-flex!important;
  align-items:center!important;
  gap:7px!important;
  margin:0 0 16px!important;
  color:var(--muze-gold,#a8750d)!important;
  font-family:var(--muze-sans,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif)!important;
  font-size:11px!important;
  font-weight:700!important;
  line-height:1!important;
  letter-spacing:.14em!important;
  text-transform:uppercase!important;
}
#albumModal.libraryDetailModal .suggestionEyebrow i{
  font-size:12px!important;
  font-style:normal!important;
  line-height:1!important;
}
#albumModal.libraryDetailModal .suggestionTitle{
  margin:0!important;
  color:#2b1430!important;
  font-family:var(--muze-serif,Georgia,"Times New Roman",serif)!important;
  font-size:clamp(38px,3vw,52px)!important;
  font-weight:500!important;
  line-height:1!important;
  letter-spacing:-.02em!important;
}
#albumModal.libraryDetailModal .suggestionDescription{
  display:-webkit-box!important;
  max-width:620px!important;
  margin:14px 0 10px!important;
  overflow:hidden!important;
  color:rgba(55,42,50,.66)!important;
  font-family:var(--muze-sans,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif)!important;
  font-size:15px!important;
  font-weight:400!important;
  line-height:1.45!important;
  -webkit-box-orient:vertical!important;
  -webkit-line-clamp:2!important;
}
#albumModal.libraryDetailModal .suggestionMeta{
  display:block!important;
  color:rgba(55,42,50,.55)!important;
  font-family:var(--muze-sans,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif)!important;
  font-size:13px!important;
  font-weight:500!important;
  line-height:1.35!important;
}
#albumModal.libraryDetailModal .suggestionActions{
  align-self:end!important;
  padding-bottom:2px!important;
}
#albumModal.libraryDetailModal .suggestionDivider{
  width:100%!important;
  height:1px!important;
  margin-top:24px!important;
  background:linear-gradient(90deg,rgba(214,171,53,.38),rgba(91,45,85,.14),rgba(214,171,53,.12))!important;
}
#albumModal.libraryDetailModal .libraryMetaStrip{
  display:flex!important;
  align-items:center!important;
  flex-wrap:wrap!important;
  gap:14px 40px!important;
  width:100%!important;
  margin:0!important;
  padding:18px 0!important;
  border-top:1px solid rgba(60,45,55,.08)!important;
  border-bottom:1px solid rgba(60,45,55,.08)!important;
}
#albumModal.libraryDetailModal .suggestionStatRow{
  gap:14px 34px!important;
  padding:17px 0!important;
  border-top:0!important;
}
#albumModal.libraryDetailModal .libraryMetaItem{
  display:inline-flex!important;
  align-items:center!important;
  gap:9px!important;
  min-width:0!important;
  min-height:0!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  color:rgba(55,45,50,.68)!important;
  box-shadow:none!important;
  cursor:pointer!important;
}
#albumModal.libraryDetailModal .libraryMetaItem>span{
  color:rgba(160,115,25,.78)!important;
  font-size:18px!important;
  line-height:1!important;
}
#albumModal.libraryDetailModal .libraryMetaItem small{
  margin:0!important;
  color:inherit!important;
  font-family:var(--muze-sans,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif)!important;
  font-size:13px!important;
  font-weight:500!important;
  line-height:1.2!important;
  letter-spacing:0!important;
  text-transform:none!important;
}
#albumModal.libraryDetailModal .libraryFullGrid{
  grid-template-columns:repeat(6,minmax(0,1fr))!important;
  gap:16px!important;
  margin-top:28px!important;
  align-items:start!important;
}
#albumModal.libraryDetailModal .libraryAlbumCard{
  width:100%!important;
  max-width:none!important;
  border:1px solid rgba(70,50,60,.08)!important;
  border-radius:14px!important;
  background:rgba(255,255,255,.42)!important;
  color:#2b1f29!important;
  box-shadow:none!important;
}
#albumModal.libraryDetailModal .libraryAlbumCard:hover{
  border-color:rgba(180,135,35,.24)!important;
  box-shadow:none!important;
}
#albumModal.libraryDetailModal .libraryAlbumCard .cover{
  width:100%!important;
  height:auto!important;
  aspect-ratio:1 / 1!important;
  background:#eee7dc!important;
}
#albumModal.libraryDetailModal .libraryAlbumCard .cover img{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
}
#albumModal.libraryDetailModal .libraryAlbumCard .cardBody{
  min-height:78px!important;
  padding:13px 14px 15px!important;
  background:transparent!important;
  color:#2b1f29!important;
}
#albumModal.libraryDetailModal .libraryAlbumCard .row{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) minmax(38px,max-content)!important;
  align-items:start!important;
  gap:10px!important;
}
#albumModal.libraryDetailModal .libraryAlbumCard .row>div:first-child{
  min-width:0!important;
}
#albumModal.libraryDetailModal .libraryAlbumCard .title{
  display:-webkit-box!important;
  color:#2b1430!important;
  font-size:15px!important;
  font-weight:600!important;
  line-height:1.15!important;
  -webkit-box-orient:vertical!important;
  -webkit-line-clamp:2!important;
  overflow:hidden!important;
}
#albumModal.libraryDetailModal .libraryAlbumCard .artist{
  margin-top:6px!important;
  color:rgba(55,45,50,.62)!important;
  font-size:13px!important;
  font-weight:400!important;
  line-height:1.3!important;
}
#albumModal.libraryDetailModal .libraryAlbumCard .score{
  color:#966400!important;
  font-size:14px!important;
  font-weight:700!important;
  min-width:38px!important;
  padding-left:4px!important;
  text-align:right!important;
  justify-self:end!important;
  white-space:nowrap!important;
  line-height:1.2!important;
  opacity:1!important;
}
#albumModal.libraryDetailModal .close{
  width:44px!important;
  height:44px!important;
  right:22px!important;
  top:20px!important;
  border:1px solid rgba(190,140,30,.55)!important;
  border-radius:50%!important;
  background:transparent!important;
  color:rgba(150,100,10,.90)!important;
  box-shadow:none!important;
}
#albumModal.libraryDetailModal .close:hover{
  border-color:rgba(190,140,30,.85)!important;
  background:rgba(214,171,53,.06)!important;
}
#albumModal.libraryDetailModal #closeAlbumModal.close.cleanClose{
  width:44px!important;
  height:44px!important;
  border:1px solid rgba(190,140,30,.55)!important;
  background:transparent!important;
}
#albumModal.libraryDetailModal #closeAlbumModal.close.cleanClose:hover{
  border-color:rgba(190,140,30,.85)!important;
  background:rgba(214,171,53,.06)!important;
}
#albumModal.libraryDetailModal #closeAlbumModal.close.cleanClose .cleanCloseIcon:before,
#albumModal.libraryDetailModal #closeAlbumModal.close.cleanClose .cleanCloseIcon:after{
  height:1.5px!important;
  background:rgba(150,100,10,.90)!important;
}
#albumModal.libraryDetailModal .libraryDetailFlourish{
  display:grid!important;
  grid-template-columns:1fr auto 1fr!important;
  align-items:center!important;
  gap:12px!important;
  margin:28px 0 4px!important;
}
#albumModal.libraryDetailModal .libraryDetailFlourish span{height:1px!important;background:rgba(180,135,35,.18)!important}
#albumModal.libraryDetailModal .libraryDetailFlourish i{width:10px!important;height:10px!important;background:#d6ab35!important;transform:rotate(45deg)!important}

@media(max-width:1250px) and (min-width:1001px){
  #albumModal.libraryDetailModal .libraryFullGrid{grid-template-columns:repeat(5,minmax(0,1fr))!important}
}
@media(max-width:1000px) and (min-width:701px){
  #albumModal.libraryDetailModal .libraryFullGrid{grid-template-columns:repeat(4,minmax(0,1fr))!important}
}
@media(max-width:700px){
  body.libraryView .publicListPage .libraryAlbumCard{width:100%!important;max-width:none!important}
  #albumModal.libraryDetailModal .modalPanel{
    width:100vw!important;
    padding:22px 16px 24px!important;
    border-radius:0!important;
  }
  #albumModal.libraryDetailModal .libraryDetailBrand{margin-bottom:12px!important}
  #albumModal.libraryDetailModal .libraryDetailTitle{align-items:flex-start!important;flex-direction:column!important;gap:12px!important}
  #albumModal.libraryDetailModal .libraryDetailTitle h2{font-size:36px!important}
  #albumModal.libraryDetailModal .suggestionHeader{grid-template-columns:1fr!important;align-items:start!important;gap:18px!important}
  #albumModal.libraryDetailModal .suggestionTitle{font-size:36px!important}
  #albumModal.libraryDetailModal .suggestionActions{align-self:start!important;padding-bottom:0!important}
  #albumModal.libraryDetailModal .suggestionDivider{margin-top:20px!important}
  #albumModal.libraryDetailModal .libraryMetaStrip{gap:12px 22px!important;padding:15px 0!important}
  #albumModal.libraryDetailModal .libraryFullGrid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important;margin-top:22px!important}
  #albumModal.libraryDetailModal .libraryAlbumCard .cardBody{padding:11px 10px 13px!important}
}

/* Give routed public Lists the same premium collector-profile hierarchy. */
.premiumPublicListPage{
  position:relative!important;
  width:min(1120px,92vw)!important;
  max-width:none!important;
  margin-left:auto!important;
  margin-right:auto!important;
  color:#2b1f29!important;
  font-family:var(--muze-sans,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif)!important;
}
body.libraryView:has(.premiumPublicListPage) .topbar{
  width:min(1120px,92vw)!important;
}
.premiumPublicListPage .publicListBack{
  margin:0 0 38px!important;
  color:#966400!important;
  font-size:13px!important;
  font-weight:600!important;
}
.premiumPublicListPage .publicListBrand{
  width:90px!important;
  height:78px!important;
  margin:0 0 18px!important;
  overflow:hidden!important;
}
.premiumPublicListPage .publicListBrand img{display:block!important;width:90px!important;height:auto!important}
.premiumPublicListPage .publicListHero{
  position:relative!important;
  isolation:isolate!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  align-items:flex-end!important;
  gap:40px!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  color:#2b1f29!important;
}
.premiumPublicListPage .publicListHero:before{
  content:""!important;
  position:absolute!important;
  z-index:-1!important;
  inset:-50px -70px -34px!important;
  pointer-events:none!important;
  background:radial-gradient(circle at 20% 10%,rgba(91,45,85,.035),transparent 38%)!important;
}
.premiumPublicListPage .publicListEyebrow{
  display:block!important;
  margin:0 0 18px!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  color:#b7830b!important;
  font-family:var(--muze-sans,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif)!important;
  font-size:11px!important;
  font-weight:700!important;
  line-height:1!important;
  letter-spacing:.14em!important;
  text-transform:uppercase!important;
}
.premiumPublicListPage .publicListHero h1{
  margin:0 0 14px!important;
  color:#2b1430!important;
  font-family:var(--muze-serif,Georgia,"Times New Roman",serif)!important;
  font-size:clamp(42px,4vw,58px)!important;
  font-weight:500!important;
  line-height:1!important;
  letter-spacing:-.025em!important;
}
.premiumPublicListPage .publicListHero p{
  max-width:620px!important;
  margin:0 0 12px!important;
  color:rgba(55,42,50,.68)!important;
  font-size:16px!important;
  font-weight:400!important;
  line-height:1.45!important;
}
.premiumPublicListPage .publicListHero small{
  color:rgba(50,40,46,.60)!important;
  font-size:14px!important;
  font-weight:500!important;
}
.premiumPublicListPage .publicListHeroActions{align-self:end!important;padding-bottom:2px!important}
.premiumPublicListPage .publicListHeroActions button{
  padding:13px 24px!important;
  border:0!important;
  border-radius:999px!important;
  background:linear-gradient(180deg,#e3bc4a,#d3a72f)!important;
  color:#1d1717!important;
  font-family:var(--muze-sans,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif)!important;
  font-size:15px!important;
  font-weight:700!important;
  box-shadow:none!important;
  transition:transform .18s ease,filter .18s ease!important;
}
.premiumPublicListPage .publicListHeroActions button:hover{transform:translateY(-1px)!important;filter:brightness(1.02)!important}
.premiumPublicListPage .publicListMetaStrip{
  position:relative!important;
  display:flex!important;
  align-items:center!important;
  flex-wrap:wrap!important;
  gap:14px 40px!important;
  margin:34px 0 0!important;
  padding:18px 0!important;
  border-top:0!important;
  border-bottom:1px solid rgba(60,45,55,.08)!important;
}
.premiumPublicListPage .publicListMetaStrip:before{content:""!important;position:absolute!important;left:0!important;right:0!important;top:0!important;height:1px!important;background:linear-gradient(90deg,rgba(214,171,53,.45),rgba(91,45,85,.12),rgba(214,171,53,.18))!important}
.premiumPublicListPage .publicListMetaStrip:after{content:""!important;position:absolute!important;right:0!important;top:-4px!important;width:9px!important;height:9px!important;background:#d6ab35!important;transform:rotate(45deg)!important}
.premiumPublicListPage .publicListMetaStrip span{
  display:inline-flex!important;
  align-items:center!important;
  gap:9px!important;
  color:rgba(55,45,50,.68)!important;
  font-size:13px!important;
  font-weight:500!important;
}
.premiumPublicListPage .publicListMetaStrip i{
  color:rgba(160,115,25,.78)!important;
  font-size:18px!important;
  font-style:normal!important;
  line-height:1!important;
}
.premiumPublicListPage .libraryFullGrid{
  grid-template-columns:repeat(6,minmax(0,1fr))!important;
  gap:18px!important;
  margin-top:30px!important;
  align-items:start!important;
}
.premiumPublicListPage .libraryAlbumCard{
  width:100%!important;
  max-width:none!important;
  border:1px solid rgba(70,50,60,.08)!important;
  border-radius:14px!important;
  background:rgba(255,255,255,.40)!important;
  color:#2b1f29!important;
  box-shadow:0 6px 18px rgba(50,35,45,.035)!important;
}
.premiumPublicListPage .libraryAlbumCard:hover{transform:translateY(-2px)!important;border-color:rgba(91,45,85,.16)!important;box-shadow:0 10px 26px rgba(50,35,45,.06)!important}
.premiumPublicListPage .libraryAlbumCard .cover{width:100%!important;height:auto!important;aspect-ratio:1/1!important;background:#eee7dc!important}
.premiumPublicListPage .libraryAlbumCard .cover img{width:100%!important;height:100%!important;object-fit:cover!important}
.premiumPublicListPage .libraryAlbumCard .cardBody{min-height:78px!important;padding:13px 14px 15px!important;background:transparent!important;color:#2b1f29!important}
.premiumPublicListPage .libraryAlbumCard .title{display:-webkit-box!important;color:#2b1430!important;font-size:15px!important;font-weight:600!important;line-height:1.15!important;-webkit-box-orient:vertical!important;-webkit-line-clamp:2!important;overflow:hidden!important}
.premiumPublicListPage .libraryAlbumCard .artist{margin-top:6px!important;color:rgba(55,45,50,.62)!important;font-size:13px!important;font-weight:400!important;line-height:1.3!important}
.premiumPublicListPage .libraryAlbumCard .score{color:#966400!important;font-size:14px!important;font-weight:700!important;opacity:1!important}
.premiumPublicListPage .libraryDetailFlourish{display:grid!important;grid-template-columns:1fr auto 1fr!important;align-items:center!important;gap:12px!important;margin:28px 0 4px!important}
.premiumPublicListPage .libraryDetailFlourish span{height:1px!important;background:rgba(180,135,35,.18)!important}
.premiumPublicListPage .libraryDetailFlourish i{width:10px!important;height:10px!important;background:#d6ab35!important;transform:rotate(45deg)!important}

@media(max-width:1250px) and (min-width:1001px){.premiumPublicListPage .libraryFullGrid{grid-template-columns:repeat(5,minmax(0,1fr))!important}}
@media(max-width:1000px) and (min-width:701px){.premiumPublicListPage .libraryFullGrid{grid-template-columns:repeat(4,minmax(0,1fr))!important}}
@media(max-width:700px){
  .premiumPublicListPage .publicListBrand{margin-bottom:12px!important}
  .premiumPublicListPage{padding-inline:18px!important}
  .premiumPublicListPage .publicListBack{margin-bottom:28px!important}
  .premiumPublicListPage .publicListHero{align-items:flex-start!important;grid-template-columns:1fr!important;gap:18px!important}
  .premiumPublicListPage .publicListHero h1{font-size:36px!important}
  .premiumPublicListPage .publicListMetaStrip{gap:12px 22px!important;padding:15px 0!important}
  .premiumPublicListPage .libraryFullGrid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important;margin-top:22px!important}
  .premiumPublicListPage .libraryAlbumCard .cardBody{padding:11px 10px 13px!important}
}

@media(min-width:701px){
/* Premium Muze ivory treatment for the album experience only. */
#albumModal:not(.libraryDetailModal){
  background:rgba(28,15,27,.72)!important;
  backdrop-filter:blur(12px)!important;
}
#albumModal:not(.libraryDetailModal) .modalPanel{
  width:min(1780px,96vw)!important;
  border:1px solid rgba(224,183,62,.96)!important;
  border-radius:24px!important;
  background:#f6f0e7!important;
  color:#2b1430!important;
  box-shadow:
    0 0 0 2px rgba(238,199,81,.88) inset,
    0 0 0 8px rgba(73,27,69,.54) inset,
    0 0 22px rgba(214,171,53,.24),
    0 0 0 7px rgba(73,27,69,.28),
    -22px 0 54px rgba(91,45,85,.15),
    22px 0 54px rgba(91,45,85,.15),
    0 0 76px rgba(91,45,85,.13),
    0 30px 80px rgba(45,20,42,.24)!important;
}
#albumModal:not(.libraryDetailModal) .modalPanel:after{
  content:""!important;
  position:absolute!important;
  z-index:20!important;
  inset:0!important;
  border:1px solid rgba(255,224,124,.30)!important;
  border-bottom:0!important;
  border-radius:inherit!important;
  box-shadow:inset 0 0 24px rgba(214,171,53,.10)!important;
  pointer-events:none!important;
}
#albumModal:not(.libraryDetailModal) .linerAlbumPage{
  color:#2b1430!important;
  background:
    radial-gradient(circle at 18% 42%,rgba(var(--album-perimeter-rgb,73,27,69),.035),transparent 30%),
    radial-gradient(circle at 0% 50%,rgba(91,45,85,.10),transparent 25%),
    radial-gradient(circle at 100% 50%,rgba(91,45,85,.10),transparent 25%),
    radial-gradient(circle at 50% 0%,rgba(214,171,53,.065),transparent 24%),
    linear-gradient(180deg,#f7f2ea 0%,#f3ece3 100%)!important;
}
#albumModal:not(.libraryDetailModal) .linerAlbumPage:before{display:none!important}
#albumModal:not(.libraryDetailModal) .linerAlbumPage:after{
  background:
    radial-gradient(circle at 0% 45%,rgba(91,45,85,.04),transparent 26%),
    radial-gradient(circle at 100% 45%,rgba(91,45,85,.04),transparent 26%)!important;
  opacity:1!important;
  mix-blend-mode:normal!important;
}
#albumModal:not(.libraryDetailModal) .linerHero:before,
#albumModal:not(.libraryDetailModal) .linerHero:after{display:none!important}
#albumModal:not(.libraryDetailModal) .linerTabs{
  background:rgba(255,253,248,.84)!important;
  border:1px solid rgba(70,50,60,.10)!important;
  box-shadow:0 5px 18px rgba(50,35,45,.045)!important;
  backdrop-filter:blur(12px)!important;
}
#albumModal:not(.libraryDetailModal) .linerTabs button{
  color:#2b1430!important;
  background:transparent!important;
  border-color:transparent!important;
  font-family:var(--muze-sans,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif)!important;
}
#albumModal:not(.libraryDetailModal) .linerTabs button.active{
  color:#2b1430!important;
  background:linear-gradient(180deg,#f0c94d 0%,#ddb12e 100%)!important;
  border-color:rgba(180,135,20,.30)!important;
  box-shadow:none!important;
}
#albumModal:not(.libraryDetailModal) #closeAlbumModal.close.cleanClose{
  background:rgba(255,253,248,.62)!important;
  border:1px solid rgba(214,171,53,.62)!important;
  color:#2b1430!important;
  box-shadow:none!important;
}
#albumModal:not(.libraryDetailModal) #closeAlbumModal.close.cleanClose:hover{background:rgba(214,171,53,.08)!important}
#albumModal:not(.libraryDetailModal) #closeAlbumModal.close.cleanClose .cleanCloseIcon:before,
#albumModal:not(.libraryDetailModal) #closeAlbumModal.close.cleanClose .cleanCloseIcon:after{background:#2b1430!important}
#albumModal:not(.libraryDetailModal) .linerCover{transform:none!important}
#albumModal:not(.libraryDetailModal) .linerCover:before{
  inset:2% -4% -6%!important;
  background:radial-gradient(circle,rgba(214,171,53,.11),transparent 62%)!important;
  filter:blur(22px)!important;
  opacity:.55!important;
}
#albumModal:not(.libraryDetailModal) .linerCover .cover,
#albumModal:not(.libraryDetailModal) .linerCoverFlip,
#albumModal:not(.libraryDetailModal) .linerCoverFlipCard{
  border-radius:16px!important;
  border-color:rgba(214,171,53,.55)!important;
  box-shadow:0 14px 34px rgba(0,0,0,.22),0 0 14px rgba(214,171,53,.05)!important;
}
#albumModal:not(.libraryDetailModal) .linerCover .cover:hover{transform:translateY(-2px)!important}
#albumModal:not(.libraryDetailModal) .heroSavedStrip{
  color:rgba(55,42,50,.72)!important;
  background:rgba(255,255,255,.34)!important;
  border-color:rgba(70,50,60,.10)!important;
}
#albumModal:not(.libraryDetailModal) .heroSavedStrip .miniAvatars i{
  width:8px!important;
  height:8px!important;
  margin-left:0!important;
  border-color:rgba(70,50,60,.20)!important;
  background:rgba(70,50,60,.14)!important;
  box-shadow:none!important;
}
#albumModal:not(.libraryDetailModal) .heroSavedStrip .miniAvatars{gap:9px!important}
#albumModal:not(.libraryDetailModal) .heroSavedStrip .miniAvatars i:first-child{
  border-color:rgba(180,135,20,.54)!important;
  background:#d6ab35!important;
}
#albumModal:not(.libraryDetailModal) .linerHeroCopy{
  transform:scale(.92)!important;
  transform-origin:left top!important;
  color:#2b1430!important;
}
#albumModal:not(.libraryDetailModal) .linerHeroCopy>.eyebrow{
  display:inline-flex!important;
  width:max-content!important;
  margin:0 0 20px!important;
  padding:6px 10px!important;
  border:1px solid rgba(214,171,53,.30)!important;
  border-radius:999px!important;
  background:rgba(214,171,53,.22)!important;
  color:#2b1430!important;
  font-family:var(--muze-sans,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif)!important;
  font-size:11px!important;
  font-weight:700!important;
  line-height:1!important;
  letter-spacing:.10em!important;
  text-transform:uppercase!important;
}
#albumModal:not(.libraryDetailModal) .linerHeroCopy h2,
#albumModal:not(.libraryDetailModal) .linerHeroCopy h2.albumTitleMedium,
#albumModal:not(.libraryDetailModal) .linerHeroCopy h2.albumTitleLong{
  margin-bottom:18px!important;
  color:#2b1430!important;
  font-family:var(--muze-serif,Georgia,"Times New Roman",serif)!important;
  font-size:clamp(50px,4vw,68px)!important;
  font-weight:500!important;
  line-height:.98!important;
  letter-spacing:-.025em!important;
  text-shadow:none!important;
}
#albumModal:not(.libraryDetailModal) .linerHeroCopy h3,
#albumModal:not(.libraryDetailModal) .linerHeroCopy h3 .linerArtistLink{
  color:#2b1430!important;
  font-family:var(--muze-sans,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif)!important;
  font-size:18px!important;
  font-weight:700!important;
  letter-spacing:.04em!important;
}
#albumModal:not(.libraryDetailModal) .linerHeroCopy h3 span{color:#d6ab35!important}
#albumModal:not(.libraryDetailModal) .linerHeroCopy h3 .linerArtistVerified{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:15px!important;
  height:15px!important;
  margin-left:5px!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  vertical-align:-2px!important;
  box-shadow:none!important;
}
#albumModal:not(.libraryDetailModal) .linerHeroCopy h3 .linerArtistVerified svg{
  display:block!important;
  width:15px!important;
  height:15px!important;
  overflow:visible!important;
}
#albumModal:not(.libraryDetailModal) .linerArtistVerifiedSeal{fill:#d6ab35!important}
#albumModal:not(.libraryDetailModal) .linerArtistVerifiedCheck{fill:#21151f!important}
#albumModal:not(.libraryDetailModal) .linerHeroCopy>.albumHeroDescription{
  max-width:680px!important;
  color:rgba(55,42,50,.76)!important;
  font-family:var(--muze-sans,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif)!important;
  font-size:16px!important;
  font-weight:400!important;
  line-height:1.55!important;
  margin-bottom:18px!important;
}
#albumModal:not(.libraryDetailModal) .linerTags,
#albumModal:not(.libraryDetailModal) .linerMoodTags{gap:8px!important;margin-bottom:16px!important}
#albumModal:not(.libraryDetailModal) .linerTags span,
#albumModal:not(.libraryDetailModal) .linerMoodTags span{
  color:rgba(55,42,50,.72)!important;
  background:rgba(255,255,255,.38)!important;
  border:1px solid rgba(70,50,60,.10)!important;
  box-shadow:none!important;
}
#albumModal:not(.libraryDetailModal) .linerHeroCopy .linerStats{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:0!important;
  overflow:hidden!important;
  width:calc(100% + 18px)!important;
  max-width:720px!important;
  margin:20px 0 22px!important;
  border:1px solid rgba(214,171,53,.14)!important;
  border-radius:16px!important;
  background:rgba(255,255,255,.32)!important;
  box-shadow:none!important;
}
#albumModal:not(.libraryDetailModal) .linerHeroCopy .linerStats>* ,
#albumModal:not(.libraryDetailModal) .linerHeroCopy .linerStats>*:first-child{
  min-width:0!important;
  min-height:96px!important;
  padding:10px 12px!important;
  border:0!important;
  border-right:1px solid rgba(70,50,60,.10)!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
#albumModal:not(.libraryDetailModal) .linerHeroCopy .linerStats>*:last-child{border-right:0!important}
#albumModal:not(.libraryDetailModal) .linerHeroCopy .linerStats span{
  color:#9a6c0c!important;
  font-size:11px!important;
  letter-spacing:.08em!important;
}
#albumModal:not(.libraryDetailModal) .linerHeroCopy .linerStats strong,
#albumModal:not(.libraryDetailModal) .linerHeroCopy .linerStats>*:first-child strong,
#albumModal:not(.libraryDetailModal) .linerHeroCopy .linerStats .linerSocialProof strong{
  color:#2b1430!important;
  font-family:var(--muze-serif,Georgia,"Times New Roman",serif)!important;
  font-size:34px!important;
  font-weight:500!important;
  text-shadow:none!important;
}
#albumModal:not(.libraryDetailModal) .linerHeroCopy .linerStats small{
  color:rgba(55,42,50,.62)!important;
  font-size:10.5px!important;
  font-weight:500!important;
  margin-top:5px!important;
}
#albumModal:not(.libraryDetailModal) .linerHeroCopy .linerStats.linerStatsTwo{
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  max-width:520px!important;
}
#albumModal:not(.libraryDetailModal) .linerHeroCopy .linerStats .statValueWithIcon{
  display:flex!important;
  align-items:center!important;
  gap:6px!important;
  white-space:nowrap!important;
  justify-content:flex-start!important;
}
#albumModal:not(.libraryDetailModal) .linerHeroCopy .linerStats .statValueWithIcon b{font:inherit!important;color:inherit!important}
#albumModal:not(.libraryDetailModal) .linerHeroCopy .linerStats .exceptionalStatus{
  display:block!important;
  color:var(--muze-gold,#d6ab35)!important;
  font-size:10px!important;
  font-weight:700!important;
  letter-spacing:.13em!important;
  line-height:1!important;
  text-transform:uppercase!important;
}
#albumModal:not(.libraryDetailModal) .linerHeroCopy .linerStats .exceptionalStatus b{
  color:inherit!important;
  font:inherit!important;
  letter-spacing:inherit!important;
}
#albumModal:not(.libraryDetailModal) .linerHeroCopy .linerStats .exceptionalFeather{
  width:10px!important;
  height:17px!important;
  flex:0 0 10px!important;
  color:var(--muze-gold,#d6ab35)!important;
  fill:none!important;
  stroke:currentColor!important;
  stroke-width:1.05!important;
  stroke-linecap:round!important;
  stroke-linejoin:round!important;
}
#albumModal:not(.libraryDetailModal) .linerHeroCopy .linerStats .exceptionalFeatherRight{transform:scaleX(-1)!important}
#albumModal:not(.libraryDetailModal) .linerHeroCopy .linerStats .albumStatIcon{
  width:15px!important;
  height:15px!important;
  flex:0 0 15px!important;
  color:#d6ab35!important;
  fill:#d6ab35!important;
}
#albumModal:not(.libraryDetailModal) .linerHeroCopy .linerStats .albumScoreStat,
#albumModal:not(.libraryDetailModal) .linerHeroCopy .linerStats .linerAccoladeStat,
#albumModal:not(.libraryDetailModal) .linerHeroCopy .linerStats .linerMemberCollectionStat{
  text-align:left!important;
}
#albumModal:not(.libraryDetailModal) .linerActions button{
  border:1px solid rgba(180,135,20,.28)!important;
  border-radius:999px!important;
  background:linear-gradient(180deg,#f0c94d 0%,#ddb12e 100%)!important;
  color:#1b1717!important;
  box-shadow:0 8px 22px rgba(214,171,53,.14)!important;
}
#albumModal:not(.libraryDetailModal) .linerHeroCopy .linerActions{margin-bottom:0!important}
#albumModal:not(.libraryDetailModal) .linerActions a{
  border:1px solid rgba(91,45,85,.30)!important;
  border-radius:999px!important;
  background:#352632!important;
  color:#f7f2ea!important;
  box-shadow:none!important;
}
#albumModal:not(.libraryDetailModal) .linerActions .spotifyMark{color:#f0c94d!important}
#albumModal:not(.libraryDetailModal) .heroRightAtmosphere{display:none!important}
#albumModal:not(.libraryDetailModal) .linerHeroSide{
  gap:14px!important;
  transform:translateY(-18px) scale(.9292)!important;
  transform-origin:top right!important;
}
#albumModal:not(.libraryDetailModal) .heroSideCard{
  border:1px solid rgba(214,171,53,.16)!important;
  border-radius:16px!important;
  background:rgba(255,255,255,.30)!important;
  color:#2b1430!important;
  box-shadow:0 8px 22px rgba(45,30,40,.035)!important;
}
#albumModal:not(.libraryDetailModal) .heroSideCard.influence{padding:18px 20px!important}
#albumModal:not(.libraryDetailModal) .heroSideCard.network{padding:17px 20px!important}
#albumModal:not(.libraryDetailModal) .heroSideCard.appearances{padding:16px 20px 17px!important}
#albumModal:not(.libraryDetailModal) .heroSideCard.appearances{display:none!important}
#albumModal:not(.libraryDetailModal) .appearanceMetric{
  display:flex!important;
  align-items:baseline!important;
  gap:9px!important;
  margin:11px 0 3px!important;
}
#albumModal:not(.libraryDetailModal) .appearanceMetric strong{
  color:#2b1430!important;
  font-family:var(--muze-serif,Georgia,"Times New Roman",serif)!important;
  font-size:32px!important;
  font-weight:500!important;
  line-height:1!important;
}
#albumModal:not(.libraryDetailModal) .appearanceMetric span,
#albumModal:not(.libraryDetailModal) .heroSideCard.appearances p{
  color:rgba(55,42,50,.64)!important;
  font-family:var(--muze-sans,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif)!important;
  font-size:11px!important;
  font-weight:600!important;
  font-style:normal!important;
  line-height:1.35!important;
}
#albumModal:not(.libraryDetailModal) .heroSideCard.appearances p{margin:0!important}
#albumModal:not(.libraryDetailModal) .heroNetworkRow{
  display:flex!important;
  align-items:center!important;
  margin:13px 0 10px!important;
}
#albumModal:not(.libraryDetailModal) .heroNetworkAvatar,
#albumModal:not(.libraryDetailModal) .heroNetworkMore{
  display:grid!important;
  place-items:center!important;
  width:34px!important;
  height:34px!important;
  margin-left:-7px!important;
  overflow:hidden!important;
  border:1px solid rgba(214,171,53,.34)!important;
  border-radius:50%!important;
  background:#171117!important;
  color:#d6ab35!important;
  font:700 10px/1 var(--muze-sans,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif)!important;
}
#albumModal:not(.libraryDetailModal) .heroNetworkAvatar:first-child{margin-left:0!important}
#albumModal:not(.libraryDetailModal) .heroNetworkAvatar img,
#albumModal:not(.libraryDetailModal) .heroNetworkAvatar svg{display:block!important;width:100%!important;height:100%!important;object-fit:cover!important}
#albumModal:not(.libraryDetailModal) .heroSideCard.network p{
  margin:0!important;
  font-family:var(--muze-sans,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif)!important;
  font-size:12px!important;
  font-weight:500!important;
  font-style:normal!important;
  line-height:1.45!important;
}
#albumModal:not(.libraryDetailModal) .heroSideCard.influence h4{
  color:#9a6c0c!important;
  font-family:var(--muze-sans,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif)!important;
  font-size:12px!important;
  font-weight:700!important;
  letter-spacing:.08em!important;
  text-transform:uppercase!important;
}
#albumModal:not(.libraryDetailModal) .heroSideCard h4 span{color:#d6ab35!important}
#albumModal:not(.libraryDetailModal) .heroSideCard p,
#albumModal:not(.libraryDetailModal) .heroSideCard .influencePreview,
#albumModal:not(.libraryDetailModal) .heroSideCard .influenceFull{
  color:rgba(55,42,50,.78)!important;
  text-shadow:none!important;
}
#albumModal:not(.libraryDetailModal) .heroSideCard small{
  color:rgba(55,42,50,.70)!important;
  background:rgba(255,255,255,.40)!important;
  border-color:rgba(70,50,60,.10)!important;
}
#albumModal:not(.libraryDetailModal) .heroFanRow,
#albumModal:not(.libraryDetailModal) .moodScale{color:rgba(55,42,50,.64)!important}
#albumModal:not(.libraryDetailModal) .moodScale em{color:rgba(55,42,50,.64)!important}
#albumModal:not(.libraryDetailModal) .moodMeter{background:rgba(91,45,85,.16)!important}
#albumModal:not(.libraryDetailModal) .moodMeter span{
  background:linear-gradient(90deg,#d6ab35,rgba(91,45,85,.42))!important;
  box-shadow:none!important;
}
#albumModal:not(.libraryDetailModal) .albumSeeMorePill{
  border:0!important;
  background:transparent!important;
  color:#744f08!important;
  box-shadow:none!important;
  text-transform:none!important;
}
#albumModal:not(.libraryDetailModal) .linerHeroCopy>.albumSeeMorePill{
  position:relative!important;
  inset:auto!important;
  left:50%!important;
  bottom:auto!important;
  width:max-content!important;
  min-height:22px!important;
  margin:32px auto 0!important;
  padding:0 8px!important;
  transform:translateX(-50%)!important;
  font-size:12.6px!important;
  font-weight:700!important;
  letter-spacing:.04em!important;
  z-index:2!important;
}
#albumModal:not(.libraryDetailModal) .albumSeeMorePill:before{
  content:""!important;
  position:absolute!important;
  left:50%!important;
  bottom:calc(100% + 12px)!important;
  width:190px!important;
  height:1px!important;
  transform:translateX(-50%)!important;
  background:linear-gradient(90deg,transparent,rgba(214,171,53,.38) 28%,rgba(214,171,53,.38) 72%,transparent)!important;
}
#albumModal:not(.libraryDetailModal) .albumSeeMorePill:after{
  content:""!important;
  position:absolute!important;
  left:50%!important;
  bottom:calc(100% + 9px)!important;
  width:7px!important;
  height:7px!important;
  transform:translateX(-50%) rotate(45deg)!important;
  background:#d6ab35!important;
}
#albumModal:not(.libraryDetailModal) .albumSeeMorePill:hover{background:rgba(214,171,53,.06)!important;color:#2b1430!important}
#albumModal:not(.libraryDetailModal) .linerContentGrid .linerPanel,
#albumModal:not(.libraryDetailModal) .albumTrackSections,
#albumModal:not(.libraryDetailModal) .listenerCardsSection{
  color:#2b1430!important;
  border-color:rgba(214,171,53,.16)!important;
  background:rgba(255,255,255,.30)!important;
  box-shadow:none!important;
}
@media(max-width:1050px){
  #albumModal:not(.libraryDetailModal) .linerHeroCopy{
    transform:scale(.96)!important;
    transform-origin:left top!important;
  }
  #albumModal:not(.libraryDetailModal) .linerHeroSide{
    grid-column:1 / -1!important;
    transform:none!important;
  }
  #albumModal:not(.libraryDetailModal) .linerHeroCopy h2,
  #albumModal:not(.libraryDetailModal) .linerHeroCopy h2.albumTitleMedium,
  #albumModal:not(.libraryDetailModal) .linerHeroCopy h2.albumTitleLong{font-size:clamp(40px,7vw,58px)!important}
}
@media(max-width:700px){
  #albumModal:not(.libraryDetailModal) .modalPanel{border-radius:0!important}
  #albumModal:not(.libraryDetailModal) .linerAlbumPage{padding-inline:18px!important}
  #albumModal:not(.libraryDetailModal) .linerTabs{
    justify-content:flex-start!important;
    width:calc(100% - 48px)!important;
    margin-left:0!important;
    margin-right:auto!important;
    gap:1px!important;
  }
  #albumModal:not(.libraryDetailModal) .linerTabs button{
    flex:1 1 auto!important;
    min-width:0!important;
    padding:7px 4px!important;
    font-size:9px!important;
  }
  #albumModal:not(.libraryDetailModal) .linerHeroCopy h2,
  #albumModal:not(.libraryDetailModal) .linerHeroCopy h2.albumTitleMedium,
  #albumModal:not(.libraryDetailModal) .linerHeroCopy h2.albumTitleLong{font-size:38px!important}
  #albumModal:not(.libraryDetailModal) .linerHeroCopy .linerStats{grid-template-columns:1fr!important}
  #albumModal:not(.libraryDetailModal) .linerHeroCopy .linerStats>*{border-right:0!important;border-bottom:1px solid rgba(70,50,60,.10)!important}
  #albumModal:not(.libraryDetailModal) .linerHeroCopy .linerStats>*:last-child{border-bottom:0!important}
}

/* Keep the premium album composition in both themes; restore its black canvas in dark mode. */
body:not(.light) #albumModal:not(.libraryDetailModal) .modalPanel{
  background:#060609!important;
  color:#f7f2ea!important;
}
body:not(.light) #albumModal:not(.libraryDetailModal) .linerAlbumPage{
  color:#f7f2ea!important;
  background:
    radial-gradient(circle at 18% 42%,rgba(var(--album-perimeter-rgb,73,27,69),.035),transparent 30%),
    radial-gradient(circle at 0% 48%,rgba(91,45,85,.24),transparent 27%),
    radial-gradient(circle at 100% 48%,rgba(91,45,85,.20),transparent 27%),
    radial-gradient(circle at 50% 0%,rgba(214,171,53,.08),transparent 25%),
    linear-gradient(180deg,#0b0a0d 0%,#050507 100%)!important;
}
body:not(.light) #albumModal:not(.libraryDetailModal) .linerAlbumPage:after{
  background:radial-gradient(circle at 50% 0%,rgba(214,171,53,.035),transparent 35%)!important;
}
body:not(.light) #albumModal:not(.libraryDetailModal) .linerTabs{
  background:rgba(32,20,31,.72)!important;
  border-color:rgba(255,255,255,.07)!important;
  box-shadow:0 5px 18px rgba(0,0,0,.24)!important;
}
body:not(.light) #albumModal:not(.libraryDetailModal) .linerTabs button{color:#f7f2ea!important}
body:not(.light) #albumModal:not(.libraryDetailModal) .linerTabs button.active{
  color:#171117!important;
  background:linear-gradient(180deg,#f0c94d 0%,#ddb12e 100%)!important;
}
body:not(.light) #albumModal:not(.libraryDetailModal) #closeAlbumModal.close.cleanClose{
  background:rgba(8,8,10,.82)!important;
  color:#f7f2ea!important;
}
body:not(.light) #albumModal:not(.libraryDetailModal) #closeAlbumModal.close.cleanClose .cleanCloseIcon:before,
body:not(.light) #albumModal:not(.libraryDetailModal) #closeAlbumModal.close.cleanClose .cleanCloseIcon:after{background:#f7f2ea!important}
body:not(.light) #albumModal:not(.libraryDetailModal) .heroSavedStrip{
  color:rgba(247,242,234,.72)!important;
  background:rgba(8,8,10,.62)!important;
  border-color:rgba(247,242,234,.12)!important;
}
body:not(.light) #albumModal:not(.libraryDetailModal) .heroSavedStrip .miniAvatars i{
  border-color:rgba(247,242,234,.16)!important;
  background:rgba(255,255,255,.14)!important;
}
body:not(.light) #albumModal:not(.libraryDetailModal) .heroSavedStrip .miniAvatars i:first-child{
  border-color:rgba(214,171,53,.72)!important;
  background:#d6ab35!important;
}
body:not(.light) #albumModal:not(.libraryDetailModal) .linerHeroCopy{color:#f7f2ea!important}
body:not(.light) #albumModal:not(.libraryDetailModal) .linerHeroCopy>.eyebrow{
  color:#f0c94d!important;
  background:rgba(214,171,53,.10)!important;
}
body:not(.light) #albumModal:not(.libraryDetailModal) .linerHeroCopy h2,
body:not(.light) #albumModal:not(.libraryDetailModal) .linerHeroCopy h2.albumTitleMedium,
body:not(.light) #albumModal:not(.libraryDetailModal) .linerHeroCopy h2.albumTitleLong,
body:not(.light) #albumModal:not(.libraryDetailModal) .linerHeroCopy h3,
body:not(.light) #albumModal:not(.libraryDetailModal) .linerHeroCopy h3 .linerArtistLink{color:#f7f2ea!important}
body:not(.light) #albumModal:not(.libraryDetailModal) .linerHeroCopy>.albumHeroDescription{color:rgba(247,242,234,.72)!important}
body:not(.light) #albumModal:not(.libraryDetailModal) .albumReviewContribution{
  border-left:1px solid rgba(214,171,53,.46);
  color:rgba(247,242,234,.68);
}
#albumModal:not(.libraryDetailModal) .albumReviewContribution{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:6px;
  max-width:680px;
  margin:14px 0 16px;
  padding:4px 0 4px 16px;
  border-left:1px solid rgba(178,128,25,.38);
  color:rgba(55,42,50,.66);
  font-family:var(--muze-sans,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif);
}
#albumModal:not(.libraryDetailModal) .albumReviewContribution>strong{
  color:inherit;
  font-size:16px;
  font-weight:700;
}
#albumModal:not(.libraryDetailModal) .albumReviewContribution>span{font-size:14px}
#albumModal:not(.libraryDetailModal) .albumReviewContribution>button,
#albumModal:not(.libraryDetailModal) .albumReviewSubmissionForm button,
#albumModal:not(.libraryDetailModal) .albumReviewAdminQueue button{
  appearance:none;
  border:1px solid rgba(214,171,53,.62);
  border-radius:999px;
  background:transparent;
  color:#d6ab35;
  padding:8px 14px;
  font:700 12px/1 var(--muze-sans,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif);
  cursor:pointer;
}
#albumModal:not(.libraryDetailModal) .albumReviewContribution>button{
  align-self:flex-start!important;
  width:auto!important;
  min-width:0!important;
  min-height:0!important;
  margin-top:5px;
  padding:7px 12px!important;
  font-family:var(--muze-sans,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif)!important;
  font-size:13px!important;
  font-weight:700!important;
  line-height:1!important;
  letter-spacing:0!important;
}
#albumModal:not(.libraryDetailModal) .albumReviewPending{color:#d6ab35!important;font-weight:600}
#albumModal:not(.libraryDetailModal) .albumReviewSubmissionForm[hidden]{display:none!important}
#albumModal:not(.libraryDetailModal) .albumReviewSubmissionForm{
  display:grid;
  gap:8px;
  width:min(620px,100%);
  margin-top:10px;
}
#albumModal:not(.libraryDetailModal) .albumReviewSubmissionForm label{
  color:inherit;
  font-size:12px;
  font-weight:700;
  letter-spacing:.08em;
  text-transform:uppercase;
}
#albumModal:not(.libraryDetailModal) .albumReviewSubmissionForm textarea{
  box-sizing:border-box;
  width:100%;
  min-height:142px;
  resize:vertical;
  border:1px solid rgba(214,171,53,.28);
  border-radius:12px;
  background:rgba(255,255,255,.04);
  color:inherit;
  padding:12px 14px;
  font:500 14px/1.55 var(--muze-sans,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif);
}
#albumModal:not(.libraryDetailModal) .albumReviewSubmissionForm small,
#albumModal:not(.libraryDetailModal) .albumReviewSubmissionStatus{font-size:11px;color:inherit;opacity:.72}
#albumModal:not(.libraryDetailModal) .albumReviewSubmissionForm>div{display:flex;gap:8px;flex-wrap:wrap}
#albumModal:not(.libraryDetailModal) .overviewDescriptionContribution{display:grid;gap:8px;margin-top:10px}
#albumModal:not(.libraryDetailModal) .overviewDescriptionContribution>button,
#albumModal:not(.libraryDetailModal) .overviewDescriptionForm button{
  justify-self:start;
  border:1px solid rgba(214,171,53,.62);
  border-radius:999px;
  background:transparent;
  color:#d6ab35;
  padding:7px 12px;
  font:700 13px/1 var(--muze-sans,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif);
  cursor:pointer;
}
#albumModal:not(.libraryDetailModal) .overviewDescriptionPending{color:#d6ab35;font-size:12px;font-weight:700}
#albumModal:not(.libraryDetailModal) .overviewDescriptionForm[hidden]{display:none!important}
#albumModal:not(.libraryDetailModal) .overviewDescriptionForm{display:grid;gap:8px;width:min(620px,100%)}
#albumModal:not(.libraryDetailModal) .overviewDescriptionForm label{font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}
#albumModal:not(.libraryDetailModal) .overviewDescriptionForm textarea{box-sizing:border-box;width:100%;min-height:130px;resize:vertical;border:1px solid rgba(214,171,53,.28);border-radius:12px;background:rgba(255,255,255,.04);color:inherit;padding:12px 14px;font:500 14px/1.55 var(--muze-sans,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif)}
#albumModal:not(.libraryDetailModal) .overviewDescriptionForm small,
#albumModal:not(.libraryDetailModal) .overviewDescriptionStatus{font-size:11px;color:inherit;opacity:.72}
#albumModal:not(.libraryDetailModal) .overviewDescriptionForm>div{display:flex;gap:8px;flex-wrap:wrap}
.albumOverviewPopupPanel .overviewDescriptionContribution{
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  gap:8px!important;
  width:100%!important;
  max-width:680px!important;
  margin:12px 0 0!important;
  padding:0!important;
  border:0!important;
  font-family:var(--muze-sans,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif)!important;
}
.albumOverviewPopupPanel .overviewDescriptionContribution>button,
.albumOverviewPopupPanel .overviewDescriptionForm button{
  appearance:none!important;
  align-self:flex-start!important;
  width:auto!important;
  min-width:0!important;
  min-height:0!important;
  margin:0!important;
  padding:8px 14px!important;
  border:1px solid rgba(214,171,53,.62)!important;
  border-radius:999px!important;
  background:transparent!important;
  color:#d6ab35!important;
  font:700 13px/1 var(--muze-sans,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif)!important;
  letter-spacing:0!important;
  cursor:pointer!important;
}
.albumOverviewPopupPanel .overviewDescriptionForm[hidden]{display:none!important}
.albumOverviewPopupPanel .overviewDescriptionForm{
  display:grid!important;
  gap:8px!important;
  width:min(620px,100%)!important;
  margin-top:8px!important;
}
.albumOverviewPopupPanel .overviewDescriptionForm label{
  color:rgba(255,255,255,.78)!important;
  font-size:12px!important;
  font-weight:700!important;
  letter-spacing:.08em!important;
  text-transform:uppercase!important;
}
.albumOverviewPopupPanel .overviewDescriptionForm textarea{
  box-sizing:border-box!important;
  display:block!important;
  width:100%!important;
  min-height:142px!important;
  resize:vertical!important;
  border:1px solid rgba(214,171,53,.28)!important;
  border-radius:12px!important;
  background:rgba(255,255,255,.04)!important;
  color:rgba(255,255,255,.88)!important;
  padding:12px 14px!important;
  font:500 14px/1.55 var(--muze-sans,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif)!important;
}
.albumOverviewPopupPanel .overviewDescriptionForm small,
.albumOverviewPopupPanel .overviewDescriptionStatus{color:rgba(255,255,255,.64)!important;font-size:11px!important}
.albumOverviewPopupPanel .overviewDescriptionForm>div{display:flex!important;gap:8px!important;flex-wrap:wrap!important}
.albumOverviewPopupPanel .overviewPoint:has(.overviewDescriptionContribution)>div>p{display:none!important}
.albumOverviewPopupPanel .overviewDescriptionContribution>button{color:#fff!important}

/* Quiet editorial empty states for Sound / Impact / Legacy. */
.albumOverviewPopupPanel .overviewPoint:has(.overviewDescriptionContribution){
  grid-template-columns:76px minmax(0,1fr)!important;
  padding:22px 0!important;
  border:0!important;
  border-radius:0!important;
  background:none!important;
  box-shadow:none!important;
}
.albumOverviewPopupPanel .overviewPoint:has(.overviewDescriptionContribution)+.overviewPoint:has(.overviewDescriptionContribution){
  border-top:1px solid rgba(255,255,255,.05)!important;
}
.albumOverviewPopupPanel .overviewPoint:has(.overviewDescriptionContribution)>.overviewIcon{
  width:58px!important;
  height:58px!important;
}
.albumOverviewPopupPanel .overviewPoint:has(.overviewDescriptionContribution)>div{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  column-gap:20px!important;
  row-gap:8px!important;
  align-items:center!important;
  min-width:0!important;
}
.albumOverviewPopupPanel .overviewPoint:has(.overviewDescriptionContribution)>div>strong{
  grid-column:1/-1!important;
  margin:0!important;
  font-family:var(--muze-sans,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif)!important;
  font-size:12px!important;
  font-weight:700!important;
  letter-spacing:.14em!important;
  text-transform:uppercase!important;
  color:var(--muze-gold,#d6ab35)!important;
}
.albumOverviewPopupPanel .overviewPoint:has(.overviewDescriptionContribution)>div>p{
  display:block!important;
  grid-column:1!important;
  margin:0!important;
  overflow:visible!important;
  font-family:var(--muze-serif,Georgia,"Times New Roman",serif)!important;
  font-size:16px!important;
  font-weight:400!important;
  font-style:italic!important;
  line-height:1.45!important;
  color:rgba(245,240,232,.38)!important;
  -webkit-line-clamp:unset!important;
}
.albumOverviewPopupPanel .overviewDescriptionContribution{
  display:contents!important;
}
.albumOverviewPopupPanel .overviewDescriptionContribution>button{
  grid-column:2!important;
  grid-row:2!important;
  align-self:center!important;
  padding:2px 0!important;
  border:0!important;
  border-radius:0!important;
  background:none!important;
  box-shadow:none!important;
  color:var(--muze-gold,#d6ab35)!important;
  font-family:var(--muze-sans,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif)!important;
  font-size:11px!important;
  font-weight:700!important;
  line-height:1.2!important;
}
.albumOverviewPopupPanel .overviewDescriptionPending{
  grid-column:1/-1!important;
  color:rgba(214,171,53,.72)!important;
  font-size:11px!important;
}
.albumOverviewPopupPanel .overviewDescriptionPrompt{
  grid-column:1!important;
  grid-row:2!important;
  color:rgba(245,240,232,.42)!important;
  font-family:var(--muze-sans,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif)!important;
  font-size:12px!important;
  font-style:normal!important;
}
.albumOverviewPopupPanel .overviewDescriptionForm{
  grid-column:1/-1!important;
  width:min(620px,100%)!important;
}
.albumOverviewPopupPanel .overviewSourceLink{
  position:relative!important;
  margin:0 0 22px!important;
  padding-bottom:8px!important;
  color:rgba(214,171,53,.58)!important;
  font-family:var(--muze-sans,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif)!important;
  font-size:11px!important;
  font-weight:650!important;
  letter-spacing:.04em!important;
  text-decoration:none!important;
}
.albumOverviewPopupPanel .overviewSourceLink:after{
  content:""!important;
  position:absolute!important;
  left:0!important;
  bottom:0!important;
  width:44px!important;
  height:1px!important;
  background:linear-gradient(90deg,rgba(214,171,53,.62),rgba(214,171,53,0))!important;
}
@media(max-width:700px){
  .albumOverviewPopupPanel .overviewPoint:has(.overviewDescriptionContribution){grid-template-columns:48px minmax(0,1fr)!important;padding:18px 0!important;gap:14px!important}
  .albumOverviewPopupPanel .overviewPoint:has(.overviewDescriptionContribution)>.overviewIcon{width:42px!important;height:42px!important}
}

/* Defining Tracks uses the same quiet editorial empty-state language. */
.albumOverviewPopupPanel .overviewMomentChips:has(.defining-tracks-empty){
  display:block!important;
  width:100%!important;
  margin:0!important;
}
.albumOverviewPopupPanel .defining-tracks-empty{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:18px!important;
  width:100%!important;
}
.albumOverviewPopupPanel .overviewMomentChips .defining-tracks-empty>span{
  display:block!important;
  min-height:0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:none!important;
  color:rgba(245,240,232,.38)!important;
  font-family:var(--muze-serif,Georgia,"Times New Roman",serif)!important;
  font-size:16px!important;
  font-weight:400!important;
  font-style:italic!important;
  line-height:1.45!important;
  cursor:default!important;
}
.albumOverviewPopupPanel .overviewMomentChips .defining-tracks-add{
  display:inline-block!important;
  min-height:0!important;
  padding:2px 0!important;
  border:0!important;
  border-radius:0!important;
  background:none!important;
  box-shadow:none!important;
  color:var(--muze-gold,#d6ab35)!important;
  font-family:var(--muze-sans,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif)!important;
  font-size:11px!important;
  font-weight:700!important;
  line-height:1.2!important;
  cursor:pointer!important;
}
.albumOverviewPopupPanel .overviewMomentChips .defining-tracks-add:hover,
.albumOverviewPopupPanel .overviewMomentChips .defining-tracks-add:focus-visible{
  background:none!important;
  color:var(--muze-gold,#d6ab35)!important;
  box-shadow:none!important;
  outline:0!important;
}

/* When empty, place the Defining Tracks action beside its gold heading. */
.albumOverviewPopupPanel .overviewMood>div:has(.defining-tracks-empty){
  display:grid!important;
  grid-template-columns:max-content max-content!important;
  align-items:center!important;
  justify-content:start!important;
  column-gap:12px!important;
}
.albumOverviewPopupPanel .overviewMood>div:has(.defining-tracks-empty)>p{
  grid-column:1!important;
  grid-row:1!important;
  margin:0!important;
}
.albumOverviewPopupPanel .overviewMood>div:has(.defining-tracks-empty)>.overviewMomentChips,
.albumOverviewPopupPanel .overviewMood>div:has(.defining-tracks-empty) .defining-tracks-empty{
  display:contents!important;
}
.albumOverviewPopupPanel .overviewMood>div:has(.defining-tracks-empty) .defining-tracks-empty>span{
  grid-column:1/-1!important;
  grid-row:2!important;
  margin-top:12px!important;
}
.albumOverviewPopupPanel .overviewMood>div:has(.defining-tracks-empty) .defining-tracks-add{
  grid-column:2!important;
  grid-row:1!important;
  align-self:center!important;
  padding:2px 0!important;
  border:0!important;
  border-radius:0!important;
  background:none!important;
  color:var(--muze-gold,#d6ab35)!important;
  font-family:var(--muze-sans,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif)!important;
  font-size:11px!important;
  font-weight:700!important;
  line-height:1.2!important;
}

/* Five-star album rating control; each star exposes two 1–10 scale steps. */
.albumRatingPanel .albumStarRating{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:3px;
  margin:2px 0 18px;
  padding:8px 0 18px;
  border-bottom:1px solid var(--line);
  cursor:pointer;
  touch-action:none;
  user-select:none;
  -webkit-user-select:none;
}
.albumRatingPanel .albumStarRating:focus-visible{outline:1px solid rgba(255,213,31,.58);outline-offset:5px;border-radius:4px}
.albumRatingPanel .albumStarRating[data-dragging="true"]{cursor:pointer}
.albumRatingPanel .albumStarChoice{
  --star-fill:0%;
  position:relative;
  display:inline-grid;
  place-items:center;
  width:30px;
  height:34px;
  flex:0 0 30px;
  border-radius:8px;
  color:rgba(214,171,53,.40);
}
.albumRatingPanel .albumStarChoice.hasRating{
  background:transparent;
}
.albumRatingPanel>.eyebrow{text-align:center!important;color:#ffd51f!important}
.albumRatingPanel>h3{margin:8px 42px 18px!important;text-align:center!important}
.albumRatingPanel .albumStarBase,
.albumRatingPanel .albumStarFill{
  display:block;
  font-family:Arial,sans-serif;
  font-size:24px;
  line-height:1;
  pointer-events:none;
  user-select:none;
}
.albumRatingPanel .albumStarBase{
  position:absolute;
  left:50%;
  top:50%;
  transform:translate(-50%,-50%);
  color:rgba(245,240,232,.58);
}
.albumRatingPanel .albumStarFillWrap{
  position:absolute;
  z-index:1;
  left:0;
  top:0;
  bottom:0;
  width:var(--star-fill);
  overflow:hidden;
  pointer-events:none;
}
.albumRatingPanel .albumStarFill{
  position:absolute;
  left:3px;
  top:50%;
  width:24px;
  transform:translateY(-50%);
  color:#ffd51f;
  text-align:center;
  white-space:nowrap;
}
body.light .albumRatingPanel .albumStarBase{color:rgba(55,42,50,.52)}
body.light .albumRatingPanel .albumStarFill{color:#c89505}
body.light .albumRatingPanel .albumStarChoice.hasRating{background:transparent}
@media(max-width:480px){
  .albumRatingPanel .albumStarRating{gap:2px!important}
  .albumRatingPanel .albumStarChoice{width:26px!important;height:32px!important;flex-basis:26px!important}
  .albumRatingPanel .albumStarBase,
  .albumRatingPanel .albumStarFill{font-size:22px!important}
  .albumRatingPanel .albumStarFill{left:2px!important;width:22px!important}
}

/* Community artist-biography contribution. */
.artist-bio-contribute{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:7px;
  width:max-content;
  margin:18px auto 0;
  padding:8px 14px;
  border:1px solid rgba(214,171,53,.42);
  border-radius:999px;
  background:rgba(214,171,53,.025);
  color:var(--muze-gold,#d6ab35);
  font-family:var(--muze-sans,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif);
  font-size:10px;
  font-weight:700;
  letter-spacing:.12em;
  text-transform:uppercase;
  cursor:pointer;
  transition:background 160ms ease,border-color 160ms ease,transform 160ms ease;
}
.artist-bio-contribute:hover,.artist-bio-contribute:focus-visible{background:rgba(214,171,53,.07);border-color:rgba(214,171,53,.72);transform:translateY(-1px);outline:0}
.artistBioContributionConfirmation{margin:10px 0 0;color:rgba(214,171,53,.74);font:700 12px/1.4 var(--muze-sans,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif);text-align:center}
.artistBioContributionModal{z-index:12000}
.artistBioContributionPanel{width:min(680px,calc(100vw - 32px));padding:30px;border:1px solid rgba(214,171,53,.24);border-radius:22px;background:#171720;color:#f5f0e8}
.artistBioContributionPanel>.eyebrow{margin:0 44px 8px 0;color:var(--muze-gold,#d6ab35)}
.artistBioContributionPanel h2{margin:0 44px 8px 0;color:#f5f0e8;font-family:var(--muze-serif,Georgia,"Times New Roman",serif);font-size:30px}
.artistBioContributionPanel>p{margin:0 0 22px;color:rgba(245,240,232,.64);font:500 14px/1.55 var(--muze-sans,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif)}
.artistBioContributionPanel>label{display:block;margin-bottom:8px;color:rgba(245,240,232,.78);font:700 11px/1.3 var(--muze-sans,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif);letter-spacing:.08em;text-transform:uppercase}
.artistBioContributionPanel textarea{box-sizing:border-box;width:100%;min-height:260px;resize:vertical;border:1px solid rgba(214,171,53,.24);border-radius:14px;background:rgba(255,255,255,.035);color:#f5f0e8;padding:14px 16px;font:500 15px/1.65 var(--muze-sans,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif)}
.artistBioContributionPanel>small{display:block;margin-top:8px;color:rgba(245,240,232,.45);font:500 11px/1.4 var(--muze-sans,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif)}
.artistBioContributionActions{display:flex;justify-content:flex-end;gap:10px;margin-top:20px}
.artistBioContributionActions button{padding:9px 15px;border:1px solid rgba(214,171,53,.55);border-radius:999px;background:rgba(214,171,53,.12);color:var(--muze-gold,#d6ab35);font:700 12px/1 var(--muze-sans,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif);cursor:pointer}
.artistBioContributionActions button.secondary{border-color:rgba(115,70,98,.55);background:rgba(115,70,98,.10);color:rgba(245,240,232,.72)}
#artistBioContributionStatus{display:block;min-height:16px;margin-top:10px;color:#e9a5ae;font:600 12px/1.4 var(--muze-sans,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif)}
.artistBioSubmissionQueue{grid-column:1/-1;margin-top:18px;padding-top:18px;border-top:1px solid rgba(214,171,53,.18)}
.artistBioSubmissionQueue>strong{display:block;margin-bottom:10px;color:var(--muze-gold,#d6ab35);font:800 11px/1.3 var(--muze-sans);letter-spacing:.1em;text-transform:uppercase}
.artistBioSubmissionQueue article{margin-top:10px;padding:14px;border:1px solid rgba(255,255,255,.08);border-radius:12px;background:rgba(255,255,255,.025)}
.artistBioSubmissionQueue article p{white-space:pre-wrap;color:rgba(245,240,232,.72);font-size:13px;line-height:1.55}
.artistBioSubmissionQueue article div{display:flex;gap:8px}.artistBioSubmissionQueue article button{border:1px solid rgba(214,171,53,.42);border-radius:999px;background:transparent;color:var(--muze-gold,#d6ab35);padding:7px 11px;cursor:pointer}
body.light .artistBioContributionPanel{background:#f4f2ec;color:#171717}body.light .artistBioContributionPanel h2{color:#171717}body.light .artistBioContributionPanel>p,body.light .artistBioContributionPanel>label{color:rgba(23,23,23,.68)}body.light .artistBioContributionPanel textarea{background:#fff;color:#171717}
@media(max-width:560px){.artistBioContributionPanel{padding:24px 18px}.artistBioContributionPanel textarea{min-height:220px}.artistBioContributionActions{flex-direction:column-reverse}.artistBioContributionActions button{width:100%}}

#albumModal:not(.libraryDetailModal) .trackHeartPlay .featurePlay.isPreviewing::before,
#albumModal:not(.libraryDetailModal) .trackHeartPlay .featurePlay.isPreviewing::after{
  background:var(--muze-gold,#d6ab35)!important;
}

.definingTracksContributionModal{z-index:12000}
.definingTracksContributionPanel{width:min(620px,calc(100vw - 32px));max-height:min(760px,90vh);overflow:auto;padding:30px;border:1px solid rgba(214,171,53,.24);border-radius:22px;background:#171720;color:#f5f0e8}
.definingTracksContributionPanel>.eyebrow{margin:0 44px 8px 0;color:var(--muze-gold,#d6ab35)}
.definingTracksContributionPanel h2{margin:0 44px 8px 0;color:#f5f0e8;font-family:var(--muze-serif,Georgia,"Times New Roman",serif);font-size:30px}
.definingTracksContributionPanel>p{margin:0 0 18px;color:rgba(245,240,232,.62);font:500 14px/1.55 var(--muze-sans,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif)}
.definingTracksSelectionList{display:grid;max-height:390px;overflow:auto;border:1px solid rgba(255,255,255,.08);border-radius:14px;background:rgba(255,255,255,.018)}
.definingTracksSelectionList label{display:block;border-top:1px solid rgba(255,255,255,.06);cursor:pointer}.definingTracksSelectionList label:first-child{border-top:0}
.definingTracksSelectionList input{position:absolute;opacity:0;pointer-events:none}
.definingTracksSelectionList span{display:flex;align-items:center;gap:12px;padding:12px 14px;color:rgba(245,240,232,.72);font:650 13px/1.35 var(--muze-sans,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif)}
.definingTracksSelectionList span:before{content:"";width:16px;height:16px;flex:0 0 16px;border:1px solid rgba(245,240,232,.30);border-radius:4px;background:transparent}
.definingTracksSelectionList span b{width:24px;color:rgba(245,240,232,.34);font-size:10px;letter-spacing:.08em}
.definingTracksSelectionList input:checked+span{background:rgba(214,171,53,.075);color:#f5f0e8}.definingTracksSelectionList input:checked+span:before{border-color:var(--muze-gold,#d6ab35);background:var(--muze-gold,#d6ab35);box-shadow:inset 0 0 0 4px #171720}
.definingTracksSelectionList input:disabled+span{opacity:.38;cursor:not-allowed}
.definingTracksSelectionFoot{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:16px}.definingTracksSelectionFoot>strong{color:var(--muze-gold,#d6ab35);font:800 11px/1.3 var(--muze-sans);letter-spacing:.08em;text-transform:uppercase}.definingTracksSelectionFoot>div{display:flex;gap:8px}
.definingTracksSelectionFoot button{padding:9px 14px;border:1px solid rgba(214,171,53,.54);border-radius:999px;background:rgba(214,171,53,.10);color:var(--muze-gold,#d6ab35);font:700 12px/1 var(--muze-sans);cursor:pointer}.definingTracksSelectionFoot button.secondary{border-color:rgba(115,70,98,.55);background:rgba(115,70,98,.10);color:rgba(245,240,232,.70)}.definingTracksSelectionFoot button:disabled{opacity:.35;cursor:not-allowed}
#definingTracksContributionStatus{display:block;min-height:16px;margin-top:10px;color:#e9a5ae;font:600 12px/1.4 var(--muze-sans)}
.definingTracksContributionConfirmation{margin:10px 0 0;color:rgba(214,171,53,.72);font:700 11px/1.4 var(--muze-sans);letter-spacing:.04em}
@media(max-width:560px){.definingTracksContributionPanel{padding:24px 18px}.definingTracksSelectionFoot{align-items:stretch;flex-direction:column}.definingTracksSelectionFoot>div button{flex:1}}
#albumModal:not(.libraryDetailModal) .albumReviewByline{
  margin:-5px 0 12px!important;
  color:#d6ab35!important;
  font:700 11px/1.3 var(--muze-sans)!important;
  letter-spacing:.08em;
  text-transform:uppercase;
}
#albumModal:not(.libraryDetailModal) .albumReviewAdminQueue{
  display:grid;
  gap:10px;
  width:min(620px,100%);
  margin-top:14px;
  padding-top:14px;
  border-top:1px solid rgba(214,171,53,.2);
}
#albumModal:not(.libraryDetailModal) .albumReviewAdminQueue article{padding:10px;border:1px solid rgba(214,171,53,.18);border-radius:10px}
#albumModal:not(.libraryDetailModal) .albumReviewAdminQueue header{display:flex;justify-content:space-between;gap:12px}
#albumModal:not(.libraryDetailModal) .albumReviewAdminQueue article p{margin:8px 0;font-size:13px;line-height:1.5}
#albumModal:not(.libraryDetailModal) .albumReviewAdminQueue article>div{display:flex;gap:8px}
body:not(.light) #albumModal:not(.libraryDetailModal) .linerTags span,
body:not(.light) #albumModal:not(.libraryDetailModal) .linerMoodTags span{
  color:rgba(247,242,234,.74)!important;
  background:rgba(255,255,255,.055)!important;
  border-color:rgba(247,242,234,.12)!important;
}
#albumModal .linerTags .albumFilterTag{cursor:pointer!important}
#albumModal .linerTags .albumFilterTag:focus-visible{outline:2px solid rgba(214,171,53,.72)!important;outline-offset:3px!important}
body:not(.light) #albumModal:not(.libraryDetailModal) .linerHeroCopy .linerStats{
  background:rgba(8,8,10,.58)!important;
  border-color:rgba(214,171,53,.14)!important;
}
body:not(.light) #albumModal:not(.libraryDetailModal) .linerHeroCopy .linerStats>* ,
body:not(.light) #albumModal:not(.libraryDetailModal) .linerHeroCopy .linerStats>*:first-child{border-right-color:rgba(247,242,234,.11)!important}
body:not(.light) #albumModal:not(.libraryDetailModal) .linerHeroCopy .linerStats strong,
body:not(.light) #albumModal:not(.libraryDetailModal) .linerHeroCopy .linerStats>*:first-child strong,
body:not(.light) #albumModal:not(.libraryDetailModal) .linerHeroCopy .linerStats .linerSocialProof strong{color:#f7f2ea!important}
body:not(.light) #albumModal:not(.libraryDetailModal) .linerHeroCopy .linerStats span{color:#d6ab35!important}
body:not(.light) #albumModal:not(.libraryDetailModal) .linerHeroCopy .linerStats small{color:rgba(247,242,234,.58)!important}
body:not(.light) #albumModal:not(.libraryDetailModal) .heroSideCard{
  color:#f7f2ea!important;
  background:rgba(12,10,13,.80)!important;
  border-color:rgba(214,171,53,.22)!important;
  box-shadow:0 10px 28px rgba(0,0,0,.22)!important;
}
body:not(.light) #albumModal:not(.libraryDetailModal) .heroSideCard h4{color:#d6ab35!important}
body:not(.light) #albumModal:not(.libraryDetailModal) .appearanceMetric strong{color:#f7f2ea!important}
body:not(.light) #albumModal:not(.libraryDetailModal) .appearanceMetric span,
body:not(.light) #albumModal:not(.libraryDetailModal) .heroSideCard.appearances p{color:rgba(247,242,234,.62)!important}
body:not(.light) #albumModal:not(.libraryDetailModal) .heroSideCard p,
body:not(.light) #albumModal:not(.libraryDetailModal) .heroSideCard .influencePreview,
body:not(.light) #albumModal:not(.libraryDetailModal) .heroSideCard .influenceFull{color:rgba(247,242,234,.76)!important}
body:not(.light) #albumModal:not(.libraryDetailModal) .heroSideCard small{
  color:rgba(247,242,234,.66)!important;
  background:rgba(255,255,255,.05)!important;
  border-color:rgba(247,242,234,.10)!important;
}
body:not(.light) #albumModal:not(.libraryDetailModal) .heroFanRow,
body:not(.light) #albumModal:not(.libraryDetailModal) .moodScale,
body:not(.light) #albumModal:not(.libraryDetailModal) .moodScale em{color:rgba(247,242,234,.62)!important}
body:not(.light) #albumModal:not(.libraryDetailModal) .moodMeter{background:rgba(247,242,234,.14)!important}

/* Editorial typography hierarchy for Sound & Influence and Vibe & Mood. */
#albumModal:not(.libraryDetailModal) .heroSideCard h4{
  font-family:var(--muze-sans,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif)!important;
  font-size:12px!important;
  font-weight:700!important;
  line-height:1.1!important;
  letter-spacing:.10em!important;
  text-transform:uppercase!important;
  color:var(--muze-gold,#d6ab35)!important;
}
#albumModal:not(.libraryDetailModal) .heroSideCard.influence .influencePreview,
#albumModal:not(.libraryDetailModal) .heroSideCard.influence .influencePreviewDesktop,
#albumModal:not(.libraryDetailModal) .heroSideCard.influence .influenceFull{
  margin:0 0 16px!important;
  color:rgba(55,42,50,.74)!important;
  font-family:var(--muze-sans,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif)!important;
  font-size:15.3px!important;
  font-weight:500!important;
  font-style:normal!important;
  line-height:1.5!important;
  text-shadow:none!important;
}
#albumModal:not(.libraryDetailModal) .heroSideCard.influence div{
  margin-top:0!important;
}
#albumModal:not(.libraryDetailModal) .heroSideCard.mood p{
  font-family:var(--muze-serif,Georgia,"Times New Roman",serif)!important;
  font-size:18px!important;
  font-weight:500!important;
  font-style:normal!important;
  line-height:1.3!important;
  letter-spacing:-.01em!important;
}
#albumModal:not(.libraryDetailModal) .heroSideCard.influence small{
  color:rgba(55,42,50,.58)!important;
  font-family:var(--muze-sans,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif)!important;
  font-size:10px!important;
  font-weight:600!important;
  font-style:normal!important;
  line-height:1!important;
  letter-spacing:.01em!important;
}
body:not(.light) #albumModal:not(.libraryDetailModal) .heroSideCard.influence .influencePreview,
body:not(.light) #albumModal:not(.libraryDetailModal) .heroSideCard.influence .influencePreviewDesktop,
body:not(.light) #albumModal:not(.libraryDetailModal) .heroSideCard.influence .influenceFull{
  color:rgba(245,240,232,.74)!important;
}
body:not(.light) #albumModal:not(.libraryDetailModal) .heroSideCard.influence small{
  color:rgba(245,240,232,.58)!important;
}
body:not(.light) #albumModal:not(.libraryDetailModal) .albumSeeMorePill{color:#e8bd46!important}
body:not(.light) #albumModal:not(.libraryDetailModal) .albumSeeMorePill:hover{color:#f7f2ea!important;background:rgba(214,171,53,.07)!important}
body:not(.light) #albumModal:not(.libraryDetailModal) .linerContentGrid .linerPanel,
body:not(.light) #albumModal:not(.libraryDetailModal) .albumTrackSections,
body:not(.light) #albumModal:not(.libraryDetailModal) .listenerCardsSection{
  color:#f7f2ea!important;
  border-color:rgba(214,171,53,.20)!important;
  background:rgba(12,10,13,.76)!important;
}

/* Final editorial depth and continuity pass for the desktop album popup. */
@media(min-width:1051px){
  #albumModal:not(.libraryDetailModal) .linerCover .cover,
  #albumModal:not(.libraryDetailModal) .linerCoverFlip,
  #albumModal:not(.libraryDetailModal) .linerCoverFlipCard{
    box-shadow:0 16px 36px rgba(0,0,0,.24),0 0 14px rgba(214,171,53,.045)!important;
  }
  #albumModal:not(.libraryDetailModal) .heroSavedStrip .miniAvatars{
    gap:8px!important;
  }
  #albumModal:not(.libraryDetailModal) .heroSavedStrip .miniAvatars i{
    width:7px!important;
    height:7px!important;
    background:rgba(255,255,255,.14)!important;
  }
  #albumModal:not(.libraryDetailModal) .heroSavedStrip .miniAvatars i:first-child{
    background:var(--muze-gold,#d6ab35)!important;
  }
  #albumModal:not(.libraryDetailModal) .linerHeroCopy .linerStats{
    width:calc(100% + 36px)!important;
    max-width:756px!important;
    margin:28px 0 30px!important;
    border-color:rgba(214,171,53,.14)!important;
  }
  #albumModal:not(.libraryDetailModal) .linerHeroSide{
    gap:14px!important;
  }
  #albumModal:not(.libraryDetailModal) .heroSideCard.definingTracks{
    order:3!important;
    padding:16px 20px 17px!important;
  }
  #albumModal:not(.libraryDetailModal) .heroSideCard.definingTracks ol{
    display:grid!important;
    gap:0!important;
    margin:10px 0 0!important;
    padding:0!important;
    list-style:none!important;
  }
  #albumModal:not(.libraryDetailModal) .heroSideCard.definingTracks li{
    display:grid!important;
    grid-template-columns:18px minmax(0,1fr)!important;
    gap:8px!important;
    align-items:center!important;
    min-height:27px!important;
    border-top:1px solid rgba(214,171,53,.10)!important;
    color:rgba(55,42,50,.68)!important;
    font:600 11px/1.25 var(--muze-sans,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif)!important;
  }
  #albumModal:not(.libraryDetailModal) .heroSideCard.definingTracks li:first-child{border-top:0!important}
  #albumModal:not(.libraryDetailModal) .heroSideCard.definingTracks li b{
    color:var(--muze-gold,#d6ab35)!important;
    font:700 10px/1 var(--muze-sans,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif)!important;
  }
  #albumModal:not(.libraryDetailModal) .linerHeroCopy>.albumSeeMorePill{
    margin-top:44px!important;
  }
  #albumModal:not(.libraryDetailModal) .linerContentGrid{
    margin-top:-4px!important;
  }
  body:not(.light) #albumModal:not(.libraryDetailModal) .heroSideCard.definingTracks li{
    color:rgba(247,242,234,.68)!important;
    border-top-color:rgba(214,171,53,.12)!important;
  }
}

/* Carry the album-color-and-gold perimeter into its companion views. */
@media(min-width:701px){
  #albumOverviewPopup .albumOverviewPopupPanel,
  #albumInfoPopup .albumOverviewPopupPanel{
    border:1px solid rgba(224,183,62,.96)!important;
    box-shadow:
      0 0 0 2px rgba(238,199,81,.88) inset,
      0 0 0 8px rgba(73,27,69,.54) inset,
      0 0 22px rgba(214,171,53,.24),
      0 0 0 7px rgba(73,27,69,.28),
      -22px 0 54px rgba(91,45,85,.15),
      22px 0 54px rgba(91,45,85,.15),
      0 0 76px rgba(91,45,85,.13),
      0 34px 120px rgba(0,0,0,.62)!important;
  }
}

#albumModal.albumStrongContrast,
#albumOverviewPopup.albumStrongContrast,
#albumInfoPopup.albumStrongContrast,
#albumModal.albumHarshWarmPerimeter,
#albumOverviewPopup.albumHarshWarmPerimeter,
#albumInfoPopup.albumHarshWarmPerimeter{
  --album-plum-ring-alpha:.24;
  --album-plum-outer-alpha:.16;
  --album-plum-side-alpha:.07;
  --album-plum-glow-alpha:.055;
}
}

/* The verified seal remains shared while mobile keeps its original album-popup layout. */
#albumModal .linerHeroCopy h3 .linerArtistVerified{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:15px!important;
  height:15px!important;
  margin-left:5px!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  vertical-align:-2px!important;
  box-shadow:none!important;
}
#albumModal .linerHeroCopy h3 .linerArtistVerified svg{
  display:block!important;
  width:15px!important;
  height:15px!important;
  overflow:visible!important;
}
#albumModal .linerArtistVerifiedSeal{fill:#d6ab35!important}
#albumModal .linerArtistVerifiedCheck{fill:#21151f!important}

/* Mobile overview: editorial points first, then a compact Defining Tracks card. */
@media(max-width:700px){
  .albumOverviewSleeve .overviewBodyGrid{
    display:flex!important;
    flex-direction:column!important;
    gap:0!important;
  }
  .albumOverviewSleeve .overviewCopy{display:contents!important}
  .albumOverviewSleeve .overviewPoints{order:1!important}
  .albumOverviewSleeve .overviewMood{
    order:2!important;
    width:100%!important;
    margin:0 auto 22px!important;
    padding-top:0!important;
    align-self:center!important;
  }
  .albumOverviewSleeve .overviewMood>div:first-child{
    padding:17px 16px 18px!important;
    border-radius:16px!important;
  }
  .albumOverviewSleeve .overviewMood p{
    margin-bottom:14px!important;
    font-size:10px!important;
  }
  .albumOverviewSleeve .overviewMomentChips{
    gap:10px!important;
    margin:0!important;
  }
  .albumOverviewSleeve .overviewMomentChips span,
  .albumOverviewSleeve .overviewMomentChips button{
    min-height:30px!important;
    padding:7px 11px!important;
    font-size:10px!important;
  }
  .albumOverviewSleeve .overviewScoreStrip{order:3!important}
  .albumOverviewSleeve .overviewAdminControls{order:4!important}
}

/* Muze track journey: cinematic feature, editorial song sequence, optional curated arc. */
#albumModal:not(.libraryDetailModal) .albumTrackSections{
  display:grid!important;
  gap:16px!important;
  color:#f3eee6!important;
}
#albumModal:not(.libraryDetailModal) .trackJourneyHeart{
  isolation:isolate!important;
  position:relative!important;
  display:grid!important;
  grid-template-columns:minmax(340px,1.1fr) minmax(300px,.9fr) minmax(180px,.55fr)!important;
  column-gap:48px!important;
  row-gap:26px!important;
  align-items:center!important;
  min-height:304px!important;
  margin:0!important;
  padding:30px 34px!important;
  overflow:hidden!important;
  border:1px solid rgba(214,171,53,.25)!important;
  border-radius:16px!important;
  background:#0b0b0e!important;
  box-shadow:none!important;
}
#albumModal:not(.libraryDetailModal) .trackJourneyHeart:before{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  z-index:-2!important;
  background:
    linear-gradient(90deg,rgba(7,7,9,.97) 0%,rgba(7,7,9,.89) 42%,rgba(14,8,14,.70) 72%,rgba(7,7,9,.88) 100%),
    radial-gradient(circle at 64% 45%,rgba(91,45,85,.22),transparent 46%),
    var(--hero-scene,var(--album-cover)) center var(--moment-focus,50%)/cover no-repeat!important;
  filter:saturate(.72) contrast(.96)!important;
}
#albumModal:not(.libraryDetailModal) .trackJourneyHeart:after{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  z-index:-1!important;
  pointer-events:none!important;
  background:linear-gradient(110deg,transparent 48%,rgba(91,45,85,.10),transparent 78%)!important;
}
#albumModal:not(.libraryDetailModal) .trackHeartCopy{
  min-width:0!important;
  max-width:560px!important;
}
#albumModal:not(.libraryDetailModal) .trackHeartEyebrow{
  margin:0 0 13px!important;
  color:var(--muze-gold,#d6ab35)!important;
  font:700 11px/1 var(--muze-sans,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif)!important;
  letter-spacing:.14em!important;
  text-transform:uppercase!important;
}
#albumModal:not(.libraryDetailModal) .trackHeartType{
  display:block!important;
  margin:0 0 7px!important;
  color:rgba(245,240,232,.48)!important;
  font:600 10px/1.2 var(--muze-sans,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif)!important;
  letter-spacing:.10em!important;
  text-transform:uppercase!important;
}
#albumModal:not(.libraryDetailModal) .trackJourneyHeart h4{
  margin:0!important;
  color:#f3eee6!important;
  font:500 clamp(34px,3vw,48px)/1 var(--muze-serif,Georgia,"Times New Roman",serif)!important;
  letter-spacing:-.02em!important;
}
#albumModal:not(.libraryDetailModal) .trackHeartPulse{
  display:flex!important;
  align-items:center!important;
  gap:12px!important;
  margin:10px 0 0!important;
  color:rgba(245,240,232,.58)!important;
  font:700 10px/1 var(--muze-sans,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif)!important;
  letter-spacing:.11em!important;
  text-transform:uppercase!important;
}
#albumModal:not(.libraryDetailModal) .trackHeartInsight{
  position:relative!important;
  z-index:1!important;
  align-self:center!important;
  min-width:0!important;
  padding:20px 0 24px!important;
}
#albumModal:not(.libraryDetailModal) .trackHeartInsight:after{
  content:""!important;
  position:absolute!important;
  left:0!important;
  right:-28px!important;
  bottom:5px!important;
  height:1px!important;
  background:linear-gradient(90deg,rgba(214,171,53,.35),rgba(91,45,85,.14),transparent)!important;
  pointer-events:none!important;
}
#albumModal:not(.libraryDetailModal) .trackHeartNumber{
  position:absolute!important;
  right:2%!important;
  top:50%!important;
  z-index:-1!important;
  color:rgba(91,45,85,.08)!important;
  font:500 clamp(100px,10vw,170px)/.8 var(--muze-serif,Georgia,"Times New Roman",serif)!important;
  transform:translateY(-50%)!important;
  pointer-events:none!important;
  user-select:none!important;
}
#albumModal:not(.libraryDetailModal) .trackHeartInsightLabel,
#albumModal:not(.libraryDetailModal) .trackHeartPulseLabel{
  margin:0!important;
  color:var(--muze-gold,#d6ab35)!important;
  font:700 10px/1.2 var(--muze-sans,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif)!important;
  letter-spacing:.13em!important;
  text-transform:uppercase!important;
}
#albumModal:not(.libraryDetailModal) .trackHeartPulseLabel{margin-top:20px!important}
#albumModal:not(.libraryDetailModal) .trackHeartPulse>strong{
  color:var(--muze-gold,#d6ab35)!important;
  font:600 14px/1 var(--muze-serif,Georgia,"Times New Roman",serif)!important;
}
#albumModal:not(.libraryDetailModal) .trackHeartDescription{
  max-width:420px!important;
  margin:11px 0 0!important;
  color:rgba(245,240,232,.74)!important;
  font:500 17px/1.45 var(--muze-serif,Georgia,"Times New Roman",serif)!important;
}
#albumModal:not(.libraryDetailModal) .trackHeartPlay{
  display:flex!important;
  align-items:center!important;
  gap:14px!important;
  margin-top:22px!important;
}
#albumModal:not(.libraryDetailModal) .trackHeartPlay .featurePlay,
#albumModal:not(.libraryDetailModal) .trackJourneyRow .trackPulse{
  position:relative!important;
  display:inline-grid!important;
  place-items:center!important;
  flex:0 0 auto!important;
  width:30px!important;
  height:30px!important;
  min-width:30px!important;
  padding:0!important;
  border:1px solid rgba(245,240,232,.18)!important;
  border-radius:50%!important;
  background:transparent!important;
  color:rgba(245,240,232,.68)!important;
  font-size:11px!important;
  box-shadow:none!important;
  cursor:pointer!important;
}
#albumModal:not(.libraryDetailModal) .trackHeartPlay .featurePlay{
  width:48px!important;
  height:48px!important;
  min-width:48px!important;
  border-color:rgba(214,171,53,.76)!important;
  color:var(--muze-gold,#d6ab35)!important;
  font-size:16px!important;
}
#albumModal:not(.libraryDetailModal) .trackHeartPlay .featurePlay:hover,
#albumModal:not(.libraryDetailModal) .trackJourneyRow .trackPulse:hover,
#albumModal:not(.libraryDetailModal) .trackJourneyRow .trackPulse:focus-visible{
  border-color:rgba(214,171,53,.68)!important;
  color:var(--muze-gold,#d6ab35)!important;
  outline:0!important;
}
#albumModal:not(.libraryDetailModal) .trackHeartPlay .featurePlay.isPreviewing,
#albumModal:not(.libraryDetailModal) .trackJourneyRow .trackPulse.isPreviewing{
  border-color:var(--muze-gold,#d6ab35)!important;
  color:var(--muze-gold,#d6ab35)!important;
}
#albumModal:not(.libraryDetailModal) .trackHeartPlay>b{
  color:var(--muze-gold,#d6ab35)!important;
  font:700 11px/1 var(--muze-sans,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif)!important;
  letter-spacing:.12em!important;
  text-transform:uppercase!important;
}
#albumModal:not(.libraryDetailModal) .trackHeartPlay>time{
  margin-left:12px!important;
  color:rgba(245,240,232,.46)!important;
  font:500 12px/1 var(--muze-sans,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif)!important;
  font-variant-numeric:tabular-nums!important;
}
#albumModal:not(.libraryDetailModal) .trackHeartArtwork{
  align-self:center!important;
  justify-self:end!important;
  width:clamp(180px,16vw,230px)!important;
  min-width:0!important;
  color:#f3eee6!important;
  text-align:center!important;
}
#albumModal:not(.libraryDetailModal) .trackHeartArtwork>img,
#albumModal:not(.libraryDetailModal) .trackHeartArtwork>strong{
  display:grid!important;
  place-items:center!important;
  width:100%!important;
  height:auto!important;
  aspect-ratio:1!important;
  object-fit:cover!important;
  overflow:hidden!important;
  border:1px solid rgba(214,171,53,.40)!important;
  border-radius:11px!important;
  background:#111!important;
  box-shadow:0 12px 34px rgba(0,0,0,.36)!important;
}
#albumModal:not(.libraryDetailModal) .trackHeartArtwork>div{margin-top:10px!important}
#albumModal:not(.libraryDetailModal) .trackHeartArtwork>div strong{
  display:block!important;
  overflow:hidden!important;
  color:rgba(245,240,232,.88)!important;
  font:500 15px/1.2 var(--muze-serif,Georgia,"Times New Roman",serif)!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}
#albumModal:not(.libraryDetailModal) .trackHeartArtwork>div span{
  display:block!important;
  margin-top:4px!important;
  color:rgba(245,240,232,.48)!important;
  font:500 11px/1.2 var(--muze-sans,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif)!important;
}
#albumModal:not(.libraryDetailModal) .trackCommunityPulse{
  display:inline-grid!important;
  grid-template-columns:repeat(10,11px)!important;
  gap:3px!important;
  align-items:center!important;
}
#albumModal:not(.libraryDetailModal) .trackCommunityPulse i{
  display:block!important;
  width:11px!important;
  height:5px!important;
  border:1px solid rgba(214,171,53,.45)!important;
  border-radius:2px!important;
  background:transparent!important;
  box-shadow:none!important;
}
#albumModal:not(.libraryDetailModal) .trackCommunityPulse i.filled{
  border-color:rgba(224,183,62,.82)!important;
  background:linear-gradient(180deg,#e2bd55,#c99427)!important;
}
#albumModal:not(.libraryDetailModal) .trackCommunityPulse.large{
  grid-template-columns:repeat(10,13px)!important;
}
#albumModal:not(.libraryDetailModal) .trackCommunityPulse.large i{width:13px!important;height:6px!important}
#albumModal:not(.libraryDetailModal) .trackJourneyList{
  display:block!important;
  overflow:hidden!important;
  border:1px solid rgba(214,171,53,.16)!important;
  border-radius:16px!important;
  background:linear-gradient(180deg,rgba(255,255,255,.028),rgba(255,255,255,.012)),#151519!important;
  box-shadow:none!important;
}
#albumModal:not(.libraryDetailModal) .trackJourneyRow{
  position:relative!important;
  display:grid!important;
  grid-template-columns:38px 34px minmax(190px,1fr) 170px 54px 122px!important;
  gap:12px!important;
  align-items:center!important;
  min-height:56px!important;
  width:100%!important;
  padding:9px 16px!important;
  overflow:visible!important;
  border:0!important;
  border-bottom:1px solid transparent!important;
  border-left:2px solid transparent!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  scroll-snap-type:none!important;
  transition:background .18s ease!important;
}
#albumModal:not(.libraryDetailModal) .trackJourneyRow:last-of-type{border-bottom:0!important}
#albumModal:not(.libraryDetailModal) .trackJourneyRow:hover,
#albumModal:not(.libraryDetailModal) .trackJourneyRow:focus-within,
#albumModal:not(.libraryDetailModal) .trackJourneyRow:focus-visible{
  background:rgba(255,255,255,.055)!important;
  border-bottom-color:rgba(255,255,255,.10)!important;
  outline:0!important;
}
#albumModal:not(.libraryDetailModal) .trackJourneyRow:has(.trackPulse.isPreviewing){
  border-left-color:var(--muze-gold,#d6ab35)!important;
  background:linear-gradient(90deg,rgba(91,45,85,.18),rgba(91,45,85,.05),transparent 78%)!important;
}
#albumModal:not(.libraryDetailModal) .trackJourneyRow .trackNo{
  color:rgba(244,239,230,.38)!important;
  font:600 15px/1 var(--muze-sans,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif)!important;
  font-variant-numeric:tabular-nums!important;
  letter-spacing:.02em!important;
  text-align:center!important;
}
#albumModal:not(.libraryDetailModal) .trackJourneyRow:has(.trackPulse.isPreviewing) .trackNo{color:var(--muze-gold,#d6ab35)!important}
#albumModal:not(.libraryDetailModal) .trackJourneyTitle{
  display:flex!important;
  align-items:center!important;
  min-width:0!important;
  gap:10px!important;
}
#albumModal:not(.libraryDetailModal) .trackJourneyTitle>strong{
  display:block!important;
  min-width:0!important;
  overflow:hidden!important;
  color:rgba(245,240,232,.62)!important;
  font:500 17px/1.2 var(--muze-serif,Georgia,"Times New Roman",serif)!important;
  letter-spacing:-.008em!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}
#albumModal:not(.libraryDetailModal) .trackJourneyRow:hover .trackJourneyTitle>strong,
#albumModal:not(.libraryDetailModal) .trackJourneyRow:focus-within .trackJourneyTitle>strong,
#albumModal:not(.libraryDetailModal) .trackJourneyRow:has(.trackPulse.isPreviewing) .trackJourneyTitle>strong{color:#f5efe5!important}
#albumModal:not(.libraryDetailModal) .trackJourneyTitle>em{
  display:none!important;
  color:rgba(245,240,232,.40)!important;
  font:500 10px/1.2 var(--muze-sans,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif)!important;
  font-style:normal!important;
}
#albumModal:not(.libraryDetailModal) .trackDistinction{
  flex:0 0 auto!important;
  padding:3px 6px!important;
  border:1px solid rgba(214,171,53,.22)!important;
  border-radius:4px!important;
  color:rgba(214,171,53,.82)!important;
  background:transparent!important;
  font:700 9px/1 var(--muze-sans,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif)!important;
  letter-spacing:.12em!important;
  text-transform:uppercase!important;
}
#albumModal:not(.libraryDetailModal) .trackJourneyPulseButton{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:8px!important;
  min-width:0!important;
  padding:6px 0!important;
  border:0!important;
  background:transparent!important;
  color:rgba(245,240,232,.46)!important;
  cursor:pointer!important;
  opacity:.84!important;
}
#albumModal:not(.libraryDetailModal) .trackJourneyRow:hover .trackJourneyPulseButton,
#albumModal:not(.libraryDetailModal) .trackJourneyPulseButton:focus-visible{opacity:1!important;outline:0!important}
#albumModal:not(.libraryDetailModal) .trackJourneyPulseButton small{
  color:rgba(214,171,53,.72)!important;
  font:600 11px/1 var(--muze-sans,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif)!important;
}
#albumModal:not(.libraryDetailModal) .trackJourneyRow>time{
  color:rgba(244,239,230,.52)!important;
  font:500 12px/1 var(--muze-sans,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif)!important;
  font-variant-numeric:tabular-nums!important;
  text-align:right!important;
}
#albumModal:not(.libraryDetailModal) .trackJourneyActions{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:4px!important;
  opacity:1!important;
}
#albumModal:not(.libraryDetailModal) .trackJourneyRow:hover .trackJourneyActions,
#albumModal:not(.libraryDetailModal) .trackJourneyRow:focus-within .trackJourneyActions{opacity:1!important}
#albumModal:not(.libraryDetailModal) .trackJourneyActions>button,
#albumModal:not(.libraryDetailModal) .trackJourneyOverflow button{
  position:relative!important;
  display:grid!important;
  place-items:center!important;
  width:31px!important;
  height:31px!important;
  min-width:31px!important;
  padding:0!important;
  border:0!important;
  border-radius:50%!important;
  background:transparent!important;
  color:rgba(244,239,230,.34)!important;
  box-shadow:none!important;
}
#albumModal:not(.libraryDetailModal) .trackJourneyActions>button:hover,
#albumModal:not(.libraryDetailModal) .trackJourneyActions>button:focus-visible,
#albumModal:not(.libraryDetailModal) .trackJourneyOverflow button:hover,
#albumModal:not(.libraryDetailModal) .trackJourneyOverflow button:focus-visible{
  color:rgba(244,239,230,.58)!important;
  background:rgba(214,171,53,.07)!important;
  outline:0!important;
}
#albumModal:not(.libraryDetailModal) .trackJourneyRow:hover>time,
#albumModal:not(.libraryDetailModal) .trackJourneyRow:focus-within>time,
#albumModal:not(.libraryDetailModal) .trackJourneyRow:has(.trackPulse.isPreviewing)>time{
  color:#f5efe5!important;
}
#albumModal:not(.libraryDetailModal) .trackJourneyActions .trackShareButton svg,
#albumModal:not(.libraryDetailModal) .trackJourneyOverflow .trackShareButton svg{width:15px!important;height:15px!important}
#albumModal:not(.libraryDetailModal) .trackJourneyActions .trackLove.hasUserRating,
#albumModal:not(.libraryDetailModal) .trackJourneyOverflow .trackLove.hasUserRating{color:var(--muze-gold,#d6ab35)!important}
#albumModal:not(.libraryDetailModal) .trackJourneyRow:hover .trackJourneyActions>button,
#albumModal:not(.libraryDetailModal) .trackJourneyRow:focus-within .trackJourneyActions>button,
#albumModal:not(.libraryDetailModal) .trackJourneyRow:has(.trackPulse.isPreviewing) .trackJourneyActions>button{
  color:#f5efe5!important;
}
#albumModal:not(.libraryDetailModal) .trackJourneyActions .trackLove,
#albumModal:not(.libraryDetailModal) .trackJourneyOverflow .trackLove{font-size:17px!important}
#albumModal:not(.libraryDetailModal) .trackJourneyActions .trackLove:before,
#albumModal:not(.libraryDetailModal) .trackJourneyOverflow .trackLove:before{content:none!important;display:none!important}
#albumModal:not(.libraryDetailModal) .trackJourneyActions .trackCommentEmoji,
#albumModal:not(.libraryDetailModal) .trackJourneyOverflow .trackCommentEmoji{font-size:12px!important;color:inherit!important;filter:none!important;opacity:1!important}
#albumModal:not(.libraryDetailModal) .trackJourneyActions .trackCommentBadge,
#albumModal:not(.libraryDetailModal) .trackJourneyOverflow .trackCommentBadge{top:-2px!important;right:-2px!important}
#albumModal:not(.libraryDetailModal) .trackJourneyOverflow{display:none!important;position:relative!important}
#albumModal:not(.libraryDetailModal) .trackJourneyOverflow summary{list-style:none!important;cursor:pointer!important}
#albumModal:not(.libraryDetailModal) .trackJourneyOverflow summary::-webkit-details-marker{display:none!important}
#albumModal:not(.libraryDetailModal) .trackJourneySide{
  display:grid!important;
  grid-template-columns:58px max-content 1fr!important;
  gap:12px!important;
  align-items:center!important;
  min-height:52px!important;
  padding:10px 18px 8px!important;
  color:var(--muze-gold,#d6ab35)!important;
}
#albumModal:not(.libraryDetailModal) .trackJourneySide>span{
  display:grid!important;
  place-items:center!important;
  width:38px!important;
  height:38px!important;
  border:1px solid rgba(214,171,53,.42)!important;
  border-radius:50%!important;
  font:500 18px/1 var(--muze-serif,Georgia,"Times New Roman",serif)!important;
}
#albumModal:not(.libraryDetailModal) .trackJourneySide>b{
  font:700 10px/1 var(--muze-sans,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif)!important;
  letter-spacing:.18em!important;
  text-transform:uppercase!important;
}
#albumModal:not(.libraryDetailModal) .trackJourneySide>i{height:1px!important;background:linear-gradient(90deg,rgba(214,171,53,.28),transparent)!important}
#albumModal:not(.libraryDetailModal) .trackJourneyList>.viewTracklist{
  width:100%!important;
  min-height:48px!important;
  border:0!important;
  border-top:1px solid rgba(255,255,255,.055)!important;
  background:rgba(91,45,85,.035)!important;
  color:rgba(245,240,232,.62)!important;
  font:700 11px/1 var(--muze-sans,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif)!important;
  letter-spacing:.10em!important;
  text-transform:uppercase!important;
}
#albumModal:not(.libraryDetailModal) .trackJourneyList>.viewTracklist:hover,
#albumModal:not(.libraryDetailModal) .trackJourneyList>.viewTracklist:focus-visible{color:#f5efe5!important;background:rgba(255,255,255,.055)!important;outline:0!important}
#albumModal:not(.libraryDetailModal) .albumJourneyArc{
  display:grid!important;
  grid-template-columns:minmax(220px,.7fr) minmax(0,1.3fr)!important;
  gap:38px!important;
  align-items:center!important;
  min-height:154px!important;
  padding:25px 34px!important;
  overflow:hidden!important;
  border:1px solid rgba(214,171,53,.16)!important;
  border-radius:16px!important;
  background:radial-gradient(circle at 65% 40%,rgba(91,45,85,.12),transparent 42%),linear-gradient(180deg,rgba(255,255,255,.016),rgba(255,255,255,.006)),#0b0b0e!important;
}
#albumModal:not(.libraryDetailModal) .albumJourneyArcCopy p{
  margin:0 0 10px!important;
  color:var(--muze-gold,#d6ab35)!important;
  font:700 10px/1 var(--muze-sans,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif)!important;
  letter-spacing:.14em!important;
  text-transform:uppercase!important;
}
#albumModal:not(.libraryDetailModal) .albumJourneyArcCopy h3{
  margin:0!important;
  color:#f3eee6!important;
  font:500 22px/1.2 var(--muze-serif,Georgia,"Times New Roman",serif)!important;
}
#albumModal:not(.libraryDetailModal) .albumJourneyArc ol{
  position:relative!important;
  display:grid!important;
  grid-template-columns:repeat(var(--arc-count,4),minmax(0,1fr))!important;
  grid-auto-flow:column!important;
  gap:14px!important;
  margin:0!important;
  padding:0!important;
  list-style:none!important;
}
#albumModal:not(.libraryDetailModal) .albumJourneyArc ol:before{
  content:""!important;
  position:absolute!important;
  top:12px!important;
  left:8%!important;
  right:8%!important;
  height:1px!important;
  background:linear-gradient(90deg,rgba(214,171,53,.52),rgba(91,45,85,.52),rgba(214,171,53,.20))!important;
}
#albumModal:not(.libraryDetailModal) .albumJourneyArc li{position:relative!important;display:grid!important;justify-items:center!important;text-align:center!important}
#albumModal:not(.libraryDetailModal) .albumJourneyArc li>span{
  position:relative!important;
  z-index:1!important;
  width:25px!important;
  height:25px!important;
  margin-bottom:9px!important;
  border:1px solid rgba(214,171,53,.48)!important;
  border-radius:50%!important;
  background:#161018!important;
  box-shadow:inset 0 0 0 5px #0b0b0e!important;
}
#albumModal:not(.libraryDetailModal) .albumJourneyArc li>strong{
  color:rgba(214,171,53,.84)!important;
  font:700 9px/1.2 var(--muze-sans,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif)!important;
  letter-spacing:.12em!important;
  text-transform:uppercase!important;
}
#albumModal:not(.libraryDetailModal) .albumJourneyArc li>small{
  margin-top:5px!important;
  color:rgba(245,240,232,.44)!important;
  font:500 10px/1.2 var(--muze-sans,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif)!important;
}
@media(max-width:1050px){
  #albumModal:not(.libraryDetailModal) .trackJourneyHeart{
    grid-template-columns:minmax(0,1fr) 160px!important;
    grid-template-areas:"identity artwork" "insight insight"!important;
    column-gap:30px!important;
    row-gap:14px!important;
    min-height:0!important;
  }
  #albumModal:not(.libraryDetailModal) .trackHeartCopy{grid-area:identity!important}
  #albumModal:not(.libraryDetailModal) .trackHeartInsight{grid-area:insight!important;padding:12px 0 20px!important}
  #albumModal:not(.libraryDetailModal) .trackHeartArtwork{grid-area:artwork!important}
  #albumModal:not(.libraryDetailModal) .trackJourneyRow{grid-template-columns:34px 32px minmax(150px,1fr) 132px 48px 98px!important;gap:9px!important}
  #albumModal:not(.libraryDetailModal) .trackCommunityPulse{grid-template-columns:repeat(10,8px)!important;gap:2px!important}
  #albumModal:not(.libraryDetailModal) .trackCommunityPulse i{width:8px!important}
  #albumModal:not(.libraryDetailModal) .trackHeartArtwork{width:150px!important}
  #albumModal:not(.libraryDetailModal) .trackHeartArtwork>img,
  #albumModal:not(.libraryDetailModal) .trackHeartArtwork>strong{width:150px!important;height:150px!important}
}
@media(max-width:700px){
  #albumModal:not(.libraryDetailModal) .albumTrackSections{gap:12px!important}
  #albumModal:not(.libraryDetailModal) .trackJourneyHeart{
    grid-template-columns:minmax(0,1fr)!important;
    grid-template-areas:"identity" "insight" "artwork"!important;
    gap:18px!important;
    min-height:0!important;
    padding:22px 18px!important;
    border-radius:14px!important;
  }
  #albumModal:not(.libraryDetailModal) .trackJourneyHeart:before{background:linear-gradient(90deg,rgba(7,7,9,.97),rgba(7,7,9,.84)),var(--hero-scene,var(--album-cover)) center var(--moment-focus,50%)/cover no-repeat!important}
  #albumModal:not(.libraryDetailModal) .trackJourneyHeart h4{font-size:30px!important;line-height:1.02!important}
  #albumModal:not(.libraryDetailModal) .trackHeartInsight{padding:8px 0 18px!important}
  #albumModal:not(.libraryDetailModal) .trackHeartNumber{right:4px!important;font-size:88px!important;color:rgba(91,45,85,.05)!important}
  #albumModal:not(.libraryDetailModal) .trackHeartPulse{flex-wrap:wrap!important;gap:8px!important;margin-top:10px!important}
  #albumModal:not(.libraryDetailModal) .trackCommunityPulse.large{grid-template-columns:repeat(10,7px)!important;gap:2px!important}
  #albumModal:not(.libraryDetailModal) .trackCommunityPulse.large i{width:7px!important;height:5px!important}
  #albumModal:not(.libraryDetailModal) .trackHeartDescription{display:block!important;font-size:15px!important;line-height:1.4!important}
  #albumModal:not(.libraryDetailModal) .trackHeartPlay{margin-top:16px!important;gap:10px!important}
  #albumModal:not(.libraryDetailModal) .trackHeartPlay .featurePlay{width:40px!important;height:40px!important;min-width:40px!important}
  #albumModal:not(.libraryDetailModal) .trackHeartPlay .featurePlay{display:inline-grid!important;place-items:center!important;padding:0!important;border:1px solid rgba(214,171,53,.76)!important;border-radius:50%!important;background:transparent!important;color:#ffd51f!important;box-shadow:none!important}
  #albumModal:not(.libraryDetailModal) .trackHeartPlay>time{margin-left:0!important}
  #albumModal:not(.libraryDetailModal) .trackHeartArtwork{width:112px!important;align-self:center!important;justify-self:center!important}
  #albumModal:not(.libraryDetailModal) .trackHeartArtwork>img,
  #albumModal:not(.libraryDetailModal) .trackHeartArtwork>strong{width:112px!important;height:112px!important;border-radius:9px!important}
  #albumModal:not(.libraryDetailModal) .trackHeartArtwork>div{display:block!important}
  #albumModal:not(.libraryDetailModal) .trackJourneyList{border-radius:14px!important}
  #albumModal:not(.libraryDetailModal) .trackJourneyRow{
    grid-template-columns:27px 30px minmax(0,1fr) 35px!important;
    grid-template-rows:auto auto!important;
    gap:7px 9px!important;
    min-height:76px!important;
    padding:10px 11px!important;
    overflow:visible!important;
    scroll-snap-align:none!important;
  }
  #albumModal:not(.libraryDetailModal) .trackJourneyRow .trackNo{grid-column:1;grid-row:1;font-size:13px!important}
  #albumModal:not(.libraryDetailModal) .trackJourneyRow .trackPulse{grid-column:2;grid-row:1}
  #albumModal:not(.libraryDetailModal) .trackJourneyTitle{grid-column:3;grid-row:1;display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:5px 7px!important}
  #albumModal:not(.libraryDetailModal) .trackJourneyTitle>strong{font-size:15px!important}
  #albumModal:not(.libraryDetailModal) .trackJourneyTitle>em{display:block!important;grid-column:1!important}
  #albumModal:not(.libraryDetailModal) .trackDistinction{grid-column:2!important;grid-row:1 / span 2!important;align-self:center!important}
  #albumModal:not(.libraryDetailModal) .trackJourneyPulseButton{grid-column:3;grid-row:2;justify-self:start!important;padding:2px 0!important}
  #albumModal:not(.libraryDetailModal) .trackCommunityPulse{grid-template-columns:repeat(10,7px)!important;gap:2px!important}
  #albumModal:not(.libraryDetailModal) .trackCommunityPulse i{width:7px!important;height:4px!important}
  #albumModal:not(.libraryDetailModal) .trackJourneyRow>time{grid-column:4;grid-row:2;font-size:10px!important}
  #albumModal:not(.libraryDetailModal) .trackJourneyActions{display:none!important}
  #albumModal:not(.libraryDetailModal) .trackJourneyOverflow{display:block!important;grid-column:4;grid-row:1;justify-self:end!important}
  #albumModal:not(.libraryDetailModal) .trackJourneyOverflow summary{color:rgba(245,240,232,.58)!important;font-size:11px!important}
  #albumModal:not(.libraryDetailModal) .trackJourneyOverflow[open]>div{
    position:absolute!important;
    top:24px!important;
    right:0!important;
    z-index:12!important;
    display:flex!important;
    padding:5px!important;
    border:1px solid rgba(214,171,53,.20)!important;
    border-radius:999px!important;
    background:#161218!important;
    box-shadow:0 10px 28px rgba(0,0,0,.46)!important;
  }
  #albumModal:not(.libraryDetailModal) .trackJourneySide{grid-template-columns:38px max-content 1fr!important;min-height:42px!important;padding:7px 12px!important}
  #albumModal:not(.libraryDetailModal) .trackJourneySide>span{width:29px!important;height:29px!important;font-size:14px!important}
  #albumModal:not(.libraryDetailModal) .albumJourneyArc{grid-template-columns:1fr!important;gap:22px!important;padding:22px 18px!important}
  #albumModal:not(.libraryDetailModal) .albumJourneyArc ol{grid-auto-flow:row!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:18px 10px!important}
  #albumModal:not(.libraryDetailModal) .albumJourneyArc ol:before{display:none!important}
}

@media(min-width:701px){
  #albumModal:not(.libraryDetailModal) .trackJourneyRow{
    grid-template-columns:30.78px 27.54px minmax(153.9px,1fr) 137.7px 43.74px 98.82px!important;
    gap:9.72px!important;
    min-height:45.36px!important;
    padding:7.29px 12.96px!important;
  }
  #albumModal:not(.libraryDetailModal) .trackJourneyRow .trackNo{font-size:13px!important}
  #albumModal:not(.libraryDetailModal) .trackJourneyRow .trackPulse{
    width:24.3px!important;
    height:24.3px!important;
    min-width:24.3px!important;
    font-size:9px!important;
  }
  #albumModal:not(.libraryDetailModal) .trackJourneyTitle{gap:8px!important}
  #albumModal:not(.libraryDetailModal) .trackJourneyTitle>strong{font-size:16px!important}
  #albumModal:not(.libraryDetailModal) .trackDistinction{
    padding:3px 6px!important;
    font-size:9px!important;
  }
  #albumModal:not(.libraryDetailModal) .trackCommunityPulse{
    grid-template-columns:repeat(10,8.91px)!important;
    gap:2.43px!important;
  }
  #albumModal:not(.libraryDetailModal) .trackCommunityPulse i{
    width:8.91px!important;
    height:4.05px!important;
  }
  #albumModal:not(.libraryDetailModal) .trackJourneyPulseButton{gap:6.48px!important}
  #albumModal:not(.libraryDetailModal) .trackJourneyPulseButton small{font-size:11px!important}
  #albumModal:not(.libraryDetailModal) .trackJourneyRow>time{font-size:12px!important}
  #albumModal:not(.libraryDetailModal) .trackJourneyActions{gap:3.24px!important}
  #albumModal:not(.libraryDetailModal) .trackJourneyActions>button{
    width:25.11px!important;
    height:25.11px!important;
    min-width:25.11px!important;
  }
  #albumModal:not(.libraryDetailModal) .trackJourneyActions .trackLove{font-size:13.77px!important}
  #albumModal:not(.libraryDetailModal) .trackJourneyActions .trackShareButton svg{width:12.15px!important;height:12.15px!important}
  #albumModal:not(.libraryDetailModal) .trackJourneyActions .trackCommentEmoji{font-size:9.72px!important}
}

/* Retain the new journey layout with the former playlist typography for song titles only. */
#albumModal:not(.libraryDetailModal) .trackJourneyTitle>strong{
  font-family:var(--muze-sans,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif)!important;
  font-size:13px!important;
  font-weight:700!important;
  line-height:1.2!important;
  letter-spacing:normal!important;
}
#albumModal:not(.libraryDetailModal) .trackDistinction{
  padding:2px 5px!important;
  border-radius:3px!important;
  font-size:8px!important;
  letter-spacing:.11em!important;
}
#albumModal:not(.libraryDetailModal) .trackDefiningDot{
  position:absolute!important;
  left:5px!important;
  top:50%!important;
  width:4px!important;
  height:4px!important;
  border-radius:50%!important;
  background:rgba(245,240,232,.68)!important;
  box-shadow:none!important;
  transform:translateY(-50%)!important;
  pointer-events:none!important;
}
@media(max-width:700px){
  #albumModal:not(.libraryDetailModal) .trackDefiningDot{left:3px!important}
}

@media(min-width:769px){
  #albumModal:not(.libraryDetailModal) .trackJourneyRow .trackPulse{
    width:30px!important;
    height:30px!important;
    min-width:30px!important;
    padding:0!important;
    box-sizing:border-box!important;
    border-radius:50%!important;
  }
  #albumModal:not(.libraryDetailModal) .trackJourneyRow .trackPulse.isPreviewing:before,
  #albumModal:not(.libraryDetailModal) .trackJourneyRow .trackPulse.isPreviewing:after{
    top:50%!important;
    width:2px!important;
    height:10px!important;
    border-radius:1px!important;
    background:rgba(245,240,232,.70)!important;
    transform:translateY(-50%)!important;
  }
  #albumModal:not(.libraryDetailModal) .trackJourneyRow .trackPulse.isPreviewing:before{left:calc(50% - 4px)!important}
  #albumModal:not(.libraryDetailModal) .trackJourneyRow .trackPulse.isPreviewing:after{left:calc(50% + 2px)!important}
}

@media(min-width:1051px){
  #albumModal:not(.libraryDetailModal) .albumTrackSections{gap:10px!important}
  #albumModal:not(.libraryDetailModal) .trackJourneyHeart{
    min-height:176px!important;
    padding:10px 42px!important;
  }
  #albumModal:not(.libraryDetailModal) .trackHeartEyebrow{margin-bottom:5px!important}
  #albumModal:not(.libraryDetailModal) .trackHeartType{margin-bottom:3px!important}
  #albumModal:not(.libraryDetailModal) .trackJourneyHeart h4{margin-top:14px!important}
  #albumModal:not(.libraryDetailModal) .trackHeartPlay{margin-top:10px!important}
  #albumModal:not(.libraryDetailModal) .trackHeartPlay .featurePlay{
    width:38px!important;
    height:38px!important;
    min-width:38px!important;
    padding:0 0 0 2px!important;
    font-size:13px!important;
    line-height:1!important;
    text-align:center!important;
  }
  #albumModal:not(.libraryDetailModal) .trackHeartInsight{padding:4px 0 6px!important}
  #albumModal:not(.libraryDetailModal) .trackHeartDescription{margin-top:7px!important}
  #albumModal:not(.libraryDetailModal) .trackHeartPulseLabel{margin-top:9px!important}
  #albumModal:not(.libraryDetailModal) .trackHeartNumber{font-size:clamp(76px,6.5vw,108px)!important}
  #albumModal:not(.libraryDetailModal) .trackHeartArtwork{width:clamp(132px,10.5vw,150px)!important}
  #albumModal:not(.libraryDetailModal) .trackHeartArtwork>div{margin-top:4px!important}
}

/* Keep the premium score, ranking and member metrics legible on mobile. */
@media(max-width:768px){
  #albumModal:not(.libraryDetailModal) .linerHeroCopy .linerStats,
  #albumModal:not(.libraryDetailModal) .linerHeroCopy .linerStats.linerStatsTwo{
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    width:100%!important;
    max-width:none!important;
    gap:0!important;
    margin:16px 0 20px!important;
    overflow:hidden!important;
  }
  #albumModal:not(.libraryDetailModal) .linerHeroCopy .linerStats>* ,
  #albumModal:not(.libraryDetailModal) .linerHeroCopy .linerStats>*:first-child{
    display:flex!important;
    flex-direction:column!important;
    justify-content:center!important;
    min-width:0!important;
    min-height:98px!important;
    margin:0!important;
    padding:10px 8px!important;
    overflow:hidden!important;
    border:0!important;
    border-right:1px solid rgba(247,242,234,.10)!important;
    border-bottom:0!important;
    background:transparent!important;
  }
  #albumModal:not(.libraryDetailModal) .linerHeroCopy .linerStats>*:last-child{border-right:0!important}
  #albumModal:not(.libraryDetailModal) .linerHeroCopy .linerStats strong,
  #albumModal:not(.libraryDetailModal) .linerHeroCopy .linerStats>*:first-child strong,
  #albumModal:not(.libraryDetailModal) .linerHeroCopy .linerStats .linerSocialProof strong{
    width:auto!important;
    max-width:100%!important;
    margin:0!important;
    font-size:24px!important;
    line-height:1!important;
  }
  #albumModal:not(.libraryDetailModal) .linerHeroCopy .linerStats .statValueWithIcon{
    display:flex!important;
    flex-direction:row!important;
    align-items:center!important;
    justify-content:flex-start!important;
    gap:4px!important;
    min-height:24px!important;
    overflow:visible!important;
    white-space:nowrap!important;
  }
  #albumModal:not(.libraryDetailModal) .linerHeroCopy .linerStats svg.albumStatIcon{
    display:block!important;
    width:12px!important;
    height:12px!important;
    min-width:12px!important;
    max-width:12px!important;
    max-height:12px!important;
    flex:0 0 12px!important;
    color:var(--muze-gold,#d6ab35)!important;
    fill:currentColor!important;
  }
  #albumModal:not(.libraryDetailModal) .linerHeroCopy .linerStats svg.exceptionalFeather{
    display:block!important;
    width:8px!important;
    height:14px!important;
    min-width:8px!important;
    max-width:8px!important;
    max-height:14px!important;
    flex:0 0 8px!important;
    color:var(--muze-gold,#d6ab35)!important;
    fill:none!important;
    stroke:currentColor!important;
  }
  #albumModal:not(.libraryDetailModal) .linerHeroCopy .linerStats svg.exceptionalFeatherRight{
    transform:scaleX(-1)!important;
    transform-origin:center!important;
  }
  #albumModal:not(.libraryDetailModal) .linerHeroCopy .linerStats span{
    margin:5px 0 0!important;
    font-size:8px!important;
    line-height:1.15!important;
  }
  #albumModal:not(.libraryDetailModal) .linerHeroCopy .linerStats small{
    margin-top:6px!important;
    font-size:9px!important;
    line-height:1.25!important;
  }
}

/* Album popup playback controls: keep the glyphs, remove circular chrome. */
#albumModal:not(.libraryDetailModal) .albumTrackSections .featurePlay,
#albumModal:not(.libraryDetailModal) .albumTrackSections .trackPulse,
#albumModal:not(.libraryDetailModal) .albumTrackSections .featurePlay:hover,
#albumModal:not(.libraryDetailModal) .albumTrackSections .trackPulse:hover,
#albumModal:not(.libraryDetailModal) .albumTrackSections .featurePlay:focus-visible,
#albumModal:not(.libraryDetailModal) .albumTrackSections .trackPulse:focus-visible,
#albumModal:not(.libraryDetailModal) .albumTrackSections .featurePlay.isPreviewing,
#albumModal:not(.libraryDetailModal) .albumTrackSections .trackPulse.isPreviewing{
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  outline:0!important;
}
#albumModal:not(.libraryDetailModal) .albumTrackSections .trackPulse{
  color:transparent!important;
  font-size:0!important;
  line-height:0!important;
  text-indent:0!important;
}
#albumModal:not(.libraryDetailModal) .albumTrackSections .trackPulse:not(.isPreviewing)::after{
  content:none!important;
}
#albumModal:not(.libraryDetailModal) .albumTrackSections .linerTrackRow:hover .trackPulse:not(.isPreviewing)::before,
#albumModal:not(.libraryDetailModal) .albumTrackSections .trackPulse:not(.isPreviewing):hover::before,
#albumModal:not(.libraryDetailModal) .albumTrackSections .trackPulse:not(.isPreviewing):focus-visible::before{
  border-left-color:#f5efe5!important;
}
#albumModal:not(.libraryDetailModal) .albumTrackSections .trackPulse.isPreviewing::before,
#albumModal:not(.libraryDetailModal) .albumTrackSections .trackPulse.isPreviewing::after{
  top:4px!important;
  width:4px!important;
  height:16px!important;
  border:0!important;
  border-radius:1px!important;
  background:var(--muze-gold,#d6ab35)!important;
  box-shadow:none!important;
  transform:none!important;
}
#albumModal:not(.libraryDetailModal) .albumTrackSections .trackPulse.isPreviewing::before{
  left:8px!important;
}
#albumModal:not(.libraryDetailModal) .albumTrackSections .trackPulse.isPreviewing::after{
  left:16px!important;
}

/* Compact desktop track-row playback glyphs without shifting their column. */
@media(min-width:769px){
  #albumModal:not(.libraryDetailModal) .albumTrackSections .trackPulse:not(.isPreviewing)::before{
    left:10px!important;
    top:8px!important;
    border-top-width:7px!important;
    border-bottom-width:7px!important;
    border-left-width:10px!important;
  }
  #albumModal:not(.libraryDetailModal) .albumTrackSections .trackPulse.isPreviewing::before,
  #albumModal:not(.libraryDetailModal) .albumTrackSections .trackPulse.isPreviewing::after{
    top:9px!important;
    width:3px!important;
    height:12px!important;
  }
  #albumModal:not(.libraryDetailModal) .albumTrackSections .trackPulse.isPreviewing::before{
    left:10px!important;
  }
  #albumModal:not(.libraryDetailModal) .albumTrackSections .trackPulse.isPreviewing::after{
    left:17px!important;
  }
}

/* Album popup stat hierarchy: Muze rating, editorial rank, then historical chart context. */
#albumModal:not(.libraryDetailModal) .linerHeroCopy .linerStats>* ,
#albumModal:not(.libraryDetailModal) .linerHeroCopy .linerStats>*:first-child{
  padding:10px 18px!important;
  border-right:0!important;
}
#albumModal:not(.libraryDetailModal) .linerHeroCopy .linerStats>*+*{border-left:1px solid rgba(255,255,255,.07)!important}
#albumModal:not(.libraryDetailModal) .linerHeroCopy .linerStats strong{order:0!important}
#albumModal:not(.libraryDetailModal) .linerHeroCopy .linerStats span{order:1!important}
#albumModal:not(.libraryDetailModal) .linerHeroCopy .linerStats small{order:2!important}
#albumModal:not(.libraryDetailModal) .linerHeroCopy .linerStats .albumScoreStat strong{
  color:#f3eee6!important;
  font-family:var(--muze-serif,Georgia,"Times New Roman",serif)!important;
  font-size:34px!important;
  font-weight:500!important;
  line-height:1!important;
}
#albumModal:not(.libraryDetailModal) .linerHeroCopy .linerStats .albumScoreStat>span{color:var(--muze-gold,#d6ab35)!important}
#albumModal:not(.libraryDetailModal) .linerHeroCopy .linerStats .linerAccoladeStat strong{
  color:#f3eee6!important;
  font-family:var(--muze-serif,Georgia,"Times New Roman",serif)!important;
  font-size:31px!important;
  font-weight:500!important;
  line-height:1!important;
}
#albumModal:not(.libraryDetailModal) .linerHeroCopy .linerStats .linerAccoladeStat>span{
  color:var(--muze-gold,#d6ab35)!important;
  font-family:var(--muze-sans,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif)!important;
  font-size:11px!important;
  font-weight:700!important;
  letter-spacing:.06em!important;
  text-transform:uppercase!important;
}
#albumModal:not(.libraryDetailModal) .linerHeroCopy .linerStats .linerAlbumChartStat strong{
  color:rgba(243,238,230,.90)!important;
  font-family:var(--muze-serif,Georgia,"Times New Roman",serif)!important;
  font-size:27px!important;
  font-weight:500!important;
  line-height:1!important;
}
#albumModal:not(.libraryDetailModal) .linerHeroCopy .linerStats .linerAlbumChartStat>span{
  color:rgba(214,171,53,.72)!important;
  font-family:var(--muze-sans,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif)!important;
  font-size:9.5px!important;
  font-weight:700!important;
  line-height:1.15!important;
  letter-spacing:.06em!important;
  text-transform:uppercase!important;
}
#albumModal:not(.libraryDetailModal) .linerHeroCopy .linerStats .linerAlbumChartStat small{
  color:rgba(243,238,230,.38)!important;
  font-family:var(--muze-sans,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif)!important;
  font-size:9.5px!important;
  font-weight:500!important;
  line-height:1.2!important;
}
@media(max-width:768px){
  #albumModal:not(.libraryDetailModal) .linerHeroCopy .linerStats>* ,
  #albumModal:not(.libraryDetailModal) .linerHeroCopy .linerStats>*:first-child{padding:10px 8px!important}
  #albumModal:not(.libraryDetailModal) .linerHeroCopy .linerStats .albumScoreStat strong{font-size:26px!important}
}
#albumModal:not(.libraryDetailModal) .linerHeroCopy .linerStats.linerStatsTwo{grid-template-columns:repeat(2,minmax(0,1fr))!important}
#albumModal:not(.libraryDetailModal) .linerHeroCopy .linerStats.linerStatsOne{
  grid-template-columns:minmax(0,1fr)!important;
  max-width:260px!important;
}
#albumModal:not(.libraryDetailModal) .linerHeroCopy .linerStats.linerStatsUnranked{
  max-width:720px!important;
  background:radial-gradient(circle at 20% 50%,rgba(92,52,83,.025),transparent 35%),rgba(8,8,10,.58)!important;
}
@media(min-width:769px){
  #albumModal:not(.libraryDetailModal) .linerHeroCopy .linerStats.linerStatsUnranked{
    grid-template-columns:230px 210px minmax(0,1fr)!important;
  }
}
#albumModal:not(.libraryDetailModal) .linerHeroCopy .linerStats.linerStatsUnranked>* ,
#albumModal:not(.libraryDetailModal) .linerHeroCopy .linerStats.linerStatsUnranked>*:first-child{padding-inline:22px!important}
#albumModal:not(.libraryDetailModal) .linerHeroCopy .linerStats.linerStatsUnranked>*>span{
  display:inline-flex!important;
  align-items:center!important;
  gap:6px!important;
}
#albumModal:not(.libraryDetailModal) .linerHeroCopy .linerStats.linerStatsUnranked .unrankedOnlyStatAccent{
  width:14px!important;
  height:14px!important;
  flex:0 0 14px!important;
  color:var(--muze-gold,#d6ab35)!important;
  fill:currentColor!important;
  opacity:.62!important;
}
#albumModal:not(.libraryDetailModal) .linerHeroCopy .linerStats.linerStatsUnranked .linerAlbumChartStat .unrankedOnlyStatAccent{fill:none!important}
#albumModal:not(.libraryDetailModal) .linerHeroCopy .linerStats.linerStatsUnranked .unrankedOnlyStatContext{
  color:rgba(243,238,230,.32)!important;
  font-family:var(--muze-sans,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif)!important;
  font-size:10px!important;
  font-weight:500!important;
  line-height:1.25!important;
  margin-top:3px!important;
}
@media(max-width:768px){
  #albumModal:not(.libraryDetailModal) .linerHeroCopy .linerStats.linerStatsUnranked>* ,
  #albumModal:not(.libraryDetailModal) .linerHeroCopy .linerStats.linerStatsUnranked>*:first-child{padding-inline:12px!important}
}
/* Homepage data states: quiet placeholders that preserve the existing layout. */
.homepageSkeletonValue,.homepageSkeletonTitle,.homepageCardSkeleton{position:relative;overflow:hidden;background:rgba(255,255,255,.045)!important;color:transparent!important}
.homepageSkeletonValue::after,.homepageSkeletonTitle::after,.homepageCardSkeleton::after{content:"";position:absolute;inset:0;transform:translateX(-100%);background:linear-gradient(90deg,transparent,rgba(214,171,53,.08),transparent);animation:muzeHomepageShimmer 1.65s ease-in-out infinite}
.homepageSkeletonValue{width:72px;height:52px;border-radius:8px;margin-bottom:8px}
.homepageSkeletonTitle{display:block;width:min(210px,75%);height:19px;border-radius:5px;margin-top:8px}
.homepageCardSkeleton{min-height:340px;border-color:rgba(255,255,255,.045)!important}
.homepageLoadStatus{margin:18px 0 0;font-family:var(--muze-sans);font-size:11px;font-weight:600;color:rgba(214,171,53,.58);letter-spacing:.04em}
.homepageLoadFailure{display:flex;align-items:center;gap:12px;margin-top:18px;color:rgba(243,238,230,.62);font-family:var(--muze-sans);font-size:13px}
.homepageLoadFailure button,.setupWarning button{border:1px solid rgba(214,171,53,.42);border-radius:999px;background:transparent;color:var(--muze-gold);padding:7px 13px;font:700 10px/1 var(--muze-sans);text-transform:uppercase;letter-spacing:.08em;cursor:pointer}
.homepageStaticDescription{max-width:620px;margin:28px auto 0;text-align:center;color:rgba(243,238,230,.52);font-family:var(--muze-serif);font-size:16px;line-height:1.55}
.muzeNoscript{max-width:720px;margin:32px auto;padding:24px;border-top:1px solid rgba(214,171,53,.28);text-align:center;color:#f3eee6}
.muzeNoscript h2{font-family:var(--muze-serif);font-weight:500}.muzeNoscript p{color:rgba(243,238,230,.64);line-height:1.55}
.albumBatchMore button[disabled]{opacity:.48;cursor:wait}
@keyframes muzeHomepageShimmer{60%,100%{transform:translateX(100%)}}
@media (max-width:850px){.homepageSkeletonGrid .homepageCardSkeleton:nth-child(n+3){display:none}.homepageCardSkeleton{min-height:310px}}

/* Desktop-only main catalogue view selector and Muze list presentation. */
.albumCatalogueHeaderActions{display:flex;align-items:center;justify-content:flex-end;gap:12px}
.albumCatalogueViewSelector{display:inline-flex;align-items:center;padding:3px;border:1px solid var(--line);border-radius:12px;background:rgba(10,10,14,.72);box-shadow:inset 0 1px 0 rgba(255,255,255,.025)}
.albumCatalogueViewSelector button{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:30px;padding:6px 9px;border:0;border-radius:9px;background:transparent;color:rgba(243,238,230,.54);font:750 11px/1 var(--muze-sans,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif);cursor:pointer;transition:background .16s ease,color .16s ease}
.albumCatalogueViewSelector button svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}
.albumCatalogueViewSelector button.selected{background:rgba(214,171,53,.11);color:var(--muze-gold,#d6ab35)}
.albumCatalogueViewSelector button:hover{color:rgba(243,238,230,.84)}
.albumCatalogueViewSelector button.selected:hover{color:#f0c94d}
.albumCatalogueViewSelector button:focus-visible{outline:2px solid rgba(214,171,53,.72);outline-offset:2px}

@media(min-width:851px){
  .album-results--list{display:grid;gap:8px}
  .albumCatalogueListRow{position:relative;display:grid;grid-template-columns:42px 80px minmax(0,1fr) 64px;gap:14px;align-items:center;min-height:100px;padding:9px 16px 9px 10px;overflow:hidden;border:1px solid rgba(255,255,255,.065);border-radius:16px;background:linear-gradient(110deg,rgba(255,255,255,.035),rgba(255,255,255,.012) 58%,rgba(72,37,68,.035));color:var(--text);cursor:pointer;transition:border-color .17s ease,background .17s ease,box-shadow .17s ease}
  .albumCatalogueListRow:hover{border-color:rgba(214,171,53,.28);background:linear-gradient(110deg,rgba(214,171,53,.045),rgba(255,255,255,.017) 58%,rgba(91,46,85,.065));box-shadow:0 12px 30px rgba(0,0,0,.16)}
  .albumCatalogueListRow:focus-visible{outline:2px solid rgba(214,171,53,.72);outline-offset:3px;border-color:rgba(214,171,53,.34)}
  .albumCatalogueListRankCell{display:flex;align-items:center;justify-content:center;min-width:0}
  .albumCatalogueListRankCell span{font-family:var(--muze-serif,Georgia,serif);font-size:19px;font-weight:600;line-height:1;letter-spacing:-.015em}
  .albumCatalogueListArtwork{position:relative;width:80px;height:80px}
  .albumCatalogueListArtwork .cover{width:80px!important;height:80px!important;aspect-ratio:1/1!important;border-radius:11px!important;background:linear-gradient(145deg,#171820,#090a0e)!important}
  .albumCatalogueListArtwork .cover img{width:80px!important;height:80px!important;max-width:80px!important;object-fit:cover!important;display:block!important}
  .albumCatalogueListArtwork .fallbackCover{padding:8px!important}
  .albumCatalogueListArtwork .fallbackCover strong{font-size:14px!important}
  .albumCatalogueListAdd{position:absolute;left:6px;top:6px;z-index:2;display:grid;place-items:center;width:26px;height:26px;padding:0;border:1px solid rgba(214,171,53,.42);border-radius:50%;background:rgba(8,8,11,.78);color:#f1cb50;font:500 19px/1 var(--muze-sans,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif);cursor:pointer;box-shadow:0 6px 16px rgba(0,0,0,.28);backdrop-filter:blur(7px);transition:background .16s ease,border-color .16s ease,transform .16s ease}
  .albumCatalogueListAdd:hover{transform:translateY(-1px);background:rgba(214,171,53,.16);border-color:rgba(214,171,53,.72)}
  .albumCatalogueListAdd:focus-visible{outline:2px solid #f0c94d;outline-offset:2px}
  .albumCatalogueListCopy{min-width:0;align-self:center}
  .albumCatalogueListCopy h3{margin:0;color:var(--text);font-family:inherit;font-size:21px;font-weight:850;line-height:1.14;letter-spacing:-.012em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .albumCatalogueListCopy p{margin:7px 0 0;color:var(--muted);font-family:inherit;font-size:13px;font-weight:550;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .albumCatalogueListGenre{display:inline-flex;margin-top:9px;padding:5px 8px;border:1px solid rgba(255,255,255,.075);border-radius:999px;background:rgba(255,255,255,.035);color:rgba(243,238,230,.56);font:700 10px/1 var(--muze-sans,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif)}
  .albumCatalogueListScore{justify-self:end;font-family:inherit;font-size:22px;font-weight:950;line-height:1;text-align:right}
  .albumCatalogueListRow .adminAlbumDeleteBtn{opacity:0;pointer-events:none;transform:translateY(-4px)}
  .albumCatalogueListRow:hover .adminAlbumDeleteBtn,.albumCatalogueListRow:focus-within .adminAlbumDeleteBtn{opacity:1;pointer-events:auto;transform:translateY(0)}
  .homepageListRowSkeleton{position:relative;min-height:100px;overflow:hidden;border:1px solid rgba(255,255,255,.045);border-radius:16px;background:rgba(255,255,255,.035)}
  .homepageListRowSkeleton::before{content:"";position:absolute;left:66px;top:10px;width:80px;height:80px;border-radius:11px;background:rgba(255,255,255,.045)}
  .homepageListRowSkeleton::after{content:"";position:absolute;inset:0;transform:translateX(-100%);background:linear-gradient(90deg,transparent,rgba(214,171,53,.08),transparent);animation:muzeHomepageShimmer 1.65s ease-in-out infinite}
}

body.light .albumCatalogueViewSelector{background:rgba(255,255,255,.74);border-color:rgba(86,76,55,.16)}
body.light .albumCatalogueViewSelector button{color:rgba(30,32,39,.54)}
body.light .albumCatalogueViewSelector button.selected{background:rgba(185,139,0,.11);color:#9b7000}
body.light .albumCatalogueListRow{background:rgba(255,255,255,.78);border-color:rgba(86,76,55,.13);color:#151821}
body.light .albumCatalogueListRow:hover{background:linear-gradient(110deg,rgba(255,250,229,.92),rgba(255,255,255,.82));border-color:rgba(185,139,0,.28)}
body.light .albumCatalogueListCopy h3{color:#151821}
body.light .albumCatalogueListCopy p{color:rgba(30,32,39,.55)}
body.light .albumCatalogueListGenre{background:rgba(20,22,29,.045);border-color:rgba(20,22,29,.08);color:#50545d}
body.light .albumCatalogueListScore{color:#a87800}

@media(max-width:850px){
  .albumCatalogueViewSelector{display:none!important}
}

/* Improved desktop tracklist: stronger hierarchy, five-star score and aligned context. */
@media(min-width:769px){
  #albumModal:not(.libraryDetailModal) .trackJourneyList{
    zoom:.9;
    overflow:visible!important;
    border-color:rgba(214,171,53,.24)!important;
    background:radial-gradient(circle at 58% 42%,rgba(91,45,85,.055),transparent 42%),linear-gradient(180deg,rgba(255,255,255,.022),rgba(255,255,255,.008)),#111114!important;
  }
  #albumModal:not(.libraryDetailModal) .trackJourneyHeader,
  #albumModal:not(.libraryDetailModal) .trackJourneyRow{
    grid-template-columns:24px 38px minmax(210px,1.25fr) minmax(152px,.72fr) 58px 42px!important;
    gap:10px!important;
    padding-inline:18px!important;
  }
  #albumModal:not(.libraryDetailModal) .trackJourneyHeader{
    display:grid!important;
    align-items:center!important;
    min-height:48px!important;
    border-bottom:1px solid rgba(255,255,255,.10)!important;
    color:rgba(245,240,232,.62)!important;
    font:700 10px/1 var(--muze-sans,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif)!important;
    letter-spacing:.14em!important;
    text-transform:uppercase!important;
  }
  #albumModal:not(.libraryDetailModal) .trackJourneyHeader>span:nth-child(4){color:rgba(245,240,232,.40)!important}
  #albumModal:not(.libraryDetailModal) .trackTimeHeading{
    display:flex!important;
    align-items:center!important;
    gap:7px!important;
  }
  #albumModal:not(.libraryDetailModal) .trackTimeHeading svg{
    width:16px!important;
    height:16px!important;
    fill:none!important;
    stroke:currentColor!important;
    stroke-width:1.6!important;
    stroke-linecap:round!important;
    stroke-linejoin:round!important;
  }
  #albumModal:not(.libraryDetailModal) .trackJourneyRow{
    min-height:66px!important;
    padding-block:9px!important;
    border-bottom-color:rgba(245,240,232,.055)!important;
  }
  #albumModal:not(.libraryDetailModal) .trackJourneyRow .trackPulse{
    grid-column:2!important;
    position:relative!important;
    display:grid!important;
    place-items:center!important;
    justify-self:center!important;
    width:32px!important;
    height:32px!important;
    min-width:32px!important;
    border:1px solid rgba(245,240,232,.50)!important;
    border-radius:50%!important;
    background:transparent!important;
    color:transparent!important;
    font-size:0!important;
    line-height:0!important;
    text-indent:0!important;
    box-shadow:none!important;
  }
  #albumModal:not(.libraryDetailModal) .trackJourneyRow .trackPulse:not(.isPreviewing)::before{
    content:""!important;
    position:absolute!important;
    top:50%!important;
    left:50%!important;
    width:0!important;
    height:0!important;
    border:0!important;
    border-top:5px solid transparent!important;
    border-bottom:5px solid transparent!important;
    border-left:8px solid #ffd51f!important;
    background:transparent!important;
    transform:translate(-38%,-50%)!important;
  }
  #albumModal:not(.libraryDetailModal) .trackJourneyRow .trackPulse:not(.isPreviewing)::after{content:none!important}
  #albumModal:not(.libraryDetailModal) .trackJourneyRow .trackPulse.noPreview{
    opacity:.58!important;
    filter:none!important;
  }
  #albumModal:not(.libraryDetailModal) .trackJourneyRow:hover .trackPulse:not(.isPreviewing),
  #albumModal:not(.libraryDetailModal) .trackJourneyRow:focus-within .trackPulse:not(.isPreviewing),
  #albumModal:not(.libraryDetailModal) .trackJourneyRow .trackPulse:not(.isPreviewing):focus-visible{
    border-color:#765790!important;
    background:#765790!important;
  }
  #albumModal:not(.libraryDetailModal) .trackJourneyRow:hover .trackPulse:not(.isPreviewing)::before,
  #albumModal:not(.libraryDetailModal) .trackJourneyRow:focus-within .trackPulse:not(.isPreviewing)::before,
  #albumModal:not(.libraryDetailModal) .trackJourneyRow .trackPulse:not(.isPreviewing):focus-visible::before{
    border-left-color:#fffaf2!important;
  }
  #albumModal:not(.libraryDetailModal) .trackJourneyRow .trackPulse.isPreviewing{
    border:1px solid #765790!important;
    border-radius:50%!important;
    background:#765790!important;
    box-shadow:none!important;
  }
  #albumModal:not(.libraryDetailModal) .trackJourneyRow .trackPulse.isPreviewing::before,
  #albumModal:not(.libraryDetailModal) .trackJourneyRow .trackPulse.isPreviewing::after{
    top:50%!important;
    width:3px!important;
    height:11px!important;
    border:0!important;
    border-radius:1px!important;
    background:#fffaf2!important;
    transform:translateY(-50%)!important;
  }
  #albumModal:not(.libraryDetailModal) .trackJourneyRow .trackPulse.isPreviewing::before{left:calc(50% - 4px)!important}
  #albumModal:not(.libraryDetailModal) .trackJourneyRow .trackPulse.isPreviewing::after{left:calc(50% + 2px)!important}
  #albumModal:not(.libraryDetailModal) .trackJourneyRow .trackNo{
    grid-column:1!important;
    font-size:13px!important;
    text-align:left!important;
  }
  #albumModal:not(.libraryDetailModal) .trackJourneyTitle{
    grid-column:3!important;
  }
  #albumModal:not(.libraryDetailModal) .trackJourneyTitle>strong{
    color:rgba(245,240,232,.90)!important;
    font-size:15.3px!important;
    font-weight:600!important;
    letter-spacing:-.01em!important;
  }
  #albumModal:not(.libraryDetailModal) .trackJourneyPulseButton{
    grid-column:4!important;
    gap:11px!important;
    padding:4px 0!important;
  }
  #albumModal:not(.libraryDetailModal) .trackRatingStars{
    display:inline-flex!important;
    align-items:center!important;
    gap:3px!important;
    min-width:92px!important;
  }
  #albumModal:not(.libraryDetailModal) .trackRatingStars i{
    position:relative!important;
    display:inline-block!important;
    width:17px!important;
    height:19px!important;
    flex:0 0 17px!important;
    overflow:hidden!important;
    font-style:normal!important;
  }
  #albumModal:not(.libraryDetailModal) .trackRatingStars i::before,
  #albumModal:not(.libraryDetailModal) .trackRatingStars i::after{
    position:absolute!important;
    inset:0!important;
    font:400 18px/19px Georgia,"Times New Roman",serif!important;
    text-align:center!important;
  }
  #albumModal:not(.libraryDetailModal) .trackRatingStars i::before{
    content:"☆"!important;
    color:rgba(245,240,232,.58)!important;
  }
  #albumModal:not(.libraryDetailModal) .trackRatingStars i::after{
    content:"★"!important;
    width:var(--track-star-fill,0%)!important;
    overflow:hidden!important;
    color:#ffd51f!important;
    white-space:nowrap!important;
  }
  #albumModal:not(.libraryDetailModal) .trackJourneyPulseButton small{
    min-width:26px!important;
    color:var(--muze-gold,#d6ab35)!important;
    font-size:12px!important;
    font-variant-numeric:tabular-nums!important;
    text-align:right!important;
  }
  #albumModal:not(.libraryDetailModal) .trackJourneyRow>time{
    grid-column:5!important;
    color:rgba(245,240,232,.58)!important;
    font-size:13px!important;
    text-align:left!important;
  }
  #albumModal:not(.libraryDetailModal) .trackJourneyOverflow{
    position:relative!important;
    z-index:4!important;
    display:block!important;
    grid-column:6!important;
    justify-self:end!important;
  }
  #albumModal:not(.libraryDetailModal) .trackJourneyOverflow>summary{
    display:grid!important;
    place-items:center!important;
    width:32px!important;
    height:32px!important;
    border:0!important;
    border-radius:50%!important;
    color:rgba(245,240,232,.42)!important;
    background:transparent!important;
    font:500 22px/1 var(--muze-sans,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif)!important;
    cursor:pointer!important;
    user-select:none!important;
  }
  #albumModal:not(.libraryDetailModal) .trackJourneyRow:hover .trackJourneyOverflow>summary,
  #albumModal:not(.libraryDetailModal) .trackJourneyOverflow>summary:hover,
  #albumModal:not(.libraryDetailModal) .trackJourneyOverflow>summary:focus-visible,
  #albumModal:not(.libraryDetailModal) .trackJourneyOverflow[open]>summary{
    color:#fffaf2!important;
    background:rgba(118,87,144,.32)!important;
    outline:0!important;
  }
  #albumModal:not(.libraryDetailModal) .trackJourneyOverflow[open]>div{
    position:absolute!important;
    top:36px!important;
    right:0!important;
    z-index:30!important;
    display:grid!important;
    width:142px!important;
    padding:6px!important;
    border:1px solid rgba(214,171,53,.20)!important;
    border-radius:10px!important;
    background:#171419!important;
    box-shadow:0 14px 34px rgba(0,0,0,.48)!important;
  }
  #albumModal:not(.libraryDetailModal) .trackJourneyOverflow[open]>div>button{
    display:grid!important;
    grid-template-columns:24px 1fr!important;
    align-items:center!important;
    justify-items:center!important;
    width:100%!important;
    height:36px!important;
    min-width:0!important;
    padding:0 9px!important;
    border-radius:7px!important;
    color:rgba(245,240,232,.72)!important;
  }
  #albumModal:not(.libraryDetailModal) .trackJourneyOverflow[open]>div>button::after{
    justify-self:start!important;
    color:inherit!important;
    font:600 11px/1 var(--muze-sans,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif)!important;
    letter-spacing:.03em!important;
  }
  #albumModal:not(.libraryDetailModal) .trackJourneyOverflow .trackLove::after{content:"Rate"!important}
  #albumModal:not(.libraryDetailModal) .trackJourneyOverflow .trackShareButton::after{content:"Share"!important}
  #albumModal:not(.libraryDetailModal) .trackJourneyOverflow .trackCommentBubble::after{content:"Comment"!important}
  #albumModal:not(.libraryDetailModal) .trackJourneyOverflow[open]>div>button:hover,
  #albumModal:not(.libraryDetailModal) .trackJourneyOverflow[open]>div>button:focus-visible{
    color:var(--muze-gold,#d6ab35)!important;
    background:rgba(214,171,53,.075)!important;
  }
  #albumModal:not(.libraryDetailModal) .trackJourneyOverflow .trackCommentBadge{
    top:1px!important;
    right:auto!important;
    left:17px!important;
  }
  #albumModal:not(.libraryDetailModal) .trackJourneyActions{
    grid-column:6!important;
    gap:5px!important;
  }
  #albumModal:not(.libraryDetailModal) .trackJourneyActions>button{
    width:32px!important;
    height:32px!important;
    min-width:32px!important;
  }
  #albumModal:not(.libraryDetailModal) .trackJourneyRow:has(.trackPulse.isPreviewing){
    border-left-color:var(--muze-gold,#d6ab35)!important;
    background:linear-gradient(90deg,rgba(91,45,85,.30),rgba(91,45,85,.09) 52%,transparent 84%)!important;
  }
  #albumModal:not(.libraryDetailModal) .trackJourneyRow:hover,
  #albumModal:not(.libraryDetailModal) .trackJourneyRow:focus-within,
  #albumModal:not(.libraryDetailModal) .trackJourneyRow:focus-visible{
    background:linear-gradient(90deg,rgba(91,45,85,.16),rgba(91,45,85,.045) 58%,transparent 88%)!important;
    border-bottom-color:rgba(245,240,232,.10)!important;
  }
  #albumModal:not(.libraryDetailModal) .trackJourneyRow:has(.trackPulse.isPreviewing){
    background:linear-gradient(90deg,rgba(91,45,85,.30),rgba(91,45,85,.09) 52%,transparent 84%)!important;
  }
  #albumModal:not(.libraryDetailModal) .trackJourneyList>.viewTracklist{
    min-height:44px!important;
    border-top-color:rgba(245,240,232,.07)!important;
    background:transparent!important;
    color:rgba(245,240,232,.52)!important;
  }
  #albumModal:not(.libraryDetailModal) .trackJourneyList>.viewTracklist:hover,
  #albumModal:not(.libraryDetailModal) .trackJourneyList>.viewTracklist:focus-visible{
    color:var(--muze-gold,#d6ab35)!important;
    background:rgba(214,171,53,.025)!important;
  }
}

/* Track action overflow is always a single vertical menu. */
@media(min-width:769px){
  #albumModal:not(.libraryDetailModal) .trackJourneyOverflow[open]>div{
    display:grid!important;
    grid-template-columns:minmax(0,1fr)!important;
    grid-auto-flow:row!important;
    align-items:stretch!important;
    gap:2px!important;
    width:142px!important;
    padding:6px!important;
    border-radius:10px!important;
  }
  #albumModal:not(.libraryDetailModal) .trackJourneyOverflow[open]>div>button{
    grid-column:1!important;
    width:100%!important;
  }
}

/* Align the track editorial column with the outer edge of the Chart Peak stat. */
@media(min-width:1051px){
  #albumModal:not(.libraryDetailModal) .trackJourneyHeart,
  #albumModal:not(.libraryDetailModal) .trackJourneyList{
    justify-self:start!important;
  }
  #albumModal:not(.libraryDetailModal) .trackJourneyHeart{
    width:calc(100% - 361px)!important;
    max-width:calc(100% - 361px)!important;
  }
  #albumModal:not(.libraryDetailModal) .trackJourneyList{
    width:calc(100% - 402px)!important;
    max-width:calc(100% - 402px)!important;
  }
  #albumModal:not(.libraryDetailModal) .trackJourneyHeart{
    grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr) 130px!important;
    grid-template-areas:"identity insight artwork"!important;
    column-gap:18px!important;
    row-gap:0!important;
    min-height:176px!important;
    height:176px!important;
    padding:10px 26px!important;
  }
  #albumModal:not(.libraryDetailModal) .trackHeartCopy{grid-area:identity!important}
  #albumModal:not(.libraryDetailModal) .trackHeartInsight{grid-area:insight!important;padding:0!important}
  #albumModal:not(.libraryDetailModal) .trackHeartArtwork{grid-area:artwork!important;width:130px!important}
  #albumModal:not(.libraryDetailModal) .trackHeartArtwork>img,
  #albumModal:not(.libraryDetailModal) .trackHeartArtwork>strong{width:130px!important;height:130px!important}

  /* Fit the desktop feature content inside its approved fixed box. */
  #albumModal:not(.libraryDetailModal) .trackJourneyHeart h4{
    margin-top:8px!important;
    font-size:clamp(32px,2.4vw,40px)!important;
    line-height:.98!important;
  }
  #albumModal:not(.libraryDetailModal) .trackHeartPlay{margin-top:8px!important}
  #albumModal:not(.libraryDetailModal) .trackHeartPlay .featurePlay{
    width:34px!important;
    height:34px!important;
    min-width:34px!important;
  }
  #albumModal:not(.libraryDetailModal) .trackHeartArtwork{
    width:112px!important;
    align-self:center!important;
  }
  #albumModal:not(.libraryDetailModal) .trackHeartArtwork>img,
  #albumModal:not(.libraryDetailModal) .trackHeartArtwork>strong{
    width:112px!important;
    height:112px!important;
  }
  #albumModal:not(.libraryDetailModal) .trackHeartArtwork>div{margin-top:4px!important}
  #albumModal:not(.libraryDetailModal) .trackHeartArtwork>div strong{font-size:12px!important;line-height:1.15!important}
  #albumModal:not(.libraryDetailModal) .trackHeartArtwork>div span{margin-top:2px!important;font-size:9px!important;line-height:1.15!important}

  #albumModal:not(.libraryDetailModal) .albumTrackSections{position:relative!important}
  #albumModal:not(.libraryDetailModal) .albumDiscoveryRail{
    position:absolute!important;
    top:0!important;
    right:18px!important;
    display:grid!important;
    grid-template-columns:minmax(0,1fr)!important;
    gap:14px!important;
    width:330px!important;
  }
  #albumModal:not(.libraryDetailModal) .albumMoreLikeThis{
    position:static!important;
    display:block!important;
    width:100%!important;
    padding:18px!important;
    border:1px solid rgba(214,171,53,.18)!important;
    border-radius:16px!important;
    background:linear-gradient(145deg,rgba(18,17,21,.96),rgba(8,8,11,.96))!important;
    box-shadow:0 16px 44px rgba(0,0,0,.24)!important;
    box-sizing:border-box!important;
  }
  #albumModal:not(.libraryDetailModal) .albumMoreLikeThis header{
    display:block!important;
    margin:0 0 14px!important;
  }
  #albumModal:not(.libraryDetailModal) .albumMoreLikeThis header span{
    display:block!important;
    margin:0 0 5px!important;
    color:rgba(214,171,53,.68)!important;
    font:700 9px/1.1 var(--muze-sans,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif)!important;
    letter-spacing:.14em!important;
    text-transform:uppercase!important;
  }
  #albumModal:not(.libraryDetailModal) .albumMoreLikeThis header h3{
    margin:0!important;
    color:#f3eee6!important;
    font:600 22px/1.1 var(--muze-serif,Georgia,"Times New Roman",serif)!important;
    letter-spacing:-.02em!important;
  }
  #albumModal:not(.libraryDetailModal) .albumMoreLikeGrid{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:16px 12px!important;
  }
  #albumModal:not(.libraryDetailModal) .albumMoreLikeCard{
    display:block!important;
    min-width:0!important;
    padding:0!important;
    border:0!important;
    border-radius:10px!important;
    background:transparent!important;
    color:#f3eee6!important;
    text-align:left!important;
    cursor:pointer!important;
  }
  #albumModal:not(.libraryDetailModal) .albumMoreLikeArt{
    position:relative!important;
    display:grid!important;
    place-items:center!important;
    width:100%!important;
    aspect-ratio:1!important;
    overflow:hidden!important;
    border:1px solid rgba(255,255,255,.09)!important;
    border-radius:9px!important;
    background:#111!important;
  }
  #albumModal:not(.libraryDetailModal) .albumMoreLikeArt img{
    display:block!important;
    width:100%!important;
    height:100%!important;
    object-fit:cover!important;
    transition:transform .22s ease,filter .22s ease!important;
  }
  #albumModal:not(.libraryDetailModal) .albumMoreLikeArt>b{
    color:rgba(245,240,232,.62)!important;
    font:600 30px/1 var(--muze-serif,Georgia,"Times New Roman",serif)!important;
  }
  #albumModal:not(.libraryDetailModal) .albumMoreLikeArt>span{
    position:absolute!important;
    right:7px!important;
    bottom:7px!important;
    padding:4px 6px!important;
    border-radius:999px!important;
    background:rgba(8,8,10,.82)!important;
    color:#ffd51f!important;
    font:800 11px/1 var(--muze-sans,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif)!important;
    backdrop-filter:blur(6px)!important;
  }
  #albumModal:not(.libraryDetailModal) .albumMoreLikeCard>strong{
    display:-webkit-box!important;
    min-height:31px!important;
    margin:8px 0 0!important;
    overflow:hidden!important;
    color:rgba(245,240,232,.92)!important;
    font:600 14px/1.12 var(--muze-serif,Georgia,"Times New Roman",serif)!important;
    -webkit-box-orient:vertical!important;
    -webkit-line-clamp:2!important;
  }
  #albumModal:not(.libraryDetailModal) .albumMoreLikeCard>small{
    display:block!important;
    margin-top:3px!important;
    overflow:hidden!important;
    color:rgba(245,240,232,.48)!important;
    font:500 10px/1.2 var(--muze-sans,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif)!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
  }
  #albumModal:not(.libraryDetailModal) .albumMoreLikeCard>em{
    display:block!important;
    margin-top:5px!important;
    color:rgba(214,171,53,.60)!important;
    font:600 9px/1.1 var(--muze-sans,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif)!important;
    font-style:normal!important;
  }
  #albumModal:not(.libraryDetailModal) .albumMoreLikeCard:hover .albumMoreLikeArt img,
  #albumModal:not(.libraryDetailModal) .albumMoreLikeCard:focus-visible .albumMoreLikeArt img{
    transform:scale(1.035)!important;
    filter:brightness(1.06)!important;
  }
  #albumModal:not(.libraryDetailModal) .albumMoreLikeCard:focus-visible{
    outline:1px solid rgba(214,171,53,.58)!important;
    outline-offset:5px!important;
  }
  #albumModal:not(.libraryDetailModal) .albumInfluenceLegacy{
    display:block!important;
    width:100%!important;
    margin:20px 0 0!important;
    padding:18px 0 0!important;
    border:0!important;
    border-top:1px solid rgba(214,171,53,.16)!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
    box-sizing:border-box!important;
  }
  #albumModal:not(.libraryDetailModal) .albumInfluenceLegacy>header{margin:0 0 15px!important}
  #albumModal:not(.libraryDetailModal) .albumInfluenceLegacy>header>span{
    display:block!important;
    margin:0 0 5px!important;
    color:#d6ab35!important;
    font:750 10px/1.1 var(--muze-sans,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif)!important;
    letter-spacing:.14em!important;
    text-transform:uppercase!important;
  }
  #albumModal:not(.libraryDetailModal) .albumInfluenceLegacy>header>h3{
    margin:0!important;
    color:rgba(245,240,232,.88)!important;
    font:500 17px/1.2 var(--muze-serif,Georgia,"Times New Roman",serif)!important;
  }
  #albumModal:not(.libraryDetailModal) .albumInfluenceLegacy>section+section{
    margin-top:17px!important;
    padding-top:16px!important;
    border-top:1px solid rgba(255,255,255,.06)!important;
  }
  #albumModal:not(.libraryDetailModal) .albumInfluenceLegacy>section>h4{
    margin:0 0 9px!important;
    color:rgba(245,240,232,.48)!important;
    font:700 9px/1.1 var(--muze-sans,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif)!important;
    letter-spacing:.11em!important;
    text-transform:uppercase!important;
  }
  #albumModal:not(.libraryDetailModal) .albumInfluenceLegacy>section>div{
    display:grid!important;
    gap:8px!important;
  }
  #albumModal:not(.libraryDetailModal) .albumLegacyCard{
    display:grid!important;
    grid-template-columns:54px minmax(0,1fr)!important;
    gap:11px!important;
    align-items:center!important;
    width:100%!important;
    min-width:0!important;
    padding:6px!important;
    border:0!important;
    border-radius:10px!important;
    background:transparent!important;
    color:#f3eee6!important;
    text-align:left!important;
    cursor:pointer!important;
    text-decoration:none!important;
  }
  #albumModal:not(.libraryDetailModal) .albumLegacyCard>span{
    display:grid!important;
    place-items:center!important;
    width:54px!important;
    height:54px!important;
    overflow:hidden!important;
    border:1px solid rgba(255,255,255,.08)!important;
    border-radius:8px!important;
    background:#111!important;
  }
  #albumModal:not(.libraryDetailModal) .albumLegacyCard>span img{
    display:block!important;
    width:100%!important;
    height:100%!important;
    object-fit:cover!important;
    transition:transform .2s ease,filter .2s ease!important;
  }
  #albumModal:not(.libraryDetailModal) .albumLegacyCard>span b{
    color:rgba(245,240,232,.58)!important;
    font:600 20px/1 var(--muze-serif,Georgia,"Times New Roman",serif)!important;
  }
  #albumModal:not(.libraryDetailModal) .albumLegacyCard>div{min-width:0!important}
  #albumModal:not(.libraryDetailModal) .albumLegacyCard>div>strong{
    display:block!important;
    overflow:hidden!important;
    color:rgba(245,240,232,.88)!important;
    font:600 13px/1.18 var(--muze-serif,Georgia,"Times New Roman",serif)!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
  }
  #albumModal:not(.libraryDetailModal) .albumLegacyCard>div>small{
    display:block!important;
    margin-top:4px!important;
    overflow:hidden!important;
    color:rgba(245,240,232,.43)!important;
    font:500 10px/1.2 var(--muze-sans,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif)!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
  }
  #albumModal:not(.libraryDetailModal) .albumLegacyCard:hover,
  #albumModal:not(.libraryDetailModal) .albumLegacyCard:focus-visible{
    background:rgba(214,171,53,.055)!important;
    outline:0!important;
  }
  #albumModal:not(.libraryDetailModal) .albumLegacyCard.isImporting{
    cursor:progress!important;
    opacity:.72!important;
    pointer-events:none!important;
  }
  #albumModal:not(.libraryDetailModal) .albumLegacyCard.isImporting>span{
    animation:albumLegacyImportPulse .8s ease-in-out infinite alternate;
  }
  @keyframes albumLegacyImportPulse{to{filter:brightness(1.45)}}
  #albumModal:not(.libraryDetailModal) .albumLegacyCard:hover>span img,
  #albumModal:not(.libraryDetailModal) .albumLegacyCard:focus-visible>span img{
    transform:scale(1.045)!important;
    filter:brightness(1.06)!important;
  }
  #albumModal:not(.libraryDetailModal) .albumInfluenceLegacy>header{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) auto!important;
    gap:10px!important;
    align-items:end!important;
    margin:0 0 13px!important;
  }
  #albumModal:not(.libraryDetailModal) .albumInfluenceLegacy>header>div>span{
    display:block!important;
    margin:0 0 5px!important;
    color:#d6ab35!important;
    font:750 10px/1.1 var(--muze-sans,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif)!important;
    letter-spacing:.14em!important;
    text-transform:uppercase!important;
  }
  #albumModal:not(.libraryDetailModal) .albumInfluenceLegacy>header>div>h3{
    margin:0!important;
    color:rgba(245,240,232,.88)!important;
    font:500 17px/1.2 var(--muze-serif,Georgia,"Times New Roman",serif)!important;
  }
  #albumModal:not(.libraryDetailModal) .albumInfluenceLegacy>header>nav{
    display:flex!important;
    gap:6px!important;
  }
  #albumModal:not(.libraryDetailModal) .albumInfluenceLegacy>header>nav>button{
    display:grid!important;
    place-items:center!important;
    width:30px!important;
    height:30px!important;
    padding:0!important;
    border:1px solid rgba(255,255,255,.09)!important;
    border-radius:50%!important;
    background:rgba(255,255,255,.045)!important;
    color:rgba(245,240,232,.72)!important;
    font:500 22px/1 var(--muze-sans,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif)!important;
    cursor:pointer!important;
  }
  #albumModal:not(.libraryDetailModal) .albumInfluenceLegacy>header>nav>button:hover,
  #albumModal:not(.libraryDetailModal) .albumInfluenceLegacy>header>nav>button:focus-visible{
    border-color:rgba(214,171,53,.42)!important;
    background:rgba(214,171,53,.08)!important;
    color:#ffd51f!important;
    outline:0!important;
  }
  #albumModal:not(.libraryDetailModal) .albumLegacyViewport{
    width:100%!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    scroll-behavior:smooth!important;
    scroll-snap-type:x mandatory!important;
    scrollbar-width:none!important;
    overscroll-behavior-x:contain!important;
  }
  #albumModal:not(.libraryDetailModal) .albumLegacyViewport::-webkit-scrollbar{display:none!important}
  #albumModal:not(.libraryDetailModal) .albumLegacyTrack{
    display:flex!important;
    gap:10px!important;
    width:max-content!important;
  }
  #albumModal:not(.libraryDetailModal) .albumLegacyCard{
    display:block!important;
    width:142px!important;
    min-width:142px!important;
    flex:0 0 142px!important;
    padding:0!important;
    scroll-snap-align:start!important;
  }
  #albumModal:not(.libraryDetailModal) .albumLegacyCard>em{
    display:block!important;
    height:11px!important;
    margin:0 0 7px!important;
    overflow:hidden!important;
    color:rgba(245,240,232,.42)!important;
    font:700 8px/1.1 var(--muze-sans,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif)!important;
    font-style:normal!important;
    letter-spacing:.10em!important;
    text-overflow:ellipsis!important;
    text-transform:uppercase!important;
    white-space:nowrap!important;
  }
  #albumModal:not(.libraryDetailModal) .albumLegacyCard>span{
    width:142px!important;
    height:142px!important;
    border-radius:9px!important;
  }
  #albumModal:not(.libraryDetailModal) .albumLegacyCard>div>strong{
    display:-webkit-box!important;
    min-height:31px!important;
    margin-top:8px!important;
    white-space:normal!important;
    -webkit-box-orient:vertical!important;
    -webkit-line-clamp:2!important;
  }
  #albumModal:not(.libraryDetailModal) .albumLegacyCard:hover,
  #albumModal:not(.libraryDetailModal) .albumLegacyCard:focus-visible{
    background:transparent!important;
  }
}

#albumModal:not(.libraryDetailModal) .albumDiscoveryRail,
#albumModal:not(.libraryDetailModal) .albumMoreLikeThis,
#albumModal:not(.libraryDetailModal) .albumInfluenceLegacy{display:none}

/* Mobile keeps play and pause at the same quiet size and neutral colour. */
@media(max-width:768px){
  #albumModal:not(.libraryDetailModal) .albumTrackSections .linerTrackRow .trackPulse.isPreviewing{
    width:18px!important;
    height:18px!important;
    min-width:18px!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
  }
  #albumModal:not(.libraryDetailModal) .albumTrackSections .linerTrackRow .trackPulse.isPreviewing::before,
  #albumModal:not(.libraryDetailModal) .albumTrackSections .linerTrackRow .trackPulse.isPreviewing::after{
    top:50%!important;
    width:2px!important;
    height:8px!important;
    border:0!important;
    border-radius:1px!important;
    background:rgba(255,255,255,.48)!important;
    box-shadow:none!important;
    transform:translateY(-50%)!important;
  }
  #albumModal:not(.libraryDetailModal) .albumTrackSections .linerTrackRow .trackPulse.isPreviewing::before{left:calc(50% - 3px)!important}
  #albumModal:not(.libraryDetailModal) .albumTrackSections .linerTrackRow .trackPulse.isPreviewing::after{left:calc(50% + 1px)!important}

  #albumModal:not(.libraryDetailModal) .albumTrackSections .linerTrackTable,
  #albumModal:not(.libraryDetailModal) .albumTrackSections .linerTrackRow{
    overflow:visible!important;
  }
  #albumModal:not(.libraryDetailModal) .albumTrackSections .linerTrackSwipe,
  #albumModal:not(.libraryDetailModal) .albumTrackSections .trackTableHead{
    grid-template-columns:24px 20px minmax(0,1fr) 46px 28px!important;
    width:100%!important;
    min-width:100%!important;
  }
  #albumModal:not(.libraryDetailModal) .albumTrackSections .trackRowScore{
    grid-column:4!important;
    justify-self:center!important;
  }
  #albumModal:not(.libraryDetailModal) .albumTrackSections .mobileTrackOverflow{
    position:relative!important;
    z-index:4!important;
    display:block!important;
    grid-column:5!important;
    justify-self:center!important;
  }
  #albumModal:not(.libraryDetailModal) .albumTrackSections .mobileTrackOverflow>summary{
    display:grid!important;
    place-items:center!important;
    width:28px!important;
    height:28px!important;
    padding:0!important;
    border:0!important;
    border-radius:50%!important;
    color:rgba(255,255,255,.52)!important;
    background:transparent!important;
    font:500 20px/1 var(--muze-sans,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif)!important;
    list-style:none!important;
    cursor:pointer!important;
  }
  #albumModal:not(.libraryDetailModal) .albumTrackSections .mobileTrackOverflow>summary::-webkit-details-marker{display:none!important}
  #albumModal:not(.libraryDetailModal) .albumTrackSections .mobileTrackOverflow[open]{z-index:40!important}
  #albumModal:not(.libraryDetailModal) .albumTrackSections .linerTrackRow:has(.mobileTrackOverflow[open]){
    position:relative!important;
    z-index:39!important;
  }
  #albumModal:not(.libraryDetailModal) .albumTrackSections .mobileTrackOverflow[open]>summary{
    color:#fffaf2!important;
    background:rgba(118,87,144,.34)!important;
  }
  #albumModal:not(.libraryDetailModal) .albumTrackSections .mobileTrackOverflow[open]>div{
    position:absolute!important;
    top:30px!important;
    right:0!important;
    z-index:50!important;
    display:grid!important;
    grid-template-columns:1fr!important;
    grid-auto-flow:row!important;
    gap:2px!important;
    width:136px!important;
    padding:6px!important;
    border:1px solid rgba(214,171,53,.20)!important;
    border-radius:10px!important;
    background:#171419!important;
    box-shadow:0 14px 32px rgba(0,0,0,.50)!important;
  }
  #albumModal:not(.libraryDetailModal) .albumTrackSections .mobileTrackOverflow[open]>div>button{
    position:relative!important;
    display:grid!important;
    grid-column:1!important;
    grid-template-columns:22px 1fr!important;
    align-items:center!important;
    justify-items:center!important;
    width:100%!important;
    min-width:0!important;
    height:34px!important;
    margin:0!important;
    padding:0 8px!important;
    border:0!important;
    border-radius:7px!important;
    color:rgba(245,240,232,.72)!important;
    background:transparent!important;
    font-size:15px!important;
  }
  #albumModal:not(.libraryDetailModal) .albumTrackSections .mobileTrackOverflow .trackLove::before{
    content:none!important;
    display:none!important;
  }
  #albumModal:not(.libraryDetailModal) .albumTrackSections .mobileTrackOverflow[open]>div>button::after{
    position:static!important;
    display:block!important;
    grid-column:2!important;
    justify-self:start!important;
    color:inherit!important;
    font:600 11px/1 var(--muze-sans,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif)!important;
  }
  #albumModal:not(.libraryDetailModal) .albumTrackSections .mobileTrackOverflow .trackLove::after{content:"Rate"!important}
  #albumModal:not(.libraryDetailModal) .albumTrackSections .mobileTrackOverflow .trackCommentBubble::after{content:"Comment"!important}
  #albumModal:not(.libraryDetailModal) .albumTrackSections .mobileTrackOverflow .trackShareButton::after{content:"Share"!important}
  #albumModal:not(.libraryDetailModal) .albumTrackSections .mobileTrackOverflow[open]>div>button:hover,
  #albumModal:not(.libraryDetailModal) .albumTrackSections .mobileTrackOverflow[open]>div>button:focus-visible{
    color:var(--muze-gold,#d6ab35)!important;
    background:rgba(214,171,53,.075)!important;
  }
  #albumModal:not(.libraryDetailModal) .albumTrackSections .mobileTrackOverflow .trackShareButton svg{width:14px!important;height:14px!important}
  #albumModal:not(.libraryDetailModal) .albumTrackSections .mobileTrackOverflow .trackCommentEmoji{font-size:11px!important}
  #albumModal:not(.libraryDetailModal) .albumTrackSections .mobileTrackOverflow .trackCommentBadge{top:0!important;right:auto!important;left:15px!important}
  #albumModal:not(.libraryDetailModal) .albumTrackSections .mobileTrackOverflow[open]>div>button>svg,
  #albumModal:not(.libraryDetailModal) .albumTrackSections .mobileTrackOverflow[open]>div>button>.trackCommentEmoji{
    grid-column:1!important;
  }
  #albumModal:not(.libraryDetailModal) .albumTrackSections .trackTableHead span:nth-child(3){
    grid-column:4!important;
    font-size:0!important;
  }
  #albumModal:not(.libraryDetailModal) .albumTrackSections .trackTableHead span:nth-child(3)::after{
    content:"Score"!important;
    font-size:9px!important;
  }
  #albumModal:not(.libraryDetailModal) .albumTrackSections .trackTableHead span:nth-child(4){
    grid-column:5!important;
    font-size:0!important;
  }
  #albumModal:not(.libraryDetailModal) .albumTrackSections .trackTableHead span:nth-child(4)::after{
    content:"\22EE"!important;
    color:rgba(255,255,255,.46)!important;
    font-size:14px!important;
  }
}
/* Admin editor for More like this and Influence & Legacy. */
.albumDiscoveryEditButton{
  appearance:none;border:1px solid rgba(255,213,31,.42)!important;border-radius:999px!important;
  background:rgba(255,213,31,.08)!important;color:#ffd51f!important;font:700 10px/1.1 Inter,Arial,sans-serif!important;
  letter-spacing:.08em!important;text-transform:uppercase;padding:7px 10px!important;width:auto!important;height:auto!important;cursor:pointer;
}
.albumMoreLikeThis>header{position:relative}
.albumMoreLikeThis>header>.albumDiscoveryEditButton{position:absolute;right:0;top:3px}
.albumInfluenceLegacy .albumLegacyEmpty{color:#777;font:600 12px/1.4 Inter,Arial,sans-serif;margin:10px 0}
.albumDiscoveryAdminModal{position:fixed;inset:0;z-index:100000}
.albumDiscoveryAdminBackdrop{position:absolute;inset:0;background:rgba(4,3,8,.84);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;padding:24px}
.albumDiscoveryAdminPanel{width:min(1040px,96vw);max-height:92vh;overflow:auto;background:#121116;border:1px solid rgba(255,213,31,.35);border-radius:22px;box-shadow:0 30px 90px rgba(0,0,0,.65);color:#eee;padding:24px}
.albumDiscoveryAdminHead{display:flex;align-items:flex-start;justify-content:space-between;border-bottom:1px solid #2b2930;padding-bottom:18px;margin-bottom:18px}
.albumDiscoveryAdminHead p{margin:0 0 5px;color:#ffd51f;font:800 11px/1 Inter,Arial,sans-serif;letter-spacing:.14em;text-transform:uppercase}
.albumDiscoveryAdminHead h2{margin:0;color:#f7f3ed;font:700 28px/1.1 Georgia,serif}
.albumDiscoveryAdminHead span{display:block;color:#888;margin-top:5px;font:600 12px/1.3 Inter,Arial,sans-serif}
.albumDiscoveryAdminHead>button{border:0;border-radius:50%;width:40px;height:40px;background:#24222a;color:#fff;font-size:27px;cursor:pointer}
.albumDiscoveryAdminGroups{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:14px}
.albumDiscoveryAdminGroups>section{background:#18171c;border:1px solid #2c2a31;border-radius:14px;padding:13px;min-width:0}
.albumDiscoveryAdminGroups>section>header>div{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}
.albumDiscoveryAdminGroups>section>header span{color:#d5d1d1;font:800 11px/1 Inter,Arial,sans-serif;letter-spacing:.09em;text-transform:uppercase}
.albumDiscoveryAdminGroups>section>header small{color:#ffd51f;font:700 11px/1 Inter,Arial,sans-serif}
.discoveryAdminSelected{display:grid;gap:7px}
.discoveryAdminSelected>p,.albumDiscoveryAdminResults>p{color:#777;font:600 12px/1.4 Inter,Arial,sans-serif;margin:12px 4px}
.discoveryAdminSelectedRow,.discoveryAdminResult{display:grid;grid-template-columns:42px minmax(0,1fr) auto;gap:10px;align-items:center;background:#111014;border:1px solid #29272d;border-radius:10px;padding:7px}
.discoveryAdminSelectedRow>span,.discoveryAdminResult>span{width:42px;height:42px;border-radius:7px;overflow:hidden;background:#211f24;display:grid;place-items:center;color:#aaa;font:700 12px Georgia,serif}
.discoveryAdminSelectedRow img,.discoveryAdminResult img{width:100%;height:100%;object-fit:cover}
.discoveryAdminSelectedRow strong,.discoveryAdminResult strong{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#eee;font:700 12px/1.2 Inter,Arial,sans-serif}
.discoveryAdminSelectedRow small,.discoveryAdminResult small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#777;font:600 10px/1.3 Inter,Arial,sans-serif;margin-top:3px}
.discoveryAdminSelectedRow nav,.discoveryAdminResult nav{display:flex;gap:4px;align-items:center}
.discoveryAdminSelectedRow button,.discoveryAdminResult button{border:1px solid #3a3740;border-radius:7px;background:#232129;color:#d7d3d8;min-height:28px;padding:5px 7px;font:700 10px/1 Inter,Arial,sans-serif;cursor:pointer}
.discoveryAdminSelectedRow button:disabled,.discoveryAdminResult button:disabled{opacity:.28;cursor:default}
.discoveryAdminSelectedRow button.remove{color:#ff8f8f}
.albumDiscoveryAdminSearch{display:block;margin:20px 0 10px}
.albumDiscoveryAdminSearch>span{display:block;color:#aaa;font:800 10px/1 Inter,Arial,sans-serif;letter-spacing:.09em;text-transform:uppercase;margin:0 0 7px}
.albumDiscoveryAdminSearch input{width:100%;border:1px solid #39363f;border-radius:11px;background:#0e0d11;color:#fff;padding:12px 14px;font:600 14px Inter,Arial,sans-serif;outline:none}
.albumDiscoveryAdminSearch input:focus{border-color:#ffd51f;box-shadow:0 0 0 3px rgba(255,213,31,.08)}
.albumDiscoveryAdminResults{display:grid;grid-template-columns:1fr 1fr;gap:8px;max-height:230px;overflow:auto;padding-right:3px}
.discoveryAdminResult nav{flex-wrap:wrap;justify-content:flex-end;max-width:210px}
.albumDiscoveryAdminPanel>footer{display:flex;align-items:center;justify-content:flex-end;gap:9px;border-top:1px solid #2b2930;margin-top:18px;padding-top:16px}
.albumDiscoveryAdminPanel>footer p{margin:0 auto 0 0;color:#8d8991;font:600 12px Inter,Arial,sans-serif}
.albumDiscoveryAdminPanel>footer button{border:1px solid #39363f;border-radius:10px;background:#232129;color:#ddd;padding:10px 14px;font:800 11px Inter,Arial,sans-serif;cursor:pointer}
.albumDiscoveryAdminPanel>footer button.save{background:#ffd51f;border-color:#ffd51f;color:#15120a}
.albumDiscoveryAdminPanel>footer button:disabled{opacity:.35;cursor:default}
@media(max-width:800px){
  .albumDiscoveryAdminBackdrop{padding:8px}.albumDiscoveryAdminPanel{padding:16px;border-radius:16px}
  .albumDiscoveryAdminGroups{grid-template-columns:1fr}.albumDiscoveryAdminResults{grid-template-columns:1fr}
  .albumDiscoveryAdminPanel>footer{align-items:flex-start;flex-wrap:wrap}.albumDiscoveryAdminPanel>footer p{width:100%}
}

/* 2026 Muze track experience: premium ledger + structured discovery rail. */
#albumModal:not(.libraryDetailModal) .albumTrackSectionLayout{min-width:0}
#albumModal:not(.libraryDetailModal) .albumTrackMain{display:grid;min-width:0;gap:14px}
#albumModal:not(.libraryDetailModal) .heartAdminMenu{position:absolute;z-index:12;top:14px;right:18px}
#albumModal:not(.libraryDetailModal) .heartAdminMenu>summary{list-style:none;cursor:pointer;border:1px solid rgba(214,171,53,.25);border-radius:999px;background:rgba(9,8,11,.72);color:rgba(214,171,53,.88);padding:7px 11px;font:700 10px/1 var(--muze-sans,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif);letter-spacing:.04em;backdrop-filter:blur(8px)}
#albumModal:not(.libraryDetailModal) .heartAdminMenu>summary::-webkit-details-marker{display:none}
#albumModal:not(.libraryDetailModal) .heartAdminMenu[open]>summary{border-color:rgba(214,171,53,.5);color:#ffd51f}
#albumModal:not(.libraryDetailModal) .heartAdminMenu .mostLovedAdminControls{position:absolute;top:38px;right:0;display:grid!important;gap:3px!important;width:180px!important;padding:7px!important;border:1px solid rgba(214,171,53,.22)!important;border-radius:11px!important;background:#151319!important;box-shadow:0 18px 45px rgba(0,0,0,.45)!important}
#albumModal:not(.libraryDetailModal) .heartAdminMenu .pickLovedTrackBtn{width:100%!important;min-height:34px!important;padding:8px 10px!important;border:0!important;border-radius:7px!important;background:transparent!important;color:rgba(245,240,232,.68)!important;text-align:left!important;font:650 11px/1.2 var(--muze-sans,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif)!important}
#albumModal:not(.libraryDetailModal) .heartAdminMenu .pickLovedTrackBtn:hover,#albumModal:not(.libraryDetailModal) .heartAdminMenu .pickLovedTrackBtn:focus-visible{background:rgba(214,171,53,.08)!important;color:#ffd51f!important;outline:0!important}

@media(min-width:1051px){
  #albumModal:not(.libraryDetailModal) .albumTrackSections{display:block!important;position:relative!important}
  #albumModal:not(.libraryDetailModal) .albumTrackSectionLayout{display:grid!important;grid-template-columns:minmax(0,1fr) 360px!important;gap:18px!important;align-items:start!important;width:100%!important}
  #albumModal:not(.libraryDetailModal) .trackJourneyHeart,#albumModal:not(.libraryDetailModal) .trackJourneyList{width:100%!important;max-width:none!important;justify-self:stretch!important}
  #albumModal:not(.libraryDetailModal) .trackJourneyHeart{grid-template-columns:minmax(0,1.1fr) minmax(210px,.82fr) 144px!important;grid-template-areas:"identity insight artwork"!important;column-gap:24px!important;min-height:246px!important;height:auto!important;padding:26px 30px!important;background:linear-gradient(180deg,rgba(255,255,255,.018),rgba(255,255,255,.008)),#0b0b0e!important;border-color:rgba(214,171,53,.18)!important}
  #albumModal:not(.libraryDetailModal) .trackJourneyHeart:before{background:radial-gradient(circle at 64% 48%,rgba(91,45,85,.13),transparent 43%),linear-gradient(110deg,rgba(7,7,9,.98),rgba(10,8,12,.94))!important;filter:none!important}
  #albumModal:not(.libraryDetailModal) .trackHeartCopy{grid-area:identity!important;align-self:center!important}
  #albumModal:not(.libraryDetailModal) .trackHeartInsight{grid-area:insight!important;align-self:center!important;padding:12px 0!important}
  #albumModal:not(.libraryDetailModal) .trackHeartArtwork{grid-area:artwork!important;width:144px!important;align-self:center!important}
  #albumModal:not(.libraryDetailModal) .trackHeartArtwork>img,#albumModal:not(.libraryDetailModal) .trackHeartArtwork>strong{width:144px!important;height:144px!important}
  #albumModal:not(.libraryDetailModal) .trackJourneyHeart h4{margin-top:10px!important;font-size:clamp(34px,3vw,46px)!important;line-height:1.02!important}
  #albumModal:not(.libraryDetailModal) .trackHeartType{font-size:11px!important;letter-spacing:.13em!important}
  #albumModal:not(.libraryDetailModal) .trackHeartPlay{margin-top:22px!important}
  #albumModal:not(.libraryDetailModal) .trackHeartPlay .featurePlay{width:40px!important;height:40px!important;min-width:40px!important}
  #albumModal:not(.libraryDetailModal) .trackHeartDescription{font:500 13px/1.5 var(--muze-sans,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif)!important;color:rgba(245,240,232,.62)!important}
  #albumModal:not(.libraryDetailModal) .trackHeartNumber{right:3%!important;color:rgba(91,45,85,.055)!important;font-size:clamp(92px,8vw,132px)!important}
  #albumModal:not(.libraryDetailModal) .trackHeartArtwork>div{margin-top:8px!important}
  #albumModal:not(.libraryDetailModal) .trackHeartArtwork>div strong{font-size:14px!important}
  #albumModal:not(.libraryDetailModal) .trackHeartArtwork>div span{font-size:10px!important}

  #albumModal:not(.libraryDetailModal) .trackJourneyList{border-color:rgba(214,171,53,.15)!important;background:linear-gradient(180deg,rgba(255,255,255,.018),rgba(255,255,255,.008)),#111115!important}
  #albumModal:not(.libraryDetailModal) .trackJourneyHeader,#albumModal:not(.libraryDetailModal) .trackJourneyRow{grid-template-columns:36px 34px minmax(180px,1fr) minmax(146px,190px) 58px 30px!important;gap:10px!important}
  #albumModal:not(.libraryDetailModal) .trackJourneyHeader{min-height:52px!important;padding:0 20px!important;border-bottom:1px solid rgba(255,255,255,.065)!important}
  #albumModal:not(.libraryDetailModal) .trackJourneyRow{min-height:66px!important;padding:0 20px!important;border-bottom:1px solid rgba(255,255,255,.055)!important}
  #albumModal:not(.libraryDetailModal) .trackJourneyRow .trackNo{font-size:13px!important}
  #albumModal:not(.libraryDetailModal) .trackJourneyTitle>strong{font:600 15px/1.25 var(--muze-sans,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif)!important;color:rgba(245,240,232,.80)!important;letter-spacing:0!important}
  #albumModal:not(.libraryDetailModal) .trackJourneyPulseButton{gap:5px!important}
  #albumModal:not(.libraryDetailModal) .trackRatingStars{font-size:14px!important;letter-spacing:1px!important}
  #albumModal:not(.libraryDetailModal) .trackJourneyPulseButton small{font-size:11px!important;color:#d6ab35!important}
  #albumModal:not(.libraryDetailModal) .trackJourneyOverflow>summary{opacity:.48!important}
  #albumModal:not(.libraryDetailModal) .trackJourneyRow:hover .trackJourneyOverflow>summary,#albumModal:not(.libraryDetailModal) .trackJourneyRow:focus-within .trackJourneyOverflow>summary{opacity:.9!important}
  #albumModal:not(.libraryDetailModal) .trackJourneyRow.isMostLoved{border-left-color:#d6ab35!important;background:linear-gradient(90deg,rgba(91,45,85,.15),rgba(91,45,85,.045),transparent 72%)!important}
  #albumModal:not(.libraryDetailModal) .trackJourneyRow.isMostLoved .trackNo{color:#d6ab35!important}
  #albumModal:not(.libraryDetailModal) .trackJourneyRow.isMostLoved .trackJourneyTitle>strong{color:#f4efe6!important}
  #albumModal:not(.libraryDetailModal) .trackJourneyList>.viewTracklist{min-height:54px!important;color:rgba(245,240,232,.56)!important;font-size:11px!important;letter-spacing:.11em!important}
  #albumModal:not(.libraryDetailModal) .trackJourneyList>.viewTracklist:hover{color:#d6ab35!important;background:rgba(214,171,53,.025)!important}

  #albumModal:not(.libraryDetailModal) .albumDiscoveryRail{position:static!important;display:flex!important;flex-direction:column!important;gap:14px!important;width:360px!important;min-width:0!important}
  #albumModal:not(.libraryDetailModal) .albumMoreLikeThis,#albumModal:not(.libraryDetailModal) .albumInfluenceLegacy,#albumModal:not(.libraryDetailModal) .sameArtistEssentials{display:block!important;width:100%!important;margin:0!important;padding:18px!important;border:1px solid rgba(214,171,53,.16)!important;border-radius:16px!important;background:linear-gradient(180deg,rgba(255,255,255,.018),rgba(255,255,255,.008)),#0d0d10!important;box-shadow:none!important;box-sizing:border-box!important}
  #albumModal:not(.libraryDetailModal) .albumMoreLikeThis>header{display:block!important;margin:0 0 15px!important}
  #albumModal:not(.libraryDetailModal) .albumMoreLikeThis>header>span,#albumModal:not(.libraryDetailModal) .sameArtistEssentials>header>span{display:block!important;color:#d6ab35!important;font:750 10px/1.1 var(--muze-sans,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif)!important;letter-spacing:.14em!important;text-transform:uppercase!important}
  #albumModal:not(.libraryDetailModal) .albumMoreLikeThis>header>h3{margin:5px 0 0!important;color:#f3eee6!important;font:600 25px/1.05 var(--muze-serif,Georgia,"Times New Roman",serif)!important}
  #albumModal:not(.libraryDetailModal) .albumMoreLikeGrid{display:grid!important;grid-template-columns:1fr!important;gap:8px!important}
  #albumModal:not(.libraryDetailModal) .albumMoreLikeCard{display:grid!important;grid-template-columns:72px minmax(0,1fr) auto!important;gap:11px!important;align-items:center!important;min-height:76px!important;padding:3px!important;border:0!important;border-radius:10px!important;background:transparent!important;text-align:left!important}
  #albumModal:not(.libraryDetailModal) .albumMoreLikeCard:hover,#albumModal:not(.libraryDetailModal) .albumMoreLikeCard:focus-visible{background:rgba(214,171,53,.045)!important;outline:0!important}
  #albumModal:not(.libraryDetailModal) .albumMoreLikeArt{width:72px!important;height:72px!important;aspect-ratio:1!important;border-radius:9px!important}
  #albumModal:not(.libraryDetailModal) .albumMoreLikeCopy{display:block!important;min-width:0!important}
  #albumModal:not(.libraryDetailModal) .albumMoreLikeCopy>strong{display:-webkit-box!important;overflow:hidden!important;color:rgba(245,240,232,.92)!important;font:600 14px/1.13 var(--muze-serif,Georgia,"Times New Roman",serif)!important;-webkit-box-orient:vertical!important;-webkit-line-clamp:2!important}
  #albumModal:not(.libraryDetailModal) .albumMoreLikeCopy>small{display:block!important;margin-top:4px!important;overflow:hidden!important;color:rgba(245,240,232,.48)!important;font:500 10px/1.2 var(--muze-sans,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif)!important;text-overflow:ellipsis!important;white-space:nowrap!important}
  #albumModal:not(.libraryDetailModal) .albumMoreLikeCopy>em{display:-webkit-box!important;margin-top:6px!important;overflow:hidden!important;color:rgba(214,171,53,.72)!important;font:600 9px/1.25 var(--muze-sans,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif)!important;font-style:normal!important;-webkit-box-orient:vertical!important;-webkit-line-clamp:2!important}
  #albumModal:not(.libraryDetailModal) .albumMoreLikeScore{align-self:center!important;padding:7px 6px!important;border:1px solid rgba(214,171,53,.34)!important;border-radius:7px!important;color:#ffd51f!important;background:rgba(214,171,53,.025)!important;font:800 11px/1 var(--muze-sans,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif)!important}

  #albumModal:not(.libraryDetailModal) .albumInfluenceLegacy>header{align-items:center!important;margin-bottom:13px!important}
  #albumModal:not(.libraryDetailModal) .albumInfluenceLegacy>header>div>h3{display:none!important}
  #albumModal:not(.libraryDetailModal) .albumLegacyTrack{gap:10px!important}
  #albumModal:not(.libraryDetailModal) .albumLegacyCard{width:152px!important;min-width:152px!important;flex-basis:152px!important;display:grid!important;grid-template-columns:54px minmax(0,1fr)!important;gap:9px!important;align-items:center!important;padding:0!important}
  #albumModal:not(.libraryDetailModal) .albumLegacyCard>em{grid-column:1/-1!important;margin:0 0 1px!important}
  #albumModal:not(.libraryDetailModal) .albumLegacyCard>span{width:54px!important;height:54px!important;border-radius:7px!important}
  #albumModal:not(.libraryDetailModal) .albumLegacyCard>div>strong{margin:0!important;min-height:0!important;font-size:11px!important;-webkit-line-clamp:2!important}
  #albumModal:not(.libraryDetailModal) .albumLegacyCard>div>small{font-size:8.5px!important;white-space:normal!important}
  #albumModal:not(.libraryDetailModal) .albumInfluenceLegacy>header>nav>.albumDiscoveryEditButton{width:auto!important;height:auto!important;padding:6px 8px!important;border-radius:999px!important;font-size:8px!important}

  #albumModal:not(.libraryDetailModal) .sameArtistEssentials>header{margin-bottom:13px!important}
  #albumModal:not(.libraryDetailModal) .sameArtistEssentials>div{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:8px!important}
  #albumModal:not(.libraryDetailModal) .sameArtistEssentialCard{min-width:0!important;padding:0!important;border:0!important;background:transparent!important;color:#eee!important;text-align:left!important;cursor:pointer!important}
  #albumModal:not(.libraryDetailModal) .sameArtistEssentialCard>span{display:grid!important;place-items:center!important;width:100%!important;aspect-ratio:1!important;overflow:hidden!important;border:1px solid rgba(255,255,255,.08)!important;border-radius:7px!important;background:#121214!important}
  #albumModal:not(.libraryDetailModal) .sameArtistEssentialCard img{width:100%!important;height:100%!important;object-fit:cover!important;transition:transform .2s ease!important}
  #albumModal:not(.libraryDetailModal) .sameArtistEssentialCard strong{display:-webkit-box!important;margin-top:6px!important;overflow:hidden!important;color:rgba(245,240,232,.68)!important;font:500 9px/1.2 var(--muze-sans,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif)!important;-webkit-box-orient:vertical!important;-webkit-line-clamp:2!important}
  #albumModal:not(.libraryDetailModal) .sameArtistEssentialCard:hover img,#albumModal:not(.libraryDetailModal) .sameArtistEssentialCard:focus-visible img{transform:scale(1.04)!important}
  #albumModal:not(.libraryDetailModal) .sameArtistEssentialCard:focus-visible{outline:1px solid rgba(214,171,53,.55)!important;outline-offset:4px!important}
}

@media(min-width:769px) and (max-width:1050px){
  #albumModal:not(.libraryDetailModal) .albumTrackSectionLayout{display:grid!important;grid-template-columns:1fr!important;gap:14px!important}
  #albumModal:not(.libraryDetailModal) .albumDiscoveryRail{position:static!important;display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:14px!important;width:100%!important}
  #albumModal:not(.libraryDetailModal) .albumMoreLikeThis,#albumModal:not(.libraryDetailModal) .albumInfluenceLegacy,#albumModal:not(.libraryDetailModal) .sameArtistEssentials{display:block!important;padding:18px!important;border:1px solid rgba(214,171,53,.14)!important;border-radius:16px!important;background:#0d0d10!important}
  #albumModal:not(.libraryDetailModal) .sameArtistEssentials{grid-column:1/-1!important}
}

/* Keep the Spotify Premium account status consistent with the desktop card. */
@media(max-width:850px){
  .spotifyPremiumConnection{
    display:grid!important;
    grid-template-columns:30px minmax(0,1fr) minmax(112px,auto)!important;
    align-items:center!important;
    gap:10px!important;
    width:min(560px,100%)!important;
    height:105px!important;
    min-height:105px!important;
    box-sizing:border-box!important;
    margin:22px auto 0!important;
    padding:13px 14px!important;
    border:1px solid rgba(212,175,55,.34)!important;
    border-radius:14px!important;
    background:linear-gradient(145deg,rgba(255,255,255,.045),rgba(255,255,255,.012)),rgba(4,7,8,.54)!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.05),0 14px 34px rgba(0,0,0,.22)!important;
    text-align:left!important;
  }
  .spotifyPremiumConnection>.providerIcon{
    display:block!important;
    grid-column:1!important;
    width:30px!important;
    height:30px!important;
    margin:0!important;
    background-position:center!important;
    background-repeat:no-repeat!important;
    background-size:28px 28px!important;
  }
  .spotifyPremiumConnection>div{
    grid-column:2!important;
    min-width:0!important;
  }
  .spotifyPremiumConnection strong{
    display:block!important;
    color:#f5f1e8!important;
    font-size:14px!important;
    letter-spacing:.02em!important;
  }
  .spotifyPremiumConnection p{
    margin:4px 0 0!important;
    color:rgba(232,226,216,.62)!important;
    font-size:11px!important;
    line-height:1.35!important;
  }
  .spotifyPremiumConnection>button{
    grid-column:3!important;
    width:auto!important;
    min-width:112px!important;
    min-height:38px!important;
    margin:0!important;
    padding:0 11px!important;
    border:1px solid rgba(212,175,55,.48)!important;
    border-radius:10px!important;
    background:rgba(0,0,0,.25)!important;
    color:#d4af37!important;
    -webkit-text-fill-color:#d4af37!important;
    font-size:10px!important;
    font-weight:800!important;
    line-height:1.2!important;
    letter-spacing:.035em!important;
    opacity:.72!important;
    white-space:normal!important;
  }
  #spotifyPremiumConnection[data-status="premium"]{
    border-color:rgba(212,175,55,.48)!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 0 24px rgba(212,175,55,.07)!important;
  }
  #spotifyPremiumConnection[data-status="free"],
  #spotifyPremiumConnection[data-status="error"]{
    border-color:rgba(194,116,94,.38)!important;
  }
  .signedOutSpotifyConnection{
    margin:18px 0 22px!important;
  }
  .authPanel.accountProfileMode .signedOutSpotifyConnection,
  .authPanel.libraryAccessPanel .signedOutSpotifyConnection{
    display:none!important;
  }
}

@media(max-width:390px){
  .spotifyPremiumConnection{
    grid-template-columns:28px minmax(0,1fr) 106px!important;
    gap:8px!important;
    padding:12px!important;
  }
  .spotifyPremiumConnection>.providerIcon{
    width:28px!important;
    height:28px!important;
    background-size:26px 26px!important;
  }
  .spotifyPremiumConnection>button{
    min-width:0!important;
    padding:0 8px!important;
    font-size:9px!important;
  }
}

/* Apple sign-in mark. */
.appleIcon{background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23fff' d='M17.05 20.28c-.98.95-2.05.8-3.08.35-1.09-.46-2.09-.48-3.24 0-1.44.62-2.2.44-3.06-.35C2.79 15.25 3.51 7.59 9.05 7.31c1.28-.07 2.18.7 2.93.75 1.11-.23 2.18-.89 3.37-.8 1.43.12 2.5.68 3.22 1.71-2.95 1.77-2.25 5.66.46 6.75-.54 1.42-1.24 2.83-1.98 4.56zM12.03 7.25C11.88 5.14 13.6 3.4 15.57 3.23c.27 2.44-2.22 4.26-3.54 4.02z'/%3E%3C/svg%3E")}

/* Align provider icons and labels without resizing the tabs. */
.authProviderStack .authSocialBtn{
  position:relative!important;
}
.authProviderStack .authSocialBtn .providerIcon{
  position:absolute!important;
  left:15%!important;
  top:50%!important;
  margin:0!important;
  transform:translateY(-50%)!important;
}
.authProviderStack .authSocialBtn span:last-child{
  position:absolute!important;
  left:26%!important;
  top:50%!important;
  min-width:0!important;
  text-align:left!important;
  transform:translateY(-50%)!important;
}
.authProviderStack .googleIcon,
.authProviderStack .facebookIcon{
  background-size:22px 22px!important;
}
.authProviderStack .appleIcon{
  background-size:28px 28px!important;
}

#albumModal:not(.libraryDetailModal) .linerFeaturedTrack img.isAlbum3dFace{object-fit:contain!important;background:transparent!important;transform:scale(1.08)!important;transform-origin:center!important}