:root{--gold: #D4AF37;--gold-dark: #C5A021;--bg-light: #FAFAFA;--bg-dark: #050505}*{font-family:IBM Plex Sans Arabic,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{background-color:var(--bg-light);color:#111;margin:0;transition:background-color .5s ease;font-size:1rem;font-family:IBM Plex Sans Arabic,sans-serif!important}body.dark{background-color:var(--bg-dark);color:#fff}.zikr-logo-font{font-family:IBM Plex Sans Arabic,sans-serif!important;font-weight:700;color:var(--gold)!important;font-size:2.2rem;filter:drop-shadow(0 2px 4px rgba(0,0,0,.1))}.shadow-soft{box-shadow:0 10px 40px -10px #0000000f}.animate-in{animation:simpleFade .6s ease-out forwards}@keyframes simpleFade{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.quran-font,.quran-font *{font-family:Amiri,Noto Naskh Arabic,serif!important;line-height:2.5;font-weight:400;font-size:1.1em}.spiritual-font{font-family:IBM Plex Sans Arabic,sans-serif!important}::-webkit-scrollbar{width:0px;background:transparent}.dark .text-black{color:#fff!important}.dark .bg-white{background-color:#121212!important;border-color:#ffffff1a!important}.dark .text-gray-500{color:#ffffff80!important}h1,h2,h3,h4{letter-spacing:normal;line-height:1.4}button{cursor:pointer}input::placeholder{font-family:IBM Plex Sans Arabic,sans-serif!important;opacity:.5}.animate-shake{animation:shake .4s cubic-bezier(.36,.07,.19,.97) both}@keyframes shake{10%,90%{transform:translate3d(-1px,0,0)}20%,80%{transform:translate3d(2px,0,0)}30%,50%,70%{transform:translate3d(-4px,0,0)}40%,60%{transform:translate3d(4px,0,0)}}