@layer pages{.dua-lamp{--lamp-brass:var(--color-highlight);--lamp-lapis:var(--color-accent);--lamp-body:var(--color-surface-raised);--lamp-dim:color-mix(in srgb, var(--color-border-strong) 62%, transparent);--lamp-glow:.2;aspect-ratio:1;inline-size:min(100%,196px)}.surface-canvas .dua-lamp{--lamp-brass:var(--canvas-accent);--lamp-lapis:var(--canvas-lapis);--lamp-body:var(--canvas-raised);--lamp-dim:#aab5cc6b;--lamp-glow:.3}.dua-lamp svg{width:100%;height:100%;display:block;overflow:visible}.dua-lamp__arch,.dua-lamp__ring,.dua-lamp__stand,.dua-lamp__thread{fill:none;stroke-linejoin:round}.dua-lamp__arch{stroke:var(--lamp-brass);stroke-width:1.8px;stroke-dasharray:1;stroke-linecap:butt}.dua-lamp__arch--inner{stroke:var(--lamp-lapis);stroke-width:1.2px}.dua-lamp__ring{--ring-opacity:calc(.5 - var(--i,0) * .15);stroke:var(--lamp-brass);stroke-width:1.2px;opacity:var(--ring-opacity)}.dua-lamp__stand{stroke:var(--lamp-brass);stroke-width:1.8px;stroke-linecap:round}.dua-lamp__bowl{fill:var(--lamp-body);stroke:var(--lamp-brass);stroke-width:1.6px;stroke-linejoin:round}.dua-lamp__flame{fill:var(--brass-400)}.dua-lamp__thread{stroke:var(--lamp-dim);stroke-width:1.2px;stroke-dasharray:1;stroke-linecap:butt}.dua-lamp__bead{fill:var(--lamp-brass)}.dua-lamp__bead--lapis{fill:var(--lamp-lapis)}.dua-lamp__glow-core{stop-color:var(--brass-300);stop-opacity:var(--lamp-glow)}.dua-lamp__glow-edge{stop-color:var(--brass-400);stop-opacity:0}.dua-lamp__ring,.dua-lamp__bead,.dua-lamp__lamp,.dua-lamp__flame{transform-box:fill-box;transform-origin:50%}.dua-lamp__lamp,.dua-lamp__flame{transform-origin:50% 100%}.dua-lamp--compact{flex:none;inline-size:112px}.duas-hero__stats{gap:var(--space-s);border-top:1px solid var(--canvas-border);inline-size:100%;padding:var(--space-s) 0 0;grid-template-columns:repeat(2,minmax(0,1fr));margin:0;list-style:none;display:grid}.duas-hero__stats .stat__value{color:var(--canvas-accent)}.duas-card__line,.duas-collection-head__line{color:var(--color-text-muted);font-size:var(--text-ui);line-height:var(--leading-snug)}.record-list>li>.reveal{min-width:0;display:grid}.duas-collection-head{justify-content:space-between;align-items:flex-end;gap:var(--space-s) var(--space-l);flex-wrap:wrap;display:flex}.duas-collection-head__title{gap:var(--space-s);flex:16rem;min-width:0;display:grid}.duas-source-title{color:var(--color-text-muted);font-size:1.3em;line-height:inherit}.duas-list__heading{font-size:var(--step-2)}.duas-list{gap:var(--space-2xs);grid-template-columns:repeat(2,minmax(0,1fr));margin:0;padding:0;list-style:none;display:grid}.duas-list>li,.duas-list>li>.reveal{min-width:0;display:grid}.duas-list__link{align-items:center;gap:var(--space-2xs) var(--space-s);border:1px solid var(--color-border);border-radius:var(--radius-m);min-block-size:64px;padding:var(--space-xs) var(--space-s);background:var(--color-surface);color:var(--color-text);transition:border-color var(--dur-fast) var(--ease-out), box-shadow var(--dur-base) var(--ease-out), translate var(--dur-base) var(--ease-out);grid-template-columns:auto minmax(0,1fr) auto;text-decoration:none;display:grid}.duas-list__link:hover{border-color:color-mix(in srgb, var(--color-accent) 40%, transparent);box-shadow:var(--shadow-2);translate:0 -2px}.duas-list__number{border:1px solid color-mix(in srgb, var(--color-highlight) 55%, transparent);background:var(--color-highlight-wash);block-size:2.25rem;min-inline-size:2.25rem;color:var(--color-highlight-text);font-family:var(--font-naskh);font-size:var(--step-0);border-radius:50%;place-items:center;padding-inline:.35rem;font-weight:700;line-height:1;display:grid}.duas-list__name{min-width:0;font-weight:var(--weight-semibold);overflow-wrap:anywhere}.duas-list__link .duas-list__title{font-size:var(--step-1);font-weight:700;line-height:1.9}.duas-list__count{color:var(--color-text-subtle);font-size:var(--step--1);white-space:nowrap}.duas-reader>*{justify-self:center;inline-size:min(100%,52rem)}.duas-head h1{gap:.1em;display:grid}.duas-head .duas-head__label{color:var(--color-text-muted);font-size:var(--step-0);font-weight:var(--weight-semibold);line-height:var(--leading-snug)}.duas-head .duas-head__title{line-height:1.8}.duas-nav .text-link,.duas-head__source{min-block-size:44px}.duas-head__source{font-size:var(--text-ui);justify-self:start}.duas-nav__name{font-size:1.15em;line-height:inherit}.duas-reader>.duas-nav{border-top:1px solid var(--color-border);padding-top:var(--space-xs)}.dua-text{border:1px solid var(--color-border);border-radius:var(--radius-l);background:var(--color-surface);margin:0;padding:clamp(.5rem,2vw,1.25rem) clamp(.5rem,3vw,2rem);list-style:none;display:grid}.dua-line{align-items:baseline;gap:var(--space-xs);border-radius:var(--radius-s);scroll-margin-top:calc(var(--header-height) + 2rem);grid-template-columns:2.25rem minmax(0,1fr);padding-inline:.25rem;display:grid}.dua-line:target{background:var(--color-highlight-wash);box-shadow:0 0 0 3px var(--color-highlight-wash)}.dua-line__number{color:var(--color-text-subtle);font-size:var(--step--1);font-variant-numeric:tabular-nums;text-align:center;-webkit-user-select:none;user-select:none}.dua-line .dua-line__text{font-family:var(--font-naskh);font-size:calc(var(--step-3) * var(--dua-arabic-scale,1));line-height:2.3}.dua-line .dua-line__translation{min-width:0;color:var(--color-text-muted);font-size:calc(var(--step-0) * var(--dua-translation-scale,1));grid-column:2;padding-block-end:var(--space-xs);line-height:2.05}.mod-page:has(.record-translation__toggle input:not(:checked)) .dua-line__translation{display:none}@media (max-width:820px){.duas-hero__stats{border-top:0;padding-top:0}.mod-hero.duas-hero .dua-lamp{inline-size:116px}.duas-list{grid-template-columns:minmax(0,1fr)}}@media (max-width:560px){.mod-hero.duas-hero .mod-hero__panel{place-items:center stretch;gap:var(--space-s);padding:var(--space-s);text-align:start;grid-template-columns:auto minmax(0,1fr)}.mod-hero.duas-hero .dua-lamp{inline-size:72px}.duas-hero__stats .stat__value{font-size:var(--step-2)}.dua-lamp--compact{inline-size:84px}.duas-list__link{grid-template-columns:auto minmax(0,1fr)}.duas-list__count{grid-column:2}.dua-line{gap:var(--space-2xs);grid-template-columns:1.75rem minmax(0,1fr);padding-inline:0}.dua-line .dua-line__text{font-size:calc(var(--step-2) * var(--dua-arabic-scale,1))}}.duas-today{gap:var(--space-s)}.duas-today__head{gap:var(--space-3xs)}.duas-today__head .section-heading__title{font-size:var(--step-3)}.duas-today__head .section-heading__lede{color:var(--color-text-subtle);font-size:var(--text-ui)}.duas-today__tile{min-block-size:9.5rem}.duas-today__tile .launch-tile__title[lang=ar]{line-height:1.9}.duas-today__tile--waiting{pointer-events:none}.duas-continue{gap:var(--space-2xs);display:grid}.duas-continue__title{color:var(--color-highlight-text);font-size:var(--text-ui);font-weight:var(--weight-semibold);align-items:center;gap:.4rem;display:inline-flex}.duas-continue__title .icon{block-size:1.1rem;inline-size:1.1rem}.duas-continue__link{align-items:center;gap:var(--space-s);border:1px solid color-mix(in srgb, var(--color-highlight) 55%, transparent);border-radius:var(--radius-m);background:var(--color-highlight-wash);min-block-size:64px;inline-size:min(100%,34rem);color:var(--color-text);transition:border-color var(--dur-fast) var(--ease-out), box-shadow var(--dur-base) var(--ease-out), translate var(--dur-base) var(--ease-out);padding:.75rem 1.1rem;text-decoration:none;display:flex}.duas-continue__link:hover,.duas-continue__link:focus-visible{border-color:var(--color-highlight-text);box-shadow:var(--shadow-2);translate:0 -2px}.duas-continue__text{flex:auto;gap:.1rem;min-inline-size:0;display:grid}.duas-continue__name{font-weight:var(--weight-bold);overflow-wrap:anywhere}.duas-continue__name[lang=ar]{font-size:var(--step-1);line-height:1.8}.duas-continue__text small{color:var(--color-text-muted);font-size:var(--step--1)}.duas-continue__note{color:var(--color-text-subtle);font-size:var(--step--1)}.quran-search.duas-finder{inline-size:min(100%,30rem)}.quran-search.duas-finder:has(.duas-finder__chips){inline-size:100%}.quran-search.duas-finder:has(.duas-finder__chips) .field{inline-size:min(100%,30rem)}.duas-finder__chips{gap:var(--space-3xs);margin-block-start:var(--space-2xs);display:grid}.duas-finder__chips-label{color:var(--color-text-subtle);font-size:var(--text-ui);font-weight:var(--weight-semibold)}.duas-finder__chips .lib-chip{cursor:pointer;min-block-size:44px}.duas-index__all>summary{cursor:pointer}.duas-index__groups{gap:var(--space-m);display:grid}.duas-index__group[hidden],.duas-index__rows>li[hidden]{display:none}.duas-index__group{gap:var(--space-2xs);display:grid}.duas-index__heading{align-items:baseline;gap:var(--space-3xs) var(--space-xs);font-size:var(--step-1);flex-wrap:wrap;display:flex}.duas-index__count{color:var(--color-text-subtle);font-size:var(--step--1);font-weight:var(--weight-medium)}.duas-index__rows{gap:var(--space-3xs) var(--space-xs);grid-template-columns:repeat(2,minmax(0,1fr));margin:0;padding:0;list-style:none;display:grid}.duas-index__rows>li{min-width:0;display:grid}.duas-index__link{border:1px solid var(--color-border-soft);border-radius:var(--radius-s);background:var(--color-surface);min-block-size:52px;color:var(--color-text);transition:border-color var(--dur-fast) var(--ease-out), background-color var(--dur-fast) var(--ease-out);align-content:center;gap:.05rem;padding:.4rem .75rem;text-decoration:none;display:grid}.duas-index__link:hover{border-color:color-mix(in srgb, var(--color-accent) 40%, transparent);background:color-mix(in srgb, var(--color-accent) 4%, var(--color-surface))}.duas-index__title{font-weight:var(--weight-semibold);overflow-wrap:anywhere}.duas-index__title[lang=ar]{font-size:var(--step-1);font-weight:700;line-height:1.8}.duas-index__meta{gap:0 var(--space-xs);color:var(--color-text-subtle);font-size:var(--step--1);flex-wrap:wrap;display:flex}.duas-index__translated{color:var(--color-highlight-text)}.duas-index__rows>li[data-match] .duas-index__link{border-color:color-mix(in srgb, var(--color-accent) 38%, transparent);background:color-mix(in srgb, var(--color-accent) 5%, var(--color-surface))}.duas-index__rows>li[data-match=first] .duas-index__link{border-color:var(--color-accent);box-shadow:0 0 0 1px var(--color-accent)}.dua-tools{justify-content:space-between;align-items:center;gap:var(--space-2xs) var(--space-m);border:1px solid var(--color-border);border-radius:var(--radius-m);padding:var(--space-2xs) var(--space-xs);background:var(--color-surface);flex-wrap:wrap;display:flex;position:relative}.dua-tools .button{--button-height:44px}.dua-tools__sizes,.dua-tools__actions{align-items:center;gap:var(--space-2xs) var(--space-s);flex-wrap:wrap;min-inline-size:0;display:flex}.dua-size{align-items:center;gap:var(--space-2xs);display:inline-flex}.dua-size__label{color:var(--color-text-muted);font-size:var(--text-ui)}.dua-size__control{align-items:center;gap:.2rem;display:inline-flex}.dua-size__button{border:1px solid var(--color-border);background:var(--color-surface-raised);block-size:44px;inline-size:44px;color:var(--color-accent);font-size:var(--step-1);font-weight:var(--weight-bold);transition:border-color var(--dur-fast) var(--ease-out), background-color var(--dur-fast) var(--ease-out);border-radius:50%;place-items:center;line-height:1;display:grid}.dua-size__button:hover:not([aria-disabled=true]){border-color:var(--color-accent);background:var(--color-accent-wash)}.dua-size__button[aria-disabled=true]{color:var(--color-text-subtle);cursor:default}.dua-size__steps{align-items:center;gap:.25rem;padding-inline:.2rem;display:inline-flex}.dua-size__step{border:1px solid var(--color-border-strong);border-radius:50%;block-size:.45rem;inline-size:.45rem}.dua-size__step[data-on]{border-color:var(--color-accent);background:var(--color-accent)}.dua-size__step[data-current]{scale:1.35}.dua-tools__reset{border-radius:var(--radius-s);min-block-size:44px;color:var(--color-accent);font-size:var(--text-ui);font-weight:var(--weight-medium);text-underline-offset:.25em;background:0 0;border:0;padding-inline:.5rem;text-decoration:underline}.dua-tools__reset[aria-disabled=true]{color:var(--color-text-subtle);cursor:default;text-decoration:none}.dua-goto{position:relative}.dua-goto__panel{z-index:5;gap:var(--space-3xs);border:1px solid var(--color-border);border-radius:var(--radius-m);inline-size:max-content;max-inline-size:min(20rem,100vw - 2rem);padding:var(--space-xs);background:var(--color-surface-raised);box-shadow:var(--shadow-3);display:grid;position:absolute;inset-block-start:calc(100% + .4rem);inset-inline-start:0}.dua-goto__label{color:var(--color-text-muted);font-size:var(--text-ui)}.dua-goto__row{align-items:center;gap:var(--space-3xs);display:flex}.dua-goto__field{text-align:center;min-block-size:44px;inline-size:6.5rem}.dua-goto__close{border-radius:var(--radius-s);block-size:44px;inline-size:44px;color:var(--color-text-muted);background:0 0;border:0;place-items:center;display:grid}.dua-goto__close:hover{color:var(--color-accent)}.dua-goto__error{color:var(--color-danger);font-size:var(--step--1)}.dua-text{overflow-anchor:none}.dua-line .dua-line__tools{justify-content:flex-end;gap:0 var(--space-2xs);visibility:hidden;flex-wrap:wrap;grid-column:2;margin-block-start:-.35rem;display:flex}.dua-text[data-tools=ready] .dua-line__tools{visibility:visible}.dua-line__tool{border-radius:var(--radius-s);min-block-size:44px;color:var(--color-text-subtle);font-size:var(--step--1);transition:color var(--dur-fast) var(--ease-out);background:0 0;border:0;padding-inline:.45rem}.dua-line__tool:hover{color:var(--color-accent)}.dua-line__tool[data-done]{color:var(--color-success)}.dua-copy-fallback{z-index:var(--z-dock);gap:var(--space-2xs);border:1px solid var(--color-border);border-radius:var(--radius-l);max-inline-size:34rem;padding:var(--space-s);background:var(--color-surface-raised);box-shadow:var(--shadow-4);margin-inline:auto;display:grid;position:fixed;inset-block-end:max(14px, env(safe-area-inset-bottom));inset-inline:12px}.dua-copy-fallback__title{font-size:var(--text-ui);font-weight:var(--weight-semibold)}.dua-copy-fallback__text{resize:vertical;min-block-size:6rem;inline-size:100%;font-size:var(--step--1)}.dua-copy-fallback>.button{justify-self:end}@media (max-width:820px){.dua-copy-fallback{inset-block-end:calc(max(10px, env(safe-area-inset-bottom)) + var(--dock-height) + 8px)}}@media (max-width:560px){.duas-index__rows{grid-template-columns:minmax(0,1fr)}.duas-today__tile{min-block-size:8.5rem}.duas-continue__link{padding:.75rem .9rem}.dua-tools__sizes,.dua-tools__actions{inline-size:100%}.dua-size{flex:100%;justify-content:space-between}}@media (scripting:none){.dua-tools,.dua-line .dua-line__tools{display:none}}@media print{.dua-tools,.dua-line .dua-line__tools,.dua-copy-fallback,.duas-today,.duas-continue,.duas-finder{display:none}}}