.splash-screen{position:fixed;top:0;right:0;bottom:0;left:0;z-index:99999;min-height:100dvh;overflow-y:auto;display:flex;align-items:center;justify-content:center;padding:25px 10px;text-align:center;direction:rtl;color:#f9f5e9;background:radial-gradient(circle at 50% 20%,#155c45 0%,transparent 55%),linear-gradient(160deg,#052d23,#021b16);transition:opacity .6s ease,visibility .6s ease}.splash-screen.splash-fade{opacity:0;visibility:hidden;pointer-events:none}.splash-content{width:100%;max-width:600px;animation:splashEnter .8s ease both}.splash-symbol{font-size:45px;color:#d8b66b}.splash-brand h1{font-size:clamp(35px,7vw,54px);color:#e6c477;margin:8px 0}.splash-brand p{color:#b5cfc2;font-size:15px}.splash-separator{width:85px;height:2px;background:linear-gradient(90deg,transparent,#d8b66b,transparent);margin:25px auto}.splash-label{display:inline-block;color:#e6c477;border:1px solid #a78c4d;padding:6px 18px;border-radius:30px;margin-bottom:16px;font-size:14px}.splash-dedication h2{font-size:clamp(19px,4vw,27px);line-height:1.9;font-weight:700;margin:0 0 10px}.splash-dedication p{color:#b5cfc2;font-size:15px;line-height:1.8}.splash-palestine{margin-top:35px}.splash-palestine p{font-size:19px;font-weight:700;margin-bottom:18px}.splash-flag{position:relative;width:135px;height:90px;margin:0 auto 18px;overflow:hidden;border-radius:4px;box-shadow:0 8px 28px #0006}.flag-black,.flag-white,.flag-green{height:33.333%}.flag-black{background:#000}.flag-white{background:#fff}.flag-green{background:#009736}.flag-red{position:absolute;inset:0 auto 0 0;width:45%;background:#ee2a35;clip-path:polygon(0 0,100% 50%,0 100%)}.splash-palestine strong{color:#e6c477;font-size:20px}.splash-loading{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:45px;color:#b5cfc2;font-size:13px}.splash-spinner{width:20px;height:20px;border:2px solid #ffffff30;border-top-color:#e6c477;border-radius:50%;animation:splashSpin .8s linear infinite}@keyframes splashSpin{to{transform:rotate(360deg)}}@keyframes splashEnter{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.splash-content,.splash-spinner{animation:none}.splash-screen{transition:none}}:root{font-family:Cairo,sans-serif;font-synthesis:none;--bg:#f7f9f6;--surface:#fff;--surface2:#edf5ef;--text:#183b30;--muted:#72827b;--border:#dfe9e2;--green:#087f59;--deep:#064e3b;--gold:#b68a43;--shadow:0 12px 38px rgba(8,64,43,.07)}:root[data-theme=dark]{color-scheme:dark;--bg:#091b17;--surface:#102a23;--surface2:#17392e;--text:#ecf7f0;--muted:#a3b9ae;--border:#28473c;--green:#36bd89;--deep:#064e3b;--gold:#e2bd78;--shadow:0 15px 40px rgba(0,0,0,.15)}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text)}button,input,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit;text-decoration:none}.container{max-width:1190px;margin:auto;padding:0 22px}.header{background:var(--surface);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:20;box-shadow:0 3px 14px #00000005}.nav{min-height:84px;display:flex;align-items:center;justify-content:space-between;gap:22px}.brand{display:flex;align-items:center;gap:11px;font-size:22px;font-weight:800;white-space:nowrap}.brand b{color:var(--gold)}.brand small{display:block;font-size:10px;letter-spacing:.1px;font-weight:500;color:var(--muted);margin-top:-6px}.brand-mark{font-family:Amiri;font-size:40px;color:var(--gold);line-height:1}.nav-links{display:flex;align-items:center;gap:4px}.nav-links a{display:flex;align-items:center;gap:7px;padding:10px 12px;font-size:13px;font-weight:700;color:var(--muted);border-radius:10px;transition:.2s}.nav-links a:hover,.nav-links a.active{color:var(--green);background:var(--surface2)}.nav-actions{display:flex;gap:7px}.icon-btn{display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--border);border-radius:11px;color:var(--text);background:var(--surface);width:42px;height:42px}.icon-btn:hover{color:var(--green)}.mobile-menu{display:none}.main{min-height:calc(100vh - 240px);padding-top:40px;padding-bottom:95px}.footer{border-top:1px solid var(--border);padding:27px 0;color:var(--muted);font-size:12px;text-align:center}.hero{background:linear-gradient(120deg,#073c30,#07583f 65%,#0a6a4b);border-radius:24px;min-height:370px;display:grid;grid-template-columns:1.25fr 1fr;align-items:center;overflow:hidden;color:#fff;position:relative;padding:48px 58px}.hero:before{content:"۞";position:absolute;left:-40px;top:-130px;font-family:Amiri;font-size:490px;color:#ffffff06;pointer-events:none}.hero-content{position:relative;z-index:1}.eyebrow{color:var(--gold);font-size:13px;font-weight:800;letter-spacing:.2px}.hero .eyebrow{color:#e5c584}.hero h1{font-family:Amiri,serif;font-size:49px;line-height:1.45;margin:15px 0}.hero h1 em{font-style:normal;color:#edcf8b;font-size:38px}.hero p{color:#d5e9df;line-height:2;max-width:500px;font-size:14px}.hero-actions{display:flex;gap:12px;margin-top:24px;flex-wrap:wrap}.btn{border:1px solid var(--border);background:var(--surface);color:var(--text);border-radius:11px;padding:11px 19px;display:inline-flex;align-items:center;justify-content:center;gap:9px;font-weight:800;font-size:13px}.btn.primary{background:var(--gold);color:#10271e;border-color:var(--gold)}.btn.ghost{background:#ffffff12;border-color:#fff5;color:#fff}.btn:disabled{opacity:.5;cursor:not-allowed}.hero-art{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:13px;text-align:center}.hero-art>span{font-size:165px;font-family:Amiri;color:#e7c77d;line-height:1;text-shadow:0 0 70px #e8c67a44}.hero-art div{font-family:Amiri;font-size:23px;color:#f9e9c2}.hero-art small{color:#c6dacd}.section-heading{text-align:center;margin:55px 0 25px}.section-heading h2{font-size:25px;margin:7px 0}.feature-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px}.feature-card,.reciter-card,.surah-card,.verse,.hadith-card,.zekr-card{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:16px}.feature-card{padding:27px 22px;transition:.2s}.feature-card:hover,.reciter-card:hover{transform:translateY(-3px);border-color:var(--gold)}.feature-icon{width:55px;height:55px;border-radius:15px;background:var(--surface2);color:var(--green);display:flex;align-items:center;justify-content:center}.feature-card h3{font-size:17px;margin:18px 0 5px}.feature-card p{color:var(--muted);font-size:12px;line-height:2;min-height:50px}.feature-link,.card-link{display:inline-flex;align-items:center;gap:7px;color:var(--green);font-size:12px;font-weight:800;margin-top:15px}.quote{margin-top:32px;border:1px solid var(--border);border-radius:16px;background:var(--surface2);text-align:center;padding:25px;color:var(--gold)}.quote p{font-family:Amiri;font-size:28px;color:var(--text);margin:3px}.quote small{color:var(--muted)}.page-heading{text-align:center;margin:8px 0 33px}.page-heading h1{font-family:Amiri;font-size:40px;margin:6px 0}.page-heading p{color:var(--muted);font-size:14px}.toolbar{display:flex;gap:13px;align-items:center;justify-content:space-between;flex-wrap:wrap;margin:22px 0}.toolbar>span{font-size:13px;color:var(--muted)}.search{background:var(--surface);border:1px solid var(--border);border-radius:11px;display:flex;align-items:center;gap:10px;padding:0 13px;min-width:260px;color:var(--muted)}.search input{background:none;border:0;outline:0;color:var(--text);height:45px;width:100%}.toolbar select{border:1px solid var(--border);background:var(--surface);color:var(--text);padding:12px;border-radius:11px;min-width:230px;max-width:100%}.reciters-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px}.reciter-card{text-align:center;padding:26px 13px;position:relative}.reciter-avatar{display:flex;align-items:center;justify-content:center;margin:auto;width:85px;height:85px;border-radius:50%;border:3px solid var(--gold);background:radial-gradient(circle at 30% 30%,#247f60,#063c2c);font-family:Amiri;font-size:49px;color:#f5db9e}.reciter-card h3{font-size:14px;margin:16px 0 3px}.reciter-card p{font-size:11px;color:var(--muted)}.fav-btn{position:absolute;top:12px;left:12px;background:transparent;border:0;color:var(--muted)}.fav-btn.selected{color:#d69b57}.state{padding:50px 20px;text-align:center;color:var(--muted);display:flex;flex-direction:column;align-items:center;gap:15px}.state.error{color:#df796d}.spinner{height:30px;width:30px;border:3px solid var(--border);border-top-color:var(--gold);border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.back-link{display:inline-flex;align-items:center;gap:7px;color:var(--green);font-size:13px;margin-bottom:24px}.reciter-banner{border-radius:20px;padding:30px;display:flex;align-items:center;gap:25px;background:linear-gradient(110deg,#064e3b,#0d6c4b);color:#fff}.reciter-banner .large{width:112px;height:112px;flex-shrink:0;font-size:64px;margin:0}.reciter-banner h1{font-family:Amiri;font-size:34px;margin:5px 0}.reciter-banner p{font-size:13px;color:#d2e9dc}.surah-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.surah-card{padding:16px;display:flex;align-items:center;gap:11px}.surah-number{width:38px;height:38px;flex-shrink:0;border:1px solid var(--gold);border-radius:10px;display:grid;place-items:center;color:var(--gold);font-weight:800}.surah-card>div{flex:1;min-width:0}.surah-card b{font-size:13px}.surah-card small{display:block;color:var(--muted);font-size:10px}.round-action{background:var(--green);border:0;color:#fff;border-radius:50%;width:33px;height:33px;display:grid;place-items:center;flex-shrink:0}.round-action.secondary{background:var(--surface2);color:var(--green)}.tafsir-header{text-align:center;background:var(--surface2);border-radius:16px;padding:22px;margin-bottom:16px}.tafsir-header span{color:var(--gold);font-size:35px}.tafsir-header h2{font-family:Amiri;font-size:31px;margin:0}.tafsir-header small{color:var(--muted)}.verses{display:grid;gap:14px}.verse{padding:24px;display:flex;gap:18px}.verse-index{border:1px solid var(--gold);color:var(--gold);border-radius:50%;width:38px;height:38px;display:grid;place-items:center;flex-shrink:0}.verse>div{flex:1}.ayah{font-family:Amiri;font-size:25px;line-height:2.2;margin:0 0 13px}.interpretation{border-top:1px solid var(--border);padding-top:14px}.interpretation b{color:var(--gold);font-size:13px}.interpretation p{line-height:2;color:var(--muted);font-size:14px}.hadith-list{display:grid;gap:15px}.hadith-card{padding:24px}.hadith-card h3{font-family:Amiri;font-size:24px;font-weight:400;line-height:1.8;margin:0 0 13px}.card-actions{display:flex;gap:20px}.text-action{display:inline-flex;align-items:center;gap:6px;color:var(--green);background:none;border:0;padding:0;font-size:12px;font-weight:800}.hadith-detail{margin-top:17px;border-top:1px solid var(--border);padding-top:18px;line-height:2}.hadith-detail p{font-size:14px}.hadith-matn{font-family:Amiri;font-size:24px!important}.hadith-detail small{display:block;color:var(--muted)}.hadith-detail h4{color:var(--gold)}.pagination{display:flex;justify-content:center;align-items:center;gap:15px;margin-top:25px}.tabs{display:flex;justify-content:center;gap:12px;margin-bottom:25px}.tabs button{border:1px solid var(--border);background:var(--surface);color:var(--muted);padding:12px 25px;border-radius:12px;font-weight:800}.tabs button.active{background:var(--green);color:#fff}.azkar-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px}.zekr-card{padding:24px;display:flex;flex-direction:column;gap:10px}.zekr-top{display:flex;justify-content:space-between;color:var(--gold);font-size:12px;font-weight:800}.zekr-text{font-family:Amiri;font-size:23px;line-height:2;margin:8px 0}.zekr-fadl{font-size:12px;line-height:1.8;color:var(--muted)}.source{font-size:11px;color:var(--muted)}.zekr-actions{display:flex;align-items:center;gap:8px;margin-top:auto;padding-top:12px}.player{position:fixed;bottom:0;left:0;right:0;z-index:30;background:var(--surface);border-top:1px solid var(--border);box-shadow:0 -8px 28px #00000012}.player-inner{display:flex;align-items:center;gap:18px;min-height:84px}.player-title{display:flex;align-items:center;gap:12px;min-width:195px}.player-title b{font-size:13px;display:block}.player-title small{color:var(--muted);font-size:11px}.disc{background:var(--deep);border-radius:50%;width:46px;height:46px;display:grid;place-items:center;color:var(--gold);font-size:24px}.play-button{background:var(--green);border:0;border-radius:50%;color:#fff;width:42px;height:42px;display:grid;place-items:center}.seek{flex:1;display:flex;align-items:center;gap:13px}.seek input{flex:1;accent-color:var(--green);min-width:50px}.seek small{font-size:11px;color:var(--muted);white-space:nowrap}.player-error{color:#dc7777;font-size:11px}.player-volume{color:var(--muted)}@media(max-width:1050px){.nav-links a{padding:8px;font-size:12px}.nav-links a svg{display:none}.feature-grid{grid-template-columns:repeat(2,1fr)}.reciters-grid{grid-template-columns:repeat(4,1fr)}}@media(max-width:760px){.nav{min-height:70px}.mobile-menu{display:inline-flex}.nav-links{display:none;position:absolute;top:69px;right:0;left:0;padding:15px 22px;background:var(--surface);border-bottom:1px solid var(--border);flex-direction:column;align-items:stretch}.nav-links.open{display:flex}.nav-links a svg{display:block}.main{padding-top:24px}.hero{grid-template-columns:1fr;padding:33px 25px;gap:20px}.hero h1{font-size:36px}.hero h1 em{font-size:29px}.hero-art>span{font-size:90px}.hero-art div{font-size:19px}.reciters-grid{grid-template-columns:repeat(2,1fr)}.surah-grid,.azkar-grid{grid-template-columns:1fr}.player-inner{gap:8px;min-height:76px}.player-title{min-width:105px}.player-title .disc,.player-volume,.player-error{display:none}.seek{gap:5px;flex-direction:column}.seek input{width:100%}.seek small{font-size:10px}.page-heading h1{font-size:34px}}@media(max-width:450px){.container{padding:0 14px}.feature-grid{grid-template-columns:1fr}.hero{padding:28px 19px}.hero h1{font-size:30px}.hero h1 em{font-size:24px}.reciter-card{padding:22px 8px}.reciter-card h3{font-size:12px}.reciter-avatar{width:70px;height:70px}.reciter-banner{padding:20px;gap:12px}.reciter-banner .large{width:76px;height:76px;font-size:42px}.reciter-banner h1{font-size:25px}.search{min-width:100%;width:100%}.toolbar select{width:100%}.verse{padding:14px;gap:10px}.ayah{font-size:22px}.player-title{min-width:80px}.player-title b{font-size:11px}.player-title small{font-size:9px}.player-inner{gap:6px}}.reciter-avatar-link{display:block;width:max-content;margin:auto;border-radius:50%}.reciter-avatar{overflow:hidden;flex-shrink:0}.reciter-avatar img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 24%;border-radius:50%}