.app{min-height:100vh;min-height:100dvh;width:100%;position:relative;padding-bottom:env(safe-area-inset-bottom,0)}:root{--bg-primary: #06090f;--bg-secondary: #0c1018;--bg-card: #111827;--bg-card-hover: #1a2332;--bg-surface: #0f1520;--accent: #d4a44a;--accent-light: #f0c05a;--accent-dim: #a07830;--gold: #d4a44a;--gold-light: #f0c05a;--gold-dim: #a07830;--emerald: #34d399;--emerald-dim: #059669;--text-primary: #f1f5f9;--text-secondary: #94a3b8;--text-muted: #475569;--text-arabic: #fef3c7;--border: rgba(212, 164, 74, .08);--border-strong: rgba(212, 164, 74, .2);--radius-sm: 10px;--radius-md: 14px;--radius-lg: 18px;--radius-xl: 26px;--shadow: 0 4px 30px rgba(0, 0, 0, .4);--shadow-lg: 0 12px 50px rgba(0, 0, 0, .55);--shadow-glow: 0 0 40px rgba(212, 164, 74, .08);--transition: .3s cubic-bezier(.4, 0, .2, 1);--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-spring: .5s cubic-bezier(.34, 1.56, .64, 1)}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:80px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:var(--bg-primary);color:var(--text-primary);line-height:1.65;min-height:100vh;overflow-x:hidden;text-rendering:optimizeSpeed}#root{min-height:100vh;min-height:100dvh;width:100%}button{cursor:pointer;border:none;background:none;font-family:inherit;color:inherit;-webkit-tap-highlight-color:transparent}a{-webkit-tap-highlight-color:transparent}.home,.surah-list-page,.verse-view,.settings-page,.favorites-page,.namaz-page,.duas-page,.dosdonts-page,.asma-page,.tasbih-page,.adhkar-page,.isa-page{animation:pageIn .4s cubic-bezier(.25,.46,.45,.94) both}@keyframes pageIn{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:linear-gradient(180deg,var(--accent-dim),var(--accent));border-radius:10px}::-webkit-scrollbar-thumb:hover{background:var(--accent-light)}*{scrollbar-width:thin;scrollbar-color:var(--accent-dim) transparent}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}@media (hover: none) and (pointer: coarse){button:hover,a:hover{transform:none!important}::-webkit-scrollbar{display:none}*{scrollbar-width:none}}@media (max-width: 360px){html{font-size:14px}}@media (min-width: 1400px){body{font-size:17px}}