MCPHy

/* MCPhy UI - Minimal custom styles to complement Tailwind */ /* Custom scrollbar for better UX */ ::-webkit-scrollbar { width: 6px; } ::-webkit-scrollbar-track { background: #f1f5f9; } ::-webkit-scrollbar-thumb { background: #cbd5e1; border-radius: 3px; } ::-webkit-scrollbar-thumb:hover { background: #94a3b8; } /* Smooth transitions */ * { transition: all 0.2s ease-in-out; } /* Focus styles for better accessibility */ input:focus, button:focus { outline: none; } /* Custom animations */ @keyframes fadeIn { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: translateY(0); } } .message { animation: fadeIn 0.3s ease-out; } /* Loading animation */ @keyframes pulse { 0%, 100% { opacity: 1; } 50% { opacity: 0.5; } } .loading { animation: pulse 2s infinite; } /* Responsive adjustments */ @media (max-width: 768px) { .sidebar { display: none; } }