:root{--arabic-size:32px}main{padding:0;min-height:auto}.progress{position:fixed;top:0;left:0;width:100%;height:3px;background:#e5e7eb;z-index:200}[data-theme="dark"] .progress{background:#262626}.progress-bar{height:100%;background:#956D0E;width:0%;transition:width 100ms}[data-theme="dark"] .progress-bar{background:#C5A55A}.nav{position:sticky;top:var(--header-h);background:#FEFDFB;margin-top:10px;padding:1rem 0;z-index:150}[data-theme="dark"] .nav{background:#1A1a1a}.nav-inner{display:flex;gap:1rem;align-items:center;justify-content:center;max-width:600px;margin:0 auto}.select{min-width:200px;max-width:300px;padding:0.5rem 1rem;font-size:clamp(0.875rem,0.825rem + 0.25vw,1rem);border:1px solid #e5e7eb;border-radius:0.375rem;background:#ffffff;color:#111827;font-weight:400}[data-theme="dark"] .select{border-color:#262626;background:#171717;color:#E0E0E0}.select:focus{outline:none;border-color:#956D0E}[data-theme="dark"] .select:focus{border-color:#C5A55A}.jump{width:120px;padding:0.5rem 1rem;font-size:clamp(0.875rem,0.825rem + 0.25vw,1rem);border:1px solid #e5e7eb;border-radius:0.375rem;background:#ffffff;color:#111827}[data-theme="dark"] .jump{border-color:#262626;background:#171717;color:#E0E0E0}.jump:focus{outline:none;border-color:#956D0E}[data-theme="dark"] .jump:focus{border-color:#C5A55A}.sr-header{padding:3rem 0 2rem}.sr-top{display:flex;flex-direction:column;align-items:center;margin-bottom:1.5rem;gap:1.5rem}.sr-title-wrap{text-align:center}.sr-title{font-family:'Playfair Display',serif;font-size:clamp(1.875rem,1.65rem + 1.125vw,2.25rem);color:#956D0E;margin-bottom:0.5rem}[data-theme="dark"] .sr-title{color:#C5A55A}.sr-meta{font-size:clamp(0.875rem,0.825rem + 0.25vw,1rem);color:#6b7280}[data-theme="dark"] .sr-meta{color:#a3a3a3}.sr-meta[lang="ar"]{font-size:calc(clamp(0.875rem,0.825rem + 0.25vw,1rem) * 2)}.sr-controls{display:flex;gap:0.5rem;flex-wrap:wrap;justify-content:center}.sr-btn{min-width:48px;min-height:48px;padding:0;display:inline-flex;align-items:center;justify-content:center;font-size:clamp(0.875rem,0.825rem + 0.25vw,1rem);font-weight:700;border:none;border-radius:2px;background:#262626;color:#ffffff;transition:all 300ms cubic-bezier(0.16,1,0.3,1);box-shadow:0 1px 3px rgba(0,0,0,0.1)}[data-theme="dark"] .sr-btn{background:#262626;color:#CCCCCC}.sr-btn:hover{background:#956D0E;color:#ffffff;box-shadow:0 4px 12px rgba(175,134,47,0.3)}[data-theme="dark"] .sr-btn:hover{background:#C5A55A;color:#0a0a0a}.sr-btn.active{background:#956D0E;color:#ffffff;box-shadow:0 4px 12px rgba(175,134,47,0.3)}[data-theme="dark"] .sr-btn.active{background:#C5A55A;color:#0a0a0a}.sr-btn svg{width:20px;height:20px;fill:currentColor}@media (max-width:767px){.sr-controls{width:100%}}.verses{padding:2rem 0 0}.surah-header{text-align:center;padding:2rem 0 1.5rem;border-top:1px solid #956D0E}[data-theme="dark"] .surah-header{border-top-color:#C5A55A}.surah-name{font-family:'Playfair Display',serif;font-size:clamp(1.5rem,1.35rem + 0.75vw,1.875rem);color:#111827;margin-bottom:0.5rem}[data-theme="dark"] .surah-name{color:#E0E0E0}.surah-info{font-size:clamp(0.875rem,0.825rem + 0.25vw,1rem);color:#6b7280}[data-theme="dark"] .surah-info{color:#a3a3a3}.surah-info[lang="ar"]{font-size:calc(clamp(0.875rem,0.825rem + 0.25vw,1rem) * 2)}.bismillah{border-top:1px solid #e5e7eb;text-align:center;font-family:'Arabic',serif;font-size:var(--arabic-size,2rem);line-height:1.75;color:#111827;padding:2rem 0}[data-theme="dark"] .bismillah{border-top-color:#262626;color:#E0E0E0}.verse{position:relative;padding:0 0 2rem;border-top:1px solid #e5e7eb;transition:border-color 200ms cubic-bezier(0,0,0.2,1)}[data-theme="dark"] .verse{border-top-color:#262626}.verse.active{border-top-color:#956D0E}[data-theme="dark"] .verse.active{border-top-color:#C5A55A}.verse.active .v-num{background:#956D0E;color:#ffffff}[data-theme="dark"] .verse.active .v-num{background:#262626;color:#CCCCCC}.v-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem}.v-num{display:inline-flex;align-items:center;justify-content:center;min-width:40px;padding:0 8px;height:40px;background:#262626;color:#ffffff;font-size:0.875rem;font-weight:700;flex-shrink:0;transition:all 200ms cubic-bezier(0,0,0.2,1)}.verse.bookmarked .v-num{height:48px;clip-path:polygon(0 0,100% 0,100% 80%,50% 100%,0 80%);padding-bottom:8px;background:#956D0E;color:#ffffff}[data-theme="dark"] .v-num{background:#262626;color:#CCCCCC}[data-theme="dark"] .verse.bookmarked .v-num{background:#C5A55A;color:#ffffff}.v-arabic{font-family:'Arabic',serif;font-size:var(--arabic-size,2rem);line-height:1.75;text-align:right;direction:rtl;color:#111827;margin-bottom:1rem}[data-theme="dark"] .v-arabic{color:#E0E0E0}.v-latin{color:#956D0E;font-size:clamp(1rem,0.95rem + 0.25vw,1.125rem);line-height:1.5;margin-bottom:0.5rem}[data-theme="dark"] .v-latin{color:#C5A55A}.v-trans{font-size:clamp(1rem,0.95rem + 0.25vw,1.125rem);color:#111827;line-height:1.5;margin-bottom:1.5rem}[data-theme="dark"] .v-trans{color:#E0E0E0}.v-actions{position:relative}.v-menu-btn{width:40px;height:40px;padding:0;color:#6b7280;transition:all 200ms cubic-bezier(0,0,0.2,1);background:none;border:none;border-radius:0.375rem;cursor:pointer;display:flex;align-items:center;justify-content:center}[data-theme="dark"] .v-menu-btn{color:#a3a3a3}.v-menu-btn:hover{color:#956D0E;background:#fafafa}[data-theme="dark"] .v-menu-btn:hover{background:#1a1a1a;color:#D4B455}.v-menu-btn svg{width:24px;height:24px;fill:currentColor}.v-dropdown{display:none;position:absolute;right:0;top:100%;margin-top:4px;background:#FEFDFB;border:1px solid #e5e7eb;border-radius:0.375rem;box-shadow:0 4px 12px rgba(0,0,0,0.15);min-width:180px;z-index:100}[data-theme="dark"] .v-dropdown{background:#1A1a1a;border-color:#262626}.v-dropdown.active{display:block}[data-theme="dark"] .v-dropdown{box-shadow:0 4px 12px rgba(0,0,0,0.5)}.v-dropdown-item{display:flex;align-items:center;gap:0.5rem;padding:1rem;font-size:0.875rem;color:#111827;background:none;border:none;width:100%;text-align:left;cursor:pointer;transition:background 200ms cubic-bezier(0,0,0.2,1)}[data-theme="dark"] .v-dropdown-item{color:#E0E0E0}.v-dropdown-item:first-child{border-radius:0.375rem 0.375rem 0 0}.v-dropdown-item:last-child{border-radius:0 0 0.375rem 0.375rem}.v-dropdown-item:hover{background:#fafafa}[data-theme="dark"] .v-dropdown-item:hover{background:#1a1a1a}.v-dropdown-item svg{width:18px;height:18px;fill:#6b7280}[data-theme="dark"] .v-dropdown-item svg{fill:#a3a3a3}.arabic-only .v-latin,.arabic-only .v-trans{display:none}.reading-mode .header,.reading-mode .nav,.reading-mode .footer,.reading-mode .sr-header{display:none}.reading-mode{background:#FEFDFB}[data-theme="dark"].reading-mode{background:#1A1a1a}.reading-exit{display:none;position:fixed;top:1rem;right:1rem;z-index:100;width:48px;height:48px;background:#262626;color:#ffffff;align-items:center;justify-content:center;transition:all 200ms cubic-bezier(0,0,0.2,1)}[data-theme="dark"] .reading-exit{background:#262626;color:#CCCCCC}.reading-mode .reading-exit{display:flex;opacity:0.3}.reading-exit:hover{background:#956D0E;color:#ffffff;opacity:1}[data-theme="dark"] .reading-exit:hover{background:#C5A55A;color:#ffffff;opacity:1}.loading{text-align:center;padding:3rem;color:#6b7280}[data-theme="dark"] .loading{color:#a3a3a3}.sr-nav{display:flex;gap:1.5rem;justify-content:space-between;padding:2rem 0;border-top:1px solid #e5e7eb}[data-theme="dark"] .sr-nav{border-top-color:#262626}.sr-nav-btn{flex:1;padding:0.5rem 1rem;font-size:clamp(0.875rem,0.825rem + 0.25vw,1rem);font-weight:400;border:1px solid #e5e7eb;border-radius:0.375rem;background:#ffffff;color:#111827;transition:all 200ms cubic-bezier(0,0,0.2,1);text-align:center}[data-theme="dark"] .sr-nav-btn{border-color:#262626;background:#171717;color:#E0E0E0}.sr-nav-btn:hover:not(:disabled){background:#956D0E;color:#ffffff;border-color:#956D0E}[data-theme="dark"] .sr-nav-btn:hover:not(:disabled){background:#C5A55A;color:#ffffff;border-color:#C5A55A}.sr-nav-btn:disabled{opacity:0.5;cursor:not-allowed}@media (max-width:767px){.sr-nav{flex-direction:column}}.audio-player{position:fixed;bottom:0;left:0;right:0;background:#FEFDFB;border-top:1px solid #e5e7eb;z-index:180;box-shadow:0 -2px 12px rgba(0,0,0,0.1)}[data-theme="dark"] .audio-player{background:#1A1a1a;border-top-color:#262626}.audio-player[hidden]{display:none}.audio-progress{height:4px;background:#e5e7eb;cursor:pointer;position:relative}[data-theme="dark"] .audio-progress{background:#262626}.audio-progress-bar{height:100%;background:#956D0E;width:0%}[data-theme="dark"] .audio-progress-bar{background:#C5A55A}.audio-content{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:1rem;padding:1rem}.audio-info{min-width:0}.audio-title{font-weight:700;font-size:clamp(0.875rem,0.825rem + 0.25vw,1rem);color:#111827;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}[data-theme="dark"] .audio-title{color:#E0E0E0}.audio-subtitle{font-size:0.75rem;color:#6b7280}[data-theme="dark"] .audio-subtitle{color:#a3a3a3}.audio-controls{display:flex;gap:0.5rem;align-items:center}.audio-right{display:flex;align-items:center;gap:1rem;justify-content:flex-end}.audio-btn{width:40px;height:40px;padding:0;display:flex;align-items:center;justify-content:center;background:none;border:none;color:#111827;cursor:pointer;border-radius:50%;transition:all 200ms cubic-bezier(0,0,0.2,1)}[data-theme="dark"] .audio-btn{color:#E0E0E0}.audio-btn:hover{background:#fafafa;color:#956D0E}[data-theme="dark"] .audio-btn:hover{background:#1a1a1a;color:#D4B455}.audio-btn svg{width:20px;height:20px;fill:currentColor}.audio-btn-play{width:44px;height:44px;background:none;border:none;color:#111827}.audio-btn-play:hover{background:none;color:#956D0E}.audio-btn-play.playing{color:#956D0E}.audio-btn-play.playing:hover{opacity:0.8}.audio-btn-play svg{width:44px;height:44px}[data-theme="dark"] .audio-btn-play{color:#E0E0E0}[data-theme="dark"] .audio-btn-play:hover{background:none;color:#D4B455}[data-theme="dark"] .audio-btn-play.playing{color:#C5A55A}.audio-btn-speed{width:auto;padding:0 0.5rem;font-size:0.75rem;font-weight:700}.audio-btn[aria-pressed="true"]{color:#956D0E}[data-theme="dark"] .audio-btn[aria-pressed="true"]{color:#C5A55A}.audio-time{font-size:0.75rem;color:#6b7280;min-width:40px;text-align:right}[data-theme="dark"] .audio-time{color:#a3a3a3}@media (max-width:767px){.audio-content{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:0.5rem;padding:0.75rem}.audio-info{text-align:left;min-width:0}.audio-title{font-size:0.75rem}.audio-subtitle{font-size:0.65rem}.audio-controls{justify-content:center;gap:0.25rem}.audio-right{justify-content:flex-end;gap:0.5rem}.audio-btn[data-audio-repeat],.audio-time{display:none}.audio-btn{width:36px;height:36px}.audio-btn-play{width:44px;height:44px}.audio-btn svg{width:18px;height:18px}.audio-btn-play svg{width:40px;height:40px}}