:root{
  --muze-gold:#d6ab35;
  --muze-ivory:#f4efe6;
  --muze-sans:-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;
  --muze-serif:Georgia,"Times New Roman",serif;
  --muze-ivory-secondary:rgba(245,240,232,.68);
  --muze-ivory-tertiary:rgba(245,240,232,.52);
}

.sideNav{
  width:min(330px,86vw)!important;
  max-width:86vw!important;
  padding:26px 18px 24px!important;
  overflow-x:hidden!important;
  overflow-y:auto!important;
  color:var(--muze-ivory)!important;
  border-right:1px solid rgba(255,255,255,.06)!important;
  box-shadow:18px 0 55px rgba(0,0,0,.45)!important;
  isolation:isolate;
  scrollbar-width:thin;
  scrollbar-color:rgba(214,171,53,.24) transparent;
  background:
    radial-gradient(circle at 80% 10%,rgba(91,45,85,.07),transparent 34%),
    radial-gradient(circle at 20% 0%,rgba(80,90,120,.10),transparent 38%),
    linear-gradient(180deg,#15161e 0%,#101117 58%,#0b0c11 100%)!important;
}
.sideNav::-webkit-scrollbar{width:6px}
.sideNav::-webkit-scrollbar-track{background:transparent}
.sideNav::-webkit-scrollbar-thumb{border-radius:999px;background:rgba(214,171,53,.22)}
.sideNav::before{display:none!important}
.sideNav>*{position:relative;z-index:1}
.navBrand{margin:0 0 24px!important;min-height:70px!important}
.navBrandLogo{
  width:78px!important;
  height:auto!important;
  max-width:78px!important;
  transform:none!important;
  filter:drop-shadow(0 9px 20px rgba(0,0,0,.32))!important;
}
.closeNav{
  position:absolute!important;
  top:25px!important;
  right:23px!important;
  width:38px!important;
  height:38px!important;
  padding:0!important;
  display:grid!important;
  place-items:center!important;
  border-radius:50%!important;
  border:1px solid rgba(255,255,255,.08)!important;
  background:rgba(255,255,255,.045)!important;
  color:rgba(245,240,232,.82)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.035)!important;
  cursor:pointer;
  pointer-events:auto!important;
  z-index:5!important;
  transition:background 160ms ease,border-color 160ms ease,color 160ms ease,transform 160ms ease!important;
}
.closeNav svg{
  width:13px!important;
  height:13px!important;
  display:block!important;
  fill:none!important;
  stroke:currentColor!important;
  stroke-width:1.8!important;
  stroke-linecap:round!important;
}
.closeNav:hover{
  background:rgba(214,171,53,.07)!important;
  border-color:rgba(214,171,53,.38)!important;
  color:var(--muze-ivory)!important;
  transform:translateY(-1px);
}
.navUserBox{
  margin:0 0 24px!important;
  padding:15px!important;
  display:grid!important;
  grid-template-columns:56px 1fr!important;
  gap:10px 14px!important;
  align-items:center!important;
  border:1px solid rgba(255,255,255,.08)!important;
  border-left:2px solid rgba(214,171,53,.72)!important;
  border-radius:20px!important;
  background:linear-gradient(135deg,rgba(255,255,255,.06),rgba(255,255,255,.022))!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.02)!important;
}
.navUserBox::before{display:none!important}
.navUserIcon{
  width:56px!important;
  height:56px!important;
  border:1px solid rgba(214,171,53,.55)!important;
  background:linear-gradient(145deg,rgba(214,171,53,.16),rgba(255,255,255,.025))!important;
  box-shadow:0 8px 22px rgba(0,0,0,.24)!important;
}
.navUserIcon::before{top:13px!important;width:12px!important;height:12px!important}
.navUserIcon::after{bottom:11px!important;width:23px!important;height:12px!important}
.navUserCopy{gap:2px!important}
.navUserKicker{
  color:var(--muze-gold)!important;
  font:700 10px/1.2 var(--muze-sans,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif)!important;
  letter-spacing:.13em!important;
}
.navUserBox strong{
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  color:var(--muze-ivory)!important;
  font:700 18px/1.15 var(--muze-sans)!important;
  letter-spacing:-.01em!important;
}
.navUserTagline{
  color:var(--muze-ivory-secondary);
  font:italic 500 15px/1.2 var(--muze-serif);
  letter-spacing:-.01em;
}
.navUserHandle{color:rgba(245,240,232,.56);font:500 13px/1.2 var(--muze-sans)}
.navUserBox .navTinyBtn{
  grid-column:1/-1!important;
  width:100%!important;
  margin-top:1px!important;
  padding:11px 18px!important;
  border:1px solid rgba(214,171,53,.34)!important;
  border-radius:999px!important;
  background:linear-gradient(180deg,#f0c94d,#d6ab35)!important;
  color:#101014!important;
  font:700 14px/1 var(--muze-sans)!important;
  letter-spacing:-.01em!important;
  box-shadow:none!important;
}
.navUserBox .navTinyBtn:hover{transform:translateY(-1px)!important;box-shadow:0 10px 24px rgba(214,171,53,.14)!important}
.drawerNavGroup{display:grid;gap:9px}
.sideNav .navItem{
  display:grid!important;
  grid-template-columns:36px 1fr 18px!important;
  align-items:center!important;
  gap:14px!important;
  min-height:54px!important;
  width:100%!important;
  margin:0!important;
  padding:0 15px!important;
  border:1px solid rgba(255,255,255,.055)!important;
  border-radius:15px!important;
  background:rgba(255,255,255,.026)!important;
  color:var(--muze-ivory-secondary)!important;
  box-shadow:none!important;
  text-align:left!important;
  cursor:pointer;
  transition:background 160ms ease,border-color 160ms ease,color 160ms ease,transform 160ms ease!important;
}
.sideNav .navItem:hover{
  background:linear-gradient(90deg,rgba(214,171,53,.08),rgba(255,255,255,.035))!important;
  border-color:rgba(214,171,53,.22)!important;
  color:var(--muze-ivory)!important;
  box-shadow:0 0 14px rgba(214,171,53,.04),inset 0 0 0 1px rgba(255,255,255,.025)!important;
  transform:translateX(1px);
}
.sideNav .navItem.active{
  background:linear-gradient(90deg,rgba(214,171,53,.15) 0%,rgba(214,171,53,.055) 32%,rgba(255,255,255,.025) 100%)!important;
  border-color:rgba(214,171,53,.34)!important;
  color:var(--muze-ivory)!important;
  box-shadow:inset 2px 0 0 rgba(214,171,53,.88),0 0 18px rgba(214,171,53,.055),inset 0 0 0 1px rgba(255,255,255,.025)!important;
}
.drawerNavIcon{display:grid;width:22px;height:22px;place-items:center;color:rgba(245,240,232,.62)}
.drawerNavIcon svg{width:21px;height:21px;fill:currentColor;stroke:none}
.drawerNavIcon svg .iconCutout{fill:#15161e}
.sideNav .navItem.active .drawerNavIcon{color:var(--muze-gold)}
.drawerNavLabel{font:550 16px/1.1 var(--muze-sans,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif);letter-spacing:-.005em}
.sideNav .navItem.active .drawerNavLabel{font-weight:650}
.drawerNavChevron{color:var(--muze-ivory-tertiary);font:300 23px/1 var(--muze-sans);text-align:right}
.sideNav .navItem.primary{
  margin-top:14px!important;
  background:rgba(255,255,255,.035)!important;
  border-color:rgba(214,171,53,.15)!important;
  color:var(--muze-ivory)!important;
}
.sideNav .navItem.primary:hover{background:rgba(214,171,53,.075)!important;border-color:rgba(214,171,53,.32)!important}
.sideNav .navItem.primary .drawerNavIcon{color:var(--muze-gold)}
.drawerMuzeSearch{display:grid;gap:7px;width:100%;margin:14px 0 0}
.drawerMuzeSearchControl{display:grid;grid-template-columns:43px minmax(0,1fr);align-items:center;min-height:54px;border:1px solid rgba(214,171,53,.25);border-radius:15px;background:rgba(255,255,255,.035);transition:background 160ms ease,border-color 160ms ease,box-shadow 160ms ease}
.drawerMuzeSearchControl:focus-within{border-color:rgba(214,171,53,.58);background:linear-gradient(90deg,rgba(214,171,53,.09),rgba(255,255,255,.035));box-shadow:inset 2px 0 0 rgba(214,171,53,.82),0 0 18px rgba(214,171,53,.055)}
.drawerMuzeSearchSubmit{display:grid;place-items:center;width:43px;height:52px;padding:0;border:0;background:transparent;color:var(--muze-gold);cursor:pointer}
.drawerMuzeSearchSubmit svg{width:21px;height:21px;overflow:visible;fill:none;stroke:currentColor;stroke-width:2.3;stroke-linecap:round}
.drawerMuzeSearchSubmit:focus-visible{outline:1px solid rgba(214,171,53,.7);outline-offset:-5px;border-radius:12px}
.drawerMuzeSearch input{min-width:0;width:100%;height:52px;padding:0 14px 0 2px;border:0!important;outline:0!important;background:transparent!important;color:var(--muze-ivory)!important;font:550 16px/1.1 var(--muze-sans)!important;letter-spacing:-.005em;box-shadow:none!important;appearance:none}
.drawerMuzeSearch input::-webkit-search-cancel-button{filter:invert(88%) sepia(25%) saturate(180%);opacity:.6;cursor:pointer}
.drawerMuzeSearch input::placeholder{color:rgba(245,240,232,.66)!important;opacity:1}
.drawerMuzeSearchResults{display:grid;gap:3px;padding:5px;border:1px solid rgba(214,171,53,.18);border-radius:13px;background:rgba(8,9,14,.96);box-shadow:0 14px 32px rgba(0,0,0,.36)}
.drawerMuzeSearchResults.hidden{display:none}
.drawerMuzeSearchOption{display:grid;grid-template-columns:36px minmax(0,1fr);align-items:center;gap:10px;width:100%;min-height:46px;padding:5px 8px;border:0;border-radius:9px;background:transparent;color:var(--muze-ivory-secondary);text-align:left;cursor:pointer}
.drawerMuzeSearchOption:hover,.drawerMuzeSearchOption:focus-visible{outline:0;background:rgba(214,171,53,.085);color:var(--muze-ivory)}
.drawerMuzeSearchOption img,.drawerMuzeSearchOptionCover{display:grid;place-items:center;width:36px;height:36px;border-radius:7px;object-fit:cover;background:#11131a;color:var(--muze-gold);font:700 11px/1 var(--muze-serif);overflow:hidden}
.drawerMuzeSearchOptionCopy{display:grid;gap:2px;min-width:0}
.drawerMuzeSearchOptionCopy strong{overflow:hidden;color:inherit;font:650 13px/1.15 var(--muze-sans);text-overflow:ellipsis;white-space:nowrap}
.drawerMuzeSearchOptionCopy small{color:rgba(245,240,232,.46);font:600 9px/1.1 var(--muze-sans);letter-spacing:.08em;text-transform:uppercase}

.tabs .tab{
  background:rgba(255,255,255,.035)!important;
  border:1px solid rgba(255,255,255,.07)!important;
  color:rgba(245,240,232,.78)!important;
  box-shadow:none!important;
}
.tabs .tab:hover{
  border-color:rgba(214,171,53,.22)!important;
  background:rgba(214,171,53,.055)!important;
  color:var(--muze-ivory)!important;
}
.tabs .tab.active{
  background:linear-gradient(180deg,#f0c94d 0%,var(--muze-gold) 100%)!important;
  color:#101014!important;
  border:1px solid rgba(214,171,53,.48)!important;
  box-shadow:0 8px 22px rgba(214,171,53,.16),inset 0 1px 0 rgba(255,255,255,.22),inset 0 -1px 0 rgba(90,60,0,.18)!important;
}
.drawerMusicLabel{
  margin:27px 8px 10px;
  color:var(--muze-gold);
  font:700 10px/1 var(--muze-sans,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif);
  letter-spacing:.18em;
  text-transform:uppercase;
}
.themeMoonOnly{margin:15px 0 0 9px!important;color:rgba(245,240,232,.48)!important}
.navNote{
  margin:16px 8px 0!important;
  padding:0 0 10px!important;
  color:var(--muze-ivory-secondary)!important;
  font:italic 500 16px/1.25 var(--muze-serif,Georgia,"Times New Roman",serif)!important;
}
.navNote::after{
  content:"";
  position:absolute;
  right:-18px;
  bottom:0;
  z-index:0;
  width:155px;
  height:105px;
  border-radius:60% 0 0 0;
  background:url("/assets/pexels-vinyl-player-28572392.jpg") 57% 56%/cover no-repeat;
  opacity:.72;
  mix-blend-mode:soft-light;
  pointer-events:none;
}
.navNote span,.navNote cite,.navNote i{position:relative;z-index:1}
.navNote cite{display:block;margin-top:10px;color:var(--muze-ivory-secondary);font:700 11px/1.2 var(--muze-sans);font-style:normal;letter-spacing:.01em}
.navNote i{display:block;width:34px;height:1px;margin-top:17px;background:var(--muze-gold);opacity:.65}
.navOverlay{background:rgba(3,4,7,.68)!important;backdrop-filter:blur(3px)}

body.light .sideNav{
  color:#20222b!important;
  border-right-color:rgba(153,113,10,.16)!important;
  background:radial-gradient(circle at 20% 0%,rgba(91,104,142,.08),transparent 38%),linear-gradient(180deg,#f7f6f2,#efeee9)!important;
}
body.light .sideNav .navItem{background:rgba(255,255,255,.64)!important;border-color:rgba(38,42,54,.09)!important;color:#20222b!important}
body.light .sideNav .navItem.active{background:linear-gradient(90deg,rgba(214,171,53,.18),rgba(255,255,255,.62))!important;border-color:rgba(170,127,14,.3)!important;color:#17181e!important}
body.light .navUserBox{background:rgba(255,255,255,.7)!important;border-color:rgba(38,42,54,.1)!important}
body.light .navUserBox strong{color:#20222b!important}
body.light .navUserTagline,body.light .navNote{color:rgba(32,34,43,.62)!important}
body.light .drawerNavIcon,body.light .drawerNavChevron{color:rgba(32,34,43,.6)}
body.light .drawerNavIcon svg .iconCutout{fill:#f7f6f2}
body.light .drawerMuzeSearchControl{background:rgba(255,255,255,.64);border-color:rgba(170,127,14,.24)}
body.light .drawerMuzeSearch input{color:#20222b!important}
body.light .drawerMuzeSearch input::placeholder{color:rgba(32,34,43,.58)!important}
body.light .drawerMuzeSearchResults{background:rgba(247,246,242,.98)}
body.light .drawerMuzeSearchOption{color:rgba(32,34,43,.72)}

@media(max-width:850px){
  .sideNav{width:min(330px,86vw)!important;max-width:86vw!important;padding:22px 18px 20px!important}
  .navBrand{min-height:62px!important;margin-bottom:18px!important}
  .navBrandLogo{width:78px!important;max-width:78px!important}
  .closeNav{top:20px!important;right:19px!important}
  .navUserBox{margin-bottom:18px!important}
  .sideNav .navItem{min-height:50px!important}
  .drawerMuzeSearchControl{min-height:50px}
  .drawerMuzeSearchSubmit,.drawerMuzeSearch input{height:48px}
  .drawerNavGroup{gap:8px}
  .drawerMusicLabel{margin-top:22px!important}
  .navNote{margin-top:10px!important}
}