/* ==========================================================================
   STREAM ENGINE - 144Hz ULTRA-FLUID PRO ENGINE
   Zero JS loop overhead, native compositor rendering, zero blur lag
   ========================================================================== */

html {
  scroll-behavior: auto !important;
  height: 100%;
}

body {
  background: #08090C !important;
  color: #F4F4F5 !important;
  margin: 0 !important;
  padding: 0 !important;
  min-height: 100% !important;
  overflow-x: hidden !important;
  overflow-y: scroll !important;
  -webkit-overflow-scrolling: touch !important;
  touch-action: pan-y !important;
}

#root {
  min-height: 100vh !important;
  padding-bottom: 120px !important;
  touch-action: pan-y !important;
}

/* 144Hz Layer Promotion */
main, section, div[role="feed"], .grid {
  transform: translate3d(0, 0, 0);
  -webkit-transform: translate3d(0, 0, 0);
  will-change: transform;
}

/* Off-screen rendering bypass */
section, .grid > div {
  content-visibility: auto;
  contain-intrinsic-size: 150px 225px;
}

/* 0ms Native Tap Handling */
* {
  touch-action: manipulation;
  -webkit-tap-highlight-color: transparent !important;
}

/* Lightweight Cards - GPU Composited */
div[role="button"].group {
  will-change: transform;
  transform: translate3d(0, 0, 0);
  -webkit-transform: translate3d(0, 0, 0);
  transition: transform 0.1s ease-out !important;
}

div[role="button"].group > div {
  background: #14151B !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
}

/* Completely Flat Header without CSS Blurs */
header {
  background: #0B0C10 !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;
  transform: translateZ(0);
}