.app{min-height:100vh;min-height:100dvh;width:100%;position:relative;padding-bottom:env(safe-area-inset-bottom,0)}:root{--bg-primary: #e8f5e9;--bg-secondary: #dcedc8;--bg-card: #fffdf7;--bg-card-hover: #fdfbf5;--bg-surface: #dcedc8;--accent: #b8860b;--accent-light: #d4a44a;--accent-dim: #8b6508;--gold: #b8860b;--gold-light: #d4a44a;--gold-dim: #8b6508;--emerald: #b8860b;--emerald-dim: #8b6508;--text-primary: #000000;--text-secondary: #1a1005;--text-muted: #2a1c0e;--text-arabic: #000000;--border: rgba(184, 134, 11, .18);--border-strong: rgba(184, 134, 11, .35);--radius-sm: 10px;--radius-md: 14px;--radius-lg: 18px;--radius-xl: 26px;--shadow: 0 4px 20px rgba(139, 101, 8, .1);--shadow-lg: 0 12px 40px rgba(139, 101, 8, .15);--shadow-glow: 0 0 30px rgba(184, 134, 11, .1);--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);--glass-bg: rgba(255, 253, 247, .85);--glass-border: rgba(255, 255, 255, .35);--glass-blur: 16px;--glass-shine: linear-gradient(135deg, rgba(255,255,255,.4) 0%, rgba(255,255,255,.05) 50%, rgba(255,255,255,.15) 100%)}*,*: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;overflow-x:hidden}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}.home:before,.surah-list-page:before,.asma-page:before,.tasbih-page:before{content:"";position:fixed;top:-40%;left:-20%;width:140%;height:60%;background:radial-gradient(ellipse at 50% 0%,rgba(212,164,74,.06) 0%,transparent 70%);pointer-events:none;z-index:0}@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;box-shadow:0 0 6px #b8860b4d}::-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}}