:root{--ion-color-primary:#0054e9;--ion-color-primary-rgb:0, 84, 233;--ion-color-primary-contrast:#fff;--ion-color-primary-contrast-rgb:255, 255, 255;--ion-color-primary-shade:#004acd;--ion-color-primary-tint:#1a65eb;--ion-color-secondary:#0163aa;--ion-color-secondary-rgb:1, 99, 170;--ion-color-secondary-contrast:#fff;--ion-color-secondary-contrast-rgb:255, 255, 255;--ion-color-secondary-shade:#015796;--ion-color-secondary-tint:#1a73b3;--ion-color-tertiary:#6030ff;--ion-color-tertiary-rgb:96, 48, 255;--ion-color-tertiary-contrast:#fff;--ion-color-tertiary-contrast-rgb:255, 255, 255;--ion-color-tertiary-shade:#542ae0;--ion-color-tertiary-tint:#7045ff;--ion-color-success:#2dd55b;--ion-color-success-rgb:45, 213, 91;--ion-color-success-contrast:#000;--ion-color-success-contrast-rgb:0, 0, 0;--ion-color-success-shade:#28bb50;--ion-color-success-tint:#42d96b;--ion-color-warning:#ffc409;--ion-color-warning-rgb:255, 196, 9;--ion-color-warning-contrast:#000;--ion-color-warning-contrast-rgb:0, 0, 0;--ion-color-warning-shade:#e0ac08;--ion-color-warning-tint:#ffca22;--ion-color-danger:#c5000f;--ion-color-danger-rgb:197, 0, 15;--ion-color-danger-contrast:#fff;--ion-color-danger-contrast-rgb:255, 255, 255;--ion-color-danger-shade:#ad000d;--ion-color-danger-tint:#cb1a27;--ion-color-light:#f4f5f8;--ion-color-light-rgb:244, 245, 248;--ion-color-light-contrast:#000;--ion-color-light-contrast-rgb:0, 0, 0;--ion-color-light-shade:#d7d8da;--ion-color-light-tint:#f5f6f9;--ion-color-medium:#636469;--ion-color-medium-rgb:99, 100, 105;--ion-color-medium-contrast:#fff;--ion-color-medium-contrast-rgb:255, 255, 255;--ion-color-medium-shade:#57585c;--ion-color-medium-tint:#737478;--ion-color-dark:#222428;--ion-color-dark-rgb:34, 36, 40;--ion-color-dark-contrast:#fff;--ion-color-dark-contrast-rgb:255, 255, 255;--ion-color-dark-shade:#1e2023;--ion-color-dark-tint:#383a3e}html.ios{--ion-default-font:-apple-system, BlinkMacSystemFont, "Helvetica Neue", "Roboto", sans-serif}html.md{--ion-default-font:"Roboto", "Helvetica Neue", sans-serif}html{--ion-dynamic-font:-apple-system-body;--ion-font-family:var(--ion-default-font)}body{background:var(--ion-background-color);color:var(--ion-text-color)}body.backdrop-no-scroll{overflow:hidden}html.ios ion-modal.modal-card ion-header ion-toolbar:first-of-type,html.ios ion-modal.modal-sheet ion-header ion-toolbar:first-of-type,html.ios ion-modal ion-footer ion-toolbar:first-of-type,html.ios ion-footer.modal-footer-moving ion-toolbar:first-of-type{padding-top:6px}html.ios ion-modal.modal-card ion-header ion-toolbar:last-of-type,html.ios ion-modal.modal-sheet ion-header ion-toolbar:last-of-type{padding-bottom:6px}html.ios ion-modal ion-toolbar,html.ios .modal-footer-moving ion-toolbar{padding-right:calc(var(--ion-safe-area-right) + 8px);padding-left:calc(var(--ion-safe-area-left) + 8px)}@media screen and (width>=768px){html.ios ion-modal.modal-card:first-of-type{--backdrop-opacity:.18}}ion-modal.modal-default.show-modal~ion-modal.modal-default{--backdrop-opacity:0;--box-shadow:none}html.ios ion-modal.modal-card .ion-page{border-top-left-radius:var(--border-radius)}.ion-color-primary{--ion-color-base:var(--ion-color-primary,#0054e9)!important;--ion-color-base-rgb:var(--ion-color-primary-rgb,0, 84, 233)!important;--ion-color-contrast:var(--ion-color-primary-contrast,#fff)!important;--ion-color-contrast-rgb:var(--ion-color-primary-contrast-rgb,255, 255, 255)!important;--ion-color-shade:var(--ion-color-primary-shade,#004acd)!important;--ion-color-tint:var(--ion-color-primary-tint,#1a65eb)!important}.ion-color-secondary{--ion-color-base:var(--ion-color-secondary,#0163aa)!important;--ion-color-base-rgb:var(--ion-color-secondary-rgb,1, 99, 170)!important;--ion-color-contrast:var(--ion-color-secondary-contrast,#fff)!important;--ion-color-contrast-rgb:var(--ion-color-secondary-contrast-rgb,255, 255, 255)!important;--ion-color-shade:var(--ion-color-secondary-shade,#015796)!important;--ion-color-tint:var(--ion-color-secondary-tint,#1a73b3)!important}.ion-color-tertiary{--ion-color-base:var(--ion-color-tertiary,#6030ff)!important;--ion-color-base-rgb:var(--ion-color-tertiary-rgb,96, 48, 255)!important;--ion-color-contrast:var(--ion-color-tertiary-contrast,#fff)!important;--ion-color-contrast-rgb:var(--ion-color-tertiary-contrast-rgb,255, 255, 255)!important;--ion-color-shade:var(--ion-color-tertiary-shade,#542ae0)!important;--ion-color-tint:var(--ion-color-tertiary-tint,#7045ff)!important}.ion-color-success{--ion-color-base:var(--ion-color-success,#2dd55b)!important;--ion-color-base-rgb:var(--ion-color-success-rgb,45, 213, 91)!important;--ion-color-contrast:var(--ion-color-success-contrast,#000)!important;--ion-color-contrast-rgb:var(--ion-color-success-contrast-rgb,0, 0, 0)!important;--ion-color-shade:var(--ion-color-success-shade,#28bb50)!important;--ion-color-tint:var(--ion-color-success-tint,#42d96b)!important}.ion-color-warning{--ion-color-base:var(--ion-color-warning,#ffc409)!important;--ion-color-base-rgb:var(--ion-color-warning-rgb,255, 196, 9)!important;--ion-color-contrast:var(--ion-color-warning-contrast,#000)!important;--ion-color-contrast-rgb:var(--ion-color-warning-contrast-rgb,0, 0, 0)!important;--ion-color-shade:var(--ion-color-warning-shade,#e0ac08)!important;--ion-color-tint:var(--ion-color-warning-tint,#ffca22)!important}.ion-color-danger{--ion-color-base:var(--ion-color-danger,#c5000f)!important;--ion-color-base-rgb:var(--ion-color-danger-rgb,197, 0, 15)!important;--ion-color-contrast:var(--ion-color-danger-contrast,#fff)!important;--ion-color-contrast-rgb:var(--ion-color-danger-contrast-rgb,255, 255, 255)!important;--ion-color-shade:var(--ion-color-danger-shade,#ad000d)!important;--ion-color-tint:var(--ion-color-danger-tint,#cb1a27)!important}.ion-color-light{--ion-color-base:var(--ion-color-light,#f4f5f8)!important;--ion-color-base-rgb:var(--ion-color-light-rgb,244, 245, 248)!important;--ion-color-contrast:var(--ion-color-light-contrast,#000)!important;--ion-color-contrast-rgb:var(--ion-color-light-contrast-rgb,0, 0, 0)!important;--ion-color-shade:var(--ion-color-light-shade,#d7d8da)!important;--ion-color-tint:var(--ion-color-light-tint,#f5f6f9)!important}.ion-color-medium{--ion-color-base:var(--ion-color-medium,#636469)!important;--ion-color-base-rgb:var(--ion-color-medium-rgb,99, 100, 105)!important;--ion-color-contrast:var(--ion-color-medium-contrast,#fff)!important;--ion-color-contrast-rgb:var(--ion-color-medium-contrast-rgb,255, 255, 255)!important;--ion-color-shade:var(--ion-color-medium-shade,#57585c)!important;--ion-color-tint:var(--ion-color-medium-tint,#737478)!important}.ion-color-dark{--ion-color-base:var(--ion-color-dark,#222428)!important;--ion-color-base-rgb:var(--ion-color-dark-rgb,34, 36, 40)!important;--ion-color-contrast:var(--ion-color-dark-contrast,#fff)!important;--ion-color-contrast-rgb:var(--ion-color-dark-contrast-rgb,255, 255, 255)!important;--ion-color-shade:var(--ion-color-dark-shade,#1e2023)!important;--ion-color-tint:var(--ion-color-dark-tint,#383a3e)!important}.ion-page{contain:layout size style;z-index:0;flex-direction:column;justify-content:space-between;display:flex;position:absolute;inset:0}.ion-page.ion-page-overlay-passthrough{pointer-events:none}ion-modal>.ion-page{contain:layout style;height:100%;position:relative}.split-pane-visible>.ion-page.split-pane-main{position:relative}ion-route,ion-route-redirect,ion-router,ion-select-option,ion-nav-controller,ion-menu-controller,ion-action-sheet-controller,ion-alert-controller,ion-loading-controller,ion-modal-controller,ion-picker-controller,ion-popover-controller,ion-toast-controller,.ion-page-hidden{display:none!important}.ion-page-invisible{opacity:0}.can-go-back>ion-header ion-back-button{display:block}html.plt-ios.plt-hybrid,html.plt-ios.plt-pwa{--ion-statusbar-padding:20px}@supports (padding-top:20px){html{--ion-safe-area-top:var(--ion-statusbar-padding)}}@supports (padding-top:env(safe-area-inset-top)){html{--ion-safe-area-top:var(--safe-area-inset-top,env(safe-area-inset-top));--ion-safe-area-bottom:var(--safe-area-inset-bottom,env(safe-area-inset-bottom));--ion-safe-area-left:var(--safe-area-inset-left,env(safe-area-inset-left));--ion-safe-area-right:var(--safe-area-inset-right,env(safe-area-inset-right))}}ion-card.ion-color .ion-inherit-color,ion-card-header.ion-color .ion-inherit-color{color:inherit}.menu-content{transform:translate(0,0)}.menu-content-open{cursor:pointer;touch-action:manipulation;pointer-events:none;overflow-y:hidden}.menu-content-open ion-content{--overflow:hidden}.menu-content-open .ion-content-scroll-host{overflow:hidden}.ios .menu-content-reveal{box-shadow:-8px 0 42px #00000014}[dir=rtl].ios .menu-content-reveal{box-shadow:8px 0 42px #00000014}.md .menu-content-reveal,.md .menu-content-push{box-shadow:4px 0 16px #0000002e}ion-accordion-group.accordion-group-expand-inset>ion-accordion:first-of-type{border-top-left-radius:8px;border-top-right-radius:8px}ion-accordion-group.accordion-group-expand-inset>ion-accordion:last-of-type{border-bottom-right-radius:8px;border-bottom-left-radius:8px}ion-accordion-group>ion-accordion:last-of-type ion-item[slot=header]{--border-width:0px}ion-accordion.accordion-animated>[slot=header] .ion-accordion-toggle-icon{transition:transform .3s cubic-bezier(.25,.8,.5,1)}@media (prefers-reduced-motion:reduce){ion-accordion .ion-accordion-toggle-icon{transition:none!important}}ion-accordion.accordion-expanding>[slot=header] .ion-accordion-toggle-icon,ion-accordion.accordion-expanded>[slot=header] .ion-accordion-toggle-icon{transform:rotate(180deg)}ion-accordion-group.accordion-group-expand-inset.md>ion-accordion.accordion-previous ion-item[slot=header]{--border-width:0px;--inner-border-width:0px}ion-accordion-group.accordion-group-expand-inset.md>ion-accordion.accordion-expanding:first-of-type,ion-accordion-group.accordion-group-expand-inset.md>ion-accordion.accordion-expanded:first-of-type{margin-top:0}ion-input input::-webkit-date-and-time-value{text-align:start}.ion-datetime-button-overlay{--width:fit-content;--height:fit-content}.ion-datetime-button-overlay ion-datetime.datetime-grid{width:320px;min-height:320px}[ion-last-focus],header[tabindex="-1"]:focus,[role=banner][tabindex="-1"]:focus,main[tabindex="-1"]:focus,[role=main][tabindex="-1"]:focus,h1[tabindex="-1"]:focus,[role=heading][aria-level="1"][tabindex="-1"]:focus{outline:none}.popover-viewport:has(>ion-content){overflow:hidden}@supports not selector(:has(> ion-content)){.popover-viewport{overflow:hidden}}audio,canvas,progress,video{vertical-align:baseline}audio:not([controls]){height:0;display:none}b,strong{font-weight:700}img{max-width:100%}hr{box-sizing:content-box;border-width:0;height:1px}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace;font-size:1em}label,input,select,textarea{font-family:inherit;line-height:normal}textarea{height:auto;font:inherit;color:inherit;overflow:auto}textarea::placeholder{padding-left:2px}form,input,optgroup,select{font:inherit;color:inherit;margin:0}html input[type=button],input[type=reset],input[type=submit]{cursor:pointer;-webkit-appearance:button}a,a div,a span,a ion-icon,a ion-label,button,button div,button span,button ion-icon,button ion-label,.ion-tappable,[tappable],[tappable] div,[tappable] span,[tappable] ion-icon,[tappable] ion-label,input,textarea{touch-action:manipulation}a ion-label,button ion-label{pointer-events:none}button{font-family:inherit;font-style:inherit;font-variant:inherit;text-transform:none;cursor:pointer;-webkit-appearance:button;border:0;border-radius:0;padding:0;line-height:1}[tappable]{cursor:pointer}a[disabled],button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner{border:0;padding:0}input::-moz-focus-inner{border:0;padding:0}input[type=number]::-webkit-inner-spin-button{height:auto}input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]::-webkit-search-cancel-button{-webkit-appearance:none}input[type=search]::-webkit-search-decoration{-webkit-appearance:none}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}*{box-sizing:border-box;-webkit-tap-highlight-color:#0000;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;width:100%;height:100%}html.ion-ce body{display:block}html.plt-pwa{height:100vh}body{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;touch-action:manipulation;-webkit-user-drag:none;-ms-content-zooming:none;word-wrap:break-word;overscroll-behavior-y:none;-webkit-text-size-adjust:none;-moz-text-size-adjust:none;text-size-adjust:none;width:100%;max-width:100%;height:100%;max-height:100%;margin:0;padding:0;position:fixed;overflow:hidden;transform:translateZ(0)}html{font-family:var(--ion-font-family)}@supports (-webkit-touch-callout:none){html{font:var(--ion-dynamic-font,16px var(--ion-font-family))}}a{color:var(--ion-color-primary,#0054e9);background-color:#0000}h1,h2,h3,h4,h5,h6{margin-top:16px;margin-bottom:10px;font-weight:500;line-height:1.2}h1{margin-top:20px;font-size:1.625rem}h2{margin-top:18px;font-size:1.5rem}h3{font-size:1.375rem}h4{font-size:1.25rem}h5{font-size:1.125rem}h6{font-size:1rem}small{font-size:75%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sup{top:-.5em}sub{bottom:-.25em}:root{color:#f5f1e8;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#090b0e;font-family:DM Sans,Segoe UI,sans-serif;font-weight:400;line-height:1.5}*{box-sizing:border-box}html,body,#root{background:#090b0e;width:100%;height:100%;min-height:100%;margin:0}body{overscroll-behavior:none}button,input,textarea,select{font:inherit}ion-app,ion-page{background:#090b0e;min-height:100%}ion-modal{--color:#f4efe8}ion-content{--background:transparent;--color:#f5f1e8}button:focus-visible,input:focus-visible{outline-offset:3px;outline:2px solid #d7ae69}@font-face{font-family:Amiri;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/amiri-arabic-400-normal-D0NIBXga.woff2)format("woff2"),url(/assets/amiri-arabic-400-normal-C_1DQziU.woff)format("woff");unicode-range:U+6??,U+750-77F,U+870-88E,U+890-891,U+897-8E1,U+8E3-8FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC,U+102E0-102FB,U+10E60-10E7E,U+10EC2-10EC4,U+10EFC-10EFF,U+1EE00-1EE03,U+1EE05-1EE1F,U+1EE21-1EE22,U+1EE24,U+1EE27,U+1EE29-1EE32,U+1EE34-1EE37,U+1EE39,U+1EE3B,U+1EE42,U+1EE47,U+1EE49,U+1EE4B,U+1EE4D-1EE4F,U+1EE51-1EE52,U+1EE54,U+1EE57,U+1EE59,U+1EE5B,U+1EE5D,U+1EE5F,U+1EE61-1EE62,U+1EE64,U+1EE67-1EE6A,U+1EE6C-1EE72,U+1EE74-1EE77,U+1EE79-1EE7C,U+1EE7E,U+1EE80-1EE89,U+1EE8B-1EE9B,U+1EEA1-1EEA3,U+1EEA5-1EEA9,U+1EEAB-1EEBB,U+1EEF0-1EEF1}@font-face{font-family:Amiri;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/amiri-latin-ext-400-normal-C9hoIjPx.woff2)format("woff2"),url(/assets/amiri-latin-ext-400-normal-CGn-6a7O.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Amiri;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/amiri-latin-400-normal-Czk41Rjn.woff2)format("woff2"),url(/assets/amiri-latin-400-normal-Bv6IM0kz.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Amiri;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/amiri-arabic-700-normal-D8FrblyB.woff2)format("woff2"),url(/assets/amiri-arabic-700-normal-dUd6sHq-.woff)format("woff");unicode-range:U+6??,U+750-77F,U+870-88E,U+890-891,U+897-8E1,U+8E3-8FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC,U+102E0-102FB,U+10E60-10E7E,U+10EC2-10EC4,U+10EFC-10EFF,U+1EE00-1EE03,U+1EE05-1EE1F,U+1EE21-1EE22,U+1EE24,U+1EE27,U+1EE29-1EE32,U+1EE34-1EE37,U+1EE39,U+1EE3B,U+1EE42,U+1EE47,U+1EE49,U+1EE4B,U+1EE4D-1EE4F,U+1EE51-1EE52,U+1EE54,U+1EE57,U+1EE59,U+1EE5B,U+1EE5D,U+1EE5F,U+1EE61-1EE62,U+1EE64,U+1EE67-1EE6A,U+1EE6C-1EE72,U+1EE74-1EE77,U+1EE79-1EE7C,U+1EE7E,U+1EE80-1EE89,U+1EE8B-1EE9B,U+1EEA1-1EEA3,U+1EEA5-1EEA9,U+1EEAB-1EEBB,U+1EEF0-1EEF1}@font-face{font-family:Amiri;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/amiri-latin-ext-700-normal-ByFuOT8o.woff2)format("woff2"),url(/assets/amiri-latin-ext-700-normal-Ck-lxu84.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Amiri;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/amiri-latin-700-normal-DIjoEGk6.woff2)format("woff2"),url(/assets/amiri-latin-700-normal-BH9dHmOv.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--ink:#090b0e;--panel:#12161b;--panel-raised:#171c22;--line:#ffffff17;--text:#f5f1e8;--muted:#969da5;--gold:#d7ae69;--gold-soft:#d7ae6921;--gold-glow:#d7ae6959;--green:#4ade80;--green-soft:#4ade8026;--red:#f87171;--red-soft:#f8717126}.quran-shell{height:100%;color:var(--text);background:var(--ink);flex-direction:column;display:flex;position:relative;overflow:hidden}.quran-shell:before{z-index:0;pointer-events:none;content:"";background:radial-gradient(at 50% -20%,#3a424a40,#0000 58%);position:absolute;inset:0}.reading-stage{z-index:1;flex-direction:column;flex:1;align-items:center;width:100%;height:100%;min-height:0;display:flex;position:relative}.quran-reading{width:100%;height:100%;min-height:0;padding-top:max(clamp(.75rem, 2.5vh, 2rem), env(safe-area-inset-top));padding-bottom:calc(7.5rem + env(safe-area-inset-bottom));padding-left:max(clamp(1rem, 4vw, 4.5rem), env(safe-area-inset-left));padding-right:max(clamp(1rem, 4vw, 4.5rem), env(safe-area-inset-right));scrollbar-color:#d7ae6959 transparent;scrollbar-width:thin;flex:auto;overflow-y:auto}.continue-listening-card.compact-banner{top:max(.4rem, env(safe-area-inset-top));z-index:8;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#12161cf0;border:1px solid #d7ae6952;border-radius:12px;justify-content:space-between;align-items:center;gap:.5rem;width:min(100%,720px);margin:.25rem auto .4rem;padding:.38rem .65rem .38rem .75rem;animation:.22s ease-out slide-down;display:flex;position:sticky;box-shadow:0 4px 16px #00000059}@keyframes slide-down{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.continue-main-pill{color:var(--text);cursor:pointer;min-width:0;text-align:inherit;-webkit-tap-highlight-color:transparent;background:0 0;border:0;flex:1;align-items:center;gap:.45rem;padding:0;font-family:DM Sans,Segoe UI,sans-serif;font-size:.82rem;display:inline-flex}.continue-play-dot{background:var(--gold);width:24px;height:24px;color:var(--ink);border-radius:50%;flex-shrink:0;place-items:center;font-size:.8rem;display:grid;box-shadow:0 2px 6px #d7ae694d}.continue-label{color:var(--gold);white-space:nowrap;font-size:.78rem;font-weight:700}.continue-surah-title{color:var(--text);white-space:nowrap;text-overflow:ellipsis;font-weight:600;overflow:hidden}.continue-timestamp{color:var(--muted);white-space:nowrap;font-family:DM Sans,monospace;font-size:.76rem}.continue-dismiss-btn.compact{width:26px;height:26px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:6px;flex:0 0 26px;place-items:center;font-size:1rem;transition:color .15s,background .15s;display:grid}.continue-dismiss-btn.compact:hover{color:var(--text);background:#ffffff14}.surah-header-banner{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);cursor:pointer;background:radial-gradient(at 50% 0,#232a34bf,#10141ad9);border:1px solid #d7ae6947;border-radius:20px;flex-direction:column;align-items:center;width:min(100%,780px);margin:.5rem auto 1.75rem;padding:1.25rem 1.5rem 1.1rem;transition:border-color .2s,transform .2s;display:flex;position:relative;box-shadow:0 10px 30px #00000059,inset 0 0 20px #d7ae690a}.surah-header-banner:hover{border-color:#d7ae6980;transform:translateY(-1px)}.surah-header-ornament-top,.surah-header-ornament-bottom{justify-content:center;align-items:center;gap:.6rem;width:100%;max-width:320px;display:flex}.ornament-line{background:linear-gradient(90deg,#0000,#d7ae6980,#0000);flex:1;height:1px}.ornament-gem{color:var(--gold);font-size:1.1rem;line-height:1}.ornament-diamond{color:var(--gold);opacity:.8;font-size:.65rem;line-height:1}.surah-header-main{text-align:center;flex-direction:column;align-items:center;margin:.4rem 0 .5rem;display:flex}.surah-header-title-arabic{color:var(--gold);text-shadow:0 2px 8px #00000080,0 0 18px #d7ae6933;margin:0;font-family:Amiri,serif;font-size:clamp(2rem,5vw,2.8rem);font-weight:700;line-height:1.2}.surah-header-sub{margin-top:.2rem}.surah-transliteration{color:var(--text);letter-spacing:.02em;font-family:DM Sans,Segoe UI,sans-serif;font-size:1.05rem;font-weight:600}.surah-header-badges{flex-wrap:wrap;justify-content:center;align-items:center;gap:.45rem;margin-bottom:.6rem;display:flex}.surah-badge{border:1px solid var(--line);color:var(--muted);background:#ffffff0a;border-radius:999px;align-items:center;padding:.2rem .65rem;font-family:DM Sans,Segoe UI,sans-serif;font-size:.74rem;font-weight:500;display:inline-flex}.surah-badge.revelation-badge{background:var(--gold-soft);color:var(--gold);border-color:#d7ae6959;font-weight:600}.basmala-container{justify-content:center;width:100%;margin:.5rem 0 1.5rem;display:flex}.basmala-ayah{text-align:center;border-radius:14px;justify-content:center;align-items:center;margin:0 auto;padding:.3rem 1.2rem;display:inline-flex}.basmala-calligraphy{color:var(--text);text-shadow:0 2px 10px #0006,0 0 20px #d7ae6926;font-family:Amiri,serif;font-size:clamp(2rem,5.5vw,3.2rem);line-height:1.4}.quran-flow{color:var(--text);text-align:justify;text-align-last:center;direction:rtl;width:100%;margin:0 auto;font-family:Amiri,serif;line-height:2.3}.ayah{color:inherit;font:inherit;line-height:inherit;text-align:inherit;cursor:pointer;-webkit-box-decoration-break:clone;box-decoration-break:clone;background:0 0;border:1px solid #0000;border-radius:.35em;margin:0;padding:.08em .12em;transition:background .3s,border-color .3s,box-shadow .3s;display:inline}.ayah:hover{background:#ffffff09}.ayah.active{background:var(--gold-soft);border-color:#d7ae6959;box-shadow:0 0 24px #d7ae691f}.ayah-text{text-shadow:0 1px #00000038;direction:rtl;unicode-bidi:plaintext}.ayah-number{width:1.45em;height:1.45em;color:var(--gold);vertical-align:.18em;border:1px solid #d7ae6994;border-radius:50%;justify-content:center;align-items:center;margin:0 .18em;font-family:DM Sans,Segoe UI,sans-serif;font-size:.42em;font-weight:700;line-height:1;display:inline-flex}.ayah.active .ayah-number{background:var(--gold);color:var(--ink)}.app-footer{z-index:10;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-top:1px solid var(--line);width:100%;padding-bottom:max(.4rem, env(safe-area-inset-bottom));padding-left:max(0rem, env(safe-area-inset-left));padding-right:max(0rem, env(safe-area-inset-right));background:#0a0d11f0;flex-direction:column;transition:transform .35s cubic-bezier(.2,.8,.2,1),opacity .35s;display:flex;position:relative}.controls-hidden .app-footer{pointer-events:none;opacity:0;position:absolute;bottom:0;transform:translateY(100%)}.audio-progress{cursor:pointer;background:#ffffff17;width:100%;height:5px;transition:height .15s;position:relative;overflow:hidden}.audio-progress:hover{height:8px}.audio-progress-fill{background:var(--gold);height:100%;box-shadow:0 0 12px var(--gold-glow);pointer-events:none;transition:width .1s linear}.footer-toolbar{grid-template-columns:1fr auto 1fr;align-items:center;gap:.65rem;width:100%;min-height:76px;padding:.65rem clamp(.75rem,3vw,2.5rem);display:grid}.toolbar-group{align-items:center;gap:.5rem;min-width:0;display:flex}.toolbar-left{justify-self:start}.toolbar-center{flex-shrink:0;justify-content:center;justify-self:center;align-items:center;gap:.75rem;display:flex}.toolbar-right{justify-content:flex-end;justify-self:end;align-items:center;gap:.5rem;min-width:0;display:flex}.icon-button,.transport-button,.play-button,.surah-heading-btn,.surah-option,.stepper button,.reciter-btn,.recent-chip,.reciter-live-chip,.driving-pill-btn,.edit-toggle-btn,.circular-download-btn,.surah-heart-btn,.collapsed-play-fab,.collapsed-nav-btn,.collapsed-expand-btn,.floating-pin-btn,.floating-collapse-btn{color:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;border:0;outline:none}.icon-button{border:1px solid var(--line);width:48px;height:48px;color:var(--text);background:#ffffff0a;border-radius:14px;flex:0 0 48px;place-items:center;font-size:1.25rem;transition:background .2s,border-color .2s,transform .15s;display:inline-grid;position:relative}.icon-button:hover,.icon-button:focus-visible{background:var(--gold-soft);border-color:#d7ae698c;transform:translateY(-1px)}.icon-button:active{transform:translateY(1px)}.circular-download-btn{background:var(--gold-soft);width:48px;height:48px;color:var(--gold);border:1px solid #d7ae6966;border-radius:14px;flex:0 0 48px;place-items:center;transition:transform .15s,border-color .15s;display:inline-grid;position:relative}.circular-download-btn:hover{border-color:var(--gold);transform:scale(1.05)}.progress-ring{display:block}.progress-ring-fill{transition:stroke-dashoffset .25s}.progress-ring-text{color:var(--gold);font-family:DM Sans,sans-serif;font-size:.62rem;font-weight:700;position:absolute}.reciter-live-chip{border:1px solid var(--line);color:var(--text);background:#ffffff09;border-radius:12px;align-items:center;gap:.65rem;max-width:220px;height:48px;padding:.45rem .85rem;font-family:DM Sans,sans-serif;transition:border-color .2s,background .2s;display:inline-flex}.reciter-live-chip:hover{background:var(--gold-soft);border-color:#d7ae6973}.reciter-chip-name{color:var(--text);white-space:nowrap;text-overflow:ellipsis;font-size:.82rem;font-weight:600;overflow:hidden}.reciter-chip-time{color:var(--gold);letter-spacing:-.02em;background:#d7ae691f;border-radius:6px;padding:.15rem .45rem;font-family:DM Sans,monospace;font-size:.82rem;font-weight:700}.repeat-cycle-btn{flex-direction:column;justify-content:center;align-items:center;gap:.05rem;display:inline-flex}.repeat-cycle-btn.repeat-active{background:var(--gold-soft);color:var(--gold);border-color:#d7ae6999}.repeat-cycle-badge{text-transform:uppercase;letter-spacing:.04em;font-family:DM Sans,sans-serif;font-size:.52rem;font-weight:700;line-height:1}.transport-button{border:1px solid var(--line);width:48px;height:48px;color:var(--text);background:#ffffff0a;border-radius:14px;place-items:center;font-size:1.35rem;transition:transform .2s,border-color .2s,background .2s;display:grid}.transport-button:hover,.transport-button:focus-visible{background:var(--panel-raised);border-color:#d7ae6980;transform:translateY(-1px)}.transport-button:active{transform:translateY(1px)}.play-button{background:var(--gold);width:60px;height:60px;color:var(--ink);border:1px solid #d7ae69bf;border-radius:50%;place-items:center;font-size:1.6rem;transition:transform .2s,box-shadow .2s;display:grid;box-shadow:0 6px 20px #0006,0 0 0 5px #d7ae691a}.play-button:hover,.play-button:focus-visible{transform:scale(1.04);box-shadow:0 8px 24px #00000080,0 0 0 8px #d7ae6926}.play-button:active{transform:scale(.96)}.play-button.is-playing{animation:2.8s ease-in-out infinite listening-pulse}@keyframes listening-pulse{0%,to{box-shadow:0 6px 20px #0006,0 0 0 5px #d7ae691a}50%{box-shadow:0 6px 20px #0006,0 0 0 9px #d7ae690a}}.surah-heading-btn{text-align:right;background:0 0;border:1px solid #0000;border-radius:12px;align-items:center;min-width:0;max-width:220px;padding:.35rem .65rem;transition:background .2s,border-color .2s;display:flex}.surah-heading-btn:hover{border-color:var(--line);background:#ffffff08}.surah-info{flex-direction:column;align-items:flex-end;width:100%;min-width:0;display:flex}.surah-heading-arabic{white-space:nowrap;text-overflow:ellipsis;max-width:100%;font-family:Amiri,serif;font-size:1.25rem;line-height:1.15;overflow:hidden}.surah-heading-latin{color:var(--muted);letter-spacing:.02em;white-space:nowrap;text-overflow:ellipsis;max-width:100%;margin-top:.15rem;font-family:DM Sans,Segoe UI,sans-serif;font-size:.72rem;overflow:hidden}.surah-heading-latin b{color:var(--gold);padding:0 .2rem;font-weight:400}.expanded-floating-dock{bottom:calc(76px + max(.4rem, env(safe-area-inset-bottom)) + 10px);right:max(16px, calc(env(safe-area-inset-right) + 14px));z-index:14;align-items:center;gap:8px;animation:.2s ease-out both modal-fade-in;display:flex;position:fixed}.floating-pin-btn,.floating-collapse-btn{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);width:38px;height:38px;color:var(--gold);background:#12161ceb;border:1px solid #d7ae6959;border-radius:50%;place-items:center;font-size:1.25rem;transition:transform .15s,background .15s,border-color .15s,box-shadow .15s;display:grid;box-shadow:0 4px 14px #00000073}.floating-pin-btn:hover,.floating-collapse-btn:hover{border-color:var(--gold);background:var(--gold-soft);transform:scale(1.08)}.floating-pin-btn:active,.floating-collapse-btn:active{transform:scale(.94)}.floating-pin-btn.is-pinned{background:var(--gold);color:var(--ink);border-color:var(--gold);box-shadow:0 4px 18px #d7ae6966}.collapsed-controls-wrapper{z-index:15;pointer-events:none;animation:.25s ease-out both modal-fade-in;position:fixed;inset:0}.collapsed-transport-cluster{bottom:max(16px, calc(env(safe-area-inset-bottom) + 10px));pointer-events:auto;z-index:20;justify-content:center;align-items:center;gap:.85rem;display:flex;position:fixed;left:50%;transform:translate(-50%)}.collapsed-play-fab{background:var(--gold);width:58px;height:58px;color:var(--ink);border-radius:50%;place-items:center;font-size:1.6rem;transition:transform .15s,box-shadow .15s;display:grid;box-shadow:0 8px 24px #00000080,0 0 0 5px #d7ae6933}.collapsed-play-fab:hover{transform:scale(1.06);box-shadow:0 10px 28px #0009,0 0 0 7px #d7ae694d}.collapsed-play-fab:active{transform:scale(.94)}.collapsed-play-fab.is-playing{animation:2.8s ease-in-out infinite listening-pulse}.collapsed-nav-btn{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);width:44px;height:44px;color:var(--text);background:#12161ce6;border:1px solid #d7ae6959;border-radius:50%;place-items:center;font-size:1.25rem;transition:transform .15s,border-color .15s,background .15s;display:grid;box-shadow:0 4px 16px #00000073}.collapsed-nav-btn:hover{border-color:var(--gold);background:var(--panel-raised);transform:translateY(-1px)}.collapsed-nav-btn:active{transform:translateY(1px)}.collapsed-expand-btn{bottom:max(18px, calc(env(safe-area-inset-bottom) + 12px));right:max(18px, calc(env(safe-area-inset-right) + 14px));-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);width:42px;height:42px;color:var(--gold);pointer-events:auto;z-index:20;background:#12161ce6;border:1px solid #d7ae6966;border-radius:50%;place-items:center;font-size:1.35rem;transition:transform .15s,border-color .15s,background .15s;display:grid;position:fixed;box-shadow:0 4px 16px #00000073}.collapsed-expand-btn:hover{border-color:var(--gold);background:var(--gold-soft);transform:scale(1.08)}.collapsed-expand-btn:active{transform:scale(.94)}.collapsed-bottom-progress{pointer-events:auto;cursor:pointer;z-index:18;background:#ffffff14;height:6px;transition:height .15s;position:fixed;bottom:0;left:0;right:0}.collapsed-bottom-progress:hover{height:9px}.collapsed-progress-fill{background:var(--gold);height:100%;box-shadow:0 0 10px var(--gold-glow);transition:width .1s linear}.modal-overlay{z-index:25;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#030507bf;animation:.22s ease-out both modal-fade-in;display:flex;position:fixed;inset:0}.modal-surface{width:100%;height:100dvh;padding:max(1.1rem, env(safe-area-inset-top)) max(1.1rem, env(safe-area-inset-right)) max(1.1rem, env(safe-area-inset-bottom)) max(1.1rem, env(safe-area-inset-left));box-shadow:none;color:var(--text);box-sizing:border-box;background:#101419;border:0;border-radius:0;flex-direction:column;margin:0;display:flex;overflow:hidden auto}.modal-overlay .modal-surface{animation:.24s ease-out both modal-rise-in}.modal-overlay.is-closing{animation:.18s ease-in both modal-fade-out}.modal-overlay.is-closing .modal-surface{animation:.18s ease-in both modal-rise-out}@keyframes modal-fade-in{0%{opacity:0}to{opacity:1}}@keyframes modal-rise-in{0%{opacity:0;transform:translateY(14px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes modal-fade-out{0%{opacity:1}to{opacity:0}}@keyframes modal-rise-out{0%{opacity:1;transform:translateY(0)scale(1)}to{opacity:0;transform:translateY(10px)scale(.98)}}.modal-heading{justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1.25rem;display:flex}.eyebrow{color:var(--gold);letter-spacing:.14em;text-transform:uppercase;font-family:DM Sans,Segoe UI,sans-serif;font-size:.68rem;font-weight:700}.modal-heading h2{margin:.3rem 0 0;font-size:clamp(1.6rem,3vw,2.2rem);font-weight:500}.search-field{border:1px solid var(--line);min-height:52px;color:var(--muted);background:#ffffff09;border-radius:14px;flex-shrink:0;align-items:center;gap:.8rem;margin-bottom:1rem;padding:0 1rem;display:flex;position:relative}.search-field input{width:100%;color:var(--text);background:0 0;border:0;outline:0;font-family:DM Sans,Segoe UI,sans-serif;font-size:.95rem}.search-field input::placeholder{color:#717981}.search-clear-btn{width:28px;height:28px;color:var(--text);cursor:pointer;background:#ffffff1a;border:0;border-radius:50%;place-items:center;font-size:.9rem;transition:background .15s;display:grid}.search-clear-btn:hover{background:#fff3}.selector-quick-section{border-bottom:1px solid var(--line);flex-direction:column;flex-shrink:0;gap:.5rem;margin-bottom:.85rem;padding-bottom:.75rem;display:flex}.section-header-row{justify-content:space-between;align-items:center;display:flex}.section-subtitle{color:var(--gold);align-items:center;gap:.4rem;font-family:DM Sans,sans-serif;font-size:.78rem;font-weight:600;display:flex}.edit-toggle-btn{border:1px solid var(--line);color:var(--muted);background:#ffffff0a;border-radius:8px;align-items:center;gap:.3rem;padding:.25rem .65rem;font-family:DM Sans,sans-serif;font-size:.74rem;font-weight:600;transition:all .15s;display:inline-flex}.edit-toggle-btn:hover,.edit-toggle-btn.editing{border-color:var(--gold);background:var(--gold-soft);color:var(--gold)}.quick-chips-row{scrollbar-width:none;align-items:center;gap:.55rem;padding-bottom:.25rem;display:flex;overflow-x:auto}.empty-hint{color:var(--muted);font-family:DM Sans,sans-serif;font-size:.75rem;font-style:italic}.chip-wrapper{flex-shrink:0;display:inline-flex;position:relative}.recent-chip{background:var(--gold-soft);color:var(--text);white-space:nowrap;border:1px solid #d7ae6959;border-radius:999px;flex-shrink:0;align-items:center;gap:.45rem;padding:.45rem .85rem;font-family:DM Sans,sans-serif;font-size:.78rem;transition:background .15s,border-color .15s;display:inline-flex}.recent-chip:hover{border-color:var(--gold);background:#d7ae6938}.gold-heart{color:var(--gold);font-size:.95rem}.chip-remove-icon{color:var(--red);margin-left:.2rem;font-size:.9rem}.recent-chip-play{color:var(--gold);font-size:.9rem}.recent-chip-arabic{color:var(--gold);margin-left:.2rem;font-family:Amiri,serif;font-size:.95rem}.surah-grid{direction:rtl;grid-template-columns:repeat(auto-fill,minmax(min(250px,100%),1fr));gap:.65rem;width:100%;padding-right:.15rem;display:grid}.surah-option-wrapper{align-items:center;width:100%;display:flex;position:relative}.surah-option{border:1px solid var(--line);text-align:left;direction:ltr;background:#ffffff06;border-radius:14px;align-items:center;gap:.8rem;width:100%;min-height:68px;padding:.75rem .95rem;transition:background .2s,border-color .2s;display:flex}.surah-option:hover,.surah-option.selected{background:var(--gold-soft);border-color:#d7ae6980}.surah-heart-btn{width:34px;height:34px;color:var(--muted);cursor:pointer;z-index:2;background:#00000080;border:0;border-radius:50%;place-items:center;font-size:1.2rem;transition:color .15s,transform .15s,background .15s;display:grid;position:absolute;top:50%;left:8px;transform:translateY(-50%)}.surah-heart-btn:hover{color:var(--gold);transform:translateY(-50%)scale(1.15)}.surah-heart-btn.is-bookmarked{color:var(--gold);background:#d7ae6933}.surah-index-number{color:var(--gold);font-family:DM Sans,Segoe UI,sans-serif;font-size:.74rem;font-weight:700}.surah-option-copy{flex-direction:column;flex:1;gap:.15rem;min-width:0;display:flex}.surah-option-copy strong{text-align:right;font-family:Amiri,serif;font-size:1.3rem;font-weight:400}.surah-option-copy small{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-family:DM Sans,Segoe UI,sans-serif;font-size:.72rem;overflow:hidden}.surah-option-count{color:var(--muted);font-family:DM Sans,Segoe UI,sans-serif;font-size:.68rem}.settings-scroll-body{flex-direction:column;gap:1.1rem;width:100%;display:flex}.driving-section{border:1px solid var(--line);background:#ffffff06;border-radius:18px;flex-direction:column;gap:.75rem;padding:.85rem 1rem;display:flex}.driving-section-header{justify-content:space-between;align-items:center;display:flex}.driving-section-title{text-transform:uppercase;letter-spacing:.08em;color:var(--gold);align-items:center;gap:.4rem;font-family:DM Sans,sans-serif;font-size:.82rem;font-weight:700;display:inline-flex}.driving-timer-countdown{color:var(--gold);background:var(--gold-soft);border-radius:999px;align-items:center;gap:.3rem;padding:.2rem .55rem;font-family:DM Sans,monospace;font-size:.78rem;font-weight:700;display:inline-flex}.driving-reciter-card{justify-content:space-between;align-items:center;gap:1rem;display:flex}.driving-reciter-text{flex-direction:column;gap:.15rem;display:flex}.driving-reciter-text strong{color:var(--text);font-family:DM Sans,sans-serif;font-size:1.1rem}.driving-reciter-text span{color:var(--muted);font-family:DM Sans,sans-serif;font-size:.8rem}.driving-row{justify-content:space-between;align-items:center;gap:1rem;min-height:48px;display:flex}.driving-row-label{color:var(--text);font-family:DM Sans,sans-serif;font-size:.95rem;font-weight:600}.driving-pills-row{flex-wrap:wrap;gap:.5rem;display:flex}.driving-font-size-box{border-top:1px solid var(--line);flex-direction:column;gap:.65rem;padding-top:.5rem;display:flex}.font-pills-row{gap:.4rem}.driving-pill-btn{border:1px solid var(--line);color:var(--muted);background:#ffffff09;border-radius:12px;align-items:center;gap:.35rem;padding:.55rem .95rem;font-family:DM Sans,sans-serif;font-size:.82rem;font-weight:600;transition:all .15s;display:inline-flex}.driving-pill-btn:hover{color:var(--text);background:#ffffff12}.driving-pill-btn.selected{border-color:var(--gold);background:var(--gold-soft);color:var(--gold);font-weight:700}.toggle{text-align:left;box-sizing:border-box;unicode-bidi:isolate;background:#282e35;border-radius:999px;flex-shrink:0;width:56px;height:34px;padding:3px;display:inline-block;direction:ltr!important}.toggle span{background:#8b9299;border-radius:50%;width:28px;height:28px;transition:transform .2s,background .2s;display:block;transform:translate(0)}.toggle.on{background:#d7ae6959}.toggle.on span{background:var(--gold);transform:translate(22px)}.stepper{align-items:center;gap:.65rem;display:flex}.stepper.compact{gap:.4rem}.stepper button{border:1px solid var(--line);width:44px;height:44px;color:var(--text);background:#ffffff0d;border-radius:12px;place-items:center;font-size:1.1rem;display:grid}.stepper.compact button{border-radius:9px;width:34px;height:34px;font-size:.95rem}.stepper span{min-width:2.4rem;color:var(--gold);text-align:center;font-family:DM Sans,Segoe UI,sans-serif;font-size:1.05rem;font-weight:700}.stepper.compact span{min-width:1.8rem;font-size:.88rem}.father-dedication-card{text-align:center;background:radial-gradient(at 50% 0,#d7ae690f,#0000 70%),radial-gradient(at 50% 100%,#d7ae690a,#0000 70%);border:1px solid #d7ae6959;border-radius:18px;flex-direction:column;align-items:center;gap:.4rem;margin-top:1.2rem;padding:1.4rem 1.8rem 1.2rem;display:flex;position:relative;overflow:hidden;box-shadow:0 0 24px #d7ae690f,inset 0 0 20px #d7ae6908}.father-dedication-card:before,.father-dedication-card:after{content:"✦";color:var(--gold);opacity:.55;font-size:.7rem;position:absolute}.father-dedication-card:before{top:8px;left:12px}.father-dedication-card:after{bottom:8px;right:12px}.dedication-ornament{justify-content:center;align-items:center;gap:.5rem;width:100%;max-width:200px;display:flex}.dedication-ornament-line{background:linear-gradient(90deg,#0000,#d7ae6973,#0000);flex:1;height:1px}.dedication-ornament-gem{color:var(--gold);opacity:.7;font-size:.55rem;line-height:1}.dedication-text{color:var(--text);opacity:.95;font-family:Amiri,serif;font-size:1.05rem;font-weight:700;line-height:1.65}.dedication-sub{color:var(--gold);opacity:.9;text-shadow:0 0 12px #d7ae6933;font-family:Amiri,serif;font-size:.92rem}.reciter-welcome-banner{background:var(--gold-soft);color:var(--text);border:1px solid #d7ae6959;border-radius:16px;flex-shrink:0;align-items:center;gap:1rem;margin-bottom:1.25rem;padding:.9rem 1.15rem;display:flex}.welcome-banner-icon{color:var(--gold);flex-shrink:0;font-size:2rem}.reciter-welcome-banner strong{color:var(--gold);font-family:DM Sans,Segoe UI,sans-serif;font-size:.95rem;display:block}.reciter-welcome-banner p{color:var(--muted);margin:.2rem 0 0;font-family:DM Sans,Segoe UI,sans-serif;font-size:.8rem}.reciter-list{flex-direction:column;gap:.85rem;width:100%;display:flex}.reciter-card{border:1px solid var(--line);cursor:pointer;background:#ffffff06;border-radius:18px;flex-direction:column;gap:.75rem;padding:1.15rem;transition:border-color .2s,background .2s,transform .15s;display:flex}.reciter-card:hover{background:#ffffff0a;border-color:#d7ae6966}.reciter-card.active{background:#d7ae6914;border-color:#d7ae69a6;box-shadow:0 0 20px #d7ae690f}.reciter-card.downloading{border-color:#d7ae6966}.reciter-card-header{justify-content:space-between;align-items:flex-start;gap:.75rem;display:flex}.reciter-names{flex-direction:column;gap:.15rem;display:flex}.reciter-name-arabic{color:var(--gold);font-family:Amiri,serif;font-size:1.4rem;line-height:1.2}.reciter-name-latin{font-family:DM Sans,Segoe UI,sans-serif;font-size:1rem;font-weight:600}.reciter-style{color:var(--muted);font-family:DM Sans,Segoe UI,sans-serif;font-size:.75rem}.reciter-badges{flex-wrap:wrap;justify-content:flex-end;gap:.35rem;display:flex}.reciter-badge{border-radius:999px;align-items:center;gap:.3rem;padding:.25rem .65rem;font-family:DM Sans,Segoe UI,sans-serif;font-size:.72rem;font-weight:600;display:inline-flex}.active-badge{background:var(--gold);color:var(--ink)}.installed-badge{background:var(--green-soft);color:var(--green);border:1px solid #4ade804d}.partial-badge{color:var(--gold);background:#d7ae6933;border:1px solid #d7ae6966}.not-installed-badge{color:var(--muted);border:1px solid var(--line);background:#ffffff0d}.downloading-badge{background:var(--gold-soft);color:var(--gold);border:1px solid #d7ae6980;animation:1.8s ease-in-out infinite pulse-badge}@keyframes pulse-badge{0%,to{opacity:1}50%{opacity:.6}}.reciter-description{color:var(--muted);margin:0;font-family:DM Sans,Segoe UI,sans-serif;font-size:.8rem;line-height:1.45}.reciter-download-progress{background:#00000059;border-radius:12px;flex-direction:column;gap:.35rem;padding:.6rem .85rem;display:flex}.progress-info-row{color:var(--gold);justify-content:space-between;font-family:DM Sans,Segoe UI,sans-serif;font-size:.75rem;display:flex}.download-progress-track{background:#ffffff14;border-radius:999px;width:100%;height:6px;overflow:hidden}.download-progress-bar{background:var(--gold);height:100%;box-shadow:0 0 10px var(--gold-glow);border-radius:999px;transition:width .25s}.download-error-msg{background:var(--red-soft);color:var(--red);border-radius:10px;padding:.5rem .75rem;font-family:DM Sans,Segoe UI,sans-serif;font-size:.75rem}.reciter-actions{flex-wrap:wrap;align-items:center;gap:.55rem;margin-top:.25rem;display:flex}.reciter-btn{border-radius:12px;justify-content:center;align-items:center;gap:.4rem;padding:.55rem 1rem;font-family:DM Sans,Segoe UI,sans-serif;font-size:.82rem;font-weight:600;transition:background .2s,transform .15s;display:inline-flex}.activate-btn{background:var(--gold);color:var(--ink)}.activate-btn:hover{background:#e2be7c;transform:translateY(-1px)}.active-state-btn{color:var(--gold);cursor:default;background:#d7ae6926;border:1px solid #d7ae6959}.download-btn{color:var(--text);border:1px solid var(--line);background:#ffffff12}.download-btn:hover{background:var(--gold-soft);color:var(--gold);border-color:#d7ae6980}.cancel-btn{background:var(--red-soft);color:var(--red);border:1px solid #f871714d}.cancel-btn:hover{background:#f8717140}.delete-btn{color:var(--muted);background:0 0;border:1px solid #0000;margin-left:auto;padding:.55rem .75rem}.delete-btn:hover{color:var(--red);background:var(--red-soft);border-color:#f871714d}@media (width<=640px){.desktop-only{display:none!important}.footer-toolbar{gap:.45rem;min-height:80px;padding:.65rem .85rem}.toolbar-group{gap:.45rem}.icon-button,.transport-button,.circular-download-btn{border-radius:13px;flex-basis:46px;width:46px;height:46px;font-size:1.25rem}.play-button{width:58px;height:58px;font-size:1.55rem}.surah-heading-btn{max-width:140px;padding:.25rem .45rem}.surah-heading-arabic{font-size:1.15rem}.surah-heading-latin{font-size:.68rem}.quran-reading{padding-left:max(.75rem, env(safe-area-inset-left));padding-right:max(.75rem, env(safe-area-inset-right))}.surah-header-banner{margin-bottom:1.15rem;padding:1rem .95rem .85rem}.surah-header-title-arabic{font-size:1.85rem}.basmala-calligraphy{font-size:clamp(1.6rem,6vw,2.2rem)}.surah-grid{grid-template-columns:1fr}}