.home-surah-list{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:14px;display:grid}.home-page,.audio-page{flex-direction:column;gap:24px;display:flex}.audio-page{gap:20px}.surface.home-account-card{background:linear-gradient(135deg,#f0fdf4 0%,#fff 100%)}.audio-reciter-summary{border-radius:var(--radius-md);background:var(--bg-subtle);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-top:16px;padding:14px;display:flex}.quran-mode-switch{flex-wrap:wrap;gap:10px;display:flex}:root{--font-sans:var(--font-inter-turkish), var(--font-inter), -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-arabic:var(--font-amiri), "Scheherazade New", "Traditional Arabic", serif;--bg:#f8fafc;--bg-subtle:#f1f5f9;--panel:#fff;--panel-hover:#fcfdfe;--panel-active:#f1f5f9;--text-primary:#0f172a;--text-secondary:#475569;--text-muted:#64748b;--text-inverse:#fff;--border:#e2e8f0;--border-strong:#cbd5e1;--border-focus:#10b981;--primary:#047857;--primary-hover:#065f46;--primary-subtle:#ecfdf5;--primary-border:#a7f3d0;--primary-text:#065f46;--accent-gold:#b45309;--accent-gold-subtle:#fffbeb;--accent-gold-border:#fde68a;--success:#16a34a;--success-subtle:#dcfce7;--success-border:#86efac;--warning:#d97706;--warning-subtle:#fef3c7;--warning-border:#fde68a;--danger:#dc2626;--danger-subtle:#fee2e2;--danger-border:#fca5a5;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--radius-xl:24px;--radius-full:9999px;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #00000012, 0 2px 4px -2px #0000000d;--shadow-lg:0 10px 15px -3px #00000014, 0 4px 6px -4px #0000000a}*,:before,:after{box-sizing:border-box}html,body{min-height:100%;margin:0;padding:0}body{font-family:var(--font-sans);color:var(--text-primary);background:radial-gradient(1200px 500px at 5% -5%, #e6f6ee 0%, #e6f6ee00 65%), radial-gradient(1000px 450px at 95% 10%, #e0f2fe 0%, #e0f2fe00 60%), linear-gradient(180deg, var(--bg) 0%, var(--bg-subtle) 100%);-webkit-font-smoothing:antialiased;background-attachment:fixed;font-size:15px;line-height:1.5}.app-container{flex-direction:column;gap:24px;width:min(1200px,100% - 36px);margin:20px auto 48px;display:flex}h1,h2,h3,h4,p{margin:0}a{color:var(--primary);text-decoration:none;transition:color .15s}a:hover{color:var(--primary-hover)}.app-header{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--border);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);background:#ffffffe0;flex-wrap:nowrap;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"brand actions""menu menu";align-items:center;gap:12px 16px;padding:14px 20px;display:grid}.brand-block{flex:none;grid-area:brand;align-items:center;display:flex}.brand-link{color:inherit;align-items:center;gap:12px;text-decoration:none;display:flex}.brand-mark{color:#fff;border-radius:var(--radius-md);width:44px;height:44px;font-size:22px;font-weight:700;font-family:var(--font-arabic);background:linear-gradient(135deg,#047857 0%,#0d9488 100%);justify-content:center;align-items:center;display:flex;box-shadow:0 4px 10px #04785740}.brand-mark.sm{width:32px;height:32px;font-size:16px}.brand-logo{object-fit:contain;flex-shrink:0;width:56px;height:56px;display:block}.brand-logo-sm{width:40px;height:40px}.eyebrow{text-transform:uppercase;letter-spacing:.08em;color:var(--primary);font-size:11px;font-weight:700}.brand-title{color:var(--text-primary);font-size:18px;font-weight:700;line-height:1.2}.app-menu{border-top:1px solid var(--border);flex-wrap:nowrap;flex:auto;grid-area:menu;justify-content:center;align-items:center;gap:6px;width:100%;min-width:0;padding-top:10px;display:flex}.menu-link{border-radius:var(--radius-full);color:var(--text-secondary);white-space:nowrap;border:1px solid #0000;flex:none;align-items:center;gap:6px;padding:8px 14px;font-size:14px;font-weight:500;transition:all .15s;display:inline-flex}.menu-link:hover{background:var(--bg-subtle);color:var(--text-primary)}.menu-link-active{background:var(--primary-subtle);color:var(--primary-text);border-color:var(--primary-border);font-weight:600}.menu-icon{font-size:15px}.menu-link-soon,.menu-link-soon:hover{color:var(--text-muted);cursor:default;background:0 0;padding-inline:8px}.header-actions{white-space:nowrap;flex:none;grid-area:actions;align-items:center;gap:10px;display:flex}.language-switcher{border:1px solid var(--border);border-radius:var(--radius-full);background:var(--panel);color:var(--text-secondary);align-items:center;gap:6px;padding:4px 8px;display:inline-flex}.language-switcher select{width:auto;min-width:88px;color:inherit;cursor:pointer;background-color:#0000;border:0;padding:4px 26px 4px 8px;font-size:12px;font-weight:600}.language-switcher select:focus-visible{outline:2px solid var(--border-focus);outline-offset:2px}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}[dir=rtl] .app-header,[dir=rtl] .surface-head,[dir=rtl] .track-row,[dir=rtl] .footer-content{direction:rtl}[dir=rtl] input,[dir=rtl] textarea,[dir=rtl] select{text-align:right}[dir=rtl] input[type=email],[dir=rtl] input[inputmode=numeric],[dir=rtl] code,[dir=rtl] .prayer-time,[dir=rtl] .audio-time{text-align:left;direction:ltr}.status-chip{border-radius:var(--radius-full);border:1px solid var(--border);background:var(--bg-subtle);color:var(--text-secondary);align-items:center;gap:6px;padding:6px 12px;font-size:12px;font-weight:500;display:inline-flex}.status-chip.ok{background:var(--success-subtle);border-color:var(--success-border);color:#166534}.status-chip.guest-online{color:#0f766e;background:#14b8a61a;border-color:#0d948857;box-shadow:0 0 16px #14b8a629}.status-dot{background:currentColor;border-radius:50%;width:7px;height:7px}.status-chip.guest-online .status-dot{background:#14b8a6;animation:2s ease-out infinite guest-online-pulse}@keyframes guest-online-pulse{0%,to{box-shadow:0 0 #14b8a680}50%{box-shadow:0 0 0 5px #14b8a600}}@media (prefers-reduced-motion:reduce){.status-chip.guest-online .status-dot{animation:none;box-shadow:0 0 0 3px #14b8a62e}.hero-media{animation:none}.hero-carousel-dot{transition:none}}.btn{border-radius:var(--radius-md);cursor:pointer;white-space:nowrap;border:1px solid #0000;justify-content:center;align-items:center;gap:8px;max-width:100%;padding:9px 16px;font-family:inherit;font-size:14px;font-weight:600;transition:all .15s;display:inline-flex}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-primary{background:var(--primary);color:#fff;box-shadow:0 2px 4px #04785733}.btn-primary:hover:not(:disabled){background:var(--primary-hover)}.btn-secondary{border-color:var(--border);color:var(--text-primary);background:#fff}.btn-secondary:hover:not(:disabled){background:var(--bg-subtle);border-color:var(--border-strong)}.btn-outline-primary{border-color:var(--primary-border);color:var(--primary);background:0 0}.btn-outline-primary:hover:not(:disabled){background:var(--primary-subtle)}.btn-danger{background:var(--danger-subtle);border-color:var(--danger-border);color:var(--danger)}.btn-danger:hover:not(:disabled){background:#fee2e2}.btn-sm{border-radius:var(--radius-sm);padding:6px 12px;font-size:13px}.btn-lg{border-radius:var(--radius-lg);padding:12px 22px;font-size:15px}input,select,textarea{border-radius:var(--radius-md);border:1px solid var(--border);color:var(--text-primary);box-sizing:border-box;background:#fff;width:100%;padding:9px 12px;font-family:inherit;font-size:14px;transition:border-color .15s,box-shadow .15s}input:focus,select:focus,textarea:focus{border-color:var(--border-focus);outline:none;box-shadow:0 0 0 3px #10b98126}.form-group{flex-direction:column;gap:6px;display:flex}.form-label{color:var(--text-secondary);font-size:13px;font-weight:600}.form-row{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px;display:grid}.surface{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);padding:24px}.surface-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px;display:flex}.responsive-actions{flex-wrap:wrap;align-items:center;gap:8px;min-width:0;display:flex}.profile-sync-action{justify-items:end;gap:4px;width:min(330px,100%);display:grid}.profile-sync-help{color:var(--text-muted);text-align:end;font-size:11px;line-height:1.35}[dir=rtl] .profile-sync-action{justify-items:start}.profile-account-overview{gap:18px;display:grid}.profile-account-heading,.profile-share-heading{align-items:center;gap:14px;min-width:0;display:flex}.profile-account-avatar,.profile-share-icon{background:var(--primary-subtle);border:1px solid var(--primary-border);width:48px;height:48px;color:var(--primary-text);border-radius:16px;flex:none;place-items:center;font-size:22px;font-weight:800;display:inline-grid}.profile-account-action-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.profile-account-action-card{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--bg-subtle);align-content:space-between;gap:16px;min-width:0;padding:16px;display:grid}.profile-account-action-copy{gap:5px;display:grid}.profile-account-action-copy h2{color:var(--text-primary);font-size:15px}.profile-account-action-copy p{color:var(--text-muted);font-size:12px;line-height:1.5}.profile-share-section{gap:18px;display:grid;overflow:hidden}.profile-share-icon{font-size:26px}[dir=rtl] .profile-share-icon{transform:scaleX(-1)}.profile-share-note{color:var(--text-muted);font-size:13px;line-height:1.5}.profile-share-guest,.profile-share-referral-callout{border:1px solid var(--primary-border);border-radius:var(--radius-lg);background:var(--primary-subtle);justify-content:space-between;align-items:center;gap:16px;padding:16px;display:flex}.profile-share-guest p,.profile-share-referral-callout p{color:var(--text-secondary);font-size:13px;line-height:1.5}.profile-share-referral-callout strong{color:var(--text-primary);margin-bottom:4px;font-size:14px;display:block}.profile-share-link-card{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--bg-subtle);grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:14px;padding:16px;display:grid}.profile-share-link-copy{gap:7px;min-width:0;display:grid}.profile-share-link-copy label,.profile-share-code span{color:var(--text-muted);font-size:12px;font-weight:600}.profile-share-link-row{grid-template-columns:minmax(0,1fr) auto;gap:8px;display:grid}.profile-share-link-row input{background:var(--panel);min-width:0}.profile-share-code{gap:6px;min-width:110px;display:grid}.profile-share-code strong{color:var(--primary-text);letter-spacing:.06em;font-size:16px}.profile-share-stats{border:1px solid var(--border);border-radius:var(--radius-lg);grid-template-columns:repeat(4,minmax(0,1fr));display:grid;overflow:hidden}.profile-share-stats>div{background:var(--panel);border-inline-end:1px solid var(--border);gap:6px;padding:14px;display:grid}.profile-share-stats>div:last-child{border-inline-end:0}.profile-share-stats span{color:var(--text-muted);font-size:11px;line-height:1.35}.profile-share-stats strong{color:var(--text-primary);font-size:20px}.profile-share-actions{flex-wrap:wrap;gap:8px;display:flex}@media (max-width:720px){.profile-account-action-grid,.profile-share-link-card{grid-template-columns:1fr}.profile-share-guest,.profile-share-referral-callout{flex-direction:column;align-items:stretch}.profile-share-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.profile-share-stats>div:nth-child(2){border-inline-end:0}.profile-share-stats>div:nth-child(-n+2){border-bottom:1px solid var(--border)}}@media (max-width:520px){.profile-share-link-row{grid-template-columns:1fr}.profile-share-actions>.btn,.profile-share-guest>.btn,.profile-share-referral-callout>.btn,.profile-account-action-card .responsive-actions>.btn,.profile-account-action-card>div>.btn{width:100%}}.surface-title{color:var(--text-primary);font-size:20px;font-weight:700}.surface-subtitle{color:var(--text-muted);margin-top:4px;font-size:14px}.hero-card{color:#fff;border-radius:var(--radius-xl);min-height:460px;box-shadow:var(--shadow-md);isolation:isolate;background:#064e3b;align-items:flex-end;padding:52px;display:flex;position:relative;overflow:hidden}.hero-media,.hero-scrim{pointer-events:none;position:absolute;inset:0}.hero-media{z-index:-2;background-position:50%;background-repeat:no-repeat;background-size:cover;animation:.7s ease-out hero-media-fade}.hero-scrim{z-index:-1;background:linear-gradient(90deg,#022c22f0 0%,#044e3bd1 42%,#044e3b4d 76%,#022c222e 100%),linear-gradient(#0000 42%,#02181480 100%)}[dir=rtl] .hero-scrim{background:linear-gradient(270deg,#022c22f0 0%,#044e3bd1 42%,#044e3b4d 76%,#022c222e 100%),linear-gradient(#0000 42%,#02181480 100%)}@keyframes hero-media-fade{0%{opacity:.45;transform:scale(1.015)}to{opacity:1;transform:scale(1)}}.hero-content{z-index:1;width:min(780px,78%);position:relative}.hero-content h1{text-wrap:balance;text-shadow:0 2px 16px #00000047;max-width:760px;margin:8px 0 14px;font-size:clamp(34px,4.2vw,52px);font-weight:700;line-height:1.12}.hero-content p{color:#ecfdf5;text-shadow:0 1px 10px #00000059;max-width:720px;font-size:17px;line-height:1.65}.hero-actions{flex-wrap:wrap;gap:12px;margin-top:26px;display:flex}.hero-primary-action{color:#065f46;background:#fff}.hero-primary-action:hover{color:#064e3b;background:#ecfdf5}.hero-secondary-action{color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#022c225c;border-color:#d1fae5b8}.hero-secondary-action:hover{color:#fff;background:#ffffff29;border-color:#fff}.hero-carousel{inset-inline-end:24px;z-index:2;border-radius:var(--radius-full);color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#022c226b;border:1px solid #ffffff3d;align-items:center;gap:12px;padding:7px 10px;display:flex;position:absolute;bottom:22px}.hero-carousel-label{font-size:12px;font-weight:700}.hero-carousel-dots{gap:6px;display:flex}.hero-carousel-dot{cursor:pointer;background:#ffffff7a;border:0;border-radius:999px;width:8px;height:8px;padding:0;transition:width .16s,background-color .16s}.hero-carousel-dot.is-active{background:#fff;width:22px}.hero-carousel-dot:focus-visible{outline-offset:3px;outline:2px solid #fff}.hero-carousel-toggle{color:#fff;cursor:pointer;background:#ffffff24;border:0;border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;padding:0;font-size:10px;display:inline-flex}.hero-carousel-toggle:hover,.hero-carousel-toggle:focus-visible{outline-offset:2px;background:#ffffff42;outline:2px solid #fff}.kpi-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;display:grid}.kpi-card{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);flex-direction:column;gap:6px;padding:18px;transition:transform .15s,box-shadow .15s;display:flex}.kpi-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.kpi-header{justify-content:space-between;align-items:center;display:flex}.kpi-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;font-size:12px;font-weight:600}.kpi-icon{font-size:18px}.kpi-value{color:var(--text-primary);font-size:20px;font-weight:700}.kpi-desc{color:var(--text-secondary);font-size:13px}.today-reading{background:radial-gradient(circle at 100% 0%, #10b98124, transparent 34%), var(--panel)}.today-reading-head{align-items:flex-start}.today-reading-loading{min-height:88px;color:var(--text-muted);place-items:center;display:grid}.today-goal-form,.today-manual-form{grid-template-columns:minmax(180px,1fr) minmax(160px,.7fr) auto;align-items:end;gap:14px;display:grid}.today-goal-form>.kpi-desc,.today-manual-form>.kpi-desc{grid-column:1/-1}.today-manual-form{border-top:1px solid var(--border);margin-top:20px;padding-top:20px}.today-reading-body{grid-template-columns:minmax(260px,1fr) auto auto;align-items:center;gap:24px;display:grid}.today-progress-column{gap:9px;min-width:0;display:grid}.today-progress-copy{color:var(--text-primary);justify-content:space-between;align-items:baseline;gap:16px;display:flex}.today-progress-copy span{color:var(--text-secondary);white-space:nowrap}.today-progress-track{background:#dfe9e5;border-radius:999px;height:10px;overflow:hidden}.today-progress-track>span{border-radius:inherit;background:linear-gradient(90deg, var(--primary), #34d399);height:100%;transition:width .24s;display:block}.today-streak{border:1px solid var(--border);border-radius:var(--radius-lg);background:#ffffffbd;grid-template-columns:auto auto;justify-content:center;align-items:center;column-gap:8px;min-width:110px;padding:12px 16px;display:grid}.today-streak>span{grid-row:1/3;font-size:22px}.today-streak strong{font-size:20px;line-height:1}.today-streak small{color:var(--text-muted)}.today-reading-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.today-reading .alert{justify-content:space-between;margin-bottom:18px}.today-reading-layout.has-palm{gap:20px;display:grid}.today-reading-main{min-width:0}.today-palm{isolation:isolate;aspect-ratio:960/700;border-radius:var(--radius-lg);color:#fff;background:linear-gradient(#f1dcb4 0%,#d6ad78 100%);flex-direction:column;width:100%;max-width:420px;margin:0;display:flex;position:relative}.today-palm:after{content:"";border-radius:inherit;pointer-events:none;background:linear-gradient(90deg,#231b0eb3 15%,#231b0e00 75%);position:absolute;inset:0}[dir=rtl] .today-palm:after{background:linear-gradient(270deg,#231b0eb3 15%,#231b0e00 75%)}.today-palm-filter{width:0;height:0;position:absolute}.today-palm-photo{object-fit:cover;border-radius:inherit;width:100%;height:100%;position:absolute;inset:0}[dir=rtl] .today-palm-photo{transform:scaleX(-1)}.today-palm-photo.is-growing{animation:.7s cubic-bezier(.2,.8,.2,1) both today-palm-grow}@keyframes today-palm-grow{0%{opacity:0;clip-path:inset(40% 0 0)}to{opacity:1;clip-path:inset(0)}}.today-palm-copy{z-index:1;text-shadow:0 1px 8px #00000073;flex-direction:column;flex:1;justify-content:space-between;gap:16px;padding:12px 10px 16px 18px;display:flex;position:relative}[dir=rtl] .today-palm-copy{padding:12px 18px 16px 10px}.today-palm-head{justify-content:space-between;align-items:center;gap:8px;display:flex}.today-palm-head strong{font-size:20px;font-weight:600;line-height:1.25}.today-palm-info-toggle{color:#fff;cursor:pointer;background:#231b0e40;border:1.5px solid #ffffffe6;border-radius:999px;flex:none;place-items:center;width:32px;height:32px;font:italic 600 15px/1 Georgia,Times New Roman,serif;display:grid}.today-palm-info-toggle:focus-visible{outline-offset:2px;outline:2px solid #fff}.today-palm-next{gap:8px;max-width:190px;font-size:14px;font-weight:500;display:grid}.today-palm-track{background:#ffffff3d;border-radius:4px;height:6px;display:block;overflow:hidden}.today-palm-track>span{border-radius:inherit;background:#ebc776;height:100%;transition:width .24s;display:block}.today-palm-info{inset-inline:10px;z-index:2;color:#fff;max-height:calc(100% - 20px);text-shadow:none;background:#231b0ef5;border-radius:14px;gap:6px;margin:0;padding:12px 14px;font-size:13px;font-weight:400;line-height:1.45;display:grid;position:absolute;bottom:10px;overflow:auto}.today-palm-info[hidden]{display:none}@media (min-width:1100px){.today-reading-layout.has-palm{grid-template-columns:320px minmax(0,1fr);align-items:center;gap:24px}}.prayer-reading-plan{background:radial-gradient(circle at 0 0,#f59e0b21,#0000 36%),linear-gradient(145deg,#fffef9 0%,#f8fffc 100%)}.prayer-reading-plan-head{align-items:flex-start}.prayer-reading-plan>.alert{margin-bottom:18px}.prayer-reading-math{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:20px;display:grid}.prayer-reading-math>div{border-radius:var(--radius-lg);background:#ffffffc7;border:1px solid #10b98133;gap:3px;padding:14px 16px;display:grid}.prayer-reading-math strong{color:var(--text-primary);font-size:21px}.prayer-reading-math span,.prayer-reading-form-copy span{color:var(--text-secondary);font-size:13px}.prayer-reading-notification-row{border:1px solid var(--border);border-radius:var(--radius-lg);background:#ffffffc7;justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px;padding:14px 16px;display:flex}.prayer-reading-notification-row .kpi-desc{margin:4px 0 0}.prayer-reading-form{grid-template-columns:minmax(180px,.45fr) minmax(260px,1fr) auto;align-items:end;gap:16px;display:grid}.prayer-reading-form-copy{align-self:center;gap:4px;display:grid}.prayer-reading-progress-copy{justify-content:space-between;align-items:baseline;gap:16px;margin-bottom:9px;display:flex}.prayer-reading-progress-copy span{color:var(--text-secondary)}.prayer-reading-slots{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px;margin-top:18px;display:grid}.prayer-reading-slot{border:1px solid var(--border);border-radius:var(--radius-lg);min-width:0;color:var(--text-primary);text-align:start;background:#ffffffd1;grid-template-columns:auto minmax(0,1fr);align-content:start;align-items:center;gap:3px 9px;padding:13px;transition:border-color .16s,background .16s,transform .16s;display:grid}.prayer-reading-slot.is-complete{background:#d1fae5c7;border-color:#05966973}.prayer-reading-slot.is-partial{background:#fef3c799;border-color:#d977066b}.prayer-reading-check{color:#fff;background:var(--primary);border-radius:50%;grid-row:1/3;place-items:center;width:28px;height:28px;font-weight:800;display:grid}.prayer-reading-slot-copy{gap:3px;min-width:0;display:grid}.prayer-reading-slot-copy small{color:var(--text-secondary);overflow-wrap:anywhere}.prayer-reading-slot-actions{grid-column:1/-1;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin-top:8px;display:grid}.prayer-reading-slot-actions .btn{white-space:normal;min-width:0;padding-inline:8px}.prayer-reading-manual-form{border-radius:var(--radius-lg);background:#ffffffd1;border:1px solid #10b9813d;grid-template-columns:minmax(180px,.4fr) minmax(260px,1fr) auto;align-items:end;gap:16px;margin-top:16px;padding:16px;display:grid}.prayer-reading-manual-copy{color:var(--text-secondary);align-self:center;font-size:13px}.prayer-reading-footer{border-top:1px solid var(--border);justify-content:space-between;align-items:center;gap:18px;margin-top:20px;padding-top:18px;display:flex}.prayer-reading-footer p{max-width:720px;color:var(--text-secondary);margin:0}.prayer-reading-session{background:radial-gradient(circle at 0 0,#10b98121,#0000 38%),linear-gradient(135deg,#f7fffb 0%,#fffdf5 100%);border-color:#10b9814d;grid-template-columns:minmax(220px,.9fr) minmax(220px,.7fr) minmax(300px,1.2fr);align-items:center;gap:20px;display:grid}.prayer-reading-session-copy{gap:5px;display:grid}.prayer-reading-session-copy h2,.prayer-reading-session-copy p{margin:0}.prayer-reading-session-copy p:last-child,.prayer-reading-session-progress span,.prayer-reading-session-form small{color:var(--text-secondary)}.prayer-reading-session-progress{gap:9px;display:grid}.prayer-reading-session-progress>div:first-child{gap:3px;display:grid}.prayer-reading-session-time{justify-content:space-between;align-items:baseline;gap:10px;padding-top:2px;display:flex}.prayer-reading-session-time strong{font-variant-numeric:tabular-nums}.prayer-reading-session-form{grid-template-columns:minmax(120px,.55fr) minmax(150px,1fr);align-items:end;gap:8px;display:grid}.prayer-reading-session-form .form-label,.prayer-reading-session-form small{grid-column:1/-1}.prayer-reading-session-success{grid-column:auto;justify-content:space-between}.planner-page,.planner-dashboard,.memorization-stack{flex-direction:column;gap:24px;display:flex}.memorization-hero{background:radial-gradient(circle at 100% 0,#10b9812e,#0000 38%),linear-gradient(145deg,#fff 0%,#f3fffa 100%)}.memorization-plan-form{grid-template-columns:repeat(3,minmax(0,1fr));align-items:end;gap:16px;display:grid}.memorization-reciter-field,.memorization-form-actions{grid-column:span 2}.memorization-form-actions,.memorization-mode-tabs,.memorization-audio-actions,.memorization-assessment-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.memorization-progress-total{color:var(--text-secondary);justify-items:end;gap:2px;display:grid}.memorization-progress-total strong{color:var(--primary-text);font-size:26px}.memorization-progress-total .btn{margin-top:6px}.memorization-practice{gap:20px;display:grid}.memorization-mode-tabs{border-bottom:1px solid var(--border);padding-bottom:16px}.memorization-audio{border:1px solid var(--primary-border);border-radius:var(--radius-lg);background:var(--primary-subtle);gap:8px;padding:16px;display:grid}.memorization-ayah-list{gap:12px;display:grid}.memorization-ayah-card{border:1px solid var(--border);border-radius:var(--radius-lg);background:#fffdf8;justify-content:center;align-items:center;min-height:104px;padding:24px 58px 24px 24px;display:flex;position:relative}.memorization-ayah-card.is-playing{background:#14916824;border-color:#044b347a;box-shadow:0 0 0 2px #044b3452}.memorization-ayah-number{inset-inline-start:14px;background:var(--primary-subtle);width:30px;height:30px;color:var(--primary-text);font:700 13px/1 var(--font-sans);border-radius:50%;place-items:center;display:grid;position:absolute;top:14px}.memorization-arabic{font-family:var(--font-arabic);text-align:center;color:var(--text-primary);font-size:clamp(27px,3.2vw,38px);line-height:2}.memorization-tajweed-status{direction:auto;text-align:start;margin:0}.memorization-tajweed-text{flex-wrap:wrap;justify-content:center;align-items:center;gap:0;font-size:clamp(31px,4vw,46px);display:flex}.memorization-tajweed-word{justify-content:center;align-items:center;min-width:0;padding-inline:.035em;line-height:1.8;display:inline-flex}.memorization-tajweed-word.has-tajweed{border-radius:var(--radius-sm);color:inherit;font-size:inherit;cursor:pointer;background:0 0;border:0}.memorization-tajweed-word.has-tajweed:hover{background:var(--primary-subtle)}.memorization-tajweed-word.has-tajweed:focus-visible{outline:2px solid var(--border-focus);outline-offset:2px}.memorization-reveal{border:1px dashed var(--primary-border);border-radius:var(--radius-md);background:var(--primary-subtle);min-height:60px;color:var(--primary-text);font:inherit;cursor:pointer;padding:12px 20px;font-weight:700}.memorization-counter{border-radius:var(--radius-lg);background:var(--bg-subtle);justify-content:space-between;align-items:center;gap:16px;padding:16px;display:flex}.memorization-counter>div{color:var(--text-secondary);gap:4px;display:grid}.memorization-counter strong{color:var(--text-primary);font-size:19px}.memorization-assessment{border-top:1px solid var(--border);gap:12px;padding-top:20px;display:grid}.memorization-assessment>p{color:var(--text-primary);font-weight:700}.memorization-history-list{gap:8px;display:grid}.memorization-history-row{border-radius:var(--radius-md);background:var(--bg-subtle);color:var(--text-secondary);grid-template-columns:minmax(150px,1fr) minmax(130px,auto) minmax(120px,auto);align-items:center;gap:16px;padding:12px 14px;display:grid}.memorization-history-row strong{color:var(--text-primary)}.reminder-memorization-link{border:1px solid var(--primary-border);border-radius:var(--radius-md);background:var(--primary-subtle);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;padding:12px;display:flex}.field-help{color:var(--text-muted);font-size:13px}.error-text{color:var(--danger,#b91c1c);font-size:14px}@media (max-width:760px){.memorization-plan-form{grid-template-columns:repeat(2,minmax(0,1fr))}.memorization-reciter-field,.memorization-form-actions{grid-column:1/-1}.memorization-history-row{grid-template-columns:1fr;gap:4px}}@media (max-width:520px){.memorization-stack{gap:16px}.memorization-plan-form{grid-template-columns:1fr}.memorization-plan-form>*,.memorization-form-actions,.memorization-form-actions .btn,.memorization-mode-tabs .btn,.memorization-assessment-actions .btn{grid-column:1;width:100%}.memorization-counter{flex-direction:column;align-items:stretch}.memorization-ayah-card{min-height:92px;padding:42px 14px 16px}}.planner-summary{background:radial-gradient(circle at 100% 0,#10b98129,#0000 34%),linear-gradient(145deg,#fff 0%,#f6fffb 100%)}.planner-summary-head,.planner-calendar-head{align-items:flex-start}.planner-summary-actions,.planner-range,.planner-history-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.planner-stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.planner-stats article{border:1px solid var(--border);border-radius:var(--radius-lg);background:#ffffffc7;gap:2px;min-width:0;padding:15px 16px;display:grid}.planner-stats strong{color:var(--text-primary);font-size:24px;line-height:1.15}.planner-stats span{color:var(--text-secondary);font-size:13px}.planner-calm-note{border:1px solid var(--primary-border);border-radius:var(--radius-md);background:var(--primary-subtle);color:var(--primary-text);margin-top:16px;padding:12px 14px}.planner-calendar-section,.planner-history,.planner-day-detail{min-width:0}.planner-calendar{grid-template-columns:repeat(7,minmax(0,1fr));gap:8px;display:grid}.planner-weekday{min-width:0;color:var(--text-muted);letter-spacing:.04em;text-align:center;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap;padding:2px 4px 6px;font-size:11px;font-weight:700;overflow:hidden}.planner-day{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--panel);min-width:0;min-height:104px;color:var(--text-primary);font:inherit;text-align:start;cursor:pointer;flex-direction:column;align-items:flex-start;gap:5px;padding:10px;transition:border-color .16s,box-shadow .16s,transform .16s;display:flex;overflow:hidden}.planner-day:hover,.planner-day:focus-visible{border-color:var(--primary);box-shadow:var(--shadow-sm);outline:none;transform:translateY(-1px)}.planner-day.is-selected{border-color:var(--primary);box-shadow:0 0 0 2px var(--primary-border)}.planner-day.is-completed{border-color:var(--success-border);background:var(--success-subtle)}.planner-day.is-partial{border-color:var(--warning-border);background:var(--warning-subtle)}.planner-day.is-missed{background:#fff7f7;border-color:#fecaca}.planner-day.is-pending{background:#eff6ff;border-color:#bfdbfe}.planner-day.is-no_goal{background:var(--bg-subtle)}.planner-day-number{align-items:baseline;gap:5px;font-size:17px;font-weight:700;line-height:1;display:flex}.planner-day-number b{font:inherit}.planner-day-number em{color:var(--text-muted);text-transform:lowercase;font-size:10px;font-style:normal;font-weight:600}.planner-day-state{max-width:100%;color:var(--text-secondary);text-overflow:ellipsis;white-space:nowrap;font-size:11px;font-weight:700;overflow:hidden}.planner-day small{max-width:100%;color:var(--text-secondary);text-overflow:ellipsis;white-space:nowrap;font-size:10px;line-height:1.3;display:block;overflow:hidden}.planner-legend{color:var(--text-secondary);flex-wrap:wrap;gap:10px 16px;margin-top:14px;font-size:12px;display:flex}.planner-legend span{align-items:center;gap:6px;display:inline-flex}.planner-legend i{border:1px solid var(--border-strong);background:var(--bg-subtle);border-radius:50%;width:10px;height:10px}.planner-legend i.is-completed{border-color:var(--success-border);background:var(--success-subtle)}.planner-legend i.is-partial{border-color:var(--warning-border);background:var(--warning-subtle)}.planner-legend i.is-missed{background:#fff1f2;border-color:#fecaca}.planner-legend i.is-pending{background:#eff6ff;border-color:#bfdbfe}.planner-day-detail-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.planner-detail-card{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--bg);align-content:start;gap:8px;min-width:0;padding:16px;display:grid}.planner-detail-card>span{font-size:18px;font-weight:700}.planner-detail-card small{color:var(--text-secondary)}.planner-prayer-badges{flex-wrap:wrap;gap:6px;display:flex}.planner-prayer-badges span{border:1px solid var(--border);border-radius:var(--radius-full);background:var(--panel);color:var(--text-secondary);padding:5px 8px;font-size:11px}.planner-prayer-badges span.is-complete{border-color:var(--primary-border);background:var(--primary-subtle);color:var(--primary-text)}.planner-history-groups{gap:16px;display:grid}.planner-history-group{gap:9px;display:grid}.planner-history-group+.planner-history-group{border-top:1px solid var(--border);padding-top:16px}.planner-history-date{color:var(--text-secondary);font-size:13px}.planner-history-entry{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg);grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;min-width:0;padding:13px 14px;display:grid}.planner-history-entry.is-manual{background:#fffdf7}.planner-history-icon{background:var(--panel);border-radius:50%;place-items:center;width:34px;height:34px;display:grid}.planner-history-entry-copy,.planner-history-entry>div:not(.planner-history-actions):not(.planner-history-edit){gap:2px;min-width:0;display:grid}.planner-history-entry small{color:var(--text-secondary)}.planner-history-edit{border-top:1px solid var(--border);grid-column:1/-1;grid-template-columns:minmax(145px,.8fr) minmax(145px,1fr) minmax(145px,.8fr) auto;align-items:end;gap:10px;width:100%;margin-top:4px;padding-top:14px;display:grid}.planner-history-edit .form-group{margin:0}.planner-history-empty{color:var(--text-secondary);text-align:center;padding:22px 0 4px}.home-planner-cta{border-color:var(--primary-border);background:radial-gradient(circle at 0% 100%, #10b9811f, transparent 38%), var(--panel)}.reciter-showcase{background:radial-gradient(circle at 100% 0,#10b9811f,#0000 32%),linear-gradient(145deg,#fff 0%,#f8fffc 100%);position:relative;overflow:hidden}.reciter-grid{grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:16px;display:grid}.home-page>.reciter-showcase,.home-surah-list{content-visibility:auto;contain-intrinsic-size:auto 640px}.reciter-showcase .reciter-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}.reciter-showcase .reciter-card{gap:10px;padding:16px 10px 14px}.reciter-showcase .reciter-avatar{flex-basis:88px;width:88px;height:88px}.reciter-showcase .reciter-avatar-play{width:30px;height:30px}.reciter-showcase .reciter-card-copy strong{font-size:14px;line-height:1.35}.reciter-showcase .reciter-card-copy span{font-size:15px}@media (max-width:699px){.reciter-showcase .reciter-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.reciter-showcase .reciter-card{padding:12px 6px}.reciter-showcase .reciter-avatar{flex-basis:78px;width:78px;height:78px}.reciter-showcase .reciter-avatar-play{border-width:2px;width:27px;height:27px}}@media (min-width:1000px){.reciter-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px}.reciter-showcase .reciter-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.reciter-showcase .reciter-card{gap:14px;padding:22px 16px 18px}.reciter-showcase .reciter-avatar{flex-basis:112px;width:112px;height:112px}.reciter-showcase .reciter-avatar-play{width:34px;height:34px}.reciter-showcase .reciter-card-copy strong{font-size:15px}.reciter-showcase .reciter-card-copy span{font-size:17px}}.reciter-card{border:1px solid var(--border);border-radius:var(--radius-lg);min-width:0;color:var(--text-primary);text-align:center;box-shadow:var(--shadow-sm);background:#ffffffe6;flex-direction:column;align-items:center;gap:14px;padding:22px 16px 18px;transition:transform .18s,border-color .18s,box-shadow .18s;display:flex}.reciter-card:hover{color:var(--text-primary);border-color:var(--primary-border);box-shadow:var(--shadow-md);transform:translateY(-4px)}.reciter-card:focus-visible{outline-offset:3px;outline:3px solid #10b9813d}.audio-reciter-card{width:100%;font:inherit;cursor:pointer}.audio-reciter-card.is-selected{border-color:var(--primary);background:var(--primary-subtle);box-shadow:0 0 0 2px var(--primary-border), var(--shadow-md)}.audio-reciter-card.is-selected .reciter-avatar{box-shadow:0 0 0 4px #10b98129,0 12px 28px #0f766e42}.reciter-avatar{color:#fff;isolation:isolate;border:4px solid #fff;border-radius:50%;flex:0 0 112px;place-items:center;width:112px;height:112px;display:grid;position:relative;box-shadow:0 12px 28px #0f766e33}.reciter-avatar-tone-0{background:linear-gradient(145deg,#047857,#0f766e)}.reciter-avatar-tone-1{background:linear-gradient(145deg,#075985,#2563eb)}.reciter-avatar-tone-2{background:linear-gradient(145deg,#92400e,#d97706)}.reciter-avatar-tone-3{background:linear-gradient(145deg,#5b21b6,#7c3aed)}.reciter-avatar-initials{letter-spacing:.04em;font-size:30px;font-weight:700}.reciter-avatar-image{border-radius:inherit;object-fit:cover;z-index:1;width:100%;height:100%;position:absolute;inset:0}.reciter-avatar-play{inset-inline-end:-2px;color:#fff;background:var(--primary);z-index:2;border:3px solid #fff;border-radius:50%;place-items:center;width:34px;height:34px;padding-inline-start:2px;font-size:11px;display:grid;position:absolute;bottom:4px;box-shadow:0 4px 10px #04785742}.reciter-card-copy{flex-direction:column;align-items:center;gap:4px;min-width:0;display:flex}.reciter-card-copy strong{overflow-wrap:anywhere;max-width:100%;font-size:15px}.reciter-card-copy span{min-height:1.4em;color:var(--text-muted);font-family:var(--font-arabic);font-size:17px;line-height:1.4}.reciter-empty{border:1px dashed var(--border-strong);border-radius:var(--radius-lg);color:var(--text-muted);text-align:center;padding:28px}.quran-arabic-text{font-family:var(--font-arabic);text-align:right;color:#1e293b;direction:rtl;font-size:28px;font-weight:400;line-height:2.2}.translation-settings{border:1px solid var(--primary-border);border-radius:var(--radius-lg);background:var(--primary-subtle);grid-template-columns:minmax(240px,.8fr) minmax(280px,1.2fr);gap:12px 18px;padding:16px;display:grid}.tafsir-settings{border-color:color-mix(in srgb, var(--primary-border) 72%, #d7b56d);background:color-mix(in srgb, var(--primary-subtle) 82%, #fff8e8)}.translation-toggle{cursor:pointer;align-items:center;gap:12px;display:flex}.translation-toggle input{width:20px;height:20px;accent-color:var(--primary)}.translation-toggle span{gap:3px;display:grid}.translation-toggle small,.translation-source-note,.ayah-translation-status{color:var(--text-muted)}.translation-edition-control{gap:6px;display:grid}.translation-source-note,.translation-context-note,.translation-error{grid-column:1/-1;margin:0;font-size:13px;line-height:1.5}.translation-context-note{color:var(--text-muted)}.translation-error{color:var(--danger)}.ayah-card{border:1px solid var(--border);border-radius:var(--radius-lg);background:#fff;flex-direction:column;gap:12px;padding:18px;scroll-margin-top:110px;transition:border-color .15s,background-color .15s,box-shadow .15s;display:flex}.ayah-card:hover{border-color:var(--primary-border)}.ayah-card.is-audio-active{border-color:var(--primary);background:var(--primary-subtle);box-shadow:0 0 0 1px var(--primary-border)}.ayah-card.is-navigation-target{border-color:var(--primary);box-shadow:0 0 0 3px color-mix(in srgb, var(--primary) 12%, transparent)}.ayah-translation{border-top:1px solid var(--border);color:var(--text);padding-top:12px;font-size:17px;line-height:1.75}.ayah-translation p,.mushaf-translation-list p{margin:0}.ayah-tafsir{border-top:1px solid var(--border);gap:12px;padding-top:12px;display:grid}.ayah-tafsir-toolbar{justify-content:space-between;align-items:center;gap:12px;display:flex}.ayah-tafsir-toolbar>div{gap:3px;display:grid}.ayah-tafsir-toolbar span{color:var(--text-muted);font-size:13px}.ayah-tafsir-content{border:1px solid color-mix(in srgb, var(--primary-border) 72%, #d7b56d);border-radius:var(--radius-md);background:color-mix(in srgb, var(--surface) 88%, #fff8e8);gap:10px;padding:14px 16px;display:grid}.ayah-tafsir-content>span{color:var(--primary-text);font-size:13px;font-weight:700}.ayah-tafsir-content p{color:var(--text);white-space:pre-line;margin:0;font-size:16px;line-height:1.8}.translation-footnotes{border:1px solid var(--border);border-radius:var(--radius-md);background:color-mix(in srgb, var(--surface) 88%, transparent);margin-top:10px;padding:10px 12px;font-size:14px;line-height:1.6}.translation-footnotes summary{color:var(--primary-text);cursor:pointer;font-weight:700}.translation-footnotes summary span{color:var(--text-muted);font-weight:500}.translation-footnotes ol{gap:10px;margin:12px 0 0;padding:0;list-style:none;display:grid}.translation-footnotes li{grid-template-columns:34px minmax(0,1fr);gap:8px;display:grid}.translation-footnotes li>span{color:var(--primary-text);font-weight:700}.mushaf-translation-panel{border:1px solid var(--primary-border);border-radius:var(--radius-lg);background:var(--primary-subtle);gap:14px;margin-top:18px;padding:18px;display:grid}.mushaf-tafsir-panel{border-color:color-mix(in srgb, var(--primary-border) 72%, #d7b56d);background:color-mix(in srgb, var(--primary-subtle) 82%, #fff8e8)}.mushaf-translation-heading{justify-content:space-between;align-items:flex-end;gap:12px;display:flex}.mushaf-translation-heading>div{gap:4px;display:grid}.mushaf-translation-heading>span{color:var(--text-muted);font-size:13px}.mushaf-translation-list{gap:10px;display:grid}.mushaf-translation-list article{border-top:1px solid var(--border);grid-template-columns:54px 1fr;gap:10px;padding-top:10px;line-height:1.65;display:grid}.mushaf-translation-list article>span{color:var(--primary-text);font-size:13px;font-weight:700}.mushaf-translation-list article>div{min-width:0}@media (max-width:680px){.translation-settings{grid-template-columns:1fr;padding:14px}.translation-source-note,.translation-context-note,.translation-error{grid-column:1}.mushaf-translation-heading{flex-direction:column;align-items:flex-start}.mushaf-translation-list article{grid-template-columns:1fr;gap:4px}.ayah-tafsir-toolbar{flex-direction:column;align-items:stretch}}.ayah-header{border-bottom:1px dashed var(--border);justify-content:space-between;align-items:center;gap:12px;padding-bottom:10px;display:flex}.ayah-actions,.ayah-action-buttons{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.ayah-actions{justify-content:flex-end}.ayah-icon-button{border:1px solid var(--border-strong);width:38px;min-width:38px;height:36px;color:var(--text);background:#fff;padding:0;font-size:16px;line-height:1}.ayah-icon-button:hover,.ayah-icon-button:focus-visible{border-color:var(--primary);background:var(--primary-subtle);color:var(--primary-text)}.ayah-icon-button.is-active{border-color:var(--primary);background:var(--primary);color:#fff}.quran-favorite-button{position:relative;overflow:visible}.quran-favorite-button .favorite-bookmark-icon{width:21px;height:21px;transition:color .18s,fill .18s,transform .18s}.quran-favorite-button.is-saved{border-color:var(--primary);color:var(--primary);background:var(--primary-subtle)}.quran-favorite-button.is-saved:hover,.quran-favorite-button.is-saved:focus-visible{border-color:var(--primary-text);color:var(--primary-text);background:color-mix(in srgb, var(--primary-subtle) 72%, var(--primary) 28%)}.quran-favorite-button.is-animating .favorite-bookmark-icon{animation:.62s cubic-bezier(.2,.9,.3,1.35) quran-favorite-pop}.quran-favorite-button.is-animating:after{border:2px solid var(--primary);content:"";pointer-events:none;border-radius:50%;animation:.62s ease-out forwards quran-favorite-ring;position:absolute;inset:3px}@keyframes quran-favorite-pop{0%{transform:scale(.7)}45%{transform:scale(1.38)rotate(-7deg)}72%{transform:scale(.92)rotate(3deg)}to{transform:scale(1)rotate(0)}}@keyframes quran-favorite-ring{0%{opacity:.7;transform:scale(.45)}to{opacity:0;transform:scale(1.55)}}@media (prefers-reduced-motion:reduce){.quran-favorite-button.is-animating .favorite-bookmark-icon,.quran-favorite-button.is-animating:after{animation:none}}.ayah-speed-button{width:auto;min-width:46px;padding-inline:8px;font-size:12px;font-weight:800}.ayah-badge{background:var(--primary-subtle);width:28px;height:28px;color:var(--primary-text);border-radius:50%;justify-content:center;align-items:center;font-size:12px;font-weight:700;display:inline-flex}.seo-quran-page{flex-direction:column;gap:24px;display:flex}.breadcrumbs ol{color:var(--text-muted);flex-wrap:wrap;align-items:center;gap:8px;margin:0;padding:0;font-size:14px;list-style:none;display:flex}.breadcrumbs li:not(:last-child):after{content:"/";color:var(--border-strong);margin-inline-start:8px}.seo-quran-hero{justify-content:space-between;align-items:flex-start;gap:24px;display:flex}.seo-quran-hero h1{margin:4px 0 10px;font-size:clamp(26px,4vw,38px);line-height:1.2}.seo-quran-hero>div>p:not(.eyebrow,.seo-content-version){max-width:760px;color:var(--text-secondary);line-height:1.7}.seo-content-version{color:var(--text-muted);margin-top:12px;font-size:13px}.seo-ayah-section{border:1px solid var(--border);border-radius:var(--radius-xl);background:var(--panel);box-shadow:var(--shadow-sm);padding:24px}.seo-ayah-list{flex-direction:column;gap:14px;display:flex}.seo-ayah-reference{font-weight:700}.seo-single-ayah{padding:clamp(20px,4vw,38px)}.seo-single-ayah .quran-arabic-text{font-size:clamp(30px,5vw,44px);line-height:2.4}.seo-ayah-pagination{justify-content:space-between;gap:12px;display:flex}.seo-catalog-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:14px;display:grid}.seo-catalog-card{color:var(--text-primary);text-decoration:none}.seo-catalog-copy{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.seo-catalog-copy>span{color:var(--text-muted);font-size:13px}.seo-catalog-arabic{font-family:var(--font-arabic);color:var(--primary);font-size:20px}.seo-reciter-hero{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:24px;display:grid}.seo-reciter-copy h1{margin:4px 0 10px;font-size:clamp(26px,4vw,38px);line-height:1.2}.seo-reciter-copy>p:not(.eyebrow,.seo-content-version){max-width:760px;color:var(--text-secondary);line-height:1.7}.seo-license-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px;display:grid}.seo-license-grid>div{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--bg-subtle);min-width:0;padding:18px}.seo-license-grid a{overflow-wrap:anywhere;margin-top:10px;font-size:13px;display:block}.system-state{background:radial-gradient(circle at 100% 0%, #10b9811f, transparent 36%), var(--panel);flex-direction:column;justify-content:center;align-items:flex-start;gap:22px;min-height:360px;display:flex}.system-state-code{color:var(--primary);letter-spacing:-.06em;font-size:clamp(48px,12vw,96px);font-weight:900;line-height:.9}.system-state h1{margin-bottom:10px;font-size:clamp(26px,5vw,38px)}.system-state p{max-width:680px;color:var(--text-secondary);line-height:1.7}.system-state-reference{color:var(--text-muted);margin-top:8px;font-size:12px}.system-state-actions{flex-wrap:wrap;gap:10px;display:flex}.quran-page-layout{flex-direction:column;gap:20px;display:flex}.quran-control-surface{order:1}.quran-audio-surface{order:2}.quran-content-surface{order:3}.quran-page-layout.is-mushaf-mode .quran-content-surface{order:2}.quran-page-layout.is-mushaf-mode .quran-audio-surface{order:3}.mushaf-reader-surface{scroll-margin-top:8px}.mushaf-reader-toolbar{display:none}.mushaf-page-container{border-radius:var(--radius-lg);perspective:1600px;touch-action:pan-y;background:#fdfbf7;border:2px solid #e7dfd1;outline:none;justify-content:center;align-items:center;min-height:500px;padding:16px;display:flex;position:relative;overflow:hidden}.mushaf-page-container:focus-visible{box-shadow:0 0 0 3px #10b9813d}.mushaf-page-turn{width:min(100%,900px);transform-style:preserve-3d;backface-visibility:hidden;will-change:transform, opacity, filter;position:relative}.mushaf-page-turn:after{border-radius:inherit;opacity:0;pointer-events:none;content:"";background:linear-gradient(90deg,#5c41181f,#0000 18% 82%,#5c411814);position:absolute;inset:0}.mushaf-page-turn.is-next{transform-origin:100%;animation:.42s cubic-bezier(.22,.78,.26,1) mushaf-page-turn-next}.mushaf-page-turn.is-previous{transform-origin:0;animation:.42s cubic-bezier(.22,.78,.26,1) mushaf-page-turn-previous}.mushaf-page-turn.is-next:after,.mushaf-page-turn.is-previous:after{animation:.42s ease-out mushaf-page-shadow}@keyframes mushaf-page-turn-next{0%{opacity:.72;filter:brightness(.96);transform:translate(-5%)rotateY(7deg)scale(.99)}to{opacity:1;filter:brightness();transform:translate(0)rotateY(0)scale(1)}}@keyframes mushaf-page-turn-previous{0%{opacity:.72;filter:brightness(.96);transform:translate(5%)rotateY(-7deg)scale(.99)}to{opacity:1;filter:brightness();transform:translate(0)rotateY(0)scale(1)}}@keyframes mushaf-page-shadow{0%,to{opacity:0}45%{opacity:1}}.mushaf-audio-panel{border:1px solid var(--primary-border);border-radius:var(--radius-lg);background:var(--primary-subtle);flex-direction:column;gap:12px;margin-bottom:16px;padding:16px;display:flex}.quran-audio-surface .mushaf-audio-panel{margin-bottom:0}.mushaf-audio-controls{flex-wrap:wrap;align-items:flex-end;gap:12px;display:flex}.mushaf-reciter-select{flex:320px}.mushaf-audio-now-playing{border-top:1px solid var(--primary-border);padding-top:12px}.mushaf-selection-label{color:#fff;pointer-events:none;background:#083f30e6;border-radius:999px;padding:7px 12px;font-size:13px;font-weight:700;position:absolute;bottom:14px;left:50%;transform:translate(-50%);box-shadow:0 6px 20px #083f3038}.qf-mushaf-view{width:min(100%,900px);margin:0 auto}.qf-mushaf-meta{color:var(--text-secondary);justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:12px;font-size:13px;display:flex}.qf-mushaf-meta>div{flex-direction:column;gap:3px;display:flex}.qf-mushaf-meta strong{color:var(--text-primary);font-size:15px}.qf-mushaf-sheet{aspect-ratio:900/1380;box-sizing:border-box;border-radius:var(--radius-sm);background:linear-gradient(#fffef8f7,#fffef8f7),radial-gradient(circle,#d3b4702e,#0000 70%);border:1px solid #ded4c3;grid-template-rows:repeat(15,minmax(0,1fr));width:100%;padding:8% 6% 7%;display:grid;position:relative;overflow:hidden;box-shadow:0 8px 24px #503c1e1f}.qf-mushaf-sheet.is-font-loading .qf-mushaf-line,.qf-mushaf-sheet.is-font-loading .qf-mushaf-chapter-intro{visibility:hidden}.qf-mushaf-font-loading,.qf-mushaf-page-loading{min-height:420px;color:var(--text-muted);text-align:center;justify-content:center;align-items:center;display:flex}.qf-mushaf-font-loading{z-index:2;background:#fffef8eb;min-height:0;position:absolute;inset:0}.qf-mushaf-line{white-space:nowrap;direction:rtl;grid-column:1;justify-content:center;align-items:center;min-width:0;font-size:clamp(18px,3.35vw,38px);line-height:1.25;display:flex}.qf-mushaf-line-content{width:max-content;transform:scale(var(--qf-line-scale,1));transform-origin:50%;flex:none;justify-content:center;align-items:center;font-size:56px;line-height:1.5;display:flex}.qf-mushaf-word img{vertical-align:middle;width:auto;max-width:none;height:auto;display:inline-block}.qf-mushaf-sheet.has-qul-layout{padding:5.36667% 6%}.has-qul-layout .qf-mushaf-line-content,.has-qul-layout .qf-mushaf-ayah-fragment{align-items:baseline;column-gap:var(--qf-word-gap,3.5px);line-height:1.6}.has-qul-layout .qf-mushaf-word{flex:none;padding:0}.has-qul-layout .qf-mushaf-chapter-intro{font-family:qf-mushaf-headings,serif}.has-qul-layout .qf-mushaf-chapter-title{font-size:var(--qf-title-size);font-weight:400}.has-qul-layout .qf-mushaf-bismillah{font-size:var(--qf-basmala-size)}.qf-mushaf-chapter-intro{z-index:1;color:#2f2417;min-width:0;font-family:var(--font-arabic);text-align:center;grid-column:1;grid-template-rows:repeat(2,minmax(0,1fr));align-items:stretch;display:grid}.qf-mushaf-chapter-intro:not(.has-title),.qf-mushaf-chapter-intro:not(.has-bismillah){grid-template-rows:minmax(0,1fr)}.qf-mushaf-chapter-intro.is-compact{grid-template-rows:repeat(2,minmax(0,1fr));grid-template-columns:minmax(0,1fr)}.qf-mushaf-chapter-title,.qf-mushaf-bismillah{white-space:nowrap;justify-content:center;align-items:center;min-width:0;line-height:1;display:flex}.qf-mushaf-chapter-title{align-self:center;font-size:clamp(15px,2.5vw,27px);font-weight:700}.qf-mushaf-bismillah{font-size:clamp(17px,2.9vw,32px)}.qf-mushaf-chapter-title.has-source-header{width:100%;height:92%}.qf-mushaf-chapter-title.has-source-header svg{fill:#392d20;width:100%;height:100%}.qf-mushaf-chapter-title.is-header-loading{visibility:hidden}.qf-mushaf-chapter-intro.is-compact .qf-mushaf-chapter-title{font-size:clamp(11px,1.7vw,18px)}.qf-mushaf-chapter-intro.is-compact .qf-mushaf-bismillah{font-size:clamp(12px,2vw,21px)}.qf-mushaf-ayah-fragment{color:#17130d;width:auto;min-width:0;min-height:0;font:inherit;line-height:inherit;cursor:pointer;background:0 0;border:0;border-radius:.12em;justify-content:center;align-items:center;margin:0;padding:0;transition:background-color .12s,color .12s,box-shadow .12s;display:inline-flex}.qf-mushaf-word{justify-content:center;align-items:center;min-width:0;padding:0 .035em;display:inline-block}.qf-mushaf-ayah-fragment:focus-visible{background:#f5c44240;outline:none;box-shadow:0 0 0 2px #8d621052}@media (hover:hover) and (pointer:fine){.qf-mushaf-ayah-fragment:hover:not(.is-selected):not(.is-playing){background:#f5c44240;box-shadow:0 0 0 2px #8d621052}}.qf-mushaf-ayah-fragment.is-selected{background:#14916838;box-shadow:0 0 0 1px #085e445c}.qf-mushaf-ayah-fragment.is-playing{color:#063d2d;background:#14916866;box-shadow:0 0 0 2px #044b347a}[data-highlight]{--ayah-highlight:156, 204, 101}[data-highlight=yellow]{--ayah-highlight:255, 213, 79}[data-highlight=blue]{--ayah-highlight:79, 195, 247}[data-highlight=pink]{--ayah-highlight:240, 98, 146}[data-highlight=lavender]{--ayah-highlight:179, 157, 219}.qf-mushaf-ayah-fragment:where([data-highlight]){background:rgba(var(--ayah-highlight), .38)}.ayah-card:where([data-highlight]){border-color:rgba(var(--ayah-highlight), .9);background:rgba(var(--ayah-highlight), .14)}.mushaf-ayah-actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;margin-top:12px;font-weight:600;display:flex}.is-reader-immersive .mushaf-ayah-actions{display:none}.ayah-annotation-dialog{border:1px solid var(--border);border-radius:var(--radius-xl);background:var(--panel);width:min(480px,100vw - 32px);max-height:calc(100dvh - 32px);color:var(--text-primary);box-shadow:var(--shadow-sm);padding:20px}.ayah-annotation-dialog::backdrop{background:#0f172a73}.ayah-annotation-dialog form{gap:16px;display:grid}.ayah-annotation-dialog-head{justify-content:space-between;align-items:center;gap:12px;display:flex}.ayah-annotation-dialog-head h2{margin:0;font-size:18px}.ayah-annotation-colors{border:0;flex-wrap:wrap;gap:8px;margin:0;padding:0;display:flex}.ayah-annotation-colors legend{margin-bottom:8px}.ayah-annotation-color{border:1px solid var(--border);cursor:pointer;border-radius:999px;align-items:center;gap:6px;padding:6px 10px;font-size:13px;display:inline-flex}.ayah-annotation-color:has(input:checked){border-color:var(--primary);box-shadow:0 0 0 1px var(--primary)}.ayah-annotation-color:has(input:focus-visible){outline:2px solid var(--border-focus);outline-offset:2px}.ayah-annotation-color input{opacity:0;pointer-events:none;position:absolute}.ayah-annotation-swatch{background:rgb(var(--ayah-highlight));border-radius:50%;width:14px;height:14px}.ayah-annotation-actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.share-icon{width:20px;height:20px}.mushaf-ayah-actions .share-icon{vertical-align:-3px;width:16px;height:16px}.content-share-dialog[open]{gap:16px;display:grid}.content-share-dialog .field-help{margin:0}.content-share-preview{aspect-ratio:4/5;border-radius:var(--radius-lg);background:var(--bg-subtle);place-items:center;width:min(100%,min(56dvh,500px)/1.25);margin-inline:auto;display:grid;overflow:hidden}.content-share-preview img{width:100%;height:100%;display:block}.content-share-preview p{text-align:center;padding:16px}.notes-list{gap:10px;margin:0;padding:0;list-style:none;display:grid}.notes-item{border:1px solid var(--border);border-radius:var(--radius-lg);color:inherit;align-items:flex-start;gap:12px;padding:14px 16px;text-decoration:none;display:flex}.notes-item:hover{border-color:var(--primary-border)}.notes-item .ayah-annotation-swatch{flex:none;margin-top:5px}.notes-item strong{margin-bottom:4px;display:block}.notes-item p{white-space:pre-line;overflow-wrap:anywhere;-webkit-line-clamp:5;-webkit-box-orient:vertical;margin:0;display:-webkit-box;overflow:hidden}.qf-mushaf-page-number{color:#786b57;font-size:12px;font-weight:700;position:absolute;bottom:2.5%;left:50%;transform:translate(-50%)}.qf-mushaf-attribution{color:var(--text-muted);text-align:center;margin:12px 0 0;font-size:12px;line-height:1.55}.qf-mushaf-attribution a{color:var(--primary)}.mushaf-page-navigation{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:12px;margin-top:16px;display:grid}.mushaf-page-navigation .btn:first-child{justify-self:start}.mushaf-page-navigation .btn:last-child{justify-self:end}.mushaf-page-navigation-status{text-align:center;font-weight:600}@media (max-width:600px){.quran-page-layout{gap:14px}.mushaf-reader-surface{border-inline:0;border-radius:0;width:100dvw;margin-inline:calc(50% - 50dvw);padding:0;overflow:clip}.mushaf-reader-toolbar{z-index:5;border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#fffffff0;border:1px solid #a7f3d0e6;grid-template-columns:42px minmax(0,1fr) 42px;align-items:center;gap:8px;margin:0 6px;padding:8px;display:grid;position:sticky;top:6px;box-shadow:0 8px 24px #0f172a1f}.mushaf-reader-toolbar-button{border:1px solid var(--primary-border);background:var(--primary-subtle);width:42px;height:42px;color:var(--primary-text);font:inherit;cursor:pointer;border-radius:50%;justify-content:center;align-items:center;padding:0;font-size:29px;line-height:1;display:inline-flex}.mushaf-reader-toolbar-button:disabled{opacity:.38;cursor:not-allowed}.mushaf-reader-toolbar-status{min-width:0;color:var(--text-secondary);text-align:center;flex-direction:column;font-size:11px;line-height:1.25;display:flex}.mushaf-reader-toolbar-status strong{color:var(--text-primary);font-size:13px}.mushaf-page-container{border-inline:0;border-radius:0;min-height:0;margin-top:6px;padding:6px}.mushaf-page-turn{width:100%}.qf-mushaf-meta{flex-direction:column;align-items:stretch;gap:6px}.qf-mushaf-line{font-size:clamp(16px,5.1vw,24px)}.qf-mushaf-chapter-title{font-size:clamp(12px,3.8vw,18px)}.qf-mushaf-bismillah{font-size:clamp(14px,4.4vw,21px)}.mushaf-page-navigation{grid-template-columns:repeat(2,minmax(0,1fr));margin:10px 10px 12px}.mushaf-page-navigation-status{grid-area:1/1/auto/-1}.mushaf-page-navigation .btn{white-space:normal;grid-row:2;width:100%;min-width:0;padding-inline:10px}}@media (prefers-reduced-motion:reduce){.mushaf-page-turn.is-next,.mushaf-page-turn.is-previous,.mushaf-page-turn.is-next:after,.mushaf-page-turn.is-previous:after{animation:none}}.prayer-grid{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:14px;display:grid}.prayer-time-card{border:1px solid var(--border);border-radius:var(--radius-lg);text-align:center;background:#fff;flex-direction:column;gap:6px;padding:16px;transition:all .15s;display:flex}.prayer-time-card.active{background:var(--primary-subtle);border-color:var(--primary-border);box-shadow:var(--shadow-sm);transform:translateY(-2px)}.prayer-name-ar{font-family:var(--font-arabic);color:var(--primary);font-size:20px}.prayer-name-ru{color:var(--text-secondary);font-size:13px;font-weight:600}.prayer-time{color:var(--text-primary);font-size:22px;font-weight:700}.prayer-view-tabs{flex-wrap:wrap;gap:8px;margin-bottom:16px;display:flex}.prayer-month{flex-direction:column;gap:12px;display:flex}.prayer-month-nav{justify-content:space-between;align-items:center;gap:12px;display:flex}.prayer-month-nav .surface-title{text-align:center}.prayer-month-scroll{border:1px solid var(--border);border-radius:var(--radius-md);overflow-x:auto}.prayer-month-table{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%}.prayer-month-table th,.prayer-month-table td{text-align:center;white-space:nowrap;border-bottom:1px solid var(--border);padding:8px 10px}.prayer-month-table thead th{background:var(--bg-subtle);color:var(--text-secondary);font-size:13px}.prayer-month-table tbody th{text-align:start;font-weight:600}.prayer-month-table tbody tr:last-child>*{border-bottom:0}.prayer-month-table tr.is-today>*{background:var(--primary-subtle)}.prayer-month-today{color:var(--primary-text);font-size:12px;display:block}.prayer-qibla{flex-wrap:wrap;align-items:center;gap:24px;display:flex}.prayer-qibla-compass{flex:none;width:200px;max-width:100%}.prayer-qibla-compass svg{width:100%;height:auto;display:block}.prayer-qibla-copy{flex-direction:column;flex:240px;gap:6px;display:flex}.prayer-qibla-bearing{color:var(--text-primary);font-size:22px;font-weight:700}.prayer-qibla-ring{fill:var(--primary-subtle);stroke:var(--primary);stroke-width:2px}.prayer-qibla-tick{stroke:var(--text-secondary);stroke-width:1.5px}.prayer-qibla-north{fill:var(--text-primary);font-size:16px;font-weight:700}.prayer-qibla-arrow{fill:var(--primary)}.prayer-qibla-tail{fill:var(--border)}.prayer-qibla-kaaba{fill:var(--text-primary)}.prayer-qibla-hub{fill:#fff;stroke:var(--primary);stroke-width:2px}.prayer-qibla.is-facing .prayer-qibla-ring{fill:color-mix(in srgb, var(--primary) 22%, transparent);stroke-width:4px}.prayer-qibla-phone{fill:var(--text-primary)}.prayer-qibla.is-facing .prayer-qibla-phone{fill:var(--primary)}.prayer-qibla-status{align-items:center;min-height:28px;font-weight:600;display:flex}.prayer-qibla-status span{align-items:center;gap:8px;display:inline-flex}.prayer-qibla-status svg{fill:currentColor;flex:none;width:20px;height:20px}.prayer-qibla-status .is-facing{color:var(--primary)}.prayer-qibla-status .is-calibrate{color:var(--danger)}.prayer-qibla-enable{align-self:flex-start}.audio-player-bar{border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);z-index:50;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fff;flex-direction:column;gap:12px;padding:16px 20px;display:flex;position:sticky;bottom:20px}.audio-player-section .audio-player-bar{box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border:0;padding:0;position:static}.global-audio-player-spacer{height:190px}.global-audio-player-spacer.is-compact{height:112px}.global-audio-player-dock{z-index:70;border-radius:var(--radius-xl);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#fffffff5;border:1px solid #10b98159;width:min(1160px,100% - 32px);max-height:calc(100vh - 32px);padding:14px 16px;position:fixed;bottom:16px;left:50%;overflow-y:auto;transform:translate(-50%);box-shadow:0 20px 50px #0f172a33}.global-audio-player-dock.is-compact{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:14px;padding:10px 14px;display:grid}.global-audio-player-dock.is-compact.has-reciter-controls{grid-template-columns:minmax(190px,240px) minmax(0,1fr) auto}.global-audio-player-head{justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px;display:flex}.global-audio-player-dock.is-compact .global-audio-player-head{border-inline-end:1px solid var(--border);min-width:0;margin-bottom:0;padding-inline-end:14px;display:block}.global-audio-player-reciter-select{border-color:var(--primary-border);background:var(--primary-subtle);width:min(360px,100%);min-width:0;min-height:40px;font-weight:650}.global-audio-player-head strong{font-size:15px;display:block}.global-audio-player-dock.is-compact .global-audio-player-head strong{font-size:13px;line-height:1.25}.global-audio-player-dock .audio-player-bar{box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border:0;padding:0;position:static}.global-audio-player-dock.is-compact .segmented-audio-player{grid-template-columns:minmax(145px,.75fr) minmax(300px,1.5fr) auto;align-items:center;gap:10px;display:grid}.global-audio-player-dock.is-compact .segmented-audio-summary{grid-template-columns:minmax(0,1fr);align-items:center;gap:3px;display:grid}.global-audio-player-dock.is-compact .segmented-audio-summary>div,.global-audio-player-dock.is-compact .segmented-audio-summary strong,.global-audio-player-dock.is-compact .segmented-audio-summary p{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.global-audio-player-dock.is-compact .segmented-audio-summary .status-chip{text-overflow:ellipsis;white-space:nowrap;justify-self:start;max-width:100%;overflow:hidden}.global-audio-player-dock.is-compact .segmented-audio-native-controls{flex-wrap:nowrap;gap:8px}.global-audio-player-dock.is-compact .segmented-audio-settings-toggle,.global-audio-player-actions .btn{white-space:nowrap;flex:none;justify-content:center;align-items:center;gap:5px;display:inline-flex}.global-audio-player-actions{justify-self:end;align-items:center;gap:8px;display:flex}.global-audio-player-dock.is-compact .global-audio-player-size-toggle-label{display:none}.global-audio-player-dock.is-compact .global-audio-player-size-toggle{width:36px;min-width:36px;padding-inline:8px}.global-audio-player-dock.is-compact .segmented-audio-native-controls audio{flex:260px;width:min(460px,100%);min-width:210px;height:42px}.global-audio-player-dock.is-compact .alert,.global-audio-player-dock.is-compact .segmented-audio-settings,.global-audio-player-dock.is-compact .segmented-audio-range,.global-audio-player-dock.is-compact .segmented-audio-browser-note{grid-column:1/-1}.global-audio-player-dock.is-compact .segmented-audio-settings-toggle{align-self:center;display:inline-flex}.audio-global-player-hint{margin-top:4px}.global-audio-player-body,.player-background-picker{display:contents}.global-audio-player-dock.is-expanded .global-audio-player-head{flex-wrap:wrap}.player-background-toggle{white-space:nowrap;align-items:center;gap:5px;margin-inline-start:auto;display:inline-flex}.player-background-options{border:0;flex:1 0 100%;order:10;grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:10px;margin:0;padding:0;display:grid}.player-background-option{cursor:pointer;gap:6px;min-width:0;display:grid}.player-background-thumb{aspect-ratio:3/2;border:2px solid var(--border);border-radius:var(--radius-md);background:linear-gradient(135deg, var(--primary-subtle) 0%, #fff 100%);display:block;overflow:hidden}.player-background-thumb img{object-fit:cover;width:100%;height:100%;display:block}.player-background-option input:checked+.player-background-thumb{border-color:var(--primary);box-shadow:0 0 0 2px var(--primary-border)}.player-background-option input:focus-visible+.player-background-thumb{outline:2px solid var(--border-focus);outline-offset:2px}.player-background-name{color:var(--text-secondary);overflow-wrap:anywhere;font-size:12px;font-weight:600;line-height:1.3}.global-audio-player-dock.has-player-background{color:#fff;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#061d18;border-color:#ffffff2e;padding:0;display:grid}.global-audio-player-dock.has-player-background>.global-audio-player-backdrop,.global-audio-player-dock.has-player-background>.global-audio-player-body{grid-area:1/1;min-width:0}.global-audio-player-dock.has-player-background>.global-audio-player-body{padding:14px 16px;display:block;position:relative}.global-audio-player-backdrop{position:relative;overflow:hidden}.global-audio-player-backdrop :is(img,video),.global-audio-player-scrim{width:100%;height:100%;position:absolute;inset:0}.global-audio-player-backdrop :is(img,video){object-fit:cover;opacity:0;transition:opacity .45s}.global-audio-player-backdrop :is(img,video)[data-loaded=true]{opacity:1}.global-audio-player-dock.has-player-background :is(.kpi-desc,.form-label,.segmented-audio-browser-note,.player-background-name){color:#d5e3df}.global-audio-player-dock.has-player-background .segmented-audio-summary strong{color:#fff}.global-audio-player-dock.has-player-background .segmented-audio-range{background:0 0;border-color:#ffffff52}@media (prefers-reduced-motion:reduce){.global-audio-player-backdrop img{transition:none}}@media (max-width:1040px){.global-audio-player-dock.is-compact{grid-template-columns:minmax(0,1fr) auto}.global-audio-player-dock.is-compact .global-audio-player-head{padding-inline-end:0;border-inline-end:0;border-bottom:1px solid var(--border);grid-column:1/-1;padding-bottom:8px}.global-audio-player-dock.is-compact .segmented-audio-player{grid-template-columns:minmax(130px,.7fr) minmax(280px,1.5fr) auto}}.segmented-audio-player{flex-direction:column;gap:12px;min-width:0;display:flex}.segmented-audio-summary,.segmented-audio-native-controls,.segmented-audio-range{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.segmented-audio-summary>div{min-width:0}.segmented-audio-summary strong,.segmented-audio-summary p{overflow-wrap:anywhere}.segmented-audio-native-controls audio{flex:420px;width:min(620px,100%)}.segmented-audio-settings{grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:10px;display:grid}.segmented-audio-settings-toggle{align-self:flex-start;display:none}.segmented-audio-settings .form-group,.segmented-audio-range .form-group{gap:4px}.segmented-audio-range{border:1px dashed var(--primary-border);border-radius:var(--radius-md);background:#ffffff94;justify-content:flex-start;padding:12px}.segmented-audio-range .form-group{flex:120px;max-width:180px}.segmented-audio-range .btn{align-self:flex-end}.segmented-audio-browser-note{color:var(--text-muted);margin:0;font-size:12px;line-height:1.45}.track-row{border:1px solid var(--border);border-radius:var(--radius-md);background:#fff;justify-content:space-between;align-items:center;padding:12px 16px;transition:all .15s;display:flex}.track-row-main{flex:auto;grid-template-columns:auto minmax(120px,auto) minmax(140px,1fr);align-items:center;gap:12px;min-width:0;display:grid}.track-row-copy{min-width:0}.track-surah-name-ar{color:var(--primary);font-family:var(--font-arabic);text-align:center;justify-self:center;padding-inline:18px;font-size:clamp(22px,2.2vw,32px);font-weight:650;line-height:1.4}.track-row-actions{flex:none;align-items:center;gap:10px;display:flex}.track-row:hover{background:var(--bg-subtle);border-color:var(--border-strong)}.prayer-reminder-panel{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg-subtle);margin-bottom:18px;padding:16px}.prayer-reminder-list{grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:10px;display:grid}.prayer-location-status{border:1px dashed var(--border-strong);border-radius:var(--radius-md);background:#ffffffa8;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;padding:10px 12px;display:flex}.prayer-location-actions{flex-wrap:wrap;gap:8px;display:flex}.prayer-location-status .kpi-desc{margin:0}.prayer-reminder-row{border:1px solid var(--border);border-radius:var(--radius-md);background:#fff;justify-content:space-between;align-items:center;gap:12px;padding:12px;display:flex}.reminder-switch{background:var(--border-strong);cursor:pointer;border:0;border-radius:999px;width:46px;min-width:46px;height:26px;padding:3px;transition:background .16s;position:relative}.reminder-switch>span[aria-hidden=true]{background:#fff;border-radius:50%;width:20px;height:20px;transition:transform .16s;display:block;box-shadow:0 1px 4px #0f172a3d}.reminder-switch.is-on{background:var(--primary)}.reminder-switch.is-pending{background:var(--warning)}.reminder-switch.is-on>span[aria-hidden=true],.reminder-switch.is-pending>span[aria-hidden=true]{transform:translate(20px)}[dir=rtl] .reminder-switch.is-on>span[aria-hidden=true],[dir=rtl] .reminder-switch.is-pending>span[aria-hidden=true]{transform:translate(-20px)}.reminder-switch:focus-visible{outline-offset:2px;outline:3px solid #10b9813d}.reminder-switch:disabled{cursor:wait;opacity:.65}.reminder-weekdays{flex-wrap:wrap;gap:10px;margin-top:8px;display:flex}.reminder-weekdays label{align-items:center;gap:5px;display:inline-flex}.dua-page{--dua-sand:#f5ead5;gap:14px;min-width:0;display:grid}.dua-icon{flex:none;width:24px;height:24px}[dir=rtl] .dua-flip{transform:scaleX(-1)}.dua-topbar{align-items:center;gap:12px;min-height:56px;display:flex}.dua-back{width:44px;height:44px;color:var(--text-primary);border-radius:50%;flex:none;place-items:center;margin-inline-start:-10px;display:inline-grid}.dua-back:hover,.dua-back:focus-visible{background:var(--bg-subtle)}.dua-topbar-text{min-width:0}.dua-topbar-title{color:var(--text-primary);overflow-wrap:anywhere;margin:0;font-size:clamp(21px,2.2vw,26px);font-weight:700;line-height:1.25}.dua-topbar-subtitle{color:var(--text-secondary);margin:2px 0 0;font-size:13px;line-height:1.4}.dua-search{background:var(--panel);min-height:56px;color:var(--text-primary);border-radius:28px;align-items:center;gap:14px;padding-inline:16px;display:flex;box-shadow:0 1px 3px #17201d1f,0 4px 10px #17201d1a}.dua-search:focus-within{outline:2px solid var(--primary);outline-offset:2px}.dua-page .dua-search input.dua-search-input[type=search]{min-width:0;height:48px;min-height:0;color:inherit;font:inherit;box-shadow:none;background:0 0;border:0;border-radius:0;outline:none;flex:1;padding:0;font-size:16px}.dua-search input::placeholder{color:var(--text-secondary)}.dua-topic-card,.dua-topic-tile,.dua-plain-card,.dua-chapter-row,.dua-summary-row,.dua-card{border:1px solid var(--border);background:var(--panel);min-width:0;color:var(--text-primary);border-radius:22px;text-decoration:none}.dua-topic-card,.dua-topic-tile,.dua-plain-card,.dua-chapter-row,.dua-summary-row{padding:16px;transition:border-color .16s,background-color .16s}:is(.dua-topic-card,.dua-topic-tile,.dua-plain-card,.dua-chapter-row,.dua-summary-row):hover{border-color:var(--primary-border);background:var(--panel-hover)}:is(.dua-topic-card,.dua-topic-tile,.dua-plain-card,.dua-chapter-row,.dua-summary-row):focus-visible{outline:2px solid var(--primary);outline-offset:2px}.dua-topic-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.dua-topic-card{flex-direction:column;display:flex}.dua-time-icon{flex:none;place-items:center;width:64px;height:64px;display:grid}.dua-time-icon svg{width:100%;height:100%}.dua-topic-card .dua-time-icon{margin-bottom:12px}.dua-topic-card-title{overflow-wrap:anywhere;font-size:15px;font-weight:700;line-height:1.35}.dua-topic-card-description{color:var(--text-secondary);margin-top:6px;font-size:13px;line-height:1.4}.dua-topic-card-count{margin-top:auto;padding-top:12px;font-size:12px;font-weight:700}.dua-topic-tile .dua-topic-card-count{padding-top:2px}.dua-plain-card{font-size:15px;line-height:1.45;display:block}.dua-topic-tile,.dua-chapter-row{align-items:center;gap:12px;display:flex}.dua-topic-tile .dua-time-icon{width:40px;height:40px}.dua-topic-tile-text,.dua-chapter-row-text{flex:1;gap:4px;min-width:0;display:grid}.dua-chapter-list,.dua-search-results,.dua-summary-groups,.dua-summary-list{gap:10px;display:grid}.dua-chapter-row{gap:14px}.dua-chapter-row-icon{background:var(--primary-subtle);height:48px;color:var(--primary);border-radius:50%;flex:0 0 48px;place-items:center;display:grid}.dua-chapter-row-number{color:var(--primary);font-size:14px;font-weight:700}.dua-chapter-row-title{overflow-wrap:anywhere;font-size:16px;line-height:1.4}.dua-summary-group h2{margin:12px 0 10px;font-size:14px;font-weight:700;line-height:1.4}.dua-summary-list{margin:0;padding:0;list-style:none}.dua-summary-row{align-items:flex-start;gap:12px;display:flex}.dua-summary-number{flex:none;font-size:14px;font-weight:700;line-height:1.6}.dua-summary-preview,.dua-side-preview{-webkit-line-clamp:2;overflow-wrap:anywhere;-webkit-box-orient:vertical;flex:1;min-width:0;display:-webkit-box;overflow:hidden}.dua-summary-preview{font-size:16px;line-height:1.5}:is(.dua-summary-preview,.dua-side-preview)[dir=rtl]{font-family:var(--font-arabic);font-size:18px;line-height:1.7}.dua-chapter-banner{background:var(--dua-sand);color:var(--text-primary);text-align:center;overflow-wrap:anywhere;border-radius:22px;margin:0;padding:14px 20px;font-size:14px;font-weight:700;line-height:1.35}.dua-feed,.dua-feed-cards{gap:14px;min-width:0;display:grid}.dua-side-list{display:none}.dua-card{flex-direction:column;padding:24px 18px 14px;scroll-margin-top:16px;display:flex}.dua-arabic{gap:6px;display:grid}.dua-arabic p{color:var(--text-primary);font-family:var(--font-arabic);text-align:center;margin:0;font-size:28px;font-weight:400;line-height:2.05}.dua-arabic p.dua-arabic-opening{color:var(--primary);font-size:22px}.dua-arabic>*+.dua-arabic-opening{margin-top:12px}.dua-counter{background:var(--primary-subtle);width:112px;height:112px;color:var(--primary);cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;border:0;border-radius:50%;align-self:center;place-items:center;margin-top:18px;display:grid;position:relative}.dua-counter.is-done{background:var(--primary);color:var(--text-inverse)}.dua-counter:focus-visible{outline:3px solid color-mix(in srgb, var(--primary) 40%, transparent);outline-offset:3px}.dua-counter-ring{position:absolute;inset:6px;transform:rotate(-90deg)}.dua-counter-ring circle{fill:none;stroke:currentColor;stroke-width:3px;transition:stroke-dasharray .18s}.dua-counter-value{font-family:Georgia,Times New Roman,serif;font-size:36px;line-height:1}.dua-counter .dua-icon{width:44px;height:44px}.dua-transliteration,.dua-meaning{text-align:center;overflow-wrap:anywhere;margin:16px 0 0;font-size:16px}.dua-transliteration{color:var(--text-secondary);font-style:italic;line-height:1.5}.dua-meaning{color:var(--primary);margin-top:18px;line-height:1.55}.dua-source-link{max-width:100%;color:var(--text-secondary);font:inherit;text-align:center;overflow-wrap:anywhere;cursor:pointer;background:0 0;border:0;border-radius:10px;align-self:center;margin-top:14px;padding:6px 10px;font-size:12px;font-weight:600;line-height:1.45}.dua-source-link:hover,.dua-source-link:focus-visible{background:var(--bg-subtle);color:var(--text-primary)}.dua-card .dua-action-error{text-align:center}.dua-action-bar{background:color-mix(in srgb, var(--primary-subtle) 70%, transparent);border-radius:22px;align-items:center;min-height:48px;margin-top:12px;display:flex}.dua-action{min-width:0;height:48px;color:var(--primary);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:22px;flex:1 1 0;place-items:center;padding:0;font-size:14px;font-weight:600;display:grid}.dua-action svg{width:24px;height:24px}.dua-action:hover:not(:disabled),.dua-action:focus-visible{background:color-mix(in srgb, var(--primary) 9%, transparent)}.dua-action:focus-visible,.dua-position:focus-visible,.dua-source-link:focus-visible{outline:2px solid var(--primary);outline-offset:-2px}.dua-action:disabled{color:color-mix(in srgb, var(--primary) 38%, transparent);cursor:default}.dua-action.is-error{color:var(--danger)}.dua-position{background:color-mix(in srgb, var(--panel) 70%, transparent);color:var(--text-primary);font-variant-numeric:tabular-nums;border-radius:14px;flex:none;margin-inline-end:8px;padding:6px 12px;font-size:14px;font-weight:600;text-decoration:none}.dua-position:hover{text-decoration:underline}.dua-audio{display:none}.dua-spinner{border:2px solid color-mix(in srgb, var(--primary) 22%, transparent);border-top-color:var(--primary);border-radius:50%;width:22px;height:22px;animation:.8s linear infinite dua-spin;display:inline-block}@keyframes dua-spin{to{transform:rotate(360deg)}}.dua-state{text-align:center;justify-items:center;gap:12px;padding:48px 24px;display:grid}.dua-state>.dua-icon{width:42px;height:42px;color:var(--primary)}.dua-state p{margin:0;font-size:16px;font-weight:600}.dua-state .dua-spinner{border-width:3px;width:32px;height:32px}.dua-retry{border:1px solid var(--border-strong);color:var(--primary);font:inherit;cursor:pointer;background:0 0;border-radius:999px;padding:10px 20px;font-weight:700}.dua-sheet{background:var(--panel);width:min(100% - 32px,560px);max-height:86dvh;color:var(--text-primary);border:0;border-radius:28px;padding:0 16px 16px;box-shadow:0 12px 40px #17201d38}.dua-sheet::backdrop{background:#00000052}.dua-sheet-head{justify-content:center;padding:14px 0 18px;display:flex;position:relative}.dua-sheet-handle{background:color-mix(in srgb, var(--text-secondary) 45%, transparent);border-radius:2px;width:32px;height:4px}.dua-sheet-close{top:4px;width:40px;height:40px;color:var(--text-secondary);cursor:pointer;background:0 0;border:0;border-radius:50%;font-size:24px;line-height:1;position:absolute;inset-inline-end:-6px}.dua-source-card{border:1px solid var(--border);border-radius:22px;padding-inline:16px}.dua-source-card summary{cursor:pointer;align-items:center;gap:16px;padding-block:14px;list-style:none;display:flex}.dua-source-card summary::-webkit-details-marker{display:none}.dua-source-card summary>.dua-icon{color:var(--primary)}.dua-source-seal{flex:none}.dua-source-card summary>span{flex:1;gap:2px;display:grid}.dua-source-card strong{font-size:16px;font-weight:600}.dua-source-card small{color:var(--text-secondary);font-size:14px}.dua-expand-icon{transition:transform .16s}.dua-source-card[open] .dua-expand-icon{transform:rotate(180deg)}.dua-source-rows{border-top:1px solid var(--border);margin:0;padding:4px 0 14px}.dua-source-row{gap:10px;padding-top:9px;display:flex}.dua-source-row dt{color:var(--text-secondary);flex:0 0 112px;font-size:12px;line-height:1.45}.dua-source-row dd{overflow-wrap:anywhere;flex:1;min-width:0;margin:0;font-size:14px;line-height:1.45}.dua-source-group{border-top:1px solid var(--border);margin-top:12px}.dua-snackbar{z-index:80;inset-inline:16px;bottom:calc(16px + var(--mobile-nav-space,0px));color:#fff;background:#24302b;border-radius:12px;max-width:560px;margin:0 auto;padding:14px 16px;font-size:14px;position:fixed;box-shadow:0 6px 20px #0003}.dua-snackbar:empty{display:none}@media (max-width:299px){.dua-topic-grid{grid-template-columns:1fr}}@media (min-width:720px){.dua-topic-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.dua-chapter-list{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:768px){.dua-sheet{width:100%;max-width:100%;padding-bottom:calc(16px + env(safe-area-inset-bottom,0px));border-radius:28px 28px 0 0;margin:auto 0 0}}@media (min-width:1024px){.dua-feed{grid-template-columns:minmax(0,760px);justify-content:center}.dua-feed.has-side-list{grid-template-columns:300px minmax(0,760px);align-items:start;gap:24px}.dua-chapter-banner{font-size:16px}.dua-arabic p{font-size:30px}.dua-arabic p.dua-arabic-opening{font-size:23px}.dua-side-list{border:1px solid var(--border);background:var(--panel);overscroll-behavior:contain;border-radius:22px;max-height:calc(100dvh - 32px);padding:8px;display:block;position:sticky;top:16px;overflow-y:auto}.dua-side-list ol{gap:2px;margin:0;padding:0;list-style:none;display:grid}.dua-side-list a{color:var(--text-secondary);border-radius:14px;gap:10px;padding:8px 10px;font-size:13px;line-height:1.45;text-decoration:none;display:flex}.dua-side-list a:hover{background:var(--bg-subtle);color:var(--text-primary)}.dua-side-list a[aria-current]{background:var(--primary-subtle);color:var(--primary-text)}.dua-side-position{min-width:20px;color:var(--primary);font-variant-numeric:tabular-nums;flex:none;font-weight:700}.dua-side-preview[dir=rtl]{font-size:16px}}@media (min-width:1100px){.dua-topic-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (prefers-reduced-motion:reduce){.dua-spinner{animation-duration:2.4s}.dua-counter-ring circle,.dua-expand-icon,:is(.dua-topic-card,.dua-topic-tile,.dua-plain-card,.dua-chapter-row,.dua-summary-row){transition:none}}.profile-favorites{gap:20px;display:grid}.profile-favorite-filters{border:1px solid var(--border);background:var(--bg-subtle);border-radius:999px;flex-wrap:wrap;gap:8px;width:fit-content;max-width:100%;padding:5px;display:flex}.profile-favorite-filter{min-height:38px;color:var(--text-secondary);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:999px;align-items:center;gap:8px;padding:8px 14px;font-size:13px;font-weight:700;transition:color .16s,background-color .16s,box-shadow .16s;display:inline-flex}.profile-favorite-filter span{background:color-mix(in srgb, var(--panel) 78%, var(--primary) 22%);border-radius:999px;place-items:center;min-width:22px;height:22px;padding:0 6px;font-size:11px;display:inline-grid}.profile-favorite-filter:hover,.profile-favorite-filter:focus-visible,.profile-favorite-filter.is-active{color:#fff;background:var(--primary);box-shadow:0 7px 18px color-mix(in srgb, var(--primary) 20%, transparent)}.profile-favorite-filter:focus-visible{outline:3px solid color-mix(in srgb, var(--accent-gold) 45%, transparent);outline-offset:2px}.profile-favorite-group{gap:16px;min-width:0;padding-top:4px;display:grid}.profile-favorite-group+.profile-favorite-group{border-top:1px solid var(--border);padding-top:22px}.profile-favorite-group-head{justify-content:space-between;align-items:flex-start;gap:14px;display:flex}.profile-favorite-group-head h4{color:var(--text-primary);font-size:17px}.profile-favorite-group-head p{color:var(--text-secondary);margin-top:4px;font-size:13px;line-height:1.5}.profile-favorites .dua-entry-list{grid-template-columns:repeat(auto-fit,minmax(min(320px,100%),1fr))}.profile-favorites .dua-entry-list.is-compact{grid-template-columns:1fr}.dua-entry-card.is-compact{border-radius:var(--radius-md);box-shadow:none;padding:11px 12px}.dua-entry-card.is-compact .dua-entry-head{align-items:center}.dua-entry-card.is-compact .dua-entry-head>div:first-child{align-items:center;gap:10px;min-width:0;display:flex}.dua-entry-card.is-compact .dua-entry-number{flex:none}.dua-entry-card.is-compact h3{min-width:0;margin:0}.dua-entry-card.is-compact .dua-entry-title-link{overflow-wrap:anywhere;display:block}.profile-favorite-empty{border:1px dashed var(--border-strong);border-radius:var(--radius-lg);color:var(--text-muted);text-align:center;justify-items:center;gap:10px;padding:28px 18px;display:grid}.profile-favorite-empty>span{color:#a94355;font-size:34px;line-height:1}.profile-bookmark-list{gap:10px;display:grid}.profile-bookmark-row{align-items:stretch;gap:10px;padding:8px}.profile-bookmark-link{border-radius:calc(var(--radius-md) - 3px);min-width:0;color:inherit;flex:360px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;padding:10px;text-decoration:none;transition:background-color .16s,color .16s,transform .16s;display:grid}.profile-bookmark-link:hover,.profile-bookmark-link:focus-visible{color:var(--primary);background:color-mix(in srgb, var(--primary-subtle) 74%, var(--panel));transform:translateY(-1px)}.profile-saved-icon .favorite-bookmark-icon{width:17px;height:17px;color:var(--primary)}.profile-bookmark-link:focus-visible{outline:3px solid color-mix(in srgb, var(--primary) 28%, transparent);outline-offset:1px}.profile-bookmark-copy{gap:4px;min-width:0;display:grid}.profile-bookmark-copy strong{color:var(--text-primary);line-height:1.4}.profile-bookmark-copy>span{color:var(--text-secondary);overflow-wrap:anywhere;font-size:12px;line-height:1.45}.profile-bookmark-arrow{color:var(--primary);font-size:18px;transition:transform .16s}.profile-bookmark-link:hover .profile-bookmark-arrow,.profile-bookmark-link:focus-visible .profile-bookmark-arrow{transform:translate(3px)}[dir=rtl] .profile-bookmark-arrow{transform:rotate(180deg)}[dir=rtl] .profile-bookmark-link:hover .profile-bookmark-arrow,[dir=rtl] .profile-bookmark-link:focus-visible .profile-bookmark-arrow{transform:rotate(180deg)translate(3px)}.profile-bookmark-edit{gap:10px;width:100%;display:grid}.profile-bookmark-actions{flex:none;align-self:center}.dua-entry-list{align-items:start;gap:14px;display:grid}.dua-entry-card{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--panel);min-width:0;box-shadow:var(--shadow-sm);padding:20px}.dua-entry-head{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.dua-entry-head h3{margin-top:3px;font-size:16px;line-height:1.35}.dua-entry-title-link{color:inherit;text-underline-offset:3px;text-decoration:none}.dua-entry-title-link:hover,.dua-entry-title-link:focus-visible{color:var(--primary);text-decoration:underline}.dua-entry-actions{flex:none;gap:8px;display:flex}.dua-icon-action{border:1px solid var(--border-strong);width:38px;height:38px;color:var(--primary);background:color-mix(in srgb, var(--panel) 88%, var(--primary) 12%);cursor:pointer;border-radius:50%;padding:9px;transition:transform .16s,border-color .16s,color .16s,background-color .16s,box-shadow .16s;display:inline-grid}.dua-icon-action svg{width:100%;height:100%}.dua-icon-action:hover,.dua-icon-action:focus-visible,.dua-icon-action.is-active{border-color:color-mix(in srgb, var(--primary) 52%, var(--border));color:var(--panel);background:var(--primary);box-shadow:0 7px 18px color-mix(in srgb, var(--primary) 22%, transparent);transform:translateY(-1px)}.dua-favorite-action.is-active,.dua-favorite-action:hover,.dua-favorite-action:focus-visible{border-color:var(--primary);color:#fff;background:var(--primary);box-shadow:0 7px 18px color-mix(in srgb, var(--primary) 22%, transparent)}.dua-icon-action:focus-visible{outline:3px solid color-mix(in srgb, var(--accent-gold) 46%, transparent);outline-offset:2px}.dua-icon-action:disabled{opacity:.55;cursor:wait;transform:none}.dua-audio-panel{border:1px solid color-mix(in srgb, var(--primary) 18%, var(--border));border-radius:var(--radius-md);background:color-mix(in srgb, var(--panel) 86%, var(--primary) 14%);gap:7px;margin-top:16px;padding:12px;display:grid}.dua-audio-panel audio{width:100%;min-height:40px}.dua-audio-panel p,.dua-audio-panel>span,.dua-action-error{color:var(--text-secondary);font-size:12px;line-height:1.45}.dua-audio-panel a{font-weight:700}.dua-audio-panel>span,.dua-action-error{color:var(--danger,#a53f4f)}.dua-action-error{margin-top:10px}.dua-entry-number{color:var(--accent-gold);font-size:12px;font-weight:700}@media (max-width:720px){.profile-favorite-filters{border-radius:var(--radius-lg);width:100%}.profile-favorite-filter{flex:auto;justify-content:center}}@media (prefers-reduced-motion:reduce){.dua-icon-action{transition:none}}.alert{border-radius:var(--radius-md);align-items:center;gap:10px;padding:12px 16px;font-size:14px;display:flex}.alert-error{background:var(--danger-subtle);border:1px solid var(--danger-border);color:#991b1b}.alert-success{background:var(--success-subtle);border:1px solid var(--success-border);color:#166534}.alert-info{color:#0369a1;background:#e0f2fe;border:1px solid #bae6fd}.legal-document{max-width:960px;margin-inline:auto}.legal-section{gap:14px;display:grid}.legal-section p,.legal-section li,.legal-contact-grid p,.legal-license-list dd{color:var(--text-secondary);line-height:1.75}.legal-section ul{gap:8px;padding-inline-start:24px;display:grid}.legal-contact-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:24px;display:grid}.legal-contact-grid>div{min-width:0}.legal-contact-grid a,.legal-license-list a{overflow-wrap:anywhere}.legal-license-list{gap:18px;display:grid}.legal-license-list article{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface-subtle);padding:18px}.legal-license-list h3{margin-bottom:12px;font-size:17px}.legal-license-list dl{gap:10px;display:grid}.legal-license-list dl>div{grid-template-columns:minmax(100px,.3fr) minmax(0,1fr);gap:12px;display:grid}.legal-license-list dt{color:var(--text-primary);font-weight:700}.app-footer{border-top:1px solid var(--border);color:var(--text-secondary);margin-top:40px;padding-top:32px}.footer-content{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:32px;display:flex}.footer-brand{flex-direction:column;gap:12px;max-width:400px;display:flex}.footer-brand p{font-size:14px;line-height:1.6}.footer-mobile-app{flex-direction:column;align-items:flex-start;gap:8px;margin-top:12px;display:flex}.footer-mobile-app h2{color:var(--text-primary);font-size:16px;font-weight:700;line-height:1.4}.footer-app-download{text-align:start;gap:8px;max-width:100%;min-height:44px;margin-top:4px}.footer-app-stores{flex-wrap:wrap;gap:12px;display:flex}.footer-store-badge{border:1px solid var(--border);min-height:60px;color:var(--text-primary);border-radius:12px;flex-direction:column;justify-content:center;gap:2px;padding:10px 16px;text-decoration:none;display:flex}.footer-store-badge span{font-size:12px;line-height:1.4}.footer-store-badge strong{font-size:18px;line-height:1.3}a.footer-store-badge:hover{border-color:var(--text-secondary)}.footer-brand .footer-app-availability{color:var(--text-primary);font-weight:600}.footer-links{flex-wrap:wrap;gap:48px;display:flex}.footer-column{flex-direction:column;gap:10px;display:flex}.footer-column-title{text-transform:uppercase;letter-spacing:.05em;color:var(--text-primary);font-size:13px;font-weight:700}.footer-column a{color:var(--text-secondary);font-size:14px}.footer-column a:hover{color:var(--primary)}.footer-social{border:1px solid color-mix(in srgb, var(--primary) 18%, var(--border));background:radial-gradient(circle at 0 0, color-mix(in srgb, var(--primary) 12%, transparent), transparent 42%), color-mix(in srgb, var(--surface) 95%, var(--primary) 5%);border-radius:20px;flex:1 0 100%;grid-template-columns:minmax(210px,.34fr) minmax(0,1fr);align-items:center;gap:24px;padding:22px;display:grid;position:relative;overflow:hidden}.footer-social-copy{z-index:1;gap:8px;display:grid;position:relative}.footer-social-copy p:last-child{max-width:390px;font-size:14px;line-height:1.55}.social-links,.social-links-list{min-width:0}.social-links-list{grid-template-columns:repeat(auto-fit,minmax(168px,1fr));gap:10px;margin:0;padding:0;list-style:none;display:grid}.social-link{--social-accent:var(--primary);border:1px solid var(--border);min-height:54px;color:var(--text-primary);background:color-mix(in srgb, var(--surface) 92%, transparent);border-radius:14px;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:10px;padding:8px 10px;transition:border-color .16s,box-shadow .16s,transform .16s;display:grid;overflow:hidden;box-shadow:0 4px 16px #0f172a0a}.social-link:hover,.social-link:focus-visible{border-color:color-mix(in srgb, var(--social-accent) 58%, var(--border));color:var(--text-primary);box-shadow:0 8px 22px color-mix(in srgb, var(--social-accent) 14%, transparent);transform:translateY(-1px)}.social-link:focus-visible{outline:3px solid color-mix(in srgb, var(--social-accent) 25%, transparent);outline-offset:2px}.social-link-icon{width:38px;height:38px;color:var(--social-accent);background:color-mix(in srgb, var(--social-accent) 12%, transparent);border-radius:11px;place-items:center;display:inline-grid}.social-platform-icon{width:22px;height:22px}.social-link-copy{min-width:0;line-height:1.2;display:grid}.social-link-copy strong,.social-link-copy small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.social-link-copy strong{font-size:13px}.social-link-copy small{color:var(--text-muted);margin-top:3px;font-size:11px}.social-link-external{color:var(--text-muted);font-size:13px}.social-link[data-platform=telegram]{--social-accent:#229ed9}.social-link[data-platform=youtube]{--social-accent:red}.social-link[data-platform=instagram]{--social-accent:#c13584}.social-link[data-platform=vk]{--social-accent:#07f}.social-link[data-platform=tiktok],.social-link[data-platform=x]{--social-accent:#111827}.social-link[data-platform=facebook]{--social-accent:#1877f2}.social-link[data-platform=threads]{--social-accent:#111827}.social-link[data-platform=whatsapp]{--social-accent:#128c7e}.social-link[data-platform=discord]{--social-accent:#5865f2}.social-link[data-platform=linkedin]{--social-accent:#0a66c2}.social-link[data-platform=pinterest]{--social-accent:#bd081c}.social-link[data-platform=odnoklassniki]{--social-accent:#ee8208}.social-link[data-platform=dzen],.social-link[data-platform=rutube]{--social-accent:#111827}.social-link[data-platform=github]{--social-accent:#24292f}.social-link[data-platform=reddit]{--social-accent:#ff4500}.social-link[data-platform=twitch]{--social-accent:#9146ff}.social-link[data-platform=snapchat]{--social-accent:#d1aa00}.social-link[data-platform=bluesky]{--social-accent:#087ff5}.footer-bottom{border-top:1px solid var(--border);text-align:center;color:var(--text-muted);margin-top:32px;padding-top:16px;font-size:13px}@media (min-width:1001px) and (max-width:1200px){.app-menu{gap:2px}.menu-link{gap:4px;padding-inline:8px;font-size:13px}}@media (min-width:1001px) and (max-width:1235px){.menu-link-soon{display:none}}@media (min-width:769px) and (max-width:1000px){.app-header{gap:10px;padding-inline:14px}.app-menu{gap:2px}.header-actions{gap:6px}.brand-link{gap:8px}.brand-mark{width:40px;height:40px;font-size:20px}.brand-title{font-size:16px}.menu-link{padding-inline:8px}.menu-label{display:none}.language-switcher{padding-inline:6px}.language-switcher select{min-width:74px;padding-inline:4px 22px}.header-actions .status-chip{padding-inline:9px}.header-actions .btn-sm{padding-inline:10px}}@media (max-width:860px){.footer-social{grid-template-columns:1fr}}@media (max-width:520px){.footer-links{gap:28px;width:100%}.footer-social{border-radius:16px;padding:16px}.social-links-list{grid-template-columns:1fr 1fr;gap:8px}.social-link{grid-template-columns:34px minmax(0,1fr);min-height:50px;padding:7px 8px}.social-link-icon{width:34px;height:34px}.social-link-external{display:none}}@media (max-width:380px){.social-links-list{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.today-progress-track>span,.today-palm-track>span{transition:none}.today-palm-photo.is-growing{animation:none}.prayer-reading-slot{transition:none}.prayer-reading-slot:hover:not(:disabled),.prayer-reading-slot:focus-visible{transform:none}.planner-day{transition:none}.planner-day:hover,.planner-day:focus-visible{transform:none}.social-link{transition:none}.social-link:hover,.social-link:focus-visible{transform:none}}@media (max-width:768px){.app-container{gap:16px;width:calc(100% - 24px);margin:12px auto 32px}.app-header{flex-direction:column;align-items:stretch;padding:14px;display:flex}.surface{border-radius:var(--radius-lg);padding:18px}.today-goal-form,.today-manual-form,.today-reading-body,.prayer-reading-form,.prayer-reading-manual-form,.prayer-reading-session{grid-template-columns:1fr}.prayer-reading-session-form{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.planner-stats,.planner-day-detail-grid,.planner-history-edit{grid-template-columns:repeat(2,minmax(0,1fr))}.planner-history-edit .planner-history-actions{grid-column:1/-1}.prayer-reading-slots{grid-template-columns:repeat(2,minmax(0,1fr))}.prayer-reading-footer{flex-direction:column;align-items:stretch}.today-streak{justify-content:start}.today-reading-actions,.today-reading-actions .btn{width:100%}.today-progress-copy,.prayer-reading-progress-copy{flex-direction:column;align-items:flex-start;gap:4px}.surface-head>*,.track-row>*{min-width:0;max-width:100%}.responsive-actions{width:100%}.responsive-actions .btn{white-space:normal}.track-row{flex-direction:column;align-items:flex-start;gap:10px}.track-row-main{grid-template-columns:auto minmax(0,1fr);width:100%}.track-surah-name-ar{grid-column:2;justify-self:start;padding-inline:0;font-size:22px}.track-row-actions{justify-content:flex-end;width:100%}.profile-bookmark-link,.profile-bookmark-actions{width:100%}.profile-bookmark-actions .btn{flex:1 1 0}.app-menu{flex-wrap:wrap;justify-content:center}.header-actions{flex-wrap:wrap;justify-content:space-between;min-width:0}.hero-card{justify-content:flex-end;align-items:flex-start;min-height:440px;padding:24px}.hero-content{width:100%;padding-top:42px}.hero-content h1{font-size:clamp(29px,9vw,40px)}.hero-content p{font-size:15px;line-height:1.55}.hero-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;width:100%;margin-top:20px;display:grid}.hero-actions .btn{white-space:normal;width:100%;min-width:0;padding:10px 8px;font-size:13px}.hero-carousel{inset-inline-end:14px;top:14px;bottom:auto}.hero-carousel-label{display:none}.seo-quran-hero{flex-direction:column}.seo-quran-hero .btn{width:100%}.seo-ayah-section{padding:18px}.seo-reciter-hero{grid-template-columns:1fr;justify-items:start}.seo-reciter-hero .btn{width:100%}.ayah-header{flex-direction:column;align-items:flex-start}.ayah-actions{justify-content:space-between;width:100%}.segmented-audio-settings-toggle{display:inline-flex}.global-audio-player-spacer{height:230px}.global-audio-player-spacer.is-compact{height:94px}.global-audio-player-dock{border-radius:var(--radius-lg);width:calc(100% - 16px);max-height:calc(100vh - 16px);padding:12px;bottom:8px}.global-audio-player-dock.has-player-background>.global-audio-player-body{padding:12px}.global-audio-player-dock.is-compact{grid-template-columns:minmax(0,1fr) auto;gap:8px;padding:10px;display:grid}.global-audio-player-dock.is-compact .segmented-audio-player{grid-template-columns:minmax(100px,.55fr) minmax(0,1.45fr) auto;gap:8px;display:grid}.global-audio-player-dock.is-compact .segmented-audio-summary,.global-audio-player-dock.is-compact .segmented-audio-native-controls{grid-column:auto}.global-audio-player-dock.is-compact .segmented-audio-settings-toggle{grid-area:auto;align-self:center}.global-audio-player-dock.is-compact .segmented-audio-native-controls audio{min-width:0;height:40px}.global-audio-player-dock.is-compact .segmented-audio-settings-label,.global-audio-player-link-label{display:none}.global-audio-player-dock.is-compact .segmented-audio-settings-toggle,.global-audio-player-actions .btn{width:36px;min-width:36px;padding-inline:8px}.global-audio-player-actions{grid-column:2;justify-self:end}.footer-content{flex-direction:column}}@media (max-width:360px){.app-container{width:calc(100% - 16px);margin-top:8px}.surface{padding:14px}.btn{white-space:normal;overflow-wrap:anywhere}.prayer-reading-slot-actions,.prayer-reading-session-form{grid-template-columns:1fr}.prayer-reading-session-form>*{grid-column:1}}@media (max-width:520px){.planner-page,.planner-dashboard{gap:16px}.planner-summary-actions,.planner-summary-actions .btn,.planner-range,.planner-range .btn,.home-planner-cta .btn{width:100%}.planner-range .btn{flex:1 1 0}.planner-calendar{gap:4px}.planner-weekday{padding-inline:1px;font-size:9px}.planner-day{text-align:center;align-items:center;gap:2px;min-height:58px;padding:5px 3px}.planner-day-number{font-size:14px}.planner-day-number em,.planner-day-state,.planner-day small{display:none}.planner-legend{gap:8px 10px}.planner-history-entry{grid-template-columns:auto minmax(0,1fr)}.planner-history-entry>.planner-history-actions{grid-column:1/-1;padding-inline-start:46px}.planner-history-edit,.planner-stats,.planner-day-detail-grid{grid-template-columns:1fr}.planner-history-edit .planner-history-actions{padding-inline-start:0}.global-audio-player-spacer.is-compact{height:158px}.global-audio-player-spacer.is-compact.has-reciter-controls{height:208px}.global-audio-player-dock.is-compact.has-reciter-controls .global-audio-player-head{grid-row:1}.global-audio-player-dock.is-compact.has-reciter-controls .segmented-audio-player{grid-row:2/span 2}.global-audio-player-dock.is-compact:not(.has-reciter-controls) .segmented-audio-player{grid-row:1/span 2}.global-audio-player-dock.is-compact .segmented-audio-player{grid-column:1;grid-template-columns:minmax(0,1fr) auto}.global-audio-player-dock.is-compact .segmented-audio-summary{grid-area:1/1}.global-audio-player-dock.is-compact .segmented-audio-settings-toggle{grid-area:1/2}.global-audio-player-dock.is-compact .segmented-audio-native-controls{grid-area:2/1/auto/-1;gap:6px}.global-audio-player-dock.has-reciter-controls .global-audio-player-actions{grid-row:2/span 2}.global-audio-player-dock:not(.has-reciter-controls) .global-audio-player-actions{grid-row:1/span 2}.global-audio-player-actions{flex-direction:column;grid-column:2;align-self:center}}svg.surah-name-art{vertical-align:middle;flex:none;width:auto;max-width:100%;height:1.8em;display:inline-block;overflow:visible}.surah-name-text{font-family:var(--font-arabic)}.home-surah-name,.profile-bookmark-surah{color:var(--primary);font-size:20px}svg.track-surah-name-ar{height:1.5em;padding-inline:0}.qf-mushaf-word.has-tajweed{cursor:pointer}.tajweed-legend{gap:8px;margin-top:12px;display:grid}.tajweed-legend-title{color:var(--text-secondary);margin:0;font-size:.8125rem;font-weight:600}.tajweed-legend-list{flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none;display:flex}.tajweed-chip{border:1px solid var(--border);border-radius:var(--radius-full);background:var(--panel);min-height:36px;color:var(--text-primary);font:inherit;cursor:pointer;align-items:center;gap:8px;padding:6px 12px;font-size:.875rem;display:inline-flex}.tajweed-chip:hover{background:var(--panel-hover)}.tajweed-chip:focus-visible,.tajweed-occurrences button:focus-visible,.tajweed-sheet-close:focus-visible{outline:2px solid var(--border-focus);outline-offset:2px}.tajweed-dot{border-radius:50%;flex:none;width:10px;height:10px;box-shadow:inset 0 0 0 1px #0000001f}.tajweed-sheet{background:var(--panel);width:min(100% - 32px,560px);max-height:86dvh;color:var(--text-primary);box-shadow:var(--shadow-lg);border:0;border-radius:28px;padding:0 16px 16px}.tajweed-sheet::backdrop{background:#00000052}.tajweed-sheet-head{justify-content:center;padding:14px 0 10px;display:flex;position:relative}.tajweed-sheet-handle{background:color-mix(in srgb, var(--text-secondary) 45%, transparent);border-radius:2px;width:32px;height:4px}.tajweed-sheet-close{top:4px;width:40px;height:40px;color:var(--text-secondary);cursor:pointer;background:0 0;border:0;border-radius:50%;font-size:24px;line-height:1;position:absolute;inset-inline-end:-6px}.tajweed-sheet-title{margin:0;font-size:1.125rem}.tajweed-sheet-title:focus{outline:none}.tajweed-sheet mark{background:color-mix(in srgb, var(--tajweed-color) 16%, transparent);color:var(--tajweed-color);border-radius:4px}.tajweed-word{flex-wrap:wrap;justify-content:center;align-items:baseline;gap:4px 12px;margin:8px 0 12px;display:flex}.tajweed-word>span{font-family:var(--font-arabic);font-size:2.5rem;line-height:1.7}.tajweed-word small{color:var(--text-secondary);font-family:var(--font-sans);font-size:.8125rem}.tajweed-rule{border-top:1px solid var(--border);padding:12px 0}.tajweed-rule-name{align-items:center;gap:8px;margin:0;font-size:1rem;display:flex}.tajweed-rule-variant{color:var(--text-secondary);font-weight:500}.tajweed-rule-arabic{color:var(--text-secondary);font-family:var(--font-arabic);margin:2px 0 0}.tajweed-rule h4{color:var(--text-secondary);margin:12px 0 4px;font-size:.8125rem}.tajweed-rule p{margin:0 0 6px;line-height:1.55}.tajweed-inline-arabic{font-family:var(--font-arabic);font-size:1.15em}.tajweed-letters{font-family:var(--font-arabic);font-size:1.75rem;line-height:1.7}.tajweed-occurrences{flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none;display:flex}.tajweed-occurrences button{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--panel);color:var(--text-primary);font:inherit;cursor:pointer;flex-direction:column;align-items:center;gap:2px;padding:4px 12px;display:inline-flex}.tajweed-occurrences button:hover{background:var(--panel-hover)}.tajweed-occurrences small{color:var(--text-secondary);font-size:.75rem}.tajweed-audio{border-top:1px solid var(--border);flex-wrap:wrap;align-items:center;gap:8px;padding-top:12px;display:flex}.tajweed-speed.is-active{border-color:var(--primary-border);background:var(--primary-subtle);color:var(--primary-text)}.tajweed-review-note{color:var(--text-muted);margin:12px 0 0;font-size:.75rem}@media (max-width:768px){.mushaf-tajweed-legend{padding-inline:16px}.tajweed-sheet{width:100%;max-width:100%;padding-bottom:calc(16px + env(safe-area-inset-bottom,0px));border-radius:28px 28px 0 0;margin:auto 0 0}}