body { 
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; 
  background-color: #f8fafc; 
  color: #0f172a;
  margin: 0;
}
.animate-fade-in { animation: fadeIn 0.4s ease-out forwards; opacity: 0; }
@keyframes fadeIn { from { opacity: 0; transform: translateY(15px); } to { opacity: 1; transform: translateY(0); } }

::-webkit-scrollbar { width: 8px; }
::-webkit-scrollbar-track { background: #f1f1f1; }
::-webkit-scrollbar-thumb { background: #cbd5e1; border-radius: 4px; }
::-webkit-scrollbar-thumb:hover { background: #94a3b8; }

.aspect-app { aspect-ratio: 9/16; }
.glass { background: rgba(255, 255, 255, 0.85); backdrop-filter: blur(12px); }

#root:empty { display: flex; align-items: center; justify-content: center; height: 100vh; color: #64748b; font-size: 11px; letter-spacing: 0.2em; text-transform: uppercase; font-weight: 700; }