@font-face{font-family:Rabar;src:url(/assets/RABAR_28-DCEL-CmJ.TTF) format("truetype");font-weight:400;font-style:normal}@layer base{html{direction:rtl}body{font-family:Rabar,sans-serif}}@layer components{.btn-primary{@apply bg-gradient-to-r from-primary-500 to-primary-600 hover:from-primary-600 hover:to-primary-700 text-white font-medium py-3 px-6 rounded-xl shadow-lg hover:shadow-xl transition-all duration-300 transform hover:scale-105 focus:outline-none focus:ring-4 focus:ring-primary-300;}.btn-secondary{@apply bg-gradient-to-r from-secondary-100 to-secondary-200 hover:from-secondary-200 hover:to-secondary-300 text-secondary-800 font-medium py-3 px-6 rounded-xl shadow-md hover:shadow-lg transition-all duration-300 transform hover:scale-105 focus:outline-none focus:ring-4 focus:ring-secondary-300 border border-secondary-200;}.btn-record{@apply bg-gradient-to-r from-red-500 to-pink-500 hover:from-red-600 hover:to-pink-600 text-white font-medium py-3 px-6 rounded-xl shadow-lg hover:shadow-xl transition-all duration-300 transform hover:scale-105 focus:outline-none focus:ring-4 focus:ring-red-300;}.btn-record.recording{@apply animate-pulse-slow bg-gradient-to-r from-red-600 to-pink-600 shadow-xl;}.glass-card{@apply bg-white/80 backdrop-blur-lg border border-white/20 rounded-2xl shadow-xl;}.gradient-bg{@apply bg-gradient-to-br from-blue-50 via-indigo-50 to-purple-50;}.modern-input{@apply w-full px-4 py-3 border border-gray-200 rounded-xl focus:ring-4 focus:ring-primary-300 focus:border-primary-500 transition-all duration-300 bg-white/80 backdrop-blur-sm;}.modern-textarea{@apply w-full px-4 py-4 border border-gray-200 rounded-xl focus:ring-4 focus:ring-primary-300 focus:border-primary-500 transition-all duration-300 bg-white/80 backdrop-blur-sm resize-none;}.loader{@apply w-6 h-6 border-4 border-primary-200 border-t-primary-600 rounded-full animate-spin;}.status-card{@apply glass-card p-6 mb-6;}.audio-player{@apply w-full rounded-xl shadow-lg bg-white/90 backdrop-blur-sm;}.feature-card{@apply glass-card p-6 hover:shadow-2xl transition-all duration-300 transform hover:-translate-y-1;}.font-rabar{font-family:Rabar,sans-serif}.minimal-view{@apply fixed inset-0 bg-white z-50;}.audio-controls{@apply flex items-center gap-2 p-2 bg-white/90 backdrop-blur-sm rounded-lg shadow-md;}.speed-control{@apply px-4 py-2 bg-white border border-gray-300 hover:border-blue-400 hover:bg-blue-50 text-gray-700 hover:text-blue-700 rounded-lg text-sm font-medium transition-all duration-200 shadow-sm hover:shadow-md;}.speed-control.active{@apply bg-blue-500 border-blue-500 text-white shadow-md;}.time-control{@apply px-4 py-2 bg-white border border-gray-300 hover:border-gray-400 hover:bg-gray-50 text-gray-700 hover:text-gray-800 rounded-lg text-sm font-medium transition-all duration-200 shadow-sm hover:shadow-md;}.time-control.active{@apply bg-gray-600 border-gray-600 text-white shadow-md;}.skip-button{@apply px-4 py-2 bg-white border border-gray-300 hover:border-gray-400 hover:bg-gray-50 text-gray-700 hover:text-gray-800 rounded-lg font-medium transition-all duration-200 shadow-sm hover:shadow-md flex items-center gap-2;}.skip-button.backward{@apply hover:border-orange-400 hover:bg-orange-50 hover:text-orange-700;}.skip-button.forward{@apply hover:border-green-400 hover:bg-green-50 hover:text-green-700;}}