:root{--safe-area-top: env(safe-area-inset-top, 0px);--safe-area-bottom: env(safe-area-inset-bottom, 0px);--safe-area-left: env(safe-area-inset-left, 0px);--safe-area-right: env(safe-area-inset-right, 0px);--container-padding: 24px;--header-height: 60px;--footer-height: 80px;--bottom-nav-height: 64px;--touch-target-min: 44px}@media(max-width:600px){:root{--container-padding: 16px;--header-height: 56px;--bottom-nav-height: 56px}}@media(max-width:380px){:root{--container-padding: 12px}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}html{font-size:16px;scroll-behavior:smooth;overscroll-behavior-y:contain}@media(max-width:380px){html{font-size:14px}}body{font-family:Cairo,Amiri,sans-serif;background:linear-gradient(135deg,#0d1f1a,#121f1a,#1a2e26);color:#fff;direction:rtl;min-height:100vh;min-height:100dvh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;padding-top:var(--safe-area-top);padding-bottom:var(--safe-area-bottom);padding-left:var(--safe-area-left);padding-right:var(--safe-area-right);-webkit-text-size-adjust:100%;text-size-adjust:100%;-webkit-overflow-scrolling:touch}.quran-text{font-family:Scheherazade New,Amiri,serif;font-size:1.5rem;line-height:2.2;text-align:justify;color:#fff}.ayah-number{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;background:linear-gradient(135deg,#d4af37,#e8c864);color:#0d1f1a;border-radius:50%;font-family:Cairo,sans-serif;font-size:.75rem;font-weight:700;margin:0 8px}.islamic-card{background:linear-gradient(145deg,#1f3a30cc,#2a4a3e99);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(212,175,55,.2);border-radius:16px;padding:24px;transition:all .3s ease}.islamic-card:hover{transform:translateY(-4px);box-shadow:0 12px 40px #0000004d;border-color:#d4af3766}.btn-primary{background:linear-gradient(135deg,#2d7d5f,#4aa882);color:#fff;border:none;padding:12px 24px;border-radius:25px;font-family:Cairo,sans-serif;font-weight:600;cursor:pointer;transition:all .3s ease}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 25px #2d7d5f66}.btn-accent{background:linear-gradient(135deg,#d4af37,#e8c864);color:#0d1f1a;border:none;padding:12px 24px;border-radius:25px;font-family:Cairo,sans-serif;font-weight:600;cursor:pointer;transition:all .3s ease}.btn-accent:hover{transform:translateY(-2px);box-shadow:0 8px 25px #d4af3766}.section-header{text-align:center;margin-bottom:48px}.section-header h2{font-family:Cairo,sans-serif;font-size:2.5rem;font-weight:700;color:#fff;margin-bottom:16px}.section-header h2 span{color:#d4af37}.section-header p{font-family:Cairo,sans-serif;font-size:1.1rem;color:#ffffffb3}.islamic-pattern{background-image:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23d4af37' fill-opacity='0.05'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E")}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#121f1a}::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#2d7d5f,#4aa882);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#d4af37}.loading-spinner{display:flex;align-items:center;justify-content:center;padding:48px}.loading-spinner .spinner{width:48px;height:48px;border:4px solid rgba(212,175,55,.2);border-top-color:#d4af37;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.fade-in{animation:fadeIn .5s ease-out}@media(max-width:768px){.section-header h2{font-size:1.75rem}.quran-text{font-size:1.25rem}}.mat-mdc-card{background:#1f3a30!important;color:#fff!important}.mat-mdc-button,.mat-mdc-raised-button,.mat-mdc-flat-button{font-family:Cairo,sans-serif!important}.mat-mdc-dialog-container{background:#1f3a30!important}.dark-dialog-panel .mat-mdc-dialog-container{background:transparent!important}.dark-dialog-panel .mat-mdc-dialog-container .mdc-dialog__surface{background:transparent!important;box-shadow:0 25px 50px -12px #00000080!important}.mat-mdc-select-panel,.mat-mdc-menu-panel{background-color:#1f3a30!important;background:#1f3a30!important;border:1px solid rgba(212,175,55,.2);box-shadow:0 8px 32px #0006!important}.mat-mdc-option{color:#fff!important;font-family:Cairo,sans-serif!important}.mat-mdc-option:hover,.mat-mdc-option.mat-mdc-option-active,.mat-mdc-option.mdc-list-item--selected{background-color:#d4af3726!important}.mat-mdc-option .mdc-list-item__primary-text{color:#fff!important}.mat-mdc-option .mdc-list-item__secondary-text{color:#ffffffb3!important}.mat-mdc-select-value{color:#fff!important}.mat-mdc-select-arrow{color:#d4af37!important}.mat-mdc-form-field .mdc-text-field--filled{background-color:#1f3a3080!important}.mat-mdc-form-field .mat-mdc-form-field-input-control{color:#fff!important}.mat-mdc-form-field .mdc-floating-label{color:#ffffffb3!important}.mat-mdc-menu-item{color:#fff!important;font-family:Cairo,sans-serif!important;min-height:var(--touch-target-min)!important}.mat-mdc-menu-item:hover{background-color:#d4af3726!important}.mat-mdc-menu-item mat-icon{color:#d4af37!important}.pwa-container{padding-left:max(var(--container-padding),var(--safe-area-left));padding-right:max(var(--container-padding),var(--safe-area-right));width:100%;max-width:100%}.touch-target{min-width:var(--touch-target-min);min-height:var(--touch-target-min);display:inline-flex;align-items:center;justify-content:center}@media(max-width:600px){.hide-mobile{display:none!important}}@media(min-width:601px){.hide-desktop{display:none!important}}.fixed-bottom-bar{position:fixed;bottom:0;left:0;right:0;padding-bottom:var(--safe-area-bottom);z-index:1000;background:linear-gradient(180deg,#0d1f1af2,#1f3a30fa);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-top:1px solid rgba(212,175,55,.2)}.sticky-header{position:sticky;top:0;padding-top:var(--safe-area-top);z-index:100;background:linear-gradient(180deg,#1f3a30fa,#0d1f1af2);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.fullscreen-mode{position:fixed;inset:0;z-index:9999;padding-top:var(--safe-area-top);padding-bottom:var(--safe-area-bottom);padding-left:var(--safe-area-left);padding-right:var(--safe-area-right)}.responsive-grid{display:grid;gap:16px;grid-template-columns:1fr}@media(min-width:480px){.responsive-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:768px){.responsive-grid{grid-template-columns:repeat(3,1fr)}}@media(min-width:1024px){.responsive-grid{grid-template-columns:repeat(4,1fr)}}.responsive-title{font-size:1.5rem;font-weight:700}@media(min-width:600px){.responsive-title{font-size:2rem}}@media(min-width:1024px){.responsive-title{font-size:2.5rem}}button,[role=button],a.btn,.mat-mdc-button,.mat-mdc-icon-button,.mat-mdc-fab,.mat-mdc-mini-fab{touch-action:manipulation}.mat-mdc-icon-button{min-width:var(--touch-target-min)!important;min-height:var(--touch-target-min)!important}@media(max-width:768px){.keyboard-aware{padding-bottom:env(keyboard-inset-height,0px);transition:padding-bottom .2s ease}}.page-transition{animation:pageSlideIn .3s ease-out forwards}@keyframes pageSlideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.responsive-spacing{padding:var(--container-padding)}@media(min-width:768px){.responsive-spacing{padding:calc(var(--container-padding) * 1.5)}}@media(min-width:1200px){.responsive-spacing{padding:calc(var(--container-padding) * 2)}}.responsive-card{padding:16px;border-radius:12px}@media(min-width:600px){.responsive-card{padding:20px;border-radius:16px}}@media(min-width:1024px){.responsive-card{padding:24px;border-radius:20px}}.list-item-touch{min-height:var(--touch-target-min);padding:12px 16px;display:flex;align-items:center;gap:12px}.mobile-nav-padding{padding-bottom:calc(var(--bottom-nav-height) + var(--safe-area-bottom) + 16px)}.text-truncate{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.text-clamp-2{display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.text-clamp-3{display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.scroll-container{overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}.scroll-horizontal{display:flex;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;gap:12px;padding-bottom:8px}.scroll-horizontal::-webkit-scrollbar{display:none}.scroll-horizontal>*{scroll-snap-align:start;flex-shrink:0}.fab-pwa{position:fixed;bottom:calc(var(--bottom-nav-height) + var(--safe-area-bottom) + 16px);left:var(--container-padding);z-index:999}@media(min-width:1024px){.fab-pwa{bottom:calc(var(--safe-area-bottom) + 24px)}}@media(orientation:landscape)and (max-height:500px){:root{--header-height: 48px;--bottom-nav-height: 48px;--container-padding: 12px}.hide-landscape-mobile{display:none!important}}@media print{.no-print{display:none!important}body{background:#fff!important;color:#000!important}}