/* ParsMazi Pack — Prism Night visual system */
:root{
  --prism-bg:#050711;
  --prism-bg-2:#080c18;
  --prism-surface:#0c1120;
  --prism-surface-2:#11182a;
  --prism-surface-3:#151e33;
  --prism-text:#f5f7ff;
  --prism-muted:#a8b1c7;
  --prism-soft:#919bb1;
  --prism-violet:#9b86ff;
  --prism-blue:#55b9ff;
  --prism-coral:#ff6685;
  --prism-line:#b8c7ff18;
  --prism-border:#c9d4ff20;
  --prism-shadow:0 24px 80px #0009;
  --page-accent:#9b86ff;
  --page-accent-2:#55b9ff;
  --page-surface:#050711;
  color-scheme:dark;
}

html{background:var(--prism-bg);scrollbar-color:#6976a5 #070a13}
body{
  color:var(--prism-text);
  background:
    radial-gradient(ellipse 74% 46% at 10% 9%,#6d42b821,transparent 68%),
    radial-gradient(ellipse 64% 42% at 92% 20%,#2767bb20,transparent 70%),
    linear-gradient(180deg,var(--prism-bg),var(--prism-bg-2) 42%,#060912 72%,#080a13);
}
body::selection{color:#fff;background:#765dff}
body[data-palette="archive"]{--page-accent:#9b86ff;--page-accent-2:#55b9ff;--page-surface:#050711}
body[data-palette="library"]{--page-accent:#70a5ff;--page-accent-2:#6eddd6;--page-surface:#060b16}
body[data-palette="profile"]{--page-accent:#ff6685;--page-accent-2:#ad7bff;--page-surface:#100812}
body[data-palette="footer"]{--page-accent:#55b9ff;--page-accent-2:#9b86ff;--page-surface:#060914}
body[data-palette="color"]{--page-accent:#b88cff;--page-accent-2:#5ea7ff;--page-surface:#0b0816}
body[data-palette="shake"]{--page-accent:#ff9f5a;--page-accent-2:#ff6685;--page-surface:#130b10}
body[data-palette="twixtor"]{--page-accent:#43d7ff;--page-accent-2:#788cff;--page-surface:#06101a}
body[data-palette="transition"]{--page-accent:#43dcc5;--page-accent-2:#55b9ff;--page-surface:#061315}
body[data-palette="other"]{--page-accent:#f47bd3;--page-accent-2:#a58bff;--page-surface:#130a18}
body[data-palette="sound"]{--page-accent:#7fe28f;--page-accent-2:#d1e56f;--page-surface:#0a120c}

.bg{
  background:
    radial-gradient(circle at 14% 14%,color-mix(in srgb,var(--page-accent) 18%,transparent),transparent 34%),
    radial-gradient(circle at 88% 22%,color-mix(in srgb,var(--page-accent-2) 16%,transparent),transparent 38%),
    linear-gradient(180deg,var(--page-surface),#060912 78%)!important;
}
.bg::before{opacity:.22!important;filter:saturate(.8)!important}
.grid-bg{opacity:.22;mask-image:linear-gradient(to bottom,#000,transparent 88%)}

nav,.quick-nav{
  border-color:var(--prism-border)!important;
  background:#080b15d9!important;
  box-shadow:0 14px 45px #0007,inset 0 1px #ffffff09!important;
  backdrop-filter:blur(18px) saturate(130%)!important;
}
.brand-marquee{border-color:#aa9cff2e!important;background:#080a13e8!important}
.brand{color:#f5f7ff!important}.brand span{color:#a891ff!important}
.visitor-counter{
  border-color:#a993ff3d!important;
  background:linear-gradient(145deg,#12172aee,#090c17ee)!important;
  box-shadow:0 14px 42px #0008,0 0 34px #705cff12!important;
}
.visitor-copy small{color:var(--prism-muted)!important}.visitor-copy strong{color:var(--prism-text)!important}

.hero{background:transparent!important}
.hero::before{background:radial-gradient(circle at 50% 45%,#8d73ff17,transparent 53%)!important}
.hero .hero-inner{
  border-color:#b8adff2c!important;
  background:
    radial-gradient(circle at 18% 12%,#9b86ff13,transparent 35%),
    radial-gradient(circle at 86% 74%,#55b9ff10,transparent 36%),
    linear-gradient(145deg,#0d1120e8,#080b15e8)!important;
  box-shadow:0 34px 110px #0009,inset 0 1px #ffffff0b!important;
}
.hero .hero-inner h1>span{
  background:linear-gradient(105deg,#ffffff 5%,#d7d1ff 44%,#8fd8ff 78%,#fff)!important;
  background-size:180% auto!important;-webkit-background-clip:text!important;background-clip:text!important;color:transparent!important;
}
.hero .kicker{color:#c9c6db!important;border-color:#aa94ff35!important;background:#0b0e1a!important}
.hero-timeline::before{background:linear-gradient(90deg,var(--prism-coral),var(--prism-violet),var(--prism-blue))!important}
.hero-meta{color:var(--prism-muted)!important}
.hero .orbit{border-color:#a993ff30!important;background:#0c101deb!important;box-shadow:0 18px 48px #0009!important}

.plugin-guide-card{
  border-color:#ff668548!important;
  background:linear-gradient(120deg,#15101aed,#0b0d17ed)!important;
  box-shadow:0 18px 55px #0007!important;
}
.plugin-guide-card:hover{border-color:#ff78945f!important}

.category-hub{
  position:relative;
  border-color:var(--prism-border)!important;
  background:linear-gradient(145deg,#0d1120ee,#080b15f4)!important;
  box-shadow:var(--prism-shadow),inset 0 1px #ffffff09!important;
}
.category-hub-topline{
  position:absolute;z-index:3;left:28px;top:25px;
  display:flex;align-items:center;justify-content:flex-start;
  min-height:0;margin:0;padding:0;border:0;
}
.category-hub-live-mark{
  display:inline-flex;align-items:center;gap:8px;color:#8994aa;
  font:800 7px/1 "Manrope",sans-serif;letter-spacing:1.35px;
}
.category-hub-live-mark i{
  width:6px;height:6px;border-radius:50%;background:#7fe28f;
  box-shadow:0 0 0 3px #7fe28f0d,0 0 12px #7fe28f70;
  animation:visitorLivePulse 1.8s ease-in-out infinite;
}
.category-hub-topline .visitor-counter{
  position:relative!important;inset:auto!important;z-index:2!important;
  min-width:190px!important;min-height:54px!important;
  grid-template-columns:36px minmax(0,1fr) auto!important;gap:10px!important;
  margin:0!important;padding:8px 10px!important;border-radius:15px!important;
  border-color:#aa96ff36!important;
  background:radial-gradient(circle at 0 50%,#9b86ff1c,transparent 44%),linear-gradient(145deg,#12182a,#090d18)!important;
  box-shadow:0 14px 38px #0007,inset 0 1px #ffffff0a!important;
  backdrop-filter:none!important;
}
.category-hub-topline .visitor-counter::before{background:linear-gradient(90deg,transparent,#9b86ff,#55b9ff,transparent)!important}
.category-hub-topline .visitor-eye{width:36px;height:36px;border-color:#9b86ff45;background:radial-gradient(circle,#9b86ff2b,transparent 68%);box-shadow:inset 0 0 17px #765dff1b,0 0 18px #765dff14}
.category-hub-topline .visitor-eye::before{border-color:#b9aaff}
.category-hub-topline .visitor-eye i{box-shadow:0 0 11px #9b86ff}
.category-hub-topline .visitor-copy small{font-size:7px!important;color:#8994ac!important}
.category-hub-topline .visitor-copy strong{font-size:21px!important}
.category-hub-topline .visitor-live{align-self:center;margin:0;font-size:6px}
.category-hub-head{border-color:#b49fff22!important;background:#0d1020c9!important}
.category-hub-head h2{color:var(--prism-text)!important}
.category-hub-head p{color:var(--prism-muted)!important}
.category-hub-head>span{color:#bdafff!important}
.category-card{
  border-color:color-mix(in srgb,var(--hub-a) 48%,#ffffff18)!important;
  background:linear-gradient(145deg,color-mix(in srgb,var(--hub-a) 12%,#101525),#080b14 64%)!important;
  box-shadow:0 20px 55px #0006,inset 0 1px #ffffff0a!important;
}
.category-card[data-nav="color"]{--hub-a:#b88cff;--hub-b:#5ea7ff}
.category-card[data-nav="shake"]{--hub-a:#ff9f5a;--hub-b:#ff6685}
.category-card[data-nav="twixtor"]{--hub-a:#43d7ff;--hub-b:#788cff}
.category-card[data-nav="transition"]{--hub-a:#43dcc5;--hub-b:#55b9ff}
.category-card[data-nav="other"]{--hub-a:#f47bd3;--hub-b:#a58bff}
.category-card[data-nav="sound"]{--hub-a:#7fe28f;--hub-b:#d1e56f}
.category-card:hover{transform:translateY(-5px)!important;box-shadow:0 28px 75px #0009,0 0 34px color-mix(in srgb,var(--hub-a) 15%,transparent)!important}
.category-card-copy strong{color:#f8f9ff!important}.category-card-copy small{color:var(--prism-muted)!important}
.category-card-copy b{color:var(--hub-a)!important;background:#080b14d6!important;border-color:color-mix(in srgb,var(--hub-a) 45%,transparent)!important}
.category-arrow{background:color-mix(in srgb,var(--hub-a) 18%,#101522)!important;border-color:color-mix(in srgb,var(--hub-a) 46%,transparent)!important}

.pack-section{
  border-color:color-mix(in srgb,var(--page-accent) 27%,var(--prism-border))!important;
  background:
    radial-gradient(circle at 0 0,color-mix(in srgb,var(--page-accent) 10%,transparent),transparent 34%),
    linear-gradient(145deg,#0c101de8,#080b14ed)!important;
  box-shadow:0 28px 90px #0008,inset 0 1px #ffffff09!important;
}
.pack-section .section-head{
  border-color:color-mix(in srgb,var(--page-accent) 38%,#ffffff12)!important;
  background:linear-gradient(110deg,color-mix(in srgb,var(--page-accent) 11%,#10131f),#0a0d16)!important;
  box-shadow:inset 0 1px #ffffff0a!important;
}
.pack-section h2,.section-head h2{color:var(--prism-text)!important}
.section-head p{color:var(--prism-muted)!important}
.category-back{
  color:var(--prism-text)!important;border-color:color-mix(in srgb,var(--page-accent) 58%,#ffffff12)!important;
  background:radial-gradient(circle at 15% 22%,color-mix(in srgb,var(--page-accent) 18%,transparent),transparent 48%),linear-gradient(145deg,#101524f2,#080c16f4)!important;
  box-shadow:0 18px 50px #0009,0 0 30px color-mix(in srgb,var(--page-accent) 14%,transparent),inset 0 1px #ffffff0d!important;
}
.category-home-return{
  color:var(--prism-text)!important;border-color:color-mix(in srgb,var(--page-accent) 52%,transparent)!important;
  background:#0b101de8!important;box-shadow:0 14px 40px #0006!important;
}

.card,.shake-card,.sound-card{
  border-color:color-mix(in srgb,var(--page-accent) 32%,#ffffff12)!important;
  background:linear-gradient(155deg,#101624f2,#080b13f5)!important;
  box-shadow:0 18px 55px #0007,inset 0 1px #ffffff09!important;
}
.card:hover,.shake-card:hover,.sound-card:hover{
  border-color:color-mix(in srgb,var(--page-accent) 65%,#ffffff18)!important;
  box-shadow:0 25px 70px #0009,0 0 30px color-mix(in srgb,var(--page-accent) 12%,transparent)!important;
}
.card-title,.shake-title,.sound-title{color:#f5f7ff!important}
.card-meta,.shake-meta,.sound-meta{color:var(--prism-muted)!important}
.download,.shake-download,.sound-download{
  color:#07101a!important;
  border-color:#ffffff2c!important;
  background:linear-gradient(135deg,color-mix(in srgb,var(--page-accent) 84%,#fff),color-mix(in srgb,var(--page-accent-2) 86%,#fff))!important;
  box-shadow:0 10px 28px color-mix(in srgb,var(--page-accent) 24%,transparent)!important;
}
.expand-preview,.creator-link{color:#eef2ff!important;border-color:color-mix(in srgb,var(--page-accent) 45%,transparent)!important;background:#0b0f1cde!important}
.sort-controls,.sound-filters{border-color:var(--prism-border)!important;background:#090d18e8!important;box-shadow:0 12px 36px #0005!important}
.sort-button,.sound-filter{color:var(--prism-muted)!important;border-color:#ffffff14!important;background:#0c1120!important}
.sort-button.active,.sound-filter.active{color:#fff!important;border-color:color-mix(in srgb,var(--page-accent) 60%,transparent)!important;background:color-mix(in srgb,var(--page-accent) 21%,#101522)!important}

.about-pack.about-pack-pro{
  border-color:var(--prism-border)!important;
  background:radial-gradient(circle at 8% 0%,#9b86ff12,transparent 34%),radial-gradient(circle at 94% 100%,#55b9ff0d,transparent 34%),linear-gradient(145deg,#0d1120f5,#080b15f5)!important;
}
.about-pro-profile,.about-pro-stats>span,.about-pro-socials .social-card{border-color:#c8d3ff18!important;background:#0b0f1bdc!important}
.about-pro-identity h3{color:var(--prism-text)!important}.about-pro-identity>span,.about-pro-stats small{color:var(--prism-muted)!important}
.about-pro-portfolio{background:linear-gradient(110deg,#765dff,#9b86ff 54%,#4b9fff)!important;border-color:#b7a9ff55!important}
.site-footer{border-color:var(--prism-line)!important;background:#060913e8!important;color:var(--prism-muted)!important}
.back-to-top{border-color:#9b86ff45!important;background:#0d1220ef!important;color:#fff!important;box-shadow:0 14px 42px #0008!important}
.preview-modal,.modal-content{background:#070a13ed!important}.preview-shell{border-color:#a993ff42!important;background:#090d18!important;box-shadow:0 30px 100px #000c!important}

@media(max-width:768px){
  html.mobile-lite{width:100%;max-width:100%;overflow-x:clip!important;overflow-y:auto;scroll-padding-top:12px;-webkit-text-size-adjust:100%}
  html.mobile-lite body{width:100%;max-width:100%;min-height:100dvh;overflow-x:clip!important;overscroll-behavior-y:auto!important;touch-action:pan-y pinch-zoom;-webkit-overflow-scrolling:touch}
  html.mobile-lite .bg{position:fixed!important;background:linear-gradient(180deg,#070913,#0a0e19 48%,#070a13)!important}
  html.mobile-lite .bg::before,html.mobile-lite .bg::after,html.mobile-lite .grid-bg{display:none!important}
  html.mobile-lite .compare-range{touch-action:pan-y pinch-zoom!important}
  html.mobile-lite .preview.compare,html.mobile-lite .shake-video-wrap,html.mobile-lite .category-card{touch-action:pan-y pinch-zoom}
  html.mobile-lite .sound-filters{touch-action:pan-x pinch-zoom}
  html.mobile-lite .pack-section,
  html.mobile-lite .pack-section.category-active,
  html.mobile-lite .card,
  html.mobile-lite .shake-card,
  html.mobile-lite .sound-card,
  html.mobile-lite .about-pack,
  html.mobile-lite .site-footer{content-visibility:visible!important;contain:none!important;contain-intrinsic-size:auto!important}
  html.mobile-lite .category-hub,html.mobile-lite .pack-section{box-shadow:0 18px 50px #0008!important}
  html.mobile-lite .category-card:hover,html.mobile-lite .card:hover,html.mobile-lite .shake-card:hover,html.mobile-lite .sound-card:hover{transform:none!important}
  html.mobile-lite nav,html.mobile-lite .quick-nav{backdrop-filter:none!important;background:#090c16f5!important}
  html.mobile-lite .category-hub{padding-top:46px!important}
  html.mobile-lite .category-hub-topline{left:18px;top:17px;justify-content:flex-start;min-height:0;margin:0;padding:0;border:0}
  html.mobile-lite .category-hub-live-mark{display:inline-flex;font-size:6.5px;letter-spacing:1.15px}
  html.mobile-lite .category-hub-topline .visitor-counter{
    position:relative!important;inset:auto!important;order:initial!important;
    width:min(100%,250px)!important;min-width:0!important;min-height:50px!important;
    margin:0 auto!important;padding:7px 9px!important;
    grid-template-columns:34px minmax(0,1fr) auto!important;
  }
  html.mobile-lite .category-hub-topline .visitor-eye{width:34px;height:34px}
  html.mobile-lite .category-hub-topline .visitor-live{display:inline-flex!important}
  html.mobile-lite .hero{width:100vw!important;max-width:100vw!important}
  html.mobile-lite .hero .hero-inner{width:calc(100vw - 20px)!important;max-width:calc(100vw - 20px)!important;flex:0 1 auto!important;margin-inline:auto!important}
  html.mobile-lite main{width:calc(100vw - 16px)!important;max-width:calc(100vw - 16px)!important}
  html.mobile-lite .category-hub,
  html.mobile-lite .plugin-guide-card,
  html.mobile-lite .pack-section,
  html.mobile-lite .about-pack,
  html.mobile-lite .site-footer{max-width:calc(100vw - 16px)!important}
  html.mobile-lite .category-grid,
  html.mobile-lite .category-card,
  html.mobile-lite .cards,
  html.mobile-lite .shake-grid,
  html.mobile-lite .sound-grid,
  html.mobile-lite .other-effects-grid{min-width:0!important;max-width:100%!important}
  html.mobile-lite .category-hub-head p{width:100%!important;max-width:290px!important;overflow-wrap:anywhere}
  html.mobile-lite body.category-open main{width:100vw!important;max-width:100vw!important}
  html.mobile-lite body.category-open .pack-section.category-active{max-width:100vw!important}
}

@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
}