.home{padding-bottom:var(--space-24)}.home-hero{gap:clamp(var(--space-7), 5vw, var(--space-12));border-bottom:1px solid color-mix(in srgb, var(--theme-border) 62%, transparent);align-items:start;padding:clamp(3rem,6vw,5rem) 0 clamp(4rem,8vw,7rem);display:grid}.home-hero-copy{gap:var(--space-5);align-content:start;max-width:42rem;display:grid}@media (width>=1040px){.home-hero-copy{grid-template-rows:auto auto auto 1fr;align-content:stretch;align-self:stretch}}.home-title{font-family:var(--font-heading);letter-spacing:-.045em;color:var(--theme-text);text-wrap:balance;max-width:15ch;margin:0;font-size:clamp(2.5rem,4.6vw,3.9rem);line-height:1.02}.home-lead{max-width:46ch;color:color-mix(in srgb, var(--theme-text) 80%, transparent);text-wrap:pretty;margin:0;font-size:clamp(1.05rem,1.5vw,1.2rem);line-height:1.7}.section-supporting,.faq-item p,.support-card p{color:color-mix(in srgb, var(--theme-text) 76%, transparent);margin:0;font-size:1.04rem;line-height:1.78}.hero-actions{align-items:center;gap:var(--space-4);margin-top:var(--space-2);flex-wrap:wrap;display:flex}.home-secondary-action{min-height:48px;color:color-mix(in srgb, var(--theme-text) 82%, transparent);transition:color var(--transition-fast,.15s) ease;align-items:center;font-size:1.02rem;font-weight:600;text-decoration:none;display:inline-flex}.home-secondary-action:hover{color:var(--color-primary-light)}.home-app-note{padding-top:var(--space-6);border-top:1px solid color-mix(in srgb, var(--theme-border) 50%, transparent);max-width:34rem;margin-top:auto}.home-app-note-title{margin:0 0 var(--space-2);font-family:var(--font-heading);color:var(--theme-text);font-size:1.02rem;font-weight:600}.home-app-note-copy{margin:0 0 var(--space-3);color:color-mix(in srgb, var(--theme-text) 74%, transparent);text-wrap:pretty;font-size:.98rem;line-height:1.65}.home-app-note-link{min-height:44px;color:var(--color-primary-light);transition:color var(--transition-fast,.15s) ease;align-items:center;font-size:.98rem;font-weight:600;text-decoration:none;display:inline-flex}.home-app-note-link:hover{color:var(--color-gold)}.reading-panel{gap:var(--space-4);border-radius:var(--radius-xl);border:1px solid color-mix(in srgb, var(--theme-border) 60%, transparent);background:color-mix(in srgb, var(--theme-bg-card) 78%, transparent);align-content:start;padding:clamp(1.3rem,2.6vw,1.7rem);display:grid}.reading-panel-arabic{font-family:var(--font-arabic);text-align:center;color:var(--color-gold);padding-bottom:var(--space-4);border-bottom:1px solid color-mix(in srgb, var(--theme-border) 40%, transparent);margin:0;font-size:clamp(1.5rem,2.6vw,1.9rem);line-height:1.8}.reading-streak{gap:var(--space-4);grid-template-columns:auto 1fr;align-items:center;display:grid}.reading-stat{gap:.15rem;display:grid}.reading-stat-value{font-family:var(--font-heading);color:var(--theme-text);font-variant-numeric:tabular-nums;align-items:baseline;gap:.35rem;font-size:1.9rem;font-weight:700;line-height:1;display:inline-flex}.reading-stat-flame{width:1.15rem;height:1.15rem;color:var(--color-gold)}.reading-stat-of{color:color-mix(in srgb, var(--theme-text) 52%, transparent);font-size:1.05rem;font-weight:600}.reading-stat-label{color:color-mix(in srgb, var(--theme-text) 62%, transparent);font-size:.82rem}.reading-stat--goal{padding-left:var(--space-4);border-left:1px solid color-mix(in srgb, var(--theme-border) 40%, transparent)}.reading-goal-track{border-radius:var(--radius-full);background:color-mix(in srgb, var(--theme-text) 12%, transparent);height:5px;margin-top:.45rem;display:block;overflow:hidden}.reading-goal-fill{border-radius:var(--radius-full);background:var(--color-primary-light);transform-origin:0;width:100%;height:100%;transition:transform var(--transition-base,.4s) var(--ease-out-quint,ease-out);display:block}.reading-status{color:color-mix(in srgb, var(--theme-text) 74%, transparent);margin:0;font-size:.92rem;line-height:1.5}.reading-status.is-complete{color:color-mix(in srgb, var(--color-primary-light) 82%, var(--theme-text) 18%);font-weight:600}.reading-goal-picker{padding-bottom:var(--space-1);flex-wrap:wrap;align-items:center;gap:.55rem .9rem;display:flex}.reading-goal-picker-label{letter-spacing:.14em;text-transform:uppercase;color:color-mix(in srgb, var(--theme-text-muted) 88%, transparent);font-size:.72rem}.reading-goal-options{align-items:center;gap:.4rem;display:flex}.reading-goal-option{border-radius:var(--radius-md);border:1px solid color-mix(in srgb, var(--theme-border) 55%, transparent);background:color-mix(in srgb, var(--theme-bg) 30%, transparent);min-width:44px;height:44px;color:color-mix(in srgb, var(--theme-text) 74%, transparent);font-family:var(--font-heading);cursor:pointer;transition:border-color var(--transition-fast,.15s) ease, background-color var(--transition-fast,.15s) ease, color var(--transition-fast,.15s) ease, transform var(--transition-fast,.15s) ease;padding:0 .5rem;font-size:.95rem;font-weight:600}.reading-goal-option:hover{border-color:color-mix(in srgb, var(--color-primary-light) 45%, transparent);color:var(--theme-text)}.reading-goal-option.is-active{background:var(--color-primary-hover);color:#fff;border-color:#0000}.reading-goal-option:active{transform:translateY(1px)}.reading-goal-unit{color:color-mix(in srgb, var(--theme-text) 56%, transparent);font-size:.84rem}.reading-goal-note{color:color-mix(in srgb, var(--theme-text) 62%, transparent);flex-basis:100%;margin:0;font-size:.82rem;line-height:1.45}.reading-resume{align-items:center;gap:var(--space-3);border-radius:var(--radius-lg);background:color-mix(in srgb, var(--theme-bg) 40%, transparent);border:1px solid color-mix(in srgb, var(--theme-border) 44%, transparent);transition:border-color var(--transition-base,.25s) var(--ease-out-quint,ease-out), background-color var(--transition-base,.25s) var(--ease-out-quint,ease-out), transform var(--transition-base,.25s) var(--ease-out-quint,ease-out);grid-template-columns:1fr auto;padding:.95rem 1.05rem;text-decoration:none;display:grid}.reading-resume:hover{border-color:color-mix(in srgb, var(--color-primary-light) 45%, transparent);background:color-mix(in srgb, var(--theme-bg) 55%, transparent);transform:translateY(-1px)}.reading-resume-label{letter-spacing:.14em;text-transform:uppercase;color:color-mix(in srgb, var(--color-primary-light) 78%, var(--theme-text) 22%);grid-column:1;font-size:.72rem}.reading-resume-where{grid-column:1;gap:.15rem;margin-top:.35rem;display:grid}.reading-resume-where strong{color:var(--theme-text);letter-spacing:-.01em;font-size:1.02rem;font-weight:600}.reading-resume-where span{color:color-mix(in srgb, var(--theme-text) 66%, transparent);font-size:.92rem;line-height:1.5}.reading-resume-go{color:var(--color-primary-light);transition:transform var(--transition-base,.25s) var(--ease-out-quint,ease-out);grid-area:1/2/span 2;align-self:center;font-size:1.3rem}.reading-resume:hover .reading-resume-go{transform:translate(3px)}.reading-panel-links{padding-top:var(--space-3);border-top:1px solid color-mix(in srgb, var(--theme-border) 36%, transparent);flex-wrap:wrap;gap:.9rem;display:flex}.reading-panel-link{min-height:44px;color:color-mix(in srgb, var(--theme-text) 70%, transparent);transition:color var(--transition-fast,.15s) ease;align-items:center;font-size:.94rem;text-decoration:none;display:inline-flex}.reading-panel-link:hover{color:var(--color-primary-light)}.verse-today-section{padding-top:clamp(2.5rem,5vw,3.5rem)}.verse-today{justify-items:center;gap:var(--space-4);border-radius:var(--radius-xl);text-align:center;border:1px solid color-mix(in srgb, var(--color-gold) 22%, var(--theme-border) 78%);background:radial-gradient(90% 130% at 50% 0%, color-mix(in srgb, var(--color-primary) 13%, transparent), transparent 70%), color-mix(in srgb, var(--theme-bg-card) 55%, transparent);margin:0;padding:clamp(2rem,5vw,3.25rem) clamp(1.25rem,5vw,3rem);display:grid}.verse-today-label{letter-spacing:.2em;text-transform:uppercase;color:var(--color-gold);font-size:.74rem;font-weight:600}.verse-today-arabic{font-family:var(--font-arabic);color:var(--theme-text);max-width:22ch;margin:0;font-size:clamp(1.9rem,4.5vw,3rem);line-height:1.85}.verse-today-translation{max-width:46ch;color:color-mix(in srgb, var(--theme-text) 88%, transparent);text-wrap:pretty;margin:0;font-size:clamp(1.1rem,1.8vw,1.35rem);line-height:1.6}.verse-today-source{justify-content:center;align-items:center;gap:var(--space-2) var(--space-5);margin-top:var(--space-2);color:color-mix(in srgb, var(--theme-text) 64%, transparent);flex-wrap:wrap;font-size:.95rem;display:flex}.verse-today-link{min-height:44px;color:var(--color-primary-light);transition:color var(--transition-fast,.15s) ease;align-items:center;font-weight:600;text-decoration:none;display:inline-flex}.verse-today-link:hover{color:var(--color-gold)}.home-section{padding-top:clamp(3rem,7vw,5rem)}.home-reading-section{padding-top:clamp(4rem,8vw,6.5rem)}.section-header{justify-content:space-between;align-items:end;gap:var(--space-5);margin-bottom:var(--space-7);padding-bottom:var(--space-4);border-bottom:1px solid color-mix(in srgb, var(--theme-border) 58%, transparent);display:flex}.home-section-header-stack{align-items:flex-start;gap:var(--space-4);flex-direction:column}.section-header h2{max-width:26ch;font-family:var(--font-heading);letter-spacing:-.035em;color:var(--theme-text);text-wrap:balance;margin:0;font-size:clamp(1.5rem,2.4vw,2.05rem);line-height:1.08}.section-supporting{max-width:34rem}.home-reading-support{margin-top:var(--space-3);max-width:42ch}.text-link{color:color-mix(in srgb, var(--color-primary-light) 84%, var(--theme-text) 16%);transition:color var(--transition-fast) ease;font-weight:600;text-decoration:none}.text-link:hover{color:var(--theme-text)}.surah-row:focus-visible,.support-card:focus-visible{border-radius:1.15rem}.surah-list{gap:var(--space-2);display:grid}.surah-row{align-items:center;gap:var(--space-4);padding:var(--space-4) var(--space-5);color:var(--theme-text-muted);transition:background-color var(--transition-base) var(--ease-out-quint), border-color var(--transition-base) var(--ease-out-quint), transform var(--transition-base) var(--ease-out-quint);border:1px solid #0000;border-radius:1.15rem;grid-template-columns:60px 1fr auto;text-decoration:none;display:grid}.surah-row:hover{background:color-mix(in srgb, var(--theme-text) 3%, transparent);border-color:color-mix(in srgb, var(--theme-border) 50%, transparent);transform:translateY(-1px)}.surah-num{font-family:var(--font-mono);font-size:var(--font-size-sm);color:var(--theme-text-muted);font-variant-numeric:tabular-nums}.surah-en-group{align-items:center;gap:var(--space-3);display:flex}.surah-revelation-icon.meccan{color:var(--manuscript-gold,var(--color-gold))}.surah-revelation-icon.medinan{color:color-mix(in srgb, var(--color-primary-light) 88%, var(--theme-text) 12%)}.surah-en-copy{gap:.1rem;display:grid}.surah-en{font-family:var(--font-sans);letter-spacing:-.01em;color:var(--theme-text);font-size:clamp(1rem,1.4vw,1.12rem);font-weight:600}.surah-blurb{color:color-mix(in srgb, var(--theme-text) 58%, transparent);font-size:.86rem;line-height:1.35}.surah-ar{font-family:var(--font-arabic);font-size:var(--font-size-arabic-base);color:var(--manuscript-gold,var(--color-gold))}.support-grid,.faq-list{gap:var(--space-4);display:grid}.support-card,.faq-item{gap:var(--space-3);padding:var(--space-6);border:1px solid color-mix(in srgb, var(--theme-border) 44%, transparent);background:color-mix(in srgb, var(--theme-bg-card) 42%, transparent);color:inherit;border-radius:1.35rem;text-decoration:none;display:grid}.faq-item{padding:clamp(var(--space-4), 4vw, var(--space-6)) clamp(var(--space-5), 5vw, var(--space-7));align-self:start;display:block}.faq-item-summary{justify-content:space-between;align-items:center;gap:var(--space-4);cursor:pointer;min-height:44px;list-style:none;display:flex}.faq-item-summary::-webkit-details-marker{display:none}.faq-item-marker{width:.75rem;height:.75rem;color:color-mix(in srgb, var(--theme-text) 62%, transparent);transition:transform var(--transition-base,.25s) var(--ease-out-quint,ease-out);flex:none;position:relative}.faq-item-marker:before,.faq-item-marker:after{content:"";border-radius:var(--radius-full);background:currentColor;height:1.5px;position:absolute;inset:50% 0 auto}.faq-item-marker:after{transition:opacity var(--transition-fast,.15s) ease;transform:rotate(90deg)}.faq-item[open] .faq-item-marker:after{opacity:0}.faq-item-answer{gap:var(--space-3);padding-top:var(--space-4);display:grid}.support-card h3,.faq-item h3{font-family:var(--font-heading);letter-spacing:-.02em;color:var(--theme-text);margin:0;font-size:clamp(1.14rem,1.7vw,1.36rem);line-height:1.14}.support-card-link{margin-top:var(--space-1);color:color-mix(in srgb, var(--color-primary-light) 82%, var(--theme-text) 18%);align-items:center;font-size:.84rem;font-weight:600;display:inline-flex}@media (width>=768px){.support-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width>=840px){.surah-list{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width>=1040px){.home-hero{grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr)}}@media (width>=900px){.faq-list{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=899px){.section-header{flex-direction:column;align-items:start}.section-header h2{max-width:18ch}}@media (width<=767px){.home{padding-bottom:var(--space-18)}.home-hero{padding-top:var(--space-7)}.home-title{max-width:14ch}.hero-actions{grid-template-columns:1fr;justify-items:start;display:grid}.surah-row{gap:var(--space-3);padding:var(--space-4);grid-template-columns:48px minmax(0,1fr)}.surah-ar{grid-column:2}}