
/* Modern category chips: flat glass surfaces, consistent typography and animated selection */
#categories{gap:9px!important;padding:4px 0 13px!important}
#categories button.chip{
  position:relative!important;isolation:isolate!important;min-height:43px!important;
  padding:10px 20px!important;border-radius:14px!important;
  background:linear-gradient(155deg,rgba(39,29,56,.91),rgba(21,17,33,.96))!important;
  border:1px solid rgba(185,145,228,.23)!important;
  color:#cfc1e0!important;font-size:12px!important;font-weight:750!important;
  letter-spacing:.015em!important;box-shadow:inset 0 1px rgba(255,255,255,.08),0 5px 15px rgba(0,0,0,.18)!important;
  transition:background .28s ease,border-color .28s ease,color .28s ease,transform .28s cubic-bezier(.2,.8,.2,1),box-shadow .28s ease!important
}
#categories button.chip:hover{transform:translateY(-2px)!important;color:#fff!important;border-color:rgba(236,170,255,.62)!important;box-shadow:0 8px 24px rgba(194,89,224,.18),inset 0 1px rgba(255,255,255,.12)!important}
#categories button.chip.active{color:#fff!important;background:linear-gradient(120deg,#b85fe0,#dd72bd)!important;border-color:rgba(255,220,255,.75)!important;box-shadow:0 5px 20px rgba(202,93,222,.26),inset 0 1px rgba(255,255,255,.3)!important}
#categories button.chip:active{transform:scale(.97)!important}
#categories button.chip:focus-visible{outline:2px solid #f4b1f4!important;outline-offset:3px!important}
.custom-sort .sort-trigger{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:16px!important;min-width:198px!important;min-height:45px!important;padding:11px 14px 11px 17px!important;border-radius:14px!important;background:linear-gradient(145deg,#292037,#1c1529)!important;border:1px solid rgba(215,167,245,.38)!important;color:#f2e7fa!important;font-size:12px!important;font-weight:750!important;box-shadow:inset 0 1px rgba(255,255,255,.08)!important}
.sort-trigger .sort-chevron{display:block!important;flex:0 0 18px!important;align-self:center!important;position:static!important;margin:0!important;transform:none!important;transition:transform .25s ease!important;color:#d9c1e9!important}
.sort-trigger[aria-expanded="true"] .sort-chevron{transform:rotate(180deg)!important}
.sort-trigger:focus-visible{outline:2px solid #eea1eb!important;outline-offset:3px!important}
.sort-options{border-radius:15px!important;overflow:hidden!important;background:#20172e!important;border:1px solid #b98cdd55!important;padding:6px!important;box-shadow:0 18px 40px #0009!important}
.sort-options button{border-radius:10px!important;font-size:12px!important;font-weight:650!important;padding:12px 14px!important}
.sort-options button[aria-selected="true"]{background:#513263!important;color:#fff!important}
.creator-cta{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:9px!important;min-height:44px!important;border-radius:13px!important;background:linear-gradient(115deg,#8d49d1,#ca61d3)!important;color:#fff!important;border:1px solid #edb4fa69!important;font-weight:850!important;font-size:12px!important;letter-spacing:.07em!important;box-shadow:0 6px 22px #b554ce38,inset 0 1px #ffffff46!important;transition:transform .25s ease,box-shadow .25s ease,filter .25s ease!important}
.creator-cta .access-unlock{color:#80ffbf;filter:drop-shadow(0 0 5px #46ffa66b);flex-shrink:0;transition:transform .3s ease}
.creator-cta .access-arrow{margin-left:3px;opacity:.75;transition:transform .25s ease,opacity .25s ease}
.creator-cta:hover{transform:translateY(-3px)!important;box-shadow:0 10px 30px #cc6bdf77,inset 0 1px #ffffff66!important;filter:brightness(1.1)}
.creator-cta:hover .access-unlock{transform:rotate(-12deg) translateY(-1px)}
.creator-cta:hover .access-arrow{transform:translateX(4px);opacity:1}
@media(prefers-reduced-motion:reduce){#categories button.chip,.creator-cta,.sort-chevron{transition:none!important}}
