.doa-detail-container,.doa-sequence-container{max-width:680px;min-height:100vh;margin:0 auto;padding-bottom:96px}.doa-search-wrapper{width:100%}.doa-search-box{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-full);min-height:48px;box-shadow:var(--shadow-xs);align-items:center;padding:0 16px;transition:border-color .15s,box-shadow .15s;display:flex}.doa-search-box:focus-within{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-subtle,#1f6f5c1f)}.doa-search-icon{color:var(--text-muted);flex-shrink:0;margin-right:10px}.doa-search-input{color:var(--text-primary);background:0 0;border:none;outline:none;flex:1;width:100%;padding:8px 0;font-size:1rem}.doa-search-input::placeholder{color:var(--text-muted);font-size:.88rem}.doa-search-clear{color:var(--text-muted);cursor:pointer;border-radius:var(--radius-full);background:0 0;border:none;justify-content:center;align-items:center;margin-left:4px;padding:6px;display:flex}.doa-search-clear:hover{color:var(--text-primary);background:var(--bg-subtle)}.doa-results-header{justify-content:space-between;align-items:baseline;margin-bottom:12px;padding:0 4px;display:flex}.doa-results-title{color:var(--text-primary);margin:0;font-size:.95rem;font-weight:700}.doa-results-count{color:var(--text-muted);font-size:.78rem;font-weight:600}.doa-empty-results{text-align:center;background:var(--bg-surface);border:1px dashed var(--border-color);border-radius:var(--radius-md);margin-top:8px;padding:40px 16px}.doa-empty-title{color:var(--text-primary);margin:0 0 6px;font-size:1rem;font-weight:700}.doa-empty-desc{color:var(--text-secondary);margin:0 0 16px;font-size:.85rem;line-height:1.45}.doa-btn-reset-search{background:var(--primary-light);color:var(--primary);border-radius:var(--radius-full);cursor:pointer;border:none;align-items:center;padding:8px 16px;font-size:.82rem;font-weight:700;display:inline-flex}.doa-btn-reset-search:hover{filter:brightness(.96)}.doa-discovery-sections{flex-direction:column;gap:20px;display:flex}.doa-section-heading{margin-bottom:10px;padding:0 2px}.doa-section-title{color:var(--text-primary);margin:0 0 2px;font-size:.95rem;font-weight:700}.doa-section-subtitle{color:var(--text-secondary);font-size:.78rem;display:block}.doa-situational-card{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-md);box-shadow:var(--shadow-xs);flex-direction:column;gap:12px;padding:16px;display:flex}.doa-situational-header{justify-content:space-between;align-items:center;display:flex}.doa-situational-badge{border-radius:var(--radius-full);align-items:center;gap:6px;padding:4px 10px;font-size:.75rem;font-weight:700;display:inline-flex}.doa-situational-icon{font-size:.85rem;line-height:1}.doa-situational-body{flex-direction:column;gap:6px;display:flex}.doa-situational-title{color:var(--text-primary);margin:0;font-size:1.05rem;font-weight:700;line-height:1.35}.doa-situational-subtitle{color:var(--text-secondary);margin:0;font-size:.82rem;line-height:1.4}.doa-situational-preview{background:var(--bg-subtle);border-radius:var(--radius-sm);border-left:3px solid var(--primary);margin-top:4px;padding:10px 12px}.doa-situational-arabic{font-family:var(--font-arabic,"LPMQ IsepMisbah", "Traditional Arabic", serif);color:var(--text-arabic,var(--text-primary));text-align:right;-webkit-line-clamp:2;direction:rtl;-webkit-box-orient:vertical;margin:0 0 6px;font-size:1.15rem;line-height:1.9;display:-webkit-box;overflow:hidden}.doa-situational-trans{color:var(--text-secondary);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:.8rem;font-style:italic;line-height:1.4;display:-webkit-box;overflow:hidden}.doa-situational-footer{border-top:1px solid var(--border-color);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding-top:8px;display:flex}.doa-situational-cta-btn{background:var(--primary);color:#fff;border-radius:var(--radius-full);min-height:40px;box-shadow:var(--shadow-xs);align-items:center;gap:6px;padding:8px 16px;font-size:.82rem;font-weight:700;text-decoration:none;display:inline-flex}.doa-situational-cta-btn:hover{filter:brightness(1.06)}.doa-situational-secondary-link{color:var(--text-secondary);text-overflow:ellipsis;white-space:nowrap;max-width:220px;font-size:.82rem;font-weight:600;text-decoration:none;overflow:hidden}.doa-situational-secondary-link:hover{color:var(--primary)}.doa-shortcuts-section{flex-direction:column;display:flex}.doa-shortcuts-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}@media (min-width:540px){.doa-shortcuts-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.doa-shortcut-card{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);box-shadow:var(--shadow-xs);align-items:center;gap:10px;min-width:0;min-height:58px;padding:12px 14px;text-decoration:none;transition:transform .12s,border-color .12s,box-shadow .12s;display:flex}.doa-shortcut-card:hover{border-color:var(--primary);box-shadow:var(--card-shadow);transform:translateY(-2px)}.doa-shortcut-card:active{transform:scale(.98)}.doa-shortcut-icon{border-radius:var(--radius-md);flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.doa-shortcut-info{flex:1;min-width:0}.doa-shortcut-title{white-space:nowrap;text-overflow:ellipsis;color:var(--text-primary);margin:0;font-size:.84rem;font-weight:700;line-height:1.25;overflow:hidden}.doa-shortcut-sub{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;margin:2px 0 0;font-size:.72rem;line-height:1.2;overflow:hidden}.doa-sequences-section{margin-top:24px}.doa-sequence-grid{grid-template-columns:minmax(0,1fr);gap:10px;display:grid}@media (min-width:500px){.doa-sequence-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.doa-sequence-card{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);box-shadow:var(--shadow-xs);flex-direction:column;justify-content:space-between;padding:14px;text-decoration:none;transition:border-color .12s;display:flex;position:relative;overflow:hidden}.doa-sequence-card:hover{border-color:var(--primary)}.doa-sequence-card.morning{border-left:4px solid #d69e2e}.doa-sequence-card.evening{border-left:4px solid #dd6b20}.doa-sequence-card-content{flex-direction:column;gap:6px;display:flex}.doa-sequence-top{justify-content:space-between;align-items:center;margin-bottom:2px;font-size:.72rem;display:flex}.doa-sequence-badge{color:var(--text-secondary);font-weight:700}.doa-sequence-time{color:var(--text-muted);font-weight:600}.doa-sequence-title{color:var(--text-primary);margin:0;font-size:.98rem;font-weight:700}.doa-sequence-desc{color:var(--text-secondary);margin:0;font-size:.78rem;line-height:1.35}.doa-sequence-footer{border-top:1px solid var(--border-color);justify-content:space-between;align-items:center;margin-top:10px;padding-top:8px;display:flex}.doa-sequence-count-pill{background:var(--bg-subtle);border-radius:var(--radius-full);color:var(--text-secondary);padding:3px 8px;font-size:.72rem;font-weight:700}.doa-sequence-resume-badge{color:#fff;background:var(--primary);border-radius:var(--radius-full);padding:3px 8px;font-size:.72rem;font-weight:700}.doa-sequence-action-text{color:var(--primary);font-size:.78rem;font-weight:700}.doa-lastread-section{margin-top:-2px}.doa-lastread-card{background:var(--bg-surface);border:1px dashed var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);box-shadow:var(--shadow-xs);align-items:center;gap:12px;padding:10px 14px;text-decoration:none;display:flex}.doa-lastread-card:hover{border-color:var(--primary)}.doa-lastread-icon-wrap{border-radius:var(--radius-full);background:var(--primary-light);width:32px;height:32px;color:var(--primary);flex-shrink:0;justify-content:center;align-items:center;display:flex}.doa-lastread-info{flex:1;min-width:0}.doa-lastread-top{align-items:center;gap:6px;margin-bottom:2px;display:flex}.doa-lastread-tag{color:var(--primary);text-transform:uppercase;letter-spacing:.4px;font-size:.68rem;font-weight:700}.doa-lastread-cat{color:var(--text-muted);font-size:.7rem}.doa-lastread-title{white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:.86rem;font-weight:700;overflow:hidden}.doa-lastread-arrow{color:var(--text-muted);flex-shrink:0}.doa-browse-section{flex-direction:column;display:flex}.doa-browse-toggle-wrapper{margin:4px 0 8px}.doa-browse-toggle-btn{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-md);width:100%;color:var(--text-primary);cursor:pointer;box-shadow:var(--shadow-xs);justify-content:center;align-items:center;gap:8px;min-height:48px;padding:12px 16px;font-size:.88rem;font-weight:700;transition:background-color .12s,border-color .12s;display:flex}.doa-browse-toggle-btn:hover{background:var(--bg-subtle);border-color:var(--primary)}.doa-browse-toggle-chevron{transition:transform .2s}.doa-browse-toggle-chevron.expanded{transform:rotate(180deg)}.doa-browse-expanded-content{flex-direction:column;gap:14px;margin-top:10px;display:flex}.doa-category-pills{scrollbar-width:none;-webkit-overflow-scrolling:touch;gap:6px;padding:2px 0 6px;display:flex;overflow-x:auto}.doa-category-pills::-webkit-scrollbar{display:none}.doa-cat-pill{background:var(--bg-surface);border:1px solid var(--border-color);color:var(--text-secondary);border-radius:var(--radius-full);cursor:pointer;white-space:nowrap;flex-shrink:0;min-height:36px;padding:6px 14px;font-size:.78rem;font-weight:600;transition:background-color .12s,color .12s,border-color .12s}.doa-cat-pill:hover{border-color:var(--text-muted)}.doa-cat-pill.active{background:var(--primary);color:#fff;border-color:var(--primary);font-weight:700}.doa-cards-grid{grid-template-columns:1fr;gap:10px;display:grid}.doa-list-card{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);box-shadow:var(--shadow-xs);flex-direction:column;gap:8px;padding:14px;text-decoration:none;transition:border-color .12s;display:flex}.doa-list-card:hover{border-color:var(--primary)}.doa-list-card-header{justify-content:space-between;align-items:center;gap:8px;display:flex}.doa-list-card-badges{align-items:center;gap:6px;display:flex}.doa-category-badge{border-radius:var(--radius-full);background:var(--bg-subtle);color:var(--text-secondary);padding:2px 8px;font-size:.7rem;font-weight:700}.doa-repetition-badge{border-radius:var(--radius-full);background:var(--gold-light);color:var(--gold-ink);padding:2px 7px;font-size:.7rem;font-weight:800}.doa-source-pill{color:var(--text-muted);font-size:.7rem;font-weight:600}.doa-list-card-body{flex-direction:column;gap:4px;display:flex}.doa-list-card-title{color:var(--text-primary);margin:0;font-size:.95rem;font-weight:700;line-height:1.3}.doa-list-card-situation{color:var(--text-secondary);margin:0;font-size:.78rem;line-height:1.35}.doa-list-card-arabic{font-family:var(--font-arabic,"LPMQ IsepMisbah", "Traditional Arabic", serif);color:var(--text-arabic,var(--text-primary));text-align:right;-webkit-line-clamp:2;text-overflow:ellipsis;direction:rtl;-webkit-box-orient:vertical;margin:4px 0 0;font-size:1.15rem;line-height:1.9;display:-webkit-box;overflow:hidden}.doa-list-card-footer{border-top:1px solid var(--border-color);justify-content:flex-end;align-items:center;margin-top:4px;padding-top:6px;display:flex}.doa-read-link{color:var(--primary);align-items:center;gap:4px;font-size:.76rem;font-weight:700;display:inline-flex}.doa-reader-header{z-index:20;background:var(--bg-surface);border-bottom:1px solid var(--border-color);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);position:sticky;top:0}.doa-reader-header-inner{justify-content:space-between;align-items:center;gap:8px;max-width:680px;min-height:52px;margin:0 auto;padding:8px 12px;display:flex}.doa-btn-back{color:var(--text-primary);cursor:pointer;border-radius:var(--radius-sm);background:0 0;border:none;align-items:center;gap:4px;min-height:38px;padding:6px 8px;font-size:.85rem;font-weight:700;display:inline-flex}.doa-btn-back:hover{background:var(--bg-subtle)}.doa-reader-header-titles{text-align:center;flex:1;min-width:0;padding:0 4px}.doa-reader-header-title{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:.92rem;font-weight:700;overflow:hidden}.doa-reader-header-sub{color:var(--text-muted);font-size:.7rem;display:block}.doa-reader-header-actions{align-items:center;gap:4px;display:flex}.doa-btn-action{width:38px;height:38px;color:var(--text-secondary);cursor:pointer;border-radius:var(--radius-full);background:0 0;border:none;justify-content:center;align-items:center;text-decoration:none;display:inline-flex}.doa-btn-action:hover{background:var(--bg-subtle);color:var(--text-primary)}.doa-btn-action.copied{color:var(--primary)}.doa-detail-content,.doa-sequence-main{flex-direction:column;gap:16px;padding:16px;display:flex}.doa-detail-meta-card,.doa-sequence-step-header{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-md);box-shadow:var(--shadow-xs);flex-direction:column;gap:8px;padding:16px;display:flex}.doa-detail-meta-badges,.doa-sequence-step-badges{align-items:center;gap:6px;display:flex}.doa-step-number-badge{background:var(--primary-light);color:var(--primary);border-radius:var(--radius-full);padding:3px 9px;font-size:.72rem;font-weight:800}.doa-detail-heading,.doa-sequence-step-title{color:var(--text-primary);margin:0;font-size:1.25rem;font-weight:800;line-height:1.3}.doa-detail-situation,.doa-sequence-step-situation{color:var(--text-secondary);margin:0;font-size:.85rem;line-height:1.45}.doa-detail-counter-section,.doa-sequence-counter-wrap{justify-content:center;display:flex}.doa-counter-container{align-items:center;gap:8px;width:100%;max-width:380px;display:flex}.doa-counter-btn{background:var(--bg-surface);border:2px solid var(--primary);border-radius:var(--radius-full);cursor:pointer;min-height:52px;box-shadow:var(--shadow-xs);text-align:left;flex:1;padding:8px 16px;position:relative;overflow:hidden}.doa-counter-container.completed .doa-counter-btn{border-color:#2f855a}.doa-counter-progress-bg{background:var(--primary-light);opacity:.6;pointer-events:none;transition:width .15s;position:absolute;top:0;bottom:0;left:0}.doa-counter-content{z-index:1;justify-content:space-between;align-items:center;display:flex;position:relative}.doa-counter-badge{align-items:baseline;gap:2px;font-weight:800;display:flex}.doa-counter-current{color:var(--primary);font-size:1.2rem}.doa-counter-separator{color:var(--text-muted);font-size:.9rem}.doa-counter-target{color:var(--text-secondary);font-size:.9rem}.doa-counter-label{color:var(--text-primary);font-size:.8rem;font-weight:700}.doa-counter-reset-btn{background:var(--bg-subtle);border:1px solid var(--border-color);border-radius:var(--radius-full);color:var(--text-secondary);cursor:pointer;align-items:center;gap:4px;min-height:44px;padding:8px 12px;font-size:.75rem;font-weight:600;display:inline-flex}.doa-counter-reset-btn:hover{color:var(--text-primary)}.doa-reading-card{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-md);box-shadow:var(--shadow-xs);flex-direction:column;gap:16px;padding:20px 16px;display:flex}.doa-reading-toolbar{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;padding-bottom:12px;display:flex}.doa-toggle-latin-btn{background:var(--bg-subtle);border:1px solid var(--border-color);border-radius:var(--radius-full);color:var(--text-secondary);cursor:pointer;align-items:center;gap:6px;min-height:34px;padding:6px 12px;font-size:.76rem;font-weight:600;display:inline-flex}.doa-toggle-latin-btn.active{color:var(--primary);border-color:var(--primary);background:var(--primary-light)}.doa-reading-copy-btn{color:var(--text-secondary);cursor:pointer;border-radius:var(--radius-sm);background:0 0;border:none;align-items:center;gap:4px;padding:6px 10px;font-size:.78rem;font-weight:700;display:inline-flex}.doa-reading-copy-btn:hover{background:var(--bg-subtle);color:var(--text-primary)}.doa-arabic-wrapper{padding:8px 4px}.doa-arabic-text{font-family:var(--font-arabic,"LPMQ IsepMisbah", "Traditional Arabic", serif);color:var(--text-arabic,var(--text-primary));text-align:right;word-spacing:2px;direction:rtl;margin:0;font-size:1.55rem;line-height:2.3}.doa-latin-wrapper{background:var(--bg-subtle);border-radius:var(--radius-sm);padding:12px}.doa-latin-text{color:var(--text-primary);margin:0;font-size:.88rem;font-style:italic;line-height:1.6}.doa-translation-wrapper{padding-top:4px}.doa-translation-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin:0 0 4px;font-size:.78rem;font-weight:700}.doa-translation-text{color:var(--text-secondary);margin:0;font-size:.92rem;line-height:1.6}.doa-source-footer-pill{border-top:1px solid var(--border-color);color:var(--text-muted);padding-top:10px;font-size:.72rem;font-weight:600}.doa-source-box{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-md);box-shadow:var(--shadow-xs);flex-direction:column;gap:8px;padding:14px;display:flex}.doa-source-header{color:var(--primary);align-items:center;gap:6px;display:flex}.doa-source-box-title{color:var(--text-primary);font-size:.82rem;font-weight:700}.doa-source-details{color:var(--text-secondary);font-size:.82rem;line-height:1.45}.doa-source-main{margin:0 0 4px}.doa-source-narrator{color:var(--text-muted);margin:0;font-size:.78rem}.doa-adjacent-nav{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:8px;display:grid}.doa-nav-btn{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);box-shadow:var(--shadow-xs);align-items:center;gap:8px;min-width:0;min-height:52px;padding:10px 12px;text-decoration:none;display:flex}.doa-nav-btn:hover{border-color:var(--primary)}.doa-nav-btn.next{text-align:right;justify-content:flex-end}.doa-nav-info{flex-direction:column;flex:1;min-width:0;display:flex}.doa-nav-direction{color:var(--text-muted);text-transform:uppercase;font-size:.68rem;font-weight:700}.doa-nav-title{white-space:nowrap;text-overflow:ellipsis;font-size:.82rem;font-weight:700;overflow:hidden}.doa-nav-btn-placeholder{visibility:hidden;min-width:0}.doa-sequence-progress-track-wrap{flex-direction:column;gap:6px;display:flex}.doa-sequence-progress-bar-bg{background:var(--bg-subtle);border-radius:var(--radius-full);width:100%;height:6px;overflow:hidden}.doa-sequence-progress-bar-fill{background:var(--primary);border-radius:var(--radius-full);height:100%;transition:width .25s}.doa-sequence-progress-meta{color:var(--text-secondary);justify-content:space-between;align-items:center;font-size:.76rem;display:flex}.doa-sequence-step-label{font-weight:700}.doa-sequence-resumed-tag{background:var(--primary-light);color:var(--primary);border-radius:var(--radius-full);padding:2px 8px;font-size:.7rem;font-weight:700}.doa-sequence-percent{color:var(--text-muted);font-weight:700}.doa-sequence-step-card{flex-direction:column;gap:14px;display:flex}.doa-sequence-step-controls{grid-template-columns:1fr 1fr;gap:12px;margin-top:4px;display:grid}.doa-sequence-nav-btn{border-radius:var(--radius-full);cursor:pointer;justify-content:center;align-items:center;gap:8px;min-height:48px;font-size:.9rem;font-weight:700;text-decoration:none;display:flex}.doa-sequence-nav-btn.prev{background:var(--bg-surface);border:1px solid var(--border-color);color:var(--text-primary)}.doa-sequence-nav-btn.next{background:var(--primary);color:#fff;box-shadow:var(--shadow-xs);border:none}.doa-sequence-nav-btn:disabled{opacity:.35;cursor:not-allowed}.doa-sequence-bottom-reset{text-align:center;margin-top:10px}.doa-btn-reset-link{color:var(--text-muted);cursor:pointer;background:0 0;border:none;padding:6px;font-size:.78rem;text-decoration:underline}.doa-btn-reset-link:hover{color:var(--text-primary)}.doa-sequence-completion-card{text-align:center;background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:36px 20px}.doa-completion-icon-wrap{border-radius:var(--radius-full);background:var(--primary-light);width:60px;height:60px;color:var(--primary);justify-content:center;align-items:center;margin:0 auto 16px;display:flex}.doa-completion-title{color:var(--text-primary);margin:0 0 6px;font-size:1.45rem;font-weight:800}.doa-completion-subtitle{color:var(--text-primary);margin:0 0 8px;font-size:.92rem}.doa-completion-desc{color:var(--text-secondary);margin:0 0 24px;font-size:.85rem;line-height:1.5}.doa-completion-actions{flex-direction:column;gap:10px;max-width:260px;margin:0 auto;display:flex}.doa-completion-btn-home{background:var(--primary);color:#fff;border-radius:var(--radius-full);justify-content:center;align-items:center;min-height:48px;padding:12px 20px;font-size:.9rem;font-weight:700;text-decoration:none;display:inline-flex}.doa-completion-btn-restart{background:var(--bg-subtle);border:1px solid var(--border-color);color:var(--text-primary);border-radius:var(--radius-full);cursor:pointer;min-height:44px;padding:10px 20px;font-size:.85rem;font-weight:600}[data-theme=dim] .doa-shortcut-card,[data-theme=dim] .doa-list-card,[data-theme=dim] .doa-situational-card,[data-theme=dim] .doa-sequence-card,[data-theme=dim] .doa-lastread-card,[data-theme=dim] .doa-reading-card,[data-theme=dim] .doa-source-box,[data-theme=dim] .doa-detail-meta-card,[data-theme=dim] .doa-sequence-step-header,[data-theme=dim] .doa-sequence-completion-card,[data-theme=dim] .doa-browse-toggle-btn{background:var(--bg-surface-elevated,#24342e)}@media (prefers-reduced-motion:reduce){.doa-search-box,.doa-shortcut-card,.doa-list-card,.doa-sequence-card,.doa-counter-btn,.doa-toggle-latin-btn,.doa-reading-copy-btn,.doa-nav-btn,.doa-browse-toggle-chevron,.doa-sequence-progress-bar-fill{transition:none!important;animation:none!important}}