:root {
  --bg: #000000;
  --surface: #1c1c1e;
  --surface2: #2c2c2e;
  --surface3: #3a3a3c;
  --text: #f5f5f7;
  --text2: #8e8e93;
  --text3: #636366;
  --accent: #00D4D4;
  --accent2: #00b3b3;
  --accent-soft: rgba(0,212,212,0.12);
  --accent-soft2: rgba(0,212,212,0.2);
  --border: rgba(255,255,255,0.08);
  --border2: rgba(255,255,255,0.12);
  --divider: rgba(255,255,255,0.05);
  --shadow: 0 1px 2px rgba(0,0,0,0.3);
  --shadow-lg: 0 2px 12px rgba(0,0,0,0.4);
  --radius: 8px;
  --radius-lg: 16px;
  --radius-xl: 20px;
  --header-h: 48px;
}

.scrollbar-hide {
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.scrollbar-hide::-webkit-scrollbar {
  display: none;
}