.prayers-tab{flex-direction:column;gap:24px;display:flex}.occasions-header-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;display:grid}.occasions-header-card{background:var(--bg-primary);border:1px solid var(--border);border-radius:12px;padding:16px}.occasions-header-label{color:var(--text-secondary);margin-bottom:6px;font-size:13px}.occasions-header-value{color:var(--text-primary);font-size:16px;font-weight:600}.occasions-header-subtext{color:var(--text-secondary);margin-top:6px;font-size:13px}.occasions-focus-card{border:1px solid var(--border);background:var(--bg-primary);color:var(--text-primary);border-radius:12px;padding:16px;line-height:1.6}.occasions-also-relevant{margin-top:16px}.occasions-chip-row{flex-wrap:wrap;gap:8px;display:flex}.occasions-chip{border:1px solid var(--border);background:var(--bg-primary);color:var(--text-secondary);border-radius:20px;padding:6px 12px;font-size:13px;font-weight:600}.occasions-chip.active{background:var(--primary);border-color:var(--primary);color:var(--text-on-primary)}.occasions-section-subtitle{color:var(--text-secondary);font-size:14px}.occasions-month-events-list{flex-direction:column;gap:12px;display:flex}.occasions-event-card{border:1px solid var(--border);background:var(--bg-primary);border-radius:12px;align-items:flex-start;gap:16px;padding:16px;display:flex}.occasions-event-badge{background:var(--bg-hover);color:var(--text-primary);white-space:nowrap;border-radius:12px;padding:6px 12px;font-size:13px;font-weight:600}.occasions-event-content{flex-direction:column;flex:1;gap:6px;display:flex}.occasions-event-title{color:var(--text-primary);font-size:16px;font-weight:600}.occasions-event-summary{color:var(--text-secondary);font-size:14px;line-height:1.6}.occasions-event-meta{color:var(--text-muted);font-size:12px}.occasions-modules-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px;display:grid}.occasions-module-card{border:1px solid var(--border);background:var(--bg-primary);border-radius:12px;padding:16px}.occasions-module-header{color:var(--text-primary);margin-bottom:12px;font-size:16px;font-weight:600}.occasions-progress{color:var(--text-secondary);margin-bottom:12px;font-size:13px}.occasions-nawafel-groups{flex-direction:column;gap:16px;display:flex}.occasions-nawafel-group{flex-direction:column;display:flex}.occasions-nawafel-title{color:var(--text-secondary);margin-bottom:8px;font-size:14px;font-weight:600}.occasions-item-hint{color:var(--text-muted);margin-top:4px;font-size:12px;display:block}.occasions-module-helper{color:var(--text-secondary);margin-bottom:12px;font-size:13px}.occasions-info-list{color:var(--text-secondary);flex-direction:column;gap:10px;font-size:14px;line-height:1.6;display:flex}.occasions-info-card{border:1px solid var(--border);background:var(--bg-elevated);border-radius:10px;padding:12px}.occasions-info-title{color:var(--text-primary);font-size:16px;font-weight:600}.occasions-info-meta{color:var(--text-secondary);margin-top:6px;font-size:13px}.occasions-counter{justify-content:center;align-items:center;gap:12px;display:flex}.occasions-counter-value{color:var(--primary);font-size:22px;font-weight:700}.occasions-goal-grid{gap:12px;display:grid}.occasions-action-row{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.occasions-archive-controls,.occasions-settings-card{flex-direction:column;gap:12px;display:flex}.occasions-settings-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;display:grid}.occasions-input,.occasions-select{border:1px solid var(--border);background:var(--bg-primary);color:var(--text-primary);border-radius:8px;padding:8px 12px;font-size:14px}.occasions-toggle{color:var(--text-secondary);align-items:center;gap:8px;font-size:14px;display:flex}.occasions-charity-form{gap:12px;display:grid}.occasions-charity-list{gap:8px;margin-top:12px;display:grid}.occasions-empty{border:1px dashed var(--border);background:var(--bg-elevated);border-radius:10px;flex-direction:column;gap:8px;padding:12px;display:flex}.occasions-empty-text{color:var(--text-secondary);font-size:14px}.occasions-modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background:#0009;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.occasions-modal{background:var(--bg-elevated);border:1px solid var(--border);border-radius:16px;width:100%;max-width:520px;max-height:80vh;overflow-y:auto;box-shadow:0 20px 60px #0000004d}.occasions-modal-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:12px;padding:20px 24px;display:flex}.occasions-modal-header h3{color:var(--text-primary);margin:0;font-size:20px}.occasions-modal-body{color:var(--text-primary);padding:24px;font-size:15px;line-height:1.7}.prayers-section{background:var(--bg-elevated);border:1px solid var(--border);border-radius:12px;padding:24px}.prayers-library,.notes-section{margin-top:24px}.section-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;display:flex}.section-header h2{color:var(--text-primary);align-items:center;gap:12px;margin:0;font-size:24px;display:flex}.section-header-actions{align-items:center;gap:12px;display:flex}.refresh-button{background:var(--bg-hover);border:1px solid var(--border);width:36px;height:36px;color:var(--text-secondary);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;padding:0;transition:all .2s;display:flex}.refresh-button:hover:not(:disabled){background:var(--primary-alpha);border-color:var(--primary);color:var(--primary);transform:translateY(-1px)}.refresh-button:active:not(:disabled){transform:translateY(0)}.refresh-button:disabled{cursor:not-allowed;opacity:.6}.refresh-button svg{font-size:18px;transition:transform .6s}.refresh-button.refreshing svg,.refresh-button svg.spinning{animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.icon-btn{background:var(--bg-hover);border:1px solid var(--border);color:var(--text-primary);cursor:pointer;border-radius:8px;align-items:center;gap:8px;padding:8px 16px;font-size:14px;transition:all .2s;display:inline-flex}.icon-btn:hover{background:var(--bg-primary);border-color:var(--primary);color:var(--primary);transform:translateY(-1px)}.icon-btn:active{transform:translateY(0)}.icon-btn.close-btn:hover{border-color:var(--danger);color:var(--danger)}.icon-btn.delete-btn{background:0 0;border-color:#0000;padding:6px 10px}.icon-btn.delete-btn:hover{background:var(--danger-alpha);border-color:var(--danger);color:var(--danger)}.icon-btn.bookmark-btn{background:0 0;border-color:#0000;padding:8px 12px}.icon-btn.bookmark-btn:hover{background:var(--primary-alpha);border-color:var(--primary)}.icon-btn.bookmark-btn .bookmarked{color:#ef4444}.icon-btn.bookmark-btn-large{padding:10px 20px;font-size:16px}.btn{cursor:pointer;border:1px solid #0000;border-radius:8px;align-items:center;gap:8px;padding:10px 20px;font-size:14px;font-weight:600;transition:all .2s;display:inline-flex}.btn-primary{background:var(--primary);color:var(--text)}.btn-primary:hover:not(:disabled){background:var(--primary-hover);transform:translateY(-1px);box-shadow:0 4px 12px #00000026}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.next-prayer-badge{background:var(--primary-alpha);border:1px solid var(--primary);border-radius:8px;align-items:center;gap:8px;padding:8px 16px;font-size:14px;display:flex}.next-prayer-badge .label{color:var(--text-secondary)}.next-prayer-badge .prayer-name{color:var(--primary);font-weight:600}.next-prayer-badge .countdown{color:var(--primary);font-family:Tajawal,Courier New,monospace;font-size:16px;font-weight:700}.prayer-checklist{flex-direction:column;gap:12px;display:flex}.checklist-item{background:var(--bg-primary);border:2px solid var(--border);cursor:pointer;border-radius:12px;align-items:center;gap:16px;padding:16px 20px;transition:all .3s;display:flex}.checklist-item:hover{border-color:var(--primary);transform:translate(4px);box-shadow:0 2px 8px #0000001a}.checklist-item.checked{background:#10b9811a;border-color:#10b981}.checklist-checkbox{flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;display:flex}.checkbox-icon{font-size:24px;transition:all .2s}.checkbox-icon.checked{color:#10b981}.checkbox-icon.unchecked{border:2px solid var(--border);border-radius:6px;width:24px;height:24px;transition:all .2s}.checklist-item:hover .checkbox-icon.unchecked{border-color:var(--primary);background:var(--primary-alpha)}.checklist-icon{color:var(--primary);flex-shrink:0;font-size:24px}.checklist-label{color:var(--text-primary);flex:1;font-size:16px;font-weight:600}.checklist-item.checked .checklist-label{color:#10b981}.prayers-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px;max-width:100%;margin-top:20px;display:grid}@supports (grid-template-columns:repeat(auto-fill, minmax(280px, 1fr))){.prayers-grid{grid-template-columns:repeat(auto-fill,minmax(max(280px,33.3333% - 10.6667px),1fr))}}.prayer-library-card{background:var(--bg-primary);border:2px solid var(--border);cursor:pointer;border-radius:12px;flex-direction:column;gap:12px;padding:20px;transition:all .3s;display:flex}.prayer-library-card:hover{border-color:var(--primary);transform:translateY(-4px);box-shadow:0 6px 20px #0000001f}.prayer-card-header{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.prayer-title{color:var(--text-primary);flex:1;margin:0;font-size:18px;font-weight:600;line-height:1.4}.prayer-actions{gap:4px;display:flex}.prayer-card-preview{flex-direction:column;gap:12px;display:flex}.prayer-excerpt{color:var(--text-secondary);margin:0;font-size:14px;line-height:1.6}.prayer-category-tag{background:var(--primary-alpha);border:1px solid var(--primary);color:var(--primary);text-transform:capitalize;border-radius:6px;align-self:flex-start;padding:4px 12px;font-size:12px;font-weight:600;display:inline-block}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background:#0009;justify-content:center;align-items:center;padding:20px;animation:.2s fadeIn;display:flex;position:fixed;inset:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.prayer-modal{background:var(--bg-elevated);border:1px solid var(--border);border-radius:16px;width:100%;max-width:700px;max-height:80vh;animation:.3s slideUp;overflow-y:auto;box-shadow:0 20px 60px #0000004d}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:16px;padding:24px;display:flex}.modal-header h2{color:var(--text-primary);flex:1;margin:0;font-size:24px}.modal-body{flex-direction:column;gap:20px;padding:24px;display:flex}.prayer-full-text{color:var(--text-primary);margin:0;font-size:16px;line-height:1.8}.prayer-scripture{color:var(--text-secondary);background:var(--bg-hover);border-left:3px solid var(--primary);border-radius:4px;margin:0;padding:12px 20px;font-size:14px;font-style:italic}.prayer-modal-footer{border-top:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding-top:16px;display:flex}.prayer-category-badge{background:var(--primary-alpha);border:1px solid var(--primary);color:var(--primary);text-transform:capitalize;border-radius:8px;padding:6px 16px;font-size:14px;font-weight:600;display:inline-block}.prayer-filters{flex-direction:column;gap:16px;margin-top:20px;display:flex}.search-box{align-items:center;display:flex;position:relative}.search-box input{background:var(--bg-primary);border:2px solid var(--border);color:var(--text-primary);border-radius:10px;flex:1;padding:12px 48px;font-size:14px;transition:all .2s}.search-box input:focus{border-color:var(--primary);background:var(--bg-elevated);outline:none}.search-icon{color:var(--text-muted);font-size:16px;position:absolute;left:16px}.clear-search-btn{background:var(--bg-hover);border:1px solid var(--border);width:32px;height:32px;color:var(--text-muted);cursor:pointer;border-radius:6px;justify-content:center;align-items:center;transition:all .2s;display:flex;position:absolute;right:8px}.clear-search-btn:hover{background:var(--danger-alpha);border-color:var(--danger);color:var(--danger)}.category-filters{flex-wrap:wrap;gap:8px;display:flex}.category-chip{background:var(--bg-primary);border:2px solid var(--border);color:var(--text-secondary);cursor:pointer;text-transform:capitalize;border-radius:20px;padding:8px 16px;font-size:14px;font-weight:600;transition:all .2s}.category-chip:hover{border-color:var(--primary);color:var(--primary);background:var(--primary-alpha)}.category-chip.active{background:var(--primary);border-color:var(--primary);color:var(--text)}.notes-input-container{background:var(--bg-primary);border:2px solid var(--border);border-radius:12px;flex-direction:column;gap:12px;padding:20px;display:flex}.notes-textarea{background:var(--bg-elevated);border:2px solid var(--border);width:100%;color:var(--text-primary);resize:vertical;border-radius:8px;padding:12px 16px;font-family:inherit;font-size:14px;line-height:1.6;transition:all .2s}.notes-textarea:focus{border-color:var(--primary);outline:none}.add-note-btn{align-self:flex-end}.notes-list{flex-direction:column;gap:12px;margin-top:16px;display:flex}.note-item{background:var(--bg-primary);border:2px solid var(--border);border-radius:12px;flex-direction:column;gap:12px;padding:16px 20px;transition:all .2s;display:flex}.note-item:hover{border-color:var(--primary);box-shadow:0 2px 8px #00000014}.note-text{color:var(--text-primary);margin:0;font-size:15px;line-height:1.6}.note-meta{justify-content:space-between;align-items:center;gap:12px;display:flex}.note-date{color:var(--text-muted);font-size:13px}.empty-state{text-align:center;padding:40px 20px}.empty-state p{color:var(--text-muted);margin:0;font-size:15px}.streak-banner{background:linear-gradient(135deg,#fb923c26 0%,#ef44441a 100%);border:2px solid #fb923c;border-radius:12px;align-items:center;gap:12px;margin-bottom:20px;padding:16px 20px;display:flex}.streak-text{color:var(--text-primary);flex:1;font-size:16px;font-weight:600}.best-text{color:var(--text-muted);font-size:14px}.prayers-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px;margin-bottom:24px;display:grid}.prayer-card{background:var(--bg-primary);border:2px solid var(--border);cursor:pointer;border-radius:12px;padding:20px;transition:all .3s;position:relative;overflow:hidden}.prayer-card:before{content:"";background:var(--border);height:4px;transition:all .3s;position:absolute;top:0;left:0;right:0}.prayer-card:hover:not(.disabled){border-color:var(--primary);transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.prayer-card.next:before{background:var(--primary)}.prayer-card.checked{background:#10b98126;border-color:#10b981}.prayer-card.checked:before{background:#10b981}.prayer-card.missed{background:#ef444426;border-color:#ef4444;animation:2s ease-in-out infinite missedPulsate}.prayer-card.missed:before{background:#ef4444;height:6px}@keyframes missedPulsate{0%,to{box-shadow:0 0 #ef444466}50%{box-shadow:0 0 0 8px #ef444400}}.prayer-card.disabled{opacity:.5;cursor:not-allowed}.prayer-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.prayer-card .prayer-name{color:var(--text-primary);font-size:18px;font-weight:600}.prayer-check{width:24px;height:24px}.check-icon{font-size:24px}.check-icon.checked{color:#10b981}.check-icon.unchecked{border:2px solid var(--border);border-radius:4px;width:20px;height:20px}.prayer-card.missed .check-icon.unchecked{background:#ef44441a;border:3px solid #ef4444;box-shadow:0 0 8px #ef44444d}.prayer-time{color:var(--primary);text-align:center;margin:16px 0;font-family:Tajawal,Courier New,monospace;font-size:28px;font-weight:700}.prayer-time-skeleton{background:linear-gradient(90deg,var(--bg-tertiary,#ffffff0d)25%,var(--bg-secondary,#ffffff1a)50%,var(--bg-tertiary,#ffffff0d)75%);background-size:200% 100%;border-radius:6px;width:70px;height:28px;animation:1.5s ease-in-out infinite prayer-time-shimmer;display:inline-block}@keyframes prayer-time-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.prayer-status{text-align:center;margin-top:12px}.status-badge-skeleton{background:linear-gradient(90deg,var(--bg-tertiary,#ffffff0d)25%,var(--bg-secondary,#ffffff1a)50%,var(--bg-tertiary,#ffffff0d)75%);background-size:200% 100%;border-radius:12px;width:60px;height:24px;animation:1.5s ease-in-out infinite prayer-time-shimmer;display:inline-block}.status-badge{border-radius:12px;padding:4px 12px;font-size:12px;font-weight:600;display:inline-block}.status-badge.success{color:#10b981;background:#10b98126}.status-badge.danger{color:#ef4444;background:#ef444426;font-weight:700}.status-badge.warning{color:#fb923c;background:#fb923c26}.status-badge.info{color:#3b82f6;background:#3b82f626}.status-badge.muted{background:var(--bg-hover);color:var(--text-muted)}.streak-section{flex-direction:column;gap:12px;display:flex}.streak-card{background:linear-gradient(135deg,var(--primary-alpha)0%,var(--bg-primary)100%);border:1px solid var(--primary);border-radius:12px;align-items:center;gap:16px;padding:20px;display:flex}.streak-icon{color:var(--primary);font-size:48px}.streak-info{flex:1}.streak-current{align-items:baseline;gap:8px;margin-bottom:8px;display:flex}.streak-number{color:var(--primary);font-size:36px;font-weight:700;line-height:1}.streak-label{color:var(--text-secondary);font-size:16px}.streak-longest{color:var(--text-muted);font-size:14px}.streak-warning{background:var(--danger-alpha);border:1px solid var(--danger);color:var(--danger);text-align:center;border-radius:8px;padding:12px 16px;font-size:14px}.bible-tab{flex-direction:column;gap:24px;min-height:600px;display:flex}.daily-verse-section{margin-bottom:0}.bible-books-section{margin-top:0}.daily-verse-card{background:linear-gradient(135deg,var(--primary-alpha)0%,var(--bg-primary)100%);border:2px solid var(--primary);text-align:center;border-radius:12px;padding:24px}.verse-text{color:var(--text-primary);margin:0 0 16px;font-size:18px;font-style:italic;line-height:1.8}.verse-reference{color:var(--primary);margin:0;font-size:14px;font-weight:600}.testament-section{margin-bottom:32px}.testament-section:last-child{margin-bottom:0}.testament-title{color:var(--text-primary);border-bottom:2px solid var(--border);margin:0 0 16px;padding-bottom:12px;font-size:20px;font-weight:600}.bible-books-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px;display:grid}.bible-book-card{background:var(--bg-primary);border:2px solid var(--border);cursor:pointer;border-radius:12px;align-items:center;gap:16px;padding:16px;transition:all .3s;display:flex}.bible-book-card:hover{border-color:var(--primary);transform:translateY(-4px);box-shadow:0 6px 20px #0000001f}.book-icon{background:var(--primary-alpha);width:48px;height:48px;color:var(--primary);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;font-size:20px;display:flex}.book-info{flex:1;min-width:0}.book-name{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;margin-bottom:4px;font-size:16px;font-weight:600;overflow:hidden}.chapter-navigation{background:var(--bg-primary);border:2px solid var(--border);border-radius:12px;flex-wrap:wrap;justify-content:center;align-items:center;gap:16px;margin-bottom:20px;padding:16px;display:flex}.nav-button{background:var(--bg-elevated);border:2px solid var(--border);color:var(--text-primary);cursor:pointer;border-radius:8px;align-items:center;gap:8px;padding:10px 20px;font-size:14px;font-weight:600;transition:all .2s;display:flex}.nav-button:hover:not(:disabled){border-color:var(--primary);color:var(--primary);background:var(--primary-alpha);transform:translateY(-1px)}.nav-button:disabled{opacity:.4;cursor:not-allowed}.chapter-select{background:var(--bg-elevated);border:2px solid var(--border);color:var(--text-primary);cursor:pointer;appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");background-position:right 8px center;background-repeat:no-repeat;background-size:20px;border-radius:8px;min-width:150px;padding:10px 36px 10px 16px;font-size:14px;font-weight:600;transition:all .2s}.chapter-select option{background:var(--bg-elevated);color:var(--text-primary);padding:10px;font-weight:600}.chapter-select:hover{border-color:var(--primary);background:var(--bg-primary)}.chapter-select:focus{border-color:var(--primary);background:var(--primary-alpha);outline:none}.bible-verses-container{background:var(--bg-primary);border:2px solid var(--border);text-align:justify;color:var(--text-primary);border-radius:12px;padding:32px;font-size:16px;line-height:2}.bible-verse{cursor:pointer;border-radius:4px;padding:2px 0;transition:background-color .2s}.bible-verse:hover{background:var(--primary-alpha)}.verse-number-sup{color:var(--primary);vertical-align:super;margin:0 4px;font-size:12px;font-weight:700;line-height:0;position:relative;top:-.3em}.verse-bookmark-indicator{color:#ef4444;margin-left:2px;font-size:10px}.bible-verse.highlight-yellow{background:#fbbf244d;border-radius:4px;padding:2px 4px}.bible-verse.highlight-green{background:#34d3994d;border-radius:4px;padding:2px 4px}.bible-verse.highlight-blue{background:#3b82f64d;border-radius:4px;padding:2px 4px}.bible-verse.highlight-pink{background:#ec48994d;border-radius:4px;padding:2px 4px}.context-menu{background:var(--bg-elevated);border:2px solid var(--border);border-radius:8px;min-width:180px;padding:8px;box-shadow:0 8px 24px #0003}.context-menu button:hover{background:var(--primary-alpha);color:var(--primary)}.quran-tab{min-height:600px}.quran-header{margin-bottom:24px}.quran-header h2{color:var(--text-primary);align-items:center;gap:12px;margin-bottom:16px;font-size:24px;display:flex}.search-box{align-items:center;gap:8px;display:flex;position:relative}.search-box input{background:var(--bg-elevated);border:1px solid var(--border);color:var(--text-primary);border-radius:8px;flex:1;padding:12px 16px 12px 40px;font-size:14px}.search-icon{color:var(--text-muted);position:absolute;left:12px}.search-btn{background:var(--primary);color:var(--text);cursor:pointer;border:none;border-radius:8px;padding:12px 20px;transition:all .2s}.search-btn:hover{background:var(--primary-hover)}.surahs-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:16px;display:grid}.surah-card{background:var(--bg-elevated);border:1px solid var(--border);cursor:pointer;border-radius:12px;align-items:center;gap:16px;padding:16px;transition:all .3s;display:flex}.surah-card:hover{border-color:var(--primary);transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.surah-number{background:var(--primary-alpha);width:48px;height:48px;color:var(--primary);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:18px;font-weight:700;display:flex}.surah-info{flex:1}.surah-name-ar{color:var(--text-primary);margin-bottom:4px;font-size:18px;font-weight:600}.surah-name-en{color:var(--text-secondary);margin-bottom:4px;font-size:14px}.surah-meta{color:var(--text-muted);font-size:12px}.quran-reading-view{background:var(--bg-elevated);border:1px solid var(--border);border-radius:12px;padding:12px}.reading-controls{border-bottom:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;padding-bottom:16px;display:flex}.close-btn{background:var(--bg-hover);border:1px solid var(--border);color:var(--text-primary);cursor:pointer;border-radius:8px;align-items:center;gap:8px;padding:8px 16px;transition:all .2s;display:flex}.close-btn:hover{background:var(--bg-primary);border-color:var(--primary)}.audio-player-btn{background:var(--primary);color:var(--text);cursor:pointer;border:none;border-radius:8px;align-items:center;gap:6px;padding:8px 16px;font-size:14px;transition:all .2s;display:flex}.audio-player-btn:hover{background:var(--primary-hover);transform:translateY(-1px)}.controls-group{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.control-item{color:var(--text-secondary);align-items:center;gap:8px;font-size:14px;display:flex}.control-item input[type=checkbox]{cursor:pointer;width:18px;height:18px}.control-item input[type=range]{width:100px}.surah-header{text-align:center;margin-bottom:32px}.surah-header h2{color:var(--text-primary);margin-bottom:8px;font-size:32px}.surah-subtitle{color:var(--text-secondary);font-size:16px}.bismillah{text-align:center;color:var(--primary);background:var(--primary-alpha);border-radius:8px;margin-bottom:32px;padding:16px;font-size:28px}.ayahs-container{margin:0 auto}.ayahs-paragraph{text-align:justify;color:var(--text-primary);background:var(--bg-primary);border:1px solid var(--border);border-radius:12px;width:100%;max-height:600px;margin:0 auto;padding:24px;line-height:2.2;overflow-y:auto}.ayah-translation-inline{color:var(--text-secondary);opacity:.85;font-size:.88em;font-style:italic}@media (max-width:1600px){.ayahs-paragraph{max-width:1200px}}@media (max-width:1200px){.ayahs-paragraph{max-width:95%}}@media (max-width:768px){.ayahs-paragraph{max-width:100%;padding:8px}}.ayah-span{cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;transition:all .2s}.ayah-span:hover{background:var(--primary-alpha)}.ayah-span.highlighted{background:#ffd70080;border-radius:4px;padding:2px 4px}.ayah-span.playing{background:#4caf5040;border-radius:4px;padding:2px 4px;animation:1.5s ease-in-out infinite pulse-playing}@keyframes pulse-playing{0%,to{background:#4caf5040}50%{background:#4caf5066}}.ayah-span.bookmarked{position:relative}.bookmark-indicator{color:var(--primary);font-size:12px;position:absolute;top:-8px;right:-8px}.ayah-number{color:var(--primary);margin:0 4px;font-weight:700;display:inline-block}.ayah-span.temp-highlighted{border-radius:4px;padding:2px 4px;animation:2s ease-out fadeHighlight;background:var(--primary)!important;color:#fff!important}@keyframes fadeHighlight{0%{background:var(--primary)}to{background:0 0}}.header-controls{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.bookmarks-toggle-btn{background:var(--primary);color:var(--text);cursor:pointer;border:none;border-radius:8px;align-items:center;gap:8px;padding:10px 16px;font-size:14px;font-weight:600;transition:all .2s;display:flex}.bookmarks-toggle-btn:hover{background:var(--primary-hover)}.bookmarks-panel{background:var(--bg-elevated);border:1px solid var(--border);border-radius:12px;margin-bottom:24px;padding:20px}.bookmarks-panel h3{color:var(--text-primary);margin:0 0 16px;font-size:18px}.bookmarks-list{flex-direction:column;gap:8px;display:flex}.bookmark-item{background:var(--bg-primary);border:1px solid var(--border);cursor:pointer;border-radius:8px;align-items:center;gap:12px;padding:12px;transition:all .2s;display:flex}.bookmark-item:hover{background:var(--bg-hover);border-color:var(--primary)}.bookmark-icon{background:var(--primary-alpha);width:36px;height:36px;color:var(--primary);border-radius:8px;justify-content:center;align-items:center;font-size:16px;display:flex}.bookmark-info{flex:1}.bookmark-surah{color:var(--text-primary);margin-bottom:2px;font-size:15px;font-weight:600}.bookmark-ayah{color:var(--text-muted);font-size:13px}.bookmark-remove-btn{border:1px solid var(--border);width:32px;height:32px;color:var(--danger);cursor:pointer;background:0 0;border-radius:6px;justify-content:center;align-items:center;transition:all .2s;display:flex}.bookmark-remove-btn:hover{background:var(--danger-alpha);border-color:var(--danger)}.skeleton-loader{padding:24px}.skeleton-line{background:linear-gradient(90deg,var(--bg-hover)25%,var(--border)50%,var(--bg-hover)75%);background-size:200% 100%;border-radius:4px;height:20px;margin-bottom:12px;animation:1.5s ease-in-out infinite skeleton-loading}.skeleton-line:first-child{width:90%}.skeleton-line:nth-child(2){width:80%}.skeleton-line:nth-child(3){width:85%}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}.context-menu{background:var(--bg-elevated);border:1px solid var(--border);z-index:10000;opacity:1;border-radius:8px;min-width:180px;padding:8px;box-shadow:0 4px 16px #0003}[dir=rtl] .context-menu{left:auto!important}@media (max-width:768px){[dir=rtl] .context-menu{left:16px!important;right:auto!important}}.context-menu button{width:100%;color:var(--text-primary);cursor:pointer;text-align:left;background:0 0;border:none;border-radius:6px;align-items:center;gap:8px;padding:10px 12px;font-size:14px;transition:all .2s;display:flex}.context-menu button:hover{background:var(--bg-hover)}.context-menu button svg{flex-shrink:0}.ayah-block{background:var(--bg-primary);border:1px solid var(--border);border-radius:12px;margin-bottom:32px;padding:24px;transition:all .2s}.ayah-block:hover{border-color:var(--primary);box-shadow:0 2px 8px #0000000d}.ayah-text{text-align:justify;color:var(--text-primary);direction:rtl;margin-bottom:16px;line-height:2}.ayah-number-circle{color:var(--primary);margin:0 8px;font-weight:700;display:inline-block}.ayah-actions{justify-content:flex-end;gap:8px;display:flex}.ayah-action-btn{background:var(--bg-elevated);border:1px solid var(--border);color:var(--text-secondary);cursor:pointer;border-radius:6px;padding:8px 12px;transition:all .2s}.ayah-action-btn:hover{background:var(--primary-alpha);border-color:var(--primary);color:var(--primary)}.hadith-tab,.duaa-tab{min-height:600px}.hadith-header,.duaa-header{margin-bottom:24px}.hadith-header h2,.duaa-header h2{color:var(--text-primary);align-items:center;gap:12px;margin-bottom:16px;font-size:24px;display:flex}.search-controls{flex-direction:column;gap:12px;display:flex}.search-box-group{align-items:center;gap:8px;display:flex}.search-box{flex:1;position:relative}.clear-search-btn{width:24px;height:24px;color:var(--text-muted);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;transition:all .2s;display:flex;position:absolute;top:50%;right:8px;transform:translateY(-50%)}.clear-search-btn:hover{color:var(--danger)}.book-filter-select{background:var(--bg-elevated);border:1px solid var(--border);color:var(--text-primary);cursor:pointer;border-radius:8px;min-width:150px;padding:10px 12px;font-size:14px;transition:all .2s}.book-filter-select:disabled{opacity:.5;cursor:not-allowed}.search-status{background:var(--primary-alpha);border:1px solid var(--primary);color:var(--primary);text-align:center;border-radius:8px;margin-bottom:16px;padding:12px 16px;font-size:14px;font-weight:600}.random-content-card{background:linear-gradient(135deg,var(--primary-alpha)0%,var(--bg-elevated)100%);border:1px solid var(--primary);border-radius:16px;margin-bottom:24px;padding:12px;box-shadow:0 4px 12px #0000001a}.random-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.random-header h3{color:var(--primary);align-items:center;gap:8px;margin:0;font-size:18px;display:flex}.refresh-btn{background:var(--bg-elevated);border:1px solid var(--border);color:var(--text-primary);cursor:pointer;border-radius:8px;align-items:center;gap:6px;padding:8px 16px;font-size:14px;transition:all .2s;display:flex}.refresh-btn:hover{background:var(--bg-hover);border-color:var(--primary)}.random-text{text-align:justify;color:var(--text-primary);background:var(--bg-primary);direction:rtl;border-radius:8px;margin-bottom:12px;padding:16px;line-height:2}.random-transliteration{color:var(--text-muted);margin-bottom:8px;font-size:14px;font-style:italic}.random-translation{color:var(--text-secondary);margin-bottom:8px;font-size:14px}.random-reference{color:var(--text-muted);text-align:right;font-size:13px}.books-list,.categories-list{flex-direction:column;gap:8px;display:flex}.book-list-item,.category-list-item{background:var(--bg-elevated);border:1px solid var(--border);cursor:pointer;border-radius:8px;align-items:center;gap:12px;padding:12px 16px;transition:all .2s;display:flex}.book-list-item:hover,.category-list-item:hover{background:var(--bg-hover);border-color:var(--primary)}.book-list-icon,.category-list-icon{background:var(--primary-alpha);width:40px;height:40px;color:var(--primary);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;font-size:18px;display:flex}.book-list-info,.category-list-info{flex:1}.book-list-name,.category-list-name{color:var(--text-primary);margin-bottom:2px;font-size:15px;font-weight:600}.book-list-meta{color:var(--text-muted);font-size:13px}.book-list-arrow,.category-list-arrow{color:var(--text-muted);font-size:14px}.pagination{border-top:1px solid var(--border);justify-content:center;align-items:center;gap:16px;margin-top:24px;padding-top:24px;display:flex}.pagination-btn{background:var(--bg-elevated);border:1px solid var(--border);color:var(--text-primary);cursor:pointer;border-radius:8px;align-items:center;gap:8px;padding:10px 16px;font-size:14px;transition:all .2s;display:flex}.pagination-btn:hover:not(:disabled){background:var(--bg-hover);border-color:var(--primary)}.pagination-btn:disabled{opacity:.5;cursor:not-allowed}.pagination-info{color:var(--text-secondary);font-size:14px}.books-grid,.categories-grid{grid-template-columns:repeat(2,1fr);gap:16px;display:grid}@media (max-width:768px){.books-grid,.categories-grid{grid-template-columns:1fr}}.book-card,.category-card{background:var(--bg-elevated);border:1px solid var(--border);cursor:pointer;text-align:center;border-radius:12px;flex-direction:column;align-items:center;gap:12px;padding:24px;transition:all .3s;display:flex}.book-card:hover,.category-card:hover{border-color:var(--primary);transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.book-icon,.category-icon{font-size:48px}.book-name,.category-name{color:var(--text-primary);font-size:16px;font-weight:600}.book-meta{color:var(--text-muted);font-size:14px}.hadiths-view,.duaas-view{background:var(--bg-elevated);border:1px solid var(--border);border-radius:12px;padding:12px}.view-header{border-bottom:1px solid var(--border);align-items:center;gap:16px;margin-bottom:24px;padding-bottom:16px;display:flex}.view-header h3{color:var(--text-primary);flex:1;margin:0;font-size:20px}.hadiths-list,.duaas-list{flex-direction:column;gap:16px;display:flex}.hadith-card,.duaa-card{background:var(--bg-primary);border:1px solid var(--border);border-radius:12px;padding:20px;transition:all .2s}.hadith-card:hover,.duaa-card:hover{border-color:var(--primary);box-shadow:0 2px 8px #0000000d}.hadith-card .hadith-header,.duaa-card .duaa-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.hadith-number,.duaa-category{background:var(--bg-elevated);color:var(--text-secondary);border-radius:12px;padding:4px 12px;font-size:12px;font-weight:600}.favorite-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;padding:8px;font-size:20px;transition:all .2s}.favorite-btn:hover{color:var(--danger);transform:scale(1.1)}.favorite-btn.active{color:var(--danger)}.hadith-text,.duaa-text{text-align:justify;color:var(--text-primary);direction:rtl;margin-bottom:12px;line-height:2}.hadith-grade,.duaa-transliteration,.duaa-translation,.duaa-reference,.hadith-narrator{color:var(--text-secondary);border-top:1px solid var(--border);margin-top:8px;padding-top:8px;font-size:14px}.loading-state{text-align:center;color:var(--text-secondary);padding:60px 20px;font-size:16px}.action-buttons{gap:12px;margin-bottom:16px;display:flex}.favorites-toggle-btn{background:var(--bg-elevated);border:1px solid var(--border);color:var(--text-primary);cursor:pointer;border-radius:8px;align-items:center;gap:8px;padding:10px 16px;font-size:14px;transition:all .2s;display:flex}.favorites-toggle-btn:hover{background:var(--bg-hover);border-color:var(--primary)}.favorites-toggle-btn.active{background:var(--primary-alpha);border-color:var(--primary);color:var(--primary)}.favorites-section{background:var(--bg-elevated);border:1px solid var(--border);border-radius:12px;padding:24px}.empty-state{color:var(--text-muted);flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:60px 20px;display:flex}.empty-state svg{opacity:.5;font-size:48px}.empty-state p{margin:0;font-size:16px}.chapter-select{background:var(--bg-elevated);border:1px solid var(--border);color:var(--text-primary);cursor:pointer;border-radius:8px;min-width:150px;padding:10px 12px;font-size:14px;transition:all .2s}.chapter-select:hover{border-color:var(--primary)}.chapter-select:disabled{opacity:.5;cursor:not-allowed}.hadith-meta{border-top:1px solid var(--border);flex-wrap:wrap;gap:12px;margin-top:12px;padding-top:12px;display:flex}.hadith-book,.hadith-chapter{background:var(--bg-elevated);color:var(--text-secondary);border-radius:12px;padding:4px 12px;font-size:12px}.pagination-controls{border-top:1px solid var(--border);justify-content:space-between;align-items:center;gap:16px;margin-top:24px;padding-top:24px;display:flex}.pagination-info{color:var(--text-secondary);flex-direction:column;align-items:center;font-size:14px;display:flex}.results-count{color:var(--text-muted);margin-top:4px;font-size:12px}@media (max-width:1200px){.prayers-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}}@media (max-width:900px){.prayers-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.prayers-grid,.surahs-grid,.books-grid,.categories-grid{grid-template-columns:1fr}.reading-controls,.search-controls,.controls-group{flex-direction:column;align-items:stretch}.prayer-card-header{flex-direction:column;align-items:flex-start}.prayer-card-meta{flex-wrap:wrap}.modal-overlay{padding:10px}.prayer-modal{max-width:100%;max-height:90vh;margin:0}}@media (max-width:480px){.prayers-section{padding:12px}.section-header h2{font-size:18px}.prayer-card{padding:14px}.category-filters{gap:6px}.category-chip{padding:6px 12px;font-size:13px}.bookmark-indicator{font-size:16px;top:-10px;right:-10px}.bookmark-remove-btn{width:44px;height:44px;font-size:18px}.context-menu button{min-height:44px;font-size:16px}.context-menu button svg{font-size:18px}.close-btn,.audio-player-btn{min-height:44px;padding:10px 16px;font-size:14px}.close-btn svg,.audio-player-btn svg{font-size:16px}}[data-platform=apk] .prayers-section{padding:14px}[data-platform=apk] .section-header{gap:10px;margin-bottom:16px}[data-platform=apk] .section-header h2{font-size:18px}[data-platform=apk] .next-prayer-badge{padding:6px 10px;font-size:12px}[data-platform=apk] .next-prayer-badge .countdown{font-size:13px}[data-platform=apk] .prayers-grid{grid-template-columns:1fr;gap:10px}[data-platform=apk] .prayer-card{border-radius:10px;padding:12px}[data-platform=apk] .prayer-card .prayer-name{font-size:14px}[data-platform=apk] .prayer-time{margin:12px 0;font-size:20px}[data-platform=apk] .check-icon{font-size:20px}[data-platform=apk] .check-icon.unchecked{width:18px;height:18px}[data-platform=apk] .status-badge{padding:3px 8px;font-size:10px}[data-platform=apk] .streak-card{gap:12px;padding:12px}[data-platform=apk] .streak-icon{font-size:32px}[data-platform=apk] .streak-number{font-size:24px}[data-platform=apk] .streak-label{font-size:12px}[data-platform=apk] .streak-longest{font-size:11px}[data-platform=apk] .quran-header h2,[data-platform=apk] .hadith-header h2,[data-platform=apk] .duaa-header h2{font-size:18px}[data-platform=apk] .search-box input{padding:10px 12px 10px 36px;font-size:13px}[data-platform=apk] .search-btn{padding:8px 12px;font-size:12px}[data-platform=apk] .surahs-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}[data-platform=apk] .surah-card{border-radius:10px;gap:12px;padding:12px}[data-platform=apk] .surah-number{width:36px;height:36px;font-size:14px}[data-platform=apk] .surah-name-ar{font-size:15px}[data-platform=apk] .surah-name-en{font-size:12px}[data-platform=apk] .surah-meta{font-size:11px}[data-platform=apk] .quran-reading-view{padding:12px}[data-platform=apk] .reading-controls{margin-bottom:16px;padding-bottom:12px}[data-platform=apk] .close-btn{min-height:40px;padding:8px 12px;font-size:14px}[data-platform=apk] .audio-player-btn{min-height:40px;padding:10px 14px;font-size:14px}[data-platform=apk] .surah-header h2{font-size:22px}[data-platform=apk] .surah-subtitle{font-size:12px}[data-platform=apk] .bismillah{margin-bottom:16px;padding:10px;font-size:20px}[data-platform=apk] .ayahs-paragraph{padding:12px}[data-platform=apk] .bookmarks-panel{margin-bottom:16px;padding:12px}[data-platform=apk] .bookmarks-panel h3{margin-bottom:10px;font-size:15px}[data-platform=apk] .bookmark-item{padding:10px}[data-platform=apk] .bookmark-icon{width:28px;height:28px;font-size:12px}[data-platform=apk] .bookmark-surah{font-size:13px}[data-platform=apk] .bookmark-ayah{font-size:11px}[data-platform=apk] .bookmark-indicator{font-size:14px;top:-9px;right:-9px}[data-platform=apk] .bookmark-remove-btn{width:36px;height:36px;font-size:16px}[data-platform=apk] .context-menu{min-width:150px;padding:6px}[data-platform=apk] .context-menu button{min-height:40px;padding:10px 12px;font-size:14px}[data-platform=apk] .context-menu button svg{margin-right:8px;font-size:16px}[data-platform=apk] .random-content-card{border-radius:12px;padding:4px}[data-platform=apk] .random-header h3{font-size:15px}[data-platform=apk] .refresh-btn{padding:6px 10px;font-size:12px}[data-platform=apk] .random-text{padding:10px;font-size:14px}[data-platform=apk] .random-transliteration,[data-platform=apk] .random-translation{font-size:12px}[data-platform=apk] .random-reference{font-size:11px}[data-platform=apk] .book-list-item,[data-platform=apk] .category-list-item{padding:10px 12px}[data-platform=apk] .book-list-icon,[data-platform=apk] .category-list-icon{width:32px;height:32px;font-size:14px}[data-platform=apk] .book-list-name,[data-platform=apk] .category-list-name{font-size:13px}[data-platform=apk] .book-list-meta{font-size:11px}[data-platform=apk] .books-grid,[data-platform=apk] .categories-grid{grid-template-columns:1fr;gap:10px}[data-platform=apk] .book-card,[data-platform=apk] .category-card{border-radius:10px;padding:14px}[data-platform=apk] .book-icon,[data-platform=apk] .category-icon{font-size:36px}[data-platform=apk] .book-name,[data-platform=apk] .category-name{font-size:14px}[data-platform=apk] .book-meta{font-size:12px}[data-platform=apk] .hadiths-view,[data-platform=apk] .duaas-view{padding:12px}[data-platform=apk] .view-header{gap:10px;margin-bottom:16px;padding-bottom:12px}[data-platform=apk] .view-header h3{font-size:16px}[data-platform=apk] .hadith-card,[data-platform=apk] .duaa-card{border-radius:10px;padding:12px}[data-platform=apk] .hadith-number,[data-platform=apk] .duaa-category{padding:3px 8px;font-size:10px}[data-platform=apk] .hadith-text,[data-platform=apk] .duaa-text{font-size:14px;line-height:1.8}[data-platform=apk] .hadith-grade,[data-platform=apk] .duaa-transliteration,[data-platform=apk] .duaa-translation,[data-platform=apk] .duaa-reference,[data-platform=apk] .hadith-narrator{font-size:12px}[data-platform=apk] .favorites-toggle-btn,[data-platform=apk] .bookmarks-toggle-btn,[data-platform=apk] .pagination-btn{padding:8px 12px;font-size:12px}[data-platform=apk] .pagination-info{font-size:12px}[data-platform=apk] .empty-state{padding:32px 16px}[data-platform=apk] .empty-state p{font-size:13px}[data-platform=apk] .search-box-group,[data-platform=apk] .hadith-controls,[data-platform=apk] .search-controls{flex-direction:column;align-items:stretch}[data-platform=apk] .search-box,[data-platform=apk] .hadith-search-box,[data-platform=apk] .duaa-search-box{width:100%}[data-platform=apk] .book-filter-select,[data-platform=apk] .chapter-select{width:100%;min-width:0}.tasbeeh-counter{background:var(--bg-primary);border:2px solid var(--border);border-radius:12px;padding:20px;transition:all .3s;position:relative;overflow:hidden}.tasbeeh-counter:before{content:"";background:var(--primary);height:4px;transition:all .3s;position:absolute;top:0;left:0;right:0}.tasbeeh-counter.completed:before{background:var(--success)}.tasbeeh-counter.completed{border-color:var(--success);background:linear-gradient(135deg,var(--success-alpha)0%,var(--bg-primary)100%)}.tasbeeh-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;margin-bottom:24px;padding-bottom:16px;display:flex}.tasbeeh-header h3{color:var(--text-primary);align-items:center;gap:8px;margin:0;font-size:20px;display:flex}.completion-badge{background:var(--success);color:var(--text);border-radius:6px;align-items:center;gap:6px;padding:6px 12px;font-size:14px;font-weight:600;animation:.5s completionPulse;display:flex}@keyframes completionPulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.tasbeeh-display{margin-bottom:28px}.count-display{justify-content:center;align-items:center;gap:8px;margin-bottom:16px;display:flex}.count-number{color:var(--primary);font-family:Tajawal,Segoe UI,sans-serif;font-size:64px;font-weight:700;line-height:1;transition:all .3s}.tasbeeh-counter.completed .count-number{color:var(--success)}.count-separator{color:var(--text-secondary);margin:0 4px;font-size:48px;font-weight:300}.count-limit{color:var(--text-secondary);-webkit-user-select:none;user-select:none;font-size:36px;font-weight:600;transition:all .2s}.unlimited-badge{color:var(--primary);align-items:center;gap:8px;margin-left:12px;font-size:32px;animation:2s ease-in-out infinite pulse;display:inline-flex}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}.suggestion-chip.unlimited-chip{background:var(--warning-alpha);border-color:var(--warning);color:var(--warning);align-items:center;gap:6px;font-weight:700;display:flex}.suggestion-chip.unlimited-chip:hover{background:var(--warning);color:var(--text)}.tasbeeh-modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:10000;background:#0009;justify-content:center;align-items:center;animation:.2s fadeIn;display:flex;position:fixed;inset:0}.tasbeeh-modal{background:var(--bg-elevated);border:1px solid var(--border);border-radius:16px;width:90%;max-width:450px;animation:.3s slideUp;box-shadow:0 8px 32px #0000004d}.modal-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.modal-header h3{color:var(--text-primary);margin:0;font-size:20px}.modal-close-btn{width:32px;height:32px;color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;font-size:18px;transition:all .2s;display:flex}.modal-close-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.modal-body{padding:24px}.modal-message{text-align:center;color:var(--text-primary);margin:0;font-size:16px;line-height:1.6}.modal-message strong{color:var(--primary);font-size:24px;font-weight:700}.modal-input-group{flex-direction:column;gap:12px;display:flex}.modal-input-group label{color:var(--text-primary);font-size:15px;font-weight:600}.modal-limit-input{text-align:center;border:2px solid var(--border);background:var(--bg-primary);width:100%;color:var(--text-primary);border-radius:8px;outline:none;padding:12px 16px;font-family:Tajawal,Segoe UI,sans-serif;font-size:18px;font-weight:600;transition:all .2s}.modal-limit-input:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-alpha)}.modal-footer{border-top:1px solid var(--border);gap:12px;padding:16px 24px;display:flex}.modal-btn{cursor:pointer;border:none;border-radius:8px;flex:1;justify-content:center;align-items:center;gap:8px;padding:12px 20px;font-size:15px;font-weight:600;transition:all .2s;display:flex}.cancel-btn{background:var(--bg-hover);color:var(--text-primary);border:1px solid var(--border)}.cancel-btn:hover{background:var(--bg-primary)}.confirm-btn{background:var(--primary);color:var(--text)}.confirm-btn:hover:not(:disabled){background:var(--primary-hover);transform:translateY(-1px);box-shadow:0 4px 12px #00000026}.confirm-btn:disabled{opacity:.5;cursor:not-allowed}.progress-bar{background:var(--bg-elevated);border-radius:6px;width:100%;height:12px;overflow:hidden;box-shadow:inset 0 2px 4px #0000001a}.progress-fill{background:linear-gradient(90deg,var(--primary)0%,var(--primary-hover)100%);border-radius:6px;height:100%;transition:width .3s}.tasbeeh-counter.completed .progress-fill{background:linear-gradient(90deg,var(--success)0%,#10b981 100%)}.tasbeeh-controls{justify-content:center;gap:16px;margin-bottom:16px;display:flex}.tasbeeh-btn{cursor:pointer;border:none;border-radius:12px;flex:1;justify-content:center;align-items:center;max-width:120px;height:56px;font-size:20px;transition:all .2s;display:flex;box-shadow:0 2px 8px #0000001a}.tasbeeh-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.tasbeeh-btn:active:not(:disabled){transform:translateY(0);box-shadow:0 2px 4px #0000001a}.tasbeeh-btn:disabled{opacity:.4;cursor:not-allowed}.increment-btn{background:var(--primary);color:var(--text-on-primary)}.increment-btn:hover:not(:disabled){background:var(--primary-hover)}.decrement-btn{background:var(--bg-elevated);color:var(--text-primary);border:2px solid var(--border)}.decrement-btn:hover:not(:disabled){background:var(--danger-alpha);border-color:var(--danger);color:var(--danger)}.reset-btn{background:var(--bg-elevated);color:var(--text-secondary);border:2px solid var(--border)}.reset-btn:hover:not(:disabled){background:var(--warning-alpha);border-color:var(--warning);color:var(--warning)}.tasbeeh-suggestions{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.suggestion-chip{background:var(--bg-elevated);border:1px solid var(--border);color:var(--text-primary);cursor:pointer;border-radius:8px;padding:8px 16px;font-size:14px;font-weight:600;transition:all .2s}.suggestion-chip:hover{background:var(--primary);border-color:var(--primary);color:var(--text-on-primary);transform:translateY(-1px)}.suggestion-chip.custom-chip{background:var(--primary-alpha);border-color:var(--primary);color:var(--primary);font-weight:700}.suggestion-chip.custom-chip:hover{background:var(--primary);color:var(--text-on-primary)}.stop-on-limit-toggle{background:var(--bg-elevated);border:1px solid var(--border);border-radius:10px;justify-content:center;margin:20px 0;padding:16px;display:flex}.toggle-label{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:12px;display:flex}.toggle-checkbox{opacity:0;width:0;height:0;position:absolute}.toggle-switch{background:var(--bg-hover);border:2px solid var(--border);border-radius:14px;width:52px;height:28px;transition:all .3s;position:relative}.toggle-switch:before{content:"";background:#fff;border-radius:50%;width:20px;height:20px;transition:all .3s;position:absolute;top:2px;left:2px;box-shadow:0 2px 4px #0003}.toggle-checkbox:checked+.toggle-switch{background:var(--primary);border-color:var(--primary)}.toggle-checkbox:checked+.toggle-switch:before{transform:translate(24px)}.toggle-text{color:var(--text-primary);font-size:15px;font-weight:600}@media (max-width:768px){.count-number{font-size:48px}.count-separator{font-size:36px}.count-limit,.unlimited-badge{font-size:28px}.tasbeeh-controls{gap:8px}.tasbeeh-btn{height:48px;font-size:18px}.suggestion-chip{padding:6px 12px;font-size:13px}.tasbeeh-modal{max-width:95%}.modal-header{padding:16px 20px}.modal-header h3{font-size:18px}.modal-body{padding:20px}.modal-message{font-size:15px}.modal-message strong{font-size:20px}}[data-platform=apk] .count-number{font-size:56px}[data-platform=apk] .count-separator{font-size:40px}[data-platform=apk] .count-limit{font-size:32px}[data-platform=apk] .tasbeeh-btn{touch-action:manipulation;-webkit-tap-highlight-color:transparent;height:52px}[data-platform=apk] .tasbeeh-header h3{font-size:18px}[data-platform=apk] .completion-badge{padding:5px 10px;font-size:13px}[data-platform=apk] .stop-on-limit-toggle{margin:16px 0;padding:12px}[data-platform=apk] .toggle-text{font-size:14px}[data-platform=apk] .toggle-switch{width:48px;height:26px}[data-platform=apk] .toggle-switch:before{width:18px;height:18px}[data-platform=apk] .toggle-checkbox:checked+.toggle-switch:before{transform:translate(22px)}[data-platform=apk] .tasbeeh-modal{max-width:92%}[data-platform=apk] .modal-header{padding:14px 18px}[data-platform=apk] .modal-header h3{font-size:17px}[data-platform=apk] .modal-body{padding:18px}[data-platform=apk] .modal-footer{padding:14px 18px}[data-platform=apk] .modal-btn{touch-action:manipulation;-webkit-tap-highlight-color:transparent;padding:10px 16px;font-size:14px}[data-platform=apk] .unlimited-badge{font-size:28px}.calendar-grid{background:var(--border);border:1px solid var(--border);border-radius:8px;grid-template-columns:repeat(7,1fr);gap:1px;margin-top:16px;display:grid;overflow:hidden}.calendar-day-header{text-align:center;background:var(--bg-elevated);color:var(--text-secondary);border-bottom:2px solid var(--border);padding:12px 8px;font-size:14px;font-weight:600}.calendar-day{background:var(--bg-primary);cursor:pointer;flex-direction:column;gap:4px;min-height:80px;padding:8px;transition:background .2s;display:flex;position:relative}.calendar-day:hover{background:var(--bg-elevated)}.calendar-day.today{background:var(--primary-alpha)}.calendar-day.other-month{opacity:.4}.calendar-day-number{color:var(--text-primary);font-size:14px;font-weight:600}.calendar-day.today .calendar-day-number{color:var(--primary)}.calendar-day-season-indicator{border-radius:2px;width:100%;height:3px;margin-top:2px}.calendar-feast-marker{background:var(--primary);color:var(--text);white-space:nowrap;text-overflow:ellipsis;border-radius:4px;padding:2px 6px;font-size:10px;overflow:hidden}.season-banner{background:var(--bg-elevated);border:2px solid;border-radius:12px;align-items:center;gap:12px;margin-bottom:20px;padding:16px;display:flex}.season-banner .season-icon{font-size:32px}.season-banner .season-info h3{margin:0 0 4px;font-size:20px}.season-banner .season-info p{opacity:.8;margin:0;font-size:14px}.feast-type-badge{border-radius:12px;margin-left:8px;padding:4px 12px;font-size:12px;font-weight:600;display:inline-block}.feast-type-badge.major{color:var(--text);background:#ef4444}.feast-type-badge.minor{color:var(--text);background:#3b82f6}.feast-type-badge.saint{color:var(--text);background:#8b5cf6}.counter-display{text-align:center;color:var(--primary);margin:40px 0;font-size:72px;font-weight:700;line-height:1}.counter-controls{justify-content:center;gap:16px;margin:24px 0;display:flex}.counter-btn{background:var(--primary);width:80px;height:80px;color:var(--text);cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;font-size:32px;transition:transform .1s,background .2s;display:flex}.counter-btn:hover{background:var(--primary-hover);transform:scale(1.05)}.counter-btn:active{transform:scale(.95)}.counter-progress{margin:24px 0}.counter-progress-label{color:var(--text-secondary);justify-content:space-between;margin-bottom:8px;font-size:14px;display:flex}.counter-progress-bar{background:var(--border);border-radius:6px;width:100%;height:12px;overflow:hidden}.counter-progress-fill{background:var(--primary);border-radius:6px;height:100%;transition:width .3s}.counter-target-options{flex-wrap:wrap;justify-content:center;gap:8px;margin:20px 0;display:flex}.counter-target-btn{border:1px solid var(--border);background:var(--bg-primary);cursor:pointer;border-radius:8px;padding:8px 16px;font-size:14px;transition:all .2s}.counter-target-btn.active{background:var(--primary);color:var(--text);border-color:var(--primary)}.counter-target-btn:hover{background:var(--bg-elevated)}.rosary-mystery-header{text-align:center;background:var(--bg-elevated);border-radius:12px;margin-bottom:24px;padding:24px}.rosary-mystery-header h3{color:var(--primary);margin:0 0 8px;font-size:24px}.rosary-mystery-header p{color:var(--text-secondary);margin:0;font-size:14px}.rosary-decades{flex-direction:column;gap:24px;display:flex}.rosary-decade{background:var(--bg-elevated);border-radius:12px;padding:20px}.rosary-decade-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.rosary-decade-title{color:var(--text-primary);font-size:16px;font-weight:600}.rosary-decade-status{background:var(--primary-alpha);color:var(--primary);border-radius:12px;padding:4px 12px;font-size:12px;font-weight:600}.rosary-decade-status.completed{color:var(--text);background:#10b981}.rosary-beads{flex-wrap:wrap;gap:8px;margin-bottom:16px;display:flex}.rosary-bead{border:2px solid var(--border);background:var(--bg-primary);width:40px;height:40px;color:var(--text-secondary);border-radius:50%;justify-content:center;align-items:center;font-size:12px;font-weight:600;transition:all .2s;display:flex}.rosary-bead.current{border-color:var(--primary);background:var(--primary-alpha);color:var(--primary);transform:scale(1.1)}.rosary-bead.completed{background:var(--primary);color:var(--text);border-color:var(--primary)}.rosary-bead.our-father{background:var(--warning);color:var(--text);border-color:var(--warning)}.rosary-prayer-guide{color:var(--text-secondary);background:var(--bg-primary);border-left:3px solid var(--primary);border-radius:8px;padding:12px;font-size:14px}.rosary-controls{justify-content:center;gap:12px;margin-top:24px;display:flex}.rosary-btn{background:var(--primary);color:var(--text);cursor:pointer;border:none;border-radius:8px;align-items:center;gap:8px;padding:12px 24px;font-size:16px;transition:all .2s;display:flex}.rosary-btn:hover{background:var(--primary-hover);transform:translateY(-2px)}.rosary-btn.secondary{background:var(--bg-elevated);color:var(--text-primary);border:1px solid var(--border)}.rosary-btn.secondary:hover{background:var(--bg-secondary)}.mode-selector{background:var(--bg-elevated);border-radius:12px;gap:8px;margin-bottom:24px;padding:8px;display:flex}.mode-button{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:8px;flex:1;justify-content:center;align-items:center;gap:8px;padding:12px 16px;font-size:14px;font-weight:500;transition:all .2s;display:flex}.mode-button:hover{background:var(--bg-primary)}.mode-button.active{background:var(--primary);color:var(--text-on-primary)}.psalm-categories{flex-wrap:wrap;gap:8px;margin-bottom:20px;display:flex}.psalm-category-btn{border:1px solid var(--border);background:var(--bg-primary);cursor:pointer;color:var(--text-primary);border-radius:20px;padding:8px 16px;font-size:14px;transition:all .2s}.psalm-category-btn.active{background:var(--primary);color:var(--text);border-color:var(--primary)}.psalm-category-btn:hover{background:var(--bg-elevated)}.psalm-list{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:8px;margin-bottom:20px;display:grid}.psalm-item{background:var(--bg-elevated);border:1px solid var(--border);cursor:pointer;text-align:center;border-radius:8px;padding:12px;font-weight:500;transition:all .2s}.psalm-item:hover{background:var(--primary-alpha);border-color:var(--primary);color:var(--primary)}.psalm-item.active{background:var(--primary);color:var(--text);border-color:var(--primary)}.psalm-reader{background:var(--bg-elevated);border-radius:12px;max-height:500px;padding:24px;overflow-y:auto}.psalm-header{text-align:center;border-bottom:2px solid var(--border);margin-bottom:24px;padding-bottom:16px}.psalm-header h3{color:var(--primary);margin:0 0 8px;font-size:24px}.psalm-header .psalm-subtitle{color:var(--text-secondary);font-size:14px;font-style:italic}.psalm-text{color:var(--text-primary);white-space:pre-wrap;font-size:16px;line-height:1.8}.reflection-prompt-box{background:linear-gradient(135deg,var(--primary-alpha),var(--bg-elevated));border:1px solid var(--primary);text-align:center;border-radius:12px;margin-bottom:24px;padding:20px}.reflection-prompt-box .prompt-icon{color:var(--primary);margin-bottom:12px;font-size:32px}.reflection-prompt-box .prompt-text{color:var(--text-primary);margin:0;font-size:16px;font-style:italic}.reflection-prompt-box .prompt-actions{margin-top:12px}.note-card{background:var(--bg-elevated);border:1px solid var(--border);transition:transform var(--anim-transition-normal),border-color var(--anim-transition-normal),box-shadow var(--anim-transition-normal);animation:cardFadeIn var(--anim-duration-normal)var(--anim-ease-decelerate)backwards;border-radius:12px;margin-bottom:12px;padding:16px}@keyframes cardFadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.note-card:hover{border-color:var(--primary);transform:translateY(-1px);box-shadow:0 4px 12px #0003}.note-card-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.note-timestamp{color:var(--text-secondary);font-size:12px}.note-psalm-ref{background:var(--primary-alpha);color:var(--primary);border-radius:8px;padding:4px 8px;font-size:12px;font-weight:600}.note-content{color:var(--text-primary);white-space:pre-wrap;font-size:14px;line-height:1.6}.liturgical-advent{border-color:#7c3aed!important}.liturgical-christmas{border-color:#f7fafc!important}.liturgical-lent{border-color:#7c3aed!important}.liturgical-easter{border-color:#f7fafc!important}.liturgical-ordinary{border-color:#38a169!important}.liturgical-pentecost{border-color:#e53e3e!important}@media (max-width:768px){.calendar-grid{font-size:12px}.calendar-day{min-height:60px;padding:6px}.counter-display{font-size:56px}.counter-btn{width:60px;height:60px;font-size:24px}.rosary-bead{width:32px;height:32px;font-size:10px}.psalm-list{grid-template-columns:repeat(auto-fill,minmax(100px,1fr))}}@media (max-width:1024px) and (min-width:769px){.occasions-header-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px}.occasions-modules-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}.occasions-settings-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px}.prayers-section{padding:20px}.section-header h2{font-size:22px}}@media (max-width:768px){.occasions-tab{padding:0}.prayers-section{margin-bottom:16px;padding:16px}.section-header{flex-direction:column;align-items:flex-start;gap:12px;margin-bottom:16px}.section-header h2{gap:8px;font-size:20px}.occasions-header-grid{grid-template-columns:1fr;gap:12px}.occasions-header-card{padding:14px}.occasions-header-label{font-size:12px}.occasions-header-value{font-size:15px}.occasions-header-subtext{font-size:12px}.occasions-focus-card{padding:14px;font-size:14px}.occasions-chip-row{gap:6px}.occasions-chip{padding:5px 10px;font-size:12px}.occasions-section-subtitle{font-size:13px}.occasions-month-events-list{gap:10px}.occasions-event-card{flex-direction:column;gap:12px;padding:14px}.occasions-event-badge{align-self:flex-start;padding:5px 10px;font-size:12px}.occasions-event-title{font-size:15px}.occasions-event-summary{font-size:13px}.occasions-event-meta{font-size:11px}.occasions-modules-grid{grid-template-columns:1fr;gap:12px}.occasions-module-card{padding:14px}.occasions-module-header{margin-bottom:10px;font-size:15px}.occasions-module-helper,.occasions-progress{margin-bottom:10px;font-size:12px}.occasions-nawafel-groups{gap:14px}.occasions-nawafel-title{margin-bottom:6px;font-size:13px}.occasions-item-hint{font-size:11px}.occasions-info-list{gap:8px;font-size:13px}.occasions-info-card{padding:10px}.occasions-info-title{font-size:15px}.occasions-info-meta{font-size:12px}.occasions-counter{gap:10px}.occasions-counter-value{font-size:20px}.occasions-goal-grid{gap:10px}.occasions-action-row{gap:6px;margin-top:10px}.icon-btn{gap:6px;padding:7px 14px;font-size:13px}.occasions-settings-grid{grid-template-columns:1fr;gap:12px}.occasions-settings-card,.occasions-archive-controls{gap:10px}.occasions-input,.occasions-select{padding:7px 10px;font-size:13px}.occasions-toggle{gap:6px;font-size:13px}.occasions-charity-form{gap:10px}.occasions-charity-list{gap:6px;margin-top:10px}.occasions-empty{gap:6px;padding:10px}.occasions-empty-text{font-size:13px}.occasions-modal-overlay{padding:12px}.occasions-modal{max-width:100%;max-height:90vh}.occasions-modal-header{padding:16px}.occasions-modal-header h3{font-size:18px}.occasions-modal-body{padding:16px;font-size:14px}.occasions-checkbox-list{flex-direction:column;gap:8px;display:flex}.occasions-also-relevant{margin-top:12px}}@media (max-width:480px){.prayers-section{border-radius:8px;padding:12px}.section-header h2{font-size:18px}.occasions-header-card{padding:12px}.occasions-header-value{font-size:14px}.occasions-module-card,.occasions-event-card{border-radius:8px;padding:12px}.occasions-chip{padding:4px 8px;font-size:11px}.icon-btn{padding:6px 12px;font-size:12px}.occasions-modal-overlay{padding:8px}.occasions-modal-header{padding:12px}.occasions-modal-header h3{font-size:16px}.occasions-modal-body{padding:12px;font-size:13px}}.quran-audio-player{background:var(--bg-elevated);border:1px solid var(--border);border-radius:12px;margin-bottom:16px;padding:16px 20px;box-shadow:0 2px 8px #0000001a}.player-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.player-title{align-items:center;gap:12px;display:flex}.ayah-info{color:var(--text-primary);font-size:14px;font-weight:500}.close-player-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:50%;padding:8px;transition:all .2s}.close-player-btn:hover{background:var(--bg-tertiary);color:var(--text-primary)}.reciter-selector{margin-bottom:12px;position:relative}.reciter-btn{background:var(--bg-tertiary);border:1px solid var(--border);width:100%;color:var(--text-primary);cursor:pointer;border-radius:8px;justify-content:space-between;align-items:center;padding:10px 14px;font-size:14px;transition:all .2s;display:flex}.reciter-btn:hover{border-color:var(--primary)}.reciter-btn svg{transition:transform .2s}.reciter-btn svg.rotated{transform:rotate(180deg)}.reciter-dropdown{background:var(--bg-elevated);border:1px solid var(--border);z-index:10000;opacity:1;border-radius:8px;max-height:200px;margin-top:4px;position:absolute;top:100%;left:0;right:0;overflow-y:auto;box-shadow:0 4px 16px #0003}[dir=rtl] .reciter-dropdown{left:auto;right:0}@media (max-width:768px){[dir=rtl] .reciter-dropdown{left:auto!important;right:0!important}}.reciter-option{border:none;border-bottom:1px solid var(--border);width:100%;color:var(--text-primary);cursor:pointer;text-align:left;background:0 0;justify-content:space-between;align-items:center;padding:12px 14px;font-size:14px;transition:background .2s;display:flex}.reciter-option:last-child{border-bottom:none}.reciter-option:hover{background:var(--bg-tertiary)}.reciter-option.active{background:var(--primary-alpha);color:var(--primary)}.lang-badge{background:var(--primary);color:#fff;border-radius:4px;padding:2px 6px;font-size:10px;font-weight:600}.progress-container{align-items:center;gap:10px;margin-bottom:12px;display:flex}.progress-container .time{color:var(--text-muted);min-width:40px;font-size:12px}.progress-bar{appearance:none;background:var(--bg-tertiary);cursor:pointer;border-radius:3px;flex:1;height:6px}.progress-bar::-webkit-slider-thumb{-webkit-appearance:none;background:var(--primary);cursor:pointer;border-radius:50%;width:14px;height:14px;transition:transform .2s}.progress-bar::-webkit-slider-thumb:hover{transform:scale(1.2)}.main-controls{flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;margin-bottom:12px;display:flex}.main-controls-row{justify-content:center;align-items:center;gap:12px;width:100%;display:flex}.control-btn{background:var(--bg-tertiary);border:1px solid var(--border);color:var(--text-primary);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;transition:all .2s;display:flex}.control-btn:hover:not(:disabled){background:var(--primary-alpha);border-color:var(--primary);color:var(--primary)}.control-btn:disabled{opacity:.4;cursor:not-allowed}.control-btn.active{background:var(--primary-alpha);border-color:var(--primary);color:var(--primary)}.nav-btn,.volume-btn,.repeat-btn,.stop-btn{width:40px;height:40px;font-size:14px}.play-btn{background:var(--primary);color:#fff;border-color:var(--primary);width:56px;height:56px;font-size:20px}.play-btn:hover:not(:disabled){background:var(--primary-hover);color:#fff}.repeat-btn{position:relative}.repeat-badge{background:var(--primary);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:14px;height:14px;font-size:8px;font-weight:700;display:flex;position:absolute;bottom:-2px;right:-2px}.loading-spinner{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:20px;height:20px;animation:.8s linear infinite spin}.volume-container{justify-content:center;align-items:center;gap:10px;margin-bottom:8px;display:flex}.volume-label{color:var(--text-muted);align-items:center;gap:6px;min-width:70px;font-size:12px;display:flex}.volume-slider{appearance:none;background:var(--bg-tertiary);cursor:pointer;border-radius:2px;width:120px;height:4px}.volume-slider::-webkit-slider-thumb{-webkit-appearance:none;background:var(--text-muted);cursor:pointer;border-radius:50%;width:12px;height:12px}.autoplay-toggle{justify-content:center;display:flex}.autoplay-toggle label{color:var(--text-muted);cursor:pointer;align-items:center;gap:8px;font-size:12px;display:flex}.autoplay-toggle input[type=checkbox]{width:16px;height:16px;accent-color:var(--primary)}@media (max-width:480px){.quran-audio-player{padding:12px 16px}.main-controls{gap:8px}.nav-btn,.volume-btn,.repeat-btn,.stop-btn{width:44px;height:44px;font-size:16px}.play-btn{width:56px;height:56px;font-size:20px}.reciter-dropdown{max-height:200px}}[data-platform=apk] .quran-audio-player{padding:16px}[data-platform=apk] .nav-btn,[data-platform=apk] .volume-btn,[data-platform=apk] .repeat-btn,[data-platform=apk] .stop-btn{width:48px;height:48px;font-size:18px}[data-platform=apk] .play-btn{width:64px;height:64px;font-size:22px}[data-platform=apk] .main-controls{gap:10px}