:root{--nq-brand-green:#0b6841;--nq-brand-green-deep:#063b25;--nq-brand-green-soft:#ddede4;--nq-brand-gold:#c99532;--nq-brand-gold-deep:#8a611b;--nq-brand-gold-soft:#f4e7c8;--nq-surface:#fffdf8;--nq-surface-warm:#f7f2e8;--nq-surface-elevated:#fff;--nq-surface-subtle:#eee7da;--nq-text-primary:#17221c;--nq-text-secondary:#44534b;--nq-text-muted:#68766e;--nq-text-on-brand:#fffdf8;--nq-text-on-brand-muted:#e3ece6;--nq-text-on-accent:#fffdf8;--nq-brand-hero:#063b25;--nq-border-subtle:#d9d3c7;--nq-success:#247a52;--nq-warning:#9a6817;--nq-danger:#a43d45;--nq-info:#2e6678;--nq-radius-sm:.5rem;--nq-radius:.75rem;--nq-radius-lg:1rem;--nq-shadow-low:0 1px 2px #12231a0f, 0 8px 24px #12231a0d;--nq-shadow-overlay:0 18px 48px #0a181129;--nq-motion-fast:.12s;--nq-motion-default:.18s;--nq-motion-slow:.26s;--nq-ease-standard:cubic-bezier(.2, 0, 0, 1);--nq-content-reading:46rem;--nq-content-study:62rem;--nq-content-app:90rem;--nq-font-interface:Inter, ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;--nq-font-quran:"Noor Scheherazade", "Scheherazade New", "Amiri Quran", "Noto Naskh Arabic", serif;--nq-quran-small:1.75rem;--nq-quran-default:2.125rem;--nq-quran-large:2.625rem;--nq-quran-xlarge:3.25rem;--nq-quran-line-height:2.05;--nq-quran-ayah-spacing:2rem;--nq-quran-word-spacing:.08em}[data-theme=dark]{--nq-surface:#101914;--nq-surface-warm:#15221b;--nq-surface-elevated:#1b2a22;--nq-surface-subtle:#24352c;--nq-text-primary:#f3efe6;--nq-text-secondary:#cbd3cd;--nq-text-muted:#a4b0a8;--nq-text-on-brand:#fffdf8;--nq-text-on-brand-muted:#e3ece6;--nq-text-on-accent:#102018;--nq-brand-hero:#063b25;--nq-border-subtle:#34463c;--nq-success:#63c698;--nq-warning:#e1b965;--nq-danger:#e18a91;--nq-info:#78bdcf;--nq-brand-green:#63c698;--nq-brand-green-deep:#d9f3e5;--nq-brand-green-soft:#203b2f;--nq-brand-gold:#ddb35d;--nq-brand-gold-deep:#f1d99d;--nq-brand-gold-soft:#3b321f}@media (prefers-reduced-motion:reduce){:root{--nq-motion-fast:.01ms;--nq-motion-default:.01ms;--nq-motion-slow:.01ms}}
@font-face{font-family:Noor Scheherazade;src:url(/fonts/ScheherazadeNew-4.500-Regular.woff2)format("woff2");font-display:swap;font-weight:400}*{box-sizing:border-box}.qa-fixture-banner{background:var(--nq-danger);color:#fff;text-align:center;padding:.55rem 1rem;font-size:.8rem;font-weight:800}html{background:var(--nq-surface);color:var(--nq-text-primary);scroll-behavior:smooth}body{background:var(--nq-surface);min-width:320px;color:var(--nq-text-primary);font-family:var(--nq-font-interface);margin:0;font-size:1rem;line-height:1.55}a{color:inherit;text-underline-offset:.18em;text-decoration-thickness:.08em}button,input,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}:focus-visible{outline:.1875rem solid var(--nq-brand-gold-deep);outline-offset:.1875rem}.skip-link{z-index:100;border-radius:var(--nq-radius-sm);background:var(--nq-brand-green-deep);color:var(--nq-text-on-brand);padding:.7rem 1rem;position:fixed;top:.75rem;left:.75rem;transform:translateY(-180%)}.skip-link:focus{transform:none}.app-header{z-index:40;border-bottom:1px solid var(--nq-border-subtle);background:color-mix(in srgb, var(--nq-surface) 92%, transparent);-webkit-backdrop-filter:blur(.75rem);backdrop-filter:blur(.75rem);position:sticky;top:0}.app-header__inner{width:min(100% - 2rem, var(--nq-content-app));align-items:center;gap:2rem;min-height:4.5rem;margin:auto;display:flex}.brand-link{border-radius:var(--nq-radius-sm);flex-shrink:0;display:inline-flex}.brand-link img{object-fit:contain;width:9.75rem;height:auto}.desktop-nav{align-items:center;gap:1.5rem;margin-left:auto;display:flex}.desktop-nav a{font-weight:650;text-decoration:none}.desktop-nav [aria-disabled=true]{color:var(--nq-text-muted)}.desktop-nav small{text-transform:uppercase;letter-spacing:.08em;font-size:.62rem}.desktop-tools{align-items:center;gap:.65rem;display:flex}.account-link{font-weight:700;text-decoration:none}.icon-button{border:1px solid var(--nq-border-subtle);background:var(--nq-surface-elevated);min-width:2.75rem;min-height:2.75rem;color:var(--nq-text-primary);cursor:pointer;border-radius:999px}main{min-height:calc(100vh - 4.5rem)}.page-shell{width:min(100% - 2rem, var(--nq-content-app));margin:auto;padding:clamp(2rem,5vw,5rem) 0 7rem}.reading-shell{width:min(100% - 2rem, var(--nq-content-reading));margin:auto;padding:2rem 0 7rem}.eyebrow{color:var(--nq-brand-green);letter-spacing:.12em;text-transform:uppercase;margin:0 0 .6rem;font-size:.78rem;font-weight:800}h1,h2,h3{text-wrap:balance;line-height:1.15}h1{letter-spacing:-.045em;margin:0;font-size:clamp(2.25rem,7vw,5.25rem)}h2{margin-top:0;font-size:clamp(1.45rem,3vw,2.2rem)}.lede{max-width:42rem;color:var(--nq-text-secondary);font-size:clamp(1.05rem,2vw,1.25rem)}.hero{background:var(--nq-brand-hero);min-height:30rem;color:var(--nq-text-on-brand);border-radius:clamp(1rem,3vw,2rem);align-content:center;padding:clamp(2rem,7vw,6rem);display:grid;position:relative;overflow:hidden}.hero:after{content:"";border:1px solid color-mix(in srgb, var(--nq-brand-gold) 42%, transparent);width:26rem;height:26rem;box-shadow:0 0 0 3rem color-mix(in srgb, var(--nq-brand-gold) 7%, transparent), 0 0 0 7rem color-mix(in srgb, var(--nq-brand-gold) 4%, transparent);border-radius:50%;position:absolute;bottom:-13rem;right:-9rem}.hero>*{z-index:1;max-width:46rem;position:relative}.hero .eyebrow{color:var(--nq-brand-gold-soft)}.hero h1{font-size:clamp(2.75rem,8vw,6.5rem)}.hero p{color:var(--nq-text-on-brand-muted)}.actions{flex-wrap:wrap;gap:.75rem;margin-top:1.75rem;display:flex}.button{border-radius:var(--nq-radius);background:var(--nq-brand-green);min-height:2.75rem;color:var(--nq-text-on-accent);border:1px solid #0000;justify-content:center;align-items:center;padding:.65rem 1rem;font-weight:750;text-decoration:none;display:inline-flex}.button--light{background:var(--nq-text-on-brand);color:var(--nq-brand-hero)}.button--quiet{border-color:var(--nq-border-subtle);background:var(--nq-surface-elevated);color:var(--nq-text-primary)}.section{padding-top:clamp(3rem,7vw,6rem)}.grid{grid-template-columns:repeat(12,1fr);gap:1rem;display:grid}.card{border:1px solid var(--nq-border-subtle);border-radius:var(--nq-radius-lg);background:var(--nq-surface-elevated);box-shadow:var(--nq-shadow-low);grid-column:span 4;padding:1.35rem}.card p{color:var(--nq-text-secondary)}.card--wide{grid-column:span 8}.card--accent{background:var(--nq-brand-green-soft)}.status{background:var(--nq-brand-gold-soft);color:var(--nq-warning);border-radius:999px;align-items:center;gap:.45rem;padding:.35rem .65rem;font-size:.8rem;font-weight:750;display:inline-flex}.status:before{content:"";background:currentColor;border-radius:50%;width:.5rem;height:.5rem}.catalogue-head{justify-content:space-between;align-items:end;gap:1.5rem;margin-bottom:2rem;display:flex}.search-field{width:min(100%,24rem)}.search-field label{margin-bottom:.35rem;font-weight:700;display:block}.button--hero-quiet{border-color:color-mix(in srgb, var(--nq-text-on-brand) 45%, transparent);color:var(--nq-text-on-brand);background:0 0}.home-hero{grid-template-columns:minmax(0,1.55fr) minmax(15rem,.75fr);align-items:center;gap:clamp(2rem,6vw,6rem)}.home-hero__verse{z-index:1;border:1px solid color-mix(in srgb, var(--nq-brand-gold) 45%, transparent);text-align:center;background:color-mix(in srgb, var(--nq-brand-green-deep) 78%, transparent);min-height:18rem;box-shadow:inset 0 0 0 1rem color-mix(in srgb, var(--nq-brand-gold) 6%, transparent);border-radius:50% 50% 44% 56%/55% 43% 57% 45%;place-content:center;padding:2rem;display:grid;position:relative}.home-hero__verse span{font-family:var(--nq-font-quran);color:var(--nq-brand-gold-soft);direction:rtl;font-size:clamp(2.1rem,4vw,3.5rem)}.home-hero__verse small{color:var(--nq-text-on-accent);letter-spacing:.08em;text-transform:uppercase}.app-footer{width:min(100% - 2rem, var(--nq-content-app));border-top:1px solid var(--nq-border-subtle);color:var(--nq-text-secondary);grid-template-columns:1fr auto;gap:.75rem 2rem;margin:4rem auto 6rem;padding:2rem 0;display:grid}.app-footer strong{color:var(--nq-text-primary)}.app-footer p{margin:.2rem 0}.app-footer nav{gap:1rem;display:flex}.app-footer small{grid-column:1/-1}.search-field input{border:1px solid var(--nq-border-subtle);border-radius:var(--nq-radius);background:var(--nq-surface-elevated);width:100%;min-height:3rem;color:var(--nq-text-primary);padding:.65rem .85rem}.surah-list{border-top:1px solid var(--nq-border-subtle)}.surah-row{border-bottom:1px solid var(--nq-border-subtle);grid-template-columns:3rem minmax(0,1fr) auto;align-items:center;gap:1rem;min-height:5.25rem;text-decoration:none;display:grid}.surah-row:hover{background:var(--nq-surface-warm)}.surah-number{background:var(--nq-brand-green-soft);width:2.35rem;height:2.35rem;color:var(--nq-brand-green-deep);border-radius:50%;place-items:center;font-weight:800;display:grid}.surah-name strong{display:block}.surah-name span,.surah-meta{color:var(--nq-text-muted);font-size:.9rem}.surah-arabic{font-family:var(--nq-font-quran);direction:rtl;font-size:1.75rem;line-height:1.3}.notice{border-left:.25rem solid var(--nq-warning);border-radius:0 var(--nq-radius) var(--nq-radius) 0;background:var(--nq-brand-gold-soft);padding:1.25rem}.source-list{gap:1rem;display:grid}.source-section{border:1px solid var(--nq-border-subtle);border-radius:var(--nq-radius-lg);background:var(--nq-surface-elevated);padding:1.5rem}.source-section dl{grid-template-columns:minmax(8rem,.3fr) 1fr;gap:.6rem 1rem;display:grid}.quran-browse-tabs{flex-wrap:wrap;gap:.45rem;margin:1.25rem 0;display:flex}.quran-browse-tabs a{border:1px solid var(--nq-border-subtle);border-radius:999px;align-items:center;min-height:2.75rem;padding:.55rem .9rem;font-weight:750;text-decoration:none;display:inline-flex}.quran-browse-tabs [aria-current=page]{background:var(--nq-brand-green);color:var(--nq-text-on-accent);border-color:var(--nq-brand-green)}.source-section dt{color:var(--nq-text-muted)}.source-section dd{margin:0}.quran-placeholder{border:1px solid var(--nq-border-subtle);border-radius:var(--nq-radius-lg);background:var(--nq-surface-warm);text-align:center;margin-top:2rem;padding:clamp(1.5rem,5vw,3rem)}.quran-placeholder p{max-width:34rem;color:var(--nq-text-secondary);margin-inline:auto}.reader-title{text-align:center;padding:2.5rem 0 1.5rem}.reader-title h1{font-size:clamp(2.25rem,6vw,4.5rem)}.reader-title .surah-arabic{font-size:clamp(2rem,5vw,3.25rem)}.quran-ayah{padding:var(--nq-quran-ayah-spacing) 0;border-bottom:1px solid var(--nq-border-subtle);font-family:var(--nq-font-quran);font-size:clamp(var(--nq-quran-small), 5vw, var(--nq-quran-large));line-height:var(--nq-quran-line-height);word-spacing:var(--nq-quran-word-spacing);text-align:right;margin:0}.ayah-number{border:1px solid var(--nq-border-subtle);min-width:2rem;min-height:2rem;font-family:var(--nq-font-interface);direction:ltr;border-radius:50%;place-items:center;font-size:.75rem;display:inline-grid}.skeleton{background:var(--nq-surface-subtle);border-radius:.5rem;height:1rem;margin:.8rem 0}.skeleton:nth-child(2){width:86%}.skeleton:nth-child(3){width:65%}.reader-page{--reader-font-scale:1;max-width:100%}.reader-topbar,.reader-topbar__actions,.reader-release-line,.reader-pagination{justify-content:space-between;align-items:center;gap:.75rem;display:flex}.reader-topbar{min-height:3rem}.reader-topbar__actions{flex-wrap:wrap}.offline-badge{color:var(--nq-success);font-weight:750}.reader-navigation{z-index:20;border:1px solid var(--nq-border-subtle);border-radius:var(--nq-radius-lg);background:color-mix(in srgb, var(--nq-surface-elevated) 94%, transparent);-webkit-backdrop-filter:blur(.6rem);backdrop-filter:blur(.6rem);grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem;padding:.75rem;display:grid;position:sticky;top:4.75rem}.reader-navigation label,.reader-settings label{color:var(--nq-text-secondary);gap:.35rem;font-size:.8rem;font-weight:750;display:grid}.reader-navigation select,.reader-settings select,.reader-settings input{border:1px solid var(--nq-border-subtle);border-radius:var(--nq-radius-sm);background:var(--nq-surface-elevated);width:100%;min-height:2.75rem;color:var(--nq-text-primary);padding:.45rem .6rem}.reader-state{border:1px solid var(--nq-border-subtle);border-radius:var(--nq-radius-lg);background:var(--nq-surface-warm);text-align:center;margin-top:2rem;padding:clamp(1.5rem,5vw,3rem)}.reader-state p{max-width:38rem;color:var(--nq-text-secondary);margin-inline:auto}.reader-state--integrity-failure{border-color:var(--nq-danger)}.reader-release-line{color:var(--nq-text-muted);margin:1rem 0;font-size:.8rem}.reader-release-line span:last-child{color:var(--nq-success);font-weight:750}.reader-boundary{border-left:.25rem solid var(--nq-info);background:var(--nq-surface-warm);color:var(--nq-text-secondary);margin:1rem 0;padding:1rem}.study-panel{border:1px solid var(--nq-border-subtle);border-radius:var(--nq-radius-lg);background:var(--nq-surface-warm);gap:1rem;margin:1rem 0;padding:1.25rem;display:grid}.study-panel h2{margin-bottom:.35rem}.study-panel p{color:var(--nq-text-secondary)}.study-label{color:var(--nq-brand-green);letter-spacing:.08em;text-transform:uppercase;margin:0;font-size:.75rem;font-weight:800}.study-selector{gap:.35rem;font-weight:750;display:grid}.study-selector select{border:1px solid var(--nq-border-subtle);border-radius:var(--nq-radius-sm);background:var(--nq-surface-elevated);min-height:2.75rem;color:var(--nq-text-primary);padding:.5rem}.study-status-list{gap:.5rem;margin:0;padding:0;list-style:none;display:grid}.study-status-list li{border-bottom:1px solid var(--nq-border-subtle);grid-template-columns:minmax(5rem,.35fr) 1fr auto;gap:.75rem;padding:.65rem 0;display:grid}.study-status-list strong{color:var(--nq-warning);font-size:.8rem}.translation-layer{border-left:.2rem solid var(--nq-brand-gold);background:var(--nq-surface-elevated);margin-top:1rem;padding:1rem}.translation-copy{color:var(--nq-text-secondary);line-height:1.75}.translation-source{color:var(--nq-text-muted);font-size:.8rem}.footnote-trigger{min-height:2.75rem}.study-sheet{z-index:120;background:#00000073;place-items:center;padding:1rem;display:grid;position:fixed;inset:0}.study-sheet>div{border-radius:var(--nq-radius-lg);background:var(--nq-surface-elevated);width:min(40rem,100%);max-height:80vh;padding:1.5rem;overflow:auto}.quran-reading{max-width:var(--nq-content-reading);margin-inline:auto}.reader-width--wide .quran-reading{max-width:var(--nq-content-study)}.ayah-block{border-radius:var(--nq-radius);transition:background var(--nq-motion-default) var(--nq-ease-standard);padding:0 .8rem;position:relative}.ayah-block[data-selected]{background:var(--nq-brand-green-soft);box-shadow:inset .2rem 0 var(--nq-brand-green)}.ayah-block:focus-visible{outline-offset:-.1rem}.ayah-block .quran-ayah{font-size:calc(var(--nq-quran-default) * var(--reader-font-scale));overflow-wrap:anywhere}.reader-spacing--compact .quran-ayah{padding-block:1rem;line-height:1.75}.reader-spacing--generous .quran-ayah{padding-block:2.75rem;line-height:2.25}.quran-bismillah{font-family:var(--nq-font-quran);font-size:calc(var(--nq-quran-large) * var(--reader-font-scale));line-height:var(--nq-quran-line-height);text-align:center;margin:1.5rem 0 .5rem}.ayah-identity{min-height:2.75rem;color:var(--nq-text-muted);justify-content:space-between;align-items:center;gap:1rem;font-size:.8rem;display:flex}.ayah-identity button,.ayah-actions button{border:1px solid var(--nq-border-subtle);border-radius:var(--nq-radius-sm);background:var(--nq-surface-elevated);min-height:2.75rem;color:var(--nq-text-primary);cursor:pointer;padding:.45rem .75rem}.ayah-actions{flex-wrap:wrap;gap:.5rem;padding:.75rem 0 1rem;display:flex}.ayah-actions button:disabled{cursor:not-allowed;opacity:.62}.reader-feedback{min-height:1.6rem;color:var(--nq-success);font-size:.9rem}.reader-pagination{border-top:1px solid var(--nq-border-subtle);margin-top:1rem;padding-top:1rem}.reader-page--mushaf .quran-reading{border:1px solid var(--nq-border-subtle);border-radius:var(--nq-radius-lg);background:var(--nq-surface-warm);padding:clamp(1rem,4vw,2.5rem)}.reader-page--mushaf .quran-ayah{text-align:justify}.reader-settings-backdrop{z-index:100;background:#00000061;place-items:end;display:grid;position:fixed;inset:0}.reader-settings{border-radius:var(--nq-radius-lg) 0 0 0;background:var(--nq-surface-elevated);width:min(30rem,100%);max-height:90vh;box-shadow:var(--nq-shadow-overlay);padding:1.5rem;overflow-y:auto}.reader-settings header{justify-content:space-between;align-items:start;gap:1rem;display:flex}.reader-settings label{margin-top:1.25rem;font-size:.95rem}.reader-settings output{justify-self:end}.reader-settings input[type=range]{padding:0}.field-note{color:var(--nq-text-muted);font-size:.85rem}.account-page{max-width:52rem}.account-page h1{font-size:clamp(2.4rem,6vw,4.6rem)}.account-form,.account-stack{gap:1rem;margin-top:2rem;display:grid}.account-form{max-width:34rem}.account-form label,.account-stack label,.card form label{gap:.4rem;font-weight:750;display:grid}.account-form input,.account-stack input,.card input,.card textarea{border:1px solid var(--nq-border-subtle);border-radius:var(--nq-radius-sm);background:var(--nq-surface-elevated);width:100%;min-height:3rem;color:var(--nq-text-primary);padding:.65rem .8rem}.card textarea{resize:vertical;min-height:8rem}.button--danger{background:var(--nq-danger);color:#fff}.library-layout{grid-template-columns:minmax(14rem,.3fr) minmax(0,1fr);gap:1.25rem;margin-top:2rem;display:grid}.library-layout>aside{align-self:start}.library-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;display:grid}.library-grid .card{grid-column:auto}.library-record{border-top:1px solid var(--nq-border-subtle);justify-content:space-between;align-items:center;gap:1rem;min-height:3rem;padding-block:.55rem;display:flex}.library-record button{min-height:2.75rem;color:var(--nq-danger);cursor:pointer;background:0 0;border:0}.mobile-nav,.more-sheet{display:none}.listen-page .notice{margin-top:1.5rem}.listen-continue{border:1px solid var(--nq-border-subtle);border-radius:var(--nq-radius-lg);background:var(--nq-surface-warm);margin-top:1.5rem;padding:1.5rem}.listen-continue p:last-child{color:var(--nq-text-secondary)}.reciter-list{border-top:1px solid var(--nq-border-subtle)}.reciter-row{border-bottom:1px solid var(--nq-border-subtle);grid-template-columns:minmax(0,1.25fr) minmax(0,.75fr) auto;align-items:center;gap:1rem;min-height:5.5rem;padding:1rem 0;display:grid}.reciter-row div{display:grid}.reciter-row span{color:var(--nq-text-muted);font-size:.85rem}.review-label{color:var(--nq-warning);text-transform:uppercase;letter-spacing:.06em;font-size:.78rem}.audio-mini{z-index:60;border:1px solid var(--nq-border-subtle);border-radius:var(--nq-radius-lg);background:var(--nq-surface-elevated);width:min(100% - 2rem,52rem);min-height:4.75rem;box-shadow:var(--nq-shadow-overlay);grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.75rem;padding:.7rem;display:grid;position:fixed;bottom:1rem;left:50%;transform:translate(-50%)}.audio-primary{background:var(--nq-brand-green);min-width:3.25rem;min-height:3.25rem;color:var(--nq-text-on-accent);cursor:pointer;border:0;border-radius:999px;padding:.55rem .8rem;font-weight:800}.audio-mini__identity{min-width:0;display:grid}.audio-mini__identity strong,.audio-mini__identity span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.audio-mini__identity span{color:var(--nq-text-muted);font-size:.78rem}.audio-mini progress{width:100%;height:.3rem;accent-color:var(--nq-brand-green);margin-top:.3rem}.audio-expanded-backdrop{z-index:130;background:#00000075;place-items:center;padding:1rem;display:grid;position:fixed;inset:0}.audio-expanded{border-radius:var(--nq-radius-lg);background:var(--nq-surface-elevated);width:min(42rem,100%);max-height:min(90vh,50rem);box-shadow:var(--nq-shadow-overlay);padding:clamp(1.25rem,4vw,2rem);overflow-y:auto}.audio-expanded header{justify-content:space-between;align-items:start;gap:1rem;display:flex}.audio-expanded header p{color:var(--nq-text-secondary)}.audio-timeline{gap:.5rem;margin:2rem 0 1rem;font-weight:750;display:grid}.audio-timeline input{width:100%;min-height:2.75rem;accent-color:var(--nq-brand-green)}.audio-timeline span{color:var(--nq-text-muted);font-size:.8rem;font-weight:400}.audio-transport{justify-content:center;align-items:center;gap:.75rem;display:flex}.audio-transport button:not(.audio-primary){border:1px solid var(--nq-border-subtle);border-radius:var(--nq-radius-sm);background:var(--nq-surface-elevated);min-height:2.75rem;color:var(--nq-text-primary);padding:.5rem .8rem}.audio-settings{grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem;margin-top:1.5rem;display:grid}.audio-settings label{color:var(--nq-text-secondary);gap:.35rem;font-size:.8rem;font-weight:750;display:grid}.audio-settings select{border:1px solid var(--nq-border-subtle);border-radius:var(--nq-radius-sm);background:var(--nq-surface-elevated);width:100%;min-height:2.75rem;color:var(--nq-text-primary);padding:.45rem}.audio-download-state{border-radius:var(--nq-radius);background:var(--nq-surface-warm);color:var(--nq-text-secondary);margin-top:1.25rem;padding:1rem}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}html[data-audio-active] .page-shell,html[data-audio-active] .reading-shell{padding-bottom:8rem}@media (max-width:1100px){.app-header__inner{gap:8px;width:calc(100% - 24px);min-height:4rem}.brand-link img{width:min(139px,38vw)}.desktop-nav,.account-link{display:none}.desktop-tools{gap:8px;margin-left:auto}.desktop-tools .icon-button,.header-search{width:44px;min-width:44px;min-height:44px;padding:0}.page-shell,.reading-shell{width:min(100% - 1.25rem, var(--nq-content-app));padding-bottom:7rem}.hero{min-height:27rem;padding:2rem 1.35rem}.hero:after{opacity:.65}.home-hero{grid-template-columns:1fr}.home-hero__verse{display:none}.app-footer{grid-template-columns:1fr}.app-footer nav{flex-wrap:wrap}.app-footer small{grid-column:auto}.grid{display:block}.card{margin-bottom:.8rem}.library-layout,.library-grid{grid-template-columns:1fr}.catalogue-head{display:block}.search-field{margin-top:1.25rem}.surah-row{grid-template-columns:2.7rem minmax(0,1fr) auto;gap:.6rem}.surah-meta{display:none}.surah-arabic{font-size:1.55rem}.mobile-nav{z-index:50;min-height:4.4rem;padding:.35rem max(.35rem, env(safe-area-inset-right)) max(.35rem, env(safe-area-inset-bottom)) max(.35rem, env(safe-area-inset-left));border-top:1px solid var(--nq-border-subtle);background:var(--nq-surface-elevated);grid-template-columns:repeat(5,1fr);display:grid;position:fixed;inset:auto 0 0;box-shadow:0 -8px 24px #0000000f}.mobile-nav a,.mobile-nav>span,.mobile-nav button{min-width:0;min-height:3.6rem;color:var(--nq-text-muted);background:0 0;border:0;flex-direction:column;justify-content:center;align-items:center;gap:.1rem;padding:.2rem;font-size:.7rem;text-decoration:none;display:flex}.mobile-nav [aria-current=page]{color:var(--nq-brand-green);font-weight:800}.mobile-nav>span{opacity:.68}.mobile-nav small{clip:rect(0 0 0 0);position:absolute}.more-sheet{z-index:49;border:1px solid var(--nq-border-subtle);border-radius:var(--nq-radius-lg);background:var(--nq-surface-elevated);width:min(18rem,100vw - 1.5rem);box-shadow:var(--nq-shadow-overlay);justify-content:space-between;align-items:center;gap:1rem;padding:1rem;display:flex;position:fixed;bottom:5rem;right:.75rem}.source-section dl{grid-template-columns:1fr}.source-section dd{margin-bottom:.5rem}.reader-navigation{grid-template-columns:1fr 1fr 1fr;gap:.35rem;padding:.5rem;top:4.25rem}.reader-navigation label{font-size:.68rem}.reader-navigation select{min-width:0;padding-inline:.3rem}.reader-title{padding-top:1.5rem}.reader-topbar{align-items:start}.reader-page .quran-ayah{font-size:calc(clamp(1.75rem, 8vw, var(--nq-quran-default)) * var(--reader-font-scale))}.ayah-block{padding-inline:.35rem}.ayah-identity{align-items:start}.reader-settings{max-height:calc(100vh - env(safe-area-inset-top));border-radius:var(--nq-radius-lg) var(--nq-radius-lg) 0 0;padding-bottom:calc(1.5rem + env(safe-area-inset-bottom))}.reciter-row{grid-template-columns:minmax(0,1fr);gap:.4rem}.audio-mini{bottom:calc(4.75rem + env(safe-area-inset-bottom));width:calc(100% - 1rem);min-height:4.25rem;padding:.5rem}.audio-mini .button{min-width:2.75rem;padding-inline:.55rem;font-size:.78rem}.audio-primary{min-width:2.9rem;min-height:2.9rem}.audio-expanded-backdrop{padding:max(.5rem,env(safe-area-inset-top)) .5rem calc(.5rem + env(safe-area-inset-bottom));place-items:end center}.audio-expanded{max-height:calc(100vh - max(1rem,env(safe-area-inset-top)));border-radius:var(--nq-radius-lg) var(--nq-radius-lg) 0 0}.audio-settings{grid-template-columns:1fr}.audio-transport{justify-content:space-between}html[data-audio-active] .page-shell,html[data-audio-active] .reading-shell{padding-bottom:12rem}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}@media print{.app-header,.mobile-nav,.audio-mini,.audio-expanded-backdrop,.reader-topbar,.reader-navigation,.reader-release-line,.reader-pagination,.ayah-identity,.ayah-actions,.reader-settings-backdrop{display:none!important}.reading-shell{width:100%;padding:0}.reader-title{break-after:avoid}.ayah-block{break-inside:avoid;box-shadow:none!important;background:0 0!important}.quran-ayah{color:#000;border-color:#bbb}.quran-bismillah{color:#000}}.goal-page{gap:2rem;display:grid}.goal-dashboard{grid-template-columns:minmax(0,2fr) minmax(16rem,1fr);gap:1rem;display:grid}.goal-form{max-width:58rem}.goal-form__grid,.goal-controls{grid-template-columns:repeat(auto-fit,minmax(10rem,1fr));gap:1rem;margin-bottom:1rem;display:grid}.goal-form label,.goal-controls label{gap:.35rem;font-weight:700;display:grid}.goal-form input,.goal-form select,.goal-controls select{border:1px solid var(--nq-border-subtle);border-radius:var(--nq-radius-sm);background:var(--nq-surface-elevated);min-height:3rem;color:var(--nq-text-primary);padding:.55rem .75rem}.goal-list{grid-template-columns:repeat(auto-fit,minmax(16rem,1fr));gap:1rem;display:grid}.goal-progress{color:var(--nq-text-secondary);gap:.35rem;margin-block:.85rem 1rem;display:grid}.goal-progress progress{width:100%;height:.7rem;accent-color:var(--nq-brand-green)}.daily-target{border-radius:var(--nq-radius);background:var(--nq-brand-green-soft);justify-content:space-between;gap:1rem;padding:1rem;display:flex}.daily-target span{color:var(--nq-text-secondary)}.field-error{color:var(--nq-danger);font-weight:700}.memorisation-session{min-height:calc(100vh - 4rem)}.session-header{border-bottom:1px solid var(--nq-border-subtle);justify-content:space-between;align-items:center;display:flex}.session-focus{text-align:center;max-width:44rem;margin:clamp(2rem,8vh,6rem) auto}.session-focus h1{font-size:clamp(2rem,7vw,4rem)}.quran-hidden-state{border:1px solid var(--nq-border-subtle);border-radius:var(--nq-radius-lg);background:var(--nq-surface-warm);margin:2rem 0;padding:clamp(1.5rem,5vw,3rem)}.recall-space{min-height:8rem}.confidence{border:0;flex-wrap:wrap;justify-content:center;gap:.65rem;margin:1.5rem 0;padding:1rem;display:flex}.confidence legend{width:100%;margin-bottom:.5rem;font-weight:800}.session-nav{justify-content:space-between;margin-top:2rem;display:flex}.session-nav button{min-width:7rem;min-height:2.75rem}@media (max-width:700px){.goal-dashboard{grid-template-columns:1fr}.daily-target{display:grid}.confidence .button{flex:42%}.memorisation-session{padding-inline:.35rem}}.essentials-page{gap:2rem;display:grid}.qibla-layout,.prayer-layout,.ramadan-grid{grid-template-columns:minmax(0,2fr) minmax(16rem,1fr);gap:1rem;display:grid}.qibla-result{text-align:center}.qibla-dial{aspect-ratio:1;border:1px solid var(--nq-border-subtle);background:var(--nq-surface-warm);border-radius:50%;place-items:center;width:min(17rem,70vw);margin:1rem auto;display:grid;position:relative}.qibla-north{font-weight:900;position:absolute;top:.65rem}.qibla-arrow{color:var(--nq-brand-green);transform-origin:50%;font-size:7rem;line-height:1;display:block}.essentials-location{max-width:58rem}.prayer-heading{justify-content:space-between;align-items:start;gap:1rem;display:flex}.prayer-list{border-top:1px solid var(--nq-border-subtle);padding:0;list-style:none}.prayer-list li{border-bottom:1px solid var(--nq-border-subtle);grid-template-columns:1fr auto;align-items:center;gap:.15rem 1rem;min-height:4.5rem;display:grid}.prayer-list li[data-next]{background:var(--nq-brand-green-soft);border-radius:var(--nq-radius-sm);padding-inline:.75rem}.prayer-list time{font-size:1.35rem;font-weight:800}.prayer-list small{color:var(--nq-text-muted);grid-column:1/-1}.prayer-layout aside label,.calendar-focus label,.adjustments-grid label{gap:.35rem;margin-block:.8rem;font-weight:700;display:grid}.prayer-layout select,.calendar-focus input,.calendar-focus select,.adjustments-grid input{border:1px solid var(--nq-border-subtle);border-radius:var(--nq-radius-sm);background:var(--nq-surface-elevated);min-height:2.75rem;color:var(--nq-text-primary);padding:.5rem}.adjustments-grid{grid-template-columns:repeat(auto-fit,minmax(9rem,1fr));gap:.75rem;display:grid}.calendar-focus{max-width:42rem}.calendar-focus h2{font-size:clamp(2rem,6vw,4rem)}.ramadan-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ramadan-grid .card--wide{grid-column:span 2}@media (max-width:700px){.qibla-layout,.prayer-layout,.ramadan-grid{grid-template-columns:1fr}.ramadan-grid .card--wide{grid-column:auto}.prayer-heading{display:block}.prayer-heading .actions{margin-block:1rem}.more-sheet{flex-wrap:wrap}}.prayer-layout select,.calendar-focus input,.calendar-focus select,.adjustments-grid input,.adjustments-grid select{width:100%;min-width:0;max-width:100%}.qibla-layout>*,.prayer-layout>*,.ramadan-grid>*,.calendar-focus{min-width:0}.calendar-focus{width:100%}.header-search{border:1px solid var(--nq-border-subtle);border-radius:var(--nq-radius-sm);align-items:center;gap:.35rem;min-height:2.75rem;padding:.45rem .7rem;text-decoration:none;display:inline-flex}.header-search kbd{border:1px solid var(--nq-border-subtle);color:var(--nq-text-muted);border-radius:.25rem;padding:.12rem .3rem;font-size:.68rem}.global-search{max-width:58rem}.global-search form>label{font-weight:800;display:block}.global-search__field{grid-template-columns:minmax(0,1fr) auto;gap:.6rem;margin-top:.45rem;display:grid}.global-search input{border:1px solid var(--nq-border-subtle);border-radius:var(--nq-radius);background:var(--nq-surface-elevated);width:100%;min-width:0;min-height:3.25rem;color:var(--nq-text-primary);padding:.7rem .9rem;font-size:1rem}.search-empty,.search-results{gap:2rem;margin-top:2rem;display:grid}.search-chips{flex-wrap:wrap;gap:.5rem;display:flex}.search-chips button,.search-section-head button{border:1px solid var(--nq-border-subtle);background:var(--nq-surface-elevated);min-height:2.75rem;color:var(--nq-text-primary);border-radius:999px;padding:.45rem .75rem}.search-section-head{justify-content:space-between;align-items:center;display:flex}.search-result-list{border-top:1px solid var(--nq-border-subtle);display:grid}.search-result{border-bottom:1px solid var(--nq-border-subtle);grid-template-columns:minmax(0,1fr) auto;gap:1rem;min-width:0;padding:1rem .2rem;text-decoration:none;display:grid}.search-result strong,.search-result span{display:block}.search-result span,.search-result p,.search-result small{color:var(--nq-text-muted)}.search-result p{margin-bottom:0}.search-result small{text-align:right;max-width:13rem}.search-empty-state{border:1px dashed var(--nq-border-subtle);border-radius:var(--nq-radius-lg);padding:1.5rem}@media (max-width:1100px){.header-search span:last-of-type,.header-search kbd{display:none}.header-search{justify-content:center}}@media (max-width:520px){.global-search__field,.search-result{grid-template-columns:1fr}.search-result small{text-align:left;max-width:none}}.essentials-page>*{grid-column:1/-1;width:100%;min-width:0}.qibla-layout>.card,.prayer-layout>.card,.ramadan-grid>.card{grid-column:auto}.ramadan-grid>.card--wide{grid-column:span 2}@media (max-width:700px){.ramadan-grid>.card--wide{grid-column:auto}}.reader-search-link{border:1px solid var(--nq-border-subtle);border-radius:var(--nq-radius-sm);background:var(--nq-surface-elevated);justify-content:center;align-self:end;align-items:center;min-height:2.75rem;padding:.45rem .7rem;font-weight:750;text-decoration:none;display:inline-flex}@media (max-width:900px){.reader-search-link{grid-column:1/-1}}
