@import "https://fonts.googleapis.com/css2?family=Amiri:ital,wght@0,400;0,700;1,400;1,700&display=swap";:root{--accent:#1a3a6b;--accent-rgb:26,58,107;--accent-light:#2e5494;--text:#1a1a2e;--text-secondary:#5c5470;--card:#f2ece4;--surface:#fff8f0;--background:#f8f4ee;--active-verse:#1a3a6b1f;--active-verse-border:#1a3a6b66;--font-scale:1}[data-theme=dark]{--accent:#6398e8;--accent-rgb:99,152,232;--accent-light:#8bb5f0;--text:#e8e0d8;--text-secondary:#a09888;--card:#1f3044;--surface:#1b2838;--background:#0d1b2a;--active-verse:#6398e81f;--active-verse-border:#6398e866}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{font-size:calc(16px * var(--font-scale));-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%}body{background:var(--background);color:var(--text);direction:rtl;min-height:100dvh;font-family:Amiri,serif;overflow:hidden}#root{flex-direction:column;height:100dvh;display:flex;overflow:hidden}button{cursor:pointer;background:0 0;border:none;font-family:Amiri,serif}.material-icons-round{letter-spacing:normal;text-transform:none;white-space:nowrap;word-wrap:normal;-webkit-font-smoothing:antialiased;direction:ltr;font-family:Material Icons Round;font-size:24px;font-style:normal;font-weight:400;line-height:1;display:inline-block}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#80808040;border-radius:3px}.app-bar{background:var(--background);flex-shrink:0;justify-content:center;align-items:center;padding:14px 16px;display:flex;position:relative}.app-bar__title{color:var(--accent);font-size:1.5rem;font-weight:700;line-height:1.3}.app-bar__btn{color:var(--accent);border-radius:50%;justify-content:center;align-items:center;padding:8px;display:flex;position:absolute}.app-bar__btn:active{background:#8080801f}.app-bar__btn--right{right:10px}.app-bar__btn--left{left:10px}.bottom-nav{background:var(--surface);padding-bottom:env(safe-area-inset-bottom,0);border-top:1px solid #8080801a;flex-shrink:0;display:flex}.bottom-nav__item{color:var(--text-secondary);flex-direction:column;flex:1;align-items:center;gap:3px;padding:10px 4px 8px;font-size:.78rem;font-weight:700;display:flex;position:relative}.bottom-nav__item--active{color:var(--accent)}.bottom-nav__item--active .bottom-nav__indicator{background:var(--active-verse);z-index:0;border-radius:16px;width:32px;height:32px;position:absolute;top:6px}.bottom-nav__icon{z-index:1;font-size:24px;position:relative}.content-area{-webkit-overflow-scrolling:touch;flex:1;overflow:hidden auto}.drawer-overlay{z-index:100;opacity:0;pointer-events:none;background:#00000080;transition:opacity .3s;position:fixed;inset:0}.drawer-overlay--open{opacity:1;pointer-events:auto}.drawer{background:var(--background);z-index:101;flex-direction:column;width:300px;height:100%;transition:right .3s cubic-bezier(.4,0,.2,1);display:flex;position:fixed;top:0;right:-320px;overflow:hidden}.drawer--open{right:0}.drawer__header{text-align:center;background:var(--surface);border-bottom:1px solid #80808026;flex-shrink:0;padding:50px 20px 20px}.drawer__header .material-icons-round{color:var(--accent);font-size:48px}.drawer__header-title{color:var(--accent);margin-top:12px;font-size:1.5rem;font-weight:700}.drawer__list{flex:1;padding:0;list-style:none;overflow-y:auto}.drawer__item{cursor:pointer;border-bottom:1px solid #80808014;align-items:center;padding:12px 20px;transition:background .15s;display:flex}.drawer__item:active{background:var(--active-verse)}.drawer__item-content{flex:1;min-width:0}.drawer__item-title{color:var(--text);font-size:1.1rem;font-weight:700;line-height:1.6}.drawer__item-sub{color:var(--text-secondary);margin-top:2px;font-size:.82rem}.drawer__item-chevron{color:var(--accent);opacity:.4;flex-shrink:0;margin-right:-4px;font-size:22px}.sharh-mini{background:var(--card);border-top:1px solid #8080801f;flex-shrink:0;padding:8px 14px}.sharh-mini__top{align-items:center;gap:8px;display:flex}.sharh-mini__icon{color:var(--accent);font-size:22px}.sharh-mini__info{flex:1;min-width:0}.sharh-mini__title{color:var(--text);text-overflow:ellipsis;white-space:nowrap;font-size:.82rem;font-weight:700;overflow:hidden}.sharh-mini__sub{color:var(--text-secondary);text-overflow:ellipsis;white-space:nowrap;font-size:.72rem;overflow:hidden}.sharh-mini__btn{color:var(--accent);border-radius:50%;justify-content:center;align-items:center;padding:6px;display:flex}.sharh-mini__btn:active{background:#8080801f}.sharh-mini__btn .material-icons-round{font-size:22px}.sharh-mini__seek{align-items:center;gap:6px;margin-top:4px;display:flex}.sharh-mini__time{color:var(--text-secondary);text-align:center;min-width:30px;font-size:.68rem}.section-header{background:rgba(var(--accent-rgb,26,58,107),.08);border:1px solid rgba(var(--accent-rgb,26,58,107),.2);text-align:center;border-radius:16px;margin:8px 16px;padding:16px 20px}[data-theme=dark] .section-header{background:#6398e814;border-color:#6398e833}.section-header__divider-row{align-items:center;gap:12px;display:flex}.section-header__line{background:var(--accent);opacity:.3;flex:1;height:1px}.section-header__star{color:var(--accent);flex-shrink:0;font-size:16px}.section-header__title{color:var(--accent);margin:10px 0;font-size:1.25rem;font-weight:700;line-height:1.6}.verse-tile{cursor:pointer;border:2px solid #0000;border-radius:16px;margin:3px 12px;padding:14px 16px;transition:background .2s,border-color .2s;position:relative}.verse-tile:active{background:#8080800f}.verse-tile--active{border-color:var(--active-verse-border);background:var(--active-verse)!important}.verse-tile--loading{opacity:.65}.verse-tile__header{align-items:center;gap:8px;margin-bottom:6px;display:flex}.verse-tile__play-circle{background:#80808014;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.verse-tile--active .verse-tile__play-circle{background:rgba(var(--accent-rgb,26,58,107),.2)}.verse-tile__play-circle .material-icons-round{color:var(--accent);font-size:18px}.verse-tile__spacer{flex:1}.verse-tile__sharh-badge{background:var(--accent);color:#fff;letter-spacing:.3px;cursor:pointer;border-radius:10px;padding:2px 10px;font-size:.72rem;font-weight:700}.verse-tile__fav-btn{color:var(--text-secondary);align-items:center;padding:2px;transition:color .15s,transform .15s;display:flex}.verse-tile__fav-btn--active{color:#e74c3c}.verse-tile__fav-btn:active{transform:scale(1.3)}.verse-tile__fav-btn .material-icons-round{font-size:20px}.verse-tile__num{color:var(--accent);white-space:nowrap;font-size:.82rem;font-weight:700}.verse-poetic{flex-direction:column;gap:8px;display:flex}.verse-poetic__sadr{color:var(--text);text-align:right;padding-right:8px;font-size:1.25rem;line-height:2}.verse-poetic__ajuz{color:var(--text);text-align:left;padding-left:8px;font-size:1.25rem;line-height:2}.verse-poetic__num{color:var(--accent);opacity:.6;font-size:1rem;font-weight:700}.verse-tile--active .verse-poetic__sadr,.verse-tile--active .verse-poetic__ajuz{color:var(--accent);font-weight:700}.verse-centered{flex-direction:column;gap:4px;display:flex}.verse-centered__sadr,.verse-centered__ajuz{color:var(--text);text-align:center;font-size:1.25rem;line-height:2}.verse-centered__sep{text-align:center;color:var(--text);opacity:.45;font-size:1rem;line-height:1.2}.verse-centered__num{color:var(--accent);opacity:.6;font-size:1rem;font-weight:700}.verse-tile--active .verse-centered__sadr,.verse-tile--active .verse-centered__ajuz{color:var(--accent);font-weight:700}.audio-bar{background:var(--surface);border-top:1px solid #8080801a;flex-shrink:0;padding:6px 14px 4px}.audio-bar__controls{justify-content:center;align-items:center;gap:2px;display:flex}.audio-bar__btn{color:var(--accent);border-radius:50%;justify-content:center;align-items:center;padding:8px;transition:background .15s;display:flex}.audio-bar__btn:active{background:#8080801f}.audio-bar__btn--play{background:var(--accent);color:var(--background);border-radius:50%;margin:0 4px;padding:10px}.audio-bar__btn--play:active{opacity:.85}.audio-bar__btn--play .material-icons-round{font-size:28px}.audio-bar__info{color:var(--text-secondary);text-align:center;min-width:70px;padding:0 10px;font-size:.82rem}.audio-bar__speed{color:var(--accent);background:var(--active-verse);text-align:center;border-radius:8px;min-width:36px;padding:4px 10px;font-size:.75rem;font-weight:700}.audio-bar__repeat--on{color:var(--accent)}.audio-bar__repeat--off{color:var(--text-secondary);opacity:.45}.audio-bar__seek{align-items:center;gap:6px;margin-top:2px;padding-bottom:2px;display:flex}.audio-bar__time{color:var(--text-secondary);text-align:center;font-variant-numeric:tabular-nums;min-width:34px;font-size:.72rem}.audio-bar__slider{appearance:none;cursor:pointer;direction:rtl;background:#8080802e;border-radius:2px;outline:none;flex:1;height:3px}.audio-bar__slider::-webkit-slider-thumb{-webkit-appearance:none;background:var(--accent);cursor:pointer;border-radius:50%;width:12px;height:12px}.search-bar{background:var(--card);border:1px solid #8080802e;border-radius:16px;align-items:center;gap:8px;margin:14px 16px;padding:8px 14px;display:flex}.search-bar .material-icons-round{color:var(--accent);flex-shrink:0;font-size:22px}.search-bar__input{color:var(--text);direction:rtl;background:0 0;border:none;outline:none;flex:1;font-family:Amiri,serif;font-size:1.05rem}.search-bar__input::placeholder{color:var(--text-secondary);opacity:.55}.search-bar__clear{color:var(--text-secondary);padding:4px;display:flex}.search-results-count{color:var(--accent);align-items:center;gap:6px;padding:4px 20px;font-size:.88rem;font-weight:700;display:flex}.search-result{background:var(--card);cursor:pointer;border-radius:12px;align-items:flex-start;gap:12px;margin:4px 12px;padding:12px 16px;transition:background .15s;display:flex}.search-result:active{background:var(--surface)}.search-result .material-icons-round{color:var(--accent);flex-shrink:0;margin-top:6px;font-size:26px}.search-result__content{text-align:right;flex:1}.search-result__num{color:var(--accent);font-size:.8rem;font-weight:700}.search-result__sadr{color:var(--text);font-size:1.05rem;line-height:1.8}.search-result__ajuz{color:var(--text-secondary);font-size:1.05rem;line-height:1.8}.empty-state{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:14px;height:100%;padding:40px;display:flex}.empty-state .material-icons-round{color:var(--text-secondary);opacity:.28;font-size:64px}.empty-state__text{color:var(--text-secondary);opacity:.55;font-size:1.15rem}.settings-list{flex-direction:column;gap:16px;padding:16px;display:flex}.settings-card{background:var(--card);border:1px solid #8080801a;border-radius:24px;padding:18px}.settings-card__header{align-items:center;gap:10px;margin-bottom:14px;display:flex}.settings-card__icon{background:var(--active-verse);border-radius:12px;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.settings-card__icon .material-icons-round{color:var(--accent);font-size:22px}.settings-card__titles h3{color:var(--text);font-size:1.2rem;font-weight:700;line-height:1.3}.settings-card__titles p{color:var(--text-secondary);font-size:.78rem}.settings-label{color:var(--text);margin-bottom:8px;font-size:.92rem;font-weight:700}.settings-pills{flex-wrap:wrap;gap:8px;display:flex}.settings-pill{background:var(--surface);color:var(--text);border:1px solid #8080802e;border-radius:14px;align-items:center;gap:5px;padding:8px 14px;font-size:.88rem;font-weight:600;transition:all .2s;display:flex}.settings-pill--active{background:var(--active-verse);border-color:var(--accent);color:var(--accent);font-weight:700}.settings-pill .material-icons-round{font-size:18px}.numeral-cards{gap:10px;display:flex}.numeral-card{text-align:center;background:var(--surface);color:var(--text);border:1px solid #80808038;border-radius:14px;flex:1;padding:12px;font-size:1.5rem;font-weight:700;transition:all .2s}.numeral-card--active{background:var(--accent);border-color:var(--accent);color:#fff}.font-scale-panel{background:var(--surface);border:1px solid #8080801f;border-radius:16px;padding:14px}.font-scale-preview{text-align:center;color:var(--text);margin-bottom:8px;font-size:1.3rem;font-weight:600;line-height:1.8}.font-scale-slider{align-items:center;gap:8px;display:flex}.font-scale-slider__label{color:var(--text-secondary)}.font-scale-slider input[type=range]{accent-color:var(--accent);flex:1}.layout-option{background:var(--surface);cursor:pointer;text-align:right;border:1px solid #8080802e;border-radius:14px;width:100%;padding:12px 14px;transition:all .2s;display:block}.layout-option--active{background:var(--active-verse);border-color:var(--accent)}.layout-option__title{color:var(--text);font-size:1rem;font-weight:700}.layout-option__desc{color:var(--text-secondary);margin-top:2px;font-size:.78rem}.about-row{justify-content:space-between;padding:4px 0;display:flex}.about-row__label{color:var(--text-secondary);font-size:.88rem}.about-row__value{color:var(--text);font-size:.88rem;font-weight:600}.color-mode-options{gap:10px;display:flex}.color-mode-option{background:var(--surface);cursor:pointer;text-align:center;border:1px solid #8080802e;border-radius:14px;flex:1;padding:12px;transition:all .2s}.color-mode-option--active{background:var(--active-verse);border-color:var(--accent)}.color-mode-option .material-icons-round{color:var(--accent);margin-bottom:4px;font-size:24px}.color-mode-option__title{color:var(--text);font-size:.82rem;font-weight:700;line-height:1.4}.color-mode-option__desc{color:var(--text-secondary);margin-top:2px;font-size:.68rem}.color-presets{flex-wrap:wrap;gap:8px;margin-top:10px;display:flex}.color-preset{cursor:pointer;border:2px solid #0000;border-radius:50%;width:30px;height:30px;transition:border-color .2s}.color-preset--active{box-shadow:0 0 0 2px var(--accent);border-color:#fff}.stats-row{gap:10px;display:flex}.stat-tile{text-align:center;background:var(--surface);border:1px solid #80808014;border-radius:12px;flex:1;padding:12px 8px}.stat-tile .material-icons-round{color:var(--accent);margin-bottom:4px;font-size:20px}.stat-tile__value{color:var(--text);font-size:1.15rem;font-weight:700}.stat-tile__label{color:var(--text-secondary);margin-top:2px;font-size:.68rem}.onboarding{background:var(--background);flex-direction:column;min-height:100dvh;display:flex}.onboarding__skip{text-align:left;padding:16px}.onboarding__skip-btn{color:var(--text-secondary);padding:8px 16px;font-size:1rem}.onboarding__pages{flex:1;position:relative;overflow:hidden}.onboarding__page{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:32px;display:flex;position:absolute;inset:0}.onboarding__icon-circle{background:radial-gradient(circle,#1a3a6b2e,#1a3a6b0a);border-radius:50%;justify-content:center;align-items:center;width:130px;height:130px;display:flex}[data-theme=dark] .onboarding__icon-circle{background:radial-gradient(circle,#6398e833,#6398e80d)}.onboarding__icon .material-icons-round{color:var(--accent);font-size:64px}.onboarding__title{color:var(--accent);margin-top:44px;font-size:2rem;font-weight:700}.onboarding__subtitle{background:var(--active-verse);color:var(--accent);border-radius:20px;margin-top:8px;padding:5px 18px;font-size:1rem;font-weight:700;display:inline-block}.onboarding__desc{color:var(--text-secondary);white-space:pre-line;margin-top:22px;font-size:1.1rem;line-height:1.6}.onboarding__dots{justify-content:center;gap:8px;padding:22px 0;display:flex}.onboarding__dot{background:var(--accent);opacity:.18;border-radius:4px;width:8px;height:8px;transition:all .3s}.onboarding__dot--active{opacity:1;width:24px}.onboarding__next{background:var(--accent);color:var(--background);border-radius:16px;margin:0 24px 32px;padding:15px;font-size:1.2rem;font-weight:700}.onboarding__next:active{opacity:.9}.continue-card{background:var(--surface);border:1px solid var(--active-verse-border);border-radius:16px;align-items:center;gap:10px;margin:8px 12px;padding:12px 16px;display:flex}.continue-card .material-icons-round{color:var(--accent);font-size:28px}.continue-card__text{color:var(--text);flex:1;font-size:.92rem}.continue-card__btn{background:var(--accent);color:#fff;border-radius:10px;padding:6px 14px;font-size:.82rem;font-weight:700}.continue-card__dismiss{color:var(--text-secondary);padding:4px;display:flex}.sharh-overlay{z-index:200;background:#00000080;align-items:flex-end;display:flex;position:fixed;inset:0}.sharh-sheet{background:var(--surface);-webkit-overflow-scrolling:touch;border-radius:28px 28px 0 0;width:100%;max-height:75vh;padding:0 16px 16px;overflow-y:auto}.sharh-sheet__handle{background:var(--text-secondary);opacity:.3;border-radius:2px;width:36px;height:4px;margin:12px auto}.sharh-header-card{background:var(--card);border:1px solid #80808026;border-radius:12px;margin-bottom:14px;padding:12px}.sharh-header-card__title{color:var(--text);text-align:right;font-size:1.35rem;font-weight:700;line-height:1.5}.sharh-header-card__sub{color:var(--text-secondary);text-align:right;margin-top:2px;font-size:.82rem}.sharh-header-card__verse{background:var(--surface);border:1px solid #8080801f;border-radius:10px;margin-top:10px;padding:10px 12px}.sharh-header-card__verse-num{color:var(--accent);margin-bottom:4px;font-size:.82rem;font-weight:700}.sharh-header-card__verse-text{color:var(--text);text-align:right;font-size:1.05rem;line-height:1.6}.sharh-entry{background:var(--card);border:1px solid #8080801f;border-radius:14px;margin-bottom:12px;overflow:hidden}.sharh-entry__header{background:var(--surface);border-radius:13px 13px 0 0;padding:12px}.sharh-entry__scholar{color:var(--text);text-align:right;font-size:1.05rem;font-weight:700}.sharh-entry__track{color:var(--text-secondary);text-align:right;margin-top:2px;font-size:.78rem}.sharh-entry__body{padding:12px}.sharh-entry__text{color:var(--text);background:var(--surface);border:1px solid #8080801a;border-radius:10px;padding:10px;font-size:.95rem;line-height:1.8}.sharh-entry__actions{gap:8px;padding:0 12px 12px;display:flex}.sharh-entry__play{background:var(--accent);color:#fff;border-radius:10px;align-items:center;gap:6px;padding:8px 16px;font-size:.82rem;font-weight:700;display:flex}.sharh-entry__play .material-icons-round{font-size:18px}.loading-screen{background:var(--background);flex-direction:column;justify-content:center;align-items:center;min-height:100dvh;display:flex}.spinner{border:3px solid #8080802e;border-top-color:var(--accent);border-radius:50%;width:36px;height:36px;animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.dev-card{color:inherit;border-radius:12px;align-items:center;gap:14px;padding:16px;text-decoration:none;transition:background .15s;display:flex}.dev-card:active{background:var(--active-verse)}.dev-card__logo{object-fit:cover;border-radius:14px;flex-shrink:0;width:56px;height:56px;box-shadow:0 2px 8px #00000026}.dev-card__info{flex:1;min-width:0}.dev-card__name{color:var(--text);font-size:1.1rem;font-weight:700}.dev-card__sub{color:var(--text-secondary);margin-top:2px;font-size:.82rem}.dev-card__url{color:var(--accent);margin-top:4px;font-size:.78rem;font-weight:700}.dev-card__arrow{color:var(--accent);opacity:.5;flex-shrink:0;font-size:20px}@media (width>=768px){.verse-poetic__sadr,.verse-poetic__ajuz{font-size:1.4rem}}