/* ParsMazi Adobe-inspired neutral theme */
:root{
  --adobe-bg:#0b0b0d;
  --adobe-bg-2:#111113;
  --adobe-surface:#171719;
  --adobe-surface-2:#1d1d20;
  --adobe-text:#f5f5f5;
  --adobe-muted:#a6a6aa;
  --adobe-line:#ffffff1a;
  --adobe-red:#eb1000;
  --adobe-red-2:#ff4b3e;
  --adobe-warm:#ff8a00;
  --prism-bg:var(--adobe-bg);
  --prism-bg-2:var(--adobe-bg-2);
  --prism-surface:var(--adobe-surface);
  --prism-surface-2:var(--adobe-surface-2);
  --prism-surface-3:#252528;
  --prism-text:var(--adobe-text);
  --prism-muted:var(--adobe-muted);
  --prism-soft:#85858a;
  --prism-violet:var(--adobe-red);
  --prism-blue:var(--adobe-warm);
  --prism-coral:var(--adobe-red-2);
  --prism-line:var(--adobe-line);
  --prism-border:#ffffff20;
  --prism-shadow:0 24px 70px #0008;
}

html{background:var(--adobe-bg);scrollbar-color:#68686d #111113}
body,
body[data-palette]{
  color:var(--adobe-text)!important;
  background:
    radial-gradient(circle at 8% 3%,#eb100010,transparent 25%),
    radial-gradient(circle at 96% 24%,#ff8a000b,transparent 28%),
    linear-gradient(180deg,#0b0b0d 0%,#111113 42%,#0a0a0c 100%)!important;
}
body::before{
  opacity:.28!important;
  background:
    radial-gradient(circle at 12% 12%,#eb100010,transparent 31%),
    radial-gradient(circle at 88% 30%,#ff8a0008,transparent 34%)!important;
}
.bg{background:linear-gradient(180deg,#0b0b0d,#121214 48%,#09090b)!important}
.grid-bg{opacity:.09!important;background-image:linear-gradient(#fff 1px,transparent 1px),linear-gradient(90deg,#fff 1px,transparent 1px)!important}
.glow{opacity:.15!important;filter:blur(110px)!important;background:#eb1000!important}

nav,.quick-nav{
  border-color:#ffffff18!important;
  background:#101012e8!important;
  box-shadow:0 14px 42px #0007,inset 0 1px #ffffff0a!important;
}
.brand{color:#f5f5f5!important}.brand b{color:#ff4b3e!important}
.brand-marquee::before,.brand-marquee::after{background:linear-gradient(90deg,#101012,transparent)!important}

.hero{
  background:transparent!important;
  box-shadow:none!important;
}
.hero::before{
  inset:2% 4% 0!important;
  border-radius:52px!important;
  background:
    radial-gradient(ellipse at 16% 48%,#eb100016 0%,transparent 38%),
    radial-gradient(ellipse at 84% 46%,#ff8a000e 0%,transparent 36%),
    linear-gradient(90deg,transparent 4%,#eb100008 35%,#ff8a0006 65%,transparent 96%)!important;
  filter:blur(18px)!important;
  opacity:.9!important;
}
.hero::after{
  top:48%!important;
  width:min(980px,78vw)!important;
  height:260px!important;
  background:linear-gradient(90deg,#eb10000d,#ff8a0008)!important;
  filter:blur(84px)!important;
  opacity:.7!important;
}
.hero .hero-inner{
  border-color:#ffffff1b!important;
  background:
    radial-gradient(circle at 15% 18%,#eb10000d,transparent 34%),
    radial-gradient(circle at 86% 78%,#ff8a0008,transparent 35%),
    linear-gradient(145deg,#181719f5,#0d0d0ff8 68%)!important;
  box-shadow:0 34px 96px #000b,0 0 0 1px #0008,inset 0 1px #ffffff10!important;
}
.hero .hero-inner::before{
  opacity:.16!important;
  background-image:linear-gradient(#ffffff07 1px,transparent 1px),linear-gradient(90deg,#ffffff07 1px,transparent 1px)!important;
  background-size:64px 64px!important;
}
.hero .hero-inner::after{
  left:12%!important;
  right:12%!important;
  bottom:25px!important;
  background:linear-gradient(90deg,transparent,#eb100099 24%,#ff4b3eaa 52%,#ff8a0088 78%,transparent)!important;
  box-shadow:0 0 18px #eb100026!important;
}
.hero .kicker{color:#d7d7da!important;border-color:#ffffff1a!important;background:#171719d9!important}
.hero .kicker .dot{background:var(--adobe-red)!important;box-shadow:0 0 16px #eb100099!important}
.hero .hero-inner h1>span{
  color:#f7f7f7!important;
  background:none!important;
  -webkit-text-fill-color:#f7f7f7!important;
  text-shadow:0 18px 48px #0008!important;
}
.hero .hero-inner h1>span:last-child{color:#dedede!important;-webkit-text-fill-color:#dedede!important}
.hero-timeline::before{background:linear-gradient(90deg,#eb1000,#ff4b3e 55%,#ff8a00)!important;box-shadow:0 0 18px #eb100035!important}
.hero-timeline::after{border-color:#ffb0aa!important;background:#121214!important;box-shadow:0 0 16px #eb100066!important}
.hero-meta{color:#98989d!important}
.visitor-counter{
  top:54px!important;
  right:max(24px,calc((100% - min(980px,76vw))/2 + 24px))!important;
  min-width:128px!important;
  grid-template-columns:1fr!important;
  gap:0!important;
  padding:11px 15px!important;
  border-color:#ffffff20!important;
  background:#151517ed!important;
  box-shadow:0 12px 35px #0008,inset 0 1px #ffffff0c!important;
}
.visitor-copy{align-items:flex-start!important}
.visitor-copy small{font-size:7px!important;letter-spacing:1.25px!important}
.visitor-copy strong{font-size:21px!important;margin-top:6px!important}
.visitor-eye{border-color:#eb10004a!important;background:#eb10000f!important}
.visitor-eye::before{border-color:#ff6b60!important}.visitor-eye i{background:#eb1000!important;box-shadow:0 0 11px #eb1000!important}
.visitor-live{color:#9fd5a7!important;background:#15351d!important;border-color:#3e8f4d55!important}

.social-card,.plugin-guide-card{
  border-color:#ffffff18!important;
  background:#171719e8!important;
  box-shadow:0 15px 44px #0006,inset 0 1px #ffffff0a!important;
}
.social-card:hover,.plugin-guide-card:hover{border-color:#ffffff36!important;background:#202023!important;transform:translateY(-3px)!important}
.plugin-guide-card{
  margin-top:14px!important;
  margin-bottom:34px!important;
  border-left:3px solid var(--adobe-red)!important;
}
.plugin-guide-icon{background:var(--adobe-red)!important;box-shadow:0 10px 26px #eb10003d!important}

.category-hub{
  border-color:#ffffff18!important;
  background:linear-gradient(145deg,#151517f4,#0d0d0ff7)!important;
  box-shadow:0 26px 76px #0008,inset 0 1px #ffffff0b!important;
}
.category-hub-head{border-color:transparent!important;background:transparent!important}
.category-hub-head>span{color:#d0d0d3!important;border-color:#ffffff1c!important;background:#1b1b1ecf!important}
.category-hub-head>span::before{background:var(--adobe-red)!important;box-shadow:0 0 12px #eb1000!important}
.category-hub-head h2{color:#f6f6f6!important;background:none!important;-webkit-text-fill-color:#f6f6f6!important}
.category-hub-head p{color:#96969b!important}
.category-hub-head::after{background:linear-gradient(90deg,transparent,#eb1000 35%,#ff8a00 65%,transparent)!important;box-shadow:none!important}
.category-hub-live-mark{color:#8f8f94!important}

.category-card{
  border-color:#ffffff1a!important;
  background:linear-gradient(155deg,#1a1a1ded,#101012f5)!important;
  box-shadow:0 18px 48px #0007,inset 0 1px #ffffff0a!important;
}
.category-card::after{background:linear-gradient(180deg,transparent 34%,#0d0d0ff2 94%)!important}
.category-card:hover{
  border-color:color-mix(in srgb,var(--hub-a) 55%,#ffffff30)!important;
  box-shadow:0 26px 62px #0009!important;
}
.category-card-copy strong{color:#f7f7f7!important;text-shadow:0 4px 20px #000!important}
.category-card-copy small{color:#b0b0b4!important}
.category-card-copy b{color:var(--hub-a)!important;background:#111113e8!important;border-color:color-mix(in srgb,var(--hub-a) 48%,#ffffff16)!important}
.category-card-arrow{background:#f2f2f2!important;color:#111!important;border-color:#fff!important;box-shadow:0 8px 24px #0007!important}

.pack-section{
  border-color:#ffffff18!important;
  background:linear-gradient(145deg,#151517f2,#0d0d0ff7)!important;
  box-shadow:0 25px 70px #0008,inset 0 1px #ffffff09!important;
}
.pack-section .section-head{
  border:1px solid #ffffff17!important;
  border-left:3px solid var(--page-accent)!important;
  background:#1a1a1dd9!important;
  box-shadow:none!important;
}
.pack-section h2,.section-head h2{color:#f5f5f5!important;background:none!important;-webkit-text-fill-color:#f5f5f5!important}
.section-head p,.section-description{color:#9b9ba0!important}
.category-back{
  width:62px!important;height:62px!important;padding:0!important;
  border-color:color-mix(in srgb,var(--page-accent) 58%,#ffffff20)!important;
  border-radius:19px!important;
  color:#fff!important;
  background:color-mix(in srgb,var(--page-accent) 10%,#121214f5)!important;
  box-shadow:0 14px 36px #0008,0 0 22px color-mix(in srgb,var(--page-accent) 14%,transparent)!important;
}
.category-back-arrow{
  position:relative!important;flex:0 0 44px!important;width:44px!important;height:44px!important;
  border:1px solid color-mix(in srgb,var(--page-accent) 52%,#ffffff28)!important;border-radius:14px!important;
  background:linear-gradient(145deg,color-mix(in srgb,var(--page-accent) 30%,#171719),#111113)!important;
  box-shadow:inset 0 1px #ffffff18,0 8px 22px #0007!important;font-size:0!important;
}
.category-back-arrow::before{content:"";position:absolute;left:14px;top:14px;width:13px;height:13px;border-left:2px solid #fff;border-bottom:2px solid #fff;transform:rotate(45deg)}
.category-back-arrow::after{content:"";position:absolute;left:14px;top:21px;width:18px;height:2px;border-radius:2px;background:#fff}
.category-back:hover{transform:translateX(-2px)!important;border-color:var(--page-accent)!important}
.category-back:hover .category-back-arrow{transform:none!important;background:linear-gradient(145deg,var(--page-accent),var(--page-accent-2))!important}

.category-home-return{
  width:fit-content!important;min-width:224px!important;min-height:64px!important;
  grid-template-columns:40px auto!important;column-gap:11px!important;
  padding:11px 17px!important;border-radius:17px!important;text-align:center!important;
  border-color:color-mix(in srgb,var(--page-accent) 55%,#ffffff1c)!important;
  background:color-mix(in srgb,var(--page-accent) 8%,#121214f5)!important;
  box-shadow:0 18px 48px #0008,0 0 24px color-mix(in srgb,var(--page-accent) 12%,transparent)!important;
}
body.category-open .category-home-return{display:grid!important}
.category-home-return>span{
  position:relative!important;grid-row:auto!important;width:40px!important;height:40px!important;border-radius:12px!important;
  background:linear-gradient(135deg,var(--page-accent),var(--page-accent-2))!important;
  box-shadow:0 0 20px color-mix(in srgb,var(--page-accent) 28%,transparent)!important;font-size:0!important;
}
.category-home-return>span::before{content:"";position:absolute;left:12px;top:12px;width:11px;height:11px;border-left:2px solid #fff;border-bottom:2px solid #fff;transform:rotate(45deg)}
.category-home-return>span::after{content:"";position:absolute;left:12px;top:18px;width:16px;height:2px;border-radius:2px;background:#fff}
.category-home-return strong{align-self:center!important;font-size:17px!important;line-height:1!important}

.card,.shake-card,.sound-card,.other-effect-card{
  border-color:#ffffff18!important;
  background:#151517!important;
  box-shadow:0 16px 44px #0007,inset 0 1px #ffffff08!important;
}
.card:hover,.shake-card:hover,.sound-card:hover,.other-effect-card:hover{
  border-color:color-mix(in srgb,var(--page-accent) 48%,#ffffff25)!important;
  box-shadow:0 24px 60px #0009!important;
}
.card-meta,.shake-meta,.sound-meta,.sound-topline p{color:#99999e!important}
.download,.shake-download,.sound-download,.other-effect-download{
  color:#fff!important;
  border-color:color-mix(in srgb,var(--download-a,var(--cat,var(--page-accent))) 62%,#ffffff24)!important;
  background:linear-gradient(135deg,var(--download-a,var(--cat,var(--page-accent))),var(--download-b,var(--cat2,var(--page-accent-2))))!important;
  box-shadow:0 10px 25px #0007,0 0 20px color-mix(in srgb,var(--download-a,var(--cat,var(--page-accent))) 22%,transparent)!important;
}
.download::before,.shake-download::before,.sound-download::before,.other-effect-download::before{color:#fff!important;background:#ffffff24!important}
.download:hover,.shake-download:hover,.sound-download:hover,.other-effect-download:hover{filter:brightness(1.12)!important;box-shadow:0 14px 34px #0009,0 0 28px color-mix(in srgb,var(--download-a,var(--cat,var(--page-accent))) 32%,transparent)!important}
.expand-preview{color:#f2f2f2!important;border-color:#ffffff22!important;background:#202023!important}
.sort-controls,.sound-filters,.category-sort-toggle,.category-sort-menu{
  border-color:#ffffff1a!important;background:#171719f0!important;box-shadow:0 12px 34px #0007!important;
}
.sort-button,.sound-filter,.category-sort-option{color:#aaaab0!important;border-color:#ffffff12!important;background:#1d1d20!important}
.sort-button.active,.sound-filter.active,.category-sort-option[aria-selected="true"]{color:#fff!important;border-color:#eb100066!important;background:#eb1000!important}

.creator-profile{
  border-color:#ffffff1a!important;
  background:linear-gradient(145deg,#171719f5,#0e0e10fa)!important;
  box-shadow:0 24px 70px #0009,inset 0 1px #ffffff0a!important;
}
.creator-profile::before{background:linear-gradient(90deg,transparent,#eb1000,#ff8a00,transparent)!important}
.creator-profile::after{color:#ffffff04!important}
.creator-profile-head,.creator-socials{border-color:#ffffff12!important}
.creator-profile-head span{color:#e2e2e4!important}.creator-profile-head span i{background:#eb1000!important;box-shadow:0 0 14px #eb100088!important}
.creator-story h2,.creator-portrait figcaption strong{color:#f5f5f5!important}
.creator-story h2 span{-webkit-text-stroke-color:#ffffff45!important}
.creator-story-line::before{background:linear-gradient(90deg,#eb1000,#ff8a00 55%,transparent)!important}
.creator-story-line i{border-color:#ff6b60!important;background:#151517!important;box-shadow:0 0 14px #eb100055!important}
.creator-stats>span,.creator-social{border-color:#ffffff17!important;background:#1a1a1d!important}
.creator-stats>span:hover,.creator-social:hover{border-color:#ffffff35!important;background:#222225!important}
.creator-portfolio{border-color:#ff4b3e55!important;background:linear-gradient(110deg,#eb1000,#ff4b3e)!important;box-shadow:0 13px 32px #eb100033!important}
.tiktok-icon{background:#050506!important}
.tiktok-icon svg{width:23px!important;height:23px!important;overflow:visible;filter:none!important}
.tiktok-icon .tiktok-cyan{fill:#25f4ee;transform:translate(-.7px,.55px)}
.tiktok-icon .tiktok-pink{fill:#fe2c55;transform:translate(.7px,-.35px)}
.tiktok-icon .tiktok-white{fill:#fff}

.site-footer,footer{border-color:#ffffff14!important;background:#0d0d0fe8!important;color:#96969b!important}
.back-to-top{border-color:#ffffff24!important;background:#f1f1f1!important;color:#111!important;box-shadow:0 12px 34px #0008!important}
.download-toast{border-color:#ffffff20!important;background:#171719f2!important}.download-toast-progress span{background:linear-gradient(90deg,#eb1000,#ff8a00)!important}

@media(max-width:768px){
  html.mobile-lite body{background:linear-gradient(180deg,#0b0b0d,#111113 48%,#09090b)!important}
  html.mobile-lite nav,html.mobile-lite .quick-nav{background:#111113f7!important}
  html.mobile-lite .category-hub,html.mobile-lite .pack-section,html.mobile-lite .creator-profile{background:#121214f7!important}
  html.mobile-lite .category-card{background:#19191cf5!important}
  html.mobile-lite .visitor-counter{top:14px!important;right:10px!important;min-width:126px!important;padding:9px 13px!important}
}

@media(prefers-reduced-motion:reduce){
  .category-card,.card,.shake-card,.sound-card,.social-card{transition-duration:.01ms!important}
}

/* Compact top-right visitor card and text-only category return. */
body>.visitor-counter{
  position:absolute!important;top:18px!important;right:22px!important;left:auto!important;z-index:80!important;
  min-width:132px!important;min-height:60px!important;padding:10px 16px!important;display:grid!important;place-items:center!important;
  border-radius:17px!important;text-align:center!important;
}
body>.visitor-counter .visitor-copy{width:100%!important;align-items:center!important;text-align:center!important}
body>.visitor-counter .visitor-copy small{width:100%;text-align:center!important}
body>.visitor-counter .visitor-copy strong{width:100%;text-align:center!important;font-size:23px!important}
body.category-open>.visitor-counter{display:none!important}

.category-home-return{
  width:auto!important;min-width:174px!important;min-height:54px!important;grid-template-columns:1fr!important;
  place-items:center!important;padding:13px 24px!important;text-align:center!important;border-radius:16px!important;
}
.category-home-return>span{display:none!important}
.category-home-return strong{display:block!important;width:100%!important;text-align:center!important;font-size:17px!important}

@media(max-width:768px){
  html.mobile-lite body>.visitor-counter{top:10px!important;right:9px!important;min-width:112px!important;min-height:50px!important;padding:8px 11px!important}
  html.mobile-lite body>.visitor-counter .visitor-copy strong{font-size:18px!important;margin-top:4px!important}
  html.mobile-lite body>.visitor-counter .visitor-copy small{font-size:6px!important}
}
