@import "tailwindcss";

:root {
  --safe-bottom: env(safe-area-inset-bottom, 0px);
}

body {
  background: #0a0a0f;
  color: #f0f0f0;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;
  -webkit-font-smoothing: antialiased;
  overscroll-behavior: none;
}

/* Glass card */
.glass {
  background: rgba(255, 255, 255, 0.04);
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 16px;
}

.glass-hover:active {
  background: rgba(255, 255, 255, 0.07);
}

/* Scrollbar */
::-webkit-scrollbar { width: 4px; }
::-webkit-scrollbar-track { background: transparent; }
::-webkit-scrollbar-thumb { background: rgba(255,255,255,0.1); border-radius: 2px; }

/* Safe area padding for bottom nav */
.pb-safe {
  padding-bottom: calc(4.5rem + var(--safe-bottom));
}

/* Platform badges */
.badge-cli { background: rgba(245,158,11,0.15); color: #f59e0b; }
.badge-telegram { background: rgba(56,189,248,0.15); color: #38bdf8; }
.badge-discord { background: rgba(139,92,246,0.15); color: #8b5cf6; }
.badge-whatsapp { background: rgba(34,197,94,0.15); color: #22c55e; }
.badge-web { background: rgba(168,85,247,0.15); color: #a78bfa; }

/* Pulse dot animation */
@keyframes pulse-dot {
  0%, 100% { opacity: 1; }
  50% { opacity: 0.4; }
}
.animate-pulse-dot {
  animation: pulse-dot 2s ease-in-out infinite;
}