*{box-sizing:border-box;margin:0;padding:0}html{direction:rtl}body{font-family:Heebo,system-ui,-apple-system,sans-serif;background:linear-gradient(135deg,#fdf4ff,#fae8ff,#f3e8ff 50%,#e9d5ff);color:#1f2937;min-height:100vh;padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom);padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}:root{--gradient-primary: linear-gradient(to right, #8b5cf6, #ec4899);--gradient-primary-hover: linear-gradient(to right, #7c3aed, #db2777);--gradient-secondary: linear-gradient(to right, #fde68a, #fed7aa);--gradient-secondary-hover: linear-gradient(to right, #fcd34d, #fdba74);--gradient-background: linear-gradient(135deg, #fdf4ff 0%, #fae8ff 25%, #f3e8ff 50%, #e9d5ff 100%);--gradient-recording: linear-gradient(to right, #ef4444, #ec4899);--gradient-transcribing: linear-gradient(to right, #3b82f6, #8b5cf6)}.gradient-text{background:var(--gradient-primary);-webkit-background-clip:text;background-clip:text;color:transparent}@keyframes mui-pulse{0%,to{opacity:1}50%{opacity:.7}}.animate-pulse{animation:mui-pulse 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes mui-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-spin{animation:mui-spin 1s linear infinite}