body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--bg-primary:#020617;--bg-secondary:#0f172a;--bg-card:#0f172acc;--bg-hover:#22c55e1a;--text-primary:#e5e7eb;--text-secondary:#9ca3af;--text-muted:#6b7280;--accent-primary:#22c55e;--accent-secondary:#16a34a;--accent-glow:#22c55e4d;--border-color:#ffffff1a;--shadow-color:#0000004d;--gradient-bg:radial-gradient(circle at top,#0f172a 0,#020617 50%,#000 100%);--gradient-header:linear-gradient(180deg,#0f172af7,#0f172adb,#0000);--scrollbar-track:#020617;--scrollbar-thumb:#16a34a}[data-theme=light]{--bg-primary:#f8fafc;--bg-secondary:#e2e8f0;--bg-card:#ffffffe6;--bg-hover:#22c55e26;--text-primary:#1e293b;--text-secondary:#475569;--text-muted:#64748b;--accent-primary:#16a34a;--accent-secondary:#15803d;--accent-glow:#16a34a33;--border-color:#0000001a;--shadow-color:#0000001a;--gradient-bg:linear-gradient(180deg,#f0fdf4,#f8fafc 50%,#e2e8f0);--gradient-header:linear-gradient(180deg,#f8fafcf7,#f8fafcdb,#0000);--scrollbar-track:#f8fafc;--scrollbar-thumb:#16a34a}body{background:#020617!important;background:var(--bg-primary)!important;color:#e5e7eb!important;color:var(--text-primary)!important}.app-shell{background:radial-gradient(circle at top,#0f172a 0,#020617 50%,#000 100%)!important;background:var(--gradient-bg)!important}.site-header{background:linear-gradient(180deg,#0f172af7,#0f172adb,#0000)!important;background:var(--gradient-header)!important;border-bottom-color:#ffffff1a!important;border-bottom-color:var(--border-color)!important}.card,.home-card{background:#0f172acc!important;background:var(--bg-card)!important;border-color:#ffffff1a!important;border-color:var(--border-color)!important}.card-title{color:#e5e7eb!important;color:var(--text-primary)!important}.muted-text{color:#6b7280!important;color:var(--text-muted)!important}html{scrollbar-color:#16a34a #020617!important;scrollbar-color:var(--scrollbar-thumb) var(--scrollbar-track)!important}html::-webkit-scrollbar-track{background:#020617!important;background:var(--scrollbar-track)!important}html::-webkit-scrollbar-thumb{background:#16a34a!important;background:var(--scrollbar-thumb)!important}.btn,button{transition:all .3s ease}*,:after,:before{box-sizing:border-box;transition:background-color .3s ease,color .3s ease,border-color .3s ease}body{background:#020617;color:#e5e7eb;cursor:default;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;margin:0}:not(input):not(textarea){caret-color:#0000!important}input,textarea{caret-color:auto!important}html{scrollbar-color:#16a34a #020617;scrollbar-width:thin}html::-webkit-scrollbar{width:8px}html::-webkit-scrollbar-track{background:#020617}html::-webkit-scrollbar-thumb{background:#16a34a;border-radius:999px}html::-webkit-scrollbar-thumb:hover{background:#22c55e}.app-shell{background:radial-gradient(circle at top,#0f172a 0,#020617 50%,#000 100%);direction:rtl;display:flex;flex-direction:column;isolation:isolate;min-height:100vh;overflow:hidden;position:relative}.app-shell>*{position:relative;z-index:1}.app-main{flex:1 1}.app-container{margin:0 auto;max-width:1320px;padding:16px 20px 32px}.site-header{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:linear-gradient(180deg,#0f172af7,#0f172adb,#0000);border-bottom:1px solid #0f172ae6;position:-webkit-sticky;position:sticky;top:0;z-index:30}.header-inner{gap:16px;justify-content:space-between;padding:8px 0}.brand,.header-inner{align-items:center;display:flex}.brand{gap:10px}.brand-logo{align-items:center;background:radial-gradient(circle at 30% 30%,#22c55e,#0f172a);border-radius:999px;display:flex;font-size:1.2rem;height:32px;justify-content:center;width:32px}.brand-text-block{display:flex;flex-direction:column;gap:2px}.brand-name{color:#f9fafb;font-size:1rem;font-weight:700}.brand-sub{color:#9ca3af;font-size:.7rem}.nav-links{align-items:center;display:flex;font-size:.85rem;gap:10px}.nav-links a{border:1px solid #0000;border-radius:999px;color:#9ca3af;padding:6px 12px;text-decoration:none;transition:.12s ease}.nav-links a:hover{background:#0f172af2;border-color:#94a3b899;color:#e5e7eb}@media (max-width:720px){.header-inner{align-items:stretch;flex-direction:column}.nav-links{flex-wrap:wrap;justify-content:flex-start}}.hero{padding:32px 16px 8px;text-align:center}.hero-content{margin:0 auto;max-width:720px}.hero-title{color:#f9fafb;font-size:2.4rem;margin:0 0 10px}.hero-subtitle{color:#9ca3af;font-size:.95rem;line-height:1.7;margin:0}.hero-badge{align-items:center;background:#0f172ae6;border:1px solid #22c55e66;border-radius:999px;color:#bbf7d0;display:inline-flex;font-size:.75rem;justify-content:center;margin-bottom:10px;padding:4px 12px}.main-layout{align-items:center;display:flex;flex-direction:column;gap:24px;margin:24px auto 40px;max-width:900px;padding:0 16px 40px}.card{max-width:700px;width:100%}.col{min-width:0}@media (max-width:900px){.main-layout{grid-template-columns:1fr}}.card{background:radial-gradient(circle at top left,#16a34a12,#0000 55%),#020617;border:1px solid #94a3b826;border-radius:22px;box-shadow:0 20px 45px #0f172ad9,0 0 0 1px #0f172a99;padding:18px 18px 16px}.col:first-child .card,.col:nth-child(2) .card:first-child{min-height:460px}.col:nth-child(2) .card:first-child{display:flex;flex-direction:column}.card-title{color:#f9fafb;font-size:1.1rem;font-weight:700;margin:0 0 12px}.field-label{color:#cbd5f5;display:block;font-size:.9rem;margin-bottom:6px;text-align:right}.input-city{background:#020617;border:1px solid #94a3b866;border-radius:999px;color:#e5e7eb;font-size:.9rem;margin-bottom:10px;outline:none;padding:10px 12px;width:100%}.input-city::placeholder{color:#6b7280}.input-city:focus{border-color:#22c55e;box-shadow:0 0 0 1px #22c55e73}.btn-primary{background:linear-gradient(135deg,#22c55e,#16a34a);border:none;border-radius:999px;box-shadow:0 10px 25px #22c55e4d;color:#022c22;cursor:pointer;font-weight:600;margin-bottom:10px;outline:none;padding:10px 14px;transition:transform .08s ease,box-shadow .08s ease,background .15s ease;width:100%}.btn-primary:disabled{box-shadow:none;cursor:default;opacity:.6}.btn-primary:not(:disabled):hover{background:linear-gradient(135deg,#4ade80,#16a34a);box-shadow:0 16px 35px #22c55e73;transform:translateY(-1px)}.btn-primary:active{box-shadow:0 6px 18px #22c55e59;transform:translateY(1px)}.result-block{background:#020617;border:1px solid #020617;border-radius:16px;margin-top:8px;padding:10px 10px 6px}.city-header{align-items:flex-end;display:flex;flex-direction:column;margin-bottom:8px;text-align:right}.city-name{color:#f9fafb;font-size:1rem;font-weight:600}.city-meta{color:#9ca3af;font-size:.8rem}.prayer-table{border-collapse:collapse;font-size:.9rem;width:100%}.prayer-table tr{border-bottom:1px solid #0f172ae6}.prayer-table tr:last-child{border-bottom:none}.prayer-table td{padding:6px 4px}.prayer-name{color:#e5e7eb;text-align:right}.prayer-time{font-feature-settings:"tnum";color:#facc15;font-variant-numeric:tabular-nums;font-weight:600;text-align:left}.alert-error{background:#7f1d1d;border-radius:10px;color:#fee2e2;font-size:.85rem;margin-top:8px;padding:8px 10px;text-align:right}.muted-text{color:#9ca3af;font-size:.8rem;text-align:right}.live-card-body{margin-top:1rem;position:relative}.tabs{display:flex;gap:6px;justify-content:space-between;margin-bottom:10px}.tab-btn{background:#020617;border:1px solid #1f2937;border-radius:999px;color:#e5e7eb;flex:1 1;font-size:.8rem;padding:6px 4px;transition:background .12s ease,border-color .12s ease,color .12s ease}.tab-btn:hover{border-color:#94a3b8e6}.tab-btn-active{background:radial-gradient(circle at top,#22c55e,#16a34a);border-color:#0000;color:#022c22}.live-list-container{-webkit-padding-end:.5rem;margin-top:.75rem;max-height:320px;overflow-y:auto;padding-inline-end:.5rem}.live-list-container::-webkit-scrollbar{width:8px}.live-list-container::-webkit-scrollbar-track{background:#020617;border-radius:999px}.live-list-container::-webkit-scrollbar-thumb{background:#16a34a;border-radius:999px}.live-list-container::-webkit-scrollbar-thumb:hover{background:#22c55e}.live-list-container{scrollbar-color:#16a34a #020617;scrollbar-width:thin}.live-list{display:flex;flex-direction:column;gap:.5rem;list-style:none;margin:0;padding:0}.live-list-item{align-items:center;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#ffffff0a;border:1px solid #ffffff0f;border-radius:.5rem;display:flex;justify-content:space-between;padding:.55rem .75rem}.live-city-name{color:#e5e7eb;font-size:.95rem;font-weight:500}.live-city-time{font-feature-settings:"tnum";color:#facc15;font-family:JetBrains Mono,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:.9rem;font-variant-numeric:tabular-nums;opacity:.9}.live-loading-overlay{align-items:center;background:radial-gradient(circle at center,#00000040,#0000 55%);display:flex;inset:0;justify-content:center;pointer-events:none;position:absolute}.spinner{animation:spin .7s linear infinite;border:3px solid #ffffff4d;border-radius:999px;height:32px;width:32px}.stats-grid{border-top:1px solid #020617;margin-top:6px;padding-top:6px}.stats-row{border-bottom:1px solid #020617;display:flex;font-size:.85rem;justify-content:space-between;padding:6px 0}.stats-row:last-child{border-bottom:none}.stats-prayer-name{color:#e5e7eb}.stats-prayer-count{color:#facc15;font-weight:600}.about-card{margin-top:24px}.site-footer{background:radial-gradient(circle at bottom,#0f172af2,#020617 70%);border-top:1px solid #0f172ae6}.footer-inner{color:#9ca3af;display:flex;flex-direction:column;font-size:.8rem;gap:4px;padding:10px 20px 18px}.footer-note{color:#6b7280;font-size:.75rem}@media (min-width:720px){.footer-inner{align-items:center;flex-direction:row;justify-content:space-between}}@media (max-width:768px){.home-main-section,.home-top-section{grid-template-columns:1fr}.home-side-section{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}}@media (max-width:600px){.hero-title{font-size:1.8rem}.card{border-radius:18px;padding:16px 14px 14px}.home-grid{gap:1rem;margin:1rem auto 0;padding:0 10px}.home-main-section,.home-side-section,.home-top-section{gap:1rem}}@media (max-width:480px){.hero-title{font-size:1.5rem}.card{border-radius:14px;padding:14px 12px 12px}.home-list li{font-size:.85rem}.home-city{font-size:1rem}.home-side-section{grid-template-columns:1fr}}@media (max-width:360px){.hero-title{font-size:1.3rem}.card{border-radius:12px;padding:12px 10px 10px}.home-list li{font-size:.8rem}}.home-grid .home-card:nth-child(3){grid-column:1/-1;max-width:100%}.home-grid{display:flex;flex-direction:column;gap:1.5rem;margin:2rem auto 0;max-width:1100px}.home-main-section,.home-top-section{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.home-side-section{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.header-actions{align-items:center;display:flex;gap:8px}.home-card{min-height:170px}.home-list{display:flex;flex-direction:column;gap:.35rem;list-style:none;margin:.75rem 0 0;padding:0}.home-list li{display:flex;font-size:.9rem;justify-content:space-between}.home-city{font-size:1.1rem;font-weight:600;margin-bottom:.25rem}.app-shell:before{animation:starsDrift 55s linear infinite,starsTwinkle 3s ease-in-out infinite;background-image:radial-gradient(2.4px 2.4px at 8% 18%,#f8fafcfa,#0000 65%),radial-gradient(2px 2px at 25% 75%,#f8fafce6,#0000 60%),radial-gradient(2.2px 2.2px at 45% 40%,#f8fafcf2,#0000 60%),radial-gradient(1.8px 1.8px at 65% 20%,#f8fafce6,#0000 60%),radial-gradient(2.2px 2.2px at 80% 60%,#f8fafcf2,#0000 60%),radial-gradient(1.7px 1.7px at 92% 82%,#f8fafce6,#0000 60%);background-repeat:repeat;background-size:420px 420px;inset:0;opacity:.8}.app-shell:after,.app-shell:before{content:"";pointer-events:none;position:fixed;z-index:0}.app-shell:after{animation:auroraMove 22s ease-in-out infinite alternate;background:radial-gradient(circle at 20% 0,#22c55e29,#0000 60%),radial-gradient(circle at 80% 100%,#38bdf81f,#0000 60%);inset:-30%;opacity:.55}@keyframes starsDrift{0%{transform:translateZ(0)}50%{transform:translate3d(-20px,-30px,0)}to{transform:translateZ(0)}}@keyframes starsTwinkle{0%,to{opacity:.65}50%{opacity:1}}@keyframes auroraMove{0%{filter:blur(22px);transform:translateZ(0) scale(1)}50%{filter:blur(26px);transform:translate3d(-40px,20px,0) scale(1.05)}to{filter:blur(24px);transform:translate3d(25px,-25px,0) scale(1.02)}}.tools-page{margin:2rem auto;max-width:1200px;padding:0 1rem}.tools-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(2,1fr)}.tools-column{display:flex;flex-direction:column;gap:1.5rem}@media (max-width:900px){.tools-grid{grid-template-columns:1fr}}.quran-section{margin:0 auto;max-width:800px}.navbar{flex:1 1;justify-content:flex-end}.navbar,.navbar-links{align-items:center;display:flex}.navbar-links{flex-wrap:wrap;font-size:.85rem;gap:10px;list-style:none;margin:0;padding:0}.nav-btn{background:#0000;border:1px solid #0000;border-radius:999px;color:#9ca3af;font-size:.85rem;font-weight:600;outline:none;padding:6px 14px;position:relative;transition:background .18s ease,color .18s ease,border-color .18s ease,box-shadow .18s ease,transform .12s ease}.nav-btn:hover{background:#0f172af2;border-color:#94a3b899;color:#e5e7eb}.nav-btn-active{background:linear-gradient(135deg,#22c55e,#16a34a);border-color:#0000;box-shadow:0 10px 24px #22c55e8c,0 0 0 1px #0f172ab3;color:#022c22;transform:translateY(-1px)}.nav-btn-active:hover{box-shadow:0 14px 30px #22c55eb3,0 0 0 1px #0f172ae6;transform:translateY(-2px) scale(1.03)}.nav-btn:active{transform:scale(.96)}@media (max-width:720px){.navbar{width:100%}.navbar,.navbar-links{justify-content:flex-start}}.countries-card{position:relative}.countries-list{gap:.8rem;margin-top:1rem;max-height:350px;overflow-y:auto}.countries-list,.country-row{display:flex;flex-direction:column}.country-row{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;padding:.8rem 1rem}.country-name{color:#fff;font-size:1.1rem;font-weight:600}.cities-count{color:#9ca3af;font-weight:400;margin-right:4px}.sample-cities{color:#cbd5e1;font-size:.95rem;margin-top:4px}.loading-overlay{left:15px;position:absolute;top:15px}.spinner{animation:spin .8s linear infinite;border:3px solid #fff3;border-top-color:#fff;height:18px;width:18px}@media (max-width:600px){.countries-list{gap:.6rem;max-height:300px}.country-row{padding:.6rem .8rem}.country-name{font-size:1rem}.sample-cities{font-size:.85rem}}@media (max-width:480px){.countries-list{gap:.5rem;max-height:280px}.country-row{border-radius:10px;padding:.5rem .7rem}.country-name{font-size:.95rem}.sample-cities{font-size:.8rem}}@media (max-width:360px){.countries-list{max-height:250px}.country-row{padding:.5rem .6rem}.country-name{font-size:.9rem}}.np-wrapper{align-items:center;display:flex;flex-direction:column;gap:1.25rem}.np-tabs{display:flex;flex-wrap:wrap;gap:.4rem;justify-content:center;margin-bottom:.9rem}.np-tab{background:#0f172a;border:1px solid #94a3b840;border-radius:999px;color:#fff;cursor:pointer;font-size:.9rem;font-weight:700;min-width:70px;padding:.45rem 1.2rem;transition:background .18s ease,color .18s ease,border-color .18s ease,transform .18s ease,box-shadow .22s ease}.np-tab:hover:not(.np-tab--active){background:#1e293b;border-color:#94a3b880;transform:translateY(-1px)}.np-tab--active{animation:npTabActivate .22s ease-out;background:linear-gradient(135deg,#f97316,#facc15);border-color:#0000;box-shadow:0 12px 28px #f8991d8c,0 0 0 1px #f8fafc40;color:#fff;transform:translateY(-2px)}.np-tab--active:hover{box-shadow:0 16px 34px #f8991db3,0 0 0 1px #f8fafc59;transform:translateY(-3px) scale(1.06)}@keyframes npTabActivate{0%{box-shadow:0 0 0 #0000;transform:scale(.9)}60%{transform:scale(1.08) translateY(-2px)}to{transform:scale(1) translateY(-2px)}}.np-tab:active:not(.np-tab--active){transform:scale(.95)}.np-pro-card{border-radius:24px;box-shadow:0 22px 45px #0f172af2;cursor:pointer;max-width:420px;overflow:hidden;position:relative;transition:transform .3s ease,box-shadow .3s ease;width:100%}.np-pro-card.np-is-hovered{box-shadow:0 32px 70px #0f172a;transform:translateY(-4px) scale(1.02)}.np-pro-card.np-is-urgent{animation:npUrgentPulse 1.4s ease-in-out infinite}@keyframes npUrgentPulse{0%,to{box-shadow:0 22px 45px #0f172ae6}50%{box-shadow:0 28px 70px #dc262699}}.np-bg-layer,.np-glow-layer,.np-mosque-layer,.np-pattern-layer,.np-stars-layer{inset:0;position:absolute}.np-bg-layer{background:radial-gradient(circle at top,#020617,#020617);transition:background .6s ease}.np-glow-layer{filter:blur(40px);inset:-40px;opacity:0;transition:opacity .5s ease}.np-pro-card.np-is-hovered .np-glow-layer{opacity:1}.np-pattern-layer{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='60' height='60' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m30 0 30 30-30 30L0 30Z' fill='none' stroke='%23fff' stroke-width='.5'/%3E%3Cpath d='m30 10 20 20-20 20-20-20Z' fill='none' stroke='%23fff' stroke-width='.5'/%3E%3Ccircle cx='30' cy='30' r='8' fill='none' stroke='%23fff' stroke-width='.5'/%3E%3C/svg%3E");background-size:60px 60px;opacity:.12;transition:opacity .4s ease}.np-pro-card.np-is-hovered .np-pattern-layer{animation:npPatternMove 20s linear infinite;opacity:.2}@keyframes npPatternMove{0%{background-position:0 0}to{background-position:60px 60px}}.np-stars-layer{inset:0;overflow:hidden;pointer-events:none;position:absolute;z-index:3}.np-star{animation:npStarTwinkle 2s ease-in-out infinite;background:#f8fafcf2;border-radius:50%;box-shadow:0 0 6px #f8fafce6;position:absolute;transform-origin:center}.np-pro-card.np-is-hovered .np-star{animation-duration:1.4s}.np-moon{background:radial-gradient(circle at 30% 30%,#f9fafb,#d1d5db);border-radius:50%;box-shadow:0 0 24px #f8fafcb3;height:52px;left:1.6rem;position:absolute;top:1.6rem;transition:transform .4s ease,box-shadow .4s ease;width:52px}.np-moon-spot{background:#0f172a2e;border-radius:999px;position:absolute}.np-moon-spot-1{height:12px;right:9px;top:10px;width:12px}.np-moon-spot-2{bottom:8px;height:9px;left:11px;width:9px}.np-moon-spot-3{height:7px;left:20px;top:18px;width:7px}.np-pro-card.np-is-hovered .np-moon{box-shadow:0 0 36px #f8fafce6}@keyframes npStarTwinkle{0%{opacity:.4;transform:scale(.9) translateZ(0)}50%{opacity:1;transform:scale(1.18) translate3d(2px,-2px,0)}to{opacity:.5;transform:scale(.95) translate3d(-1px,1px,0)}}@keyframes npStarsDrift{0%{opacity:.6;transform:translateZ(0)}50%{opacity:.9;transform:translate3d(12px,-10px,0)}to{opacity:.7;transform:translate3d(-8px,8px,0)}}.np-mosque-layer{background-image:linear-gradient(0deg,#0f172a,#0000 60%),url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 400 100' xmlns='http://www.w3.org/2000/svg'%3E%3Cdefs%3E%3ClinearGradient id='a' x1='0%25' y1='0%25' x2='0%25' y2='100%25'%3E%3Cstop offset='0%25' stop-color='%23fff' stop-opacity='.32'/%3E%3Cstop offset='100%25' stop-color='%23fff' stop-opacity='.1'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cellipse cx='200' cy='50' rx='40' ry='35' fill='url(%23a)'/%3E%3Cpath fill='url(%23a)' d='M100 20h12v80h-12z'/%3E%3Cellipse cx='106' cy='20' rx='6' ry='8' fill='url(%23a)'/%3E%3Cpath fill='url(%23a)' d='M288 20h12v80h-12z'/%3E%3Cellipse cx='294' cy='20' rx='6' ry='8' fill='url(%23a)'/%3E%3Cpath fill='url(%23a)' d='M130 50h140v50H130z'/%3E%3Crect x='150' y='65' width='15' height='25' rx='7' fill='%23fff' fill-opacity='.2'/%3E%3Crect x='192' y='65' width='15' height='25' rx='7' fill='%23fff' fill-opacity='.2'/%3E%3Crect x='235' y='65' width='15' height='25' rx='7' fill='%23fff' fill-opacity='.2'/%3E%3C/svg%3E");background-position:bottom;background-repeat:no-repeat;background-size:cover;bottom:0;height:90px;left:0;opacity:0;pointer-events:none;right:0;transform:translateY(8px);transition:opacity .5s ease,transform .5s ease}.np-pro-card.np-is-hovered .np-mosque-layer{opacity:.25;transform:translateY(0)}.np-inner{display:flex;flex-direction:column;gap:1.1rem;padding:1.8rem 1.8rem 1.6rem;position:relative;z-index:5}.np-icon-circle,.np-icon-wrap{display:flex;justify-content:center}.np-icon-circle{align-items:center;background:#0f172a66;border:1px solid #f8fafc66;border-radius:999px;box-shadow:0 18px 35px #0f172ae6;color:#f9fafb;font-size:2.2rem;height:80px;transition:transform .3s ease,box-shadow .3s ease,background .3s ease;width:80px}.np-pro-card.np-is-hovered .np-icon-circle{background:#0f172a99;box-shadow:0 25px 45px #0f172a;transform:scale(1.06)}.np-icon{display:block}.np-main-text{text-align:center}.np-label{align-items:center;background:#0f172aa6;border:1px solid #f8fafc33;border-radius:999px;color:#f9fafb;display:inline-flex;font-size:.8rem;justify-content:center;opacity:.95;padding:.15rem .7rem}.np-prayer-name{color:#f9fafb;font-size:2rem;font-weight:800;margin:.3rem 0 .4rem;text-shadow:0 2px 20px #000c}.np-prayer-time{background:linear-gradient(270deg,#facc15,#fb923c);-webkit-background-clip:text;color:#0000;font-size:1.4rem;font-weight:700;margin:0}.np-countdown{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0f172a8c;border:1px solid #0f172ae6;border-radius:18px;margin-top:.7rem;padding:1rem 1rem .9rem}.np-countdown-title{color:#cbd5f5;font-size:.75rem;margin:0 0 .7rem;text-align:center}.np-countdown-row{gap:.7rem;justify-content:center}.flip-number,.np-countdown-row{align-items:center;display:flex}.flip-number{flex-direction:column}.flip-box{background:#f8fafc2e;border:1px solid #f8fafc40;border-radius:.9rem;box-shadow:0 10px 22px #0009;color:#f9fafb;font-family:JetBrains Mono,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1.6rem;font-weight:700;min-width:4rem;padding:.45rem .9rem;position:relative;text-align:center;transition:transform .15s ease}.flip-box-divider{background:#0f172a80;height:1px;left:0;position:absolute;right:0;top:50%}.flip-box--anim{animation:flipAnim .15s ease-in-out}@keyframes flipAnim{0%{transform:scaleY(1)}50%{transform:scaleY(0)}to{transform:scaleY(1)}}.flip-label{color:#e5e7eb;font-size:.7rem;margin-top:.25rem;opacity:.75}.np-colon{color:#f8fafcb3;font-size:2rem;font-weight:700;margin-top:-1.2rem}.np-footer-text{color:#f9fafb;font-size:.8rem;margin:.9rem 0 0;text-align:center;text-shadow:0 1px 8px #000c}.np-theme-fajr .np-bg-layer{background:radial-gradient(circle at top,#020617,#020617 40%,#020617),linear-gradient(145deg,#020617,#0f172a 40%,#1d4ed8 70%,#f97316)}.np-theme-fajr .np-glow-layer{background:radial-gradient(circle at top,#3b82f699,#0000 60%)}.np-theme-fajr .np-prayer-time{background-image:linear-gradient(270deg,#bfdbfe,#f97316)}.np-theme-sunrise .np-bg-layer{background:linear-gradient(145deg,#0f172a,#f97316 40%,#fde68a 95%)}.np-theme-sunrise .np-glow-layer{background:radial-gradient(circle at top,#facc15b3,#0000 55%)}.np-theme-sunrise .np-prayer-time{background-image:linear-gradient(270deg,#facc15,#fed7aa)}.np-theme-dhuhr .np-bg-layer{background:linear-gradient(145deg,#0f172a,#38bdf8 40%,#e0f2fe 90%)}.np-theme-dhuhr .np-glow-layer{background:radial-gradient(circle at top,#facc15b3,#0000 55%)}.np-theme-dhuhr .np-prayer-time{background-image:linear-gradient(270deg,#fbbf24,#fde68a)}.np-theme-asr .np-bg-layer{background:linear-gradient(145deg,#020617,#22c55e 35%,#f97316 90%)}.np-theme-asr .np-glow-layer{background:radial-gradient(circle at top,#22c55eb3,#0000 55%)}.np-theme-asr .np-prayer-time{background-image:linear-gradient(270deg,#4ade80,#facc15)}.np-theme-maghrib .np-bg-layer{background:linear-gradient(145deg,#020617,#1e293b 20%,#7c2d12 60%,#f97316 95%)}.np-theme-maghrib .np-glow-layer{background:radial-gradient(circle at top,#f97316b3,#0000 55%)}.np-theme-maghrib .np-prayer-time{background-image:linear-gradient(270deg,#fed7aa,#fb923c)}.np-theme-isha .np-bg-layer{background:radial-gradient(circle at top,#020617,#020617 50%,#020617),linear-gradient(145deg,#020617,#1e293b 25%,#4f46e5 70%,#a855f7)}.np-theme-isha .np-glow-layer{background:radial-gradient(circle at top,#4f46e599,#0000 55%)}.np-theme-isha .np-prayer-time{background-image:linear-gradient(270deg,#a5b4fc,#e9d5ff)}@media (max-width:600px){.np-inner{padding:1.3rem 1.2rem 1.2rem}.np-prayer-name{font-size:1.7rem}.np-prayer-time{font-size:1.2rem}.flip-box{font-size:1.3rem;min-width:3.3rem}.np-icon-circle{height:65px;width:65px}}@media (max-width:480px){.np-inner{padding:1rem}.np-prayer-name{font-size:1.5rem}.flip-box,.np-prayer-time{font-size:1.1rem}.flip-box{min-width:2.8rem;padding:.4rem .3rem}.np-icon-circle{height:55px;width:55px}.np-countdown-row{gap:.3rem}.flip-label{font-size:.6rem}}@media (max-width:360px){.np-inner{padding:.8rem}.np-prayer-name{font-size:1.3rem}.flip-box,.np-prayer-time{font-size:1rem}.flip-box{min-width:2.5rem;padding:.35rem .25rem}.np-icon-circle{height:45px;width:45px}.np-countdown-row{gap:.2rem}}.city-card{background:radial-gradient(circle at top,#020617,#020617 55%,#000 100%);border-radius:20px;overflow:hidden;padding:1.2rem;position:relative}.city-card:before{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='80' height='80' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m40 0 40 40-40 40L0 40Z' fill='none' stroke='%234b5563' stroke-width='.6'/%3E%3Ccircle cx='40' cy='40' r='10' fill='none' stroke='%234b5563' stroke-width='.6'/%3E%3C/svg%3E");background-size:80px 80px;content:"";inset:0;opacity:.06;pointer-events:none;position:absolute}.city-card>*{position:relative;z-index:2}.city-header-row{align-items:flex-start;margin-bottom:1rem}.city-header-text{gap:.25rem}.city-location-link{align-items:center;background:#0000;border:none;color:#fbbf24;cursor:pointer;display:inline-flex;font-size:.95rem;font-weight:600;gap:.25rem;margin:0;padding:0;text-decoration:underline;-webkit-text-decoration-color:#fbbf24cc;text-decoration-color:#fbbf24cc;text-underline-offset:3px}.city-location-link:hover{color:#facc15;-webkit-text-decoration-color:#facc15;text-decoration-color:#facc15}.city-timezone{margin:0}.city-chip{font-size:.78rem}.city-main-grid{grid-gap:.8rem;display:grid;gap:.8rem;grid-template-columns:repeat(2,minmax(0,1fr))}.city-tile{border-radius:18px;box-shadow:0 10px 25px #0f172ad9;color:#f9fafb;cursor:pointer;display:flex;flex-direction:column;gap:.4rem;overflow:hidden;padding:.8rem 1rem;position:relative;transition:transform .18s ease,box-shadow .18s ease}.city-tile:before{background:linear-gradient(120deg,#0000,#ffffff4d,#0000);content:"";inset:-40%;opacity:0;position:absolute;transform:translateX(-120%)}.city-tile:hover:before{animation:cityTileShine .9s linear;opacity:1}@keyframes cityTileShine{0%{transform:translateX(-120%)}to{transform:translateX(120%)}}.city-tile:hover{box-shadow:0 18px 40px #0f172a;transform:translateY(-3px) scale(1.02)}.city-tile-top{justify-content:space-between}.city-tile-icon,.city-tile-top{align-items:center;display:flex}.city-tile-icon{background:#0f172a40;border-radius:999px;box-shadow:0 6px 12px #0f172aa6;font-size:1.4rem;height:34px;justify-content:center;width:34px}.city-tile-time{font-family:JetBrains Mono,monospace;font-size:1.1rem;font-weight:700}.city-tile-bottom{align-items:center;display:flex;justify-content:space-between}.city-tile-ar{font-weight:700}.city-tile-en{font-size:.75rem;opacity:.9}.city-tile-fajr{background:linear-gradient(135deg,#4f46e5,#a855f7)}.city-tile-sunrise{background:linear-gradient(135deg,#f97316,#facc15)}.city-tile-dhuhr{background:linear-gradient(135deg,#facc15,#f97316)}.city-tile-asr{background:linear-gradient(135deg,#fb923c,#ec4899)}.city-tile-maghrib{background:linear-gradient(135deg,#ec4899,#8b5cf6)}.city-tile-isha{background:linear-gradient(135deg,#4f46e5,#0ea5e9)}.city-extra-title{color:#9ca3af;font-size:.85rem;margin-bottom:.7rem;margin-top:1.6rem;position:relative;text-align:center}.city-extra-title:after,.city-extra-title:before{background:linear-gradient(270deg,#0000,#94a3b8b3);content:"";height:1px;position:absolute;top:50%;width:22%}.city-extra-title:after{background:linear-gradient(90deg,#0000,#94a3b8b3);left:10%}.city-extra-title:before{right:10%}.city-extra-list{display:flex;flex-direction:column;gap:.5rem}.city-extra-item{align-items:center;background:radial-gradient(circle at top left,#111827,#020617);border:1px solid #0f172ae6;border-radius:16px;box-shadow:0 12px 25px #0f172af2;cursor:pointer;display:flex;justify-content:space-between;padding:.65rem 1rem;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.city-extra-item:hover{border-color:#38bdf899;box-shadow:0 18px 40px #0f172a;transform:translateY(-2px)}.city-extra-left{align-items:center;display:flex;gap:.55rem}.city-extra-icon{align-items:center;background:#0f172ad9;border-radius:999px;display:flex;font-size:1.15rem;height:26px;justify-content:center;width:26px}.city-extra-text{display:flex;flex-direction:column}.city-extra-ar{color:#e5e7eb}.city-extra-en{color:#9ca3af;font-size:.75rem}.city-extra-time{color:#f9fafb;font-family:JetBrains Mono,monospace;font-size:1rem}@media (max-width:768px){.city-main-grid{gap:.6rem;grid-template-columns:repeat(2,1fr)}.city-tile{padding:.7rem .9rem}}@media (max-width:600px){.city-main-grid{grid-template-columns:1fr}.city-tile-time{font-size:1rem}.city-header-row{align-items:center;flex-direction:column;gap:.5rem}.city-header-text{align-items:center;text-align:center}}@media (max-width:480px){.city-tile{padding:.6rem .8rem}.city-tile-label{font-size:.7rem}.city-tile-time{font-size:.95rem}.city-chip{font-size:.75rem;padding:.25rem .7rem}.city-location-line{font-size:.85rem}}@media (max-width:360px){.city-tile{padding:.5rem .6rem}.city-tile-time{font-size:.9rem}}.city-header-row{align-items:center;direction:rtl;display:flex;gap:.75rem;justify-content:space-between;margin-bottom:.4rem}.city-chip{background:#0f172af2;border:1px solid #94a3b899;border-radius:999px;box-shadow:0 12px 25px #0f172a;color:#e5e7eb;font-size:.8rem;padding:.3rem .9rem;white-space:nowrap}.city-header-text{align-items:flex-end;display:flex;flex-direction:column;text-align:right}.city-location-line{align-items:center;color:#fbbf24;display:inline-flex;font-size:.95rem;font-weight:600;gap:.3rem}.city-location-pin{font-size:1rem}.city-timezone{align-items:center;color:#9ca3af;display:flex;font-size:.8rem;gap:.25rem;justify-content:center;margin:.25rem 0 1rem;text-align:center}.city-timezone-label{color:#9ca3af}.city-timezone-sep{color:#6b7280}.city-timezone-value{color:#e5e7eb;font-weight:500}.city-timezone-icon{font-size:.9rem;opacity:.8}.globe-wide-card{margin:0 auto;max-width:1100px;padding:22px 22px 16px;width:100%}.globe-shell{display:flex;flex-direction:column;gap:10px;margin-top:.75rem}.globe-header-row{align-items:center;display:flex;gap:12px;justify-content:space-between}.globe-toolbar{align-items:center;display:flex;gap:8px}.globe-icon-btn{align-items:center;background:#0f172ae6;border:1px solid #94a3b859;border-radius:999px;color:#e5e7eb;cursor:pointer;display:inline-flex;font-size:.9rem;height:32px;justify-content:center;transition:background .15s ease,border-color .15s ease,transform .08s ease,box-shadow .15s ease;width:32px}.globe-icon-btn:hover{background:#020617;border-color:#94a3b8cc;box-shadow:0 6px 15px #0f172ad9;transform:translateY(-1px)}.globe-icon-btn:active{box-shadow:none;transform:translateY(0)}.globe-utc-pill{align-items:center;background:#0f172af2;border:1px solid #1e40af99;border-radius:999px;box-shadow:0 10px 25px #0f172ae6;color:#e5e7eb;display:inline-flex;font-size:.8rem;gap:8px;padding:6px 12px}.globe-utc-label{background:#2563eb66;border-radius:999px;font-size:.7rem;letter-spacing:.03em;padding:2px 8px}.globe-utc-time{font-family:JetBrains Mono,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:.85rem}.globe-utc-icon{font-size:.8rem;opacity:.95}.globe-title-pill{-webkit-margin-start:auto;align-items:center;background:linear-gradient(135deg,#fbbf2426,#fb923c0d);border:1px solid #fbbf2499;border-radius:999px;box-shadow:0 10px 28px #f8b52473,0 0 0 1px #0f172acc;display:inline-flex;gap:10px;margin-inline-start:auto;padding:8px 12px}.globe-title-main{color:#f9fafb;font-size:.9rem;font-weight:700}.globe-title-sub{color:#fde68a;font-size:.7rem}.globe-sound-btn{align-items:center;background:linear-gradient(135deg,#22c55e,#16a34a);border:none;border-radius:999px;box-shadow:0 10px 22px #16a34a99;color:#022c22;cursor:pointer;display:flex;font-size:1rem;height:30px;justify-content:center;outline:none;transition:transform .08s ease,box-shadow .1s ease;width:30px}.globe-sound-btn:hover{box-shadow:0 14px 30px #16a34acc;transform:translateY(-1px)}.globe-main-row{grid-gap:16px;display:grid;gap:16px;grid-template-columns:minmax(0,3fr) minmax(260px,1.2fr);margin-top:10px}.globe-map-wrapper{background:radial-gradient(circle at top,#020617,#020617 55%,#000 100%);border:1px solid #94a3b840;border-radius:18px;box-shadow:0 18px 40px #0f172ae6;height:420px;margin-top:4px;overflow:hidden;position:relative;width:100%}.globe-map-wrapper svg{display:block;height:100%;width:100%}.globe-legend{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0f172aeb;border:1px solid #94a3b899;border-radius:12px;bottom:12px;color:#e5e7eb;font-size:.7rem;left:12px;min-width:120px;padding:8px 10px;position:absolute}.globe-legend-title{color:#cbd5f5;font-size:.7rem;margin-bottom:4px}.globe-legend-row{align-items:center;display:flex;gap:6px;margin-top:2px}.globe-legend-dot{border-radius:999px;height:9px;width:9px}.dot-now{background:#22c55e;box-shadow:0 0 8px #22c55ee6}.dot-day{background:#fbbf24;box-shadow:0 0 8px #fbbf24e6}.dot-night{background:#60a5fa;box-shadow:0 0 8px #60a5fae6}.globe-side-card{background:radial-gradient(circle at top left,#3b82f62e,#020617 60%);border:1px solid #94a3b84d;border-radius:18px;box-shadow:0 18px 40px #0f172ae6;display:flex;flex-direction:column;font-size:.8rem;gap:8px;margin-top:4px;padding:14px 14px 12px}.globe-side-header{align-items:center;display:flex;gap:8px;justify-content:space-between}.globe-side-city{color:#f9fafb;font-size:1rem;font-weight:700}.globe-side-country{color:#9ca3af;font-size:.75rem}.globe-side-status-pill{align-items:center;background:#0f172ae6;border:1px solid #94a3b8b3;border-radius:999px;color:#e5e7eb;display:inline-flex;font-size:.75rem;gap:4px;padding:4px 10px}.globe-side-row{align-items:center;border-bottom:1px solid #0f172ae6;display:flex;gap:8px;justify-content:space-between;padding:6px 0}.globe-side-row:last-of-type{border-bottom:none}.globe-side-label{color:#cbd5f5;font-size:.78rem}.globe-side-value{color:#f9fafb;font-family:JetBrains Mono,ui-monospace;font-size:.9rem}.globe-side-badge{border:1px solid #0000;border-radius:999px;font-size:.7rem;padding:3px 8px}.globe-side-badge-muted{background:#0f172ae6;border-color:#94a3b899;color:#e5e7eb}.globe-side-badge-green{background:#16a34a26;border-color:#16a34ab3;color:#bbf7d0}.globe-side-note{color:#9ca3af;font-size:.7rem;line-height:1.5;margin:4px 0 0}.globe-footer-stats{background:#0f172af2;border:1px solid #0f172ae6;border-radius:999px;display:flex;flex-wrap:wrap;font-size:.75rem;gap:10px;justify-content:center;margin-top:10px;padding:6px 10px 2px}.globe-footer-item{align-items:center;color:#e5e7eb;display:inline-flex;gap:4px}.globe-footer-item span{opacity:.85}.globe-footer-item strong{-webkit-margin-start:3px;color:#facc15;font-weight:700;margin-inline-start:3px}@media (max-width:900px){.globe-main-row{grid-template-columns:minmax(0,1fr);height:auto}.globe-map-wrapper{height:360px}.globe-wide-card{padding:16px}}@media (max-width:640px){.globe-header-row{align-items:stretch;flex-direction:column;gap:10px}.globe-title-pill{justify-content:space-between;width:100%}.globe-utc-pill{align-self:center}.globe-footer-stats{gap:6px;justify-content:space-between;padding:6px 8px}.globe-map-wrapper{height:300px}.globe-side-card{padding:12px}.globe-now-strip{padding:8px 10px}.globe-prayers-tabs{gap:4px}.globe-prayers-tabs .tab-btn{font-size:.7rem;padding:5px 3px}}@media (max-width:480px){.globe-wide-card{padding:12px}.globe-map-wrapper{border-radius:14px;height:250px}.globe-title-pill{gap:8px;padding:6px 10px}.globe-title-main{font-size:.8rem}.globe-title-sub{font-size:.65rem}.globe-utc-pill{font-size:.75rem;padding:5px 10px}.globe-footer-stats{border-radius:14px;flex-wrap:wrap;font-size:.7rem}.globe-footer-item{font-size:.7rem}.globe-legend{font-size:.65rem;min-width:100px;padding:6px 8px}.globe-side-city{font-size:.9rem}.globe-side-value{font-size:.8rem}.globe-now-chip{font-size:.75rem;padding:5px 10px}.globe-now-chip-row{gap:4px}.globe-prayers-tabs{gap:3px}.globe-prayers-tabs .tab-btn{border-radius:12px;font-size:.65rem;padding:4px 2px}}@media (max-width:360px){.globe-map-wrapper{height:200px}.globe-wide-card{padding:10px}.globe-title-main{font-size:.75rem}.globe-footer-stats{font-size:.65rem;gap:4px}.globe-prayers-tabs{grid-gap:4px;display:grid;gap:4px;grid-template-columns:repeat(3,1fr)}.globe-prayers-tabs .tab-btn{border-radius:10px;flex:none;font-size:.65rem;padding:5px 2px}}.globe-now-panel-header{margin-bottom:6px}.globe-now-chip{background:#16a34af2;border:none;border-radius:999px;box-shadow:0 10px 22px #16a34ab3;color:#022c22;cursor:pointer;font-size:.8rem;font-weight:600;outline:none;padding:7px 12px;transition:transform .08s ease,box-shadow .12s ease,background .12s ease}.globe-now-chip:hover{background:#22c55e;box-shadow:0 14px 30px #16a34ae6;transform:translateY(-1px)}.globe-now-waves{transform-origin:center}.globe-now-wave{fill:#0000;stroke:#22c55ebf;stroke-width:1.5;animation:globeWave 2.4s ease-out infinite}.globe-now-wave-2{animation-delay:.4s}.globe-now-wave-3{animation-delay:.8s}@keyframes globeWave{0%{opacity:.9;transform:scale(.4)}70%{opacity:0;transform:scale(1.8)}to{opacity:0}}.globe-prayers-tabs{flex-wrap:wrap;margin-top:.6rem;row-gap:6px}.globe-prayers-tabs .tab-btn{align-items:center;display:flex;flex:1 1 auto;justify-content:center;min-width:0;text-align:center;white-space:nowrap}.globe-legend-dot-fajr{background:#38bdf8;box-shadow:0 0 8px #38bdf8e6}.globe-legend-dot-dhuhr{background:#facc15;box-shadow:0 0 8px #facc15e6}.globe-legend-dot-asr{background:#fb923c;box-shadow:0 0 8px #fb923ce6}.globe-legend-dot-maghrib{background:#22c55e;box-shadow:0 0 8px #22c55ee6}.globe-legend-dot-isha{background:#a855f7;box-shadow:0 0 8px #a855f7e6}.globe-now-more{background:#16a34a08;border:1px solid #16a34a99;border-radius:14px;color:#bbf7d0;font-size:.72rem;font-weight:600;padding:3px 8px;white-space:nowrap}.globe-map-column{display:flex;flex-direction:column;gap:8px}.globe-now-strip{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:radial-gradient(circle at top,#16a34a47,#16a34a1f);border:1px solid #16a34abf;border-radius:18px;box-shadow:0 16px 35px #16a34a8c,0 0 0 1px #0f172ad9;color:#ecfdf5;padding:10px 12px 8px}.globe-now-panel-header{align-items:center;display:flex;gap:6px;margin-bottom:8px}.globe-now-icon{font-size:.9rem}.globe-now-title{font-size:.8rem;font-weight:700}.globe-now-chip-row{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:2px;overflow-x:visible;padding-bottom:2px}.countdown-card{background:linear-gradient(135deg,var(--bg-card) 0,#22c55e1a 100%);border:1px solid var(--border-color);border-radius:16px;box-shadow:0 4px 20px var(--shadow-color);margin-bottom:20px;padding:20px}.countdown-error,.countdown-loading{align-items:center;color:var(--text-secondary);display:flex;gap:10px;justify-content:center;min-height:150px}.countdown-spinner{animation:spin 1s linear infinite;border:3px solid var(--border-color);border-radius:50%;border-top-color:var(--accent-primary);height:24px;width:24px}.countdown-header{align-items:center;border-bottom:1px solid var(--border-color);display:flex;gap:12px;margin-bottom:20px;padding-bottom:15px}.countdown-icon{filter:drop-shadow(0 2px 4px rgba(0,0,0,.3));font-size:2.5rem}.countdown-info{display:flex;flex:1 1;flex-direction:column}.countdown-label{color:var(--text-muted);font-size:.85rem}.countdown-prayer-name{color:var(--accent-primary);font-size:1.5rem;font-weight:700}.countdown-time{background:var(--bg-secondary);border-radius:8px;color:var(--text-primary);font-size:1.25rem;font-weight:600;padding:8px 16px}.countdown-timer{align-items:center;display:flex;gap:8px;justify-content:center;margin:20px 0}.countdown-unit{align-items:center;display:flex;flex-direction:column;min-width:70px}.countdown-value{-webkit-text-fill-color:#0000;font-feature-settings:"tnum";background:linear-gradient(135deg,var(--accent-primary) 0,var(--accent-secondary) 100%);-webkit-background-clip:text;background-clip:text;color:var(--text-primary);font-size:2.5rem;font-variant-numeric:tabular-nums;font-weight:700}.countdown-unit-label{color:var(--text-muted);font-size:.75rem;margin-top:4px}.countdown-separator{animation:blink 1s infinite;color:var(--accent-primary);font-size:2rem;font-weight:700;opacity:.7}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:.3}}.countdown-location{border-top:1px solid var(--border-color);color:var(--text-secondary);font-size:.9rem;margin-top:15px;padding-top:15px;text-align:center}@media (max-width:600px){.countdown-value{font-size:2rem}.countdown-unit{min-width:60px}.countdown-units{gap:10px}}@media (max-width:480px){.countdown-value{font-size:1.8rem}.countdown-unit{min-width:55px;padding:10px 8px}.countdown-prayer-name{font-size:1.2rem}.countdown-units{gap:8px}.countdown-label{font-size:.65rem}}@media (max-width:360px){.countdown-value{font-size:1.5rem}.countdown-unit{min-width:48px;padding:8px 6px}.countdown-prayer-name{font-size:1.1rem}.countdown-units{gap:6px}.countdown-card{padding:15px}}.hijri-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:16px;margin-bottom:20px;padding:20px}.hijri-main{align-items:center;border-bottom:1px solid var(--border-color);display:flex;gap:15px;padding-bottom:15px}.hijri-day{background:linear-gradient(135deg,#22c55e1a,#0000);border-radius:12px;color:var(--accent-primary);font-size:3rem;font-weight:700;min-width:80px;padding:10px;text-align:center}.hijri-details{display:flex;flex:1 1;flex-direction:column}.hijri-month{color:var(--text-primary);font-size:1.3rem;font-weight:600}.hijri-year{color:var(--text-secondary);font-size:1rem}.hijri-weekday{background:var(--bg-secondary);border-radius:20px;color:var(--text-muted);font-size:1rem;padding:8px 16px}.hijri-event{align-items:center;background:linear-gradient(135deg,#fbbf241a,#0000);border:1px solid #fbbf244d;border-radius:12px;display:flex;gap:10px;margin-top:15px;padding:12px}.today-event{animation:pulse-glow 2s infinite}.event-icon{font-size:1.5rem}.event-name{color:var(--text-primary);flex:1 1;font-weight:600}.event-badge{background:#fbbf24;border-radius:12px;color:#000;font-size:.75rem;font-weight:600;padding:4px 10px}.hijri-upcoming{margin-top:20px}.upcoming-title{color:var(--text-secondary);font-size:1rem;margin-bottom:12px}.upcoming-event{align-items:center;border-bottom:1px solid var(--border-color);display:flex;gap:10px;padding:10px 0}.upcoming-event:last-child{border-bottom:none}.event-days{background:var(--bg-secondary);border-radius:10px;color:var(--text-muted);font-size:.85rem;padding:4px 10px}@media (max-width:600px){.hijri-card{padding:15px}.hijri-day{font-size:2.2rem;min-width:65px;padding:8px}.hijri-month{font-size:1.1rem}.hijri-year{font-size:.9rem}.hijri-weekday{font-size:.85rem;padding:6px 12px}.hijri-main{gap:10px}}@media (max-width:480px){.hijri-main{flex-wrap:wrap}.hijri-day{font-size:2rem;min-width:55px}.hijri-month{font-size:1rem}.hijri-event{gap:8px;padding:10px}.event-icon{font-size:1.2rem}.event-name{font-size:.9rem}.event-badge{font-size:.7rem;padding:3px 8px}}@media (max-width:360px){.hijri-day{font-size:1.8rem;min-width:50px}.hijri-month{font-size:.95rem}.hijri-weekday{font-size:.8rem}}.daily-content{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-bottom:20px}.daily-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:16px;overflow:hidden;padding:20px;position:relative}.daily-card:before{content:"";height:3px;left:0;position:absolute;right:0;top:0}.verse-card:before{background:linear-gradient(90deg,#8b5cf6,#6366f1)}.hadith-card:before{background:linear-gradient(90deg,#f59e0b,#eab308)}.daily-header{align-items:center;display:flex;gap:10px;margin-bottom:15px}.daily-icon{font-size:1.5rem}.daily-label{color:var(--text-secondary);font-size:.9rem;font-weight:600}.daily-text{color:var(--text-primary);font-size:1.15rem;line-height:1.8;margin:0 0 15px}.verse-text{font-family:Amiri,Traditional Arabic,serif;font-size:1.3rem}.daily-source{background:var(--bg-secondary);border-radius:12px;color:var(--text-muted);display:inline-block;font-size:.85rem;padding:4px 12px}@media (max-width:600px){.daily-content{gap:15px;grid-template-columns:1fr}.daily-card{padding:16px}.daily-text{font-size:1.05rem;line-height:1.7}.verse-text{font-size:1.2rem}}@media (max-width:480px){.daily-content{gap:12px}.daily-card{border-radius:14px;padding:14px}.daily-icon{font-size:1.3rem}.daily-label{font-size:.85rem}.daily-text{font-size:1rem;margin-bottom:12px}.verse-text{font-size:1.1rem}.daily-source{font-size:.8rem;padding:3px 10px}}@media (max-width:360px){.daily-card{padding:12px}.daily-text{font-size:.95rem}.verse-text{font-size:1rem}.daily-source{font-size:.75rem}}.qibla-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:16px;padding:20px;text-align:center}.qibla-loading{align-items:center;color:var(--text-secondary);display:flex;flex-direction:column;gap:15px;justify-content:center;min-height:300px}.qibla-spinner{animation:spin 1s linear infinite;border:3px solid var(--border-color);border-radius:50%;border-top-color:var(--accent-primary);height:40px;width:40px}.qibla-title{color:var(--text-primary);font-size:1.3rem;margin-bottom:20px}.qibla-compass-container{align-items:center;display:flex;justify-content:center;padding:20px}.qibla-compass{background:linear-gradient(135deg,var(--bg-secondary) 0,var(--bg-primary) 100%);border-radius:50%;box-shadow:0 0 30px #22c55e33,inset 0 0 20px #0000004d;height:220px;position:relative;transition:transform .3s ease-out;width:220px}.compass-ring{border:2px solid var(--accent-primary);border-radius:50%;opacity:.3;position:absolute}.compass-ring.outer{bottom:10px;left:10px;right:10px;top:10px}.compass-ring.inner{bottom:30px;left:30px;right:30px;top:30px}.compass-directions{bottom:0;left:0;position:absolute;right:0;top:0}.direction{color:var(--text-secondary);font-size:.9rem;font-weight:700;position:absolute}.direction.north{color:var(--accent-primary);font-size:1.1rem;top:15px}.direction.north,.direction.south{left:50%;transform:translateX(-50%)}.direction.south{bottom:15px}.direction.east{right:15px}.direction.east,.direction.west{top:50%;transform:translateY(-50%)}.direction.west{left:15px}.qibla-arrow{height:80px;left:50%;margin-left:-2px;margin-top:-80px;position:absolute;top:50%;transform-origin:bottom center;transition:transform .3s ease-out;width:4px}.arrow-head{filter:drop-shadow(0 2px 4px rgba(0,0,0,.5));font-size:1.8rem;top:-10px}.arrow-head,.qibla-arrow:before{left:50%;position:absolute;transform:translateX(-50%)}.qibla-arrow:before{background:linear-gradient(to bottom,var(--accent-primary),#0000);border-radius:2px;content:"";height:60px;top:20px;width:3px}.qibla-info{margin-top:20px}.qibla-degree{align-items:center;display:flex;flex-direction:column}.degree-value{color:var(--accent-primary);font-size:2rem;font-weight:700}.degree-label{color:var(--text-muted);font-size:.85rem}.qibla-note{color:var(--text-muted);font-size:.8rem;margin-top:10px}.qibla-tip{border-top:1px solid var(--border-color);color:var(--text-secondary);font-size:.85rem;margin-top:15px;padding-top:15px}@media (max-width:600px){.qibla-card{padding:15px}.qibla-compass{height:180px;width:180px}.qibla-arrow{height:65px;margin-top:-65px}.qibla-arrow:before{height:50px}.qibla-title{font-size:1.1rem}.degree-value{font-size:1.6rem}.direction{font-size:.8rem}.direction.north{font-size:1rem}}@media (max-width:480px){.qibla-compass{height:160px;width:160px}.qibla-arrow{height:55px;margin-top:-55px}.qibla-arrow:before{height:40px}.qibla-compass-container{padding:10px}.qibla-loading{min-height:250px}.degree-value{font-size:1.4rem}}@media (max-width:360px){.qibla-compass{height:140px;width:140px}.qibla-arrow{height:45px;margin-top:-45px}.degree-value{font-size:1.2rem}.direction{font-size:.7rem}.direction.north{font-size:.85rem}}.favorites-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:16px;padding:20px}.favorites-title{color:var(--text-primary);font-size:1.2rem;margin:0 0 15px}.favorites-add{display:flex;gap:10px;margin-bottom:20px}.favorites-add input{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:10px;color:var(--text-primary);direction:ltr;flex:1 1;font-size:1rem;padding:12px 15px}.favorites-add input::placeholder{color:var(--text-muted)}.favorites-add input:focus{border-color:var(--accent-primary);outline:none}.favorites-add button{background:var(--accent-primary);border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:1.5rem;height:45px;transition:all .2s;width:45px}.favorites-add button:hover{background:var(--accent-secondary)}.favorites-add button:disabled{cursor:not-allowed;opacity:.5}.favorites-empty{color:var(--text-muted);padding:30px;text-align:center}.favorites-list{display:flex;flex-direction:column;gap:12px}.favorite-item{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;padding:15px}.favorite-header{align-items:center;display:flex;gap:10px;margin-bottom:10px}.favorite-city{color:var(--text-primary);font-weight:600}.favorite-country{color:var(--text-muted);flex:1 1;font-size:.85rem}.favorite-remove{background:#ef44441a;border:none;border-radius:50%;color:#ef4444;cursor:pointer;height:28px;transition:all .2s;width:28px}.favorite-remove:hover{background:#ef4444;color:#fff}.favorite-times{display:flex;flex-wrap:wrap;gap:8px}.favorite-times span{background:var(--bg-card);border-radius:8px;color:var(--text-secondary);font-size:.85rem;padding:4px 10px}@media (max-width:600px){.favorites-card{padding:15px}.favorites-add{flex-direction:column}.favorites-add input{width:100%}.favorites-add button{border-radius:10px;height:42px;width:100%}}@media (max-width:480px){.favorite-item{padding:12px}.favorite-city{font-size:.95rem}.favorite-times span{font-size:.8rem;padding:3px 8px}.favorite-remove{height:26px;width:26px}}@media (max-width:360px){.favorites-card{padding:12px}.favorite-item{gap:8px;padding:10px}.favorite-times{gap:6px}.favorite-times span{font-size:.75rem;padding:2px 6px}}.adhkar-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:16px;padding:20px}.adhkar-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:15px}.adhkar-title{color:var(--text-primary);font-size:1.2rem;margin:0}.adhkar-reset{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;color:var(--text-secondary);cursor:pointer;font-size:.85rem;padding:6px 12px;transition:all .2s}.adhkar-reset:hover{background:var(--bg-hover);color:var(--accent-primary)}.adhkar-progress{background:var(--bg-secondary);border-radius:4px;height:8px;margin-bottom:20px;overflow:hidden;position:relative}.adhkar-progress-bar{background:linear-gradient(90deg,var(--accent-primary),var(--accent-secondary));border-radius:4px;height:100%;transition:width .3s ease}.adhkar-progress-text{color:var(--text-primary);font-size:.7rem;font-weight:600;left:50%;position:absolute;text-shadow:0 1px 2px #00000080;top:50%;transform:translate(-50%,-50%)}.adhkar-list{display:flex;flex-direction:column;gap:10px}.dhikr-item{align-items:center;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;cursor:pointer;display:flex;gap:12px;padding:15px;transition:all .2s;-webkit-user-select:none;user-select:none}.dhikr-item:hover{background:var(--bg-hover);border-color:var(--accent-primary)}.dhikr-item:active{transform:scale(.98)}.dhikr-item.completed{background:#22c55e1a;border-color:var(--accent-primary)}.dhikr-text{color:var(--text-primary);flex:1 1;font-size:1rem;line-height:1.6}.dhikr-counter{align-items:baseline;display:flex;font-family:Courier New,monospace;gap:2px}.counter-current{color:var(--accent-primary);font-size:1.3rem;font-weight:700}.counter-sep,.counter-total{color:var(--text-muted)}.counter-total{font-size:.9rem}.dhikr-check{align-items:center;background:var(--accent-primary);border-radius:50%;color:#fff;display:flex;font-size:.8rem;font-weight:700;height:24px;justify-content:center;width:24px}@media (max-width:600px){.adhkar-card{padding:15px}.adhkar-title{font-size:1.1rem}.dhikr-item{gap:10px;padding:12px}.dhikr-text{font-size:.95rem}.counter-current{font-size:1.2rem}}@media (max-width:480px){.adhkar-card{border-radius:14px;padding:12px}.adhkar-header{flex-wrap:wrap;gap:10px}.adhkar-title{font-size:1rem}.adhkar-reset{font-size:.8rem;padding:5px 10px}.dhikr-item{border-radius:10px;gap:8px;padding:10px}.dhikr-text{font-size:.9rem;line-height:1.5}.counter-current{font-size:1.1rem}.counter-total{font-size:.8rem}.dhikr-check{font-size:.75rem;height:22px;width:22px}}@media (max-width:360px){.adhkar-card{padding:10px}.dhikr-item{padding:8px}.dhikr-text{font-size:.85rem}.counter-current{font-size:1rem}}.prayer-tracking-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:20px;padding:20px}.pt-header{justify-content:space-between;margin-bottom:16px}.pt-header,.pt-title{align-items:center;display:flex}.pt-title{gap:10px}.pt-title h3{color:var(--text-primary);font-size:1.1rem;margin:0}.pt-icon{font-size:1.3rem}.pt-stats-btn{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:50%;cursor:pointer;font-size:1rem;height:36px;transition:all .2s;width:36px}.pt-stats-btn:hover{background:var(--bg-hover);border-color:var(--accent-primary)}.pt-today-progress{margin-bottom:16px}.pt-progress-bar{background:var(--bg-secondary);border-radius:999px;height:8px;margin-bottom:6px;overflow:hidden}.pt-progress-fill{background:linear-gradient(90deg,var(--accent-primary),var(--accent-secondary));border-radius:999px;height:100%;transition:width .5s ease}.pt-progress-text{color:var(--text-muted);font-size:.85rem}.pt-prayers-grid{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(5,1fr)}.pt-prayer-btn{align-items:center;background:var(--bg-secondary);border:2px solid var(--border-color);border-radius:14px;cursor:pointer;display:flex;flex-direction:column;gap:4px;padding:12px 6px;transition:all .2s ease}.pt-prayer-btn:hover{border-color:var(--accent-primary);transform:translateY(-2px)}.pt-prayer-btn.prayed{background:#22c55e26;border-color:var(--accent-primary)}.pt-prayer-icon{font-size:1.4rem}.pt-prayer-name{color:var(--text-primary);font-size:.75rem}.pt-prayer-check{color:var(--text-muted);font-size:1rem}.pt-prayer-btn.prayed .pt-prayer-check{color:var(--accent-primary);font-weight:700}.pt-stats-panel{animation:slideDown .3s ease;border-top:1px solid var(--border-color);margin-top:20px;padding-top:20px}.pt-stats-header h4{color:var(--text-primary);font-size:1rem;margin:0 0 16px}.pt-streak{align-items:center;background:linear-gradient(135deg,#fb923c26,#fbbf2426);border:1px solid #fb923c4d;border-radius:12px;display:flex;gap:8px;margin-bottom:16px;padding:12px}.pt-streak-icon{font-size:1.5rem}.pt-streak-count{color:#fb923c;font-size:1.8rem;font-weight:700}.pt-streak-label{color:var(--text-secondary);font-size:.9rem}.pt-overall{align-items:center;display:flex;flex-direction:column;margin-bottom:20px}.pt-overall-circle{height:100px;position:relative;width:100px}.pt-overall-circle svg{height:100%;transform:rotate(-90deg);width:100%}.pt-circle-bg{fill:none;stroke:var(--bg-secondary);stroke-width:3}.pt-circle-fill{fill:none;stroke:var(--accent-primary);stroke-width:3;stroke-linecap:round;transition:stroke-dasharray .5s ease}.pt-overall-percentage{color:var(--accent-primary);font-size:1.3rem;font-weight:700;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.pt-overall-label{color:var(--text-muted);font-size:.85rem;margin-top:8px}.pt-per-prayer{display:flex;flex-direction:column;gap:8px;margin-bottom:20px}.pt-prayer-stat{align-items:center;display:flex;gap:8px}.pt-prayer-stat-icon{font-size:1rem;width:24px}.pt-prayer-stat-name{color:var(--text-secondary);font-size:.8rem;width:50px}.pt-prayer-stat-bar{background:var(--bg-secondary);border-radius:999px;flex:1 1;height:6px;overflow:hidden}.pt-prayer-stat-fill{background:var(--accent-primary);border-radius:999px;height:100%;transition:width .5s ease}.pt-prayer-stat-pct{color:var(--text-primary);font-size:.8rem;font-weight:600;text-align:right;width:40px}.pt-weekly-chart{align-items:flex-end;display:flex;height:80px;justify-content:space-between;padding-top:10px}.pt-day-bar{align-items:center;display:flex;flex-direction:column;height:100%;width:12%}.pt-day-fill{background:var(--accent-primary);border-radius:4px 4px 0 0;margin-top:auto;max-width:20px;transition:height .5s ease;width:100%}.pt-day-label{color:var(--text-muted);font-size:.7rem;margin-top:6px}@media (max-width:600px){.pt-prayers-grid{gap:6px;grid-template-columns:repeat(5,1fr)}.pt-prayer-btn{padding:10px 4px}.pt-prayer-icon{font-size:1.2rem}.pt-prayer-name{font-size:.7rem}}@media (max-width:480px){.prayer-tracking-card{padding:16px}.pt-prayers-grid{gap:4px;grid-template-columns:repeat(5,1fr)}.pt-prayer-btn{border-radius:10px;padding:8px 2px}.pt-prayer-icon{font-size:1rem}.pt-prayer-name{font-size:.65rem}.pt-prayer-check{font-size:.85rem}.pt-streak-count{font-size:1.5rem}.pt-overall-circle{height:80px;width:80px}.pt-overall-percentage{font-size:1.1rem}}@media (max-width:360px){.pt-prayer-btn{padding:6px 2px}.pt-prayer-icon{font-size:.9rem}}.quran-khatma{background:var(--bg-card);border:1px solid var(--border-color);border-radius:20px;padding:20px}.qk-header{justify-content:space-between;margin-bottom:20px}.qk-header,.qk-title{align-items:center;display:flex}.qk-title{gap:10px}.qk-title h3{color:var(--text-primary);font-size:1.1rem;margin:0}.qk-icon{font-size:1.5rem}.qk-btn{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:50%;cursor:pointer;font-size:1rem;height:36px;transition:all .2s;width:36px}.qk-btn:hover{border-color:var(--accent-primary)}.qk-progress-section{align-items:center;background:var(--bg-secondary);border-radius:16px;display:flex;gap:20px;margin-bottom:20px;padding:15px}.qk-progress-circle{flex-shrink:0;height:90px;position:relative;width:90px}.qk-progress-circle svg{height:100%;transform:rotate(-90deg);width:100%}.qk-circle-bg{fill:none;stroke:var(--bg-card);stroke-width:3}.qk-circle-fill{fill:none;stroke:#10b981;stroke-width:3;stroke-linecap:round;transition:stroke-dasharray .5s ease}.qk-progress-text{left:50%;position:absolute;text-align:center;top:50%;transform:translate(-50%,-50%)}.qk-progress-value{color:#10b981;display:block;font-size:1.4rem;font-weight:700}.qk-progress-label{color:var(--text-muted);font-size:.7rem}.qk-stats{display:flex;flex:1 1;gap:15px;justify-content:space-around}.qk-stat{align-items:center;display:flex;flex-direction:column}.qk-stat-value{color:var(--text-primary);font-size:1.3rem;font-weight:700}.qk-stat-label{color:var(--text-muted);font-size:.75rem}.qk-juz-grid{grid-gap:6px;display:grid;gap:6px;grid-template-columns:repeat(10,1fr);margin-bottom:15px}.qk-juz-btn{align-items:center;aspect-ratio:1;background:var(--bg-secondary);border:2px solid var(--border-color);border-radius:8px;cursor:pointer;display:flex;justify-content:center;position:relative;transition:all .2s}.qk-juz-btn:hover{border-color:#10b981;transform:scale(1.05)}.qk-juz-btn.completed{background:#10b98133;border-color:#10b981}.qk-juz-num{color:var(--text-primary);font-size:.8rem;font-weight:600}.qk-juz-btn.completed .qk-juz-num{color:#10b981}.qk-juz-check{align-items:center;background:#10b981;border-radius:50%;color:#fff;display:flex;font-size:.6rem;height:14px;justify-content:center;position:absolute;right:-4px;top:-4px;width:14px}.qk-details{animation:slideDown .3s ease;background:var(--bg-secondary);border-radius:12px;margin-top:15px;padding:15px}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.qk-details-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.qk-details-header h4{color:var(--text-primary);font-size:.95rem;margin:0}.qk-reset-btn{background:#ef44441a;border:1px solid #ef4444;border-radius:8px;color:#ef4444;cursor:pointer;font-size:.8rem;padding:6px 12px;transition:all .2s}.qk-reset-btn:hover{background:#ef444433}.qk-info-row{border-bottom:1px solid var(--border-color);display:flex;font-size:.9rem;justify-content:space-between;padding:8px 0}.qk-info-row span:first-child{color:var(--text-muted)}.qk-info-row span:last-child{color:var(--text-primary);font-weight:500}.qk-history{margin-top:15px}.qk-history h5{color:var(--text-muted);font-size:.85rem;margin:0 0 10px}.qk-history-item{color:var(--text-secondary);display:flex;font-size:.85rem;justify-content:space-between;padding:6px 0}.qk-quick-actions{margin-top:15px}.qk-quick-btn{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;color:var(--text-primary);cursor:pointer;font-size:.95rem;padding:12px;transition:all .2s;width:100%}.qk-quick-btn:hover{background:#10b9811a;border-color:#10b981}@media (max-width:600px){.qk-juz-grid{gap:5px;grid-template-columns:repeat(6,1fr)}.qk-progress-section{flex-direction:column;gap:15px}.qk-stats{width:100%}}@media (max-width:480px){.quran-khatma{padding:16px}.qk-juz-grid{gap:4px;grid-template-columns:repeat(6,1fr)}.qk-juz-btn{border-radius:6px}.qk-juz-num{font-size:.7rem}.qk-progress-circle{height:80px;width:80px}.qk-progress-value{font-size:1.2rem}.qk-stat-value{font-size:1.1rem}}@media (max-width:360px){.qk-juz-grid{grid-template-columns:repeat(5,1fr)}}.notification-settings{background:var(--bg-card);border:1px solid var(--border-color);border-radius:20px;padding:20px}.notif-header{justify-content:space-between;margin-bottom:20px}.notif-header,.notif-header h3{align-items:center;display:flex}.notif-header h3{color:var(--text-primary);font-size:1.1rem;gap:8px;margin:0}.notif-icon{font-size:1.3rem}.notif-saved{animation:fadeIn .3s ease;background:#22c55e26;border-radius:20px;color:var(--accent-primary);font-size:.85rem;padding:4px 12px}.notif-denied,.notif-unsupported{color:var(--text-muted);padding:20px;text-align:center}.notif-unsupported .notif-icon{display:block;font-size:2.5rem;margin-bottom:10px;opacity:.5}.notif-denied{background:#ef44441a;border-radius:12px;color:#ef4444}.notif-row{align-items:center;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:12px 0}.notif-row:last-of-type{border-bottom:none}.notif-row span{color:var(--text-primary);font-size:.95rem}.notif-switch{background:var(--bg-secondary);border:none;border-radius:999px;cursor:pointer;height:28px;position:relative;transition:background .3s ease;width:50px}.notif-switch.active{background:var(--accent-primary)}.notif-switch-knob{background:#fff;border-radius:50%;box-shadow:0 2px 5px #0003;height:22px;left:3px;position:absolute;top:3px;transition:transform .3s ease;width:22px}.notif-switch.active .notif-switch-knob{transform:translateX(22px)}.notif-select{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:10px;color:var(--text-primary);cursor:pointer;font-size:.9rem;padding:8px 12px}.notif-select:focus{border-color:var(--accent-primary);outline:none}.notif-prayers{margin-top:15px}.notif-prayers-title{color:var(--text-muted);font-size:.9rem;margin:0 0 12px}.notif-prayers-grid{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(5,1fr)}.notif-prayer-btn{align-items:center;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;cursor:pointer;display:flex;flex-direction:column;gap:4px;padding:12px 8px;transition:all .2s ease}.notif-prayer-btn.active,.notif-prayer-btn:hover{border-color:var(--accent-primary)}.notif-prayer-btn.active{background:#22c55e26}.notif-prayer-icon{font-size:1.3rem}.notif-prayer-name{color:var(--text-primary);font-size:.75rem}.notif-test-btn{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;color:var(--text-primary);cursor:pointer;font-size:.95rem;margin-top:20px;padding:12px;transition:all .2s ease;width:100%}.notif-test-btn:hover{background:var(--bg-hover);border-color:var(--accent-primary)}@media (max-width:600px){.notification-settings{padding:16px}.notif-prayers-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:480px){.notif-prayers-grid{gap:6px;grid-template-columns:repeat(3,1fr)}.notif-prayer-btn{padding:10px 6px}.notif-prayer-icon{font-size:1.1rem}.notif-prayer-name{font-size:.7rem}}@media (max-width:360px){.notif-prayers-grid{grid-template-columns:repeat(3,1fr)}}.prophets-tree-page{background:linear-gradient(180deg,#0f172a,#1e293b 50%,#0f172a);min-height:100vh;overflow-x:hidden;padding:2rem 1rem;position:relative}.prophets-tree-page:before{background-image:radial-gradient(circle at 20% 50%,#d4af3708 0,#0000 50%),radial-gradient(circle at 80% 50%,#d4af3708 0,#0000 50%);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.prophets-header{margin-bottom:2rem;position:relative;text-align:center}.header-decoration{animation:pulse-glow 3s ease-in-out infinite;color:#d4af37;font-size:1.5rem;opacity:.7}.page-title{color:#d4af37;font-family:Amiri,Traditional Arabic,serif;font-size:2.5rem;font-weight:700;margin:.5rem 0;text-shadow:0 0 30px #d4af374d}.page-subtitle{color:#ffffffb3;font-size:1.1rem;margin:0}.view-toggle{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center;margin-bottom:2rem}.toggle-btn{align-items:center;background:#0f172acc;border:1px solid #d4af374d;border-radius:50px;color:#ffffffb3;cursor:pointer;display:flex;font-size:.9rem;gap:.5rem;padding:.75rem 1.5rem;transition:all .3s ease}.toggle-btn:hover{border-color:#d4af3799;color:#d4af37;transform:translateY(-2px)}.toggle-btn.active{background:linear-gradient(135deg,#d4af3733,#d4af371a);border-color:#d4af37;box-shadow:0 0 20px #d4af3733;color:#d4af37}.btn-icon{font-size:1.1rem}.prophets-stats{display:flex;flex-wrap:wrap;gap:1.5rem;justify-content:center;margin-bottom:2.5rem}.stat-card{background:#1e293b99;border:1px solid #d4af3733;border-radius:16px;min-width:140px;padding:1.25rem 2rem;text-align:center;transition:all .3s ease}.stat-card:hover{border-color:#d4af3780;box-shadow:0 10px 30px #0000004d;transform:translateY(-5px)}.stat-number{color:#d4af37;font-size:2rem;font-weight:700;line-height:1}.stat-label{color:#fff9;font-size:.85rem;margin-top:.5rem}.prophet-card{background:linear-gradient(145deg,#1e293be6,#0f172ae6);border:1px solid #64748b4d;border-radius:16px;cursor:pointer;min-width:120px;overflow:hidden;padding:1.25rem;text-align:center;transition:all .4s cubic-bezier(.175,.885,.32,1.275)}.prophet-card:before{background:linear-gradient(90deg,#0000,#d4af371a,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.prophet-card:hover:before{left:100%}.prophet-card:hover{border-color:#d4af3780;box-shadow:0 20px 40px #0006,0 0 30px #d4af3726;transform:translateY(-8px) scale(1.02)}.prophet-card.is-prophet{border-color:#d4af3766}.prophet-card.is-prophet:hover{border-color:#d4af37}.prophet-card.is-ancestor{border-color:#64748b4d;opacity:.85}.prophet-card.main-line{background:linear-gradient(145deg,#d4af3726,#1e293be6)}.prophet-card.last-prophet{background:linear-gradient(145deg,#d4af3740,#4caf501a,#1e293be6);border-color:#d4af37;box-shadow:0 0 30px #d4af3733}.prophet-card.last-prophet:hover{box-shadow:0 20px 40px #0006,0 0 50px #d4af374d}.prophet-icon{color:#d4af37;font-size:1.8rem;margin-bottom:.5rem;text-shadow:0 0 20px #d4af3780}.last-prophet .prophet-icon{animation:pulse-glow 2s ease-in-out infinite;font-size:2.2rem}.prophet-name-ar{color:#fff;font-family:Amiri,Traditional Arabic,serif;font-size:1.2rem;font-weight:600;margin-bottom:.25rem}.prophet-name-en{color:#ffffff80;font-size:.8rem}.prophet-title{background:#d4af371a;border-radius:20px;color:#d4af37;display:inline-block;font-size:.75rem;margin-top:.5rem;padding:.25rem .75rem}.main-lineage-view{margin:0 auto;max-width:600px}.section-title{align-items:center;color:#d4af37;display:flex;font-size:1.3rem;gap:.75rem;justify-content:center;margin-bottom:2rem;text-align:center}.section-title .icon{font-size:1.5rem}.lineage-scroll{gap:0}.lineage-connector,.lineage-scroll{align-items:center;display:flex;flex-direction:column}.lineage-connector{height:50px}.connector-line{background:linear-gradient(180deg,#d4af37,#d4af374d);flex:1 1;width:2px}.connector-arrow{animation:bounce-down 1.5s ease-in-out infinite;color:#d4af37;font-size:.8rem}.timeline-view{margin:0 auto;max-width:800px;padding:0 1rem}.timeline-container{padding:2rem 0;position:relative}.timeline-line{background:linear-gradient(180deg,#0000,#d4af37 10%,#d4af37 90%,#0000);bottom:0;left:50%;position:absolute;top:0;transform:translateX(-50%);width:3px}.timeline-item{align-items:center;display:flex;margin-bottom:2rem;position:relative}.timeline-item.left{flex-direction:row;padding-right:50%}.timeline-item.right{flex-direction:row-reverse;padding-left:50%}.timeline-content{flex:1 1;padding:0 1rem}.timeline-content,.timeline-dot{display:flex;justify-content:center}.timeline-dot{align-items:center;background:#0f172a;border:3px solid #d4af37;border-radius:50%;color:#d4af37;font-size:.7rem;height:20px;left:50%;position:absolute;transform:translateX(-50%);width:20px;z-index:1}.grid-view{margin:0 auto;max-width:1200px}.prophets-grid{grid-gap:1.25rem;display:grid;gap:1.25rem;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));padding:1rem}.ulu-alazm-section{background:#d4af370d;border-bottom:1px solid #d4af3733;border-top:1px solid #d4af3733;margin-top:3rem;padding:2rem 1rem}.ulu-alazm-grid{display:flex;flex-wrap:wrap;gap:1.5rem;justify-content:center;margin:0 auto;max-width:900px}.ulu-alazm-grid .prophet-card{min-width:140px}.modal-overlay{align-items:center;animation:fade-in .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000000d9;bottom:0;display:flex;justify-content:center;left:0;padding:1rem;position:fixed;right:0;top:0;z-index:1000}.modal-content{animation:slide-up .4s cubic-bezier(.175,.885,.32,1.275);background:linear-gradient(145deg,#1e293bfa,#0f172afa);border:1px solid #d4af374d;border-radius:24px;max-height:80vh;max-width:450px;overflow-y:auto;padding:2rem;position:relative;width:100%}.modal-close{background:#ffffff1a;border:1px solid #fff3;border-radius:50%;color:#fff;cursor:pointer;font-size:1rem;height:36px;left:1rem;position:absolute;top:1rem;transition:all .3s ease;width:36px}.modal-close:hover{background:#ef444433;border-color:#ef444480;color:#ef4444}.modal-header{border-bottom:1px solid #d4af3733;margin-bottom:1.5rem;padding-bottom:1.5rem;text-align:center}.modal-icon{color:#d4af37;font-size:3rem;margin-bottom:.75rem;text-shadow:0 0 30px #d4af3780}.modal-icon.last{animation:pulse-glow 2s ease-in-out infinite;font-size:3.5rem}.modal-name-ar{color:#fff;font-family:Amiri,Traditional Arabic,serif;font-size:2rem;font-weight:700;margin:0}.modal-name-en{color:#ffffff80;font-size:1rem;font-weight:400;margin:.25rem 0 0}.modal-title{background:linear-gradient(135deg,#d4af3733,#d4af371a);border:1px solid #d4af374d;border-radius:25px;color:#d4af37;display:inline-block;font-size:.9rem;margin-top:.75rem;padding:.5rem 1.25rem}.modal-body{color:#fffc}.modal-description{font-size:1rem;line-height:1.8;margin-bottom:1.5rem;text-align:center}.modal-info{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:center;margin-bottom:1.5rem}.info-badge{align-items:center;border-radius:20px;display:flex;font-size:.85rem;gap:.5rem;padding:.5rem 1rem}.prophet-badge{background:#3b82f626;border:1px solid #3b82f64d;color:#60a5fa}.last-badge{background:#4caf5026;border:1px solid #4caf504d;color:#4caf50}.badge-icon{font-size:1rem}.modal-children,.modal-lineage{background:#0003;border-radius:12px;margin-top:1rem;padding:1rem}.lineage-label{color:#ffffff80;font-size:.85rem;margin-left:.5rem}.lineage-link{border-radius:6px;color:#d4af37;cursor:pointer;padding:.25rem .5rem;transition:all .3s ease}.lineage-link:hover{background:#d4af3726;text-decoration:underline}.children-list{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.5rem}@keyframes bounce-down{0%,to{transform:translateY(0)}50%{transform:translateY(5px)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes slide-up{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.tree-node{align-items:center;display:flex;flex-direction:column}.tree-connector{background:linear-gradient(180deg,#d4af37,#d4af374d);height:30px;width:2px}.tree-children{display:flex;gap:1rem}.tree-children.multiple{position:relative}.tree-children.multiple:before{background:#d4af3780;content:"";height:2px;left:25%;position:absolute;right:25%;top:0}@media (max-width:768px){.prophets-tree-page{padding:1rem .5rem}.page-title{font-size:1.8rem}.page-subtitle{font-size:.95rem}.prophets-stats{gap:.75rem}.stat-card{min-width:100px;padding:1rem 1.25rem}.stat-number{font-size:1.5rem}.stat-label{font-size:.75rem}.prophets-grid{gap:1rem;grid-template-columns:repeat(auto-fill,minmax(130px,1fr))}.prophet-card{min-width:100px;padding:1rem}.prophet-name-ar{font-size:1rem}.timeline-item.left,.timeline-item.right{flex-direction:column;padding:0}.timeline-content{padding:.5rem;width:100%}.timeline-dot,.timeline-line{left:20px}.modal-content{border-radius:20px;padding:1.5rem}.modal-name-ar{font-size:1.6rem}.ulu-alazm-grid{gap:1rem}}@media (max-width:480px){.view-toggle{align-items:center;flex-direction:column}.toggle-btn{justify-content:center;max-width:200px;width:100%}.prophets-stats{align-items:center;flex-direction:column}.stat-card{max-width:200px;width:100%}.prophets-grid{gap:.75rem;grid-template-columns:repeat(auto-fill,minmax(110px,1fr))}.prophet-card{padding:.75rem}.prophet-name-ar{font-size:.9rem}.modal-content{max-width:95%;padding:1rem}.modal-name-ar{font-size:1.4rem}}@media (max-width:360px){.page-title{font-size:1.5rem}.page-subtitle{font-size:.85rem}.prophets-grid{gap:.5rem;grid-template-columns:repeat(2,1fr)}.prophet-card{min-width:auto;padding:.6rem}.prophet-name-ar{font-size:.85rem}.prophet-order{font-size:.65rem}.stat-number{font-size:1.2rem}.tab-btn{font-size:.8rem;padding:.6rem 1rem}}.tab-navigation{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center;margin-bottom:1.5rem}.tab-btn{align-items:center;background:#0f172ae6;border:2px solid #d4af374d;border-radius:12px;color:#ffffffb3;cursor:pointer;display:flex;font-size:1rem;font-weight:500;gap:.5rem;padding:.85rem 1.75rem;transition:all .3s ease}.tab-btn:hover{border-color:#d4af3799;color:#d4af37;transform:translateY(-2px)}.tab-btn.active{background:linear-gradient(135deg,#d4af3740,#d4af371a);border-color:#d4af37;box-shadow:0 0 25px #d4af3740;color:#d4af37}.tab-icon{font-size:1.2rem}.family-section{margin:0 auto;max-width:1200px;padding:1rem}.family-subsection{background:#1e293b66;border:1px solid #d4af3726;border-radius:20px;margin-bottom:2.5rem;padding:1.5rem}.subsection-title{align-items:center;border-bottom:1px solid #d4af3733;color:#d4af37;display:flex;font-size:1.2rem;gap:.75rem;margin-bottom:1.25rem;padding-bottom:.75rem}.sub-icon{font-size:1.3rem}.family-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}.wives-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}.prophet-card.small{min-width:100px;padding:.9rem}.prophet-card.small .prophet-icon{font-size:1.4rem;margin-bottom:.35rem}.prophet-card.small .prophet-name-ar{font-size:.95rem}.prophet-card.small .prophet-name-en{font-size:.7rem}.prophet-card.small .prophet-title{font-size:.65rem;padding:.2rem .5rem}.prophet-card.wife-card{background:linear-gradient(145deg,#ec48991a,#1e293be6);border-color:#ec489966}.prophet-card.wife-card:hover{border-color:#ec4899b3;box-shadow:0 10px 30px #ec489933}.prophet-card.wife-card .prophet-icon{color:#ec4899}.prophet-card.khalifa-card{background:linear-gradient(145deg,#22c55e1a,#1e293be6);border-color:#22c55e66}.prophet-card.khalifa-card:hover{border-color:#22c55eb3;box-shadow:0 10px 30px #22c55e33}.prophet-card.khalifa-card .prophet-icon{color:#22c55e}.khulafa-section{margin:2rem auto;max-width:1000px;padding:2rem}.khulafa-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));justify-content:center}.section-subtitle{color:#ffffff80;font-size:.9rem;margin-bottom:1.5rem;margin-top:-.5rem;text-align:center}.not-in-quran-badge{background:#3b82f633;border:1px solid #3b82f666;border-radius:8px;color:#60a5fa;font-size:.6rem;left:.5rem;padding:.15rem .4rem;position:absolute;top:.5rem}.prophet-card{position:relative}.timeline-era{color:#d4af37b3;font-size:.7rem;position:absolute;white-space:nowrap}.timeline-item.left .timeline-era{right:calc(50% + 30px);top:50%;transform:translateY(-50%)}.timeline-item.right .timeline-era{left:calc(50% + 30px);top:50%;transform:translateY(-50%)}.modal-story{background:#0003;border-radius:12px;margin-bottom:1.5rem;padding:1rem}.modal-story h4{color:#d4af37;font-size:.9rem;margin-bottom:.5rem}.modal-story p{color:#ffffffd9;font-size:.95rem;line-height:1.8}.modal-info-grid{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1.5rem}.info-section{background:#00000026;border-radius:10px;padding:1rem}.info-section h4{align-items:center;color:#d4af37;display:flex;font-size:.9rem;gap:.5rem;margin-bottom:.75rem}.miracles-list{list-style:none;margin:0;padding:0}.miracles-list li{color:#fffc;font-size:.9rem;padding:.4rem 1.5rem .4rem 0;position:relative}.miracles-list li:before{color:#d4af37;content:"✦";font-size:.7rem;position:absolute;right:0}.info-item{align-items:center;background:#0000001a;border-radius:8px;display:flex;justify-content:space-between;padding:.5rem .75rem}.info-label{color:#ffffff80;font-size:.85rem}.info-value{color:#ffffffe6;font-size:.9rem}.info-value.highlight{color:#d4af37;font-weight:500}.modal-badges{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center;margin-bottom:1rem}.info-badge.ulu-badge{background:#fbbf2426;border:1px solid #fbbf2466;color:#fbbf24}.info-badge.quran-badge{background:#22c55e26;border:1px solid #22c55e66;color:#22c55e}.info-badge.sunnah-badge{background:#3b82f626;border:1px solid #3b82f666;color:#60a5fa}.info-badge.died-badge{background:#9ca3af26;border:1px solid #9ca3af66;color:#9ca3af}.sunnah-view .prophets-grid{margin:0 auto;max-width:600px}.modal-content::-webkit-scrollbar,.prophets-tree-page::-webkit-scrollbar{width:8px}.modal-content::-webkit-scrollbar-track,.prophets-tree-page::-webkit-scrollbar-track{background:#0f172a80}.modal-content::-webkit-scrollbar-thumb,.prophets-tree-page::-webkit-scrollbar-thumb{background:#d4af374d;border-radius:4px}.modal-content::-webkit-scrollbar-thumb:hover,.prophets-tree-page::-webkit-scrollbar-thumb:hover{background:#d4af3780}.footer{border-top:1px solid #33415580;margin-top:50px;position:relative}.footer-glow{background:linear-gradient(0deg,#f59e0b0d,#0000);inset:0;pointer-events:none;position:absolute}.footer-container{margin:0 auto;max-width:1280px;padding:32px 16px;position:relative}@media (min-width:640px){.footer-container{padding:32px 24px}}@media (min-width:1024px){.footer-container{padding:32px}}.footer-content{align-items:center;display:flex;flex-direction:column;gap:16px;justify-content:space-between}@media (min-width:768px){.footer-content{flex-direction:row}}.footer-copyright{align-items:center;color:var(--muted-foreground);display:flex;gap:8px}.footer-copyright svg{color:var(--amber-400);height:16px;width:16px}.footer-copyright span{font-size:.875rem}.footer-disclaimer{color:#94a3b8b3;font-size:.75rem;max-width:400px;text-align:center}.footer-made{align-items:center;color:var(--muted-foreground);display:flex;font-size:.875rem;gap:4px}.footer-made svg{fill:var(--red-500);color:var(--red-500);height:16px;width:16px}.theme-toggle{align-items:center;background:var(--bg-card);border:none;border-radius:50%;box-shadow:0 2px 8px #0003;color:var(--text-primary);cursor:pointer;display:flex;height:40px;justify-content:center;transition:all .3s ease;width:40px}.theme-toggle:hover{background:var(--bg-hover);transform:scale(1.1)}.theme-toggle svg{animation:fadeIn .3s ease;height:20px;width:20px}@keyframes fadeIn{0%{opacity:0;transform:rotate(-90deg) scale(.5)}to{opacity:1;transform:rotate(0) scale(1)}}@media (max-width:480px){.theme-toggle{height:36px;width:36px}.theme-toggle svg{height:18px;width:18px}}@media (max-width:360px){.theme-toggle{height:34px;width:34px}.theme-toggle svg{height:16px;width:16px}}.notification-toggle{align-items:center;background:var(--bg-card);border:none;border-radius:50%;box-shadow:0 2px 8px #0003;color:var(--text-secondary);cursor:pointer;display:flex;height:40px;justify-content:center;margin-right:8px;transition:all .3s ease;width:40px}.notification-toggle:hover{background:var(--bg-hover);transform:scale(1.1)}.notification-toggle.enabled{background:#22c55e26;color:var(--accent-primary)}.notification-toggle.enabled:hover{background:#22c55e40}.notification-toggle svg{height:20px;width:20px}.notification-toggle.enabled svg{animation:ring .5s ease-in-out}@keyframes ring{0%,to{transform:rotate(0)}20%{transform:rotate(15deg)}40%{transform:rotate(-15deg)}60%{transform:rotate(10deg)}80%{transform:rotate(-10deg)}}@media (max-width:480px){.notification-toggle{height:36px;margin-right:6px;width:36px}.notification-toggle svg{height:18px;width:18px}}@media (max-width:360px){.notification-toggle{height:34px;margin-right:4px;width:34px}.notification-toggle svg{height:16px;width:16px}}.adhan-player{background:linear-gradient(135deg,var(--bg-card) 0,#22c55e0d 100%);border:1px solid var(--border-color);border-radius:20px;padding:24px;position:relative}.adhan-header{align-items:center;display:flex;gap:15px;margin-bottom:20px}.adhan-icon{filter:drop-shadow(0 4px 8px rgba(0,0,0,.3));font-size:2.5rem}.adhan-info{flex:1 1}.adhan-title{color:var(--text-primary);font-size:1.1rem;margin:0 0 4px}.adhan-current{color:var(--accent-primary);font-size:.9rem;margin:0}.adhan-progress-container{margin-bottom:20px}.adhan-progress-bar{background:var(--bg-secondary);border-radius:3px;height:6px;overflow:hidden}.adhan-progress-fill{background:linear-gradient(90deg,var(--accent-primary),var(--accent-secondary));border-radius:3px;height:100%;transition:width .1s linear}.adhan-time{color:var(--text-muted);display:flex;font-size:.75rem;justify-content:space-between;margin-top:6px}.adhan-controls{align-items:center;display:flex;gap:15px}.adhan-play-btn{align-items:center;background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary));border:none;border-radius:50%;box-shadow:0 4px 15px #22c55e66;color:#fff;cursor:pointer;display:flex;height:60px;justify-content:center;transition:all .3s;width:60px}.adhan-play-btn:hover{box-shadow:0 6px 20px #22c55e80;transform:scale(1.05)}.adhan-play-btn:active{transform:scale(.95)}.adhan-play-btn.playing{animation:pulse-glow 2s infinite}@keyframes pulse-glow{0%,to{box-shadow:0 4px 15px #22c55e66}50%{box-shadow:0 4px 30px #22c55eb3}}.adhan-play-btn svg{height:28px;width:28px}.adhan-volume{align-items:center;display:flex;flex:1 1;gap:8px}.volume-icon{color:var(--text-secondary);height:20px;width:20px}.volume-slider{-webkit-appearance:none;background:var(--bg-secondary);border-radius:2px;flex:1 1;height:4px;outline:none}.volume-slider::-webkit-slider-thumb{-webkit-appearance:none;background:var(--accent-primary);border-radius:50%;cursor:pointer;height:14px;-webkit-transition:transform .2s;transition:transform .2s;width:14px}.volume-slider::-webkit-slider-thumb:hover{transform:scale(1.2)}.adhan-select-btn{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:10px;color:var(--text-secondary);cursor:pointer;font-size:.85rem;padding:10px 16px;transition:all .2s}.adhan-select-btn:hover{background:var(--bg-hover);border-color:var(--accent-primary);color:var(--accent-primary)}.muezzin-selector{border-top:1px solid var(--border-color);display:flex;flex-direction:column;gap:8px;margin-top:20px;padding-top:15px}.muezzin-option{align-items:center;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;cursor:pointer;display:flex;gap:12px;padding:12px 15px;transition:all .2s}.muezzin-option:hover{background:var(--bg-hover);border-color:var(--accent-primary)}.muezzin-option.selected{background:#22c55e1a;border-color:var(--accent-primary)}.muezzin-icon{font-size:1.5rem}.muezzin-details{display:flex;flex:1 1;flex-direction:column}.muezzin-name{color:var(--text-primary);font-weight:600}.muezzin-desc{color:var(--text-muted);font-size:.8rem}.muezzin-check{align-items:center;background:var(--accent-primary);border-radius:50%;color:#fff;display:flex;font-size:.8rem;height:24px;justify-content:center;width:24px}.ios-note{color:var(--text-muted);font-size:.75rem;margin-bottom:0;margin-top:10px;text-align:center}.ios-hint{font-size:.8rem;margin-right:5px}@media (max-width:600px){.adhan-player{padding:18px}.adhan-play-btn{height:55px;width:55px}.adhan-title{font-size:1rem}}@media (max-width:480px){.adhan-controls{flex-wrap:wrap}.adhan-volume{margin-top:10px;order:3;width:100%}.adhan-player{border-radius:16px;padding:15px}.adhan-play-btn{height:50px;width:50px}.adhan-play-btn svg{height:22px;width:22px}.adhan-select-btn{font-size:.8rem;padding:8px 12px}.muezzin-option{padding:10px 12px}.muezzin-icon{font-size:1.3rem}.muezzin-name{font-size:.9rem}.muezzin-desc{font-size:.75rem}}@media (max-width:360px){.adhan-player{padding:12px}.adhan-play-btn{height:45px;width:45px}.adhan-title{font-size:.9rem}.adhan-current{font-size:.8rem}.adhan-icon{font-size:2rem}}.prayer-tracker{background:var(--bg-card);border:1px solid var(--border-color);border-radius:20px;padding:24px}.tracker-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:24px}.tracker-title{color:var(--text-primary);font-size:1.2rem;margin:0}.tracker-streak{align-items:center;background:linear-gradient(135deg,#f97316,#ea580c);border-radius:20px;color:#fff;display:flex;gap:6px;padding:8px 16px}.streak-fire{animation:fire-pulse 1s infinite;font-size:1.2rem}@keyframes fire-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}.streak-count{font-size:1.3rem;font-weight:700}.streak-label{font-size:.75rem;opacity:.9}.today-prayers{margin-bottom:24px}.today-header{margin-bottom:10px}.today-count{color:var(--accent-primary);font-weight:600}.today-progress{background:var(--bg-secondary);border-radius:4px;height:8px;margin-bottom:16px;overflow:hidden}.today-progress-fill{background:linear-gradient(90deg,var(--accent-primary),#22d3ee);border-radius:4px;height:100%;transition:width .5s ease}.prayers-grid{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(5,1fr)}.prayer-btn{align-items:center;background:var(--bg-secondary);border:2px solid var(--border-color);border-radius:12px;cursor:pointer;display:flex;flex-direction:column;gap:6px;padding:12px 8px;position:relative;transition:all .3s}.prayer-btn:hover{background:var(--bg-hover);border-color:var(--accent-primary)}.prayer-btn.prayed{background:#22c55e26;border-color:var(--accent-primary)}.prayer-icon{font-size:1.5rem}.prayer-name{color:var(--text-secondary);font-size:.75rem}.prayer-check{align-items:center;animation:pop-in .3s ease;background:var(--accent-primary);border-radius:50%;color:#fff;display:flex;font-size:.7rem;height:20px;justify-content:center;position:absolute;right:-6px;top:-6px;width:20px}.week-stats{border-top:1px solid var(--border-color);padding-top:20px}.week-title{color:var(--text-secondary);font-size:1rem;margin:0 0 16px}.week-chart{align-items:flex-end;display:flex;height:100px;justify-content:space-between;margin-bottom:20px}.day-bar{align-items:center;display:flex;flex:1 1;flex-direction:column}.bar-container{align-items:flex-end;background:var(--bg-secondary);border-radius:6px;display:flex;height:70px;overflow:hidden;width:30px}.bar-fill{background:linear-gradient(180deg,var(--accent-primary),var(--accent-secondary));border-radius:6px;min-height:4px;transition:height .5s ease;width:100%}.day-label{color:var(--text-muted);font-size:.7rem;margin-top:6px}.day-count{color:var(--text-secondary);font-size:.75rem;font-weight:600}.week-summary{display:flex;gap:20px}.summary-item{background:var(--bg-secondary);border-radius:12px;flex:1 1;padding:15px;text-align:center}.summary-value{color:var(--accent-primary);display:block;font-size:1.8rem;font-weight:700}.summary-label{color:var(--text-muted);font-size:.8rem}@media (max-width:480px){.prayers-grid{grid-template-columns:repeat(3,1fr)}.bar-container{width:20px}}.achievements{position:relative}.new-badge-popup{align-items:center;animation:slide-down .5s ease,fade-out .5s ease 2.5s forwards;background:linear-gradient(135deg,#fbbf24,#f59e0b);border-radius:16px;box-shadow:0 10px 40px #fbbf2466;display:flex;gap:15px;left:50%;padding:15px 25px;position:fixed;top:100px;transform:translateX(-50%);z-index:1000}@keyframes slide-down{0%{opacity:0;transform:translateX(-50%) translateY(-100px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}@keyframes fade-out{to{opacity:0;transform:translateX(-50%) translateY(-20px)}}.new-badge-popup .badge-icon{animation:bounce .5s ease infinite;font-size:2.5rem}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.new-badge-popup .badge-info{display:flex;flex-direction:column}.new-badge-popup .badge-title{color:#0009;font-size:.8rem}.new-badge-popup .badge-name{color:#000;font-size:1.2rem;font-weight:700}.new-badge-popup .badge-points{color:#000;font-size:1.5rem;font-weight:700}.level-card{background:linear-gradient(135deg,var(--bg-card) 0,#fbbf241a 100%);border:1px solid var(--border-color);border-radius:20px;margin-bottom:20px;padding:24px}.level-header{align-items:center;display:flex;gap:15px}.level-icon{filter:drop-shadow(0 4px 8px rgba(0,0,0,.3));font-size:3rem}.level-info{display:flex;flex:1 1;flex-direction:column}.level-name{color:var(--text-primary);font-size:1.4rem;font-weight:700}.level-number{color:var(--text-muted);font-size:.9rem}.points-display{background:var(--bg-secondary);border-radius:12px;padding:12px 20px;text-align:center}.points-value{color:#fbbf24;display:block;font-size:1.8rem;font-weight:700}.points-label{color:var(--text-muted);font-size:.75rem}.level-progress{margin-top:20px}.level-progress .progress-bar{background:var(--bg-secondary);border-radius:5px;height:10px;overflow:hidden}.level-progress .progress-fill{background:linear-gradient(90deg,#fbbf24,#f59e0b);border-radius:5px;height:100%;transition:width .5s ease}.progress-text{color:var(--text-muted);display:block;font-size:.8rem;margin-top:8px;text-align:center}.badges-section{background:var(--bg-card);border:1px solid var(--border-color);border-radius:20px;padding:24px}.badges-title{color:var(--text-primary);font-size:1.1rem;margin:0 0 20px}.badges-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(100px,1fr))}.badge-item{align-items:center;background:var(--bg-secondary);border:2px solid var(--border-color);border-radius:16px;display:flex;flex-direction:column;gap:8px;padding:15px 10px;position:relative;transition:all .3s}.badge-item.unlocked{background:#fbbf241a;border-color:#fbbf24}.badge-item.locked{filter:grayscale(1);opacity:.5}.badge-item .badge-icon{font-size:2rem}.badge-item .badge-name{color:var(--text-secondary);font-size:.75rem;text-align:center}.badge-lock{font-size:.8rem;position:absolute;right:5px;top:5px}@media (max-width:600px){.new-badge-popup{gap:12px;padding:12px 20px;width:90%}.new-badge-popup .badge-icon{font-size:2rem}.new-badge-popup .badge-name{font-size:1rem}.level-card{padding:20px}.level-icon{font-size:2.5rem}.level-name{font-size:1.2rem}.points-value{font-size:1.5rem}.badges-section{padding:20px}.badges-grid{gap:10px;grid-template-columns:repeat(auto-fill,minmax(90px,1fr))}}@media (max-width:480px){.new-badge-popup{padding:10px 15px;top:80px}.level-card{border-radius:16px;padding:16px}.level-header{align-items:flex-start;flex-direction:column;gap:12px}.level-icon{font-size:2.2rem}.level-name{font-size:1.1rem}.points-display{padding:10px 15px;width:100%}.points-value{font-size:1.4rem}.badges-section{border-radius:16px;padding:16px}.badges-grid{gap:8px;grid-template-columns:repeat(3,1fr)}.badge-item{border-radius:12px;padding:12px 8px}.badge-item .badge-icon{font-size:1.7rem}.badge-item .badge-name{font-size:.7rem}}@media (max-width:360px){.level-card{padding:12px}.level-icon{font-size:2rem}.badges-grid{gap:6px;grid-template-columns:repeat(3,1fr)}.badge-item{padding:10px 6px}.badge-item .badge-icon{font-size:1.5rem}}.tasbeeh{background:var(--bg-card);border:1px solid var(--border-color);border-radius:20px;padding:24px}.tasbeeh-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.tasbeeh-title{color:var(--text-primary);font-size:1.2rem;margin:0}.tasbeeh-total{color:var(--text-muted);font-size:.85rem}.tasbeeh-total strong{color:var(--accent-primary)}.tasbeeh-presets{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:24px}.preset-btn{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:20px;color:var(--text-secondary);cursor:pointer;font-size:.85rem;padding:8px 16px;transition:all .2s}.preset-btn:hover{border-color:var(--accent-primary);color:var(--accent-primary)}.preset-btn.active{background:var(--accent-primary);border-color:var(--accent-primary);color:#fff}.tasbeeh-tap-area{-webkit-tap-highlight-color:transparent;cursor:pointer;height:250px;margin:0 auto 24px;position:relative;-webkit-user-select:none;user-select:none;width:250px}.tasbeeh-tap-area:active{transform:scale(.95)}.tasbeeh-progress-ring{height:100%;left:0;position:absolute;top:0;width:100%}.tasbeeh-progress-ring svg{height:100%;transform:rotate(-90deg);width:100%}.progress-bg{fill:none;stroke:var(--bg-secondary);stroke-width:8}.progress-fill{fill:none;stroke:var(--accent-primary);stroke-width:8;stroke-linecap:round;transition:stroke-dasharray .3s ease}.tasbeeh-content{align-items:center;display:flex;flex-direction:column;gap:8px;left:50%;position:absolute;text-align:center;top:50%;transform:translate(-50%,-50%)}.tasbeeh-text{color:var(--text-primary);font-size:1.3rem;font-weight:600}.tasbeeh-count{font-feature-settings:"tnum";color:var(--accent-primary);font-size:4rem;font-variant-numeric:tabular-nums;font-weight:700;line-height:1}.tasbeeh-target{color:var(--text-muted);font-size:1rem}.tasbeeh-tap-area.completed .tasbeeh-progress-ring .progress-fill{stroke:#fbbf24}.completed-overlay{align-items:center;animation:pop-in .3s ease;background:#22c55ee6;border-radius:50%;bottom:0;display:flex;flex-direction:column;gap:10px;justify-content:center;left:0;position:absolute;right:0;top:0}.completed-overlay span:first-child{font-size:3rem}.completed-overlay span:last-child{color:#fff;font-size:1.5rem;font-weight:700}.tasbeeh-controls{display:flex;gap:12px;justify-content:center}.control-btn{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:10px;color:var(--text-secondary);cursor:pointer;font-size:.9rem;padding:10px 20px;transition:all .2s}.control-btn:hover{background:var(--bg-hover)}.control-btn.active{background:#22c55e26;border-color:var(--accent-primary);color:var(--accent-primary)}.control-btn.reset{background:#ef44441a;border-color:#ef4444;color:#ef4444}.control-btn.reset:hover{background:#ef444433}@keyframes pop-in{0%{opacity:0;transform:scale(0)}50%{transform:scale(1.1)}to{opacity:1;transform:scale(1)}}@media (max-width:600px){.tasbeeh{padding:20px}.tasbeeh-tap-area{height:220px;width:220px}.tasbeeh-count{font-size:3.5rem}.tasbeeh-text{font-size:1.1rem}.preset-btn{font-size:.8rem;padding:7px 14px}}@media (max-width:480px){.tasbeeh{border-radius:16px;padding:16px}.tasbeeh-header{align-items:flex-start;flex-direction:column;gap:8px}.tasbeeh-tap-area{height:200px;margin-bottom:20px;width:200px}.tasbeeh-count{font-size:3rem}.tasbeeh-text{font-size:1rem}.tasbeeh-target{font-size:.9rem}.tasbeeh-controls{flex-wrap:wrap;gap:8px}.control-btn{font-size:.85rem;padding:8px 16px}.preset-btn{font-size:.75rem;padding:6px 12px}.completed-overlay span:first-child{font-size:2.5rem}.completed-overlay span:last-child{font-size:1.2rem}}@media (max-width:360px){.tasbeeh{padding:12px}.tasbeeh-tap-area{height:180px;width:180px}.tasbeeh-count{font-size:2.5rem}.tasbeeh-text{font-size:.9rem}.control-btn{font-size:.8rem;padding:7px 12px}.preset-btn{padding:5px 10px}}.challenge-40{background:var(--bg-card);border:1px solid var(--border-color);border-radius:20px;padding:24px}.challenge-intro{padding:20px;text-align:center}.challenge-intro .challenge-icon{font-size:4rem;margin-bottom:15px}.challenge-intro h3{color:var(--text-primary);font-size:1.5rem;margin:0 0 15px}.challenge-intro p{background:var(--bg-secondary);border-radius:12px;border-right:4px solid var(--accent-primary);color:var(--text-secondary);font-size:.95rem;line-height:1.7;margin-bottom:20px;padding:15px}.challenge-benefits{list-style:none;margin:0 0 25px;padding:0;text-align:right}.challenge-benefits li{color:var(--text-secondary);font-size:.9rem;padding:8px 0}.start-challenge-btn{background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary));border:none;border-radius:30px;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:600;padding:15px 40px;transition:all .3s}.start-challenge-btn:hover{box-shadow:0 8px 25px #22c55e66;transform:translateY(-2px)}.challenge-complete{padding:30px;text-align:center}.complete-animation{animation:bounce-trophy 1s ease infinite;font-size:5rem}@keyframes bounce-trophy{0%,to{transform:translateY(0) rotate(0deg)}25%{transform:translateY(-10px) rotate(-5deg)}75%{transform:translateY(-10px) rotate(5deg)}}.challenge-complete h3{color:#fbbf24;font-size:1.8rem;margin:20px 0 10px}.challenge-complete p{color:var(--text-secondary);margin-bottom:20px}.complete-badge{align-items:center;background:linear-gradient(135deg,#fbbf24,#f59e0b);border-radius:30px;display:inline-flex;gap:10px;margin-bottom:25px;padding:15px 30px}.complete-badge span:first-child{font-size:2rem}.complete-badge span:last-child{color:#000;font-size:1.2rem;font-weight:700}.restart-btn{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:20px;color:var(--text-primary);cursor:pointer;font-size:1rem;padding:12px 25px;transition:all .2s}.restart-btn:hover{background:var(--bg-hover)}.challenge-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.challenge-title{color:var(--text-primary);font-size:1.2rem;margin:0}.challenge-progress-badge{background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary));border-radius:20px;color:#fff;padding:8px 16px}.days-count{font-size:1.3rem;font-weight:700}.days-label{font-size:.85rem;opacity:.9}.challenge-main-progress{align-items:center;display:flex;gap:15px;margin-bottom:25px}.challenge-main-progress .progress-bar{background:var(--bg-secondary);border-radius:6px;flex:1 1;height:12px;overflow:hidden}.challenge-main-progress .progress-fill{background:linear-gradient(90deg,var(--accent-primary),#fbbf24);border-radius:6px;height:100%;transition:width .5s ease}.progress-percent{color:var(--accent-primary);font-size:.9rem;font-weight:600;min-width:45px}.today-challenge{background:var(--bg-secondary);border-radius:16px;margin-bottom:20px;padding:20px}.today-header{color:var(--text-secondary);display:flex;font-size:.9rem;justify-content:space-between;margin-bottom:15px}.today-progress-text{color:var(--accent-primary);font-weight:600}.challenge-prayers{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(5,1fr)}.challenge-prayer-btn{align-items:center;background:var(--bg-card);border:2px solid var(--border-color);border-radius:12px;cursor:pointer;display:flex;flex-direction:column;gap:6px;padding:15px 10px;position:relative;transition:all .2s}.challenge-prayer-btn.prayed,.challenge-prayer-btn:hover{border-color:var(--accent-primary)}.challenge-prayer-btn.prayed{background:#22c55e26}.challenge-prayer-btn .prayer-icon{font-size:1.5rem}.challenge-prayer-btn .prayer-name{color:var(--text-secondary);font-size:.75rem}.challenge-prayer-btn .check-mark{align-items:center;background:var(--accent-primary);border-radius:50%;color:#fff;display:flex;font-size:.75rem;font-weight:700;height:22px;justify-content:center;position:absolute;right:-8px;top:-8px;width:22px}.show-details-btn{background:#0000;border:1px dashed var(--border-color);border-radius:10px;color:var(--text-muted);cursor:pointer;font-size:.9rem;margin-bottom:15px;padding:12px;transition:all .2s;width:100%}.show-details-btn:hover{border-color:var(--accent-primary);color:var(--accent-primary)}.challenge-calendar{margin-bottom:20px}.calendar-grid{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(8,1fr)}.calendar-day{align-items:center;aspect-ratio:1;background:var(--bg-secondary);border-radius:10px;color:var(--text-secondary);display:flex;flex-direction:column;font-size:.85rem;justify-content:center;position:relative}.calendar-day.complete{background:#22c55e33;color:var(--accent-primary)}.calendar-day.today{border:2px solid var(--accent-primary)}.calendar-day.missed{background:#ef44441a;color:#ef4444}.day-num{font-weight:600}.day-check{color:var(--accent-primary);font-size:.6rem;position:absolute;right:2px;top:2px}.reset-challenge-btn{background:#0000;border:1px solid #ef44444d;border-radius:15px;color:#ef4444;cursor:pointer;display:block;font-size:.85rem;margin:0 auto;padding:8px 20px;transition:all .2s}.reset-challenge-btn:hover{background:#ef44441a}@media (max-width:768px){.challenge-prayers{gap:6px;grid-template-columns:repeat(5,1fr)}.calendar-grid{grid-template-columns:repeat(7,1fr)}}@media (max-width:600px){.challenge-prayers{gap:5px;grid-template-columns:repeat(5,1fr)}.prayer-btn{font-size:.7rem;padding:8px 4px}.calendar-grid{grid-template-columns:repeat(6,1fr)}}@media (max-width:480px){.challenge-prayers{gap:6px;grid-template-columns:repeat(3,1fr)}.prayer-btn{font-size:.75rem;padding:10px 6px}.calendar-grid{gap:4px;grid-template-columns:repeat(5,1fr)}.calendar-day{font-size:.75rem;padding:6px}}@media (max-width:360px){.challenge-prayers{grid-template-columns:repeat(2,1fr)}.calendar-grid{grid-template-columns:repeat(4,1fr)}.calendar-day{font-size:.7rem;padding:5px}.reset-challenge-btn{font-size:.8rem;padding:10px 15px}}.nearby-mosques{background:var(--bg-card);border:1px solid var(--border-color);border-radius:20px;padding:24px}.mosques-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.mosques-title{color:var(--text-primary);font-size:1.2rem;margin:0}.search-mosques-btn{background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary));border:none;border-radius:20px;color:#fff;cursor:pointer;font-size:.9rem;font-weight:600;padding:10px 20px;transition:all .2s}.search-mosques-btn:hover:not(:disabled){box-shadow:0 5px 15px #22c55e4d;transform:translateY(-2px)}.search-mosques-btn:disabled{cursor:not-allowed;opacity:.7}.mosques-empty{color:var(--text-secondary);padding:40px 20px;text-align:center}.mosques-empty .empty-icon{display:block;font-size:4rem;margin-bottom:15px;opacity:.5}.mosques-empty p{font-size:1rem;margin:0 0 10px}.mosques-empty small{color:var(--text-muted);font-size:.85rem}.mosques-loading{padding:40px 20px;text-align:center}.loading-spinner{animation:spin 1s linear infinite;border:4px solid var(--bg-secondary);border-radius:50%;border-top-color:var(--accent-primary);height:50px;margin:0 auto 15px;width:50px}.mosques-loading p{color:var(--text-secondary);margin:0}.mosques-error{align-items:center;background:#ef44441a;border:1px solid #ef44444d;border-radius:12px;color:#ef4444;display:flex;font-size:.9rem;gap:10px;padding:15px}.mosques-list{display:flex;flex-direction:column;gap:10px}.mosque-item{align-items:center;background:var(--bg-secondary);border-radius:12px;display:flex;gap:15px;padding:15px;transition:all .2s}.mosque-item:hover{background:var(--bg-hover)}.mosque-rank{align-items:center;background:var(--accent-primary);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:.85rem;font-weight:700;height:30px;justify-content:center;width:30px}.mosque-info{flex:1 1;min-width:0}.mosque-name{color:var(--text-primary);font-size:1rem;font-weight:600}.mosque-address,.mosque-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mosque-address{color:var(--text-muted);font-size:.8rem;margin-top:3px}.mosque-distance{align-items:center;display:flex;flex-shrink:0;gap:10px}.distance-value{background:#22c55e1a;border-radius:15px;color:var(--accent-primary);font-size:.9rem;font-weight:600;padding:5px 12px}.directions-btn{align-items:center;background:var(--bg-card);border:1px solid var(--border-color);border-radius:50%;cursor:pointer;display:flex;font-size:1.1rem;height:35px;justify-content:center;transition:all .2s;width:35px}.directions-btn:hover{border-color:var(--accent-primary);transform:scale(1.1)}.mosques-map-link{margin-top:20px;text-align:center}.mosques-map-link a{align-items:center;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:25px;color:var(--text-primary);display:inline-flex;font-size:.95rem;gap:8px;padding:12px 25px;text-decoration:none;transition:all .2s}.mosques-map-link a:hover{border-color:var(--accent-primary);color:var(--accent-primary)}@media (max-width:600px){.nearby-mosques{padding:20px}.mosques-title{font-size:1.1rem}.search-mosques-btn{font-size:.85rem;padding:8px 16px}.mosque-item{gap:12px;padding:12px}.mosque-name{font-size:.95rem}}@media (max-width:480px){.nearby-mosques{border-radius:16px;padding:16px}.mosques-header{align-items:flex-start;flex-direction:column;gap:12px}.search-mosques-btn{padding:10px;width:100%}.mosque-item{flex-wrap:wrap;gap:10px;padding:12px}.mosque-rank{font-size:.8rem;height:26px;width:26px}.mosque-info{flex:1 1;min-width:calc(100% - 80px)}.mosque-name{font-size:.9rem}.mosque-address{font-size:.75rem}.mosque-distance{gap:8px;justify-content:flex-end;width:100%}.distance-value{font-size:.8rem;padding:4px 10px}.directions-btn{font-size:1rem;height:32px;width:32px}.mosques-map-link a{font-size:.9rem;padding:10px 20px}.mosques-empty .empty-icon{font-size:3rem}.mosques-empty p{font-size:.9rem}}@media (max-width:360px){.nearby-mosques{padding:12px}.mosque-item{padding:10px}.mosque-name{font-size:.85rem}.distance-value{font-size:.75rem}}.live-stream{background:var(--bg-card);border:1px solid var(--border-color);border-radius:20px;padding:24px}.stream-header{margin-bottom:20px}.stream-title{align-items:center;color:var(--text-primary);display:flex;font-size:1.2rem;gap:10px;margin:0}.live-dot{animation:pulse-live 1.5s ease-in-out infinite;background:#ef4444;border-radius:50%;height:12px;width:12px}@keyframes pulse-live{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.2)}}.stream-options{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(3,1fr);margin-bottom:20px}.stream-option{align-items:center;background:var(--bg-secondary);border:2px solid var(--border-color);border-radius:16px;cursor:pointer;display:flex;flex-direction:column;gap:8px;padding:20px 15px;transition:all .3s}.stream-option:hover{border-color:var(--accent-primary);transform:translateY(-2px)}.stream-option.active{background:#ef44441a;border-color:#ef4444}.stream-icon{font-size:2.5rem}.stream-name{color:var(--text-primary);font-size:.9rem;font-weight:600}.stream-info{color:var(--text-muted);padding:30px;text-align:center}.stream-info p{font-size:.95rem;margin:0}.stream-player{background:var(--bg-secondary);border-radius:16px;overflow:hidden}.player-header{background:#0003;justify-content:space-between;padding:15px 20px}.player-header,.player-info{align-items:center;display:flex}.player-info{gap:12px}.player-icon{font-size:2rem}.player-name{color:var(--text-primary);display:block;font-size:1.1rem;font-weight:600}.player-desc{color:var(--text-muted);display:block;font-size:.8rem}.close-player{background:#ffffff1a;border:none;border-radius:50%;color:var(--text-primary);cursor:pointer;font-size:1.2rem;height:35px;transition:all .2s;width:35px}.close-player:hover{background:#ef44444d}.player-wrapper{padding-top:56.25%;position:relative;width:100%}.player-wrapper iframe{height:100%;left:0;position:absolute;top:0;width:100%}.player-actions{padding:15px 20px;text-align:center}.youtube-link{align-items:center;background:red;border-radius:20px;color:#fff;display:inline-flex;font-size:.9rem;gap:8px;padding:10px 20px;text-decoration:none;transition:all .2s}.youtube-link:hover{background:#c00;transform:translateY(-1px)}@media (max-width:768px){.stream-options{grid-template-columns:repeat(2,1fr)}}@media (max-width:600px){.stream-options{grid-template-columns:1fr}.stream-icon{font-size:2rem}}@media (max-width:480px){.stream-options{grid-template-columns:1fr}.stream-option{flex-direction:row;gap:15px;justify-content:flex-start;padding:15px 20px}.stream-icon{font-size:1.8rem}.stream-name{font-size:.95rem}.stream-card{padding:15px}}@media (max-width:360px){.stream-option{gap:12px;padding:12px 15px}.stream-icon{font-size:1.5rem}.stream-name{font-size:.9rem}}.quran-reader{background:var(--bg-card);border:1px solid var(--border-color);border-radius:20px;padding:24px}.quran-header{margin-bottom:20px}.quran-title{color:var(--text-primary);font-size:1.2rem;margin:0}.juz-badge{background:linear-gradient(135deg,#fbbf24,#f59e0b);border-radius:20px;color:#000;font-size:.9rem;font-weight:700;padding:8px 16px}.quran-main-progress{margin-bottom:20px}.progress-info{color:var(--text-secondary);display:flex;font-size:.9rem;justify-content:space-between;margin-bottom:8px}.progress-info span:last-child{color:var(--accent-primary);font-weight:600}.quran-main-progress .progress-bar{background:var(--bg-secondary);border-radius:6px;height:12px;overflow:hidden}.quran-main-progress .progress-fill{background:linear-gradient(90deg,var(--accent-primary),#fbbf24);border-radius:6px;height:100%;transition:width .5s ease}.toggle-surahs-btn{background:var(--bg-secondary);border:1px dashed var(--border-color);border-radius:10px;color:var(--text-secondary);cursor:pointer;font-size:.95rem;margin-bottom:15px;padding:12px;transition:all .2s;width:100%}.toggle-surahs-btn:hover{border-color:var(--accent-primary);color:var(--accent-primary)}.surahs-grid{grid-gap:10px;gap:10px;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));margin-bottom:15px;max-height:400px;overflow-y:auto;padding:5px}.surah-item{background:var(--bg-secondary);border:2px solid var(--border-color);border-radius:12px;cursor:pointer;display:flex;flex-direction:column;gap:8px;padding:12px;text-align:right;transition:all .2s}.surah-item.completed,.surah-item:hover{border-color:var(--accent-primary)}.surah-item.completed{background:#22c55e1a}.surah-num{align-items:center;background:var(--bg-hover);border-radius:50%;color:var(--text-muted);display:flex;font-size:.8rem;font-weight:600;height:28px;justify-content:center;width:28px}.surah-info{flex:1 1}.surah-name{color:var(--text-primary);display:block;font-size:1rem;font-weight:600}.surah-verses{color:var(--text-muted);font-size:.75rem}.surah-progress-bar{background:var(--bg-hover);border-radius:2px;height:4px;overflow:hidden}.surah-progress-fill{background:var(--accent-primary);border-radius:2px;height:100%;transition:width .3s ease}.surah-view{background:var(--bg-secondary);border-radius:16px;margin-bottom:15px;padding:20px}.surah-header{align-items:center;border-bottom:1px solid var(--border-color);display:flex;gap:15px;margin-bottom:20px;padding-bottom:15px}.back-btn{background:var(--bg-card);border:1px solid var(--border-color);border-radius:8px;color:var(--text-secondary);padding:8px 16px;transition:all .2s}.back-btn:hover{border-color:var(--accent-primary);color:var(--accent-primary)}.surah-header h4{color:var(--text-primary);flex:1 1;font-size:1.3rem;margin:0}.verse-count{color:var(--accent-primary);font-size:.9rem;font-weight:600}.surah-loading{padding:40px;text-align:center}.spinner{animation:spin 1s linear infinite;border:3px solid var(--bg-hover);border-radius:50%;border-top-color:var(--accent-primary);height:40px;margin:0 auto 15px;width:40px}.surah-loading p{color:var(--text-muted);margin:0}.verses-container{max-height:500px;overflow-y:auto}.bismillah{color:var(--accent-primary);font-size:1.5rem;padding:20px}.verses-text{direction:rtl;font-family:Amiri,Traditional Arabic,serif;font-size:1.4rem;line-height:2.5;text-align:justify}.verse{border-radius:4px;cursor:pointer;padding:2px 5px;transition:background .2s}.verse:hover{background:#22c55e1a}.verse.read{background:#22c55e26;color:var(--accent-primary)}.verse-number{color:var(--text-muted);font-size:.9rem;margin:0 5px}.reset-quran-btn{background:#0000;border:1px solid #ef44444d;border-radius:20px;color:#ef4444;cursor:pointer;display:block;font-size:.9rem;margin:0 auto;padding:10px 25px;transition:all .2s}.reset-quran-btn:hover{background:#ef44441a}.surahs-grid::-webkit-scrollbar,.verses-container::-webkit-scrollbar{width:8px}.surahs-grid::-webkit-scrollbar-track,.verses-container::-webkit-scrollbar-track{background:var(--bg-secondary);border-radius:4px}.surahs-grid::-webkit-scrollbar-thumb,.verses-container::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px}.surahs-grid::-webkit-scrollbar-thumb:hover,.verses-container::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}@media (max-width:768px){.surahs-grid{grid-template-columns:repeat(auto-fill,minmax(130px,1fr))}.verses-container{max-height:450px}}@media (max-width:600px){.surahs-grid{grid-template-columns:repeat(3,1fr)}.verses-text{font-size:1.3rem;line-height:2.3}.quran-card{padding:15px}}@media (max-width:480px){.surahs-grid{gap:8px;grid-template-columns:repeat(2,1fr)}.verses-text{font-size:1.2rem;line-height:2.2}.verses-container{max-height:400px;padding:15px}.surah-item{padding:10px}.surah-number{font-size:.75rem;height:28px;width:28px}.surah-name{font-size:.85rem}}@media (max-width:360px){.surahs-grid{gap:6px;grid-template-columns:repeat(2,1fr)}.verses-text{font-size:1.1rem;line-height:2}.surah-item{gap:8px;padding:8px}.surah-number{font-size:.7rem;height:24px;width:24px}.surah-name{font-size:.8rem}}.quran-tafsir{background:#fff;background:var(--card-bg,#fff);border-radius:20px;box-shadow:0 4px 24px #00000014;padding:24px}.quran-header{align-items:center;border-bottom:2px solid #e5e7eb;border-bottom:2px solid var(--border-color,#e5e7eb);display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:24px;padding-bottom:20px}.quran-main-title{color:#1a1a2e;color:var(--text-primary,#1a1a2e);font-size:1.8rem;font-weight:700;margin:0}.quran-subtitle{color:#6b7280;color:var(--text-secondary,#6b7280);font-size:.95rem;margin:4px 0 0}.quran-nav{display:flex;flex-wrap:wrap;gap:8px}.nav-btn{background:#f3f4f6;background:var(--bg-secondary,#f3f4f6);border:none;border-radius:12px;color:#374151;color:var(--text-primary,#374151);cursor:pointer;font-family:inherit;font-size:.95rem;padding:10px 18px;transition:all .2s ease}.nav-btn:hover{background:#dbeafe;background:var(--primary-light,#dbeafe);color:#2563eb;color:var(--primary,#2563eb)}.nav-btn.active{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.settings-btn{padding:10px 14px}.settings-panel{background:#f9fafb;background:var(--bg-secondary,#f9fafb);border-radius:16px;display:flex;flex-wrap:wrap;gap:24px;margin-bottom:20px;padding:20px}.setting-group{display:flex;flex-direction:column;gap:8px}.setting-group label{color:#6b7280;color:var(--text-secondary,#6b7280);font-size:.85rem;font-weight:500}.setting-group select{background:#fff;background:var(--card-bg,#fff);border:1px solid #e5e7eb;border:1px solid var(--border-color,#e5e7eb);border-radius:8px;color:#374151;color:var(--text-primary,#374151);font-size:.9rem;min-width:180px;padding:8px 12px}.font-size-controls{align-items:center;display:flex;gap:12px}.font-size-controls button{background:#fff;background:var(--card-bg,#fff);border:none;border-radius:8px;box-shadow:0 2px 4px #0000001a;color:#374151;color:var(--text-primary,#374151);cursor:pointer;font-size:1.2rem;height:32px;width:32px}.font-size-controls span{font-weight:500;min-width:50px;text-align:center}.last-read-banner{align-items:center;background:linear-gradient(135deg,#10b981,#059669);border-radius:14px;color:#fff;cursor:pointer;display:flex;gap:16px;margin-bottom:20px;padding:16px 20px;transition:transform .2s ease,box-shadow .2s ease}.last-read-banner:hover{box-shadow:0 6px 20px #10b9814d;transform:translateY(-2px)}.last-read-icon{font-size:1.5rem}.last-read-info{display:flex;flex:1 1;flex-direction:column}.last-read-label{font-size:.85rem;opacity:.9}.last-read-position{font-size:1.1rem;font-weight:600}.continue-arrow{font-size:1.5rem}.juz-filter{background:#f9fafb;background:var(--bg-secondary,#f9fafb);border-radius:12px;display:flex;flex-wrap:wrap;gap:6px;margin-bottom:20px;padding:12px}.juz-filter button{background:#fff;background:var(--card-bg,#fff);border:none;border-radius:8px;color:#6b7280;color:var(--text-secondary,#6b7280);cursor:pointer;font-size:.85rem;padding:6px 12px;transition:all .2s ease}.juz-filter button:hover{background:#dbeafe;background:var(--primary-light,#dbeafe);color:#2563eb;color:var(--primary,#2563eb)}.juz-filter button.active{background:#2563eb;background:var(--primary,#2563eb);color:#fff}.surahs-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.surah-card{align-items:center;background:#f9fafb;background:var(--bg-secondary,#f9fafb);border:1px solid #0000;border-radius:14px;cursor:pointer;display:flex;gap:14px;padding:16px;transition:all .2s ease}.surah-card:hover{background:#fff;background:var(--card-bg,#fff);border-color:#10b981;border-color:var(--primary,#10b981);box-shadow:0 4px 12px #10b98126;transform:translateY(-2px)}.surah-number{align-items:center;background:linear-gradient(135deg,#10b981,#059669);border-radius:12px;color:#fff;display:flex;font-size:1rem;font-weight:700;height:44px;justify-content:center;width:44px}.surah-details{display:flex;flex:1 1;flex-direction:column;gap:2px}.surah-name-ar{color:#1a1a2e;color:var(--text-primary,#1a1a2e);font-size:1.15rem;font-weight:600}.surah-name-en{color:#6b7280;color:var(--text-secondary,#6b7280);font-size:.85rem}.surah-meta{color:#9ca3af;color:var(--text-tertiary,#9ca3af);font-size:.8rem}.surah-type-badge{font-size:1.3rem}.reader-view{min-height:60vh}.reader-header{align-items:center;border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border-color,#e5e7eb);display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:24px;padding-bottom:16px}.back-btn{background:#f3f4f6;background:var(--bg-secondary,#f3f4f6);border:none;border-radius:10px;color:#374151;color:var(--text-primary,#374151);cursor:pointer;font-family:inherit;font-size:.95rem;padding:10px 18px;transition:all .2s ease}.back-btn:hover{background:#dbeafe;background:var(--primary-light,#dbeafe);color:#2563eb;color:var(--primary,#2563eb)}.surah-title{text-align:center}.surah-title h3{color:#1a1a2e;color:var(--text-primary,#1a1a2e);font-size:1.5rem;margin:0}.surah-title span{color:#6b7280;color:var(--text-secondary,#6b7280);font-size:.9rem}.reader-controls{display:flex;gap:8px}.nav-surah-btn{background:#fff;background:var(--card-bg,#fff);border:1px solid #e5e7eb;border:1px solid var(--border-color,#e5e7eb);border-radius:8px;color:#374151;color:var(--text-primary,#374151);cursor:pointer;font-size:.85rem;padding:8px 14px;transition:all .2s ease}.nav-surah-btn:hover:not(:disabled){border-color:#10b981;border-color:var(--primary,#10b981);color:#10b981;color:var(--primary,#10b981)}.nav-surah-btn:disabled{cursor:not-allowed;opacity:.5}.loading-container{align-items:center;display:flex;flex-direction:column;gap:16px;justify-content:center;padding:60px 20px}.quran-spinner{animation:spin 1s linear infinite;border:4px solid #e5e7eb;border-top-color:#10b981;border:4px solid var(--border-color,#e5e7eb);border-radius:50%;border-top-color:var(--primary,#10b981);height:48px;width:48px}@keyframes spin{to{transform:rotate(1turn)}}.bismillah{background:linear-gradient(135deg,#10b9810d,#0596691a);border-radius:16px;color:#10b981;color:var(--primary,#10b981);font-family:Amiri,Traditional Arabic,serif;font-size:2rem;margin-bottom:20px;padding:30px 20px;text-align:center}.ayahs-container{padding:10px 0}.ayahs-flow{direction:rtl;font-family:Amiri,Traditional Arabic,Scheherazade New,serif;line-height:2.2;text-align:justify}.ayah-wrapper{display:inline}.ayah-text{border-radius:6px;color:#1a1a2e;color:var(--text-primary,#1a1a2e);cursor:pointer;padding:4px 8px;position:relative;transition:all .2s ease}.ayah-text:hover{background:#10b9811a}.ayah-text.selected{background:#10b98126;color:#059669;color:var(--primary,#059669)}.ayah-text.playing{background:#f59e0b26;color:#d97706}.ayah-number{color:#10b981;color:var(--primary,#10b981);font-family:Amiri,serif;font-size:.7em;margin:0 6px}.ayah-actions{display:inline-flex;gap:4px;margin-right:8px;vertical-align:middle}.action-btn{align-items:center;background:#f3f4f6;background:var(--bg-secondary,#f3f4f6);border:none;border-radius:6px;cursor:pointer;display:inline-flex;font-size:.85rem;height:28px;justify-content:center;transition:all .2s ease;width:28px}.action-btn:hover{transform:scale(1.1)}.action-btn.play.active,.action-btn.play:hover{background:#f59e0b33}.action-btn.bookmark.active{background:#ef444433}.action-btn.tafsir:hover{background:#10b98133}.tafsir-panel{background:#f9fafb;background:var(--bg-secondary,#f9fafb);border-radius:16px;border-right:4px solid #10b981;border-right:4px solid var(--primary,#10b981);display:block;margin:16px 0;padding:20px}.tafsir-loading{align-items:center;color:#6b7280;color:var(--text-secondary,#6b7280);display:flex;gap:12px}.mini-spinner{animation:spin 1s linear infinite;border:2px solid #e5e7eb;border-top-color:#10b981;border:2px solid var(--border-color,#e5e7eb);border-radius:50%;border-top-color:var(--primary,#10b981);height:20px;width:20px}.tafsir-tabs{border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border-color,#e5e7eb);display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px;padding-bottom:12px}.tafsir-tab{background:#fff;background:var(--card-bg,#fff);border:none;border-radius:8px;color:#6b7280;color:var(--text-secondary,#6b7280);cursor:pointer;font-family:inherit;font-size:.85rem;padding:8px 14px;transition:all .2s ease}.tafsir-tab:hover{color:#10b981;color:var(--primary,#10b981)}.tafsir-tab.active{background:#10b981;background:var(--primary,#10b981);color:#fff}.tafsir-content{color:#374151;color:var(--text-primary,#374151);font-family:Amiri,Traditional Arabic,serif;font-size:1.05rem;line-height:1.9}.search-view{padding:20px 0}.search-box{display:flex;gap:12px;margin-bottom:24px}.search-box input{background:#fff;background:var(--card-bg,#fff);border:2px solid #e5e7eb;border:2px solid var(--border-color,#e5e7eb);border-radius:14px;color:#374151;color:var(--text-primary,#374151);flex:1 1;font-family:inherit;font-size:1rem;padding:14px 20px;transition:border-color .2s ease}.search-box input:focus{border-color:#10b981;border-color:var(--primary,#10b981);outline:none}.search-box button{background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:14px;color:#fff;cursor:pointer;font-size:1.2rem;padding:14px 24px;transition:transform .2s ease}.search-box button:hover{transform:scale(1.05)}.results-count{color:#6b7280;color:var(--text-secondary,#6b7280);font-size:.95rem;margin-bottom:16px}.search-results{display:flex;flex-direction:column;gap:12px}.search-result-item{background:#f9fafb;background:var(--bg-secondary,#f9fafb);border:1px solid #0000;border-radius:14px;cursor:pointer;padding:16px;transition:all .2s ease}.search-result-item:hover{background:#fff;background:var(--card-bg,#fff);border-color:#10b981;border-color:var(--primary,#10b981)}.result-header{display:flex;justify-content:space-between;margin-bottom:8px}.result-surah{color:#10b981;color:var(--primary,#10b981);font-weight:600}.result-ayah{color:#6b7280;color:var(--text-secondary,#6b7280);font-size:.85rem}.result-text{color:#1a1a2e;color:var(--text-primary,#1a1a2e);font-family:Amiri,Traditional Arabic,serif;font-size:1.2rem;line-height:1.8;margin:0}.bookmarks-view{padding:20px 0}.bookmarks-view h3{color:#1a1a2e;color:var(--text-primary,#1a1a2e);font-size:1.3rem;margin-bottom:20px}.no-bookmarks{color:#6b7280;color:var(--text-secondary,#6b7280);padding:40px;text-align:center}.bookmarks-list{display:flex;flex-direction:column;gap:10px}.bookmark-item{align-items:center;background:#f9fafb;background:var(--bg-secondary,#f9fafb);border-radius:12px;cursor:pointer;display:flex;gap:16px;padding:14px 18px;transition:all .2s ease}.bookmark-item:hover{background:#d1fae5;background:var(--primary-light,#d1fae5)}.bookmark-surah{color:#1a1a2e;color:var(--text-primary,#1a1a2e);flex:1 1;font-weight:600}.bookmark-ayah{color:#6b7280;color:var(--text-secondary,#6b7280);font-size:.9rem}.remove-bookmark{background:#ef44441a;border:none;border-radius:50%;color:#ef4444;cursor:pointer;height:28px;transition:all .2s ease;width:28px}.remove-bookmark:hover{background:#ef4444;color:#fff}[data-theme=dark] .quran-tafsir{background:#1e1e2e;background:var(--card-bg,#1e1e2e)}[data-theme=dark] .surah-card{background:#2a2a3e;background:var(--bg-secondary,#2a2a3e)}[data-theme=dark] .surah-card:hover{background:#1e1e2e;background:var(--card-bg,#1e1e2e)}[data-theme=dark] .bismillah{background:linear-gradient(135deg,#10b9811a,#05966926)}[data-theme=dark] .bookmark-item,[data-theme=dark] .search-result-item,[data-theme=dark] .tafsir-panel{background:#2a2a3e;background:var(--bg-secondary,#2a2a3e)}@media (max-width:768px){.quran-header{align-items:stretch;flex-direction:column}.quran-nav{justify-content:center}.surahs-grid{grid-template-columns:1fr}.reader-header{flex-direction:column;text-align:center}.reader-controls{justify-content:center;width:100%}.settings-panel{flex-direction:column}.juz-filter{justify-content:center}.ayahs-flow{font-size:22px!important}.bismillah{font-size:1.5rem}}@media print{.ayah-actions,.quran-nav,.reader-controls,.settings-panel{display:none}.ayahs-flow{font-size:16pt}}.quran-rules-page{margin:0 auto;max-width:900px;padding:1rem 0}.qr-header{margin-bottom:1.5rem;text-align:center}.qr-header h2{color:#f9fafb;color:var(--text-primary,#f9fafb);font-size:1.8rem;font-weight:700;margin:0 0 .25rem}.qr-header p{color:#9ca3af;color:var(--text-secondary,#9ca3af);font-size:.9rem;margin:0}.qr-daily-card{background:linear-gradient(135deg,#22c55e1f,#16a34a0f);border:1px solid #22c55e40;border-radius:18px;margin-bottom:1.5rem;overflow:hidden;padding:1.5rem;position:relative;text-align:center}.qr-daily-card:before{background:radial-gradient(circle at center,#22c55e0d,#0000 60%);content:"";height:200%;left:-50%;pointer-events:none;position:absolute;top:-50%;width:200%}.qr-daily-badge{align-items:center;background:#22c55e26;border:1px solid #22c55e4d;border-radius:999px;color:#4ade80;display:inline-flex;font-size:.78rem;font-weight:600;gap:.4rem;margin-bottom:1rem;padding:4px 14px}.qr-daily-verse{color:#f9fafb;color:var(--text-primary,#f9fafb);font-family:Amiri,Traditional Arabic,serif;font-size:1.35rem;font-weight:700;line-height:2;margin:0 0 .75rem}.qr-daily-surah{color:#4ade80;font-size:.82rem;font-weight:600;margin:0 0 .5rem}.qr-daily-rule{color:#f9fafb;color:var(--text-primary,#f9fafb);font-size:1rem;font-weight:600;margin:0 0 .4rem}.qr-daily-explanation{color:#9ca3af;color:var(--text-secondary,#9ca3af);font-size:.88rem;line-height:1.7;margin:0}.qr-toolbar{align-items:center;display:flex;gap:.75rem;margin-bottom:1rem}.qr-search-wrap{flex:1 1;position:relative}.qr-search-input{background:#020617;background:var(--bg-card,#020617);border:1px solid #94a3b866;border:1px solid var(--border-color,#94a3b866);border-radius:999px;color:#e5e7eb;color:var(--text-primary,#e5e7eb);font-size:.88rem;outline:none;padding:10px 14px 10px 38px;transition:border-color .2s;width:100%}.qr-search-input::placeholder{color:#6b7280;color:var(--text-muted,#6b7280)}.qr-search-input:focus{border-color:#22c55e;border-color:var(--accent-primary,#22c55e);box-shadow:0 0 0 2px #22c55e33;box-shadow:0 0 0 2px var(--accent-glow,#22c55e33)}.qr-search-icon{font-size:.9rem;left:12px;opacity:.5;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.qr-random-btn{align-items:center;background:#020617;background:var(--bg-card,#020617);border:1px solid #94a3b84d;border:1px solid var(--border-color,#94a3b84d);border-radius:999px;color:#e5e7eb;color:var(--text-primary,#e5e7eb);cursor:pointer;display:flex;font-size:.85rem;gap:.4rem;padding:10px 18px;transition:all .2s;white-space:nowrap}.qr-random-btn:hover{background:#22c55e14;border-color:#22c55e;border-color:var(--accent-primary,#22c55e);color:#4ade80}.qr-categories{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.25rem}.qr-cat-btn{background:#0000;border:1px solid #94a3b840;border:1px solid var(--border-color,#94a3b840);border-radius:999px;color:#9ca3af;color:var(--text-secondary,#9ca3af);cursor:pointer;font-size:.82rem;padding:6px 14px;transition:all .2s}.qr-cat-btn:hover{border-color:#22c55e;border-color:var(--accent-primary,#22c55e);color:#e5e7eb;color:var(--text-primary,#e5e7eb)}.qr-cat-btn.active{background:linear-gradient(135deg,#22c55e,#16a34a);border-color:#0000;color:#022c22;font-weight:600}.qr-fav-filter{display:flex;gap:.5rem;margin-bottom:1rem}.qr-fav-btn{align-items:center;background:#0000;border:1px solid #94a3b840;border:1px solid var(--border-color,#94a3b840);border-radius:999px;color:#9ca3af;color:var(--text-secondary,#9ca3af);cursor:pointer;display:flex;font-size:.82rem;gap:.3rem;padding:6px 14px;transition:all .2s}.qr-fav-btn.active,.qr-fav-btn:hover{border-color:#f59e0b;color:#fbbf24}.qr-fav-btn.active{background:#f59e0b26;font-weight:600}.qr-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.qr-card{background:#0f172acc;background:var(--bg-card,#0f172acc);border:1px solid #ffffff14;border:1px solid var(--border-color,#ffffff14);border-radius:16px;display:flex;flex-direction:column;padding:1.25rem;position:relative;transition:all .25s}.qr-card:hover{border-color:#22c55e4d;box-shadow:0 8px 24px #00000026;transform:translateY(-2px)}.qr-card.highlighted{animation:qr-highlight-pulse 1.5s ease-out;border-color:#22c55e80;box-shadow:0 0 20px #22c55e1f}@keyframes qr-highlight-pulse{0%{box-shadow:0 0 0 0 #22c55e66}70%{box-shadow:0 0 0 10px #22c55e00}to{box-shadow:0 0 20px #22c55e1f}}.qr-card-top{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:.75rem}.qr-card-category{background:#22c55e1a;border:1px solid #22c55e33;border-radius:999px;color:#4ade80;font-size:.72rem;font-weight:500;padding:3px 10px}.qr-card-actions{display:flex;gap:.35rem}.qr-icon-btn{align-items:center;background:#0000;border:none;border-radius:8px;color:#6b7280;color:var(--text-muted,#6b7280);cursor:pointer;display:flex;font-size:.9rem;height:30px;justify-content:center;padding:0;transition:all .2s;width:30px}.qr-icon-btn:hover{background:#ffffff14;color:#e5e7eb;color:var(--text-primary,#e5e7eb)}.qr-icon-btn.favorited{color:#f59e0b}.qr-icon-btn.copied{color:#22c55e}.qr-card-verse{color:#f9fafb;color:var(--text-primary,#f9fafb);font-family:Amiri,Traditional Arabic,serif;font-size:1.15rem;font-weight:600;line-height:2;margin:0 0 .5rem}.qr-card-surah{color:#4ade80;font-size:.78rem;font-weight:500;margin:0 0 .75rem}.qr-card-rule{border-top:1px solid #ffffff0f;border-top:1px solid var(--border-color,#ffffff0f);color:#e5e7eb;color:var(--text-primary,#e5e7eb);font-size:.92rem;font-weight:600;margin:0 0 .35rem;padding-top:.75rem}.qr-card-explanation{color:#9ca3af;color:var(--text-secondary,#9ca3af);flex:1 1;font-size:.82rem;line-height:1.7;margin:0}.qr-empty{color:#6b7280;color:var(--text-muted,#6b7280);padding:3rem 1rem;text-align:center}.qr-empty-icon{font-size:2.5rem;margin-bottom:.75rem;opacity:.5}.qr-empty p{font-size:.9rem;margin:0}.qr-count{color:#6b7280;color:var(--text-muted,#6b7280);font-size:.8rem;margin-bottom:1rem;text-align:center}@media (max-width:600px){.qr-header h2{font-size:1.5rem}.qr-daily-verse{font-size:1.15rem}.qr-daily-card{padding:1.25rem 1rem}.qr-grid{grid-template-columns:1fr}.qr-toolbar{flex-direction:column}.qr-random-btn{width:100%}.qr-categories,.qr-random-btn{justify-content:center}}@media (max-width:480px){.qr-header h2{font-size:1.3rem}.qr-card-verse,.qr-daily-verse{font-size:1.05rem}.qr-card{padding:1rem}.qr-card,.qr-daily-card{border-radius:14px}}@media (max-width:360px){.quran-rules-page{padding:.5rem 0}.qr-header h2{font-size:1.15rem}.qr-daily-verse{font-size:1rem}.qr-card{border-radius:12px;padding:.85rem}}.ramadan-page{--ram-gold:#f0c040;--ram-gold-dim:#c49a2a;--ram-purple:#7c3aed;--ram-purple-dim:#5b21b6;--ram-green:#22c55e;--ram-green-dim:#16a34a;--ram-bg-card:#0f172ad9;--ram-border:#f0c04026;--ram-glow:#f0c04033}[data-theme=light] .ramadan-page{--ram-bg-card:#ffffffeb;--ram-border:#7c3aed26;--ram-glow:#7c3aed1a}.ramadan-page{display:flex;flex-direction:column;gap:1.5rem;margin:0 auto;max-width:900px;padding:.5rem 0}.ram-card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:var(--ram-bg-card);border:1px solid var(--ram-border);border-radius:18px;padding:1.5rem;transition:border-color .3s ease}.ram-card:hover{border-color:#f0c0404d}[data-theme=light] .ram-card:hover{border-color:#7c3aed4d}.ram-card-title{align-items:center;color:var(--text-primary);display:flex;font-size:1.15rem;font-weight:700;gap:.5rem;margin-bottom:1rem}.ram-header{background:linear-gradient(135deg,#7c3aed26,#f0c0401a);overflow:hidden;padding:2rem 1.5rem;position:relative;text-align:center}.ram-header:before{animation:ramadanGlow 6s ease-in-out infinite;background:radial-gradient(ellipse at center,#f0c0400d 0,#0000 60%);content:"";height:200%;left:-50%;pointer-events:none;position:absolute;top:-50%;width:200%}@keyframes ramadanGlow{0%,to{opacity:.5;transform:scale(1)}50%{opacity:1;transform:scale(1.1)}}.ram-greeting{color:var(--ram-gold);font-size:2rem;font-weight:800;margin-bottom:.25rem;position:relative}[data-theme=light] .ram-greeting{color:var(--ram-purple)}.ram-day-info{color:var(--text-secondary);font-size:1.1rem;margin-bottom:1rem}.ram-day-number{color:var(--ram-gold);font-size:1.3rem;font-weight:700}[data-theme=light] .ram-day-number{color:var(--ram-purple)}.ram-progress-wrap{margin:0 auto;max-width:400px}.ram-progress-label{color:var(--text-muted);display:flex;font-size:.8rem;justify-content:space-between;margin-bottom:.4rem}.ram-progress-bar{background:#ffffff14;border-radius:99px;height:8px;overflow:hidden}[data-theme=light] .ram-progress-bar{background:#00000014}.ram-progress-fill{background:linear-gradient(90deg,var(--ram-purple),var(--ram-gold));border-radius:99px;height:100%;transition:width .6s ease}.ram-imsakia{align-items:stretch;display:flex;gap:1rem}.ram-time-box{background:#ffffff0a;border:1px solid var(--ram-border);border-radius:14px;flex:1 1;padding:1.2rem .8rem;text-align:center}[data-theme=light] .ram-time-box{background:#7c3aed0a}.ram-time-label{color:var(--text-secondary);font-size:.85rem;margin-bottom:.3rem}.ram-time-value{color:var(--ram-gold);direction:ltr;font-size:1.6rem;font-weight:700}[data-theme=light] .ram-time-value{color:var(--ram-purple)}.ram-time-box .ram-time-remaining{color:var(--text-muted);font-size:.78rem;margin-top:.3rem}.ram-countdown-box{background:linear-gradient(135deg,#7c3aed1a,#f0c04014);border:1px solid var(--ram-border);border-radius:14px;display:flex;flex:1 1;flex-direction:column;justify-content:center;padding:1.2rem .8rem;text-align:center}.ram-countdown-label{color:var(--text-secondary);font-size:.85rem;margin-bottom:.3rem}.ram-countdown-timer{font-feature-settings:"tnum";color:var(--ram-gold);direction:ltr;font-size:1.8rem;font-variant-numeric:tabular-nums;font-weight:800}[data-theme=light] .ram-countdown-timer{color:var(--ram-purple)}.ram-countdown-target{color:var(--text-muted);font-size:.75rem;margin-top:.2rem}.ram-fasting-stats{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:1rem}.ram-stat{background:#ffffff0a;border-radius:10px;flex:1 1;min-width:80px;padding:.6rem;text-align:center}[data-theme=light] .ram-stat{background:#7c3aed0a}.ram-stat-number{color:var(--ram-green);font-size:1.4rem;font-weight:700}.ram-stat-label{color:var(--text-muted);font-size:.75rem}.ram-fasting-grid{grid-gap:.5rem;display:grid;gap:.5rem;grid-template-columns:repeat(6,1fr)}.ram-fasting-day{align-items:center;aspect-ratio:1;background:#ffffff08;border:1px solid var(--ram-border);border-radius:10px;color:var(--text-secondary);cursor:pointer;display:flex;font-size:.9rem;font-weight:600;justify-content:center;transition:all .2s ease;-webkit-user-select:none;user-select:none}.ram-fasting-day:hover{background:#f0c04014;border-color:var(--ram-gold)}.ram-fasting-day.fasted{background:linear-gradient(135deg,#22c55e33,#22c55e1a);border-color:#22c55e66;color:var(--ram-green)}.ram-fasting-day.today{border-color:var(--ram-gold);box-shadow:0 0 8px var(--ram-glow)}[data-theme=light] .ram-fasting-day:hover{background:#7c3aed0f;border-color:var(--ram-purple)}[data-theme=light] .ram-fasting-day.today{border-color:var(--ram-purple);box-shadow:0 0 8px #7c3aed26}.ram-khatma-progress{margin-bottom:1rem}.ram-khatma-grid{grid-gap:.5rem;display:grid;gap:.5rem;grid-template-columns:repeat(5,1fr)}.ram-khatma-juz{background:#ffffff08;border:1px solid var(--ram-border);border-radius:10px;color:var(--text-secondary);cursor:pointer;font-size:.8rem;font-weight:600;padding:.6rem .3rem;text-align:center;transition:all .2s ease;-webkit-user-select:none;user-select:none}.ram-khatma-juz:hover{background:#7c3aed14;border-color:var(--ram-purple)}.ram-khatma-juz.completed{background:linear-gradient(135deg,#7c3aed40,#f0c0401a);border-color:#7c3aed66;color:var(--ram-purple)}[data-theme=light] .ram-khatma-juz.completed{color:var(--ram-purple-dim)}.ram-khatma-juz-num{display:block;font-size:1rem;font-weight:700}.ram-khatma-juz-range{color:var(--text-muted);display:block;font-size:.65rem;margin-top:.15rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ram-virtue{background:linear-gradient(135deg,#f0c0400f,#7c3aed0f);padding:2rem 1.5rem;text-align:center}.ram-virtue-text{color:var(--text-primary);font-size:1.05rem;line-height:1.9;margin-bottom:.75rem}.ram-virtue-source{color:var(--ram-gold-dim);font-size:.8rem;font-weight:600}[data-theme=light] .ram-virtue-source{color:var(--ram-purple-dim)}.ram-duas-tabs{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}.ram-dua-tab{background:#0000;border:1px solid var(--ram-border);border-radius:99px;color:var(--text-secondary);cursor:pointer;font-family:inherit;font-size:.8rem;font-weight:600;padding:.4rem 1rem;transition:all .2s ease}.ram-dua-tab.active{background:linear-gradient(135deg,var(--ram-purple),var(--ram-gold));border-color:#0000;color:#fff}.ram-duas-list{display:flex;flex-direction:column;gap:.75rem}.ram-dua-card{background:#ffffff08;border:1px solid var(--ram-border);border-radius:12px;padding:1rem}[data-theme=light] .ram-dua-card{background:#7c3aed08}.ram-dua-label{color:var(--ram-gold-dim);font-size:.78rem;font-weight:600;margin-bottom:.4rem}[data-theme=light] .ram-dua-label{color:var(--ram-purple-dim)}.ram-dua-text{color:var(--text-primary);font-size:1rem;line-height:1.9;margin-bottom:.5rem}.ram-dua-copy{background:#0000;border:1px solid var(--ram-border);border-radius:8px;color:var(--text-secondary);cursor:pointer;font-family:inherit;font-size:.75rem;font-weight:600;padding:.3rem .8rem;transition:all .2s ease}.ram-dua-copy:hover{background:#f0c0401a;border-color:var(--ram-gold);color:var(--ram-gold)}[data-theme=light] .ram-dua-copy:hover{background:#7c3aed14;border-color:var(--ram-purple);color:var(--ram-purple)}.ram-dua-copied{border-color:var(--ram-green)!important;color:var(--ram-green)!important}.ram-share{padding:1.5rem;text-align:center}.ram-share-text{color:var(--text-secondary);font-size:.9rem;line-height:1.7;margin-bottom:1rem}.ram-share-btn{align-items:center;background:linear-gradient(135deg,var(--ram-purple),var(--ram-gold));border:none;border-radius:99px;color:#fff;cursor:pointer;display:inline-flex;font-family:inherit;font-size:.9rem;font-weight:700;gap:.5rem;padding:.7rem 1.8rem;transition:all .3s ease}.ram-share-btn:hover{box-shadow:0 6px 20px #7c3aed4d;transform:translateY(-2px)}.ram-share-btn.copied{background:linear-gradient(135deg,var(--ram-green),var(--ram-green-dim))}.ram-not-ramadan{padding:3rem 1.5rem;text-align:center}.ram-not-ramadan-icon{font-size:3rem;margin-bottom:1rem}.ram-not-ramadan-title{color:var(--text-primary);font-size:1.3rem;font-weight:700;margin-bottom:.5rem}.ram-not-ramadan-text{color:var(--text-secondary);font-size:.95rem;line-height:1.7}@media (max-width:600px){.ramadan-page{gap:1rem}.ram-card{border-radius:14px;padding:1.2rem}.ram-greeting{font-size:1.6rem}.ram-imsakia{flex-direction:column}.ram-fasting-grid{gap:.4rem;grid-template-columns:repeat(6,1fr)}.ram-khatma-grid{gap:.4rem;grid-template-columns:repeat(5,1fr)}.ram-countdown-timer{font-size:1.4rem}.ram-time-value{font-size:1.3rem}}@media (max-width:480px){.ram-header{padding:1.5rem 1rem}.ram-greeting{font-size:1.4rem}.ram-fasting-grid{grid-template-columns:repeat(5,1fr)}.ram-khatma-grid{grid-template-columns:repeat(4,1fr)}.ram-virtue-text{font-size:.95rem}}@media (max-width:360px){.ram-fasting-grid{gap:.3rem;grid-template-columns:repeat(5,1fr)}.ram-khatma-grid{grid-template-columns:repeat(3,1fr)}.ram-khatma-juz-range{display:none}}.ram-fasting-day.taraweeh.fasted{background:linear-gradient(135deg,var(--ram-gold),#c4a000);border-color:var(--ram-gold);color:#1a0a2e}.ram-last-ten{background:linear-gradient(135deg,#1a0a2e,#2d1b4e);border:2px solid var(--ram-gold);overflow:hidden;position:relative}.ram-last-ten .ram-card-title{color:var(--ram-gold)}.ram-last-ten-glow{background:radial-gradient(circle,#ffd70026,#0000 70%);height:120px;pointer-events:none;position:absolute;right:-40px;top:-40px;width:120px}.ram-last-ten-text{color:#e2d5f3;font-size:1.15rem;margin-bottom:12px;text-align:center}.ram-last-ten-dua{background:#ffd70014;border-radius:12px;color:var(--ram-gold);font-family:Amiri,serif;font-size:1.3rem;margin-bottom:16px;padding:16px;text-align:center}.ram-last-ten-grid{flex-wrap:wrap;gap:8px}.ram-last-ten-grid,.ram-night-chip{display:flex;justify-content:center}.ram-night-chip{align-items:center;background:#ffffff0f;border:1px solid #ffffff1a;border-radius:10px;flex-direction:column;gap:2px;height:54px;transition:all .2s;width:50px}.ram-night-chip.odd{background:#ffd7001a;border-color:var(--ram-gold)}.ram-night-chip.current{background:var(--ram-gold);border-color:var(--ram-gold);transform:scale(1.1)}.ram-night-chip.current .ram-night-num{color:#1a0a2e;font-weight:700}.ram-night-chip.passed{opacity:.4}.ram-night-num{color:#e2d5f3;font-size:1rem;font-weight:600}.ram-night-star{color:var(--ram-gold);font-size:.7rem}.ram-last-ten-hint{color:#ffd70099;font-size:.85rem;margin-top:12px;text-align:center}.ram-zakat-form{display:flex;flex-wrap:wrap;gap:16px;margin-bottom:20px}.ram-zakat-field{display:flex;flex:1 1;flex-direction:column;gap:8px;min-width:160px}.ram-zakat-field label{color:var(--ram-text-secondary);font-size:.9rem}.ram-zakat-field select{background:#ffffff0f;border:1px solid #ffffff26;border-radius:10px;color:var(--ram-text);font-family:inherit;font-size:.95rem;padding:10px 12px}.ram-zakat-counter{align-items:center;display:flex;gap:12px;justify-content:center}.ram-zakat-counter button{background:#ffffff0f;border:1px solid #ffffff26;border-radius:10px;color:var(--ram-text);cursor:pointer;font-size:1.2rem;height:36px;transition:all .2s;width:36px}.ram-zakat-counter button:hover{background:var(--ram-accent);border-color:var(--ram-accent)}.ram-zakat-counter span{color:var(--ram-text);font-size:1.1rem;font-weight:600;min-width:80px;text-align:center}.ram-zakat-result{background:#ffd70014;border:1px solid #ffd70033;border-radius:14px;padding:20px;text-align:center}.ram-zakat-total{align-items:baseline;display:flex;gap:8px;justify-content:center;margin-bottom:8px}.ram-zakat-amount{color:var(--ram-gold);font-size:2.2rem;font-weight:700}.ram-zakat-currency{color:var(--ram-text-secondary);font-size:1.1rem}.ram-zakat-note{color:var(--ram-text-secondary);font-size:.9rem;margin-bottom:8px}.ram-zakat-info{color:#ffd70080;font-size:.85rem}.ram-sadaqa-total{margin-bottom:16px;text-align:center}.ram-sadaqa-form{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:16px}.ram-sadaqa-form input{background:#ffffff0f;border:1px solid #ffffff26;border-radius:10px;color:var(--ram-text);flex:1 1;font-family:inherit;font-size:.95rem;min-width:120px;padding:10px 14px}.ram-sadaqa-form input::placeholder{color:#ffffff4d}.ram-sadaqa-form button{background:var(--ram-accent);border:none;border-radius:10px;color:#fff;cursor:pointer;font-family:inherit;font-size:.95rem;padding:10px 20px;transition:all .2s}.ram-sadaqa-form button:hover{opacity:.85}.ram-sadaqa-list{display:flex;flex-direction:column;gap:8px}.ram-sadaqa-item{align-items:center;background:#ffffff0a;border:1px solid #ffffff14;border-radius:10px;display:flex;justify-content:space-between;padding:10px 14px}.ram-sadaqa-item-info{align-items:center;display:flex;gap:12px}.ram-sadaqa-amount{color:var(--ram-gold);font-size:1.1rem;font-weight:700}.ram-sadaqa-note{color:var(--ram-text-secondary);font-size:.9rem}.ram-sadaqa-item-actions{align-items:center;display:flex;gap:10px}.ram-sadaqa-date{color:#ffffff4d;font-size:.8rem}.ram-sadaqa-remove{background:#ef444426;border:none;border-radius:50%;color:#ef4444;cursor:pointer;font-size:.8rem;height:24px;transition:all .2s;width:24px}.ram-sadaqa-remove:hover{background:#ef4444;color:#fff}.ram-planner-progress{margin-bottom:16px}.ram-planner-list{display:flex;flex-direction:column;gap:6px}.ram-planner-item{align-items:center;background:#ffffff0a;border:1px solid #ffffff14;border-radius:10px;cursor:pointer;display:flex;gap:12px;padding:12px 14px;transition:all .2s}.ram-planner-item:hover{background:#ffffff14}.ram-planner-item.checked{background:#10b9811a;border-color:#10b9814d}.ram-planner-check{align-items:center;border:2px solid #fff3;border-radius:8px;color:#10b981;display:flex;flex-shrink:0;font-size:.85rem;height:26px;justify-content:center;width:26px}.ram-planner-item.checked .ram-planner-check{background:#10b981;border-color:#10b981;color:#fff}.ram-planner-icon{font-size:1.2rem}.ram-planner-label{color:var(--ram-text);flex:1 1;font-size:.95rem}.ram-planner-item.checked .ram-planner-label{opacity:.6;text-decoration:line-through}.ram-planner-cat{background:#ffffff0f;border-radius:6px;color:var(--ram-text-secondary);font-size:.75rem;padding:3px 8px}.ram-khatma-count-display{align-items:center;display:flex;gap:24px;justify-content:center;margin:16px 0}.ram-khatma-btn{background:#ffffff0f;border:2px solid #ffffff26;border-radius:50%;color:var(--ram-text);cursor:pointer;font-size:1.5rem;height:48px;transition:all .2s;width:48px}.ram-khatma-btn:hover{background:var(--ram-accent);border-color:var(--ram-accent)}.ram-khatma-count-num{text-align:center}.ram-khatma-big-num{color:var(--ram-gold);display:block;font-size:3rem;font-weight:700;line-height:1}.ram-khatma-count-label{color:var(--ram-text-secondary);font-size:.9rem}.ram-khatma-count-msg{color:var(--ram-text-secondary);font-size:.95rem;margin-top:8px;text-align:center}.ram-reminder-content{text-align:center}.ram-reminder-permission p{color:var(--ram-text-secondary);margin-bottom:14px}.ram-reminder-btn{background:var(--ram-accent);border:none;border-radius:12px;color:#fff;cursor:pointer;font-family:inherit;font-size:1rem;padding:12px 24px;transition:all .2s}.ram-reminder-btn:hover{opacity:.85}.ram-reminder-btn.active{background:#10b981}.ram-reminder-settings{align-items:center;display:flex;flex-direction:column;gap:14px}.ram-reminder-field{align-items:center;display:flex;flex-wrap:wrap;gap:12px;justify-content:center}.ram-reminder-field label{color:var(--ram-text-secondary);font-size:.95rem}.ram-reminder-info{color:#ffd70080;font-size:.85rem;margin-top:4px}.ram-calendar-table-wrap{margin-bottom:10px;overflow-x:auto}.ram-calendar-table{border-collapse:collapse;text-align:center;width:100%}.ram-calendar-table th{border-bottom:1px solid #ffffff1a;color:var(--ram-gold);font-size:.85rem;font-weight:600;padding:10px 8px}.ram-calendar-table td{border-bottom:1px solid #ffffff0d;color:var(--ram-text);font-size:.9rem;padding:8px}.ram-cal-today{background:#ffd7001a}.ram-cal-today td{color:var(--ram-gold);font-weight:600}.ram-cal-day{color:var(--ram-accent);font-weight:600}.ram-calendar-note{color:#ffffff4d;font-size:.8rem;text-align:center}@media (max-width:600px){.ram-sadaqa-form,.ram-sadaqa-item,.ram-zakat-form{flex-direction:column}.ram-sadaqa-item{gap:8px;text-align:center}.ram-last-ten-grid{gap:6px}.ram-night-chip{height:46px;width:42px}}
/*# sourceMappingURL=main.ec17e4cf.css.map*/