.du-view{--du-said:var(--gold-hi)}@media (max-width:899.98px){.du-view{gap:1.75rem;max-width:54rem;margin:0 auto;padding:.5rem clamp(1rem,4vw,2rem) 3rem;display:grid}.du-view.du-is-situation{max-width:54rem}}@media (prefers-color-scheme:light){.du-view{--du-said:var(--gold-lo)}}.du-hero{text-align:center;justify-items:center;gap:.9rem;padding-top:.5rem;display:grid}.du-h1{color:var(--gold);letter-spacing:.01em;margin:0;font-size:.95rem;font-weight:600}.du-prompt{letter-spacing:-.02em;text-wrap:balance;max-width:22ch;margin:.2rem 0 0;font-size:clamp(1.45rem,5.6vw,2rem);font-weight:650;line-height:1.2}html[lang=ar] .du-prompt{letter-spacing:0;line-height:1.45}.du-mic{width:8.5rem;height:8.5rem;color:var(--gold-ink);cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0;border-radius:50%;place-items:center;margin-top:.25rem;padding:0;display:grid;position:relative}.du-mic>*{grid-area:1/1}.du-mic-star svg{width:8.5rem;height:8.5rem;fill:color-mix(in srgb, var(--gold) 14%, transparent);stroke:color-mix(in srgb, var(--gold) 70%, transparent);stroke-width:1.2px;transition:fill .3s var(--ease)}.du-mic:before{content:"";background:radial-gradient(circle at 35% 30%, var(--gold-hi), var(--gold) 55%, var(--gold-lo));width:5.25rem;height:5.25rem;box-shadow:0 10px 30px -10px color-mix(in srgb, var(--gold) 70%, transparent), inset 0 1px 0 #ffffff59;transition:transform .2s var(--ease);border-radius:50%;grid-area:1/1}.du-mic-ico,.du-stop-ico{position:relative}.du-mic svg:not(.du-mic-star svg),.du-mic-ico svg,.du-stop-ico svg{width:2rem;height:2rem}.du-stop-ico{display:none}.du-mic:hover:before{transform:scale(1.04)}.du-mic:active:before{transform:scale(.96)}.du-mic[aria-pressed=true] .du-mic-ico{display:none}.du-mic[aria-pressed=true] .du-stop-ico{display:block}.du-mic[aria-pressed=true] .du-mic-star svg{fill:color-mix(in srgb, var(--emerald) 20%, transparent);stroke:var(--emerald-hi);animation:9s linear infinite du-turn}.du-mic[data-state=listening]:after{content:"";width:5.25rem;height:5.25rem;box-shadow:0 0 0 0 color-mix(in srgb, var(--emerald-hi) 55%, transparent);animation:du-pulse 1.8s var(--ease) infinite;pointer-events:none;border-radius:50%;grid-area:1/1}@keyframes du-turn{to{transform:rotate(45deg)}}@keyframes du-pulse{to{box-shadow:0 0 0 1.4rem #0000}}@media (prefers-reduced-motion:reduce){.du-mic[aria-pressed=true] .du-mic-star svg,.du-mic[data-state=listening]:after{animation:none}}.du-status{max-width:40ch;min-height:1.5em;color:var(--muted);unicode-bidi:plaintext;margin:0;font-size:.92rem}.du-view[data-ask=listening] .du-status{color:var(--emerald-hi)}.du-search{background:var(--surface);border:1px solid var(--line);width:min(100%,30rem);transition:border-color .2s var(--ease);border-radius:999px;align-items:center;margin-top:.35rem;display:flex;position:relative}.du-search:focus-within{border-color:var(--gold)}.du-search-ico{color:var(--faint);place-items:center;padding-inline:1rem .35rem;display:grid}.du-search-ico svg{width:1.15rem;height:1.15rem}.du-input{min-width:0;min-height:3rem;color:var(--ink);font:inherit;background:0 0;border:0;outline:none;flex:1;font-size:1rem}.du-input::placeholder{color:var(--faint)}.du-input::-webkit-search-cancel-button{display:none}.du-clear{margin-inline-end:.25rem}.du-recent{flex-wrap:wrap;justify-content:center;align-items:center;gap:.4rem;max-width:34rem;display:flex}.du-recent:empty{display:none}.du-recent-label{color:var(--faint);margin-inline-end:.2rem;font-size:.8rem}.du-recent-clear{width:2rem;height:2rem}.du-recent-clear svg{width:1rem;height:1rem}.du-chip{border:1px solid var(--line);background:var(--surface);min-height:2.25rem;color:var(--ink);cursor:pointer;text-overflow:ellipsis;white-space:nowrap;border-radius:999px;align-items:center;gap:.4rem;max-width:100%;padding:.3rem .85rem;font-size:.86rem;display:inline-flex;overflow:hidden}.du-chip:hover{border-color:color-mix(in srgb, var(--gold) 55%, var(--line))}.du-chip svg{width:1rem;height:1rem;color:var(--gold);flex:none}.du-result:empty{display:none}.du-nomatch{text-align:center;color:var(--muted);margin:0}.du-for{color:var(--muted);flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:.25rem 1rem;margin:0 0 .6rem;font-size:.88rem;display:flex}.du-open{color:var(--gold);text-underline-offset:.2em;font-size:.85rem}.du-also{flex-wrap:wrap;align-items:center;gap:.45rem;margin-top:1.1rem;display:flex}.du-also-label{color:var(--muted);margin-inline-end:.2rem;font-size:.85rem}.du-sit{gap:.35rem;display:grid}.du-sit-title{letter-spacing:-.015em;align-items:center;gap:.7rem;margin:0;font-size:clamp(1.35rem,4.6vw,1.75rem);font-weight:650;line-height:1.25;display:flex}html[lang=ar] .du-sit-title{letter-spacing:0}.du-sit-icon{width:2.6rem;height:2.6rem;color:var(--gold);background:color-mix(in srgb, var(--gold) 12%, transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--gold) 30%, transparent);border-radius:50%;flex:none;place-items:center;display:grid}.du-sit-icon svg{width:1.35rem;height:1.35rem}.du-sit-sub{color:var(--muted);flex-wrap:wrap;align-items:baseline;gap:.2rem .9rem;margin:0 0 .6rem;padding-inline-start:3.3rem;font-size:.85rem;display:flex}.du-sit-ar{color:var(--gold);font-size:1.15rem}.du-list{gap:1rem;display:grid}.du-card{border-radius:var(--r-lg);background:radial-gradient(120% 70% at 50% 0%, color-mix(in srgb, var(--gold) 6%, transparent), transparent 65%), var(--surface);border:1px solid color-mix(in srgb, var(--gold) 26%, var(--line));box-shadow:var(--shadow), inset 0 0 0 5px var(--surface), inset 0 0 0 6px color-mix(in srgb, var(--gold) 13%, transparent);transition:border-color .3s var(--ease);gap:.85rem;padding:clamp(1rem,4vw,1.6rem) clamp(1rem,4.5vw,1.9rem) 1rem;scroll-margin:5rem;display:grid;position:relative}.du-card:focus{outline:none}.du-card:focus-visible,.du-card.du-is-current{border-color:var(--gold)}.du-card.du-is-practice{background:var(--surface);box-shadow:var(--shadow);border-style:dashed}.du-card.du-is-reciting{border-color:var(--emerald)}.du-card.du-is-complete{border-color:var(--gold)}.du-card[data-rep]{animation:du-rep .6s var(--ease)}@keyframes du-rep{30%{box-shadow:var(--shadow), inset 0 0 0 5px var(--surface), inset 0 0 0 6px var(--gold), 0 0 0 4px color-mix(in srgb, var(--gold) 25%, transparent)}}@media (prefers-reduced-motion:reduce){.du-card[data-rep]{animation:none}}.du-card-head{justify-content:space-between;align-items:center;gap:.5rem;min-height:0;display:flex}.du-card-head:empty{display:none}.du-tag{color:var(--muted);font-size:.78rem;font-weight:600}.du-times{font-variant-numeric:tabular-nums;color:var(--gold-ink);background:var(--gold);border-radius:999px;margin-inline-start:auto;padding:.15rem .6rem;font-size:.82rem;font-weight:650}.du-note{text-align:center;max-width:52ch;color:var(--muted);justify-self:center;margin:0;font-size:.85rem;line-height:1.6}.du-note[lang=ar]{font-family:var(--font-ar);font-size:1.02rem}.du-ar{font-family:var(--font-ar);text-align:center;color:var(--ink);overflow-wrap:anywhere;margin:0;font-size:clamp(1.6rem,6.8vw,2.2rem);line-height:2.05}.du-ar[data-size=m]{font-size:clamp(1.4rem,5.6vw,1.85rem);line-height:2.05}.du-ar[data-size=s]{font-size:clamp(1.2rem,4.8vw,1.5rem);line-height:2}.du-is-practice .du-ar{color:color-mix(in srgb, var(--ink) 85%, transparent);font-size:clamp(1.15rem,4.6vw,1.4rem)}.du-ar .du-w{transition:color .3s var(--ease)}.du-is-reciting .du-ar .du-w{color:color-mix(in srgb, var(--ink) 70%, transparent)}.du-ar .du-w.du-is-said{color:var(--du-said)}.du-is-speaking .du-ar{color:var(--gold-hi)}@media (prefers-color-scheme:light){.du-is-speaking .du-ar{color:var(--gold-lo)}}.du-en{border-top:1px solid color-mix(in srgb, var(--gold) 14%, var(--line));max-width:65ch;color:color-mix(in srgb, var(--ink) 84%, transparent);margin:0;padding-top:.8rem;font-size:.95rem;line-height:1.6}.du-ref{color:var(--muted);font-size:.82rem}.du-ref summary{cursor:pointer;width:max-content;color:var(--gold-text);align-items:center;gap:.45rem;font-weight:600;list-style:none;display:flex}.du-ref summary::-webkit-details-marker{display:none}.du-ref summary:after{content:"";block-size:.4rem;inline-size:.4rem;transition:transform .2s var(--ease);border-bottom:1.5px solid;border-right:1.5px solid;flex:none;transform:translateY(-2px)rotate(45deg)}.du-ref[open] summary:after{transform:translateY(1px)rotate(-135deg)}.du-ref p{font-family:var(--font-ar);margin:.35rem 0 0;font-size:1rem;line-height:1.8}.du-recite{justify-items:center;gap:.35rem;display:grid}.du-recite-row{align-items:center;gap:.9rem;display:flex}.du-ring{place-items:center;width:3.4rem;height:3.4rem;display:grid;position:relative}.du-ring svg{width:100%;height:100%;position:absolute;inset:0;transform:rotate(-90deg)}.du-ring-track{fill:none;stroke:var(--bead-off);stroke-width:4px}.du-ring-fill{fill:none;stroke:var(--gold);stroke-width:4px;stroke-linecap:round;transition:stroke-dashoffset .4s var(--ease)}.du-ring b{font-variant-numeric:tabular-nums;font-size:1.1rem;font-weight:650;position:relative}.du-reps-label{color:var(--muted);font-variant-numeric:tabular-nums;font-size:.88rem}.du-plus{min-height:2.25rem;padding:.25rem .9rem}.du-recite-status{color:var(--muted);text-align:center;margin:0;font-size:.85rem}.du-is-complete .du-recite-status{color:var(--gold);font-weight:600}.du-actions{border-top:1px solid color-mix(in srgb, var(--gold) 12%, var(--line));flex-wrap:wrap;gap:.4rem;padding-top:.7rem;display:flex}.du-act{border:1px solid var(--line);min-height:2.5rem;color:var(--ink);cursor:pointer;background:0 0;border-radius:999px;align-items:center;gap:.4rem;padding:.35rem .85rem;font-size:.86rem;font-weight:600;display:inline-flex}.du-act:hover{background:var(--surface-2)}.du-act svg{width:1.1rem;height:1.1rem;color:var(--gold)}.du-act[aria-pressed=true]{border-color:var(--gold);background:color-mix(in srgb, var(--gold) 12%, transparent)}.du-fav{margin-inline-start:auto}.du-fav[aria-pressed=true] svg{fill:var(--gold)}.du-related{color:var(--gold-text);text-underline-offset:.2em;justify-self:start;align-items:center;gap:.45rem;margin-top:.6rem;font-size:.9rem;font-weight:600;display:inline-flex}.du-related svg{width:1.1rem;height:1.1rem}.du-result>.du-adhkar{margin:0 0 .9rem;font-size:1rem}.du-group-h{color:var(--ink);align-items:center;gap:.75rem;margin:0 0 .7rem;font-size:1.05rem;font-weight:650;display:flex}.du-group-h:after{content:"";background:color-mix(in srgb, var(--gold) 22%, var(--line));flex:1;height:1px}.du-groups{gap:1.6rem;display:grid}.du-tiles,.du-saved-list{margin:0;padding:0;list-style:none}.du-tiles{grid-template-columns:repeat(auto-fill,minmax(min(100%,15rem),1fr));gap:.5rem;display:grid}.du-tile{border-radius:var(--r-md);border:1px solid var(--line);background:color-mix(in srgb, var(--surface) 70%, transparent);height:100%;min-height:3.6rem;color:var(--ink);align-items:center;gap:.75rem;padding:.55rem .8rem;text-decoration:none;display:flex}.du-tile:hover{border-color:color-mix(in srgb, var(--gold) 55%, var(--line));background:var(--surface)}.du-tile-icon{width:2.1rem;height:2.1rem;color:var(--gold);flex:none;place-items:center;display:grid}.du-tile-icon svg{width:1.3rem;height:1.3rem}.du-tile-text{min-width:0;display:grid}.du-tile-title{font-size:.95rem;font-weight:600;line-height:1.3}.du-tile-ar{color:var(--muted);justify-self:start;font-size:1.02rem;line-height:1.5}.du-saved[hidden]{display:none}.du-saved-list{gap:.5rem;display:grid}.du-saved-item{border-radius:var(--r-md);border:1px solid color-mix(in srgb, var(--gold) 30%, var(--line));background:var(--surface);color:var(--ink);gap:.15rem;padding:.7rem 1rem;text-decoration:none;display:grid}.du-saved-ar{white-space:nowrap;text-overflow:ellipsis;font-size:1.25rem;line-height:1.8;overflow:hidden}.du-saved-sit{color:var(--muted);font-size:.8rem}.du-page{gap:1rem;display:grid}.du-back{color:var(--muted);justify-self:start;align-items:center;gap:.3rem;font-size:.9rem;text-decoration:none;display:inline-flex}.du-back:hover{color:var(--ink)}.du-back svg{width:1.1rem;height:1.1rem}[dir=rtl] .du-flip svg{transform:scaleX(-1)}.du-foot{text-align:center;color:var(--faint);justify-self:center;max-width:60ch;margin:0;font-size:.8rem}@media (max-width:420px){.du-view{gap:1.4rem}.du-sit-sub{padding-inline-start:0}.du-act{padding:.35rem .7rem}.du-act-label{font-size:.82rem}}.du-view,.du-hero,.du-sit,.du-list,.du-card,.du-page,.du-saved-list,.du-saved-item,.du-groups{grid-template-columns:minmax(0,1fr)}@media (min-width:900px){.du-view{gap:var(--space-8)}.du-view .du-hero{place-items:start;column-gap:var(--space-9);row-gap:var(--space-3);text-align:start;padding:var(--space-8) var(--space-8) var(--space-7);border-radius:var(--r-xl);border:1px solid color-mix(in srgb, var(--gold) 30%, var(--line));background:radial-gradient(70% 120% at 100% 50%, color-mix(in srgb, var(--gold) 9%, transparent), transparent 70%), radial-gradient(120% 140% at 0% 0%, color-mix(in srgb, var(--emerald) 13%, transparent), transparent 60%), var(--surface-accent);box-shadow:var(--elev-2);grid-template:"h1 mic""prompt mic""status mic""form mic""recent mic"1fr/minmax(0,1fr) auto}[dir=rtl] .du-view .du-hero{background:radial-gradient(70% 120% at 0% 50%, color-mix(in srgb, var(--gold) 9%, transparent), transparent 70%), radial-gradient(120% 140% at 100% 0%, color-mix(in srgb, var(--emerald) 13%, transparent), transparent 60%), var(--surface-accent)}.du-h1{font-size:var(--fs-small);grid-area:h1}.du-prompt{max-width:20ch;font-size:var(--fs-display);letter-spacing:-.025em;font-weight:700;line-height:var(--lh-tight);grid-area:prompt;margin:0}html[lang=ar] .du-prompt{line-height:1.4}.du-status{font-size:var(--fs-body);grid-area:status}.du-search{width:min(100%,38rem);margin-top:var(--space-2);background:var(--surface-sunken);grid-area:form}.du-input{min-height:3.4rem;font-size:1.05rem}.du-recent{grid-area:recent;justify-content:flex-start;max-width:38rem}.du-mic{grid-area:mic;align-self:center;width:11rem;height:11rem;margin:0}.du-mic-star svg{width:11rem;height:11rem}.du-mic:before,.du-mic[data-state=listening]:after{width:6.5rem;height:6.5rem}.du-mic-ico svg,.du-stop-ico svg{width:2.4rem;height:2.4rem}.du-result{width:100%;max-width:var(--page-reading-max);justify-self:center}.du-saved-list{gap:var(--space-3);grid-template-columns:repeat(auto-fill,minmax(min(100%,20rem),1fr))}.du-groups{gap:0}.du-group{column-gap:var(--space-7);padding-block:var(--space-6);border-top:1px solid var(--line-soft);grid-template-columns:12rem minmax(0,1fr);align-items:start;display:grid}.du-group:first-child{border-top:0;padding-top:0}.du-group-h{font-size:var(--fs-h3);margin:.7rem 0 0}.du-group-h:after{display:none}.du-tiles{gap:var(--space-3);grid-template-columns:repeat(auto-fill,minmax(min(100%,15.5rem),1fr))}.du-tile{padding:var(--space-3) var(--space-4);background:var(--surface-raised);border-color:var(--line-soft);min-height:4.25rem}.du-tile:hover{background:var(--surface-raised);border-color:color-mix(in srgb, var(--gold) 55%, var(--line))}.du-tile-icon{background:color-mix(in srgb, var(--gold) 10%, transparent);border-radius:50%;width:2.4rem;height:2.4rem}.du-tile-icon svg{width:1.2rem;height:1.2rem}@container view (max-width:820px){.du-group{row-gap:var(--space-4);grid-template-columns:minmax(0,1fr)}.du-group-h{margin:0}.du-tiles{grid-template-columns:repeat(auto-fill,minmax(min(100%,13.5rem),1fr))}}.du-page{gap:var(--space-5)}.du-sit-title{font-size:var(--fs-h1);font-weight:700}.du-sit-icon{width:3rem;height:3rem}.du-sit-sub{font-size:var(--fs-small);padding-inline-start:3.7rem}.du-list{gap:var(--space-5)}.du-card{padding:var(--space-7) var(--space-8) var(--space-5)}.du-en{font-size:var(--fs-body);line-height:1.65}.du-foot{margin-top:var(--space-4)}}