/* NEMAZING V23 — definitive header, guest state and light theme */
html body [hidden]{display:none!important}
html,html[data-theme="dark"]{color-scheme:light!important;background:#f5f6fa!important}
html body,html[data-theme="dark"] body{background:#f5f6fa!important;color:#171a24!important}

/* white header */
html body header.site-header,
html body header.site-header.scrolled,
html body .site-header,
html body .site-header.scrolled{
  position:sticky!important;top:0!important;z-index:100!important;
  margin:0!important;padding:0!important;
  background:#fff!important;background-image:none!important;
  border:0!important;border-bottom:1px solid #e8eaf0!important;
  box-shadow:0 9px 28px rgba(28,34,53,.045)!important;
  backdrop-filter:blur(18px) saturate(140%)!important
}
html body .site-header:before,html body .site-header:after{display:none!important;content:none!important}

html body .site-header .container.header-inner{
  width:min(1240px,calc(100% - 32px))!important;
  height:82px!important;min-height:82px!important;
  margin:0 auto!important;padding:0!important;
  display:grid!important;
  grid-template-columns:184px minmax(0,1fr) 54px!important;
  align-items:center!important;gap:22px!important
}

/* logo */
html body .site-header .brand{
  width:178px!important;min-width:178px!important;height:48px!important;
  padding:0 14px!important;margin:0!important;
  display:flex!important;align-items:center!important;justify-content:center!important;
  border:0!important;border-radius:15px!important;
  background:linear-gradient(135deg,#6658f6,#806cff 60%,#967fff)!important;
  box-shadow:0 10px 24px rgba(108,92,246,.18)!important
}
html body .site-header .brand img{
  display:block!important;width:148px!important;max-width:148px!important;
  max-height:34px!important;object-fit:contain!important;
  filter:none!important;opacity:1!important
}

/* central pill menu — based on provided reference */
html body .site-header .nm23-nav{
  justify-self:center!important;
  width:max-content!important;max-width:100%!important;
  min-height:60px!important;
  margin:0!important;padding:5px!important;
  display:flex!important;align-items:center!important;justify-content:center!important;gap:3px!important;
  background:#f7f7fb!important;
  border:1px solid #e5e5ef!important;
  border-radius:22px!important;
  box-shadow:0 13px 32px rgba(38,41,63,.075),inset 0 1px 0 #fff!important;
  overflow:visible!important
}
html body .site-header .nm23-nav>a{
  position:relative!important;
  min-width:76px!important;min-height:49px!important;
  padding:6px 9px!important;
  display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:4px!important;
  border:1px solid transparent!important;border-radius:16px!important;
  background:transparent!important;color:#737b8b!important;
  text-decoration:none!important;font-size:9px!important;line-height:1!important;font-weight:800!important;
  white-space:nowrap!important;box-shadow:none!important;transform:none!important
}
html body .site-header .nm23-nav>a svg{
  width:20px!important;height:20px!important;
  fill:none!important;stroke:#7c8392!important;stroke-width:1.8!important;
  stroke-linecap:round!important;stroke-linejoin:round!important
}
html body .site-header .nm23-nav>a:hover{
  background:#fff!important;color:#222632!important;
  box-shadow:0 6px 16px rgba(37,41,63,.06)!important
}
html body .site-header .nm23-nav>a:hover svg,
html body .site-header .nm23-nav>a.active svg{stroke:#6c5cf6!important}
html body .site-header .nm23-nav>a.active{
  background:#fff!important;color:#222632!important;
  border-color:#ecebf5!important;box-shadow:0 7px 18px rgba(46,42,88,.08)!important
}
html body .site-header .nm23-nav>a.active:after{
  content:""!important;position:absolute!important;left:50%!important;bottom:-6px!important;
  width:18px!important;height:3px!important;transform:translateX(-50%)!important;
  border-radius:99px!important;background:linear-gradient(90deg,#6c5cf6,#9b84ff)!important
}

/* round profile */
html body .site-header .header-actions.account-menu-wrap{
  justify-self:end!important;margin:0!important;padding:0!important;position:relative!important
}
html body .site-header .account-trigger,
html body .site-header .account-trigger.guest{
  width:50px!important;min-width:50px!important;height:50px!important;
  padding:0!important;margin:0!important;
  display:grid!important;place-items:center!important;
  border:1px solid #e2e0ef!important;border-radius:50%!important;
  background:#f1edff!important;background-image:none!important;
  color:#6c5cf6!important;box-shadow:0 7px 18px rgba(56,48,105,.07)!important;
  overflow:hidden!important
}
html body .site-header .account-trigger-avatar{
  width:100%!important;height:100%!important;display:grid!important;place-items:center!important;
  border:0!important;border-radius:50%!important;
  background:#f1edff!important;background-size:cover!important;background-position:center!important;
  color:#6c5cf6!important;-webkit-text-fill-color:#6c5cf6!important;
  font-size:16px!important;font-weight:950!important
}
html body .site-header .account-trigger-copy,
html body .site-header .account-chevron{display:none!important}

html body .site-header .account-dropdown{
  top:60px!important;right:0!important;width:245px!important;padding:8px!important;
  background:#fff!important;border:1px solid #e6e7ed!important;border-radius:17px!important;
  box-shadow:0 20px 50px rgba(27,33,53,.14)!important;color:#171a24!important
}
html body .site-header .account-dropdown strong,
html body .site-header #dropdown-name{color:#171a24!important;-webkit-text-fill-color:#171a24!important}
html body .site-header .account-dropdown small,
html body .site-header #dropdown-nickname{color:#7a8291!important;-webkit-text-fill-color:#7a8291!important}

/* kill all legacy nav/dropdown fragments */
html body .site-header .nav-dropdown,
html body .site-header .nav-dropdown-menu,
html body .site-header .nav-dropdown-toggle{display:none!important}

/* account guest auth state */
html body.account-page #account-dashboard[hidden],
html body.account-page #account-guest[hidden],
html body.account-page #account-hero-user[hidden],
html body.account-page #account-dropdown[hidden],
html body.account-page #register-form[hidden],
html body.account-page #login-form[hidden],
html body.account-page #audio-upload-form[hidden],
html body.account-page .account-admin-entry[hidden]{display:none!important}

html body.account-page #account-dashboard:not([hidden]){
  display:grid!important;
  grid-template-columns:235px minmax(0,1fr)!important;
  gap:15px!important;align-items:start!important
}
html body.account-page #account-guest:not([hidden]){display:flex!important}

/* no theme switch */
html body .theme-toggle,html body #theme-toggle{display:none!important}

/* mobile */
@media(max-width:1120px){
  html body .site-header .container.header-inner{grid-template-columns:160px minmax(0,1fr) 50px!important;gap:14px!important}
  html body .site-header .brand{width:156px!important;min-width:156px!important;height:44px!important}
  html body .site-header .brand img{width:130px!important}
  html body .site-header .nm23-nav>a{min-width:66px!important;padding-inline:7px!important;font-size:8.5px!important}
}
@media(max-width:900px){
  html body .site-header .container.header-inner{
    height:68px!important;min-height:68px!important;
    grid-template-columns:145px 1fr 46px!important
  }
  html body .site-header .brand{width:142px!important;min-width:142px!important;height:40px!important}
  html body .site-header .brand img{width:118px!important}
  html body .site-header .nm23-nav{
    position:fixed!important;left:12px!important;right:12px!important;bottom:12px!important;top:auto!important;
    z-index:120!important;width:auto!important;max-width:none!important;min-height:66px!important;
    justify-content:space-around!important;padding:6px!important;border-radius:21px!important;
    box-shadow:0 17px 44px rgba(25,30,49,.16)!important
  }
  html body .site-header .nm23-nav>a{
    flex:1 1 0!important;min-width:0!important;min-height:52px!important;
    padding:5px 3px!important;font-size:7.5px!important
  }
  html body .site-header .nm23-nav>a svg{width:19px!important;height:19px!important}
  html body .site-header .menu-toggle{display:none!important}
  html body{padding-bottom:84px!important}
}
@media(max-width:560px){
  html body .site-header .nm23-nav>a:nth-child(3),
  html body .site-header .nm23-nav>a:nth-child(6){display:none!important}
}