/* 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 .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}
.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: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;
  }
}

/* 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:18px;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:4px 42px 16px 0;font-size:20px}
.trackCommentPanel .commentForm textarea{border:1px solid rgba(255,255,255,.10)!important;background:rgba(4,5,9,.38)!important;color:var(--text)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.035)!important;transition:border-color .18s ease,box-shadow .18s ease,background .18s ease}
.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:9px 13px!important;box-shadow:0 10px 24px rgba(242,201,76,.18)!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)}
.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:981px){.mockCommunityGrid .mockLibraryCard:nth-child(3),.mockCommunityGrid .mockLibraryCard:nth-child(4){transform:scale(.85)!important;transform-origin:top center!important}.mockCommunityGrid .mockLibraryCard:nth-child(3):hover,.mockCommunityGrid .mockLibraryCard:nth-child(4):hover{transform:scale(.85) translateY(-3px)!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 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;gap:2px!important;padding:8px 10px!important;border-radius:10px!important;background:rgba(255,255,255,.045)!important;}
.overviewLibraryUser b{color:#fff5d6!important;font-size:13px!important;font-weight:900!important;}
.overviewLibraryUser small{color:rgba(255,255,255,.58)!important;font-size:11px!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:42px!important;
    height:42px!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 .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;}
.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:8px!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;
}
.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.05) contrast(1.08) brightness(1.015)!important;}
.backCoverZoomStage.isZoomed img{filter:saturate(1.06) contrast(1.12) brightness(1.02)!important;}
.backCoverZoomStage.dragging img,.backCoverZoomStage.pinching img{transition:filter .24s ease!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;}
.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;
}

/* 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(3,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;
  }
}

/* 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(2.15)!important;
  filter:saturate(1.04) contrast(1.03)!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;
}

@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:cover!important;
  object-position:center 61%!important;
  transform:scale(1.13)!important;
  transform-origin:center 61%!important;
}
.linerCoverFlip.freewheelinBackCrop.backCoverInlineZoomed .linerCoverBack .cover img{
  transform:translate3d(var(--back-cover-pan-x,0px),var(--back-cover-pan-y,0px),0) scale(2.15)!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(2.15)!important;
}
@media(max-width:850px){
  .linerCoverFlip.freewheelinBackCrop .linerCoverBack .cover img{
    object-position:center 62%!important;
    transform:scale(1.15)!important;
  }
  .linerCoverFlip.freewheelinBackCrop.backCoverInlineZoomed .linerCoverBack .cover img{
    transform:translate3d(var(--back-cover-pan-x,0px),var(--back-cover-pan-y,0px),0) scale(2.15)!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;
  }
}

/* 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;
}

/* 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:22px!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:0;
  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;
  }
}

@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 .albumTrackSections .linerFeaturedTrack{
    min-height:300px!important;
    padding:22px 300px 20px 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:78px!important;
  }
  #albumModal .albumTrackSections .linerFeaturedTrack .momentWhy{
    top:24px!important;
    padding:16px 20px!important;
  }
  #albumModal .albumTrackSections .linerFeaturedTrack .momentWhy strong{
    margin-bottom:8px!important;
  }
  #albumModal .albumTrackSections .linerFeaturedTrack .momentWhy span{
    margin-top:8px!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;
  }
}