@import"https://fonts.googleapis.com/css2?family=Amiri:ital,wght@0,400;0,700;1,400;1,700&display=swap";@import"https://fonts.googleapis.com/css2?family=Scheherazade+New:wght@400;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";.adhan-recordings{display:grid;gap:10px;margin:16px 0}.adhan-recording{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:12px;border:1px solid var(--color-border, #353047);border-radius:14px;background:var(--color-bg-secondary)}.adhan-recording--selected{border-color:var(--color-accent,#c7ad57)}.adhan-recording strong,.adhan-recording small{display:block}.adhan-recording small{margin-top:5px;color:var(--color-text-secondary);font-size:12px}.adhan-choice{flex:1;text-align:left;border:0;background:transparent;color:inherit;min-height:44px;cursor:pointer}.adhan-preview,.adhan-player button{min-height:44px;border:1px solid var(--color-border,#51495e);border-radius:12px;background:var(--color-bg-tertiary,#2c263b);color:var(--color-text-primary,#fff);padding:8px 12px;cursor:pointer;white-space:nowrap}.adhan-enable{margin:18px 0}.adhan-credits{font-size:12px;color:var(--color-text-secondary);margin-top:14px}.adhan-credits summary{cursor:pointer;min-height:32px}.adhan-credits a{color:var(--color-accent)}.adhan-player{position:fixed;z-index:11000;left:max(12px,env(safe-area-inset-left));right:max(12px,env(safe-area-inset-right));bottom:calc(94px + env(safe-area-inset-bottom));max-width:540px;margin:auto;display:flex;align-items:center;gap:12px;background:var(--color-bg-secondary,#211c31);color:var(--color-text-primary,#fff);border:1px solid var(--color-accent,#c7ad57);box-shadow:0 12px 40px #0005;border-radius:18px;padding:14px}.adhan-player>div{flex:1;min-width:0}.adhan-player p{margin:5px 0 0;font-size:12px;color:var(--color-text-secondary)}.find-button{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:44px;min-height:44px;border-radius:12px;color:var(--color-accent);background:color-mix(in srgb,var(--color-accent) 9%,var(--color-bg-secondary));text-decoration:none;border:1px solid color-mix(in srgb,var(--color-accent) 20%,transparent)}.find-button:hover{background:color-mix(in srgb,var(--color-accent) 17%,var(--color-bg-secondary))}.find-button:focus-visible{outline:2px solid var(--color-accent);outline-offset:3px}.find-button--expanded{width:100%;justify-content:flex-start;gap:12px;padding:10px 14px;margin-bottom:12px;box-sizing:border-box}.find-button--expanded span{display:grid;gap:3px}.find-button--expanded small{color:var(--color-text-secondary);font-size:12px}.find-button--expanded strong{font-size:15px}.reader-find-button{width:38px;min-height:38px;border-radius:10px}.global-page-tools{position:fixed;top:calc(env(safe-area-inset-top,0px) + 8px);right:12px;z-index:50;display:flex;align-items:center;gap:8px;padding:0;background:transparent}.global-page-tools .global-menu-btn{position:static;width:44px;height:44px;box-shadow:none;border:1px solid var(--color-bg-tertiary)}.app-main--compact>:is(div,section)>:is(header,[class$=-header],[class$=__header-row],.listen-page-heading,.listen-section-heading){padding-right:112px}.app-main--compact>:is(div,section)>:is(h1,h2):first-child{padding-right:104px}.app-main--compact .listen-hub{padding-top:14px}.app-main--compact .listen-page-heading{min-height:44px;align-items:flex-start}.app-main--compact .listen-page-heading .listen-home,.app-main--compact .listen-page-heading .listen-eyebrow{display:none}.app-main--compact .listen-page-heading h1{margin-top:0}.app-main--compact .listen-page-heading p{margin-top:12px}.app-main--compact .voice-page{padding-top:8px}.app-main--compact .voice-header{padding-right:100px;margin-bottom:16px}.app-main--compact .voice-local{display:none}.app-main--compact .home-page .home-header{padding-top:14px;padding-bottom:18px}.app-main--compact .home-page .home-header__greeting{padding-right:0;font-size:22px}.app-main--compact .hifdh-page{padding-top:0}.app-main--compact .hifdh-page__header-row{margin-top:0;padding-top:14px;padding-bottom:14px}.app-main--compact .experience-header{padding-top:0;padding-bottom:16px;min-height:44px;flex-wrap:wrap}.app-main--compact .experience-header>button{margin-top:8px}.app-main--compact :is(.coach-page,.circle-page,.academy-page,.dashboard-page,.themes-page){padding-top:16px}.app-main--compact :is(.adhkar-page,.sentinelle-page,.settings-page,.fahm-page,.vocab-page,.quiz-page,.stories-page,.prophets-page,.qibla-page,.tafsir-page){padding-top:16px}@media(min-width:1100px){.app-main--compact>:is(div,section)>:is(header,[class$=-header],[class$=__header-row],.listen-page-heading,.listen-section-heading){padding-right:24px}}.app-main--compact .prayer-hero{padding-top:8px}.app-main--compact .prayer-hero__top{padding-right:100px;gap:6px;flex-wrap:wrap}.app-main--compact .prayer-hero__location{min-width:0;padding-inline:8px}.app-main--compact .prayer-hero__location span{max-width:100px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.app-main--compact :is(.hadiths-header,.library-header,.ps-header){flex-wrap:wrap}.app-main--compact :is(.hadiths-title,.library-header>div,.ps-header__title){min-width:0;overflow-wrap:anywhere}.bottom-nav{position:fixed;bottom:0;left:0;right:0;background:#0d1117bf;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-top:1px solid rgba(255,255,255,.06);display:flex;justify-content:space-around;align-items:center;padding:6px 0;padding-bottom:max(6px,env(safe-area-inset-bottom));z-index:var(--z-nav)}.bottom-nav__item{display:flex;flex-direction:column;align-items:center;gap:2px;padding:6px 2px 4px;flex:1;border-radius:16px;transition:all .3s cubic-bezier(.34,1.56,.64,1);color:#fff6;min-width:0;position:relative;text-decoration:none;-webkit-tap-highlight-color:transparent}.bottom-nav__item:active{transform:scale(.88);transition-duration:.1s}.bottom-nav__icon{font-size:1.4rem;line-height:1;transition:all .3s cubic-bezier(.34,1.56,.64,1);opacity:.5}.bottom-nav__label{font-size:.6rem;font-weight:600;letter-spacing:.2px;transition:all .3s}.bottom-nav__dot{width:4px;height:4px;border-radius:50%;background:transparent;transition:all .3s cubic-bezier(.34,1.56,.64,1);margin-top:1px}.bottom-nav__item.active{color:#e8d48b}.bottom-nav__item.active .bottom-nav__icon{opacity:1;transform:scale(1.15) translateY(-2px);filter:drop-shadow(0 0 6px rgba(201,168,76,.5))}.bottom-nav__item.active .bottom-nav__label{color:#c9a84c;font-weight:700}.bottom-nav__item.active .bottom-nav__dot{width:5px;height:5px;background:#c9a84c;box-shadow:0 0 8px #c9a84c99}.bottom-nav__item.active:before{content:"";position:absolute;top:-2px;left:50%;transform:translate(-50%);width:40px;height:40px;border-radius:50%;background:radial-gradient(circle,rgba(201,168,76,.2),transparent 70%);pointer-events:none;animation:nav-glow 2s ease-in-out infinite}@keyframes nav-glow{0%,to{opacity:.6;transform:translate(-50%) scale(1)}50%{opacity:1;transform:translate(-50%) scale(1.1)}}.bottom-nav__item--voice{color:#e8d48b}.bottom-nav__item--voice .bottom-nav__icon{opacity:1;color:#e8d48b}.bottom-nav__item--voice .bottom-nav__label{color:#e8d48b}.bottom-nav__item:focus-visible{outline:2px solid #e8d48b;outline-offset:-2px}:root{--bottom-nav-height: calc(56px + env(safe-area-inset-bottom,0px)) }.bottom-nav{box-sizing:border-box;height:var(--bottom-nav-height);padding:4px 8px calc(4px + env(safe-area-inset-bottom,0px));gap:4px}.bottom-nav__item{height:48px;box-sizing:border-box;padding:5px 2px;gap:3px;justify-content:center;border-radius:12px}.bottom-nav__icon{font-size:21px;line-height:22px;height:22px}.bottom-nav__label{font-size:10px;line-height:13px}.bottom-nav__dot{position:absolute;bottom:0;margin:0;height:2px!important;width:12px!important;border-radius:2px}.bottom-nav__item.active .bottom-nav__icon{transform:none;filter:none}.bottom-nav__item.active:before{display:none}.side-menu-backdrop{position:fixed;inset:0;z-index:var(--z-overlay);background:#050715b8;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);animation:side-menu-fade .2s ease-out}.side-menu{position:fixed;inset:0 auto 0 0;z-index:var(--z-modal);display:flex;flex-direction:column;width:min(92vw,360px);background:linear-gradient(165deg,#20294a,#151d3a 42%,#10182f);border-right:1px solid rgba(196,176,238,.2);box-shadow:12px 0 50px #03051280;padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom);animation:side-menu-enter .28s cubic-bezier(.2,.8,.2,1)}@keyframes side-menu-fade{0%{opacity:0}}@keyframes side-menu-enter{0%{transform:translate(-102%)}}.side-menu :is(button,a,summary):focus-visible{outline:2px solid #e4c889;outline-offset:2px}.side-menu-header{display:flex;align-items:center;justify-content:space-between;flex:none;min-height:66px;padding:9px 16px 9px 20px;border-bottom:1px solid rgba(205,181,235,.12)}.side-menu-brand{display:flex;align-items:center;gap:10px;color:#e3c67f;font-size:16px;font-weight:760;letter-spacing:-.02em}.side-menu-close{display:grid;place-items:center;flex:none;width:44px;height:44px;border:1px solid rgba(205,181,235,.16);border-radius:13px;background:#ffffff09;color:#d7d7e7;cursor:pointer}.side-menu-nav{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:16px 16px 22px;scrollbar-width:thin;scrollbar-color:#4b5275 transparent}.side-menu-priority{display:grid;gap:8px}.side-menu-priority>:is(button,a){box-sizing:border-box;display:flex;align-items:center;width:100%;min-height:51px;gap:11px;padding:10px 13px;border-radius:14px;text-decoration:none;text-align:left;cursor:pointer}.side-menu-resume{border:1px solid rgba(231,203,138,.35);background:linear-gradient(110deg,#d6b9742b,#7965c11f);color:#f5e4b6}.side-menu-resume>span:nth-child(2){display:grid;flex:1;gap:2px}.side-menu-resume strong,.side-menu-session strong{font-size:14px;font-weight:680}.side-menu-resume small{color:#c5c4d3;font-size:11px}.side-menu-priority>.side-menu-session{border:1px solid rgba(153,134,220,.27);background:#6452af26;color:#eeecfa}.side-menu-session>span:nth-child(2){display:grid;flex:1;gap:2px;min-width:0}.side-menu-session small{color:#c7c1dc;font-size:11px;line-height:1.3}.side-menu-session>span:first-child{color:#dbbf82;font-size:19px}.side-menu-priority>.find-button--expanded{margin:0;min-height:50px;border-color:#9986dc38;background:#ffffff09;color:#e6d6ff}.side-menu-priority .find-button--expanded small{color:#adaec4}.side-menu-favorites-heading{display:flex;justify-content:space-between;align-items:center;margin:22px 1px 9px}.side-menu-favorites-heading h2{margin:0;color:#e6e0ee;font-size:13px;font-weight:720;letter-spacing:.04em}.side-menu-favorites-heading button{display:inline-flex;align-items:center;gap:5px;min-height:36px;padding:5px 8px;border:0;border-radius:9px;background:transparent;color:#d7bd81;font-size:12px;cursor:pointer}.side-menu-favorites{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.side-menu-favorite{position:relative;min-width:0}.side-menu-favorite>a,.side-menu-empty-favorite{box-sizing:border-box;display:flex;align-items:center;min-height:62px;width:100%;gap:9px;padding:9px 10px;border:1px solid rgba(187,169,230,.19);border-radius:14px;background:linear-gradient(130deg,#6655a933,#ffffff06);color:#f0eef7;text-decoration:none;text-align:left}.side-menu-favorite>a:hover,.side-menu-favorite>a.active{border-color:#dfc17b8c;background:#c1a66526}.side-menu-favorite>a span{flex:none;font-size:20px}.side-menu-favorite>a strong{font-size:12px;line-height:1.25;font-weight:600}.side-menu-favorite>button{position:absolute;top:-5px;right:-4px;display:grid;place-items:center;width:27px;height:27px;border:1px solid #b4a4d4;border-radius:50%;background:#34355a;color:#fff;font-size:19px;cursor:pointer}.side-menu-empty-favorite{justify-content:center;border-style:dashed;color:#d8c58f;font-size:12px;cursor:pointer}.side-menu-edit-help{margin:3px 2px 14px;color:#bcb9d0;font-size:12px}.side-menu-picker{padding-bottom:16px}.side-menu-picker .side-menu-favorites-heading{margin-top:0}.side-menu-picked{display:grid;gap:7px;margin-bottom:19px}.side-menu-picked-row{display:flex;align-items:center;min-height:48px;gap:9px;padding:5px 7px 5px 11px;border:1px solid rgba(223,193,123,.35);border-radius:12px;background:#c1a6651c;color:#f0eef7}.side-menu-picked-row>span{font-size:18px}.side-menu-picked-row strong{flex:1;font-size:12px;line-height:1.3}.side-menu-picked-row button{display:grid;place-items:center;width:34px;height:36px;border:0;border-radius:9px;background:#c1a66529;color:#ead196;cursor:pointer}.side-menu-picked-row button:disabled{opacity:.3;cursor:default}.side-menu-picker-group{margin-top:15px}.side-menu-picker-group h3{margin:0 3px 7px;color:#d4bc84;font-size:12px}.side-menu-picker-group>button{display:flex;align-items:center;width:100%;min-height:44px;gap:9px;padding:6px 10px;border:0;border-radius:9px;background:transparent;color:#e7e3ef;text-align:left;cursor:pointer}.side-menu-picker-group>button>span:nth-child(2){flex:1;font-size:13px}.side-menu-picker-group>button>span:first-child{width:23px;font-size:17px;text-align:center}.side-menu-picker-group>button>span:last-child{color:#dec57f;font-size:19px}.side-menu-picker-group>button[aria-pressed=true]{background:#c1a6651f}.side-menu-picker-group>button:disabled{opacity:.4;cursor:default}.side-menu-sections{display:grid;gap:7px;margin-top:22px}.side-menu-section{border:1px solid rgba(187,169,230,.16);border-radius:13px;background:#ffffff06;overflow:hidden}.side-menu-section>summary{display:flex;align-items:center;min-height:50px;gap:9px;padding:0 13px;color:#f0edf7;font-size:13px;font-weight:620;cursor:pointer;list-style:none}.side-menu-section>summary::-webkit-details-marker{display:none}.side-menu-section>summary>span{flex:1}.side-menu-section>summary small{display:grid;place-items:center;min-width:23px;height:23px;border-radius:50%;background:#c4aee81c;color:#c5b8dd;font-size:11px}.side-menu-section>summary svg{color:#d5b878;transition:transform .2s}.side-menu-section[open]>summary svg{transform:rotate(180deg)}.side-menu-section-items{padding:3px 7px 8px;border-top:1px solid rgba(187,169,230,.11)}.side-menu-destination{display:flex;align-items:center;gap:4px}.side-menu-destination a{display:flex;align-items:center;flex:1;min-height:44px;gap:10px;padding:6px 8px;border-radius:9px;color:#deddeb;font-size:13px;text-decoration:none}.side-menu-destination a.active,.side-menu-destination a:hover{background:#cfb8811f;color:#ead196}.side-menu-destination a span:first-child{width:24px;text-align:center;font-size:18px}.side-menu-destination button{flex:none;min-width:40px;min-height:40px;border:0;border-radius:9px;background:#b5a1d91a;color:#e5c583;font-size:20px;cursor:pointer}.side-menu-destination button:disabled{opacity:.35;cursor:not-allowed}.side-menu-footer{flex:none;padding:8px 16px max(8px,env(safe-area-inset-bottom));border-top:1px solid rgba(205,181,235,.13);background:#0d142bcc}.side-menu-footer>:is(button,a){box-sizing:border-box;display:flex;align-items:center;width:100%;min-height:44px;gap:10px;padding:5px 8px;border:0;border-radius:10px;background:transparent;color:#e7e3ef;text-decoration:none;text-align:left;cursor:pointer}.side-menu-notification>span:nth-child(2){display:grid;flex:1;font-size:13px}.side-menu-notification small{color:#abaac2;font-size:11px}.side-menu-footer>a span:last-child{margin-left:auto;color:#d6bf8b}.side-menu-footer>.side-menu-customize{min-height:34px;padding-left:37px;color:#d9c7e8;font-size:12px}.side-menu-switch{position:relative;flex:none;width:35px;height:21px;border-radius:99px;background:#555a75;transition:background .2s}.side-menu-switch.active{background:#9e83d3}.side-menu-switch>span{position:absolute;top:3px;left:3px;width:15px;height:15px;border-radius:50%;background:#fff;transition:transform .2s}.side-menu-switch.active>span{transform:translate(14px)}.side-menu-error{margin:2px 8px 6px;color:#ffcdba;font-size:11px}@media(prefers-reduced-motion:reduce){.side-menu,.side-menu-backdrop,.side-menu-section>summary svg,.side-menu-switch,.side-menu-switch>span{animation:none;transition:none}}.side-menu{padding-bottom:0}.side-menu :is(input,[tabindex]):focus-visible{outline:2px solid var(--menu-accent, #e4c889);outline-offset:2px}.side-menu-search{display:flex;align-items:center;gap:8px;padding:3px 10px;margin-bottom:12px;min-height:46px;border:1px solid rgba(187,169,230,.3);border-radius:13px;background:#ffffff0a;color:var(--menu-muted, #c5c4d3)}.side-menu-search input{width:100%;min-width:0;padding:9px 0;border:0;background:transparent;color:var(--menu-text, #f0eef7);font:inherit;font-size:13px}.side-menu-search input::placeholder{color:var(--menu-muted, #c5c4d3);opacity:1}.side-menu-search input::-webkit-search-cancel-button{display:none}.side-menu-search button{display:grid;place-items:center;flex:none;width:36px;height:40px;border:0;background:transparent;color:inherit;cursor:pointer}.side-menu-search-results>p{font-size:12px;color:var(--menu-muted, #c5c4d3);margin:10px 3px}.side-menu-search-results .find-button{margin-top:14px}.side-menu-priority>.side-menu-activities-toggle{min-height:36px;justify-content:space-between;margin-top:-5px;padding:4px 12px;border:0;background:transparent;color:var(--menu-muted, #c5c4d3);font-size:12px}.side-menu-activities-toggle[aria-expanded=true] svg{transform:rotate(180deg)}.side-menu-activities{display:grid;gap:5px}.side-menu-activities button{display:flex;align-items:center;width:100%;gap:10px;padding:10px;min-height:52px;border:1px solid rgba(187,169,230,.16);border-radius:12px;background:#ffffff08;color:var(--menu-text, #f0eef7);text-align:left;cursor:pointer}.side-menu-activities button>span:nth-child(2){display:grid;flex:1;gap:3px}.side-menu-activities strong{font-size:12px}.side-menu-activities small{color:var(--menu-muted, #c5c4d3);font-size:11px}.side-menu-picked-row{flex-wrap:wrap}.side-menu-picked-row>strong{min-width:80px}.side-menu-picked-row>button{width:40px;height:40px}.side-menu-picked-actions{display:flex;justify-content:flex-end;gap:7px;width:100%;border-top:1px solid rgba(187,169,230,.16);padding-top:4px}.side-menu-picked-actions button{display:flex;gap:4px;width:auto;height:40px;padding:0 10px;font-size:12px}.side-menu-replace-status:not(:empty){display:flex;align-items:center;gap:6px;padding:9px;border:1px solid rgba(223,193,123,.35);border-radius:10px;color:var(--menu-text, #f0eef7)}.side-menu-replace-status p{flex:1;margin:0;font-size:12px}.side-menu-replace-status button{min-height:44px;border:0;background:transparent;color:var(--menu-accent, #ead196);cursor:pointer}.side-menu-notification-row{display:flex;align-items:center;gap:4px}.side-menu-notification-row>:is(button,a){display:flex;align-items:center;min-height:44px;gap:9px;padding:5px 8px;border:0;border-radius:10px;background:transparent;color:var(--menu-text, #e7e3ef);text-align:left;cursor:pointer}.side-menu-notification-row>button{flex:1;min-width:0}.side-menu-notification-row>a{justify-content:center;width:44px;padding:0;border:1px solid rgba(187,169,230,.16)}.side-menu-notification:disabled{opacity:.6;cursor:wait}html:is([data-theme=light],[data-theme=sepia]) .side-menu{--menu-text: #302a43;--menu-muted: #605a70;--menu-accent: #75521d;background:linear-gradient(155deg,#faf8ff,#eee9f7);border-color:#d3c8e4}html[data-theme=sepia] .side-menu{--menu-text: #3d3226;--menu-muted: #70604e;--menu-accent: #75521d;background:linear-gradient(155deg,#faf3e6,#eee2cc)}html:is([data-theme=light],[data-theme=sepia]) .side-menu :is(.side-menu-close,.side-menu-session,.side-menu-favorites-heading h2,.side-menu-favorite>a,.side-menu-picked-row,.side-menu-picker-group>button,.side-menu-section>summary,.side-menu-destination a,.side-menu-footer>a,.find-button){color:var(--menu-text)}html:is([data-theme=light],[data-theme=sepia]) .side-menu :is(.side-menu-resume small,.side-menu-session small,.side-menu-edit-help,.side-menu-notification small,.find-button small,.side-menu-section>summary small){color:var(--menu-muted)}html:is([data-theme=light],[data-theme=sepia]) .side-menu :is(.side-menu-brand,.side-menu-resume,.side-menu-favorites-heading button,.side-menu-empty-favorite,.side-menu-picked-row button,.side-menu-picker-group h3,.side-menu-picker-group>button>span:last-child,.side-menu-section>summary svg,.side-menu-footer>a span:last-child){color:var(--menu-accent)}html:is([data-theme=light],[data-theme=sepia]) .side-menu-footer{background:#ffffff73}html:is([data-theme=light],[data-theme=sepia]) .side-menu-error{color:#9e3026}html:is([data-theme=light],[data-theme=sepia]) .side-menu :is(a,button,summary):focus-visible{outline-color:var(--menu-accent)}.verse-action-bar{position:fixed;z-index:1500;width:320px;max-width:calc(100vw - 24px);background:var(--bg-secondary,#17202b);color:var(--text-primary,#eee);border:1px solid #c9a84c88;border-radius:16px;box-shadow:0 8px 32px #0007;direction:ltr;padding:8px}.verse-action-bar header{display:flex;align-items:center;justify-content:space-between;padding-left:8px;font:500 12px system-ui;color:var(--text-secondary,#aaa)}.verse-action-bar button{background:transparent;border:0;color:inherit;cursor:pointer;font:500 12px system-ui;min-height:44px;border-radius:8px;display:flex;align-items:center;justify-content:center;gap:6px}.verse-action-bar header button{width:44px}.verse-action-bar__actions{display:flex}.verse-action-bar__actions button{flex:1;flex-direction:column;padding:9px 4px}.verse-action-bar__actions .verse-action-bar__more{flex:0 0 36px}.verse-action-bar button:hover,.verse-action-bar button:focus-visible{background:#c9a84c22;outline:2px solid #c9a84c}.verse-action-bar__saved{display:block;text-align:center;font:12px system-ui;padding:8px;color:#b9dca6}.mih-ayah--selected{background:#c9a84c33!important;box-shadow:0 0 0 2px #c9a84c77;border-radius:5px}.mih-ayah,.madinah-box{-webkit-touch-callout:none;user-select:none;-webkit-user-select:none}.verse-action-bar__secondary{border-top:1px solid #c9a84c33;margin-top:6px;padding:6px 0}.verse-action-bar__secondary button{width:100%;justify-content:flex-start;padding:6px 12px}.verse-action-bar__secondary button[aria-pressed=true]{color:#c9a84c}.verse-action-bar{max-height:calc(100dvh - 24px);overflow:auto;box-sizing:border-box}.verse-action-bar__continue{width:100%;background:#c9a84c18!important;border-top:1px solid #c9a84c33!important;margin-top:4px}.verse-action-bar__word-tools{display:flex;flex-wrap:wrap;border-top:1px solid #c9a84c33;margin-top:6px;padding-top:4px}.verse-action-bar__word-tools button{flex:1 1 100%;justify-content:flex-start;padding:6px 12px}.reading-bookmark-trigger{display:inline-flex;align-items:center;justify-content:center;min-width:40px;min-height:44px;border:0;border-radius:10px;background:transparent;color:var(--color-accent,#c9a84c);cursor:pointer;flex-shrink:0}.reading-bookmark-dialog{margin:auto;padding:0;width:min(440px,calc(100vw - 28px));max-height:85dvh;border:1px solid #c9a84c66;border-radius:20px;background:var(--color-bg-secondary,#17202b);color:var(--color-text-primary,#eee);box-shadow:0 20px 80px #0008}.reading-bookmark-dialog::backdrop{background:#0009}.reading-bookmark-sheet{padding:25px;position:relative;max-height:85dvh;overflow:auto}.reading-bookmark-sheet h2{font-size:20px;margin:0 30px 14px 0}.reading-bookmark-sheet p{font-size:14px;line-height:1.5}.reading-bookmark-sheet label{display:block;font-size:14px;margin:20px 0 8px}.reading-bookmark-sheet select,.reading-bookmark-label{width:100%;padding:12px;border-radius:10px;background:var(--color-bg-primary,#10151c);color:inherit;border:1px solid #8886;font:inherit;font-size:14px}.reading-bookmark-label{min-height:44px}.reading-bookmark-close{position:absolute;right:12px;top:10px;display:grid;place-items:center;width:40px;height:40px;border:0;background:transparent;color:inherit;cursor:pointer}.reading-bookmark-save,.reading-bookmark-resume{display:flex;justify-content:center;align-items:center;gap:8px;width:100%;padding:14px;border-radius:12px;font:inherit;font-size:14px;cursor:pointer}.reading-bookmark-save{margin-top:18px;border:0;background:#d2b45f;color:#14181c;font-weight:650}.reading-bookmark-save:disabled{opacity:.5}.reading-bookmark-help{opacity:.7}.reading-bookmark-resume{border:1px solid #c9a84c66;background:transparent;color:inherit}.reading-bookmark-toast{position:fixed;top:90px;left:50%;transform:translate(-50%);z-index:1300;display:flex;align-items:center;gap:8px;white-space:normal;max-width:calc(100vw - 32px);padding:12px 18px;border-radius:12px;background:#1c4938;color:#fff;font:500 13px system-ui;pointer-events:none;animation:bookmark-confirmation 5s forwards}@keyframes bookmark-confirmation{0%,85%{opacity:1}to{opacity:0}}.reading-bookmark-list{margin-top:22px;padding-top:16px;border-top:1px solid #8884}.reading-bookmark-list h3{font-size:14px;margin:0 0 10px}.reading-bookmark-list article{display:grid;grid-template-columns:minmax(0,1fr) 38px 38px;gap:6px;align-items:center;padding:9px 0;border-bottom:1px solid #8883}.reading-bookmark-list article>div{display:grid;gap:3px;min-width:0}.reading-bookmark-list strong{font-size:13px;overflow-wrap:anywhere}.reading-bookmark-list small{font-size:11px;opacity:.72}.reading-bookmark-list button{display:grid;place-items:center;min-width:36px;min-height:36px;border:1px solid #c9a84c66;border-radius:10px;background:transparent;color:inherit;cursor:pointer}@media(max-width:480px){.madinah-header,.tajweed-header{gap:4px}.madinah-header__meta,.tajweed-header__meta{white-space:nowrap}.madinah-header .view-mode-selector svg,.tajweed-header .view-mode-selector svg{display:none}.madinah-header .view-mode-selector select,.tajweed-header .view-mode-selector select{max-width:74px;text-overflow:ellipsis}}.khatm-header-trigger{background:#c9a84c1a;border:1.5px solid rgba(201,168,76,.3);border-radius:20px;padding:6px 12px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;-webkit-user-select:none;user-select:none;min-width:60px}.khatm-header-trigger:hover{background:#c9a84c26;border-color:#c9a84c;transform:translateY(-1px)}.khatm-trigger-inactive{display:flex;align-items:center;gap:6px}.khatm-trigger-emoji{font-size:1.1rem}.khatm-trigger-label{font-size:.8rem;font-weight:700;color:#c9a84c}.khatm-trigger-active{display:flex;flex-direction:column;align-items:center;line-height:1.1}.khatm-trigger-pct{font-size:.85rem;font-weight:800;color:#c9a84c}.khatm-trigger-pages{font-size:.6rem;color:#ffffff80;letter-spacing:.5px}.khatm-popup-backdrop{position:fixed;inset:0;background:#0006;z-index:9998;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);animation:fadeIn .2s ease}.khatm-popup{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:90%;max-width:340px;background:#1b2838;border-radius:20px;padding:24px;z-index:9999;box-shadow:0 10px 40px #00000080;border:1.5px solid rgba(201,168,76,.3);animation:popupScale .3s cubic-bezier(.34,1.56,.64,1)}@keyframes popupScale{0%{opacity:0;transform:translate(-50%,-45%) scale(.95)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}.khatm-popup-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.khatm-popup-header h3{margin:0;font-size:1.15rem;color:#c9a84c;font-weight:700}.khatm-popup-close{background:none;border:none;color:#ffffff80;font-size:1.8rem;cursor:pointer;line-height:1;padding:0}.khatm-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.khatm-stat{background:#ffffff0d;padding:12px 8px;border-radius:14px;text-align:center;border:1px solid rgba(255,255,255,.05)}.khatm-stat-value{display:block;font-size:1rem;font-weight:800;color:#c9a84c;margin-bottom:2px}.khatm-stat-label{font-size:.65rem;color:#ffffff80;text-transform:uppercase;letter-spacing:.5px}.khatm-message{margin:16px 0;padding:12px;background:#c9a84c14;border-radius:12px;font-size:.8rem;color:#ffffffd9;line-height:1.4;border-left:3px solid #c9a84c}.khatm-actions{display:flex;gap:10px;margin-top:20px}.khatm-btn{flex:1;padding:10px;border-radius:12px;border:none;font-weight:700;font-size:.85rem;cursor:pointer;transition:all .2s}.khatm-btn-secondary{background:#ffffff1a;color:#fff}.khatm-btn-primary{background:#c9a84c;color:#000;width:100%}.khatm-btn-primary:hover{background:#d4b96a;transform:translateY(-2px);box-shadow:0 4px 12px #c9a84c4d}.khatm-actions-stack{display:flex;flex-direction:column;gap:12px;margin-top:20px}.khatm-btn-danger{background:#ef444426;color:#ef4444}.khatm-page-badge{position:fixed;bottom:100px;right:25px;width:56px;height:56px;background:#1b2838;border:2px solid rgba(255,255,255,.1);color:#fff6;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 4px 15px #0000004d;z-index:1000;transition:all .3s cubic-bezier(.34,1.56,.64,1)}.khatm-page-badge.validated{background:#111;border-color:#22c55e;color:#22c55e;box-shadow:0 0 20px #22c55e4d;transform:scale(1.1)}.khatm-page-badge:active{transform:scale(.95)}.khatm-page-badge.pulse{animation:khatm-pulse 2s infinite;border-color:#c9a84c;color:#c9a84c}@keyframes khatm-pulse{0%{box-shadow:0 0 #c9a84c66}70%{box-shadow:0 0 0 12px #c9a84c00}to{box-shadow:0 0 #c9a84c00}}.khatm-preset{display:flex;align-items:center;gap:12px;padding:12px;background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:12px;margin-bottom:8px;cursor:pointer;transition:all .2s}.khatm-preset.selected{background:#c9a84c1a;border-color:#c9a84c}.khatm-preset-icon{font-size:1.2rem}.khatm-preset-info{flex:1}.khatm-preset-title{font-weight:700;font-size:.9rem;color:#fff}.khatm-preset-dates{font-size:.7rem;color:#ffffff80}.khatm-date-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.khatm-popup-field{display:flex;flex-direction:column;gap:4px}.khatm-popup-field label{font-size:.7rem;font-weight:700;color:#c9a84c;text-transform:uppercase}.khatm-popup-field input{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:8px;color:#fff;font-size:.8rem;width:100%}.khatm-banner,.khatm-setup-banner,.khatm-modal,.khatm-modal-backdrop{display:none}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUpModal{0%{transform:translateY(100%)}to{transform:translateY(0)}}.khatm-modal-backdrop{z-index:10000}.khatm-modal{z-index:10001}.khatm-popup{box-sizing:border-box;max-height:calc(100dvh - 32px - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px));overflow-y:auto;overscroll-behavior:contain}.mushaf-page[data-layout]{--paper:#faf7ef;--ink:#282c29;--muted-ink:#736d60;--reader-accent:#93743c;--reader-rule:#ab936d38;background:var(--paper)}[data-theme=dark] .mushaf-page[data-layout]{--paper:#161e22;--ink:#eee9df;--muted-ink:#a7afa9;--reader-accent:#cbb786;--reader-rule:#cbb7862b}.mushaf-page[data-layout] .mih-mushaf{background:var(--paper);scrollbar-width:thin;scrollbar-color:var(--reader-rule) transparent;overflow-anchor:none}.mushaf-page[data-layout] .mih-mushaf__content{background:transparent;border:0;border-image:none;box-shadow:none;max-width:760px;min-height:0;margin:0 auto;padding:12px clamp(18px,4vw,44px) 50px}.mushaf-page[data-layout] .mih-ayahs{font-size:var(--reader-font);line-height:var(--reader-leading);color:var(--ink)!important;word-spacing:normal;letter-spacing:normal;text-align:start;text-justify:auto;overflow-wrap:normal}.mushaf-page[data-arabic-size=sm]{--reader-font:1.55rem;--reader-leading:2.15}.mushaf-page[data-arabic-size=md]{--reader-font:1.8rem;--reader-leading:2.2}.mushaf-page[data-arabic-size=lg]{--reader-font:2.1rem;--reader-leading:2.25}.mushaf-page[data-arabic-size=xl]{--reader-font:2.4rem;--reader-leading:2.3}.mushaf-page[data-layout] .mih-ayah{display:inline;padding:0;cursor:pointer;border-radius:6px;box-decoration-break:clone;-webkit-box-decoration-break:clone;transition:background-color .2s}.mushaf-page[data-layout] .mih-ayah:focus-visible{outline:2px solid var(--reader-accent);outline-offset:4px}.mushaf-page[data-layout] .mih-word{padding:0;line-height:inherit;font-weight:400;color:inherit}.mushaf-page[data-layout] .mih-word--active{font-weight:400;background:#baa06030;color:var(--ink);box-shadow:none}.mushaf-page[data-layout] .mih-ayah--playing{background:#a6b9981f}.mushaf-page[data-layout] .mih-verse-num{font-size:.68em;line-height:1;vertical-align:baseline;color:var(--reader-accent);margin-inline:5px;white-space:nowrap}.mushaf-page[data-layout=assisted] .mih-ayah{display:block;padding:20px 0 24px;border-bottom:1px solid var(--reader-rule)}.mushaf-page[data-layout=assisted] .mih-ayah__arabic{display:block}.mushaf-page[data-layout] :is(.mih-transliteration,.mih-translation){direction:ltr;text-align:start;font-family:var(--font-body,Inter,system-ui,sans-serif);font-size:14px;font-style:normal;font-weight:400;line-height:1.85;letter-spacing:0;border:0;border-radius:0;background:transparent;margin:14px 0 0;padding:0;color:var(--ink)}.mushaf-page[data-layout] .mih-transliteration{font-size:12.5px;color:var(--muted-ink);line-height:1.8}.text-page-marker{display:flex;align-items:center;justify-content:center;gap:12px;direction:ltr;font:500 10px/1.5 var(--font-body,Inter,system-ui,sans-serif);letter-spacing:1px;text-transform:uppercase;color:var(--reader-accent);padding:20px 0 12px;margin:8px 0;clear:both}.text-page-marker:before,.text-page-marker:after{content:"";flex:1;height:1px;background:var(--reader-rule)}.text-page-marker span{white-space:nowrap}.mushaf-page[data-layout] .mih-surah-frame{margin:16px auto 20px;max-width:420px;padding:0;background:none;border:0;box-shadow:none}.mushaf-page[data-layout] .mih-surah-frame__border{border:1px solid var(--reader-rule);border-radius:80px;padding:10px 32px;background:none;box-shadow:none}.mushaf-page[data-layout] :is(.mih-surah-frame__top-line,.mih-surah-frame__bottom-line){display:none}.mushaf-page[data-layout] .mih-surah-name{font-size:1.8rem;line-height:1.8;color:var(--reader-accent);text-shadow:none}.mushaf-page[data-layout] .mih-bismillah{color:var(--ink);font-size:1.6rem;line-height:2.3;margin:14px 0 20px}.mushaf-page[data-layout] .mih-header__info{background:none;border:0;text-align:start;padding:0;cursor:pointer;font:inherit}.mushaf-page[data-layout] .mih-header{background:var(--paper);box-shadow:0 3px 16px #00000006;border-color:var(--reader-rule)}.mushaf-page[data-layout] .mih-header__surah-name{color:var(--ink)}.mushaf-page[data-layout] .mih-header__page-num{color:var(--muted-ink)}.mushaf-page[data-immersed=true] .mih-header{grid-template-columns:1fr;margin-block:calc(8px + env(safe-area-inset-top,0px)) 0;padding:3px 12px;min-height:48px;border:0;box-shadow:none;margin-right:125px}.mushaf-page[data-immersed=true] :is(.mih-header-center,.mih-header-right,.mih-header-left>.mih-header__icon-btn,.mih-float-nav){display:none}.text-reader-restore{position:absolute;top:calc(12px + env(safe-area-inset-top,0px));right:14px;z-index:125;display:flex;align-items:center;gap:7px;padding:8px 10px;min-height:44px;border:1px solid var(--reader-rule);border-radius:14px;background:var(--paper);color:var(--muted-ink);font:500 11px system-ui;cursor:pointer}body:has(.mushaf-page[data-immersed=true]) .mushaf-gesture-nav:not(.is-expanded){transform:translate(26px);opacity:.5}body:has(.mushaf-page[data-immersed=true]) .mushaf-gesture-nav:focus-within{transform:none;opacity:1}body:has(.mushaf-page[data-immersed=true]) .mih-mushaf{padding-right:8px}@media(max-width:699px){.mushaf-page[data-layout] .mih-float-nav{display:none}}@media(min-width:700px){.mushaf-page[data-immersed=true] .mih-header{align-self:stretch;width:auto;max-width:none}}.text-reader-settings{box-sizing:border-box;position:fixed;inset:0;margin:auto;width:min(480px,calc(100vw - 24px));max-height:calc(100dvh - 32px - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px));padding:0;border:1px solid var(--color-border,#b6a27840);border-radius:26px;background:var(--color-bg-primary,#faf7ef);color:var(--color-text-primary,#282c29);box-shadow:0 30px 100px #0005;overflow:hidden;font:14px/1.5 Inter,system-ui,sans-serif}.text-reader-settings[open]{display:flex;flex-direction:column}.text-reader-settings::backdrop{background:#09111580;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.text-reader-settings header{display:flex;align-items:center;justify-content:space-between;padding:22px 22px 16px;flex-shrink:0;border-bottom:1px solid #ac94622a}.text-reader-settings header small{font-size:9px;letter-spacing:2px;color:var(--color-text-secondary)}.text-reader-settings h2{font-size:20px;line-height:1.3;margin:4px 0 0;font-weight:600}.text-reader-settings header button{display:grid;place-items:center;width:44px;height:44px;background:transparent;border:0;border-radius:50%;color:inherit;cursor:pointer}.text-reader-settings__body{overflow:auto;overscroll-behavior:contain;padding:4px 22px 20px}.text-reader-settings section{padding:12px 0 18px}.text-reader-settings h3{font-size:12px;font-weight:600;color:var(--color-text-secondary);margin:8px 0 12px}.text-settings-switch{display:flex;justify-content:space-between;align-items:center;gap:16px;min-height:60px;cursor:pointer}.text-settings-switch small{display:block;color:var(--color-text-secondary);font-size:11px;margin-top:3px}.text-settings-switch input{appearance:none;width:38px;height:23px;border-radius:20px;background:#87938950;flex-shrink:0;position:relative;cursor:pointer;transition:background .18s}.text-settings-switch input:before{content:"";position:absolute;left:3px;top:3px;width:17px;height:17px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #0003;transition:transform .18s}.text-settings-switch input:checked{background:#8f794b}.text-settings-switch input:checked:before{transform:translate(15px)}.text-settings-choices{display:flex;gap:6px;margin-top:10px}.text-settings-choices button{flex:1;min-width:0;min-height:44px;border:1px solid #ac94623a;border-radius:11px;background:transparent;color:inherit;font:500 11px system-ui;cursor:pointer;padding:6px 4px}.text-settings-choices button[aria-pressed=true]{border-color:#a98b50;background:#bfa0641a;color:var(--color-text-primary)}.text-reader-settings details{border-top:1px solid #ac94622a;padding:14px 0}.text-reader-settings summary{cursor:pointer;font-weight:500;min-height:30px}.text-reader-settings details p{font-size:11px;color:var(--color-text-secondary)}.text-settings-rules{display:grid;grid-template-columns:1fr 1fr;gap:6px}.text-settings-rules button{display:flex;align-items:center;gap:6px;min-height:44px;padding:8px;border-radius:9px;border:1px solid transparent;background:transparent;color:inherit;font-size:10px;cursor:pointer}.text-settings-rules button[aria-pressed=true]{border-color:#ac946250;background:#ac946210}.text-settings-rules button:disabled{opacity:.4;cursor:default}.text-settings-rules i{width:6px;height:6px;border-radius:50%;flex-shrink:0}.text-settings-rules span{margin-left:auto}.text-reader-settings footer{flex-shrink:0;padding:14px 22px 20px;border-top:1px solid #ac94622a}.text-reader-settings footer button{width:100%;min-height:46px;border:0;border-radius:13px;background:#8f794b;color:#fff;font:600 13px system-ui;cursor:pointer}.text-reader-settings :focus-visible,.text-reader-restore:focus-visible{outline:2px solid #b79b61;outline-offset:3px}@media(prefers-reduced-motion:reduce){.mushaf-page[data-layout] .mih-ayah,.text-settings-switch input,.text-settings-switch input:before{transition:none}}.mushaf-page[data-layout] .mih-word{display:inline;transform:none}.mushaf-page[data-layout] .mih-word--active{transform:none}.mushaf-page[data-layout] .mih-surah-name{color:var(--reader-accent)!important}.mushaf-page[data-layout] .mih-bismillah{color:var(--ink)!important}.mushaf-page[data-layout] .mih-verse-num{background:none}.mushaf-page[data-layout] .mih-word--partial{color:var(--ink)!important;text-shadow:none}.text-bookmark-marker{display:inline-flex;align-items:center;gap:4px;vertical-align:middle;margin-inline:0 8px;padding:4px 7px;border:1px solid var(--reader-rule);border-radius:7px;background:#b99c6414;color:var(--reader-accent);font:500 10px/1.4 Inter,system-ui,sans-serif;white-space:nowrap}.mushaf-page[data-layout=assisted] .text-bookmark-marker{display:flex;width:max-content;margin:0 0 8px auto}.text-reading-return{display:flex;justify-content:space-between;align-items:center;gap:8px;flex-shrink:0;margin:0 14px 6px;border-bottom:1px solid var(--reader-rule);color:var(--muted-ink)}.text-reading-return button{display:flex;align-items:center;gap:8px;min-height:44px;padding:5px 8px;border:0;background:transparent;color:inherit;cursor:pointer;font:500 11px/1.5 Inter,system-ui,sans-serif;text-align:left}.text-reading-return button:first-child{flex:1}.text-reading-return button:last-child{width:44px;justify-content:center}.text-reading-return small{display:block;font-size:9px;opacity:.8}.mushaf-page[data-layout] .text-audio-player{display:flex;flex-direction:column;gap:5px;padding-top:8px;border-top:1px solid var(--reader-rule);color:var(--ink);width:100%}.text-audio-player__info{display:flex;justify-content:space-between;align-items:center;gap:10px;width:100%;font:11px/1.5 Inter,system-ui,sans-serif}.text-audio-player__info strong{font-weight:600;white-space:nowrap}.text-audio-player__info span{font-size:10px;color:var(--muted-ink);text-align:right}.text-audio-player__controls{display:flex;align-items:center;justify-content:center;gap:4px;width:100%}.text-audio-player__controls button{display:grid;place-items:center;flex:1;max-width:50px;min-width:36px;min-height:40px;border:0;border-radius:12px;background:transparent;color:inherit;cursor:pointer;font:500 11px system-ui}.text-audio-player__controls button:disabled{opacity:.25;cursor:default}.text-audio-player__controls .text-audio-player__play,.text-audio-player__controls button[aria-pressed=true]{background:#b99c6424;color:var(--reader-accent)}.text-audio-player button:focus-visible,.text-reading-return button:focus-visible{outline:2px solid var(--reader-accent);outline-offset:1px}.text-audio-settings form{display:flex;flex-direction:column;overflow:hidden}.text-audio-settings p{font-size:12px;line-height:1.8;color:var(--color-text-secondary)}.text-audio-fields{display:flex;gap:14px;margin:18px 0}.text-audio-fields label{flex:1;min-width:0;font-size:12px}.text-audio-settings input,.text-audio-settings select{display:block;box-sizing:border-box;min-height:46px;width:100%;margin-top:8px;padding:8px 12px;border:1px solid #a98b5060;border-radius:12px;background:var(--color-bg-secondary);color:var(--color-text-primary);font-size:16px}.text-audio-count{display:block;font-size:12px}.text-audio-settings .text-audio-hint{font-size:11px;margin:18px 0 0}.mushaf-page .khatm-header-trigger--daily{padding:6px 8px;max-width:160px;min-width:0;flex-shrink:1}.khatm-header-trigger--daily .khatm-trigger-active{display:grid;grid-template-columns:auto auto;gap:4px 6px;align-items:center;text-align:left}.khatm-header-trigger--daily .khatm-trigger-pct{font-size:11px;text-align:left}.khatm-header-trigger--daily .khatm-trigger-pages{font-size:9px;opacity:.75}.khatm-trigger-daily{display:flex;align-items:center;grid-column:1/-1;color:var(--color-text-secondary);font:500 9px/1.45 Inter,system-ui,sans-serif;text-align:left}.khatm-trigger-daily.is-reached{color:var(--reader-accent,#9b8148)}.mushaf-page[data-layout] .mih-header-center{gap:5px}.mushaf-page[data-layout] .mih-header-center .view-mode-selector{min-width:0;flex:1;max-width:145px;padding-inline:2px!important}@media(max-width:360px){.mushaf-page .khatm-header-trigger--daily{max-width:139px}.khatm-trigger-daily{font-size:8px}.mushaf-page[data-layout] .mih-header-center .view-mode-selector select{font-size:10px!important}}.mushaf-page[data-layout] .text-audio-player{height:auto;min-height:72px;padding:8px 0 0;justify-content:flex-start;overflow:visible}body:has(.mushaf-page .text-audio-player) .mushaf-gesture-nav{top:calc(230px + env(safe-area-inset-top,0px))}@media(min-width:700px){body:has(.mushaf-page .text-audio-player) .mushaf-gesture-nav{top:calc(180px + env(safe-area-inset-top,0px))}}.reader-search{position:fixed;inset:0;margin:0 auto;width:100%;max-width:680px;max-height:none;border:0;padding:0;background:var(--color-bg-primary);color:var(--color-text-primary);overflow:hidden}.reader-search[open]{display:flex;flex-direction:column}.reader-search::backdrop{background:#0009;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.reader-search__header{display:flex;justify-content:space-between;align-items:center;padding:calc(16px + env(safe-area-inset-top,0px)) 20px 12px;flex-shrink:0}.reader-search h2{font-size:21px;letter-spacing:-.5px;margin:0}.reader-search__header p{font-size:13px;color:var(--color-text-secondary);margin:4px 0 0}.reader-search__close{display:grid;place-items:center;width:44px;height:44px;border:1px solid var(--color-bg-tertiary);border-radius:50%;background:var(--color-bg-secondary);color:inherit;flex-shrink:0}.reader-search__field{display:flex;align-items:center;gap:10px;margin:0 16px;padding:0 14px;min-height:48px;border:1px solid color-mix(in srgb,var(--color-text-secondary) 25%,transparent);border-radius:14px;background:var(--color-bg-secondary);color:var(--color-text-secondary);flex-shrink:0}.reader-search__field:focus-within{border-color:#c9a84c}.reader-search__field input{width:100%;min-width:0;padding:12px 0;background:none;border:0;outline:none;color:var(--color-text-primary);font:inherit;font-size:16px}.reader-search__hint{font-size:11px;color:var(--color-text-secondary);padding:0 20px;margin:10px 0 14px}.reader-search__results{overflow-y:auto;overscroll-behavior:contain;min-height:0;flex:1;padding:0 12px calc(16px + env(safe-area-inset-bottom,0px))}.reader-search h3{font-size:12px;color:var(--color-text-secondary);font-weight:500;margin:16px 8px 8px}.reader-search__row{width:100%;display:flex;align-items:center;gap:12px;padding:14px 8px;text-align:left;border:0;border-bottom:1px solid color-mix(in srgb,var(--color-text-secondary) 12%,transparent);background:transparent;color:inherit;cursor:pointer;min-height:72px}.reader-search__row.is-current{background:#c9a84c0d;border-radius:12px}.reader-search__row:hover,.reader-search__verse:hover{background:var(--color-bg-secondary)}.reader-search__number{font-size:12px;color:var(--color-text-secondary);width:26px;text-align:center;flex-shrink:0;font-variant-numeric:tabular-nums}.reader-search__info{min-width:0;flex:1;display:flex;flex-direction:column;gap:4px}.reader-search__info strong{font-size:14px;font-weight:600}.reader-search__info small{font-size:11px;line-height:1.4;color:var(--color-text-secondary)}.reader-search__arabic{font-family:var(--font-arabic);font-size:20px;max-width:35%;line-height:1.7;flex-shrink:0}.reader-search__direct{min-height:52px;padding:12px;border:1px solid #c9a84c55;border-radius:12px;justify-content:space-between;color:#c9a84c;margin-bottom:8px;font-size:14px}.reader-search__verse{display:flex;flex-direction:column;gap:8px;width:100%;padding:16px 10px;text-align:start;background:transparent;color:inherit;border:0;border-bottom:1px solid var(--color-bg-tertiary);cursor:pointer}.reader-search__verse strong{font-size:12px;color:#c9a84c}.reader-search__verse span{font-size:14px;line-height:1.7}.reader-search__verse span[lang=ar]{font-family:var(--font-arabic);font-size:22px}.reader-search__empty,.reader-search__error{padding:20px 8px;font-size:13px;line-height:1.6;color:var(--color-text-secondary)}.reader-search__error button{display:block;margin-top:8px;padding:10px 14px;border-radius:10px;background:var(--color-bg-secondary);color:inherit;border:1px solid var(--color-bg-tertiary)}.reader-search button:focus-visible{outline:2px solid #c9a84c;outline-offset:-2px}.reader-search button:disabled{opacity:.5}@media(max-width:350px){.reader-search__row{gap:8px}.reader-search__arabic{font-size:17px}.reader-search__header{padding-inline:16px}}.fahm-overlay{position:fixed;inset:0;z-index:940;background:#00000080}.fahm-panel{position:fixed;bottom:0;left:0;right:0;z-index:941;background:#1a1a1f;border-radius:20px 20px 0 0;padding:0 16px calc(24px + env(safe-area-inset-bottom,0px));max-height:85vh;display:flex;flex-direction:column;overflow:hidden;touch-action:none;box-shadow:0 -8px 32px #0006}.fahm-panel__drag-zone{padding:8px 0 4px;cursor:grab;touch-action:pan-y}.fahm-panel__handle{width:36px;height:4px;background:#ffffff26;border-radius:2px;margin:0 auto 12px}.fahm-panel__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.fahm-panel__label{display:flex;align-items:center;gap:6px;color:#c9a84c;font-size:.88rem;font-weight:600}.fahm-panel__close{background:#ffffff0f;border:none;border-radius:50%;width:30px;height:30px;display:flex;align-items:center;justify-content:center;color:#fff6;cursor:pointer;padding:0}.fahm-panel__verse{font-family:var(--font-arabic, "Scheherazade New", serif);font-size:1.3rem;line-height:2;color:#e8e0c8;text-align:center;padding:12px 8px;background:#c9a84c0d;border-radius:12px;margin-bottom:8px}.fahm-panel__translation{font-size:.82rem;color:#ffffff80;text-align:center;margin-bottom:16px;line-height:1.5;font-style:italic}.fahm-panel__tabs{display:flex;gap:4px;margin-bottom:16px;padding:3px;background:#ffffff0a;border-radius:10px}.fahm-tab{flex:1;display:flex;align-items:center;justify-content:center;gap:4px;padding:8px 6px;border:none;border-radius:8px;background:transparent;color:#fff6;font-size:.75rem;font-weight:500;cursor:pointer;transition:all .2s ease}.fahm-tab--active{background:#c9a84c26;color:#c9a84c}.fahm-panel__content{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;min-height:0;padding-bottom:16px}.fahm-words{display:flex;flex-direction:column;gap:8px}.fahm-word{display:flex;align-items:center;gap:12px;padding:10px 12px;background:#ffffff08;border-radius:10px;border:1px solid rgba(255,255,255,.05)}.fahm-word--learned{border-color:#4ecdc433;background:#4ecdc40a}.fahm-word__arabic{font-family:var(--font-arabic, "Scheherazade New", serif);font-size:1.4rem;color:#c9a84c;min-width:60px;text-align:center}.fahm-word__details{flex:1;min-width:0}.fahm-word__meaning{font-size:.85rem;color:#ffffffd9;font-weight:600}.fahm-word__root{font-size:.72rem;color:#fff6;margin-top:2px}.fahm-word__freq{font-size:.68rem;color:#ffffff40;margin-top:1px}.fahm-word__learn{width:32px;height:32px;border-radius:50%;background:#4ecdc41a;border:1px solid rgba(78,205,196,.3);color:#4ecdc4;font-size:1rem;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;padding:0}.fahm-word__learn--done{background:#4ecdc4;color:#000;border-color:#4ecdc4}.fahm-structure__intro{font-size:.82rem;color:#ffffff80;margin-bottom:12px}.fahm-structure__words{display:flex;flex-wrap:wrap;gap:6px;padding:12px;background:#ffffff08;border-radius:10px;margin-bottom:12px}.struct-word{font-family:var(--font-arabic, "Scheherazade New", serif);font-size:1.2rem;padding:4px 8px;border-radius:6px;color:#ffffffb3;cursor:default}.struct-word--known{background:#4ecdc41a;color:#4ecdc4;border:1px solid rgba(78,205,196,.2)}.fahm-structure__translation{font-size:.82rem;color:#fff9;line-height:1.6;margin-bottom:12px}.fahm-structure__tip{font-size:.75rem;color:#ffffff59;line-height:1.4}.fahm-context__ref{font-size:.82rem;color:#fff6;margin-bottom:12px}.fahm-context__category{font-size:.88rem;color:#ffffffb3;margin-bottom:10px;padding:8px 12px;background:#c9a84c14;border-radius:8px}.fahm-context__reflection{font-size:.88rem;color:#ffffffbf;line-height:1.7}.fahm-context__empty{text-align:center;padding:24px;color:#ffffff4d}.fahm-context__empty p{font-size:.82rem;margin-top:8px}.fahm-pearl__reflection{margin-bottom:20px}.fahm-pearl__reflection h4{color:#c9a84c;font-size:.9rem;margin:0 0 8px}.fahm-pearl__reflection p{font-size:.88rem;line-height:1.7;color:#ffffffbf}.fahm-pearl__hadith{padding:14px;background:#ffffff08;border-radius:12px;border:1px solid rgba(255,255,255,.06)}.fahm-pearl__hadith h4{color:#c9a84c;font-size:.9rem;margin:0 0 10px}.fahm-pearl__hadith-ar{font-family:var(--font-arabic, "Scheherazade New", serif);font-size:1.1rem;line-height:1.8;color:#c9a84c;text-align:center;margin-bottom:8px}.fahm-pearl__hadith-fr{font-size:.85rem;color:#ffffffb3;line-height:1.6;font-style:italic;text-align:center;margin-bottom:6px}.fahm-pearl__source{font-size:.75rem;color:#ffffff4d;text-align:center;margin-bottom:12px}.fahm-pearl__connection{font-size:.82rem;color:#fff9;line-height:1.6}.fahm-empty{text-align:center;padding:32px 16px;color:#ffffff4d}.fahm-empty p{font-size:.85rem;margin:8px 0 0}.fahm-empty__hint{font-size:.75rem;color:#fff3}[data-theme=light] .fahm-panel{background:#fff;box-shadow:0 -8px 32px #0000001a}[data-theme=light] .fahm-panel__verse{color:#2a2a2a;background:#c9a84c0f}[data-theme=light] .fahm-panel__translation{color:#00000080}[data-theme=light] .fahm-tab{color:#0006}[data-theme=light] .fahm-tab--active{background:#c9a84c1f}[data-theme=light] .fahm-word{background:#00000005;border-color:#0000000f}[data-theme=light] .fahm-word__meaning{color:#000c}[data-theme=light] .fahm-word__root,[data-theme=light] .fahm-word__freq{color:#0006}[data-theme=light] .struct-word{color:#0009}[data-theme=light] .fahm-pearl__reflection p,[data-theme=light] .fahm-pearl__connection,[data-theme=light] .fahm-context__reflection{color:#000000a6}[data-theme=light] .fahm-pearl__hadith-fr{color:#0009}dialog.fahm-panel{top:auto;margin:0 auto;width:min(100%,780px);border:1px solid rgba(201,168,76,.2);color:var(--color-text-primary);background:var(--color-bg-secondary,#1b233c);touch-action:pan-y}dialog.fahm-panel::backdrop{background:#0a0814a6}.fahm-panel .struct-word{font:inherit;color:inherit;border:1px solid rgba(201,168,76,.15);background:transparent;padding:6px;cursor:pointer}.fahm-panel .fahm-word-inline{padding:16px;border:1px solid rgba(201,168,76,.3);border-radius:12px;margin:12px 0}.fahm-panel .fahm-word-inline button{padding:12px;color:var(--gold);background:transparent;border:1px solid var(--gold);border-radius:10px}.fahm-panel a{color:var(--gold)}.learning-page{max-width:820px;margin:auto;padding:28px 18px 110px;color:var(--color-text-primary)}.learning-page h1{font-size:clamp(1.7rem,5vw,2.3rem);margin:8px 0}.learning-page h2{font-size:1.2rem;margin:0 0 14px}.learning-muted{color:var(--color-text-secondary);line-height:1.6;font-size:.92rem}.learning-kicker{color:#c9a84c;text-transform:uppercase;letter-spacing:.12em;font-size:.72rem;font-weight:700}.learning-card{padding:20px;border:1px solid var(--color-border, #303640);border-radius:20px;background:var(--color-bg-secondary);margin:18px 0}.learning-hero{background:linear-gradient(125deg,#c9a84c29,#2c877f1f);border-color:#c9a84c59}.learning-actions{display:flex;flex-wrap:wrap;gap:10px;margin:14px 0}.learning-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 16px;min-height:44px;border-radius:12px;border:1px solid var(--color-border, #49515a);background:var(--color-bg-tertiary);color:var(--color-text-primary);font:inherit;font-size:.9rem;text-decoration:none;cursor:pointer}.learning-btn.primary,.learning-btn[aria-pressed=true]{background:#d2b45f;color:#14181c;border-color:#d2b45f;font-weight:650}.learning-btn:disabled{opacity:.45;cursor:default}.learning-btn:focus-visible,.learning-page select:focus-visible{outline:3px solid #4ecdc4;outline-offset:3px}.learning-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:12px}.learning-step{display:flex;align-items:center;gap:12px;padding:13px 0;border-bottom:1px solid var(--color-border, #303640)}.learning-step .number{width:30px;height:30px;flex-shrink:0;display:grid;place-items:center;border-radius:50%;background:#c9a84c29;color:#c9a84c}.learning-step p{margin:3px 0}.learning-arabic{font-family:var(--font-arabic);font-size:2rem;line-height:2.2;direction:rtl;text-align:right;overflow-wrap:anywhere}.learning-page audio{width:100%;margin:12px 0}.learning-page select{width:100%;padding:12px;border:1px solid var(--color-border, #49515a);border-radius:10px;color:var(--color-text-primary);background:var(--color-bg-secondary);font:inherit}.learning-status{border-left:3px solid #4ecdc4;padding:12px;background:#4ecdc414;border-radius:8px}.learning-arabic span{display:inline-block;margin-inline-end:.2em}.learning-diff{background:#c9a84c3b;border-bottom:2px solid #c9a84c;color:inherit;border-radius:4px}.learning-home{display:block;text-decoration:none;color:inherit;margin:16px;padding:20px;border-radius:18px;border:1px solid rgba(201,168,76,.4);background:linear-gradient(120deg,#c9a84c29,#4ecdc417)}.learning-home strong{display:block;font-size:1.25rem;margin:6px 0}.learning-progress{width:100%;accent-color:#c9a84c;height:10px}.learning-word-check{padding:16px;margin:14px 0;border:1px solid rgba(201,168,76,.4);border-radius:14px}@media(max-width:480px){.learning-page{padding-top:22px}.learning-card{padding:16px}.learning-actions>.learning-btn{flex:1 1 auto}}.voice-search-card{text-align:center}.voice-search-trigger{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;min-width:164px;min-height:144px;padding:24px;border-radius:30px;border:1px solid #d2b45f;background:#d2b45f;color:#14181c;font:inherit;font-weight:650;cursor:pointer}.voice-search-trigger.is-active{background:var(--color-bg-tertiary);color:var(--color-text-primary)}.voice-search-trigger:focus-visible{outline:3px solid #4ecdc4;outline-offset:5px}.mushaf-page{display:flex;flex-direction:column;height:100vh;height:100dvh;background:#faf8f2;overflow:hidden;position:relative;padding-top:0;padding-bottom:0;margin-top:calc(-1*env(safe-area-inset-top,0px));margin-bottom:calc(-1*env(safe-area-inset-bottom,0px));height:calc(100dvh + env(safe-area-inset-top,0px) + env(safe-area-inset-bottom,0px))}.mih-header{display:flex;align-items:center;justify-content:space-between;padding:8px 16px;padding-top:calc(env(safe-area-inset-top) + 8px);background:#fff;border-bottom:1px solid #e8e4da;z-index:100}.mih-header-left,.mih-header-right{display:flex;align-items:center;gap:8px;flex:1}.mih-header-right{justify-content:flex-end}.mih-header-center{display:flex;align-items:center;justify-content:center;flex:0 0 auto}.mih-header__right{display:flex;align-items:center}.mih-header__info{display:flex;flex-direction:column;cursor:pointer}.mih-header__surah{font-size:.9rem;font-weight:700;color:#1a1a2e;display:flex;align-items:center}.mih-header__page-num{font-size:.75rem;color:#666;margin-top:-2px}.mih-header__icon-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:none;border:none;color:#555;border-radius:50%;cursor:pointer;transition:all .2s}.mih-header__icon-btn:active{background:#0000000d}.mih-header__icon-btn.active{color:#4caf50;background:#4caf501a}.mih-mushaf{flex:1;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;background:#fff;position:relative}.mih-mushaf__content{padding:24px 16px 100px;max-width:650px;margin:8px auto;min-height:90vh;transform-style:preserve-3d;perspective:1200px;background:#fff;box-shadow:0 4px 15px #0000000a;border:6px double #e8d48b;border-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="100" height="100" viewBox="0 0 100 100"><rect x="0" y="0" width="100" height="100" fill="none" stroke="%23c9a84c" stroke-width="2" stroke-dasharray="8 4"/></svg>') 6 round;position:relative;border-radius:2px}@media(max-width:600px){.mih-mushaf__content{padding:16px 10px 24px;margin:4px;border-width:4px}}.mih-page-turn-next{animation:mih-turn-next .5s cubic-bezier(.4,0,.2,1)}.mih-page-turn-prev{animation:mih-turn-prev .5s cubic-bezier(.4,0,.2,1)}@keyframes mih-turn-next{0%{opacity:0;transform:perspective(1200px) rotateY(-60deg) translate(-40px);transform-origin:right center}50%{opacity:.7}to{opacity:1;transform:perspective(1200px) rotateY(0) translate(0);transform-origin:right center}}@keyframes mih-turn-prev{0%{opacity:0;transform:perspective(1200px) rotateY(60deg) translate(40px);transform-origin:left center}50%{opacity:.7}to{opacity:1;transform:perspective(1200px) rotateY(0) translate(0);transform-origin:left center}}.mih-pull-indicator{position:sticky;z-index:10;display:flex;flex-direction:column;align-items:center;gap:6px;padding:12px 16px}.mih-pull-indicator--up{top:0}.mih-pull-indicator--down{bottom:0}.mih-pull-indicator__bar{width:100%;height:3px;border-radius:3px;background:linear-gradient(90deg,var(--color-accent, #c9a84c),#e8d48b);transform-origin:left center;transition:transform .05s linear}.mih-pull-indicator__text{font-size:.75rem;color:var(--color-text-muted, #888);letter-spacing:.5px;text-transform:uppercase;font-weight:600}.mih-surah-frame{margin:24px 0 16px;text-align:center;position:relative;padding:12px 0}.mih-surah-frame__border{display:inline-block;border:2px solid #c9a84c;padding:8px 32px;border-radius:40px;background:#c9a84c0d;position:relative;min-width:180px}.mih-surah-frame__border:before,.mih-surah-frame__border:after{content:"❋";position:absolute;font-size:1.1rem;color:#1a1a2e;top:50%;transform:translateY(-50%)}.mih-surah-frame__border:before{left:8px}.mih-surah-frame__border:after{right:8px}.mih-surah-frame__top-line,.mih-surah-frame__bottom-line{height:1px;background:linear-gradient(90deg,transparent,#c9a84c,transparent);width:80%;margin:4px auto}.mih-surah-name{font-family:var(--font-arabic);font-size:1.8rem;color:#000!important}.mih-bismillah{font-family:var(--font-arabic);font-size:1.8rem;text-align:center;margin:16px 0 24px;color:#000!important}.mih-ayahs{font-family:var(--font-arabic),"Traditional Arabic",serif;font-size:1.65rem;line-height:2.8;direction:rtl;text-align:justify;text-justify:inter-word;color:#000!important;word-spacing:2px;font-feature-settings:"liga" 1,"clig" 1,"calt" 1;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}.mih-ayah{display:inline;position:relative;padding:0 2px;transition:background .2s}.mih-word{display:inline;unicode-bidi:plaintext;-webkit-text-combine:none;font-feature-settings:"liga" 1,"clig" 1,"calt" 1;text-rendering:optimizeLegibility;cursor:pointer;transition:color .15s,background .15s;border-radius:4px;padding:0 1px}.mih-word:hover{background:#c9a84c1f}.mih-word--active{color:#c9a84c;background:#c9a84c26;font-weight:700}.mih-word--correct{color:#4caf50;background:#4caf501a}.mih-word--error{color:#f44336;background:#f443361a;text-decoration:underline wavy #f44336}.mih-word--current{color:#2196f3;background:#2196f31f;font-weight:700}.mih-word--hidden{color:transparent!important;background:#00000014;border-radius:4px;-webkit-user-select:none;user-select:none}.mih-word--partial{color:transparent!important;text-shadow:0 0 8px rgba(26,26,46,.4);-webkit-user-select:none;user-select:none}.mih-verse-num{display:inline;font-family:var(--font-arabic);color:#c9a84c;margin:0 4px;font-size:1.1em;vertical-align:baseline;font-weight:400}.mih-fahm-btn{display:inline;border:none;background:none;padding:0 2px;margin:0;font-size:.6em;line-height:1;cursor:pointer;opacity:.35;transition:opacity .2s,transform .2s;vertical-align:middle;-webkit-tap-highlight-color:transparent}.mih-fahm-btn:hover,.mih-fahm-btn:active{opacity:.85;transform:scale(1.2)}[data-theme=dark] .mih-fahm-btn,.mushaf-page[data-mushaf-dark=true] .mih-fahm-btn{opacity:.3}[data-theme=dark] .mih-fahm-btn:hover,[data-theme=dark] .mih-fahm-btn:active{opacity:.8}.mih-ayah--has-context{border-bottom:1px dashed rgba(201,168,76,.5)}.mih-fahm-btn--has-context{opacity:1;background:#c9a84c26;border:1px solid rgba(201,168,76,.4);box-shadow:0 2px 6px #c9a84c33;border-radius:6px;padding:2px 4px;margin-left:4px}[data-theme=dark] .mih-fahm-btn--has-context,.mushaf-page[data-mushaf-dark=true] .mih-fahm-btn--has-context{opacity:1;background:#c9a84c33;border-color:#c9a84c80}[data-theme=dark] .mih-ayah--has-context,.mushaf-page[data-mushaf-dark=true] .mih-ayah--has-context{border-bottom-color:#c9a84cb3}[data-arabic-size=sm] .mih-ayahs{font-size:1.35rem;line-height:2.2}[data-arabic-size=lg] .mih-ayahs{font-size:1.95rem;line-height:2.6}[data-arabic-size=xl] .mih-ayahs{font-size:2.35rem;line-height:2.8}.tajweed-highlight{display:contents}.tj-madda_normal{color:#2196f3}.tj-madda_permissible{color:#1976d2}.tj-madda_obligatory{color:#e65100}.tj-madda_necessary{color:#c62828}.tj-ghunnah{color:#4caf50}.tj-ikhfa{color:#388e3c}.tj-ikhfa_shafawi{color:#2e7d32}.tj-qalqalah{color:#795548}.tj-idgham_ghunnah{color:#009688}.tj-idgham_wo_ghunnah,.tj-idgham_no_ghunnah{color:#00796b}.tj-idgham_mutajanisayn{color:#00695c}.tj-idgham_mutaqaribayn{color:#004d40}.tj-iqlab{color:#0288d1}.tj-izhar{color:#455a64}.tj-izhar_shafawi{color:#37474f}.tj-slnt,.tj-silent,.tj-ham_wasl,.tj-laam_shamsiyah{color:#9e9e9e}.tj-tafkhim{color:#5d4037}.mih-float-nav{position:fixed;top:50%;transform:translateY(-50%);width:44px;height:44px;background:#fffc;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:1px solid rgba(0,0,0,.05);border-radius:50%;color:#4caf50;display:flex;align-items:center;justify-content:center;z-index:90;cursor:pointer;box-shadow:0 4px 12px #0000001a;transition:all .2s}.mih-float-nav:active:not(:disabled){transform:translateY(-50%) scale(.9);background:#fff}.mih-float-nav:disabled{opacity:0;pointer-events:none}.mih-float-nav--left{left:8px}.mih-float-nav--right{right:8px}@media(hover:none)and (pointer:coarse){.mih-float-nav{display:none}}.mih-toolbar{display:flex;align-items:center;gap:2px;padding:3px 6px;background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(0,0,0,.08);border-radius:20px;box-shadow:0 2px 12px #0000001a;animation:mih-toolbar-slide .25s cubic-bezier(.34,1.56,.64,1);margin-right:4px}.is-mobile .mih-header-right{flex:1;justify-content:flex-end;min-width:0;gap:4px}.is-mobile .mih-toolbar{max-width:calc(100vw - 160px);overflow-x:auto;scrollbar-width:none}.is-mobile .mih-toolbar::-webkit-scrollbar{display:none}@keyframes mih-toolbar-slide{0%{transform:translate(20px);opacity:0}to{transform:translate(0);opacity:1}}.mih-toolbar__btn{display:flex;align-items:center;justify-content:center;width:30px;height:30px;border:none;background:none;color:#666;border-radius:8px;cursor:pointer;transition:all .2s;padding:0}.mih-toolbar__btn:active{background:#0000000d;transform:scale(.9)}.mih-toolbar__btn.active{color:#4caf50;background:#4caf501a}.mih-toolbar__divider{width:1px;height:18px;background:#ddd;margin:0 2px}.mih-toolbar__validate{width:30px;height:30px;border-radius:8px;display:flex;align-items:center;justify-content:center;border:none;background:#f5f5f5;color:#999;padding:0}.mih-toolbar__validate.validated{color:#22c55e;transform:scale(1.1);background:#22c55e1a}.mih-nav{display:none}.mih-translation{display:block;direction:ltr;text-align:left;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:.82rem;font-style:italic;line-height:1.6;color:#555;margin-top:8px;margin-bottom:12px;padding:8px 12px;border-left:3px solid #c9a84c;background:#c9a84c0a;border-radius:0 8px 8px 0}[data-theme=dark] .mih-translation,.mushaf-page[data-mushaf-dark=true] .mih-translation{color:#bbb;background:#c9a84c0f;border-left-color:#c9a84c}[data-theme=sepia] .mih-translation{color:#5c4a32;background:#c9a84c0f}.mih-transliteration{display:block;direction:ltr;text-align:left;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:.82rem;line-height:1.6;color:#ab8a4c;margin-top:6px;margin-bottom:4px;padding:6px 12px;border-left:3px solid #d4af37;background:#d4af370a;border-radius:0 8px 8px 0;letter-spacing:.2px}[data-theme=dark] .mih-transliteration,.mushaf-page[data-mushaf-dark=true] .mih-transliteration{color:#d4b86a;background:#d4af370f;border-left-color:#c9a84c}[data-theme=sepia] .mih-transliteration{color:#8b6d3a;background:#d4af370f}[data-theme=light] .mih-transliteration{color:#8b6914}.mih-sheet-overlay{position:fixed;inset:0;background:#0000004d;z-index:100;animation:mih-fadeIn .2s ease}@keyframes mih-fadeIn{0%{opacity:0}to{opacity:1}}.mih-sheet{position:fixed;bottom:0;left:0;right:0;background:#fff;border-radius:16px 16px 0 0;z-index:101;padding:12px 16px 24px;max-height:60vh;overflow-y:auto;animation:mih-slideUp .3s ease}@keyframes mih-slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.mih-sheet__handle{width:40px;height:4px;background:#ddd;border-radius:4px;margin:0 auto 12px}.mih-sheet__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.mih-sheet__title{font-size:1rem;font-weight:600;color:#1a1a2e}.mih-sheet__close{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border:none;background:#f5f5f5;border-radius:50%;color:#666;cursor:pointer}[data-theme=dark] .mih-sheet{background:#161b22;border-color:#ffffff1a}[data-theme=dark] .mih-sheet__handle{background:#444}[data-theme=dark] .mih-sheet__title{color:#e8e0d4}[data-theme=dark] .mih-sheet__close{background:#333;color:#888}[data-theme=dark] .mih-sheet-overlay{background:#0009}.mih-tajweed-toggle{display:flex;align-items:center;justify-content:space-between;background:#4caf50;color:#fff;padding:12px 16px;border-radius:12px;margin-bottom:16px;font-weight:600;font-size:.9rem}.mih-tajweed-toggle.off{background:#999}.mih-toggle-switch{width:48px;height:26px;background:#ffffff4d;border-radius:13px;position:relative;cursor:pointer;border:none;transition:background .2s}.mih-toggle-switch:after{content:"";position:absolute;width:22px;height:22px;background:#fff;border-radius:50%;top:2px;left:2px;transition:transform .2s}.mih-toggle-switch.on:after{transform:translate(22px)}.mih-tajweed-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.mih-tajweed-card{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:12px 8px;border-radius:12px;border:1.5px solid #eee;background:#fff;text-align:center;cursor:pointer;transition:all .2s;min-height:56px}.mih-tajweed-card.active{border-color:currentColor;background:currentColor}.mih-tajweed-card.active .mih-tajweed-card__name,.mih-tajweed-card.active .mih-tajweed-card__arabic{color:#fff}.mih-tajweed-card__name{font-size:.8rem;font-weight:600;color:inherit;margin-bottom:2px}.mih-tajweed-card__arabic{font-family:var(--font-arabic);font-size:.7rem;opacity:.7}.mih-mask-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.mih-mask-card{display:flex;align-items:center;gap:8px;padding:14px 16px;border-radius:12px;border:1.5px solid #eee;background:#fff;cursor:pointer;transition:all .2s;font-size:.85rem;color:#333}.mih-mask-card.active{background:#fff3e0;border-color:#ff9800;color:#e65100;font-weight:600}.mih-mask-card svg{flex-shrink:0}.mih-word{padding:0 1px;border-radius:4px;transition:all .2s ease;display:inline-block}.mih-word--active{background-color:#4caf5040;color:var(--accent-color, #4CAF50);box-shadow:0 0 8px #4caf5066;transform:scale(1.05)}.mih-word--hidden{color:transparent!important;background:#e0e0e0;border-radius:4px;-webkit-user-select:none;user-select:none}.mih-word--partial{filter:blur(5px);-webkit-user-select:none;user-select:none;transition:filter .3s}.mih-word--partial:active{filter:blur(0)}.mih-word--minimal{color:transparent!important;position:relative}.mih-word--minimal:first-letter{color:#999!important}.mih-word--correct{background:#4caf5033;color:#2e7d32!important}.mih-word--error{background:#d32f2f26;color:#c62828!important;border-bottom:2px solid #C62828}.mih-word--current{background:#2196f326;color:#1565c0!important}.mih-fontsize-grid{display:flex;gap:8px;justify-content:center}.mih-fontsize-btn{padding:12px 20px;border-radius:12px;border:1.5px solid #eee;background:#fff;cursor:pointer;font-family:var(--font-arabic);transition:all .2s}.mih-fontsize-btn.active{background:#e8f5e9;border-color:#4caf50;color:#2e7d32}.mih-fontsize-btn span{display:block;text-align:center}.mih-loading{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;color:#999}.mih-error{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:24px;text-align:center;color:#666}.mih-error__btn{padding:10px 24px;background:#4caf50;color:#fff;border:none;border-radius:8px;cursor:pointer}@media(min-width:768px){.mih-mushaf__content{padding:24px 32px}.mih-ayahs{font-size:1.7rem}}[data-theme=dark] .mushaf-page,.mushaf-page[data-mushaf-dark=true]{background:#1a1a2e}[data-theme=dark] .mih-header,.mushaf-page[data-mushaf-dark=true] .mih-header{background:#16213e;border-color:#ffffff1a}[data-theme=dark] .mih-header__surah,.mushaf-page[data-mushaf-dark=true] .mih-header__surah{color:#f0e6d3}[data-theme=dark] .mih-header__badge,.mushaf-page[data-mushaf-dark=true] .mih-header__badge{color:#aaa}[data-theme=dark] .mih-mushaf,.mushaf-page[data-mushaf-dark=true] .mih-mushaf{background:#1a1a2e}[data-theme=dark] .mih-ayahs,.mushaf-page[data-mushaf-dark=true] .mih-ayahs,[data-theme=dark] .mih-surah-name,.mushaf-page[data-mushaf-dark=true] .mih-surah-name{color:#f0e6d3}[data-theme=dark] .mih-surah-frame__border,.mushaf-page[data-mushaf-dark=true] .mih-surah-frame__border{border-color:#c9a84c;background:transparent}[data-theme=dark] .mih-surah-frame__border:before,[data-theme=dark] .mih-surah-frame__border:after,.mushaf-page[data-mushaf-dark=true] .mih-surah-frame__border:before,.mushaf-page[data-mushaf-dark=true] .mih-surah-frame__border:after{color:#c9a84c}[data-theme=dark] .mih-surah-frame__top-line,[data-theme=dark] .mih-surah-frame__bottom-line,.mushaf-page[data-mushaf-dark=true] .mih-surah-frame__top-line,.mushaf-page[data-mushaf-dark=true] .mih-surah-frame__bottom-line{background:linear-gradient(90deg,transparent,#c9a84c 20%,#c9a84c 80%,transparent)}[data-theme=dark] .mih-bismillah,.mushaf-page[data-mushaf-dark=true] .mih-bismillah{color:#d4c4a0}[data-theme=dark] .mih-verse-num,.mushaf-page[data-mushaf-dark=true] .mih-verse-num{border-color:#c9a84c;color:#c9a84c;background:#c9a84c1a}[data-theme=dark] .tj-madda_normal,.mushaf-page[data-mushaf-dark=true] .tj-madda_normal{color:#64b5f6}[data-theme=dark] .tj-madda_permissible,.mushaf-page[data-mushaf-dark=true] .tj-madda_permissible{color:#42a5f5}[data-theme=dark] .tj-madda_obligatory,.mushaf-page[data-mushaf-dark=true] .tj-madda_obligatory{color:#ff8a65}[data-theme=dark] .tj-madda_necessary,.mushaf-page[data-mushaf-dark=true] .tj-madda_necessary{color:#ef5350}[data-theme=dark] .tj-ghunnah,.mushaf-page[data-mushaf-dark=true] .tj-ghunnah{color:#66bb6a}[data-theme=dark] .tj-ikhfa,.mushaf-page[data-mushaf-dark=true] .tj-ikhfa{color:#81c784}[data-theme=dark] .tj-ikhfa_shafawi,.mushaf-page[data-mushaf-dark=true] .tj-ikhfa_shafawi{color:#a5d6a7}[data-theme=dark] .tj-qalqalah,.mushaf-page[data-mushaf-dark=true] .tj-qalqalah{color:#bcaaa4}[data-theme=dark] .tj-idgham_ghunnah,.mushaf-page[data-mushaf-dark=true] .tj-idgham_ghunnah{color:#4db6ac}[data-theme=dark] .tj-idgham_wo_ghunnah,[data-theme=dark] .tj-idgham_no_ghunnah,.mushaf-page[data-mushaf-dark=true] .tj-idgham_wo_ghunnah,.mushaf-page[data-mushaf-dark=true] .tj-idgham_no_ghunnah{color:#80cbc4}[data-theme=dark] .tj-iqlab,.mushaf-page[data-mushaf-dark=true] .tj-iqlab{color:#4fc3f7}[data-theme=dark] .tj-slnt,[data-theme=dark] .tj-silent,[data-theme=dark] .tj-ham_wasl,[data-theme=dark] .tj-laam_shamsiyah,.mushaf-page[data-mushaf-dark=true] .tj-slnt,.mushaf-page[data-mushaf-dark=true] .tj-silent,.mushaf-page[data-mushaf-dark=true] .tj-ham_wasl,.mushaf-page[data-mushaf-dark=true] .tj-laam_shamsiyah{color:#757575}[data-theme=dark] .mih-toolbar,.mushaf-page[data-mushaf-dark=true] .mih-toolbar{background:#16213e;border-color:#ffffff14}[data-theme=dark] .mih-toolbar__btn,.mushaf-page[data-mushaf-dark=true] .mih-toolbar__btn{color:#aaa}[data-theme=dark] .mih-toolbar__btn.active,.mushaf-page[data-mushaf-dark=true] .mih-toolbar__btn.active{color:#66bb6a}[data-theme=dark] .mih-nav,.mushaf-page[data-mushaf-dark=true] .mih-nav{background:#16213e;border-color:#ffffff14}[data-theme=dark] .mih-nav__page,.mushaf-page[data-mushaf-dark=true] .mih-nav__page,[data-theme=dark] .mih-nav__validate,.mushaf-page[data-mushaf-dark=true] .mih-nav__validate{background:#ffffff14;border-color:#ffffff26;color:#ddd}[data-theme=dark] .mih-nav__validate.validated,.mushaf-page[data-mushaf-dark=true] .mih-nav__validate.validated{background:#4caf5026;border-color:#4caf50;color:#66bb6a}[data-theme=dark] .mih-word--hidden,.mushaf-page[data-mushaf-dark=true] .mih-word--hidden{background:#ffffff26}.highlighted-from-shazam{animation:shazamHighlight 3s ease-out;border-radius:4px}@keyframes shazamHighlight{0%{background:#c9a84c80;box-shadow:0 0 20px #c9a84c99}to{background:transparent;box-shadow:none}}.mih-search-overlay{position:fixed;inset:0;background:#fffffff7;z-index:200;display:flex;flex-direction:column;animation:mih-fadeIn .2s ease}[data-theme=dark] .mih-search-overlay{background:#1a1a2ef7}.mih-search-header{display:flex;align-items:center;gap:8px;padding:12px 16px;border-bottom:1px solid #eee}[data-theme=dark] .mih-search-header{border-color:#ffffff1a}.mih-search-input{flex:1;padding:10px 14px;border:1px solid #ddd;border-radius:10px;font-size:.9rem;background:#f5f5f5;color:#333}[data-theme=dark] .mih-search-input{background:#ffffff14;border-color:#ffffff26;color:#eee}.mih-search-cancel{border:none;background:none;color:#333;font-size:.9rem;cursor:pointer;white-space:nowrap}[data-theme=dark] .mih-search-cancel{color:#ccc}.mih-search-label{padding:8px 16px;font-size:.8rem;color:#999}.mih-search-list{flex:1;overflow-y:auto;padding:0}.mih-search-item{display:flex;align-items:center;gap:12px;padding:12px 16px;cursor:pointer;border-bottom:1px solid #f0f0f0;transition:background .15s}[data-theme=dark] .mih-search-item{border-color:#ffffff0d}.mih-search-item:active{background:#f5f5f5}[data-theme=dark] .mih-search-item:active{background:#ffffff0d}.mih-search-item__icon{width:40px;height:40px;border-radius:10px;background:#e8f5e9;display:flex;align-items:center;justify-content:center;color:#4caf50;flex-shrink:0}[data-theme=dark] .mih-search-item__icon{background:#4caf5026}.mih-search-item__info{flex:1}.mih-search-item__name{font-weight:600;color:#1a1a2e;font-size:.95rem}[data-theme=dark] .mih-search-item__name{color:#eee}.mih-search-item__detail{font-size:.8rem;color:#999}.mih-header-player{display:flex;align-items:center;gap:4px;background:#0000000a;padding:2px 8px;border-radius:20px;margin:0 8px;height:32px;transition:all .3s ease}[data-theme=dark] .mih-header-player{background:#ffffff14}.mih-header-player__btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:none;border:none;color:#555;border-radius:50%;cursor:pointer;transition:all .2s}[data-theme=dark] .mih-header-player__btn{color:#ccc}.mih-header-player__btn:disabled{opacity:.3}.mih-header-player__btn:active:not(:disabled){background:#0000000d;transform:scale(.9)}.mih-header-player__play-btn{display:flex;align-items:center;justify-content:center;width:30px;height:30px;background:#4caf50;color:#fff;border:none;border-radius:50%;cursor:pointer;box-shadow:0 2px 6px #4caf5033;transition:all .2s}.mih-header-player__play-btn:active{transform:scale(.9)}.mih-header-player__divider{width:1px;height:16px;background:#0000001a;margin:0 4px}[data-theme=dark] .mih-header-player__divider{background:#fff3}.mih-header-player__speed{font-size:.7rem;font-weight:700;color:#666;cursor:pointer;-webkit-user-select:none;user-select:none;min-width:32px;text-align:center}[data-theme=dark] .mih-header-player__speed{color:#aaa}.mih-header-player__stop{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:#0000000d;color:#999;border:none;border-radius:50%;cursor:pointer;margin-left:4px}[data-theme=dark] .mih-header-player__stop{background:#ffffff1a;color:#888}@media(max-width:500px){.mih-header-player{margin:0 4px;padding:2px 4px;gap:2px}.mih-header-player__divider,.mih-header-player__speed{display:none}.mih-header__surah{max-width:80px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}}.mih-reciter-list{display:flex;flex-direction:column;gap:4px;max-height:50vh;overflow-y:auto}.mih-reciter-item{display:flex;align-items:center;gap:12px;padding:14px 16px;border-radius:12px;border:1.5px solid #eee;background:#fff;cursor:pointer;transition:all .2s;font-size:.9rem;color:#333}.mih-reciter-item:active{transform:scale(.98)}.mih-reciter-item.active{background:#e8f5e9;border-color:#4caf50}.mih-reciter-item__flag{font-size:1.3rem;flex-shrink:0}.mih-reciter-item__name{flex:1;font-weight:600;color:inherit}.mih-reciter-item__arabic{font-family:var(--font-arabic);font-size:1rem;color:#999;direction:rtl}.mih-reciter-item.active .mih-reciter-item__name{color:#2e7d32}.mih-reciter-item.active .mih-reciter-item__arabic{color:#4caf50}[data-theme=dark] .mih-reciter-item{background:#ffffff0d;border-color:#ffffff1a;color:#eee}[data-theme=dark] .mih-reciter-item.active{background:#4caf5026;border-color:#4caf50}[data-theme=dark] .mih-reciter-item__arabic{color:#888}[data-theme=dark] .mih-reciter-item.active .mih-reciter-item__name,[data-theme=dark] .mih-reciter-item.active .mih-reciter-item__arabic{color:#66bb6a}.mih-juz-scroll{display:flex;gap:6px;padding:8px 16px 12px;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}.mih-juz-scroll::-webkit-scrollbar{display:none}.mih-juz-pill{flex-shrink:0;min-width:36px;height:32px;background:#f5f3ed;border:1px solid #e8e4da;border-radius:16px;padding:0 10px;font-size:.8rem;font-weight:600;color:#777;cursor:pointer;transition:all .15s ease;text-align:center;display:flex;align-items:center;justify-content:center}.mih-juz-pill:active{transform:scale(.95)}.mih-juz-pill.active{background:#4caf50;color:#fff;border-color:#4caf50;box-shadow:0 2px 8px #4caf504d}[data-theme=dark] .mih-juz-pill{background:#ffffff0f;border-color:#ffffff1a;color:#aaa}[data-theme=dark] .mih-juz-pill.active{background:#66bb6a;color:#111;border-color:#66bb6a}.mih-fav-btn{background:none;border:none;color:#ccc;cursor:pointer;padding:4px 6px;margin-inline-end:6px;border-radius:6px;transition:all .2s ease;display:inline-flex;align-items:center;vertical-align:middle;opacity:.5;float:right}.mih-fav-btn:hover{opacity:1;color:#e74c3c}.mih-fav-btn.active{color:#e74c3c;opacity:1}[data-theme=dark] .mih-fav-btn{color:#888}[data-theme=dark] .mih-fav-btn:hover,[data-theme=dark] .mih-fav-btn.active{color:#e74c3c}.mih-search-item__play{background:none;border:none;color:#4caf50;cursor:pointer;padding:8px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .15s}.mih-search-item__play:hover{background:#4caf501a}.mih-search-item__queue{color:#42a5f5}.mih-search-item__queue--added{background:#4caf501a!important;color:#4caf50!important;border-color:#4caf504d!important}[data-theme=dark] .mih-search-item__queue--added{background:#66bb6a26!important;color:#81c784!important}.mih-search-item__queue:hover{background:#42a5f51a}[data-theme=dark] .mih-search-item__play{color:#66bb6a}[data-theme=dark] .mih-search-item__play:hover{background:#66bb6a26}.mih-share-overlay{position:fixed;inset:0;background:#00000080;z-index:9000}.mih-share-modal{position:fixed;bottom:0;left:0;right:0;background:#fff;border-radius:20px 20px 0 0;z-index:9001;padding:20px;padding-bottom:max(20px,env(safe-area-inset-bottom));animation:shareSlideUp .25s ease-out}@keyframes shareSlideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.mih-share-modal__header{display:flex;align-items:center;gap:8px;margin-bottom:16px;font-weight:600;font-size:1rem;color:#333}.mih-share-modal__header button{margin-left:auto;background:none;border:none;color:#999;cursor:pointer;padding:4px}.mih-share-modal__ref{font-size:.8rem;color:#999;margin-bottom:12px;font-weight:500}.mih-share-modal__text{font-family:var(--font-arabic, "Scheherazade New", serif);font-size:1.3rem;line-height:2.2;color:#333;background:#f8f6f0;padding:16px;border-radius:12px;margin-bottom:8px}.mih-share-modal__translation{font-size:.85rem;color:#666;font-style:italic;line-height:1.5;padding:0 4px;margin-bottom:16px}.mih-share-modal__actions{display:flex;gap:10px;margin-top:16px}.mih-share-modal__btn{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;padding:12px;border-radius:12px;border:1px solid #e8e4da;background:#fff;color:#333;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .15s}.mih-share-modal__btn:hover{background:#f5f3ed}.mih-share-modal__btn--primary{background:#4caf50;color:#fff;border-color:#4caf50}.mih-share-modal__btn--primary:hover{background:#43a047}[data-theme=dark] .mih-share-modal{background:#1a1a2e}[data-theme=dark] .mih-share-modal__header{color:#e8e0d4}[data-theme=dark] .mih-share-modal__text{background:#ffffff0f;color:#e8e0d4}[data-theme=dark] .mih-share-modal__translation{color:#999}[data-theme=dark] .mih-share-modal__btn{background:#ffffff0f;border-color:#ffffff1a;color:#e8e0d4}[data-theme=dark] .mih-share-modal__btn:hover{background:#ffffff1a}[data-theme=dark] .mih-share-modal__btn--primary{background:#66bb6a;border-color:#66bb6a;color:#111}.search-modal{position:fixed;inset:0;z-index:var(--z-modal);display:flex;flex-direction:column;height:100dvh;background:var(--color-bg-primary)}.search-modal__header{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-md);padding-top:calc(env(safe-area-inset-top) + var(--space-md));background:var(--color-bg-secondary);border-bottom:1px solid var(--color-bg-tertiary)}.search-modal__close{width:44px;height:44px;flex-shrink:0;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-md);color:var(--color-text-secondary)}.search-modal__input-wrapper{flex:1;position:relative;min-width:0}.search-modal__input{width:100%;padding:var(--space-md);padding-left:44px;background:var(--color-bg-tertiary);border:none;border-radius:var(--radius-lg);color:var(--color-text-primary);font-size:max(16px,var(--text-ui-md))}.search-modal__input::placeholder{color:var(--color-text-muted)}.search-modal__input:focus{outline:2px solid var(--color-accent)}.search-modal__input-icon{position:absolute;left:var(--space-md);top:50%;transform:translateY(-50%);color:var(--color-text-muted)}.search-modal__content{flex:1;min-height:0;overflow-y:auto;padding:var(--space-md);padding-bottom:calc(var(--space-md) + env(safe-area-inset-bottom))}.search-modal__section{margin-bottom:var(--space-xl)}.search-modal__section-title{font-size:var(--text-ui-sm);font-weight:600;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-md)}.search-modal__empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-2xl);color:var(--color-text-muted);text-align:center;gap:var(--space-md)}.search-result{padding:var(--space-md);background:var(--color-bg-secondary);border-radius:var(--radius-lg);margin-bottom:var(--space-sm);cursor:pointer;transition:all var(--transition-fast)}.search-result:hover{background:var(--color-bg-tertiary)}.search-result:active{transform:scale(.98)}.search-result__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-sm)}.search-result__title{font-weight:500;color:var(--color-accent)}.search-result__meta{font-size:var(--text-ui-xs);color:var(--color-text-muted)}.search-result__text{font-family:var(--font-arabic);font-size:var(--text-arabic-sm);direction:rtl;color:var(--color-text-secondary);line-height:1.8;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.search-result__text mark{background:var(--color-accent-muted);color:var(--color-accent);border-radius:2px;padding:0 2px}.surah-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-sm)}.surah-grid__item{display:flex;flex-direction:column;align-items:center;padding:var(--space-md);background:var(--color-bg-secondary);border-radius:var(--radius-lg);transition:all var(--transition-fast)}.surah-grid__item:hover{background:var(--color-accent-muted)}.surah-grid__number{font-size:var(--text-ui-lg);font-weight:600;color:var(--color-accent)}.surah-grid__name{font-family:var(--font-arabic);font-size:var(--text-ui-sm);color:var(--color-text-primary);margin-top:var(--space-xs)}.search-tabs{display:flex;gap:var(--space-sm);margin-bottom:var(--space-lg)}.search-tab{flex:1;padding:var(--space-sm) var(--space-md);background:var(--color-bg-secondary);border-radius:var(--radius-md);font-size:var(--text-ui-sm);font-weight:500;color:var(--color-text-secondary);transition:all var(--transition-fast)}.search-tab.active{background:var(--color-accent);color:#fff}.voice-search-overlay{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--space-md)}.voice-search{background:var(--color-bg-primary);border-radius:var(--radius-lg);width:100%;max-width:400px;max-height:80vh;overflow-y:auto;padding:var(--space-lg)}.voice-search__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-md)}.voice-search__header h2{font-size:var(--text-ui-lg);font-weight:600;color:var(--color-text-primary)}.voice-search__close{padding:var(--space-xs);color:var(--color-text-muted);transition:color var(--transition-fast)}.voice-search__close:hover{color:var(--color-text-primary)}.voice-search__hint{color:var(--color-text-secondary);text-align:center;margin-bottom:var(--space-lg)}.voice-search__controls{display:flex;justify-content:center;margin-bottom:var(--space-lg)}.voice-search__record{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-sm);width:120px;height:120px;background:var(--color-bg-secondary);border:2px dashed var(--color-bg-tertiary);border-radius:50%;color:var(--color-text-secondary);transition:all var(--transition-fast);cursor:pointer}.voice-search__record:hover{border-color:var(--color-accent);color:var(--color-accent);background:var(--color-accent-muted)}.voice-search__record--active{background:#f8514926;border-color:var(--color-error);color:var(--color-error);animation:pulse 1.5s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.voice-search__processing{display:flex;flex-direction:column;align-items:center;gap:var(--space-sm);color:var(--color-accent)}.voice-search__spinner{animation:spin 1s linear infinite}.voice-search__transcribed{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-md);background:var(--color-bg-secondary);border-radius:var(--radius-md);margin-bottom:var(--space-lg);color:var(--color-text-secondary)}.voice-search__transcribed span{font-family:var(--font-arabic);font-size:var(--text-arabic-md)}.voice-search__error{padding:var(--space-md);background:#f8514926;border-radius:var(--radius-md);color:var(--color-error);text-align:center;margin-bottom:var(--space-lg)}.voice-search__results{border-top:1px solid var(--color-bg-tertiary);padding-top:var(--space-md)}.voice-search__results h3{font-size:var(--text-ui-sm);color:var(--color-text-muted);margin-bottom:var(--space-md)}.voice-search__result{display:flex;flex-direction:column;gap:var(--space-xs);width:100%;padding:var(--space-md);background:var(--color-bg-secondary);border-radius:var(--radius-md);margin-bottom:var(--space-sm);text-align:left;transition:background var(--transition-fast)}.voice-search__result:hover{background:var(--color-bg-tertiary)}.voice-search__result-ref{font-size:var(--text-ui-sm);color:var(--color-accent);font-weight:500}.voice-search__result-text{font-family:var(--font-arabic);font-size:var(--text-arabic-sm);color:var(--color-text-secondary);line-height:1.8}.reader-voice-host{display:flex;flex-shrink:0}.live-follow-panel{display:flex;color:var(--color-text-primary)}.live-follow-toggle{width:44px;height:44px;display:grid;place-items:center;padding:0;border:1px solid #c9a84c55;border-radius:14px;background:linear-gradient(145deg,#c9a84c20,#c9a84c08);color:var(--color-text-primary);cursor:pointer;transition:background .2s,box-shadow .2s,transform .2s}.live-follow-toggle:active{transform:scale(.94)}.live-follow-toggle:focus-visible{outline:2px solid #c9a84c;outline-offset:3px}.live-follow-panel.is-active .live-follow-toggle{background:#c9a84c;color:#14181c;box-shadow:0 0 0 4px #c9a84c20}.live-follow-panel--fallback{position:fixed;right:20px;top:calc(20px + env(safe-area-inset-top));z-index:120}.live-follow-status{position:fixed;top:calc(140px + env(safe-area-inset-top));left:16px;right:16px;max-width:480px;margin:auto;display:flex;align-items:center;gap:10px;padding:12px 16px;border:1px solid #c9a84c44;border-radius:16px;background:var(--color-bg-secondary,#17202b);box-shadow:0 8px 24px #0002;font-size:12px;line-height:1.5;z-index:120}.live-follow-status__dot{width:6px;height:6px;border-radius:50%;background:#c9a84c;flex-shrink:0}.live-follow-status button{border:0;background:transparent;color:inherit;min-width:32px;min-height:32px;margin-left:auto;cursor:pointer}.mih-ayah.live-follow-current{background:#c9a84c3d!important;box-shadow:0 0 0 2px #c9a84c99;border-radius:7px}.mih-word.mih-word--live{background:#d2b45f!important;color:#14181c!important;border-radius:5px;box-shadow:0 0 0 2px #d2b45f;opacity:1!important;filter:none!important}.mushaf-gesture-nav{position:fixed;right:0;top:calc(152px + env(safe-area-inset-top));bottom:calc(100px + env(safe-area-inset-bottom));z-index:115;pointer-events:none;direction:ltr;font-family:system-ui;color:var(--color-text-primary,#eee)}.mushaf-juz-rail{height:100%;max-height:460px;min-height:100px;width:32px;display:flex;flex-direction:column;align-items:center;gap:3px;padding:8px 0;border-radius:14px 0 0 14px;background:var(--color-bg-secondary,#17202b);box-shadow:0 0 0 1px #c9a84c44;pointer-events:auto;opacity:.7}.mushaf-gesture-nav.is-expanded .mushaf-juz-rail,.mushaf-juz-rail:focus-within{opacity:1}.mushaf-juz-rail span{font-size:10px}.mushaf-juz-rail strong{font-size:12px;color:#c9a84c}.mushaf-juz-rail input{writing-mode:vertical-lr;direction:ltr;width:30px;flex:1;min-height:0;accent-color:#c9a84c;touch-action:none;cursor:ns-resize;margin:0}.mushaf-page-strip{pointer-events:auto;position:fixed;bottom:calc(84px + env(safe-area-inset-bottom));left:12px;right:42px;max-width:650px;margin:auto;background:var(--color-bg-secondary,#17202b);border:1px solid #c9a84c88;border-radius:16px;padding:12px;box-shadow:0 8px 28px #0005}.mushaf-page-strip header{display:flex;align-items:center;justify-content:space-between}.mushaf-page-strip header div{display:flex;flex-direction:column;gap:5px;min-width:0}.mushaf-page-strip strong{font-size:14px}.mushaf-page-strip header span{font-size:11px;line-height:1.5;opacity:.75}.mushaf-page-strip button{border:0;background:transparent;color:inherit;display:grid;place-items:center;min-width:44px;height:44px;border-radius:8px;cursor:pointer}.mushaf-page-strip input{width:100%;height:36px;margin:0;accent-color:#c9a84c;touch-action:none;cursor:ew-resize}.mushaf-page-strip footer{display:flex;justify-content:space-between;font-size:10px;gap:8px;opacity:.8}.mushaf-page-ticks{display:flex;flex-direction:row-reverse;justify-content:space-between;gap:3px;margin:10px 5px -5px}.mushaf-page-ticks i{flex:1;height:22px;border:1px solid #c9a84c44;border-radius:2px;background:repeating-linear-gradient(0deg,transparent,transparent 3px,#c9a84c44 4px)}.mushaf-page-ticks i.active{background:#c9a84c;border-color:#e1c778}.mushaf-page-strip__preview{display:block;font-size:12px;padding-top:8px;color:#c9a84c}@media(max-height:550px){.mushaf-gesture-nav{top:calc(148px + env(safe-area-inset-top));bottom:88px}.mushaf-juz-rail{padding:0}.mushaf-page-ticks{display:none}.mushaf-page-strip{bottom:84px}}@media(max-width:800px){body:has(.mushaf-gesture-nav) .madinah-viewer,body:has(.mushaf-gesture-nav) .tajweed-viewer{padding-right:34px}body:has(.mushaf-gesture-nav) .mih-mushaf{padding-right:34px}}.mushaf-juz-rail{position:relative;width:34px;border-radius:18px 0 0 18px;background:color-mix(in srgb,var(--color-bg-secondary,#17202b) 92%,transparent);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:0 4px 20px #00000010,inset 0 0 0 1px #c9a84c28;opacity:.65;transition:opacity .2s,box-shadow .2s}.mushaf-gesture-nav.is-expanded .mushaf-juz-rail{box-shadow:0 6px 28px #0002,inset 0 0 0 1px #c9a84c55}.mushaf-juz-preview{position:absolute;right:46px;display:flex;flex-direction:column;align-items:center;gap:1px;min-width:54px;padding:8px 12px;border-radius:16px;background:var(--color-bg-secondary,#17202b);border:1px solid #c9a84c55;box-shadow:0 8px 24px #0002;pointer-events:none;font-variant-numeric:tabular-nums;transition:top 80ms linear}.mushaf-juz-preview small{font-size:8px;letter-spacing:2px;color:var(--color-text-secondary)}.mushaf-juz-preview strong{font-size:24px;font-weight:500;line-height:1.2}.mushaf-page-strip{border:1px solid #c9a84c44;border-radius:22px;padding:14px 16px;background:color-mix(in srgb,var(--color-bg-secondary,#17202b) 96%,transparent);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:0 18px 60px #0003,0 2px 6px #0001;transform-origin:bottom center}.mushaf-page-strip strong{font-weight:600;font-variant-numeric:tabular-nums;letter-spacing:-.2px}.mushaf-page-ticks{height:40px;align-items:end;gap:4px;margin:16px 4px 0}.mushaf-page-ticks i{position:relative;min-width:0;height:25px;border-radius:4px;opacity:.55;transform-origin:bottom;transition:height .16s ease,background .16s ease,opacity .16s ease,box-shadow .16s ease}.mushaf-page-ticks i.active{height:38px;opacity:1;box-shadow:0 4px 12px #c9a84c30;background:linear-gradient(145deg,#ecd790,#c9a84c)}.mushaf-page-strip footer{font-size:9px;color:var(--color-text-secondary)}.mushaf-page-strip input:focus-visible,.mushaf-juz-rail input:focus-visible{outline:2px solid #c9a84c;outline-offset:3px;border-radius:10px}@media(prefers-reduced-motion:reduce){.mushaf-juz-preview,.mushaf-juz-rail,.mushaf-page-ticks i{transition:none}}.mushaf-page.mushaf-page{position:fixed;inset:0;height:100dvh;margin:0;z-index:10}:is(.mushaf-page,.madinah-page,.tajweed-page,.iq-reader)>:is(.mih-header,.madinah-header,.tajweed-header){display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px 10px;flex-shrink:0;margin:calc(14px + env(safe-area-inset-top,0px)) 12px 10px;padding:8px 10px;min-height:0;border:1px solid color-mix(in srgb,var(--color-text-primary) 10%,transparent);border-radius:22px;background:var(--color-bg-secondary,#fff);box-shadow:0 6px 22px #00000008,0 1px 2px #00000005;position:relative;z-index:120}:is(.mih-header-left,.madinah-header__left,.tajweed-header__left){min-width:0;gap:6px;flex:initial}:is(.mih-header__info,.madinah-header__info,.tajweed-header__info){min-width:0}:is(.mih-header__surah-name,.madinah-header__surah,.tajweed-header__surah){font-size:14px;font-weight:650;line-height:1.5;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--color-text-primary)}:is(.mih-header__page-num,.madinah-header__meta,.tajweed-header__meta){font-size:10px;line-height:1.6;white-space:nowrap;color:var(--color-text-secondary);margin:0}:is(.mih-header-right,.madinah-header__right,.tajweed-header__right){grid-column:2;grid-row:1;gap:4px!important;flex:initial;min-width:0}:is(.mih-header-center,.madinah-header__center,.tajweed-header__center){grid-column:1/-1;grid-row:2;display:flex;justify-content:space-between;gap:8px;border-top:1px solid color-mix(in srgb,var(--color-text-primary) 7%,transparent);padding-top:8px;min-width:0}:is(.mih-header,.madinah-header,.tajweed-header) .view-mode-selector{margin-left:auto!important;max-width:55%;padding:4px 8px!important;border-radius:10px!important;background:transparent!important;border:0!important}:is(.mih-header,.madinah-header,.tajweed-header) .view-mode-selector select{max-width:100%!important;width:auto;font-size:11px!important;min-height:28px;color:var(--color-text-secondary)!important}:is(.mih-header,.madinah-header,.tajweed-header) :is(.mih-header__icon-btn,.madinah-header__icon-btn,.tajweed-header__icon-btn){width:38px;height:44px;flex-shrink:0;justify-content:center;color:var(--color-text-secondary)}.mih-header .mih-header-player{grid-column:1/-1;grid-row:3;justify-content:center;margin:0;min-width:0}.mih-header .mih-toolbar{position:absolute;top:100%;right:0;max-width:calc(100vw - 24px);flex-wrap:wrap}@media(max-width:360px){:is(.mushaf-page,.madinah-page,.tajweed-page,.iq-reader)>:is(.mih-header,.madinah-header,.tajweed-header){margin-left:8px;margin-right:8px;padding:6px;column-gap:2px}:is(.mih-header-left,.madinah-header__left,.tajweed-header__left){gap:0}:is(.mih-header__surah-name,.madinah-header__surah,.tajweed-header__surah){font-size:12px}.mih-header-right .mih-toolbar__btn{width:32px;padding:4px;margin:0!important}}@media(prefers-reduced-motion:reduce){.live-follow-toggle{transition:none}}:is(.mushaf-page,.madinah-page,.tajweed-page){--bg-primary:var(--color-bg-primary);--bg-secondary:var(--color-bg-secondary);--bg-tertiary:var(--color-bg-tertiary);--border-color:var(--color-bg-tertiary)}@media(min-width:700px){:is(.mushaf-page,.madinah-page,.tajweed-page,.iq-reader)>:is(.mih-header,.madinah-header,.tajweed-header){grid-template-columns:minmax(180px,1fr) auto minmax(180px,1fr);max-width:1100px;width:calc(100% - 40px);align-self:center}:is(.mih-header-center,.madinah-header__center,.tajweed-header__center){grid-column:2;grid-row:1;border-top:0;padding:0}:is(.mih-header-right,.madinah-header__right,.tajweed-header__right){grid-column:3;justify-content:flex-end}.mih-header .mih-header-player{grid-column:1/-1;grid-row:2}}.madinah-viewer__img:not(.loading),.tajweed-viewer__img:not(.loading){animation:reader-page-reveal .32s cubic-bezier(.22,1,.36,1)}.madinah-viewer__img.loading,.tajweed-viewer__img.loading{animation:none}.mih-mushaf__content.mih-page-turn-next,.mih-mushaf__content.mih-page-turn-prev{animation:reader-text-reveal .28s cubic-bezier(.22,1,.36,1)}@keyframes reader-page-reveal{0%{opacity:.25;filter:brightness(.96)}to{opacity:1;filter:none}}@keyframes reader-text-reveal{0%{opacity:.4;translate:0 8px}to{opacity:1;translate:0 0}}@media(prefers-reduced-motion:reduce){.madinah-viewer__img,.tajweed-viewer__img,.mih-mushaf__content{animation:none!important;transition:none!important}}:is(.mih-header,.madinah-header,.tajweed-header) .khatm-page-badge{position:static;width:36px;height:36px;flex-shrink:0;box-shadow:none;border-width:1px;animation:none;transform:none;z-index:auto;background:transparent}:is(.mih-header,.madinah-header,.tajweed-header) .khatm-page-badge:disabled{opacity:.3;cursor:default}:is(.mushaf-page.mushaf-page,.madinah-page,.tajweed-page){bottom:var(--bottom-nav-height);height:calc(100dvh - var(--bottom-nav-height))}:is(.madinah-page,.tajweed-page) :is(.madinah-viewer,.tajweed-viewer){min-height:0;padding-bottom:8px}:is(.madinah-page,.tajweed-page) :is(.madinah-nav,.tajweed-nav){flex-shrink:0;min-height:52px;box-sizing:border-box;padding:4px 10px;gap:8px}:is(.madinah-page,.tajweed-page) :is(.madinah-nav__btn,.tajweed-nav__btn){min-height:44px;font-size:11px;padding:6px 8px;white-space:nowrap}.mushaf-page .mih-mushaf{min-height:0;padding-bottom:16px}:is(.madinah-nav__page-input,.tajweed-nav__page-input){flex-shrink:0;white-space:nowrap}:is(.madinah-page,.tajweed-page) :is(.madinah-nav__btn,.tajweed-nav__btn){flex:1;min-width:0;justify-content:center;white-space:normal;line-height:1.25}:is(.madinah-nav__btn,.tajweed-nav__btn) svg{flex-shrink:0;width:16px}.reader-route{display:contents}.reader-route :is(.mushaf-page.mushaf-page,.madinah-page,.tajweed-page){bottom:calc(var(--bottom-nav-height) + var(--reader-entry-space,0px));height:calc(100dvh - var(--bottom-nav-height) - var(--reader-entry-space,0px))}.reader-entry{position:fixed;z-index:90;bottom:var(--bottom-nav-height,56px);left:0;width:100%;box-sizing:border-box;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:4px 10px;padding:4px 12px;border-top:1px solid var(--color-bg-tertiary);background:var(--color-bg-secondary);font-size:12px;color:var(--color-text-primary)}.reader-entry button{min-height:44px;padding:6px;color:var(--color-accent);font:inherit;cursor:pointer}.reader-entry span{flex:1 1 200px;line-height:1.6}.reader-entry :focus-visible{outline:2px solid var(--color-accent);outline-offset:2px;border-radius:6px}.download-btn{background:none;border:none;padding:8px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.download-btn:hover{background:#ffffff1a;transform:scale(1.05)}.download-btn:active{transform:scale(.95)}.download-btn--done{background:#4caf501a}.download-btn--done:hover{background:#f443361a}.download-btn--done:hover svg{color:#f44336!important}.download-btn--error{background:#f443361a}.download-btn--progress{cursor:default}.download-btn__spinner{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px}.spin{animation:spin 1s linear infinite}.download-btn__percent{font-size:.55rem;font-weight:700;color:#c9a84c;position:absolute;bottom:-15px;opacity:0;transition:all .3s ease}.download-btn--progress .download-btn__percent{bottom:2px;opacity:1}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.listen-hub{--listen-line: color-mix( in srgb, var(--color-text-secondary) 18%, transparent );--listen-muted: var(--color-text-secondary, #b4bdcb);max-width:1000px;min-height:100dvh;margin:auto;padding:calc(24px + env(safe-area-inset-top,0px)) 22px calc(var(--bottom-nav-height, 72px) + 170px);color:var(--color-text-primary);background:var(--color-bg-primary);box-sizing:border-box}html[data-appearance=violet] .listen-hub{background:var(--original-gradient)}.listen-hub *{box-sizing:border-box}.listen-hub button,.listen-dialog button{font:inherit;cursor:pointer}.listen-hub a{color:inherit;text-decoration:none}.listen-hub button:disabled,.listen-dialog button:disabled{opacity:.45;cursor:not-allowed}.listen-hub :focus-visible,.listen-dialog :focus-visible{outline:2px solid var(--nav-accent);outline-offset:3px}.listen-hub button:not(.download-btn),.listen-dialog button{color:inherit}.listen-hub h1{font-size:clamp(1.8rem,5vw,2.5rem);line-height:1.15;letter-spacing:-.04em;margin:8px 0 10px}.listen-hub h2{font-size:1.1rem;margin:0 0 14px;letter-spacing:-.02em}.listen-hub p{color:var(--listen-muted);line-height:1.6}.listen-hub small{color:var(--listen-muted);font-size:.75rem;line-height:1.5}.listen-page-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:26px}.listen-page-heading p{font-size:.88rem;margin:0}.listen-page-heading h1 span{font-size:1.7rem;margin-left:4px}.listen-eyebrow{font-size:.62rem;font-weight:700;letter-spacing:.16em;color:var(--nav-accent)}.listen-home{display:grid;place-items:center;font-size:26px;width:44px;height:44px;border:1px solid var(--listen-line);border-radius:50%;flex-shrink:0}.listen-resume{padding:24px;border-radius:24px;border:1px solid #c9a84c50;background:linear-gradient(120deg,#c9a84c25,#8b6bb519);box-shadow:0 12px 32px #00000012,inset 0 1px #ffffff10;margin-bottom:24px}.listen-resume h2{font-size:1.65rem;margin:14px 0 6px}.listen-resume p{margin:0 0 20px;font-size:.85rem}.listen-resume>div{display:flex;align-items:center;justify-content:space-between;gap:12px}.listen-resume>div>span{font-size:.8rem;color:var(--listen-muted)}.listen-resume button,.listen-hub .listen-primary,.listen-dialog .listen-primary{background:var(--nav-accent, #e8d48b);color:var(--color-bg-primary, #1a1a2e)!important;font-weight:700;border:0;border-radius:14px;padding:13px 18px;min-height:44px}.listen-tabs{display:flex;gap:4px;border-radius:16px;padding:5px;background:var(--color-bg-secondary);border:1px solid var(--listen-line);margin:0 0 22px}.listen-tabs button{flex:1;border:0;background:transparent;padding:11px 6px;border-radius:11px;font-size:.8rem;white-space:nowrap}.listen-tabs button[aria-current]{background:var(--nav-selected);color:var(--nav-accent)!important;box-shadow:inset 0 0 0 1px #c9a84c26}.listen-search{display:flex;align-items:center;gap:12px;border:1px solid var(--listen-line);border-radius:16px;background:color-mix(in srgb,var(--color-bg-secondary) 65%,transparent);padding:0 16px;margin:20px 0 12px}.listen-search>span{font-size:27px;color:var(--nav-accent)}.listen-search input{width:100%;min-width:0;border:0;background:transparent;color:inherit;font:inherit;font-size:16px;padding:16px 0;outline:none}.listen-search:focus-within{border-color:var(--nav-accent)}.listen-search input::placeholder{color:var(--listen-muted);font-size:.85rem}.listen-filters{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;padding:3px 0}.listen-filters button{white-space:nowrap;border:1px solid var(--listen-line);background:transparent;padding:8px 14px;border-radius:30px;font-size:.75rem;min-height:38px}.listen-filters button[aria-pressed=true]{background:var(--nav-selected);border-color:#c9a84c65;color:var(--nav-accent)!important}.listen-section{margin-top:30px}.listen-section-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:22px 0 14px}.listen-section-heading h2{margin:0}.listen-section-heading>span{color:var(--listen-muted);font-size:.8rem}.listen-section-heading>button,.listen-section-heading>a{font-size:.78rem;background:none;border:0;color:var(--nav-accent)!important;padding:8px 0}.listen-reciter-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.listen-reciter{display:flex;align-items:center;min-width:0;border:1px solid var(--listen-line);border-radius:17px;background:linear-gradient(120deg,#ffffff08,#ffffff02);transition:border-color .18s,transform .18s}.listen-reciter:hover{border-color:#c9a84c65;transform:translateY(-1px)}.listen-reciter-main{display:flex;align-items:center;gap:12px;text-align:left;flex:1;min-width:0;padding:14px 5px 14px 14px;background:none;border:0}.listen-reciter-main>span:nth-child(2){flex:1;min-width:0}.listen-reciter-main strong{display:block;font-size:.88rem;line-height:1.4;overflow-wrap:anywhere}.listen-reciter-main small{display:block;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-top:4px;font-size:.69rem}.listen-reciter-main>span:last-child{color:var(--listen-muted)}.listen-avatar{height:46px;width:46px;border-radius:15px;background:linear-gradient(135deg,#8b6bb530,#c9a84c18);border:1px solid #c9a84c25;display:grid;place-items:center;color:var(--nav-accent);font-size:.78rem;flex-shrink:0;overflow:hidden}.listen-avatar img{height:100%;width:100%;object-fit:cover}.listen-star{font-size:24px!important;align-self:stretch;padding:0 12px;background:none;border:0;color:var(--nav-accent)!important;min-width:44px}.listen-horizontal{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x proximity;padding-bottom:8px}.listen-history{display:flex;flex-direction:column;gap:8px;flex:0 0 190px;scroll-snap-align:start;padding:18px;text-align:left;border-radius:18px;border:1px solid var(--listen-line);background:var(--color-bg-secondary);min-height:155px}.listen-history strong{font-size:.94rem}.listen-history>span:first-child{color:var(--nav-accent);font-size:1.3rem}.listen-history>span:last-child{font-size:.7rem;color:var(--nav-accent);margin-top:auto}.listen-history small{line-height:1.4}.listen-secondary,.listen-actions button{border:1px solid var(--listen-line);padding:11px 14px;min-height:44px;background:var(--color-bg-secondary);border-radius:12px;font-size:.8rem}.listen-section>.listen-secondary{margin:20px auto;display:block}.listen-muted{font-size:.8rem}.listen-notice{background:#c9a84c14;border:1px solid #c9a84c44;border-radius:12px;padding:14px;font-size:.8rem;line-height:1.6;margin:20px 0}.listen-notice button,.listen-empty button{color:var(--nav-accent)!important;border:0;background:none;text-decoration:underline;padding:8px}.listen-empty{text-align:center;border:1px dashed var(--listen-line);padding:30px 20px;border-radius:20px;font-size:.85rem;line-height:1.6;color:var(--listen-muted)}.listen-empty h3{color:var(--color-text-primary);font-size:1rem}.listen-list{border:1px solid var(--listen-line);border-radius:18px;background:#ffffff04}.listen-track{display:flex;align-items:center;gap:14px;min-width:0;width:100%;padding:15px 16px;border:0;background:none;text-align:left;color:inherit}.listen-track>span:nth-child(2){flex:1;min-width:0}.listen-track strong{display:block;font-size:.88rem;line-height:1.45}.listen-track small{display:block;margin-top:3px}.listen-track>span:last-child{font-size:.8rem;color:var(--nav-accent)}.listen-number{display:grid;place-items:center;min-width:32px;height:32px;border:1px solid var(--listen-line);border-radius:10px;color:var(--nav-accent);font-size:.76rem}.listen-track .listen-arabic{display:block;font-family:var(--font-arabic, serif);font-size:1.1rem;margin-top:4px;text-align:left}.listen-list>.listen-track+.listen-track,.listen-surah-row+.listen-surah-row{border-top:1px solid var(--listen-line)}.listen-bookmark{display:flex;align-items:center}.listen-bookmark>button:last-child{border:0;background:none;padding:14px}.listen-voice-select{display:grid;gap:8px;color:var(--listen-muted);font-size:.75rem;margin:18px 0}.listen-voice-select select,.listen-selection input{width:100%;max-width:100%;min-width:0;font:inherit;font-size:16px;border-radius:12px;border:1px solid var(--listen-line);color:var(--color-text-primary);background:var(--color-bg-secondary);padding:12px}.listen-profile{display:flex;align-items:center;gap:18px;padding:28px 0}.listen-profile .listen-avatar{width:76px;height:76px;border-radius:24px;font-size:1.2rem}.listen-profile h1{font-size:1.65rem;overflow-wrap:anywhere}.listen-profile p{margin:0;font-size:.8rem}.listen-actions{display:flex;flex-wrap:wrap;gap:10px;margin:14px 0}.listen-actions button{flex-grow:1}.listen-selection{padding:18px;border-radius:20px;border:1px solid #c9a84c44;background:var(--nav-selected);margin-bottom:24px}.listen-selection .listen-section-heading{margin-top:0}.listen-selection label{display:grid;gap:8px;font-size:.8rem}.listen-selection small{display:block}.listen-surah-row{display:flex;align-items:center;padding-right:8px}.listen-surah-row>input{width:20px;height:20px;flex-shrink:0;margin-left:14px;accent-color:var(--nav-accent)}.listen-surah-row.is-current{background:var(--nav-selected);box-shadow:inset 3px 0 var(--nav-accent)}.listen-track-menu{position:relative;flex-shrink:0}.listen-track-menu summary{list-style:none;cursor:pointer;padding:14px 10px;color:var(--listen-muted);min-width:44px}.listen-track-menu summary::-webkit-details-marker{display:none}.listen-track-menu>div{position:absolute;right:0;top:100%;z-index:3;background:var(--color-bg-secondary);border:1px solid var(--listen-line);box-shadow:0 12px 35px #0005;border-radius:14px;padding:8px;width:225px}.listen-track-menu button{padding:12px;text-align:left;border:0;background:none;font-size:.8rem;min-height:44px}.listen-track-menu>div>button{display:block;width:100%}.listen-track-menu span{display:flex;justify-content:space-between;align-items:center;font-size:.8rem;padding-left:12px}.listen-download{padding:18px;border-bottom:1px solid var(--listen-line)}.listen-download:last-child{border-bottom:0}.listen-download strong,.listen-download small{display:block;overflow-wrap:anywhere}.listen-download progress{width:100%;height:5px;margin-top:16px;accent-color:var(--nav-accent)}.listen-dialog{width:min(440px,calc(100vw - 28px));max-height:calc(100dvh - 32px);overflow:auto;border:1px solid #c9a84c55;border-radius:24px;margin:auto;padding:24px;background:var(--color-bg-secondary, #1a1a2e);color:var(--color-text-primary, #fff);box-shadow:0 30px 100px #0006}.listen-dialog::backdrop{background:#080b16bd;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.listen-dialog header{display:flex;align-items:center;justify-content:space-between;gap:8px}.listen-dialog header span{font-size:.65rem;letter-spacing:.1em;color:var(--nav-accent)}.listen-dialog header button{border:0;background:transparent;padding:10px}.listen-dialog h2{font-size:1.5rem}.listen-dialog p{font-size:.85rem;color:var(--color-text-secondary);line-height:1.6}.listen-dialog small{display:block;font-size:.75rem;color:var(--color-text-secondary);line-height:1.6}.listen-range-fields{display:flex;gap:12px;margin:20px 0}.listen-range-fields label{display:grid;gap:8px;flex:1;font-size:.8rem}.listen-range-fields input{width:100%;min-width:0;padding:13px;font-size:16px;border-radius:12px;border:1px solid #c9a84c44;background:var(--color-bg-primary);color:inherit}.listen-dialog>.listen-primary,.listen-dialog>.listen-secondary{width:100%;margin-top:14px}.listen-dialog>.listen-secondary{background:transparent;border-color:#c9a84c55}@media(max-width:600px){.listen-hub{padding-left:16px;padding-right:16px}.listen-reciter-grid{grid-template-columns:1fr}.listen-profile h1{font-size:1.35rem}.listen-profile .listen-avatar{width:58px;height:58px}.listen-resume{padding:21px}.listen-track{gap:10px;padding:14px 12px}.listen-section-heading h2{font-size:1rem}.listen-profile{gap:12px}}@media(prefers-reduced-motion:reduce){.listen-reciter{transition:none}}.listen-hub .listen-search input:focus-visible{outline:none}.mini-player,.mini-player-pill{position:fixed;bottom:calc(var(--bottom-nav-height, 72px) + 8px);z-index:500;color:var(--color-text-primary);background:var(--color-bg-secondary);border:1px solid color-mix(in srgb,var(--color-text-secondary) 22%,transparent);box-shadow:0 12px 40px #0005;font-size:.85rem}.mini-player{left:12px;right:12px;max-width:740px;margin:auto;border-radius:20px;overflow:hidden;max-height:calc(100dvh - var(--bottom-nav-height, 72px) - env(safe-area-inset-top,0px) - 28px);display:flex;flex-direction:column}.mini-player *{box-sizing:border-box}.mini-player button,.mini-player-pill button{font:inherit;color:inherit;background:transparent;border:0;cursor:pointer;min-height:40px;padding:8px;border-radius:10px}.mini-player button:disabled{opacity:.4;cursor:not-allowed}.mini-player button:hover{background:var(--nav-selected)}.mini-player :focus-visible,.mini-player-pill :focus-visible{outline:2px solid var(--nav-accent);outline-offset:-2px}.mini-player__progress{height:3px;background:#8b6bb51a;flex-shrink:0}.mini-player__progress span{display:block;height:100%;background:var(--nav-accent);transition:width .2s linear}.mini-player__main{display:flex;align-items:center;gap:4px;padding:9px 12px;flex-shrink:0}.mini-player .mini-player__info{text-align:left;flex:1;min-width:0;padding:4px 8px}.mini-player__info strong,.mini-player__info small{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.mini-player__info strong{font-size:.94rem}.mini-player__info small{color:var(--color-text-secondary);font-size:.7rem;margin-top:4px}.mini-player .mini-player__play,.mini-player-pill .mini-player__play{background:var(--nav-accent);color:var(--color-bg-primary);display:grid;place-items:center;width:42px;height:42px;border-radius:50%;flex-shrink:0;margin:0 3px}.mini-player__body{overflow-y:auto;overscroll-behavior:contain;padding:4px 16px 16px;min-height:0}.mini-player__seek input{width:100%;accent-color:var(--nav-accent);margin:8px 0 0;height:22px;cursor:pointer}.mini-player__times{display:flex;justify-content:space-between;font-variant-numeric:tabular-nums;font-size:.7rem;color:var(--color-text-secondary)}.mini-player__transport{display:flex;justify-content:space-between;align-items:center;margin:12px 0}.mini-player__transport button{font-size:.8rem;display:flex;align-items:center;justify-content:center;min-width:42px}.mini-player__transport button[aria-pressed=true]{color:var(--nav-accent);background:var(--nav-selected)}.mini-player__settings{display:grid;grid-template-columns:1fr 1.5fr;gap:12px}.mini-player__settings label{display:grid;gap:7px;font-size:.7rem;color:var(--color-text-secondary)}.mini-player__settings select{width:100%;min-width:0;background:var(--color-bg-primary);color:var(--color-text-primary);border:1px solid #8b6bb54a;font:inherit;font-size:.8rem;border-radius:10px;padding:10px 6px;min-height:42px}.mini-player__tools{display:flex;gap:6px;flex-wrap:wrap;margin:14px 0}.mini-player__tools>button,.mini-player__tools>a{color:inherit;text-decoration:none;border-radius:10px;border:1px solid #8b6bb530;font-size:.75rem;padding:9px}.mini-player__hint{font-size:.72rem;color:var(--nav-accent);line-height:1.5;margin:8px 0}.mini-player__queue-title{display:flex;justify-content:space-between;align-items:center;font-size:.75rem;border-top:1px solid #8b6bb530;padding-top:10px}.mini-player__queue-title button{font-size:.7rem;color:var(--color-text-secondary)}.mini-player__queue{max-height:190px;overflow:auto;padding:0;margin:4px 0;list-style:none}.mini-player__queue li{display:flex;align-items:center;border-radius:10px}.mini-player__queue li[aria-current]{background:var(--nav-selected);color:var(--nav-accent)}.mini-player__queue li>button:first-child{flex:1;min-width:0;display:flex;align-items:center;gap:10px;text-align:left}.mini-player__queue strong{font-size:.78rem;font-weight:500}.mini-player__queue small{display:block;font-size:.65rem;color:var(--color-text-secondary);margin-top:3px}.mini-player__queue li>button:last-child{flex-shrink:0}.mini-player__error{padding:10px 16px;background:#b6404020;color:var(--color-text-primary);font-size:.75rem;line-height:1.5}.mini-player__error button{color:var(--nav-accent);text-decoration:underline}.mini-player-pill{right:12px;max-width:calc(100vw - 24px);display:flex;gap:4px;align-items:center;border-radius:40px;padding:6px}.mini-player-pill>button:last-child{display:flex;align-items:center;gap:12px;max-width:250px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:.8rem}@media(prefers-reduced-motion:reduce){.mini-player__progress span{transition:none}}.home-page .home-header{position:relative;padding-top:16px;padding-bottom:12px;min-height:0}.home-page .home-header__greeting{font-size:23px}.home-page .home-header__dates{margin-top:5px}.home-customize-open{position:absolute;right:16px;top:68px;width:40px;height:40px;border:1px solid var(--home-line);border-radius:14px;background:var(--home-surface);cursor:pointer;font-size:18px}.home-page .home-header__left{padding-right:42px}.home-resume{margin:0 16px 14px;border:1px solid #c9b47750;border-radius:20px;background:var(--home-feature-surface,var(--home-surface));overflow:hidden}.home-resume-tabs{display:flex;padding:6px;gap:4px;border-bottom:1px solid var(--home-line)}.home-resume-tabs button{flex:1;padding:10px 2px;border:0;background:transparent;color:var(--home-muted);border-radius:12px;font:inherit;font-size:12px;cursor:pointer}.home-resume-tabs button[aria-pressed=true]{background:#c9b4771c;color:var(--home-gold)}.home-resume-action{width:100%;display:flex;align-items:center;justify-content:space-between;gap:16px;text-align:left;padding:17px;background:transparent;color:var(--home-text);border:0;cursor:pointer;font:inherit}.home-resume-action strong{display:block;font-size:17px}.home-resume-action small{display:block;font-size:12px;line-height:1.6;color:var(--home-muted);margin-top:5px;overflow-wrap:anywhere}.home-resume-action>span:last-child{font-size:22px;color:var(--home-gold)}.home-resume-streak{display:block;margin:0 17px 12px;color:var(--home-muted);font-size:11px}.home-page .home-day-context{margin-bottom:18px}.home-page .home-prayer{padding:12px 14px;gap:5px}.home-page .home-prayer__emoji,.home-page .home-prayer__time{font-size:22px}.home-page .home-prayer__source{font-size:10px;gap:4px}.home-page .home-seasonal{padding:10px 14px}.home-page .home-seasonal__emoji{font-size:20px}.home-quick{margin:0 16px 22px}.home-section-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:9px}.home-section-heading h2{font-size:12px;color:var(--home-text);font-weight:600;margin:0}.home-section-heading button{background:transparent;border:0;color:var(--home-gold);min-height:36px;cursor:pointer;font-size:12px}.home-quick-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.home-quick-grid a,.home-quick-grid>button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;min-height:80px;padding:10px 3px;background:var(--home-surface);border:1px solid var(--home-line);border-radius:16px;color:var(--home-text);text-decoration:none;font-size:11px;text-align:center;overflow-wrap:anywhere}.home-quick-grid a span{font-size:24px}.home-quick-grid>button{grid-column:1/-1}.home-daily-combined{margin:0 16px 22px;border:1px solid var(--home-line);border-radius:18px;overflow:hidden;background:var(--home-surface)}.home-page .home-daily-combined .learning-home{margin:0!important;border:0;border-radius:0;padding:14px 16px;box-shadow:none;gap:4px;min-height:0;background:transparent}.home-daily-combined .learning-home strong{font-size:16px}.home-daily-combined .learning-home>span:last-child{font-size:12px}.home-daily-advice{border-top:1px solid var(--home-line)}.home-daily-advice summary{padding:13px 16px;display:flex;justify-content:space-between;align-items:center;gap:10px;cursor:pointer;font-size:12px;list-style:none;color:var(--home-text)}.home-daily-advice summary::-webkit-details-marker{display:none}.home-daily-advice summary>span:last-child{color:var(--home-gold);font-size:10px;white-space:nowrap}.home-daily-advice .companion-card{margin:0 8px 8px;box-shadow:none}.home-advice-all{display:block;padding:6px 16px 14px;color:var(--home-gold);font-size:12px}.home-page .hadith-card{padding:20px 18px;margin-bottom:24px}.home-page .hadith-card__arabic{font-size:25px;line-height:1.95}.home-page .hadith-card__french{font-size:14px;line-height:1.8}.home-page .hadith-card__actions{display:flex;flex-wrap:wrap;width:100%;gap:7px}.home-page .hadith-card__action-btn{font-size:11px;min-height:40px}.home-page .hadith-card__meta{gap:10px}.home-page .home-dhikr .dhikr-draggable,.home-page .home-dhikr .dhikr-draggable--wide{flex:1 1 calc(50% - 5px);width:calc(50% - 5px)}.home-page .home-dhikr-compact{min-height:130px;padding:14px 12px;display:grid;grid-template-columns:24px minmax(0,1fr);gap:6px;align-content:center}.home-page .home-dhikr-compact .dhikr-card__daily,.home-page .home-dhikr-compact .dhikr-card__ar,.home-page .home-dhikr-compact .dhikr-card__desc{display:none}.home-page .home-dhikr-compact .dhikr-card__emoji{font-size:20px;grid-column:1}.home-page .home-dhikr-compact .dhikr-card__fr{grid-column:2;font-size:12px;line-height:1.5;color:var(--home-text)}.home-page .home-dhikr-compact .dhikr-card__count{grid-column:1/-1;font-size:23px;margin:0;padding-top:5px}.home-page .home-dhikr-compact .dhikr-card__bar{grid-column:1/-1}.home-page .home-dhikr-compact .dhikr-card__series{display:none}.home-page .home-dhikr .dhikr-card--add{min-height:130px}.home-page .dhikr-card--editing{padding-bottom:55px}.home-dialog{border:1px solid #c9b47735;border-radius:24px;background:var(--color-bg-primary,#1a1a2e);color:var(--color-text-primary,#f1edf7);width:min(560px,calc(100vw - 20px));max-height:calc(100dvh - 24px);padding:0;margin:auto;box-shadow:0 24px 90px #0006;overscroll-behavior:contain}.home-dialog::backdrop{background:#070713a8;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.home-dialog-inner{padding:0 20px max(20px,env(safe-area-inset-bottom))}.home-dialog header{position:sticky;top:0;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 0;background:var(--color-bg-primary,#1a1a2e);z-index:2;border-bottom:1px solid #ffffff12}.home-dialog h2{font-size:18px;margin:0}.home-dialog button{color:inherit;font:inherit;cursor:pointer;min-width:44px;min-height:44px;border:1px solid #bba4eb25;border-radius:12px;background:#bba4eb0b}.home-dialog button:disabled{opacity:.35;cursor:default}.home-dialog button:focus-visible,.home-dialog a:focus-visible{outline:2px solid #c9b477;outline-offset:3px}.home-dialog header button{border:0;display:grid;place-items:center}.home-custom-section{padding-block:12px}.home-custom-section h3{font-size:15px}.home-custom-section p{font-size:13px;color:var(--color-text-secondary,#b8b0cc);line-height:1.6}.home-order-row{display:flex;align-items:center;gap:6px;padding:6px 0}.home-order-row>span{flex:1;font-size:13px}.home-shortcut-picker{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:16px}.home-shortcut-picker button{font-size:13px;text-align:left;padding:10px}.home-shortcut-picker button[aria-pressed=true],.home-font-choices button[aria-pressed=true]{border-color:#c9b477;background:#c9b47720}.home-dialog .home-dialog-done{width:100%;margin-top:16px;background:#c9b477;color:#191724;font-weight:600}.home-dhikr-focus{text-align:center;padding-top:16px}.home-focus-nav{display:flex;align-items:center;justify-content:space-between;color:var(--color-text-secondary,#b8b0cc);font-size:13px}.home-focus-ar{font-family:var(--font-arabic);font-size:clamp(26px,7vw,36px);line-height:2;overflow-wrap:anywhere;margin:20px 0 12px}.home-focus-phonetic{font-size:17px;line-height:1.7;overflow-wrap:anywhere}.home-dhikr-focus>p:not(.home-focus-ar){color:var(--color-text-secondary,#b8b0cc)}.home-dialog .home-dhikr-tap{width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;min-height:160px;margin:20px 0 12px;border:1px solid #c9b47766;background:linear-gradient(145deg,#b19ce323,#c9b47715);touch-action:pan-y;-webkit-user-select:none;user-select:none}.home-dhikr-tap strong{font-size:54px;line-height:1.1;font-variant-numeric:tabular-nums;color:#dbc588}.home-dhikr-tap span{font-size:13px}.home-dhikr-tap small,.home-focus-hint{font-size:11px;color:var(--color-text-secondary,#b8b0cc)}.home-dhikr-focus progress{width:100%;height:5px;accent-color:#c9b477}.home-undo{margin:14px 0;width:100%;font-size:13px!important}.home-focus-hint{display:block}.home-dialog--reading{width:min(720px,calc(100vw - 20px))}.home-hadith-reading{font-size:var(--home-reading-size);line-height:1.9}.home-hadith-reading p{overflow-wrap:anywhere}.home-hadith-reading-ar{font-size:calc(var(--home-reading-size)*1.65);line-height:2;font-family:var(--font-arabic)}.home-font-choices{display:flex;gap:8px;padding:16px 0}.home-font-choices button{flex:1;font-size:12px}.home-hadith-reference{border-top:1px solid #ffffff18;margin-top:26px;padding-top:12px;font-size:13px}.home-hadith-reference a{color:#c9b477}.home-hadith-reference h3{font-size:14px}@media(max-width:360px){.home-resume-tabs button{font-size:11px}.home-resume-action strong{font-size:15px}.home-dialog-inner{padding-inline:14px}.home-page .home-header__greeting{font-size:20px}.home-page .home-dhikr-compact{padding-inline:10px}.home-quick-grid{gap:5px}}@media(prefers-reduced-motion:reduce){.home-dialog *{scroll-behavior:auto!important}}.home-page .home-header{align-items:flex-start;gap:12px}.home-page .home-header__left{order:0;min-width:0;padding-right:0}.home-page .home-customize-open{position:static;order:1;flex:0 0 44px;width:44px;height:44px}.home-page .home-header__greeting{padding-right:0}.home-reminders{margin:0 0 18px;min-width:0}.home-reminders-track{display:flex;gap:10px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x proximity;scroll-padding-inline:16px;padding:3px 16px 8px;scrollbar-width:thin;scrollbar-color:var(--home-line) transparent}.home-reminder-card{flex:0 0 min(72vw,260px);min-width:0;box-sizing:border-box;display:flex;flex-direction:column;align-items:flex-start;gap:10px;padding:16px;border:1px solid #b99b5a40;border-radius:18px;background:linear-gradient(135deg,#8966b51c,transparent 90%),var(--home-surface);color:var(--home-text);text-decoration:none;scroll-snap-align:start}.home-reminder-top{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%}.home-reminder-emoji{font-size:24px;line-height:1.2}.home-reminder-time{font-size:10px;color:var(--home-muted)}.home-reminder-card h3{margin:0;font-size:15px;line-height:1.45;font-weight:600;overflow-wrap:anywhere}.home-reminder-action{display:flex;align-items:center;gap:10px;justify-content:space-between;width:100%;padding:8px 0 0;margin-top:auto;min-height:36px;box-sizing:border-box;color:var(--home-gold);font:inherit;font-size:12px;line-height:1.5;text-align:left;background:none;border:0;cursor:pointer}button.home-reminder-action{min-height:44px}.home-reminders :focus-visible,.home-sentinel-shortcut:focus-visible{outline:2px solid var(--home-gold);outline-offset:2px}.home-page .home-header-actions{order:1;display:flex;gap:6px;flex-shrink:0}.home-sentinel-shortcut{position:relative;display:grid;place-items:center;width:44px;height:44px;border:1px solid var(--home-line);border-radius:14px;background:var(--home-surface);font-size:23px;text-decoration:none}.home-sentinel-dot{position:absolute;right:5px;top:5px;width:8px;height:8px;border-radius:50%;background:var(--home-gold);box-shadow:0 0 0 2px var(--home-surface)}@media(max-width:360px){.home-page .home-header{gap:6px}.home-page .home-header-actions{flex-direction:column}}.home-reminder-more{flex-shrink:0;margin-left:auto;min-width:44px;min-height:44px;border:0;border-radius:12px;background:transparent;color:var(--home-muted);font-size:24px;cursor:pointer;line-height:1}.home-reminder-link{display:flex;flex:1;flex-direction:column;gap:8px;width:100%;text-decoration:none;color:inherit;min-width:0}.home-reminder-detail{margin:0;color:var(--home-muted);font-size:11px;line-height:1.5}.home-reminder-card:has(.home-reminder-more){padding-top:8px;gap:4px}.home-reminder-notice{margin:5px 16px;display:flex;gap:10px;align-items:center;padding:9px 12px;background:var(--home-surface);border:1px solid var(--home-line);border-radius:12px;font-size:12px;color:var(--home-text)}.home-reminder-notice>span{flex:1}.home-reminder-notice button{min-height:44px;border:0;background:none;color:var(--home-gold);cursor:pointer}.reminder-options{display:flex;flex-direction:column;gap:12px;color:var(--color-text-primary)}.reminder-options h3{font-size:15px;margin:10px 0 0}.reminder-options p{font-size:12px;line-height:1.6;color:var(--color-text-secondary)}.reminder-options button{padding:12px;min-height:44px;border:1px solid #c9a84c40;border-radius:12px;background:#9276b918;color:inherit;text-align:left;cursor:pointer}.reminder-options button:disabled{opacity:.45;cursor:default}.reminder-options label{display:grid;gap:8px;font-size:13px}.reminder-options input{box-sizing:border-box;width:100%;min-width:0;padding:12px;border:1px solid #c9a84c40;border-radius:12px;background:var(--color-bg-secondary);color:inherit;font:inherit}.reminder-preset{display:flex;gap:8px;flex-wrap:wrap}.reminder-preset button{flex:1}.reminder-options [role=alert]{color:var(--color-text-primary);border-left:2px solid #c9a84c;padding-left:10px}.religious-reference{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;margin:10px 0;color:var(--color-text-secondary,#b5bfd1);font-size:12px;line-height:1.5;overflow-wrap:anywhere}.religious-reference__kind{padding:3px 8px;border-radius:999px;border:1px solid rgba(201,168,76,.35);color:var(--color-accent,#d8bc73);font-weight:700}.religious-reference a{display:inline-flex;align-items:center;min-height:44px;color:var(--color-accent,#d8bc73);text-decoration:underline;text-underline-offset:3px}.religious-reference__pending{color:#d9ac72;font-size:11px}.religious-reference a:focus-visible{outline:2px solid currentColor;outline-offset:3px;border-radius:4px}.islamic-calendar{margin:1rem 0;border:1px solid var(--color-border,rgba(167,139,250,.22));border-radius:22px;overflow:hidden;color:var(--color-text);background:linear-gradient(145deg,#7c58b61f,#7c58b609)}.islamic-calendar button,.islamic-calendar select,.islamic-calendar input{font:inherit}.islamic-calendar button{cursor:pointer;color:inherit}.islamic-calendar button:focus-visible,.islamic-calendar a:focus-visible,.islamic-calendar summary:focus-visible{outline:2px solid var(--color-accent,#c9a84c);outline-offset:3px}.islamic-calendar__header{width:100%;display:flex;align-items:center;gap:.5rem;min-height:64px;padding:1rem;border:0;background:transparent;text-align:left}.islamic-calendar__title{display:flex;align-items:center;gap:.5rem;font-size:.95rem;font-weight:650;flex:1}.islamic-calendar__title svg{color:var(--color-accent,#c9a84c);flex-shrink:0}.calendar-header-date{font-size:.72rem;color:var(--color-text-secondary)}.islamic-calendar__header .rotated{transform:rotate(90deg)}.islamic-calendar__body{padding:0 1rem 1rem}.calendar-month-heading{text-align:center;padding:1rem .1rem;background:radial-gradient(ellipse at top,rgba(164,129,233,.13),transparent 72%)}.calendar-month-navigation{display:flex;align-items:center;justify-content:space-between;gap:.5rem;margin:.75rem 0}.calendar-month-navigation h2{margin:0;font-size:1.35rem;font-weight:650}.calendar-month-navigation h2 span{font-size:.75rem;color:var(--color-text-secondary);display:block;margin-top:.35rem}.calendar-month-navigation p{font-family:Amiri,serif;color:var(--color-accent,#c9a84c);font-size:1.5rem;margin:.2rem 0}.calendar-month-navigation button{width:44px;height:44px;display:grid;place-items:center;border-radius:50%;border:1px solid rgba(167,139,250,.2);background:#a78bfa0f;flex-shrink:0}.calendar-today-button{background:#c9a84c1a;border:1px solid rgba(201,168,76,.22);border-radius:16px;padding:.65rem .85rem;min-height:44px;font-size:.8rem!important}.calendar-alignment{border-top:1px solid rgba(167,139,250,.15);border-bottom:1px solid rgba(167,139,250,.15);margin:.5rem 0 1rem;padding:.4rem 0;font-size:.8rem}.calendar-alignment summary{cursor:pointer;padding:.7rem .15rem;min-height:44px;box-sizing:border-box}.calendar-alignment p{color:var(--color-text-secondary);line-height:1.65}.calendar-alignment label{display:grid;gap:.45rem;margin:.8rem 0}.calendar-alignment select,.calendar-alignment input{width:100%;box-sizing:border-box;min-height:44px;border:1px solid var(--color-border,rgba(167,139,250,.25));border-radius:10px;padding:.6rem;background:var(--color-bg-secondary,#242239);color:var(--color-text)}.calendar-view-switch{display:flex;gap:.3rem;padding:.3rem;border-radius:14px;background:#8b75b514;margin-bottom:1rem}.calendar-view-switch button{flex:1;min-height:44px;border:1px solid transparent;border-radius:11px;background:transparent;font-size:.85rem}.calendar-view-switch button[aria-pressed=true]{border-color:#a78bfa4d;background:#a78bfa26;font-weight:650}.calendar-weekdays,.calendar-month-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:.25rem}.calendar-weekdays{text-align:center;font-size:.75rem;color:var(--color-text-secondary);margin-bottom:.6rem}.calendar-month-grid button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.2rem;min-width:0;min-height:66px;padding:.35rem .05rem;border:1px solid transparent;border-radius:12px;background:#8f78b30d}.calendar-month-grid strong{font-size:1.05rem}.calendar-month-grid small{font-size:.56rem;white-space:nowrap;color:var(--color-text-secondary)}.calendar-day-marker{font-size:.65rem;line-height:.8rem;height:.8rem;color:var(--color-accent,#c9a84c)}.calendar-month-grid button[aria-current=date]{border-color:#c9a84ca6}.calendar-month-grid button[aria-pressed=true]{background:linear-gradient(140deg,#9f73e247,#c9a84c1c);box-shadow:inset 0 0 0 1px #a78bfa59}.calendar-legend{font-size:.72rem;color:var(--color-text-secondary);margin:.7rem .1rem 1rem}.calendar-selected{border-radius:17px;border:1px solid rgba(167,139,250,.2);padding:1rem;margin-top:1rem;background:#8b6fb812}.calendar-selected h3{text-transform:capitalize;font-size:1rem;line-height:1.5;margin:.3rem 0}.calendar-date-note{font-size:.73rem;color:var(--color-text-secondary);line-height:1.6}.calendar-event-detail{border-top:1px solid rgba(167,139,250,.15);padding:.85rem 0}.calendar-event-kind{font-size:.68rem;color:var(--color-text-secondary)}.calendar-event-detail h4,.calendar-fasting-controls h4{margin:.4rem 0;font-size:.95rem}.calendar-event-detail p,.calendar-fasting-controls p,.calendar-fast-list p,.calendar-ramadan p{font-size:.85rem;line-height:1.7;color:var(--color-text-secondary);margin:.6rem 0}.calendar-detail-actions{display:flex;align-items:center;flex-wrap:wrap;gap:.5rem}.calendar-detail-actions button,.calendar-detail-actions a{display:inline-flex;align-items:center;min-height:44px;box-sizing:border-box;border:1px solid rgba(167,139,250,.25);border-radius:11px;padding:.6rem .75rem;background:#a78bfa14;color:var(--color-text);text-decoration:none;font-size:.78rem}.calendar-detail-actions button[aria-pressed=true]{background:#c9a84c29;border-color:#c9a84c66}.calendar-fasting-controls{border-top:1px solid rgba(167,139,250,.2);padding-top:.8rem}.calendar-remove-fast{background:transparent;border:0;text-decoration:underline;font-size:.75rem!important;margin-top:.6rem;min-height:44px}.calendar-ramadan{border-radius:17px;padding:1rem;margin-top:1rem;background:linear-gradient(130deg,#c9a84c1f,#9264d91f);border:1px solid rgba(201,168,76,.2)}.calendar-ramadan h3{font-size:1.05rem;margin:.5rem 0}.calendar-agenda,.calendar-fast-list{display:grid;gap:.4rem}.calendar-agenda>button,.calendar-fast-list>button{display:flex;align-items:center;justify-content:space-between;gap:.6rem;padding:.85rem .6rem;background:#a78bfa0f;border:1px solid rgba(167,139,250,.12);border-radius:12px;text-align:left;font-size:.78rem}.calendar-agenda>button>span:nth-child(2){flex:1}.calendar-agenda strong{display:block;font-size:.85rem}.calendar-agenda small{display:block;margin-top:.35rem;font-size:.68rem;line-height:1.5;color:var(--color-text-secondary)}.calendar-feedback{padding:.85rem;border:1px solid rgba(201,168,76,.35);border-radius:12px;font-size:.8rem;line-height:1.6}@media(max-width:360px){.islamic-calendar__body{padding:0 .6rem .7rem}.calendar-header-date{display:none}.calendar-month-grid{gap:.1rem}.calendar-month-grid small{font-size:.51rem}.calendar-selected{padding:.8rem}}.home-page{min-height:100vh;background:linear-gradient(160deg,#0a0e1a,#1a1a2e 35%,#16213e 65%,#0f3460);padding:0 0 100px;color:#e0e0e0;overflow-x:hidden;position:relative}.home-page:before,.home-page:after{content:"";position:fixed;border-radius:50%;filter:blur(80px);opacity:.15;pointer-events:none;z-index:0}.home-page:before{width:300px;height:300px;background:radial-gradient(circle,#c9a84c,transparent 70%);top:-50px;right:-80px;animation:float-orb 8s ease-in-out infinite}.home-page:after{width:250px;height:250px;background:radial-gradient(circle,#58A6FF,transparent 70%);bottom:100px;left:-60px;animation:float-orb 10s ease-in-out infinite reverse}@keyframes float-orb{0%,to{transform:translate(0) scale(1)}33%{transform:translate(30px,-20px) scale(1.1)}66%{transform:translate(-15px,15px) scale(.95)}}.home-header{padding:20px 52px 12px 20px;display:flex;align-items:center;justify-content:space-between;position:relative;z-index:5;animation:slide-down .5s cubic-bezier(.16,1,.3,1)}@keyframes slide-down{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.home-header__left{flex:1}.home-header__greeting{font-size:1.5rem;font-weight:800;color:#fff;margin-bottom:4px;display:flex;align-items:center;gap:10px}.home-header__greeting-emoji{font-size:1.6rem;animation:gentle-bounce 2s ease-in-out infinite}@keyframes gentle-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.home-header__hijri{font-size:.82rem;color:#ffffff73;font-weight:400;direction:ltr}.home-header__hijri-ar{font-size:.88rem;color:#fff9;font-family:Amiri,Traditional Arabic,serif;direction:rtl;margin-top:2px}.home-streak{display:flex;flex-direction:column;align-items:center;gap:2px;background:linear-gradient(135deg,#ff6b002e,#ff3c0014);border:1px solid rgba(255,107,0,.25);border-radius:16px;padding:10px 14px;min-width:58px;animation:fade-up .6s cubic-bezier(.16,1,.3,1) .15s both}.home-streak__flame{color:#ff6b00;animation:flame-pulse 1.5s ease-in-out infinite;filter:drop-shadow(0 0 6px rgba(255,107,0,.5))}@keyframes flame-pulse{0%,to{transform:scale(1);filter:drop-shadow(0 0 6px rgba(255,107,0,.5))}50%{transform:scale(1.15);filter:drop-shadow(0 0 12px rgba(255,107,0,.8))}}.home-streak__count{font-size:1.3rem;font-weight:800;color:#ff8c42;line-height:1}.home-streak__label{font-size:.55rem;color:#ff8c4299;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.home-continue-row{display:flex;align-items:stretch;gap:10px;margin:6px 16px 14px;position:relative;z-index:1;animation:fade-up .5s cubic-bezier(.16,1,.3,1) .1s both}.home-continue{flex:1;padding:16px 18px;background:linear-gradient(135deg,#c9a84c2e,#c9a84c0f);border:1px solid rgba(201,168,76,.25);border-radius:18px;display:flex;align-items:center;gap:14px;cursor:pointer;position:relative;z-index:1;overflow:hidden;color:#e0e0e0;transition:all .3s cubic-bezier(.34,1.56,.64,1)}.home-continue:before{content:"";position:absolute;top:0;left:-100%;width:200%;height:100%;background:linear-gradient(90deg,transparent,rgba(201,168,76,.08),transparent);animation:shimmer 4s ease-in-out infinite}.home-continue:active{transform:scale(.97)}.home-continue__icon{width:42px;height:42px;border-radius:14px;background:#c9a84c33;color:#e8d48b;display:flex;align-items:center;justify-content:center;flex-shrink:0}.home-continue__text{flex:1;display:flex;flex-direction:column;gap:3px}.home-continue__title{font-size:.82rem;font-weight:700;color:#e8d48b}.home-continue__page{font-size:.72rem;color:#ffffff73}.home-continue__arrow{font-size:1.2rem;color:#c9a84c80;font-weight:300}.home-prayer-link{text-decoration:none;display:block;-webkit-tap-highlight-color:transparent}.home-prayer-link:hover .home-prayer{background:#ffffff14;border-color:#ffffff26;transform:translateY(-2px)}.home-prayer-link:active .home-prayer{transform:scale(.98)}.home-prayer{margin:0 16px 14px;padding:14px 18px;background:#ffffff0d;border:1px solid rgba(255,255,255,.08);border-radius:16px;display:flex;align-items:center;justify-content:space-between;position:relative;z-index:1;animation:fade-up .5s cubic-bezier(.16,1,.3,1) .15s both}.home-prayer__left{display:flex;align-items:center;gap:10px}.home-prayer__emoji{font-size:1.4rem}.home-prayer__name{display:block;font-size:.82rem;font-weight:700;color:#ffffffd9}.home-prayer__name-ar{display:block;font-size:.78rem;font-family:Amiri,serif;color:#fff6;direction:rtl}.home-prayer__right{text-align:right;display:flex;flex-direction:column;gap:2px}.home-prayer__time{font-size:1.1rem;font-weight:800;color:#c9a84c}.home-prayer__countdown{font-size:.65rem;color:#ffffff59;font-weight:500}.home-today{margin:0 16px 16px;position:relative;z-index:1;animation:fade-up .5s cubic-bezier(.16,1,.3,1) .2s both}.home-today__title{font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:1.5px;color:#ffffff4d;margin-bottom:8px;padding-left:4px}.home-today__tip{display:flex;align-items:flex-start;gap:10px;padding:10px 14px;background:#ffffff0a;border-radius:12px;margin-bottom:6px;border-left:3px solid rgba(201,168,76,.3)}.home-today__tip-emoji{font-size:1rem;flex-shrink:0;margin-top:1px}.home-today__tip-text{font-size:.78rem;color:#ffffff8c;line-height:1.5}.home-dhikr{margin:0 16px 22px;position:relative;z-index:1;animation:fade-up .6s cubic-bezier(.16,1,.3,1) .4s both}.home-dhikr__header{display:flex;align-items:center;gap:8px;margin-bottom:12px;padding-left:4px}.home-dhikr__title{font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:1.5px;color:#ffffff4d;flex:1}.home-dhikr__badge{font-size:.65rem;color:#38ef7dcc;font-weight:700}.home-dhikr__reset-all{background:#ffffff0f;border:1px solid rgba(255,255,255,.08);border-radius:8px;color:#ffffff59;padding:4px 8px;font-size:.6rem;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:3px;transition:all .2s}.home-dhikr__reset-all:active{transform:scale(.93);background:#ffffff1a}.home-dhikr__flex-container{display:flex;flex-wrap:wrap;gap:10px;padding:2px}.dhikr-card{position:relative;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:10px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;cursor:pointer;color:#e0e0e0;width:100%;height:110px;-webkit-tap-highlight-color:transparent;transition:all .15s cubic-bezier(.34,1.56,.64,1);overflow:hidden}.dhikr-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--dhikr-color);opacity:.5;border-radius:16px 16px 0 0}.dhikr-card:active{transform:scale(.95);background:#ffffff14}.dhikr-card--done{background:#38ef7d0f;border-color:#38ef7d26}.dhikr-card--done:before{background:#38ef7d;opacity:.7}.dhikr-card__series{position:absolute;top:5px;right:5px;font-size:.65rem;font-weight:800;color:var(--dhikr-color);background:#ffffff14;border-radius:6px;padding:2px 5px;line-height:1}.dhikr-card__daily{position:absolute;bottom:27px;left:7px;font-size:.5rem;font-weight:700;color:var(--dhikr-color);opacity:.7;letter-spacing:.3px}.dhikr-card__emoji{font-size:1.1rem;margin-bottom:2px}.dhikr-card__ar{font-family:Amiri,Traditional Arabic,serif;font-size:1.05rem;color:#fff;font-weight:700;line-height:1.4;text-align:center;direction:rtl}.dhikr-card__fr{font-size:.58rem;color:#ffffff59;font-weight:600;text-transform:uppercase;letter-spacing:.5px;text-align:center;line-height:1.2}.dhikr-card__desc{font-size:.55rem;color:#ffffff40;font-style:italic;text-align:center;line-height:1.2;margin-top:-2px}.dhikr-card__count{font-size:1.1rem;font-weight:800;color:var(--dhikr-color);margin-top:2px}.dhikr-card__bar{width:100%;height:3px;background:#ffffff0f;border-radius:3px;overflow:hidden;margin-top:4px}.dhikr-card__bar-fill{height:100%;border-radius:3px;background:var(--dhikr-color);transition:width .3s ease}.dhikr-card__reset{position:absolute;top:2px;left:2px;background:#ffffff1f;border:none;border-radius:6px;color:#fff9;padding:5px;cursor:pointer;display:flex;align-items:center;transition:all .2s;z-index:10}.dhikr-card__reset:active{transform:scale(.85);background:#fff3}.dhikr-card--editing .dhikr-card__ar,.dhikr-card--editing .dhikr-card__fr,.dhikr-card--editing .dhikr-card__emoji,.dhikr-card--editing .dhikr-card__count,.dhikr-card--editing .dhikr-card__desc,.dhikr-card--editing .dhikr-card__daily,.dhikr-card--editing .dhikr-card__bar{opacity:.2;pointer-events:none;transition:all .3s}.dhikr-card__arrows{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:4px;z-index:100}.horizontal-arrows{display:flex;gap:34px;align-items:center}.arrow-btn{width:32px;height:32px;border-radius:50%;background:#c9a84ce6;border:none;color:#0a0e1a;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 4px 15px #0009;transition:all .2s cubic-bezier(.175,.885,.32,1.275)}.arrow-btn:active{transform:scale(.85);background:#fff}.ios-delete-badge{position:absolute!important;top:-8px!important;right:-8px!important;left:auto!important;z-index:200!important;background:#ff3b30!important;color:#fff!important;width:36px!important;height:36px!important;border-radius:50%!important;display:flex!important;align-items:center!important;justify-content:center!important;box-shadow:0 4px 12px #ff3b3080!important;border:3px solid #1a1a2e!important}.home-seasonal{margin:4px 16px 16px;padding:14px 16px;background:linear-gradient(135deg,#c9a84c2e,#c9a84c0d);border:1px solid rgba(201,168,76,.25);border-radius:16px;display:flex;align-items:center;gap:12px;position:relative;z-index:1;overflow:hidden;animation:fade-up .6s cubic-bezier(.16,1,.3,1) .1s both}.home-seasonal:before{content:"";position:absolute;top:0;left:-100%;width:200%;height:100%;background:linear-gradient(90deg,transparent,rgba(201,168,76,.08),transparent);animation:shimmer 4s ease-in-out infinite}@keyframes shimmer{0%{transform:translate(-50%)}to{transform:translate(50%)}}.home-seasonal__emoji{font-size:2rem;animation:gentle-bounce 3s ease-in-out infinite}.home-seasonal__text{flex:1;position:relative;z-index:1}.home-seasonal__text strong{display:block;color:#e8d48b;font-size:.88rem;font-weight:700;margin-bottom:2px}.home-seasonal__text span{font-size:.75rem;color:#ffffff80}.hadith-card{margin:8px 16px 20px;padding:28px 22px;background:linear-gradient(145deg,#ffffff17,#ffffff05);border:1px solid rgba(255,255,255,.1);border-radius:24px;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);position:relative;z-index:1;overflow:hidden;animation:fade-up .6s cubic-bezier(.16,1,.3,1) .2s both}.hadith-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#c9a84c,#e8d48b,#c9a84c,#e8d48b);background-size:200% 100%;animation:gradient-slide 3s linear infinite;border-radius:24px 24px 0 0}@keyframes gradient-slide{0%{background-position:0% 0}to{background-position:200% 0}}.hadith-card:after{content:"﷽";position:absolute;top:42px;right:18px;font-size:1.1rem;color:#c9a84c33;font-family:Amiri,serif}.hadith-card__label{display:flex;align-items:center;gap:8px;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:1.5px;color:#c9a84c;margin-bottom:20px}.hadith-card__label-dot{width:7px;height:7px;border-radius:50%;background:#c9a84c;box-shadow:0 0 8px #c9a84c80;animation:pulse-dot 2s ease-in-out infinite}@keyframes pulse-dot{0%,to{opacity:1;box-shadow:0 0 8px #c9a84c80}50%{opacity:.4;box-shadow:0 0 2px #c9a84c33}}.hadith-card__arabic{font-family:Amiri,Traditional Arabic,Scheherazade New,serif;font-size:1.55rem;line-height:2.3;color:#fff;text-align:center;direction:rtl;margin-bottom:18px;padding:16px 8px;border-bottom:1px solid rgba(255,255,255,.06);position:relative}.hadith-card__arabic:before,.hadith-card__arabic:after{content:"❁";font-size:.65rem;color:#c9a84c4d;position:absolute;top:50%;transform:translateY(-50%)}.hadith-card__arabic:before{left:0}.hadith-card__arabic:after{right:0}.hadith-card__french{font-size:.95rem;line-height:1.75;color:#ffffffb8;text-align:center;font-style:italic;margin-bottom:18px;padding:0 8px}.hadith-card__meta{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px}.hadith-card__source{font-size:.75rem;color:#fff6;display:flex;align-items:center;gap:4px}.hadith-card__source strong{color:#c9a84c;font-weight:600}.hadith-card__narrator{font-size:.72rem;color:#ffffff59}.hadith-card__actions{display:flex;gap:6px}.hadith-card__action-btn{background:#ffffff0f;border:1px solid rgba(255,255,255,.1);border-radius:12px;color:#ffffff80;cursor:pointer;padding:8px 12px;display:flex;align-items:center;gap:5px;font-size:.72rem;font-weight:600;transition:all .3s cubic-bezier(.34,1.56,.64,1)}.hadith-card__action-btn:hover{background:#c9a84c26;border-color:#c9a84c59;color:#e8d48b;transform:scale(1.05)}.hadith-card__action-btn:active{transform:scale(.95)}.home-surahs{padding:0 0 0 16px;margin-bottom:22px;position:relative;z-index:1;animation:fade-up .6s cubic-bezier(.16,1,.3,1) .3s both}.home-surahs__header{display:flex;align-items:center;justify-content:space-between;padding-right:16px;margin-bottom:12px}.home-surahs__title{font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:1.5px;color:#ffffff4d;display:flex;align-items:center;gap:6px;padding-left:4px}.home-surahs__title svg{color:#c9a84c}.home-surahs__scroll{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding-right:16px;padding-bottom:8px;-webkit-overflow-scrolling:touch}.home-surahs__scroll::-webkit-scrollbar{display:none}.surah-card{flex:0 0 130px;scroll-snap-align:start;background:#ffffff0d;border:1px solid rgba(255,255,255,.08);border-radius:20px;padding:16px 12px;display:flex;flex-direction:column;align-items:center;gap:6px;cursor:pointer;position:relative;overflow:hidden;transition:all .35s cubic-bezier(.34,1.56,.64,1);animation:surah-card-in .5s cubic-bezier(.16,1,.3,1) both;color:#e0e0e0;text-decoration:none;-webkit-tap-highlight-color:transparent}@keyframes surah-card-in{0%{opacity:0;transform:translate(20px) scale(.9)}to{opacity:1;transform:translate(0) scale(1)}}.surah-card__gradient{position:absolute;top:0;left:0;right:0;height:4px;border-radius:20px 20px 0 0;opacity:.8}.surah-card:before{content:"";position:absolute;inset:0;border-radius:20px;opacity:0;transition:opacity .3s}.surah-card:hover:before,.surah-card:active:before{opacity:1;background:radial-gradient(circle at center top,rgba(255,255,255,.06),transparent 70%)}.surah-card:hover{transform:translateY(-6px) scale(1.03);border-color:#fff3;box-shadow:0 12px 30px #0006}.surah-card:active{transform:scale(.95);transition-duration:.1s}.surah-card__emoji{font-size:1.6rem;margin-bottom:2px;animation:gentle-bounce 3s ease-in-out infinite;position:relative;z-index:1}.surah-card__name-ar{font-family:Amiri,Traditional Arabic,serif;font-size:1.25rem;color:#fff;font-weight:700;line-height:1.3;position:relative;z-index:1}.surah-card__name-fr{font-size:.68rem;font-weight:600;color:#fff9;position:relative;z-index:1}.surah-card__benefit{font-size:.6rem;color:#fff6;text-align:center;line-height:1.3;margin-top:2px;font-style:italic;position:relative;z-index:1}.surah-card__verses{font-size:.55rem;color:#ffffff40;font-weight:600;text-transform:uppercase;letter-spacing:.5px;position:relative;z-index:1}.home-shortcuts{padding:0 16px;margin-bottom:22px;position:relative;z-index:1;animation:fade-up .6s cubic-bezier(.16,1,.3,1) .35s both}.home-shortcuts__title{font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:1.5px;color:#ffffff4d;margin-bottom:12px;padding-left:4px}.home-shortcuts__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.home-shortcut{border:1px solid rgba(255,255,255,.08);border-radius:18px;padding:18px 8px 14px;display:flex;flex-direction:column;align-items:center;gap:6px;cursor:pointer;transition:all .35s cubic-bezier(.34,1.56,.64,1);text-decoration:none;color:inherit;position:relative;overflow:hidden}.home-shortcut:before{content:"";position:absolute;inset:0;border-radius:18px;background:radial-gradient(circle at center,rgba(255,255,255,.08),transparent 70%);opacity:0;transition:opacity .3s}.home-shortcut:hover:before{opacity:1}.home-shortcut:hover{transform:translateY(-4px) scale(1.02);border-color:#ffffff2e;box-shadow:0 8px 25px #0000004d}.home-shortcut:active{transform:scale(.93);transition-duration:.1s}.home-shortcut__emoji{font-size:1.8rem;animation:gentle-bounce 3s ease-in-out infinite;position:relative;z-index:1}.home-shortcut__label{font-size:.78rem;font-weight:700;color:#ffffffd9;text-align:center}.home-shortcut__desc{font-size:.6rem;color:#ffffff59;font-weight:500;text-align:center;letter-spacing:.3px}.home-stats{padding:0 16px;margin-bottom:20px;position:relative;z-index:1;animation:fade-up .6s cubic-bezier(.16,1,.3,1) .5s both}.home-stats__title{font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:1.5px;color:#ffffff4d;margin-bottom:12px;padding-left:4px}.home-stats__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.home-stat{background:#ffffff0d;border:1px solid rgba(255,255,255,.08);border-radius:18px;padding:18px 12px;text-align:center;transition:all .3s;position:relative;overflow:hidden}.home-stat:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,rgba(201,168,76,.3),transparent)}.home-stat__value{font-size:1.7rem;font-weight:800;background:linear-gradient(135deg,#c9a84c,#e8d48b,#c9a84c);background-size:200% 100%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:6px;animation:gold-shimmer 3s ease-in-out infinite}@keyframes gold-shimmer{0%,to{background-position:0% 0}50%{background-position:200% 0}}.home-stat__label{font-size:.7rem;color:#fff6;font-weight:500;letter-spacing:.3px}@keyframes fade-up{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@media(max-width:360px){.home-shortcuts__grid{grid-template-columns:repeat(2,1fr)}.hadith-card__arabic,.home-header__greeting{font-size:1.3rem}}.home-last-nights{margin:8px 16px 10px;padding:18px 16px;background:linear-gradient(135deg,#191950e6,#0a0a32f2);border:1px solid rgba(201,168,76,.3);border-radius:20px;display:flex;align-items:center;gap:14px;position:relative;z-index:1;overflow:hidden;animation:fade-up .6s cubic-bezier(.16,1,.3,1) both}.home-last-nights:before{content:"";position:absolute;inset:0;background:radial-gradient(1px 1px at 10% 20%,rgba(255,255,255,.6),transparent),radial-gradient(1px 1px at 30% 60%,rgba(255,255,255,.4),transparent),radial-gradient(1px 1px at 50% 10%,rgba(255,255,255,.5),transparent),radial-gradient(1px 1px at 70% 40%,rgba(255,255,255,.3),transparent),radial-gradient(1px 1px at 90% 70%,rgba(255,255,255,.4),transparent),radial-gradient(1px 1px at 15% 80%,rgba(255,255,255,.3),transparent),radial-gradient(1px 1px at 85% 15%,rgba(255,255,255,.5),transparent);pointer-events:none;animation:twinkle 3s ease-in-out infinite alternate}@keyframes twinkle{0%{opacity:.5}to{opacity:1}}.home-last-nights--odd{border-color:#c9a84c99;box-shadow:0 0 20px #c9a84c26,inset 0 0 30px #c9a84c0d;animation:fade-up .6s cubic-bezier(.16,1,.3,1) both,odd-night-glow 2s ease-in-out infinite}@keyframes odd-night-glow{0%,to{box-shadow:0 0 15px #c9a84c1a}50%{box-shadow:0 0 30px #c9a84c40,inset 0 0 20px #c9a84c0d}}.home-last-nights__stars{position:absolute;top:6px;right:12px;font-size:.5rem;color:#c9a84c66;letter-spacing:4px}.home-last-nights__content{display:flex;align-items:center;gap:14px;flex:1;position:relative;z-index:1}.home-last-nights__night-number{display:flex;flex-direction:column;align-items:center;background:#c9a84c26;border:1px solid rgba(201,168,76,.3);border-radius:14px;padding:8px 14px;min-width:56px}.home-last-nights__number{font-size:1.6rem;font-weight:900;color:#e8d48b;line-height:1}.home-last-nights__suffix{font-size:.55rem;color:#e8d48b99;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.home-last-nights__info{display:flex;flex-direction:column;gap:4px}.home-last-nights__info strong{color:#fff;font-size:.88rem}.home-last-nights__odd-badge{font-size:.68rem;color:#e8d48b;font-weight:600;animation:gentle-bounce 2s ease-in-out infinite}.home-last-nights__dashboard-btn{background:#c9a84c33;border:1px solid rgba(201,168,76,.3);border-radius:12px;color:#e8d48b;padding:8px 14px;font-size:.72rem;font-weight:700;cursor:pointer;text-decoration:none;white-space:nowrap;position:relative;z-index:1;transition:all .2s}.home-last-nights__dashboard-btn:active{transform:scale(.95)}.home-qadr-dua{margin:0 16px 14px;padding:20px 18px;background:linear-gradient(145deg,#c9a84c1f,#c9a84c08);border:1px solid rgba(201,168,76,.2);border-radius:20px;position:relative;z-index:1;animation:fade-up .6s cubic-bezier(.16,1,.3,1) .1s both}.home-qadr-dua__label{font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:1.2px;color:#c9a84c;margin-bottom:14px;display:flex;align-items:center;gap:6px}.home-qadr-dua__arabic{font-family:Amiri,Traditional Arabic,serif;font-size:1.6rem;line-height:2.2;color:#fff;text-align:center;direction:rtl;margin-bottom:12px;padding-bottom:12px;border-bottom:1px solid rgba(201,168,76,.15)}.home-qadr-dua__phonetic{font-size:.85rem;color:#e8d48bb3;font-style:italic;text-align:center;line-height:1.6;margin-bottom:8px}.home-qadr-dua__translation{font-size:.88rem;color:#ffffffb3;text-align:center;line-height:1.6;margin-bottom:10px}.home-qadr-dua__source{font-size:.65rem;color:#ffffff4d;text-align:center;font-style:italic}.dhikr-card--custom{border-style:dashed}.dhikr-card__delete{position:absolute;bottom:5px;right:5px;background:#ff505026;border:none;border-radius:6px;color:#ff646499;padding:3px 4px;cursor:pointer;display:flex;align-items:center;transition:all .2s}.dhikr-card__delete:active{transform:scale(.85);background:#ff50504d}.dhikr-card--add{border:2px dashed rgba(255,255,255,.12);background:transparent;opacity:.6;transition:all .2s}.dhikr-card--add:active{opacity:1;background:#ffffff0a}.dhikr-card--add:before{display:none}.duaa-modal-overlay{position:fixed;inset:0;background:#000000b3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:9999;display:flex;align-items:center;justify-content:center;padding:20px;animation:fade-in .2s ease}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.duaa-modal{background:#1a1a2e;border:1px solid rgba(255,255,255,.12);border-radius:20px;max-width:400px;width:100%;overflow:hidden;animation:modal-slide .3s cubic-bezier(.16,1,.3,1)}@keyframes modal-slide{0%{transform:translateY(30px);opacity:0}to{transform:translateY(0);opacity:1}}.duaa-modal--calendar{max-height:85vh;display:flex;flex-direction:column;background:#1a1a2e;border:1px solid rgba(255,255,255,.15);box-shadow:0 20px 40px #0006}.duaa-modal__scrollable{flex:1;overflow-y:auto;padding:0 15px 20px;-webkit-overflow-scrolling:touch}body.scroll-lock{overflow:hidden!important;touch-action:none}.duaa-modal__header{display:flex;align-items:center;justify-content:space-between;padding:18px 20px;border-bottom:1px solid rgba(255,255,255,.08)}.duaa-modal__header h3{font-size:1rem;color:#e0e0e0;font-weight:700;margin:0}.duaa-modal__header button{background:none;border:none;color:#fff6;cursor:pointer;padding:4px}.duaa-modal__body{padding:20px;display:flex;flex-direction:column;gap:10px}.duaa-modal__body label{font-size:.72rem;font-weight:600;color:#ffffff80;text-transform:uppercase;letter-spacing:.5px}.duaa-modal__body input{background:#ffffff0f;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:12px 14px;color:#e0e0e0;font-size:.9rem;outline:none;transition:border-color .2s}.duaa-modal__body input:focus{border-color:#c9a84c80}.duaa-modal__body input[dir=rtl]{font-family:Amiri,Traditional Arabic,serif;font-size:1.1rem}.duaa-modal__emojis{display:flex;gap:8px;flex-wrap:wrap;margin-top:4px}.duaa-modal__emojis button{background:#ffffff0f;border:2px solid transparent;border-radius:10px;font-size:1.2rem;padding:6px 10px;cursor:pointer;transition:all .2s}.duaa-modal__emojis button.active{border-color:#c9a84c;background:#c9a84c26}.duaa-modal__submit{margin:0 20px 20px;padding:14px;background:linear-gradient(135deg,#c9a84c,#8b6914);border:none;border-radius:14px;color:#fff;font-size:.95rem;font-weight:700;cursor:pointer;transition:all .2s}.duaa-modal__submit:disabled{opacity:.4;cursor:not-allowed}.duaa-modal__submit:not(:disabled):active{transform:scale(.97)}@keyframes jiggle{0%{transform:rotate(-1.5deg)}50%{transform:rotate(1.5deg)}to{transform:rotate(-1.5deg)}}.dhikr-card--editing{transform-origin:50% 50%;cursor:grab;opacity:.95;box-shadow:0 4px 12px #0003!important}.dhikr-card--editing:active{cursor:grabbing;transform:scale(1.08)!important;animation:none;z-index:100!important;box-shadow:0 8px 24px #0006!important}.ios-delete-badge{position:absolute;top:6px!important;right:6px!important;left:auto!important;width:28px!important;height:28px!important;background:#ff3b30!important;color:#fff!important;border-radius:50%!important;display:flex!important;align-items:center!important;justify-content:center!important;box-shadow:0 2px 6px #0000004d!important;z-index:10!important;border:2px solid #1a1a2e!important;cursor:pointer!important;padding:0!important}.ios-delete-badge:active{background:#d32f2f!important;transform:scale(.85)!important}.home-page{--home-gold: #deca93;--home-text: #f2f1ed;--home-muted: #b4bdcb;--home-surface: #171f2d;--home-line: #ffffff14;max-width:820px;margin:0 auto;padding:0 0 32px;background:radial-gradient(ellipse at 80% 0,#24324788,transparent 36%),#101722;color:var(--home-text)}.home-page:before,.home-page:after{display:none}.home-page .home-header,.home-page .home-header__greeting-emoji,.home-page .home-streak,.home-page .home-streak__flame,.home-page .home-continue,.home-page .home-prayer,.home-page .home-seasonal,.home-page .smart-sentinel,.home-page .hadith-card,.home-page .surah-card,.home-page .home-dhikr,.home-page .home-shortcut{animation:none}.home-page .home-header{padding:26px 20px 22px}.home-page .home-header__greeting{padding-right:38px;font-size:24px;font-weight:600;letter-spacing:-.6px;margin-bottom:10px}.home-page .home-header__greeting-emoji{font-size:22px}.home-header__dates{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:4px 12px}.home-page .home-header__hijri,.home-page .home-header__hijri-ar{color:var(--home-muted);font-size:12px;margin:0}.home-page .home-header__hijri-ar{font-size:15px}.home-page .home-continue-row{margin:0 16px 12px;gap:10px}.home-page .home-continue{padding:22px 18px;min-width:0;min-height:92px;border:1px solid #deca9350;border-radius:20px;background:linear-gradient(115deg,#35352c,#242b33);box-shadow:0 8px 24px #00000012;gap:14px}.home-page .home-continue__icon{flex-shrink:0;background:#deca9318;color:var(--home-gold);border-radius:13px;width:42px;height:46px;font-size:24px;line-height:1}.home-page .home-continue__text{min-width:0;text-align:left;gap:6px}.home-page .home-continue__title{color:var(--home-text);font-size:16px;font-weight:600}.home-page .home-continue__page{color:#c5c9c9;font-size:12px;line-height:1.5;white-space:normal}.home-page .home-continue__arrow{color:var(--home-gold);font-size:22px}.home-page .home-streak{padding:14px 10px;min-width:48px;border-radius:20px;background:var(--home-surface);border:1px solid var(--home-line)}.home-page .home-streak__flame{filter:none;color:var(--home-gold)}.home-page .home-streak__count,.home-page .home-streak__label{color:var(--home-gold)}.home-page .learning-home{margin:0 16px 20px;padding:17px 18px;gap:6px;border:1px solid var(--home-line);border-radius:18px;background:var(--home-surface);box-shadow:none}.home-page .learning-home strong{color:var(--home-text);font-size:16px;font-weight:600}.home-page .learning-home>span:last-child{color:var(--home-muted);font-size:12px;line-height:1.6}.home-page .learning-kicker{color:var(--home-gold);font-size:9px;letter-spacing:1.6px}.home-day-context{margin:0 16px 30px;border:1px solid var(--home-line);border-radius:18px;background:#ffffff03;overflow:hidden}.home-page .home-prayer-link{display:block;margin:0}.home-page .home-prayer{margin:0;padding:15px 16px;border:0;border-radius:0;background:transparent;box-shadow:none}.home-page .home-prayer__emoji,.home-page .home-seasonal__emoji{color:var(--home-gold);flex-shrink:0}.home-page .home-prayer__name{color:var(--home-text);font-size:13px}.home-page .home-prayer__name-ar,.home-page .home-prayer__countdown{color:var(--home-muted);font-size:12px}.home-page .home-prayer__time{color:var(--home-gold);font-size:20px;font-weight:500;font-variant-numeric:tabular-nums}.home-page .home-seasonal{width:100%;margin:0;padding:13px 16px;border:0;border-radius:0;border-top:1px solid var(--home-line);background:transparent;text-align:left;font:inherit;gap:12px;cursor:pointer}.home-page .home-seasonal__text{display:flex;flex:1;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:3px 10px}.home-page .home-seasonal__text strong{color:var(--home-text);font-size:12px;font-weight:500}.home-page .home-seasonal__text span{color:var(--home-muted);font-size:12px}.home-page .smart-sentinel{padding:0 16px;margin:0 0 24px}.home-page .smart-sentinel__title-row,.home-page .home-surahs__title,.home-page .home-dhikr__title,.home-page .home-shortcuts__title{color:var(--home-text);font-size:11px;font-weight:600;letter-spacing:1.3px}.home-page .smart-sentinel__count{background:#ffffff08;color:var(--home-muted);font-size:11px;padding:4px 8px}.home-page .smart-sentinel__carousel{padding:2px 0 12px;gap:12px}.home-page .smart-card{min-width:min(290px,88%);width:min(290px,88%);padding:20px;border-radius:20px;background:var(--home-feature-surface, linear-gradient(140deg, #24313b, #19232f))!important;border:1px solid #deca9322;box-shadow:none;gap:18px}.home-page .smart-card:after{display:none}.home-page .smart-card__badge{background:transparent;border:0;border-radius:0;padding:0;color:var(--home-gold);-webkit-backdrop-filter:none;backdrop-filter:none}.home-page .smart-card__arabic{color:var(--home-text);font-size:23px;line-height:1.9;text-shadow:none}.home-page .smart-card__french{color:var(--home-text);font-size:13px;line-height:1.7}.home-page .smart-card__phonetic{color:var(--home-muted)}.home-page .smart-card__fav,.home-page .smart-card__action{min-height:40px;background:#ffffff09;color:var(--home-gold)}.home-page .hadith-card{margin:0 16px 30px;padding:24px 22px;background:var(--home-feature-surface, linear-gradient(160deg, #202a39, #18212e));border:1px solid #deca932b;border-radius:22px;box-shadow:none;height:auto;max-height:none;overflow:visible;min-width:0}.home-page .hadith-card:before{background:linear-gradient(90deg,transparent,#deca9380,transparent);height:1px}.home-page .hadith-card:after{opacity:.05}.home-page .hadith-card__label{color:var(--home-gold);letter-spacing:1.5px;font-size:10px}.home-page .hadith-card__arabic{color:var(--home-text);font-size:27px;line-height:2;padding:16px 0;margin:8px 0 16px;text-shadow:none;height:auto;max-height:none;overflow:visible;white-space:normal;overflow-wrap:anywhere}.home-page .hadith-card__french{color:var(--home-text);font-size:14px;line-height:1.85;font-style:normal;height:auto;max-height:none;overflow:visible;white-space:normal;overflow-wrap:anywhere}.home-page .hadith-card .religious-reference{margin:0 0 16px;justify-content:center}.home-page .hadith-card__meta{flex-wrap:wrap;gap:16px;border-top:1px solid var(--home-line);padding-top:18px;margin-top:20px}.home-page .hadith-card__source{color:var(--home-gold);font-size:12px}.home-page .hadith-card__narrator{color:var(--home-muted);font-size:11px;margin-top:4px}.home-page .hadith-card__actions{gap:8px}.home-page .hadith-card__action-btn{min-height:44px;padding:8px 12px;background:#ffffff06;border-color:var(--home-line);color:var(--home-text);font-size:12px}.home-page .hadith-card__disclosure{margin-top:10px}.home-page .hadith-card__summary{display:grid;gap:9px;padding:12px 0 14px;cursor:pointer;list-style:none}.home-page .hadith-card__summary::-webkit-details-marker{display:none}.home-page .hadith-card__preview-ar{display:-webkit-box;overflow:hidden;direction:rtl;color:var(--home-text);font-family:var(--font-arabic, serif);font-size:22px;line-height:1.8;-webkit-line-clamp:2;-webkit-box-orient:vertical}.home-page .hadith-card__preview-fr{display:-webkit-box;overflow:hidden;color:var(--home-muted);font-size:13px;line-height:1.65;-webkit-line-clamp:2;-webkit-box-orient:vertical}.home-page .hadith-card__read-more{display:flex;align-items:center;justify-content:space-between;gap:8px;color:var(--home-gold);font-size:12px;font-weight:600}.home-page .hadith-card__read-more--collapse,.home-page .hadith-card__disclosure[open] .hadith-card__preview-ar,.home-page .hadith-card__disclosure[open] .hadith-card__preview-fr,.home-page .hadith-card__disclosure[open] .hadith-card__read-more--open{display:none}.home-page .hadith-card__disclosure[open] .hadith-card__read-more--collapse{display:flex}.home-page .hadith-card__summary:focus-visible{outline:2px solid var(--home-gold);outline-offset:4px;border-radius:8px}.home-page .hadith-card__full-text{border-top:1px solid var(--home-line);padding-top:8px}.home-page .hadith-card__phonetic{margin:0 0 16px;padding:13px 14px;border-inline-start:2px solid var(--home-gold);border-radius:0 12px 12px 0;background:#ffffff05}.home-page .hadith-card__text-label{color:var(--home-gold);font-size:10px;font-weight:600;letter-spacing:.7px;text-transform:uppercase}.home-page .hadith-card__phonetic p{margin:6px 0 3px;color:var(--home-text);font-size:15px;line-height:1.75;overflow-wrap:anywhere}.home-page .hadith-card__phonetic small{color:var(--home-muted);font-size:10px;line-height:1.5}.home-page .hadith-card__meta{margin-top:12px}.home-page .hadith-card__actions>button:first-child{margin-right:0}.home-page .hadith-card__read-comfortably{margin:12px 0 0}.home-hadith-reading-phonetic{margin:10px 0 18px;padding:12px 14px;border-inline-start:2px solid #c9b477;background:#ffffff05;border-radius:0 12px 12px 0}.home-hadith-reading-phonetic strong{color:#c9b477;font-size:11px;letter-spacing:.6px;text-transform:uppercase}.home-hadith-reading-phonetic p{margin:6px 0 0;font-size:15px;line-height:1.8}.home-page .home-surahs{margin-bottom:30px}.home-page .home-surahs__header{display:flex;align-items:center;justify-content:space-between;gap:8px;padding-right:20px}.home-scroll-hint{display:flex;align-items:center;color:var(--home-muted);font-size:11px;white-space:nowrap}.home-page .home-surahs__scroll{gap:12px;scroll-snap-type:x mandatory;padding-bottom:8px}.home-page .surah-card{min-width:150px;width:150px;min-height:195px;padding:18px 14px;border:1px solid var(--home-line);border-radius:18px;background:var(--home-surface);box-shadow:none;scroll-snap-align:start}.home-page .surah-card__gradient{height:2px;background:#deca9366!important}.home-page .surah-card__emoji{font-size:16px;opacity:.75}.home-page .surah-card__name-ar{color:var(--home-text);font-size:28px;margin:8px 0}.home-page .surah-card__name-fr{color:#e1e5eb;font-size:13px;font-weight:500}.home-page .surah-card__benefit{color:var(--home-muted);font-size:11px;line-height:1.5}.home-page .surah-card__verses{color:var(--home-gold);font-size:10px;background:transparent;letter-spacing:.4px}.home-page .home-dhikr{margin:0 16px 30px}.home-page .home-dhikr__header{flex-wrap:wrap;gap:8px;padding:0;margin-bottom:14px}.home-page .home-dhikr__reset-all{min-height:36px;font-size:11px;padding:7px 9px;color:var(--home-muted);border-color:var(--home-line);background:#ffffff04}.home-page .dhikr-draggable{flex:1 1 calc(50% - 5px);width:calc(50% - 5px);min-width:0}.home-page .dhikr-draggable--wide{flex-basis:100%;width:100%}.home-page .dhikr-card{height:auto;min-height:225px;padding:16px 12px;gap:8px;justify-content:flex-start;background:var(--home-surface);border-color:var(--home-line);border-radius:18px;overflow:visible;transition:background .15s,transform .15s}.home-page .dhikr-card:before{height:1px;background:#deca9360}.home-page .dhikr-card__daily{position:static;order:-1;color:var(--home-muted);opacity:1;font-size:10px;letter-spacing:0}.home-page .dhikr-card__emoji{font-size:16px;margin:0}.home-page .dhikr-card__ar{font-size:22px;font-weight:400;line-height:1.9;color:var(--home-text);overflow-wrap:anywhere}.home-page .dhikr-card__fr{font-size:11px;color:#c5cdda;line-height:1.6;text-transform:none;letter-spacing:0;overflow-wrap:anywhere}.home-page .dhikr-card__desc{font-size:11px;color:var(--home-muted);line-height:1.6;margin:0;font-style:normal}.home-page .dhikr-card__count{color:var(--home-gold);font-size:25px;font-weight:500;margin-top:auto;padding-top:10px;font-variant-numeric:tabular-nums}.home-page .dhikr-card__bar{height:3px;margin-top:0}.home-page .dhikr-card__bar-fill{background:var(--home-gold)}.home-page .dhikr-card__series{color:var(--home-gold);top:10px;right:10px}.home-page .dhikr-card__reset{top:6px;left:6px;min-width:32px;min-height:32px;justify-content:center}.home-page .dhikr-card--done{border-color:#76b49a60;background:#192c2b}.home-page .dhikr-card--done .dhikr-card__count{color:#9dd6bb}.home-page .dhikr-draggable--wide .dhikr-card{padding:18px 20px}.home-page .dhikr-draggable--wide .dhikr-card__ar{font-size:24px}.home-page .dhikr-card--add{width:calc(50% - 5px);justify-content:center;border:1px dashed #deca9338;background:transparent}.home-page .home-shortcuts{margin:0 16px;padding:0}.home-page .home-shortcuts__title{margin-bottom:14px}.home-page .home-shortcuts__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.home-page .home-shortcut{display:grid;grid-template-columns:32px minmax(0,1fr);grid-template-rows:auto auto;align-content:center;align-items:center;column-gap:10px;row-gap:4px;min-height:88px;padding:14px 12px;border-radius:16px;background:var(--home-surface);border:1px solid var(--home-line);text-align:left}.home-shortcut__icon{grid-row:1 / 3;display:grid;place-items:center;font-size:26px;line-height:1}.home-page .home-shortcut__label{font-size:13px;font-weight:500;color:var(--home-text)}.home-page .home-shortcut__desc{font-size:11px;color:var(--home-muted)}.home-page button:focus-visible,.home-page a:focus-visible,.home-page [role=button]:focus-visible{outline:2px solid var(--home-gold);outline-offset:3px}@media(min-width:600px){.home-page{padding-left:16px;padding-right:16px}.home-page .home-header{padding-top:32px}.home-day-context{display:grid;grid-template-columns:1fr 1fr}.home-page .home-seasonal{border-top:0;border-left:1px solid var(--home-line)}.home-page .home-seasonal__text{flex-direction:column}.home-page .dhikr-card{padding:22px}}@media(max-width:360px){.home-page .home-header__greeting{font-size:22px}.home-page .home-continue{padding:18px 12px;gap:10px}.home-page .home-continue__title{font-size:14px}.home-page .home-continue__icon{width:34px}.home-page .home-shortcut{column-gap:6px;padding:12px 8px}.home-page .home-shortcut__label{font-size:12px}.home-page .home-dhikr__header>div:last-child{flex-wrap:wrap}}@media(prefers-reduced-motion:reduce){.home-page *,.home-page *:before,.home-page *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}.home-page .smart-card__action{border:0;font-family:inherit}.home-page .smart-card__fav.active{background:#deca9322;color:#f4d7a5}.home-page .home-continue-row,.home-page .home-surahs,.home-page .home-shortcuts{animation:none}.home-page .dhikr-card--add{opacity:1}.home-page .home-prayer{flex-wrap:wrap;gap:10px}.home-prayer__source{flex:0 0 100%;display:grid;gap:4px;padding-top:10px;border-top:1px solid var(--home-border);color:var(--home-muted);font-size:12px;line-height:1.5;overflow-wrap:anywhere}.home-prayer__source span:last-child{color:var(--home-text)}.install-backdrop{position:fixed;inset:0;background:#00000080;z-index:9998;animation:fadeIn .2s ease}.install-modal{position:fixed;bottom:0;left:0;right:0;max-height:85vh;background:var(--card-bg, #fff);border-radius:20px 20px 0 0;z-index:9999;padding:24px 20px 32px;animation:slideUpModal .3s ease;overflow-y:auto;box-shadow:0 -4px 24px #00000026}@keyframes slideUpModal{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}.install-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.install-header h2{font-size:1.25rem;font-weight:700;color:var(--text-primary, #1a1a2e);margin:0}.install-close{background:var(--bg-secondary, #f0f0f0);border:none;border-radius:50%;width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--text-secondary, #666);transition:background .2s}.install-close:hover{background:var(--bg-tertiary, #ddd)}.install-desc{color:var(--text-secondary, #666);font-size:.9rem;margin-bottom:16px;line-height:1.4}.install-tabs{display:flex;gap:8px;margin-bottom:20px}.install-tab{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;padding:10px 12px;border:2px solid var(--border-color, #e0e0e0);border-radius:12px;background:transparent;font-size:.85rem;font-weight:600;color:var(--text-secondary, #666);cursor:pointer;transition:all .2s}.install-tab.active{border-color:#2ecc71;background:#2ecc71;color:#fff}.install-tab svg{width:18px;height:18px}.install-instructions{background:var(--bg-secondary, #f8f8f8);border-radius:16px;padding:20px;border:1px solid var(--border-color, #e8e8e8)}.install-platform-label{display:flex;align-items:center;gap:10px;margin-bottom:16px;font-size:1.05rem;font-weight:700;color:var(--text-primary, #1a1a2e)}.install-platform-icon{font-size:1.3rem}.install-steps{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:10px}.install-steps li{font-size:.9rem;color:var(--text-primary, #333);line-height:1.5}.install-steps li strong{color:var(--text-primary, #1a1a2e)}.install-native-btn{width:100%;margin-top:16px;padding:14px;border:none;border-radius:14px;background:linear-gradient(135deg,#2ecc71,#27ae60);color:#fff;font-size:1rem;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:transform .15s,box-shadow .2s;box-shadow:0 4px 14px #2ecc7159}.install-native-btn:active{transform:scale(.97)}.install-banner{position:fixed;bottom:88px;left:16px;right:16px;z-index:100;background:linear-gradient(135deg,#2ecc71,#27ae60);color:#fff;border-radius:16px;padding:12px 16px;display:flex;align-items:center;justify-content:space-between;box-shadow:0 4px 20px #2ecc7166;animation:slideUpBanner .4s ease;cursor:pointer}@keyframes slideUpBanner{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.install-banner-text{display:flex;align-items:center;gap:10px;font-weight:600;font-size:.9rem}.install-banner-close{background:#fff3;border:none;border-radius:50%;width:28px;height:28px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#fff;flex-shrink:0}body:has(.app-update-banner) .install-banner{display:none}body:has(.install-modal) .app-update-banner{display:none!important}.install-banner{bottom:calc(var(--bottom-nav-height, 72px) + 12px);max-width:480px;margin:auto;background:#202b3b;border:1px solid #deca9338;color:#eee9db;box-shadow:0 8px 24px #0003;gap:12px}.install-banner-text{font-size:13px;line-height:1.5}.install-banner-text svg{color:#deca93;flex-shrink:0}.install-banner-close{width:36px;height:36px;background:#ffffff0c}.app-update-banner{box-sizing:border-box}@media(max-width:360px){.app-update-banner{flex-wrap:wrap}.app-update-banner button{margin-left:auto}}.coach-whisper{position:fixed;bottom:calc(70px + env(safe-area-inset-bottom,0px));left:12px;right:12px;z-index:900;background:#1e1e23eb;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.08);border-radius:14px;padding:12px 14px;display:flex;align-items:center;gap:8px;cursor:pointer;touch-action:pan-y;box-shadow:0 4px 24px #0000004d}.coach-whisper__content{display:flex;align-items:center;gap:10px;flex:1;min-width:0}.coach-whisper__emoji{font-size:1.3rem;flex-shrink:0}.coach-whisper__text{display:flex;flex-direction:column;min-width:0;flex:1}.coach-whisper__title{font-size:.8rem;font-weight:600;color:#c9a84c;letter-spacing:.02em}.coach-whisper__msg{font-size:.75rem;color:#ffffffb3;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.coach-whisper__arrow{color:#fff6;flex-shrink:0}.coach-whisper__close{position:absolute;top:-6px;right:-6px;width:22px;height:22px;border-radius:50%;background:#323237f2;border:1px solid rgba(255,255,255,.12);color:#ffffff80;display:flex;align-items:center;justify-content:center;cursor:pointer;padding:0}.coach-whisper__close:hover{color:#fff}.coach-whisper__timer{position:absolute;bottom:0;left:14px;right:14px;height:2px;background:linear-gradient(90deg,#c9a84c,transparent);border-radius:2px;animation:coach-whisper-timer 6s linear forwards}@keyframes coach-whisper-timer{0%{width:100%;opacity:.6}to{width:0%;opacity:0}}[data-theme=light] .coach-whisper{background:#fffffff2;border-color:#00000014;box-shadow:0 4px 24px #0000001a}[data-theme=light] .coach-whisper__msg{color:#0009}[data-theme=light] .coach-whisper__close{background:#f0f0f0f2;border-color:#0000001a;color:#0006}.coach-nudge-overlay{position:fixed;inset:0;z-index:950;background:#00000080}.coach-nudge{position:fixed;bottom:0;left:0;right:0;z-index:951;background:#1a1a1f;border-radius:20px 20px 0 0;padding:8px 20px 24px;max-height:75vh;overflow-y:auto;touch-action:pan-y;box-shadow:0 -8px 32px #0006}.coach-nudge__handle{width:36px;height:4px;background:#ffffff26;border-radius:2px;margin:0 auto 16px}.coach-nudge__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.coach-nudge__badge{display:flex;align-items:center;gap:8px}.coach-nudge__emoji{font-size:1.5rem}.coach-nudge__title{font-size:1.05rem;font-weight:700;color:#c9a84c}.coach-nudge__close{background:#ffffff0f;border:none;border-radius:50%;width:32px;height:32px;display:flex;align-items:center;justify-content:center;color:#ffffff80;cursor:pointer;padding:0}.coach-nudge__arabic{font-family:Scheherazade New,Amiri,serif;font-size:1.35rem;line-height:2;color:#c9a84c;text-align:center;padding:12px 0;border-top:1px solid rgba(255,255,255,.06);border-bottom:1px solid rgba(255,255,255,.06);margin-bottom:12px}.coach-nudge__message{font-size:.92rem;line-height:1.6;color:#fffc;white-space:pre-line;margin-bottom:8px}.coach-nudge__source{font-size:.78rem;color:#ffffff59;font-style:italic;margin-bottom:20px}.coach-nudge__actions{display:flex;gap:10px}.coach-nudge__btn{flex:1;padding:12px 16px;border-radius:12px;border:none;font-size:.88rem;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:6px}.coach-nudge__btn--primary{background:linear-gradient(135deg,#c9a84c,#a8893e);color:#000}.coach-nudge__btn--primary:active{transform:scale(.97)}.coach-nudge__btn--snooze{background:#ffffff0f;color:#ffffff80}[data-theme=light] .coach-nudge{background:#fff;box-shadow:0 -8px 32px #0000001a}[data-theme=light] .coach-nudge__message{color:#000000b3}[data-theme=light] .coach-nudge__source{color:#00000059}[data-theme=light] .coach-nudge__arabic{border-color:#0000000f}[data-theme=light] .coach-nudge__close,[data-theme=light] .coach-nudge__btn--snooze{background:#0000000a;color:#0006}[data-theme=sepia] .coach-nudge{background:#f5edd0}[data-theme=sepia] .coach-nudge__message{color:#3c280acc}.coach-celebration-overlay{position:fixed;inset:0;z-index:960;background:#000000a6;display:flex;align-items:center;justify-content:center;box-sizing:border-box;padding:calc(16px + env(safe-area-inset-top,0px)) 16px calc(16px + env(safe-area-inset-bottom,0px));-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);overscroll-behavior:contain}.coach-celebration{position:relative;box-sizing:border-box;z-index:961;background:#1a1a1f;border:1px solid rgba(201,168,76,.2);border-radius:24px;padding:32px 24px 24px;width:min(380px,100%);text-align:center;max-height:100%;overscroll-behavior:contain;box-shadow:0 24px 80px #0005;overflow-y:auto}.coach-celebration__confetti{position:absolute;top:0;left:0;right:0;height:100%;pointer-events:none;overflow:hidden}.confetti-particle{position:absolute;top:-10px;width:6px;height:6px;border-radius:50%;animation:confetti-fall 3s ease-in forwards}@keyframes confetti-fall{0%{transform:translateY(0) rotate(0);opacity:1}to{transform:translateY(400px) rotate(720deg);opacity:0}}.coach-celebration__close{position:absolute;top:12px;right:12px;background:#ffffff0f;border:none;border-radius:50%;width:30px;height:30px;display:flex;align-items:center;justify-content:center;color:#fff6;cursor:pointer;z-index:2;padding:0}.coach-celebration__icon{position:relative;font-size:3rem;margin-bottom:12px;display:inline-block}.coach-celebration__star{position:absolute;color:#c9a84c;animation:celebration-star 1.5s ease-in-out infinite}.coach-celebration__star--1{top:-8px;right:-12px;animation-delay:0s}.coach-celebration__star--2{top:4px;left:-16px;animation-delay:.3s}.coach-celebration__star--3{bottom:0;right:-20px;animation-delay:.6s}@keyframes celebration-star{0%,to{opacity:.3;transform:scale(.8)}50%{opacity:1;transform:scale(1.2)}}.coach-celebration__title{font-size:1.3rem;font-weight:800;color:#c9a84c;margin:0 0 12px}.coach-celebration__message{font-size:.9rem;line-height:1.6;color:#ffffffbf;margin:0 0 16px;white-space:pre-line}.coach-celebration__dua{font-family:Scheherazade New,Amiri,serif;font-size:1.2rem;line-height:2;color:#c9a84c;padding:12px 16px;background:#c9a84c14;border-radius:12px;margin-bottom:8px}.coach-celebration__source{font-size:.75rem;color:#ffffff4d;font-style:italic;margin-bottom:20px}.coach-celebration__actions{display:flex;gap:10px;justify-content:center}.coach-celebration__btn{flex:1;padding:14px 24px;background:linear-gradient(135deg,#c9a84c,#a8893e);color:#000;border:none;border-radius:14px;font-size:.95rem;font-weight:700;cursor:pointer}.coach-celebration__btn:active{transform:scale(.97)}.coach-celebration__share{width:48px;height:48px;border-radius:14px;background:#ffffff0f;border:none;color:#ffffff80;display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0;padding:0}[data-theme=light] .coach-celebration{background:#fff;border-color:#c9a84c26}[data-theme=light] .coach-celebration__message{color:#000000a6}[data-theme=light] .coach-celebration__source{color:#0000004d}[data-theme=light] .coach-celebration__dua{background:#c9a84c0f}[data-theme=light] .coach-celebration__close{background:#0000000a;color:#0000004d}[data-theme=light] .coach-celebration__share{background:#0000000a;color:#0006}@media(prefers-reduced-motion:reduce){.confetti-particle,.coach-celebration__star{animation:none}.coach-celebration__confetti{display:none}}.khatm-overlay{position:fixed;inset:0;z-index:9999;display:flex;align-items:center;justify-content:center;background:#000000d9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);animation:khatm-bg-in .6s ease;overflow:hidden}@keyframes khatm-bg-in{0%{opacity:0}to{opacity:1}}.khatm-confetti{position:absolute;inset:0;pointer-events:none;overflow:hidden}.khatm-particle{position:absolute;width:8px;height:8px;border-radius:2px;top:-20px;animation:khatm-fall linear infinite}@keyframes khatm-fall{0%{transform:translateY(-20px) rotate(0);opacity:1}80%{opacity:1}to{transform:translateY(100vh) rotate(720deg);opacity:0}}.khatm-card{position:relative;z-index:1;text-align:center;background:linear-gradient(145deg,#c9a84c26,#0d1117f2);border:1px solid rgba(201,168,76,.3);border-radius:24px;padding:40px 32px;max-width:340px;width:90%;animation:khatm-card-in .8s cubic-bezier(.16,1,.3,1) .3s both}@keyframes khatm-card-in{0%{opacity:0;transform:scale(.8) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.khatm-calligraphy{font-size:2.2rem;font-family:Amiri,Scheherazade New,serif;color:#d4af37;line-height:1.6;margin-bottom:8px;animation:khatm-glow 2s ease-in-out infinite alternate}@keyframes khatm-glow{0%{text-shadow:0 0 20px rgba(212,175,55,.3)}to{text-shadow:0 0 40px rgba(212,175,55,.6),0 0 80px rgba(212,175,55,.2)}}.khatm-subtitle{font-size:1rem;color:#ffffffb3;margin-bottom:24px;font-weight:600}.khatm-counter{display:inline-flex;align-items:center;gap:8px;background:#d4af371f;border:1px solid rgba(212,175,55,.25);border-radius:14px;padding:10px 20px;margin-bottom:24px;animation:khatm-pulse 2s ease-in-out infinite}@keyframes khatm-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.03)}}.khatm-counter-number{font-size:1.8rem;font-weight:800;color:#d4af37}.khatm-counter-label{font-size:.75rem;color:#ffffff80;text-align:left;line-height:1.3}.khatm-message{font-size:.82rem;color:#ffffff73;line-height:1.5;margin-bottom:28px;font-style:italic}.khatm-actions{display:flex;flex-direction:column;gap:10px}.khatm-btn-primary{background:linear-gradient(135deg,#c9a84c,#a8893a);color:#0d1117;border:none;border-radius:14px;padding:14px 24px;font-size:.9rem;font-weight:700;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;gap:8px}.khatm-btn-primary:active{transform:scale(.96)}.khatm-btn-secondary{background:#ffffff0f;color:#fff9;border:1px solid rgba(255,255,255,.1);border-radius:14px;padding:12px 24px;font-size:.82rem;font-weight:600;cursor:pointer;transition:all .2s}.khatm-btn-secondary:active{transform:scale(.96)}[data-theme=light] .khatm-overlay{background:#ffffffe6}[data-theme=light] .khatm-card{background:linear-gradient(145deg,#c9a84c1a,#fffffffa);border-color:#c9a84c4d}[data-theme=light] .khatm-subtitle{color:#0009}[data-theme=light] .khatm-message{color:#0006}[data-theme=light] .khatm-btn-secondary{background:#0000000a;color:#00000080;border-color:#00000014}.khatm-overlay{box-sizing:border-box;padding:calc(16px + env(safe-area-inset-top,0px)) 16px calc(16px + env(safe-area-inset-bottom,0px));overscroll-behavior:contain}.khatm-card{box-sizing:border-box;width:min(380px,100%);max-width:380px;max-height:100%;overflow-y:auto;overscroll-behavior:contain;padding:32px 24px}@media(prefers-reduced-motion:reduce){.khatm-overlay,.khatm-card,.khatm-particle,.khatm-calligraphy,.khatm-counter{animation:none}.khatm-confetti{display:none}}:root{--color-bg-primary: #0D1117;--color-bg-secondary: #161B22;--color-bg-tertiary: #21262D;--color-bg-elevated: #2D333B;--color-text-primary: #F0E6D3;--color-text-secondary: #8B949E;--color-text-muted: #6E7681;--color-accent: #58A6FF;--color-accent-hover: #79B8FF;--color-accent-muted: rgba(88, 166, 255, .15);--color-success: #3FB950;--color-warning: #D29922;--color-error: #F85149;--tajwid-madd: #FF6B6B;--tajwid-ghunna: #4ECDC4;--tajwid-qalqala: #FFE66D;--tajwid-idgham: #95E1D3;--tajwid-ikhfa: #DDA0DD;--tajwid-iqlab: #87CEEB;--font-arabic: "Scheherazade New", "Amiri", "Traditional Arabic", serif;--font-ui: -apple-system, BlinkMacSystemFont, "Inter", sans-serif;--text-arabic-xl: 2.5rem;--text-arabic-lg: 2rem;--text-arabic-md: 1.75rem;--text-arabic-sm: 1.5rem;--text-ui-xl: 1.5rem;--text-ui-lg: 1.125rem;--text-ui-md: 1rem;--text-ui-sm: .875rem;--text-ui-xs: .75rem;--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--space-2xl: 3rem;--line-height-arabic: 2.4;--line-height-ui: 1.5;--radius-sm: .375rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-full: 9999px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .3);--shadow-md: 0 4px 6px rgba(0, 0, 0, .4);--shadow-lg: 0 10px 15px rgba(0, 0, 0, .5);--transition-fast: .15s ease;--transition-normal: .25s ease;--transition-slow: .35s ease;--z-modal: 1000;--z-overlay: 990;--z-header: 880;--z-nav: 870;--background: var(--color-bg-primary);--bg: var(--color-bg-primary);--surface-1: var(--color-bg-secondary);--surface-2: var(--color-bg-tertiary);--text-primary: var(--color-text-primary);--text-secondary: var(--color-text-secondary);--text-muted: var(--color-text-muted);--border: var(--color-bg-tertiary);--gold: #c9a84c}[data-theme=light]{--color-bg-primary: #FFFFFF;--color-bg-secondary: #F6F8FA;--color-bg-tertiary: #EAEEF2;--color-bg-elevated: #FFFFFF;--color-text-primary: #1F2328;--color-text-secondary: #656D76;--color-text-muted: #8C959F;--color-accent: #0969DA;--color-accent-hover: #0550AE;--color-accent-muted: rgba(9, 105, 218, .1);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .1);--shadow-md: 0 4px 6px rgba(0, 0, 0, .15);--shadow-lg: 0 10px 15px rgba(0, 0, 0, .2)}[data-theme=sepia]{--color-bg-primary: #F4ECD8;--color-bg-secondary: #EBE3CF;--color-bg-tertiary: #E2D9C5;--color-bg-elevated: #F9F3E3;--color-text-primary: #3D3929;--color-text-secondary: #6B6455;--color-text-muted: #8A8374}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-text-size-adjust:100%;overflow-x:hidden;touch-action:manipulation}body{font-family:var(--font-ui);background-color:var(--color-bg-primary);color:var(--color-text-primary);line-height:var(--line-height-ui);min-height:100dvh;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}input,textarea,.arabic,p{-webkit-user-select:text;user-select:text}#root{min-height:100dvh;display:flex;flex-direction:column;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}.arabic{font-family:var(--font-arabic);direction:rtl;text-align:right;line-height:var(--line-height-arabic);font-size:var(--text-arabic-md)}.arabic-xl{font-size:var(--text-arabic-xl)}.arabic-lg{font-size:var(--text-arabic-lg)}.arabic-md{font-size:var(--text-arabic-md)}.arabic-sm{font-size:var(--text-arabic-sm)}.ayah-number{display:inline-flex;align-items:center;justify-content:center;width:2em;height:2em;font-size:.5em;font-family:var(--font-ui);background:var(--color-accent-muted);color:var(--color-accent);border-radius:var(--radius-full);margin:0 .25em;vertical-align:middle}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--color-bg-tertiary);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-text-muted)}:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}::selection{background:var(--color-accent-muted);color:var(--color-accent)}button{font-family:inherit;font-size:inherit;background:none;border:none;cursor:pointer;color:inherit}a{color:inherit;text-decoration:none}.safe-area-top{padding-top:calc(env(safe-area-inset-top,0px) + 16px)}.safe-area-bottom{padding-bottom:env(safe-area-inset-bottom)}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.animate-fade-in{animation:fadeIn var(--transition-normal)}.animate-slide-up{animation:slideUp var(--transition-normal)}.animate-pulse{animation:pulse 2s infinite}[data-starry=true] body:before,[data-starry=true] body:after{content:"";position:fixed;inset:0;pointer-events:none;z-index:-1}[data-starry=true] body:before{background:radial-gradient(1px 1px at 20px 30px,white,transparent),radial-gradient(1px 1px at 40px 70px,rgba(255,255,255,.8),transparent),radial-gradient(1px 1px at 50px 160px,rgba(255,255,255,.6),transparent),radial-gradient(1px 1px at 90px 40px,white,transparent),radial-gradient(1px 1px at 130px 80px,rgba(255,255,255,.7),transparent),radial-gradient(1px 1px at 160px 120px,white,transparent),radial-gradient(2px 2px at 200px 50px,rgba(255,255,255,.9),transparent),radial-gradient(1px 1px at 230px 180px,rgba(255,255,255,.5),transparent),radial-gradient(1px 1px at 280px 90px,white,transparent),radial-gradient(1px 1px at 320px 140px,rgba(255,255,255,.8),transparent),radial-gradient(2px 2px at 350px 30px,white,transparent),radial-gradient(1px 1px at 380px 200px,rgba(255,255,255,.6),transparent);background-size:400px 250px;animation:starryTwinkle1 4s ease-in-out infinite}[data-starry=true] body:after{background:radial-gradient(1px 1px at 70px 100px,white,transparent),radial-gradient(1px 1px at 110px 150px,rgba(255,255,255,.7),transparent),radial-gradient(2px 2px at 150px 20px,rgba(255,255,255,.9),transparent),radial-gradient(1px 1px at 180px 220px,white,transparent),radial-gradient(1px 1px at 220px 60px,rgba(255,255,255,.6),transparent),radial-gradient(1px 1px at 260px 170px,white,transparent),radial-gradient(1px 1px at 300px 110px,rgba(255,255,255,.8),transparent),radial-gradient(2px 2px at 340px 190px,white,transparent),radial-gradient(1px 1px at 370px 70px,rgba(255,255,255,.5),transparent),radial-gradient(1px 1px at 400px 140px,white,transparent);background-size:450px 280px;animation:starryTwinkle2 5s ease-in-out infinite .5s}@keyframes starryTwinkle1{0%,to{opacity:.4}50%{opacity:.8}}@keyframes starryTwinkle2{0%,to{opacity:.6}50%{opacity:.3}}[data-starry=true] .mushaf-page:before{content:"";position:fixed;top:10%;left:-100px;width:100px;height:2px;background:linear-gradient(90deg,transparent,white,transparent);animation:shootingStar 8s ease-in-out infinite;opacity:0}@keyframes shootingStar{0%,90%,to{opacity:0;transform:translate(0) translateY(0)}92%{opacity:1}95%{opacity:0;transform:translate(calc(100vw + 200px)) translateY(100px)}}.error-modal-overlay{position:fixed;inset:0;background:#000000d9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--space-md);animation:fadeIn .3s ease-out}.error-modal{background:#1a1a2e;border:1px solid rgba(201,168,76,.4);border-radius:var(--radius-lg);width:100%;max-width:450px;max-height:80vh;display:flex;flex-direction:column;box-shadow:0 20px 50px #0009;animation:modal-pop .3s cubic-bezier(.175,.885,.32,1.275);overflow:hidden}.error-modal--large{max-width:600px}@keyframes modal-pop{0%{opacity:0;transform:scale(.8) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.error-modal__header{padding:var(--space-lg);display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid rgba(255,255,255,.1);background:#0003}.error-modal__header h3{color:#c9a84c;margin:0;font-size:1.25rem;font-weight:600}.error-modal__header button{color:var(--color-text-muted);padding:8px;border-radius:50%;transition:background .2s}.error-modal__header button:hover{background:#ffffff1a;color:var(--color-text-primary)}.error-modal__content{padding:var(--space-lg);display:flex;flex-direction:column;gap:var(--space-lg)}.error-modal__content--scrollable{overflow-y:auto;max-height:60vh}.error-item{display:flex;flex-direction:column;gap:8px}.error-label{font-size:.75rem;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:1px;font-weight:700}.error-text{font-family:var(--font-arabic);font-size:1.75rem;padding:var(--space-md);border-radius:var(--radius-md);text-align:center;box-shadow:inset 0 2px 4px #0003}.error-text.expected{background:#4caf5026;color:#81c784;border:1px solid rgba(76,175,80,.4)}.error-text.spoken{background:#f4433626;color:#e57373;border:1px solid rgba(244,67,54,.4)}.error-modal__hint{padding:var(--space-md) var(--space-lg);font-size:.85rem;color:var(--color-text-muted);text-align:center;background:#0000001a;margin:0}.error-summary-item{background:#ffffff08;border:1px solid rgba(255,255,255,.05);border-radius:var(--radius-md);padding:var(--space-md);cursor:pointer;transition:transform .2s,background .2s;display:flex;flex-direction:column;gap:8px}.error-summary-item:hover{background:#ffffff12;transform:translate(-4px);border-color:#c9a84c4d}.error-summary-row{display:flex;justify-content:space-between;align-items:center;gap:var(--space-md)}.error-summary-label{font-size:.7rem;color:var(--color-text-muted);min-width:60px}.error-summary-text{font-family:var(--font-arabic);font-size:1.25rem;text-align:right}.error-summary-text.expected{color:#81c784}.error-summary-text.spoken{color:#e57373}.error-modal__empty{padding:var(--space-2xl) 0;text-align:center;color:var(--color-text-muted);font-style:italic}.global-menu-btn{position:fixed;top:max(12px,calc(env(safe-area-inset-top) + 4px));right:12px;z-index:50;width:40px;height:40px;border-radius:12px;border:none;background:var(--color-bg-secondary);color:var(--color-text-primary);display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 2px 8px #0000004d;transition:background .2s}.global-menu-btn:active{background:var(--color-bg-tertiary)}.page-back-btn{position:fixed;top:max(12px,calc(env(safe-area-inset-top) + 4px));left:12px;z-index:50;width:40px;height:40px;border-radius:12px;border:none;background:#ffffff14;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 2px 8px #0000004d;transition:all .2s}.page-back-btn:active{background:#ffffff26;transform:scale(.9)}.sandstorm-blur{filter:blur(12px) saturate(.4) sepia(.4);pointer-events:none;transition:filter .8s ease;-webkit-user-select:none;user-select:none;position:relative}.sandstorm-blur:after{content:"🌪️ TEMPÊTE DE SABLE !";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:2.5rem;font-weight:900;color:#f3e5ab;text-shadow:0 0 30px rgba(0,0,0,.8),0 0 5px rgba(218,171,0,.5);z-index:100;white-space:nowrap;letter-spacing:2px;animation:sand-shake .5s infinite}@keyframes sand-shake{0%{transform:translate(-50%,-50%) rotate(0)}25%{transform:translate(-52%,-48%) rotate(1deg)}50%{transform:translate(-48%,-52%) rotate(-1deg)}75%{transform:translate(-51%,-49%) rotate(.5deg)}to{transform:translate(-50%,-50%) rotate(0)}}.sira-map-container{padding:40px 20px;background:radial-gradient(circle at top,#1a1a1a,#0a0a0a);min-height:100vh;color:#fff;font-family:Inter,system-ui,sans-serif;overflow-x:hidden}.sira-map-header{text-align:center;margin-bottom:60px}.sira-map-header h1{font-size:2.5rem;background:linear-gradient(135deg,gold,#daab00);-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:8px;font-weight:800}.sira-map-header p{color:#aaa;font-size:1.1rem}.sira-path{display:flex;flex-direction:column;gap:80px;max-width:600px;margin:0 auto;position:relative;padding-bottom:100px}.sira-node-wrapper{display:flex;width:100%;position:relative}.sira-node-wrapper.left{justify-content:flex-start}.sira-node-wrapper.right{justify-content:flex-end}.sira-node{background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);border-radius:24px;padding:20px;display:flex;align-items:center;gap:20px;width:320px;cursor:pointer;transition:all .4s cubic-bezier(.175,.885,.32,1.275);position:relative;z-index:2;box-shadow:0 4px 15px #0003}.sira-node.unlocked:hover{transform:scale(1.05) translateY(-5px);border-color:gold;box-shadow:0 15px 30px #ffd70026;background:#ffffff14}.sira-node.locked{opacity:.4;filter:grayscale(1);cursor:not-allowed}.sira-node-icon{width:60px;height:60px;background:#ffd7001a;border:1px solid rgba(255,215,0,.2);border-radius:18px;display:flex;align-items:center;justify-content:center;color:gold;flex-shrink:0}.sira-node.completed .sira-node-icon{background:#2e7d32;border-color:#4caf50;color:#fff}.sira-node-content h3{font-size:1.2rem;margin:4px 0;color:#fff;font-weight:700}.sira-node-order{font-size:.8rem;text-transform:uppercase;color:gold;font-weight:800;letter-spacing:1px}.sira-node-year{font-size:.9rem;color:#888;display:block}.sira-connector{position:absolute;width:3px;background:linear-gradient(to bottom,#ffffff1a,#ffffff05);height:100px;z-index:1}.sira-node-wrapper.left .sira-connector{left:48px;top:80px}.sira-node-wrapper.right .sira-connector{right:48px;top:80px}.sira-connector.active{background:linear-gradient(to bottom,gold,#daab00);box-shadow:0 0 15px #ffd7004d}.star-filled{fill:currentColor}:root{--nav-accent: #e8d48b;--nav-selected: #c9a84c18}html[data-appearance=violet]{--color-bg-primary: #1a1a2e;--color-bg-secondary: #16213e;--color-bg-tertiary: #ffffff18;--color-bg-elevated: #16213e;--color-text-primary: #e0e0e0;--color-text-secondary: #b4bdcb;--color-text-muted: #a1a9bb;--color-accent: #e8d48b;--color-accent-hover: #c9a84c;--color-accent-muted: #c9a84c26;--nav-accent: #e8d48b;--nav-selected: #c9a84c26;--original-gradient: linear-gradient(160deg,#0a0e1a 0%,#1a1a2e 35%,#16213e 65%,#0f3460 100%);--original-glass: linear-gradient(145deg,#ffffff17,#ffffff05)}[data-theme=light],[data-theme=sepia]{--nav-accent: #684494;--nav-selected: #8655b91a}html .bottom-nav{background:color-mix(in srgb,var(--color-bg-primary) 90%,transparent);border-top-color:var(--color-bg-tertiary)}html .bottom-nav .bottom-nav__item{color:var(--color-text-secondary);transition:background-color .18s,color .18s}html .bottom-nav .bottom-nav__icon{display:grid;place-items:center;opacity:1;color:inherit}html .bottom-nav .bottom-nav__label{color:inherit}html .bottom-nav .bottom-nav__item.active{color:var(--nav-accent);background:var(--nav-selected)}html .bottom-nav .bottom-nav__dot{display:none}html .bottom-nav .bottom-nav__item:focus-visible{outline-color:var(--nav-accent)}html[data-appearance=violet] .home-page{--home-text: var(--color-text-primary);--home-muted: var(--color-text-secondary);--home-surface: #ffffff0a;--home-line: #ffffff14;--home-feature-surface: var(--original-glass);background:var(--original-gradient)}html[data-appearance=violet] .home-page .home-continue{background:linear-gradient(115deg,#c9a84c2e,#c9a84c0f);border-color:#c9a84c50;box-shadow:0 10px 30px #0a0e1a35,inset 0 1px #ffffff12}html[data-appearance=violet] .home-page :is(.home-continue__icon,.home-shortcut__icon){color:#e8d48b}html[data-appearance=violet] .home-page .home-continue__icon{background:#c9a84c33}html[data-appearance=violet] .home-page .learning-home{background:var(--original-glass)}html[data-appearance=violet] .home-page .home-shortcut{border-color:#ffffff14}html:is([data-theme=light],[data-theme=sepia]) .home-page{--home-text: var(--color-text-primary);--home-muted: var(--color-text-secondary);--home-surface: var(--color-bg-secondary);--home-gold: #80612a;--home-line: #80612a26;--home-feature-surface: var(--color-bg-secondary);background:var(--color-bg-primary)}html:is([data-theme=light],[data-theme=sepia]) .home-page :is(.home-continue,.hadith-card,.smart-card,.surah-card,.dhikr-card){background:var(--home-surface)}html:is([data-theme=light],[data-theme=sepia]) .home-page :is(.home-continue__page,.surah-card__name-fr,.dhikr-card__fr){color:var(--home-muted)}html[data-appearance=violet] .voice-page{--voice-accent: #e8d48b;--voice-ink: #1a1a2e;background:var(--original-gradient);min-height:calc(100dvh - var(--bottom-nav-height))}html[data-appearance=violet] .voice-listener{background:radial-gradient(ellipse at 50% 38%,#c9a84c26,transparent 75%),var(--color-bg-secondary);border-color:#ffffff18}html[data-appearance=violet] .voice-page .voice-search-trigger{background:linear-gradient(145deg,#e8d48b,#c9a84c);border-color:#e8d48b80;box-shadow:0 10px 35px #c9a84c35,inset 0 1px #fff8}html[data-appearance=violet] .voice-page .is-active .voice-search-trigger{background:#1a1a2e;color:#e8d48b;box-shadow:0 0 calc(18px + var(--voice-level)*36px) #c9a84c65}html[data-appearance=violet] .voice-page .voice-ring{border-color:#c9a84c55;transform:scale(calc(1 + var(--voice-level)*.16));transition:transform .16s ease;animation:none}html[data-appearance=violet] .voice-page .voice-ring--outer{border-color:#c9a84c25;transform:scale(calc(1 + var(--voice-level)*.26))}html[data-appearance=violet] .voice-page :is(.voice-modes button[aria-pressed=true],.voice-visibility button){background:#c9a84c24;color:#e8d48b}html[data-appearance=violet] .voice-result{border-color:#c9a84c44;background:linear-gradient(150deg,#1a1a2e,#16213e)}html[data-appearance=violet] .voice-continue{background:#c9a84c12;border-color:#c9a84c40}html[data-appearance=violet] .voice-reference{color:#e8d48b}html[data-appearance=violet] .voice-arabic span[data-current=true]{background:#c9a84c30}html[data-appearance=violet] .hifdh-page{background:var(--original-gradient)}html[data-appearance=violet] .hifdh-page__header-row{background:transparent}html[data-appearance=violet] .journey{--journey-accent: #e8d48b}html[data-appearance=violet] .journey-hero{background:radial-gradient(ellipse at top right,#c9a84c26,transparent 80%),var(--color-bg-secondary);border-color:#c9a84c45}html[data-appearance=violet] :is(.journey .journey-primary,.hifdh-page .hifdh-primary){background:linear-gradient(110deg,#e8d48b,#c9a84c);color:#1a1a2e}html[data-appearance=violet] .hifdh-view-nav button[aria-current]{color:#e8d48b;background:#c9a84c2b}html[data-appearance=violet] .hifdh-page .hifdh-verse-card--active{border-color:#c9a84c78;box-shadow:inset 3px 0 #c9a84c}html[data-appearance=violet] .hifdh-command-dock{background:#16213ef5;border-color:#c9a84c45}html[data-appearance=violet] .journey-stats>div{border-bottom-color:#c9a84c}html[data-appearance=violet] .mushaf-page[data-layout]{--paper: #1a1a2e;--ink: #e8e0d4;--muted-ink: #b4bdcb;--reader-accent: #c9a84c;--reader-rule: #c9a84c30}html[data-appearance=violet] :is(.mih-header,.madinah-header,.tajweed-header,.mih-toolbar,.mih-nav){background:#16213e;border-color:#c9a84c3b}html[data-appearance=violet] .mushaf-page[data-layout] .mih-header{background:#16213e}html[data-appearance=violet] :is(.mih-toolbar__btn.active,.live-follow-toggle.is-active){background:#c9a84c2b;color:#e8d48b}.settings-page .appearance-options{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;width:100%}.settings-page .settings-item:has(.appearance-options){display:block}.appearance-options{margin-top:12px}.appearance-option{--preview-bg:#0d1117;--preview-card:#21262d;--preview-ink:#eee6d3;--preview-accent:#dfc886;min-width:0;padding:8px;border:1px solid var(--color-bg-tertiary);border-radius:16px;background:var(--color-bg-secondary);color:var(--color-text-primary);text-align:left;cursor:pointer}.appearance-option[data-preview=violet]{--preview-bg:#1a1a2e;--preview-card:#16213e;--preview-ink:#e0e0e0;--preview-accent:#e8d48b}.appearance-option[data-preview=light]{--preview-bg:#fff;--preview-card:#eef0f4;--preview-ink:#313141;--preview-accent:#8055a6}.appearance-option[data-preview=sepia]{--preview-bg:#f4ecd8;--preview-card:#e3d7bd;--preview-ink:#514432;--preview-accent:#987a3a}.appearance-option[aria-pressed=true]{border-color:var(--color-accent);box-shadow:0 0 0 1px var(--color-accent)}.appearance-option:focus-visible{outline:2px solid var(--color-accent);outline-offset:4px}.appearance-preview{height:58px;border-radius:9px;padding:8px;display:flex;flex-direction:column;gap:5px;background:var(--preview-bg);overflow:hidden}.appearance-preview__title{height:4px;width:55%;border-radius:4px;background:var(--preview-ink);opacity:.7}.appearance-preview__card{flex:1;background:var(--preview-card);border-radius:7px;padding:7px;display:flex;flex-direction:column;gap:5px}.appearance-preview__card i{height:3px;width:70%;border-radius:3px;background:var(--preview-ink);opacity:.6}.appearance-preview__card i:last-child{width:40%;background:var(--preview-accent);opacity:1}.appearance-preview__nav{display:flex;justify-content:space-around}.appearance-preview__nav i{width:13px;height:5px;border-radius:5px;background:var(--preview-ink);opacity:.3}.appearance-preview__nav i:first-child{width:24px;background:var(--preview-accent);opacity:1}.appearance-option__name{display:flex;justify-content:space-between;align-items:center;font-size:12px;font-weight:650;margin:10px 2px 4px}.appearance-option small{display:block;font-size:10px;line-height:1.5;color:var(--color-text-secondary);margin:0 2px 4px}@media(max-width:650px){.settings-page .appearance-options{gap:6px}.appearance-options .appearance-option{padding:5px;border-radius:12px}.appearance-options .appearance-preview{height:44px;padding:5px;gap:4px}.appearance-options .appearance-option__name{align-items:flex-start;font-size:10px;min-height:26px;margin:8px 1px 0;gap:2px}.appearance-options .appearance-option small{display:none}.appearance-options .appearance-preview__nav i{width:7px;height:3px}}@media(prefers-reduced-motion:reduce){html .bottom-nav *,html[data-appearance=violet] .voice-page .voice-ring{transition:none}}