/* Lightweight performance + UX tweaks (no JS changes to your original chunks) */
:root{color-scheme:light dark;}
html{scroll-behavior:auto;}
@media (prefers-reduced-motion: reduce){
  *{animation-duration:0.001ms!important;animation-iteration-count:1!important;transition-duration:0.001ms!important;scroll-behavior:auto!important;}
}
/* Avoid expensive overdraw on mobile */
canvas.particles{will-change:transform;transform:translateZ(0);}
/* Mobile menu */
.mobile-menu{position:fixed;inset:0;background:rgba(0,0,0,.65);backdrop-filter:blur(8px);display:none;z-index:60;}
.mobile-menu[aria-hidden="false"]{display:block;}
.mobile-menu__panel{position:absolute;top:0;right:0;height:100%;width:min(85vw,360px);background:rgba(255,255,255,.95);color:#000;padding:20px;box-shadow:-20px 0 60px rgba(0,0,0,.25);}
.mobile-menu a{display:block;padding:12px 10px;border-radius:10px;color:#000;text-decoration:none;font-weight:600;}
.mobile-menu a:hover{background:rgba(0,0,0,.06);}
.mobile-menu__close{display:flex;justify-content:flex-end;margin-bottom:8px;}
/* Reduce paint cost of huge shadows on small screens */
@media (max-width: 640px){
  .hover\:shadow-2xl:hover{box-shadow:0 16px 32px rgba(0,0,0,.18)!important;}
  .backdrop-blur-xl{backdrop-filter:blur(10px)!important;}
}