*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:#061a3a;color:#f6f4ed}body{font-family:Tahoma,Arial,sans-serif;padding-bottom:210px}.topbar{position:sticky;top:0;z-index:20;background:#061a3aee;border-bottom:1px solid #23476f;backdrop-filter:blur(14px)}.brand{max-width:1050px;margin:auto;padding:18px 20px;display:flex;align-items:center;gap:16px}.brand-bismillah{font-family:serif;color:#e3be6d;font-size:34px}.brand h1{margin:0;font-size:27px}.brand p{margin:3px 0 0;color:#a9bfdc}.hero{max-width:1050px;margin:22px auto;padding:34px 26px;border:1px solid #31557f;border-radius:28px;background:linear-gradient(135deg,#092753,#0b3267);box-shadow:0 20px 55px #020a18aa}.pill{display:inline-block;padding:9px 15px;border-radius:99px;background:#153d70;color:#e8c77b}.hero h2{font-size:clamp(34px,8vw,64px);line-height:1.25;margin:22px 0 14px}.hero h2 span{color:#e0ba67}.hero p{font-size:18px;color:#c6d2e2;margin:0}.hero-note{margin-top:18px;color:#9eb4cf;font-size:14px}.controls{max-width:1050px;margin:18px auto;display:grid;grid-template-columns:1fr 130px;gap:16px;padding:0 20px}.search-wrap{height:68px;border:1px solid #31557f;border-radius:20px;background:#09244c;display:flex;align-items:center;padding:0 16px;gap:8px}.search-wrap span{font-size:25px;color:#d9ba70}.search-wrap input,.surah-search input{flex:1;border:0;outline:0;background:transparent;color:#fff;font-size:18px;min-width:0}.search-wrap input::placeholder,.surah-search input::placeholder{color:#8ea6c4}.stats{border:1px solid #31557f;border-radius:20px;background:#09244c;display:flex;flex-direction:column;align-items:center;justify-content:center}.stats strong{font-size:30px;color:#e3be6d}.stats span{color:#abc0db;font-size:13px}.status{max-width:1050px;margin:12px auto;padding:0 20px;color:#a7bcd5;text-align:center;min-height:24px}.reciters{max-width:1050px;margin:0 auto;padding:0 20px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.card{border:1px solid #2a507d;border-radius:22px;background:#08244a;padding:18px;display:flex;align-items:center;gap:15px;cursor:pointer;transition:.18s;min-height:104px}.card:hover{transform:translateY(-2px);background:#0b2c5a}.avatar{width:56px;height:56px;display:grid;place-items:center;border-radius:18px;background:#103863;font-size:25px;flex:none}.card-text{min-width:0;flex:1}.card h3{margin:0 0 5px;font-size:21px}.card p{margin:0 0 4px;color:#a9bfd8;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card small{color:#e1c175}.arrow{font-size:30px;color:#e0bd70}.modal{position:fixed;inset:0;background:#000a;z-index:50;display:flex;align-items:flex-end;justify-content:center;padding:10px}.hidden{display:none!important}.modal-card{width:min(1050px,100%);max-height:86vh;background:#08244a;border:1px solid #31557f;border-radius:28px 28px 0 0;padding:18px;overflow:auto}.modal-head{display:flex;justify-content:space-between;align-items:flex-start;gap:15px}.small-label{font-size:13px;color:#99b1ce}.modal-head h3{margin:4px 0;font-size:24px}.close-btn{border:1px solid #31557f;background:#10345f;color:#fff;border-radius:14px;width:44px;height:44px;font-size:28px}.surah-search{margin:14px 0;padding:0 15px;height:54px;border-radius:16px;background:#09244c;border:1px solid #31557f;display:flex;align-items:center}.surahs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.surah{border:1px solid #2b527f;background:#0a2b56;color:#fff;border-radius:15px;padding:13px;display:grid;grid-template-columns:44px 1fr 28px;align-items:center;text-align:right;gap:8px;font-size:16px}.surah .num{color:#e2c178}.ayah-panel{max-width:1050px;margin:28px auto 0;padding:0 20px}.section-title{margin-bottom:10px}.section-title span{color:#96afd0;font-size:13px}.section-title h2{margin:4px 0 0;font-size:27px}.ayahs{display:flex;flex-direction:column;gap:9px;max-height:52vh;overflow:auto}.ayah{display:flex;gap:12px;align-items:flex-start;background:#08244a;border:1px solid #294f7d;border-radius:18px;padding:13px}.ayah.active{background:#0d376d;border-color:#e2bd6d;box-shadow:0 0 0 1px #e2bd6d55}.ayah-number{width:36px;height:36px;border-radius:50%;background:#103864;color:#e2bd6d;display:grid;place-items:center;flex:none}.ayah p{margin:0;font:24px/2.05 "Times New Roman",serif}.player{position:fixed;left:0;right:0;bottom:0;z-index:40;padding:14px 16px calc(14px + env(safe-area-inset-bottom));background:#041735f4;border-top:1px solid #355b88;backdrop-filter:blur(14px);box-shadow:0 -12px 40px #0007}.player-info{max-width:1050px;margin:0 auto 9px;display:flex;align-items:center;gap:12px}.disc{width:46px;height:46px;border-radius:50%;display:grid;place-items:center;background:#123a68;color:#e0bd70;font-size:24px}.player-info strong,.player-info span{display:block}.player-info span{font-size:13px;color:#a8bdd7;margin-top:3px}.player-controls{display:flex;justify-content:center;gap:26px;align-items:center}.player-controls button{border:0;background:transparent;color:#fff;font-size:28px}.player-controls .play{width:64px;height:64px;border-radius:50%;background:#e3ba60;color:#05152e;font-size:25px}.progress-row{max-width:1050px;margin:6px auto 0;display:grid;grid-template-columns:52px 1fr 52px;align-items:center;gap:7px;color:#a9bdd3;font-size:12px}.progress-row input{width:100%}.audio-state{text-align:center;color:#9eb6d0;font-size:12px;margin-top:4px}@media(max-width:700px){.reciters{grid-template-columns:1fr}.controls{grid-template-columns:1fr 112px}.surahs{grid-template-columns:1fr}.hero{margin:14px 14px;padding:28px 20px}.ayah p{font-size:21px}.card h3{font-size:20px}}

.download-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  text-decoration:none;
  padding:10px 14px;
  border-radius:10px;
  font-weight:700;
  cursor:pointer;
}
.download-btn.disabled{opacity:.5;pointer-events:none}

/* تحسين واجهة الهاتف */
.surah-actions{display:flex;align-items:center;justify-content:flex-end;gap:7px}
.surah-play,.surah-download{
  width:36px;height:36px;border-radius:10px;display:grid;place-items:center;
  border:1px solid #31557f;background:#10345f;color:#fff;text-decoration:none;
  font-size:16px;cursor:pointer;flex:none;
}
.surah-download{color:#e3be6d;background:#0b315e}
.surah-play:hover,.surah-download:hover{background:#174579}
@media(max-width:700px){
  body{padding-bottom:185px;overflow-x:hidden}
  .brand{padding:12px 14px;gap:10px}
  .brand-bismillah{font-size:25px}
  .brand h1{font-size:22px}
  .brand p{font-size:14px}
  .hero{margin:10px 10px;padding:20px 16px;border-radius:20px}
  .hero .pill{font-size:13px;padding:7px 11px}
  .hero h2{font-size:30px;line-height:1.3;margin:15px 0 10px}
  .hero p{font-size:15px}
  .hero-note{font-size:12px;margin-top:10px}
  .controls{margin:10px auto;grid-template-columns:minmax(0,1fr) 92px;gap:8px;padding:0 10px}
  .search-wrap{height:52px;border-radius:15px;padding:0 11px}
  .search-wrap input,.surah-search input{font-size:15px}
  .stats{border-radius:15px}
  .stats strong{font-size:24px}
  .stats span{font-size:11px}
  .status{padding:0 10px;font-size:12px}
  .reciters{padding:0 10px;gap:9px}
  .card{min-height:76px;padding:11px 12px;border-radius:16px;gap:10px}
  .avatar{width:42px;height:42px;border-radius:13px;font-size:19px}
  .card h3{font-size:16px;margin-bottom:3px}
  .card p{font-size:12px}
  .card small{font-size:11px}
  .arrow{font-size:23px}
  .modal{padding:0}
  .modal-card{max-height:90vh;border-radius:22px 22px 0 0;padding:12px}
  .modal-head h3{font-size:20px}
  .close-btn{width:40px;height:40px}
  .surah-search{height:48px;margin:10px 0}
  .surahs{grid-template-columns:1fr;gap:6px}
  .surah{min-height:50px;border-radius:12px;padding:7px 9px;grid-template-columns:34px minmax(0,1fr) auto;gap:7px;font-size:15px}
  .surah-actions{gap:5px}
  .surah-play,.surah-download{width:34px;height:34px;border-radius:9px}
  .player{padding:9px 10px calc(9px + env(safe-area-inset-bottom))}
  .player-info{margin-bottom:5px}
  .disc{width:38px;height:38px}
  .player-controls{gap:20px}
  .player-controls button{font-size:23px}
  .player-controls .play{width:52px;height:52px}
  .progress-row{grid-template-columns:40px minmax(0,1fr) 40px;font-size:10px}
}

/* نص الآية داخل مشغل الصوت فقط */
.player-ayah{max-width:1050px;margin:8px auto 10px;padding:10px 12px;border:1px solid #31557f;border-radius:14px;background:#08244a;text-align:center;overflow:auto;max-height:95px}
.player-ayah-title{font-size:11px;color:#d9bb73;margin-bottom:4px}
.player-ayah-text{display:flex;align-items:flex-start;justify-content:center;gap:8px;color:#fff}
.player-ayah-text p{margin:0;font-family:"Times New Roman",serif;font-size:20px;line-height:1.55}
.player-ayah-text .ayah-number{width:26px;height:26px;font-size:11px;align-self:center}
.player-ayah-error{color:#9eb6d0;font-size:11px}
@media(max-width:700px){body{padding-bottom:230px}.player-ayah{margin:6px 0 8px;padding:7px 9px;max-height:90px;border-radius:12px}.player-ayah-title{font-size:10px}.player-ayah-text p{font-size:17px;line-height:1.45}.player-ayah-text .ayah-number{width:23px;height:23px;font-size:10px}.audio-state{font-size:10px}}

.modal-head-actions{display:flex;align-items:center;gap:7px;flex:none}
.download-all-btn{border:1px solid #b88f43;background:#d9b35e;color:#071a38;border-radius:12px;padding:9px 11px;font-weight:700;font-size:13px;cursor:pointer;white-space:nowrap}
.download-all-btn:disabled{opacity:.6;cursor:wait}
@media(max-width:700px){.modal-head-actions{gap:5px}.download-all-btn{padding:8px 9px;font-size:11px}.close-btn{flex:none}}

.install-app-btn{
  display:inline-flex;align-items:center;justify-content:center;
  margin:14px auto 4px;padding:10px 16px;border:0;border-radius:12px;
  font-weight:800;cursor:pointer;font-size:14px;
}

/* v10: dedicated audio player view */


/* v12: keep surah list visible while playing; compact floating player */
.modal{z-index:60;align-items:flex-end}
.modal-card{position:relative;z-index:61;height:min(92vh,900px);max-height:92vh;padding-bottom:150px;overflow-y:auto}
.player{z-index:70;padding:8px 12px calc(8px + env(safe-area-inset-bottom));}
.player-info{margin:0 auto 4px;gap:9px}
.disc{width:34px;height:34px;font-size:18px}
.player-info strong{font-size:14px}
.player-info span{font-size:11px;margin-top:1px}
.player-controls{gap:18px}
.player-controls button{font-size:21px}
.player-controls .play{width:48px;height:48px;font-size:20px}
.progress-row{margin:3px auto 0;grid-template-columns:40px minmax(0,1fr) 40px;font-size:10px;gap:6px}
.audio-state{font-size:10px;margin-top:2px}
.player-ayah{position:relative;margin:5px auto 7px;padding:7px 12px;max-height:88px;min-height:72px;border-color:#4a6f9f;box-shadow:inset 0 0 0 1px #173e6b55}
.player-ayah-title{font-size:9px;margin-bottom:2px}
.player-ayah-text{gap:7px;align-items:flex-start}
.player-ayah-text p{font-size:17px;line-height:1.5;font-weight:600}
.player-ayah-text .ayah-number{width:22px;height:22px;font-size:9px;background:#e1b85d;color:#071a37;font-weight:700;box-shadow:0 0 10px #e1b85d66}
@media(max-width:700px){
  body{padding-bottom:155px}
  .modal{padding:0}
  .modal-card{height:94vh;max-height:94vh;border-radius:18px 18px 0 0;padding:10px 10px 132px}
  .player{padding:6px 8px calc(6px + env(safe-area-inset-bottom))}
  .player-info{margin-bottom:2px}
  .disc{width:30px;height:30px;font-size:16px}
  .player-info strong{font-size:13px}
  .player-info span{font-size:10px}
  .player-controls{gap:16px}
  .player-controls button{font-size:20px}
  .player-controls .play{width:44px;height:44px;font-size:18px}
  .progress-row{margin-top:2px}
  .player-ayah{margin:4px 0 6px;padding:6px 9px;max-height:82px;min-height:68px}
  .player-ayah-text p{font-size:17px;line-height:1.5;font-weight:600}
  .player-ayah-text .ayah-number{width:22px;height:22px;font-size:10px}
  .audio-state{font-size:9px;margin-top:1px}
}

/* v13: slightly larger ayah panel + clear currently recited marker */
.player-ayah::before{content:"● تُتلى الآن";position:absolute;top:6px;left:10px;color:#e2bd6d;font-size:10px;font-weight:700;opacity:.95}
.player-ayah-text{padding-top:10px}


/* v14: show pause icon on the currently playing surah row */
.surah.is-playing{border-color:#e3ba60;box-shadow:0 0 0 1px #e3ba6044;background:#0d376d}
.surah.is-playing .surah-play{background:#e3ba60;color:#071a37;border-color:#e3ba60;font-weight:700}
.surah.is-playing .surah-play:hover{background:#efc86e}


/* v15: guaranteed visible pause indicator inside the active surah button */
.surah-play.is-playing{font-size:0;position:relative;background:#e3ba60;color:#071a37;border-color:#e3ba60;}
.surah-play.is-playing::before,.surah-play.is-playing::after{content:"";position:absolute;top:9px;bottom:9px;width:4px;border-radius:2px;background:#071a37;}
.surah-play.is-playing::before{left:11px;}
.surah-play.is-playing::after{right:11px;}
@media(max-width:700px){
  .surah-play.is-playing::before,.surah-play.is-playing::after{top:8px;bottom:8px;width:3px;}
  .surah-play.is-playing::before{left:10px;}
  .surah-play.is-playing::after{right:10px;}
}