.duas-shell{background:var(--bg-color,var(--color-surface));min-height:100vh}.duas-hero{background:linear-gradient(135deg,var(--primary-color,var(--color-accent-alt))0%,var(--secondary-color,var(--color-accent-alt-2))100%);text-align:center;color:var(--color-accent-contrast);padding:4rem 2rem;position:relative;overflow:hidden}.duas-hero:before{content:"";opacity:.1;background:url(https://www.transparenttextures.com/patterns/islamic-exercise.png) 0 0/400px;position:absolute;inset:0}.duas-hero__kicker{background:var(--color-overlay-light);letter-spacing:.1em;text-transform:uppercase;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:50px;margin-bottom:1rem;padding:.5rem 1.5rem;font-size:.875rem;display:inline-block}.duas-layout{gap:2rem;padding:2rem 0;display:flex}.duas-aside{height:fit-content;max-height:calc(100vh - 4rem);position:sticky;top:2rem;overflow-y:auto}.duas-sidebar__title{color:var(--primary-color,var(--color-accent-alt));background:var(--bg-color,var(--color-surface));border-bottom:2px solid var(--border-color,var(--color-border));margin-bottom:.5rem;padding:1rem;font-family:Noto Nastaliq Urdu,Mehr Nastaliq Web,serif;font-size:1.3rem;font-weight:700}.duas-sidebar__nav{flex-direction:column;gap:.5rem;display:flex}.duas-nav-btn{width:100%;color:var(--text-muted-color,var(--color-text-muted-strong));cursor:pointer;border-radius:var(--border-radius-sm);text-align:right;background-color:#0000;border:none;justify-content:space-between;align-items:center;padding:1rem;font-family:Noto Nastaliq Urdu,Mehr Nastaliq Web,serif;font-size:1.3rem;font-weight:600;line-height:1.6;transition:all .3s;display:flex}.duas-nav-btn:hover{background-color:var(--border-color,var(--color-border));color:var(--primary-color,var(--color-accent-alt));transform:translate(-5px)}.duas-nav-btn.is-active{background-color:var(--primary-color,var(--color-accent-alt));color:var(--color-accent-contrast);box-shadow:0 4px 12px var(--color-accent-highlight);transform:translate(-5px)}.duas-nav-btn__text{flex-grow:1}.duas-card{background-color:var(--color-surface);box-shadow:0 4px 12px var(--color-shadow-accent);cursor:pointer;border:1px solid var(--color-border);border-radius:10px;flex-direction:column;margin-bottom:1.5rem;padding:2rem;transition:all .4s cubic-bezier(.175,.885,.32,1.275);display:flex;position:relative;overflow:hidden}.duas-card:hover{box-shadow:0 20px 35px var(--color-shadow-accent);transform:translateY(-10px)scale(1.02)}.duas-card__title{color:var(--primary-color,var(--color-accent-alt));align-items:center;gap:.5rem;margin-bottom:1rem;font-family:Noto Nastaliq Urdu,Mehr Nastaliq Web,serif;font-size:1.4rem;font-weight:700;display:flex}.duas-arabic{color:var(--primary-color,var(--color-accent-alt));text-align:right;margin:1rem 0;font-family:MeQuran,KFGQPC Uthman Taha Naskh,serif;font-size:1.8rem;line-height:2}.duas-urdu{color:var(--text-color,var(--color-text-strong));text-align:right;font-family:Noto Nastaliq Urdu,Mehr Nastaliq Web,serif;font-size:1.1rem;line-height:2}@media (max-width:1024px){.duas-layout{flex-direction:column}.duas-aside{max-height:none;position:static;width:100%!important}}@media (max-width:768px){.duas-hero{padding:3rem 1.5rem}.duas-hero__kicker{padding:.4rem 1rem;font-size:.75rem}.duas-card{padding:1.5rem}.duas-card__title{font-size:1.2rem}.duas-arabic{font-size:1.5rem}.duas-urdu{font-size:1rem}.duas-nav-btn{padding:.8rem;font-size:1.1rem}}@media (max-width:480px){.duas-hero{padding:2rem 1rem}.duas-card{padding:1rem}.duas-arabic{font-size:1.3rem}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.duas-card{animation:.5s ease-out fadeInUp}.du-settings-overlay{z-index:9999;background:#00000080;justify-content:flex-end;align-items:flex-end;display:flex;position:fixed;inset:0}.du-settings-sidebar{background:#fff;width:400px;max-width:100%;height:100vh;animation:.3s ease-out slideInRight;overflow-y:auto;box-shadow:-4px 0 20px #0003}@keyframes slideInRight{0%{transform:translate(100%)}to{transform:translate(0)}}.qv-settings-header{background:linear-gradient(135deg,var(--primary-color,#00838f),var(--secondary-color,#00acc1));color:#fff;border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding:1.5rem;display:flex}.qv-settings-title{font-size:1.25rem;font-weight:700}.qv-settings-close-btn{color:#fff;cursor:pointer;background:#fff3;border:none;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:2rem;transition:all .3s;display:flex}.qv-settings-close-btn:hover{background:#ffffff4d;transform:rotate(90deg)}.qv-settings-content{padding:1.5rem}.qv-settings-section{margin-bottom:1.5rem}.qv-settings-section-title{color:#64748b;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.75rem;font-size:.875rem;font-weight:600;display:block}.qv-settings-segmented-control{background:#f1f5f9;border-radius:8px;padding:4px;display:flex}.qv-settings-segmented-option{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:6px;flex:1;padding:.5rem;font-size:.875rem;font-weight:500;transition:all .2s}.qv-settings-segmented-option.active{color:var(--primary-color,#00838f);background:#fff;box-shadow:0 2px 4px #0000001a}.qv-settings-divider{background:#e2e8f0;border:none;height:1px;margin:1.5rem 0}.qv-settings-form-row{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.qv-settings-form-row label{color:#64748b;font-size:.875rem}.qv-settings-stepper{align-items:center;gap:.5rem;display:flex}.qv-settings-stepper-btn{cursor:pointer;color:#64748b;background:#fff;border:1px solid #e2e8f0;border-radius:6px;width:32px;height:32px;font-size:1rem;transition:all .2s}.qv-settings-stepper-btn:hover{border-color:var(--primary-color,#00838f);color:var(--primary-color,#00838f);background:#f1f5f9}.qv-settings-dropdown{color:#64748b;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:6px;padding:.5rem;font-size:.875rem}.qv-settings-checkbox-row{cursor:pointer;align-items:center;gap:.75rem;margin-bottom:.75rem;display:flex}.qv-settings-checkbox-row input[type=checkbox]{display:none}.qv-settings-custom-checkbox{border:2px solid #e2e8f0;border-radius:4px;justify-content:center;align-items:center;width:20px;height:20px;transition:all .2s;display:flex}.qv-settings-checkbox-row input:checked+.qv-settings-custom-checkbox{background:var(--primary-color,#00838f);border-color:var(--primary-color,#00838f)}.qv-settings-checkbox-row input:checked+.qv-settings-custom-checkbox:after{content:"✓";color:#fff;font-size:.75rem}.qv-settings-reset-container{border-top:1px solid #e2e8f0;margin-top:2rem;padding-top:1.5rem}.qv-settings-reset-btn{color:#dc2626;cursor:pointer;background:#fee2e2;border:none;border-radius:8px;width:100%;padding:.75rem;font-size:.875rem;font-weight:600;transition:all .3s}.qv-settings-reset-btn:hover{background:#fecaca;transform:translateY(-2px);box-shadow:0 4px 12px #dc262633}html[data-theme=sepia] .duas-shell{background:var(--color-sepia-surface)}html[data-theme=sepia] .duas-hero{background:linear-gradient(135deg,var(--color-sepia-icon)0%,var(--color-sepia-text)100%);color:var(--color-sepia-surface)}html[data-theme=sepia] .duas-hero__kicker{background:var(--color-sepia-border)}html[data-theme=sepia] .duas-sidebar__title{color:var(--color-sepia-accent);background:var(--color-sepia-surface);border-bottom-color:var(--color-sepia-border)}html[data-theme=sepia] .duas-nav-btn{color:var(--color-sepia-text);background:var(--color-sepia-surface)}html[data-theme=sepia] .duas-nav-btn:hover{background-color:var(--color-sepia-surface-soft);color:var(--color-sepia-accent)}html[data-theme=sepia] .duas-nav-btn.is-active{background-color:var(--color-sepia-accent);color:var(--color-accent-contrast);box-shadow:0 4px 12px #5b46364d}