:root { scroll-behavior: smooth; }
        body { background-color: #F5F2ED; color: #2C3E50; font-family: 'Inter', sans-serif; overflow-x: hidden; }
        .hero-gradient { background: linear-gradient(to bottom, rgba(0,0,0,0.2), rgba(0,0,0,0.7)); }
        .glass-nav { background: rgba(245, 242, 237, 0.85); backdrop-filter: blur(16px); border-bottom: 1px solid rgba(44, 95, 120, 0.08); }
        .snippet-card { transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94); }
        .custom-scroll::-webkit-scrollbar { height: 4px; width: 4px; }
        .custom-scroll::-webkit-scrollbar-thumb { background: #E88D67; border-radius: 10px; }
        .audio-wave { display: flex; align-items: flex-end; gap: 2px; height: 16px; }
        .wave-bar { width: 3px; background: #E88D67; animation: wave 1.2s ease-in-out infinite; }
        @keyframes wave { 0%, 100% { height: 4px; } 50% { height: 16px; } }
        .fade-in { animation: fadeIn 0.8s ease-out forwards; }
        @keyframes fadeIn { from { opacity: 0; transform: translateY(20px); } to { opacity: 1; transform: translateY(0); } }