:root,[data-theme=paper]{--bg:#faf7f0;--surface:#fffdf8;--sunk:#f2ede2;--ink:#1d1b17;--ink-2:#5e584d;--ink-3:#8f8778;--line:#1d1b1714;--accent:#1f3f8f;--accent-ink:#fff;--accent-soft:#1f3f8f1a;--gold:#a87b2c;--gold-soft:#a87b2c29;--ok:#2f7a4f;--bad:#b3412e;--warn:#b07a12;--mushaf-ink:#1a1a1a;--shadow:0 1px 2px #1d1b170a, 0 8px 24px #1d1b170f;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}[data-theme=sepia]{--bg:#f1e6cf;--surface:#f7eedb;--sunk:#e8dbbf;--ink:#3a2e1f;--ink-2:#6a5940;--ink-3:#93805f;--line:#3a2e1f1a;--accent:#2b4c8c;--accent-soft:#2b4c8c1f;--gold:#946420;--gold-soft:#9464202e;--mushaf-ink:#2e2416}[data-theme=night]{--bg:#0b0e17;--surface:#131826;--sunk:#080a11;--ink:#ece6d8;--ink-2:#aaa395;--ink-3:#777161;--line:#ece6d817;--accent:#9db4f0;--accent-ink:#0b0e17;--accent-soft:#9db4f024;--gold:#d9b36a;--gold-soft:#d9b36a29;--ok:#6cc391;--bad:#f08a76;--warn:#e3b555;--mushaf-ink:#ece6d8;--shadow:0 1px 2px #0000004d, 0 8px 24px #00000059;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}:root{--font-ui:ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Noto Sans", "Noto Sans Arabic", sans-serif;--font-display:"Iowan Old Style", "Palatino Linotype", Palatino, "Book Antiqua", Georgia, serif;--font-arabic:"Noto Naskh Arabic", "Amiri", "Geeza Pro", serif;--text-sm:14px;--text:16px;--text-lg:19px;--text-xl:26px;--text-2xl:34px;--s1:4px;--s2:8px;--s3:12px;--s4:16px;--s5:24px;--s6:32px;--s7:48px;--r-sm:8px;--r:14px;--r-lg:22px;--r-full:999px;--tap:44px;--ease:cubic-bezier(.2, .7, .2, 1);--nav-h:60px}@font-face{font-family:surah-header;src:url(/fonts/surah-header.ttf)format("truetype");font-display:block}@font-face{font-family:surah-names;src:url(/fonts/surah-names.ttf)format("truetype");font-display:block}*,:before,:after{box-sizing:border-box}html,body,#root{height:100%}body{background:var(--bg);color:var(--ink);font:var(--text)/1.5 var(--font-ui);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;overscroll-behavior-y:none;margin:0}button{font:inherit;color:inherit;cursor:pointer;min-height:var(--tap);background:0 0;border:0;padding:0}a{color:inherit;text-decoration:none}input,select{font:inherit;color:inherit}h1,h2,h3{font-family:var(--font-display);letter-spacing:-.01em;margin:0;font-weight:600}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:var(--r-sm)}.visually-hidden{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.seg{border-radius:var(--r-full);background:var(--sunk);gap:2px;max-width:100%;padding:3px;display:flex}.seg button{min-height:40px;padding:0 var(--s3);border-radius:var(--r-full);font-size:var(--text-sm);color:var(--ink-2);white-space:nowrap;flex:1}.seg [aria-checked=true]{background:var(--surface);color:var(--ink);box-shadow:var(--shadow);font-weight:600}.shell{flex-direction:column;min-height:100dvh;display:flex}.shell main{padding-bottom:calc(var(--nav-h) + env(safe-area-inset-bottom));flex:1}.shell.immersive main{padding-bottom:0}.tabbar{z-index:30;height:calc(var(--nav-h) + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);background:color-mix(in srgb, var(--bg) 88%, transparent);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-top:1px solid var(--line);justify-content:space-around;display:flex;position:fixed;inset:auto 0 0}.tabbar a{font-size:var(--text-sm);color:var(--ink-3);min-height:var(--tap);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:2px;display:flex}.tabbar a svg{width:22px;height:22px}.tabbar a.active{color:var(--accent)}@media (width>=900px){.shell{flex-direction:row}.shell main{padding-bottom:0}.tabbar{top:0;justify-content:flex-start;gap:var(--s2);width:84px;height:100dvh;padding:var(--s5) 0;border-top:0;border-right:1px solid var(--line);flex-direction:column;position:sticky;inset:auto}.tabbar a{padding:var(--s2) 0;flex:0}}.hf{max-width:640px;padding:var(--s5) var(--s4) var(--s6);min-height:calc(100dvh - var(--nav-h) - env(safe-area-inset-bottom));flex-direction:column;margin:0 auto;display:flex}.hf>*{flex-shrink:0}@media (width>=900px){.hf{min-height:100dvh;padding:var(--s7) var(--s5) var(--s6)}}.hf h1{font-size:var(--text-xl);line-height:1.2}.hf h2{font-size:var(--text-lg)}.hf-dim{color:var(--ink-3)}.hf-lead{color:var(--ink-2);margin:var(--s2) 0 var(--s4)}.hf-wait{min-height:60dvh}.hf-err{padding:var(--s7) var(--s4);text-align:center;color:var(--ink-2)}.hf-btn{min-height:var(--tap);padding:0 var(--s5);border-radius:var(--r-full);background:var(--sunk);color:var(--ink);text-align:center;justify-content:center;align-items:center;font-weight:600;display:inline-flex}.hf-btn.pri{background:var(--accent);color:var(--accent-ink)}.hf-btn:disabled{opacity:.45;cursor:default}.hf-wide{width:100%;display:flex}.hf-link{color:var(--accent);padding:0 var(--s3);min-height:var(--tap);text-underline-offset:3px;font-weight:600;text-decoration:underline}.hf-x{width:var(--tap);height:var(--tap);border-radius:var(--r-full);color:var(--ink-2);font-size:var(--text);flex-shrink:0}.hf-btns{gap:var(--s3);margin-top:var(--s3);flex-wrap:wrap;display:flex}.hf-star{flex-shrink:0;place-items:center;width:40px;height:40px;display:grid;position:relative}.hf-star svg{width:100%;height:100%;fill:var(--gold-soft);stroke:var(--gold);stroke-width:1.1px;stroke-linejoin:round;position:absolute;inset:0}.hf-star b{font-family:var(--font-display);font-weight:600;font-size:var(--text-sm);color:var(--ink);line-height:1;position:relative}.hf-head{justify-content:space-between;align-items:center;gap:var(--s3);flex-wrap:wrap;display:flex}.hf-meta{margin:var(--s2) 0 0;color:var(--ink-2)}.hf-meta b{color:var(--gold)}.hf-plan{margin:var(--s5) 0 0;padding:0;list-style:none}.hf-plan li+li{border-top:1px solid var(--line)}.hf-row{column-gap:var(--s3);padding:var(--s5) 0;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"k go""t go""d go";align-items:center;row-gap:2px;display:grid}.hf-row-k{font-size:var(--text-sm);letter-spacing:.1em;text-transform:uppercase;color:var(--gold);grid-area:k;font-weight:700}.hf-row-k i{letter-spacing:0;text-transform:none;color:var(--ink-3);margin-inline-start:var(--s1);font-style:normal;font-weight:400}.hf-row-t{font-family:var(--font-display);font-size:var(--text-lg);grid-area:t;line-height:1.25}.hf-row-d{font-size:var(--text-sm);color:var(--ink-2);-webkit-line-clamp:2;-webkit-box-orient:vertical;grid-area:d;min-height:1.5em;display:-webkit-box;overflow:hidden}.hf-row-go{min-height:var(--tap);padding:0 var(--s5);border-radius:var(--r-full);color:var(--accent);background:var(--accent-soft);grid-area:go;align-items:center;font-weight:600;display:inline-flex}.hf-row-go.pri{background:var(--accent);color:var(--accent-ink)}.hf-row.done{opacity:.7}.hf-row.done .hf-row-go{color:var(--gold);background:0 0;padding:0}.hf-row.done .hf-row-go:before{content:"✓ "}.hf-row.none .hf-row-t{color:var(--ink-3)}.hf-done{margin:var(--s5) 0 0;text-align:center;font-family:var(--font-display);font-size:var(--text-lg);color:var(--gold)}.hf-steps{gap:var(--s2);display:flex}.hf-steps i{border-radius:var(--r-full);background:var(--line);flex:1;height:3px}.hf-steps i.on{background:var(--gold)}.hf-kicker{margin:0 0 var(--s1);font-size:var(--text-sm);color:var(--ink-3);min-height:var(--tap);justify-content:space-between;align-items:center;display:flex}.hf-setup .seg{margin-bottom:var(--s4)}.hf-juzgrid{gap:var(--s2);grid-template-columns:repeat(5,1fr);display:grid}.hf-juzgrid button{border-radius:var(--r);min-height:52px;font-family:var(--font-display);font-size:var(--text-lg);background:linear-gradient(to top, color-mix(in srgb, var(--accent) 34%, var(--sunk)) var(--fill), var(--sunk) var(--fill));font-weight:600}.hf-juzgrid button.all{background:var(--accent);color:var(--accent-ink)}.hf-surahs{margin:0;padding:0;list-style:none}.hf-surahs button{align-items:center;gap:var(--s3);text-align:start;width:100%;display:flex}.hf-grow{flex:1;min-width:0}.hf-chk{border-radius:var(--r-full);border:1.5px solid var(--ink-3);flex-shrink:0;place-items:center;width:22px;height:22px;display:grid}.hf-chk.on{background:var(--accent);border-color:var(--accent)}.hf-chk.on:after{content:"✓";color:var(--accent-ink);font-size:var(--text-sm);line-height:1}.hf-chk.part{border-color:var(--accent)}.hf-chk.part:after{content:"";background:var(--accent);width:10px;height:2px}.hf-range{gap:var(--s3);grid-template-columns:1fr 1fr;display:grid}.hf-range label,.hf-field{gap:var(--s1);color:var(--ink-2);font-size:var(--text-sm);flex-direction:column;display:flex}.hf-range input,.hf-field select,.hf-in{min-height:var(--tap);padding:0 var(--s3);border-radius:var(--r);background:var(--sunk);color:var(--ink);font-size:var(--text);border:0;width:100%}.hf-total{white-space:nowrap;flex-wrap:wrap;align-items:center;margin:0;display:flex}.hf-total b{font-family:var(--font-display);font-size:var(--text-lg);margin-inline-end:var(--s1)}.hf-opts{gap:var(--s2);margin-bottom:var(--s4);flex-direction:column;display:flex}.hf-opts>button,.hf-custom{justify-content:space-between;align-items:center;gap:var(--s3);min-height:56px;padding:0 var(--s4);border-radius:var(--r);background:var(--sunk);text-align:start;display:flex}.hf-opts span{color:var(--ink-2);font-size:var(--text-sm)}.hf-opts [aria-checked=true]{background:var(--surface);box-shadow:inset 0 0 0 2px var(--accent)}.hf-step{align-items:center;gap:var(--s2);display:flex}.hf-step button{width:var(--tap);border-radius:var(--r-full);background:var(--surface);font-size:var(--text-lg)}.hf-step output{text-align:center;min-width:5em;color:var(--ink);font-weight:600}.hf-warn{color:var(--bad)}.hf-foot{bottom:calc(var(--nav-h) + env(safe-area-inset-bottom));padding:var(--s3) 0;justify-content:space-between;gap:var(--s3);background:linear-gradient(to top, var(--bg) 75%, transparent);margin-top:auto;display:flex;position:sticky}.hf-foot .hf-btn{flex:none;min-width:96px}.hf-foot .hf-btn.pri{white-space:nowrap;flex:1;max-width:240px;margin-inline-start:auto}.hf-foot .hf-total{flex:1}@media (width>=900px){.hf-foot{bottom:0}}.hf-big{align-items:center;gap:var(--s4);margin-top:var(--s5);display:flex}.hf-big b{font-family:var(--font-display);font-weight:600;font-size:calc(var(--text-2xl) * 1.9);color:var(--gold);line-height:1}.hf-big span{color:var(--ink-2);line-height:1.35}.hf-bar{height:4px;margin:var(--s4) 0 0;border-radius:var(--r-full);background:var(--line);overflow:hidden}.hf-bar i{background:var(--gold);border-radius:var(--r-full);height:100%;display:block}.hf-stats{margin:var(--s5) 0 0;grid-template-columns:repeat(3,1fr);display:grid}.hf-stats>div{padding:var(--s1) var(--s3);border-inline-start:1px solid var(--line)}.hf-stats>div:first-child{border:0;padding-inline-start:0}.hf-stats dt{font-size:var(--text-sm);color:var(--ink-3)}.hf-stats dd{font-family:var(--font-display);font-size:var(--text-lg);margin:0;font-weight:600}.hf-sec{margin-top:var(--s6)}.hf-msg{color:var(--ink-2)}.hf-confirm{margin-top:var(--s4);border-inline-start:3px solid var(--gold);padding-inline-start:var(--s3)}.hf-legend{gap:var(--s2) var(--s4);margin:var(--s2) 0 var(--s4);font-size:var(--text-sm);color:var(--ink-2);flex-wrap:wrap;padding:0;list-style:none;display:flex}.hf-legend li{align-items:center;gap:var(--s2);display:flex}.hf-legend i{border-radius:3px;width:12px;height:12px}.c0{background:color-mix(in srgb, var(--ink) 13%, transparent)}.c1{background:var(--gold)}.c2{background:color-mix(in srgb, var(--accent) 45%, transparent)}.c3{background:var(--accent)}.hf-map{gap:var(--s2);grid-template-columns:repeat(6,1fr);display:grid}.hf-map button{justify-content:flex-start;align-items:center;gap:var(--s2);min-height:76px;padding:var(--s2) 0;border-radius:var(--r);background:color-mix(in srgb, var(--sunk) 60%, transparent);flex-direction:column;display:flex}.hf-map button>span:first-child{font-size:var(--text-sm);color:var(--ink-2);font-weight:600;line-height:1}.hf-cells{grid-template-rows:repeat(5,6px);grid-template-columns:repeat(5,6px);gap:2px;display:grid}.hf-cells i{border-radius:2px;width:6px;height:6px}.hf-sheet{width:100%;max-width:640px;max-height:88dvh;padding:var(--s5) var(--s4) calc(var(--s5) + env(safe-area-inset-bottom));border-radius:var(--r-lg) var(--r-lg) 0 0;background:var(--surface);color:var(--ink);border:0;margin:auto auto 0}.hf-sheet::backdrop{background:#0006}@media (width>=900px){.hf-sheet{border-radius:var(--r-lg);margin:auto}}.hf-sheet-h{justify-content:space-between;align-items:flex-start;gap:var(--s3);display:flex}.hf-sheet-h p{margin:0}.hf-pages{gap:var(--s2);margin:var(--s4) 0;grid-template-columns:repeat(5,1fr);display:grid}.hf-pages a{border-radius:var(--r);min-height:52px;color:var(--ink);justify-content:center;align-items:center;font-weight:600;display:flex}.hf-pages .c0{color:var(--ink-3)}.hf-pages [class^=hf-u-]{background:color-mix(in srgb, var(--u) 32%, transparent)}.hf-u-critical{--u:var(--bad)}.hf-u-due{--u:var(--warn)}.hf-u-upcoming{--u:var(--accent)}.hf-u-healthy{--u:var(--ok)}i[class^=hf-u-]{background:var(--u)}.hf-health .hf-big b{font-size:var(--text-2xl)}.hf-bands>div{padding-inline:var(--s2)}.hf-bands{grid-template-columns:repeat(4,1fr)}.hf-bands i{width:8px;height:8px;border-radius:var(--r-full);vertical-align:middle;margin-inline-end:var(--s2);display:inline-block}.hf-sec>.seg{margin:var(--s3) 0 var(--s4)}.hf-in{display:block}textarea.hf-in{padding:var(--s3);resize:vertical;font:inherit;line-height:1.5}.hf-srows button{min-height:60px;padding:var(--s2) 0}.hf-srows li+li{border-top:1px solid var(--line)}.hf-srows .hf-grow{flex-direction:column;display:flex}.hf-srows .hf-grow b{font-family:var(--font-display);font-size:var(--text-lg);font-weight:600}.hf-srows .hf-dim{font-size:var(--text-sm)}.hf-str{font-size:var(--text-sm);color:var(--ink-3);flex-direction:column;align-items:flex-end;line-height:1.2;display:flex}.hf-str b{font-family:var(--font-display);font-size:var(--text-lg);color:var(--ink);font-variant-numeric:tabular-nums}.hf-notes{margin:var(--s4) 0 0;padding:0;list-style:none}.hf-notes>li+li{border-top:1px solid var(--line)}.hf-note{padding:var(--s4) 0}.hf-note-h{justify-content:space-between;align-items:baseline;gap:var(--s3);font-size:var(--text-sm);display:flex}.hf-note-h a{color:var(--gold);letter-spacing:.04em;font-weight:700}.hf-note p{margin:var(--s2) 0 0;white-space:pre-wrap;overflow-wrap:anywhere}.hf-note .hf-btns{margin-top:var(--s1);gap:var(--s2)}.hf-note .hf-link{padding:0 var(--s3) 0 0}.hf-nform{gap:var(--s3);flex-direction:column;display:flex}.hf-nform .hf-btns{margin:0}.hf-pick{gap:var(--s3);grid-template-columns:2fr 1fr;display:grid}.hf-vn{padding-top:var(--s2)}.hf-vn .hf-notes{margin-top:0}.hf-vn .hf-notes+.hf-nform{margin-top:var(--s3)}.hf-sess{z-index:40;background:var(--bg);flex-direction:column;height:100dvh;display:flex;position:fixed;inset:0}.hf-s-top{align-items:center;gap:var(--s2);padding:calc(var(--s2) + env(safe-area-inset-top)) max(var(--s3), calc((100vw - 640px) / 2)) 0;display:flex}.hf-s-title{flex-direction:column;flex:1;min-width:0;line-height:1.25;display:flex}.hf-s-title b{font-family:var(--font-display);font-size:var(--text-lg)}.hf-s-title span{font-size:var(--text-sm);color:var(--ink-2);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.hf-listen{padding:0 var(--s4)}.hf-s-sub{padding:var(--s1) var(--s4) var(--s2);text-align:center;min-height:1.9em;font-size:var(--text-sm);color:var(--ink-3);margin:0}.hf-s-page{flex:1;min-height:0;position:relative}.hf-s-bar{min-height:calc(124px + env(safe-area-inset-bottom));padding:var(--s3) max(var(--s4), calc((100vw - 640px) / 2)) calc(var(--s3) + env(safe-area-inset-bottom));border-top:1px solid var(--line);background:var(--bg);flex-direction:column;justify-content:center;display:flex}.hf-s-bar p{margin:0 0 var(--s2);font-size:var(--text-sm);color:var(--ink-2);text-align:center}.hf-s-bar>.hf-btn{width:100%;display:flex}.hf-s-bar .hf-s-grade{text-align:start;justify-content:space-between;align-items:center;margin:0;display:flex}.hf-s-bar .hf-link{padding:0}.hf-grades{gap:var(--s2);grid-template-columns:repeat(3,1fr);display:grid}.hf-grades button{border-radius:var(--r);min-height:52px;font-weight:600;font-size:var(--text-sm);padding:0 var(--s1)}.g-perfect{background:color-mix(in srgb, var(--ok) 16%, transparent);color:var(--ok)}.g-few{background:color-mix(in srgb, var(--warn) 18%, transparent);color:var(--warn)}.g-struggled{background:color-mix(in srgb, var(--bad) 14%, transparent);color:var(--bad)}.hf-grades .sug{box-shadow:inset 0 0 0 2px}.hf-sum{padding:var(--s6) var(--s5);text-align:center;max-width:460px;margin:auto}.hf-sum .hf-btn{margin-top:var(--s4)}.hm{max-width:720px;padding:var(--s5) var(--s4) var(--s6);margin:0 auto}@media (width>=900px){.hm{padding-top:var(--s7)}}.hm-wait{min-height:40dvh}.hm-label{font-size:var(--text-sm);letter-spacing:.1em;text-transform:uppercase;color:var(--gold);font-weight:700}.hm-ar{font-family:var(--font-arabic);font-size:var(--text-xl);text-align:start;color:var(--mushaf-ink);line-height:1.9}.hm-calli{font-family:"surah-names", var(--font-arabic);color:var(--gold);white-space:nowrap;line-height:1.3}.hm-hero{align-items:flex-start;gap:var(--s2);padding:var(--s5) var(--s5) var(--s5);border-radius:var(--r-lg);background:radial-gradient(130% 90% at 100% 0%, var(--gold-soft), transparent 62%), var(--surface);box-shadow:var(--shadow);flex-direction:column;display:flex;position:relative}.hm-hero:before{content:"";border-radius:calc(var(--r-lg) - 5px);border:1px solid var(--gold-soft);pointer-events:none;position:absolute;inset:6px}.hm-hero.hm-wait{min-height:280px}.hm-calli-xl{font-size:calc(var(--text-2xl) * 1.9);margin:var(--s1) 0 var(--s1)}.hm-hero-name{flex-direction:column;display:flex}.hm-hero-name b{font-family:var(--font-display);font-size:var(--text-xl);letter-spacing:-.01em;font-weight:600;line-height:1.2}.hm-hero-name span{color:var(--ink-2)}.hm-hero-meta{color:var(--ink-3);font-size:var(--text-sm)}.hm-prog{height:3px;margin:var(--s3) 0 var(--s2);border-radius:var(--r-full);background:var(--line);align-self:stretch;overflow:hidden}.hm-prog i{background:var(--gold);border-radius:var(--r-full);min-width:3px;height:100%;display:block}.hm-cta{min-height:var(--tap);border-radius:var(--r-full);background:var(--accent);color:var(--accent-ink);justify-content:center;align-self:stretch;align-items:center;font-weight:600;display:flex}.hm-quick{justify-content:center;column-gap:var(--s5);margin:var(--s2) 0 0;font-size:var(--text-sm);flex-wrap:wrap;display:flex}.hm-quick a{color:var(--accent);padding:var(--s3) 0;font-weight:600}.hm-gap{height:var(--s2)}.hm-mem{align-items:center;column-gap:var(--s3);margin-top:var(--s3);padding:var(--s3) var(--s2);min-height:var(--tap);grid-template-columns:1fr 24px;grid-template-areas:"l c""t c";display:grid}.hm-mem .hm-label{grid-area:l}.hm-mem-t{font-family:var(--font-display);font-size:var(--text-lg);grid-area:t}.hm-mem svg{fill:none;width:20px;height:20px;stroke:var(--ink-3);stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;grid-area:c}.hm-search{margin:var(--s4) 0 var(--s5);align-items:center;display:flex;position:relative}.hm-search svg{fill:none;width:20px;height:20px;stroke:var(--ink-3);stroke-width:1.8px;stroke-linecap:round;pointer-events:none;position:absolute;inset-inline-start:var(--s4)}.hm-search input{width:100%;min-height:52px;padding:0 var(--s7) 0 calc(var(--s4) + 20px + var(--s3));border-radius:var(--r-full);background:var(--sunk);font-size:var(--text);color:var(--ink);appearance:none;border:0}.hm-search input::placeholder{color:var(--ink-3)}.hm-search input::-webkit-search-cancel-button{display:none}.hm-search input:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:var(--r-full)}.hm-search button{width:var(--tap);height:var(--tap);border-radius:var(--r-full);color:var(--ink-2);position:absolute;inset-inline-end:var(--s1)}.hm-index .seg{margin-bottom:var(--s3)}.hm-list{flex-direction:column;display:flex}.hm-h{font-size:var(--text-sm);font-family:var(--font-ui);letter-spacing:.1em;text-transform:uppercase;color:var(--gold);margin:var(--s5) 0 var(--s1);font-weight:700}.hm-row{align-items:center;gap:var(--s3);min-height:68px;padding:var(--s2) 0;border-top:1px solid var(--line);display:flex}.hm-list>:first-child{border-top:0}.hm-row-main{flex-direction:column;flex:1;min-width:0;line-height:1.35;display:flex}.hm-row-main b{font-weight:600}.hm-row-main span,.hm-row-end{color:var(--ink-3);font-size:var(--text-sm)}.hm-row-main>span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.hm-row-end{flex-direction:column;flex-shrink:0;align-items:flex-end;line-height:1.3;display:flex}.hm-row-end .hm-calli{font-size:var(--text-lg);color:var(--gold)}.hm-empty,.hm-note{color:var(--ink-3);text-align:center;padding:var(--s6) var(--s4);margin:0}.hm-note{padding:var(--s4)}.hm-hit{gap:var(--s1);padding:var(--s3) 0;border-top:1px solid var(--line);flex-direction:column;display:flex}.hm-hit b,.hm-bm b{font-weight:600}.hm-hit .hm-ar,.hm-bm .hm-ar{font-size:var(--text-lg);-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:2;display:-webkit-box;overflow:hidden}.hm-sub{color:var(--ink-3);font-size:var(--text-sm)}.hm-tr{color:var(--ink-2);font-size:var(--text-sm);-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.hm-tr mark{background:var(--gold-soft);color:inherit;border-radius:3px}.hm-tr i{color:var(--ink-3)}.hm-bm{align-items:flex-start;gap:var(--s2);border-top:1px solid var(--line);display:flex}.hm-bm>a{gap:var(--s1);min-width:0;padding:var(--s3) 0;flex-direction:column;flex:1;display:flex}.hm-bm>button{width:var(--tap);height:var(--tap);margin-top:var(--s2);border-radius:var(--r-full);color:var(--ink-3);flex-shrink:0}.rd-page{width:100%;height:100%;color:var(--mushaf-ink);-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;place-items:center;display:grid;position:relative}.rd-tall{overscroll-behavior:contain;touch-action:pan-y;align-items:start;overflow-y:auto}.rd-tall .rd-block{padding:var(--s3) 0 var(--s7)}.rd-block{font-size:var(--fs);animation:rd-in .3s var(--ease) both;flex-direction:column;justify-content:center;display:flex}.rd-l{height:var(--pitch);white-space:nowrap;font-kerning:none;align-items:center;display:flex}.rd-c{justify-content:center}.rd-w{text-align:center;cursor:pointer;flex:1 0 auto;line-height:1.5;position:relative}.rd-c .rd-w{flex:none}.rd-e{color:var(--gold)}.rd-nt{position:relative}.rd-nt:after{content:"";top:0;background:var(--bad);border-radius:50%;width:6px;height:6px;position:absolute;inset-inline-end:0}.rd-s{justify-content:center}.rd-banner{width:calc(var(--bh) * 9.316);height:var(--bh);background:url(/fonts/surah_banner.png) 50%/100% 100% no-repeat;place-items:center;display:grid}.rd-sn{font-family:surah-names;font-size:calc(var(--bh) * .74);color:var(--mushaf-ink);line-height:1}.rd-bas{height:calc(var(--pitch) * .8);width:calc(var(--pitch) * .8 * 5.1);background:var(--mushaf-ink);max-width:80%;display:block;-webkit-mask:url(/fonts/basmala.png) 50%/contain no-repeat;mask:url(/fonts/basmala.png) 50%/contain no-repeat}.rd-pv{background:var(--accent-soft)}.rd-sv{background:var(--gold-soft)}.rd-pw,.rd-mk-current{background:color-mix(in srgb, var(--gold) 34%, transparent);border-radius:.12em}.rd-fl{animation:rd-flash 1.6s var(--ease) 2}@keyframes rd-flash{50%{background:color-mix(in srgb, var(--gold) 40%, transparent)}}@keyframes rd-in{0%{opacity:0}}[class*=rd-mk-]:after{content:"";border-radius:2px;height:.07em;position:absolute;bottom:.1em;left:.1em;right:.1em}.rd-mk-ok:after{background:var(--ok)}.rd-mk-wrong:after{background:var(--bad)}.rd-mk-missed{color:color-mix(in srgb, var(--bad) 80%, var(--mushaf-ink))}.rd-mk-missed:after{border-bottom:.08em dotted var(--bad);height:0}.rd-mk-current:after{background:var(--gold)}[class*=rd-m-]{color:#0000}.rd-m-words:before,.rd-m-ayah:before{content:"";border-radius:var(--r-full);background:color-mix(in srgb, var(--mushaf-ink) 14%, transparent);height:.5em;position:absolute;top:50%;left:.08em;right:.08em;transform:translateY(-50%)}.rd-m-ayah:before{border-bottom:.06em dotted color-mix(in srgb, var(--mushaf-ink) 28%, transparent);background:0 0;border-radius:0;height:.8em;top:50%}.rd-m-first-letter:before{content:attr(data-f);color:var(--mushaf-ink);font-family:var(--font-arabic);place-items:center;font-size:.85em;display:grid;position:absolute;inset:0}.rd-ph{flex-direction:column;justify-content:space-around;align-items:flex-end;width:min(92%,520px);height:92%;max-height:760px;display:flex}.rd-ph i{border-radius:var(--r-full);background:color-mix(in srgb, var(--mushaf-ink) 7%, transparent);height:14px;animation:1.8s ease-in-out infinite rd-breathe;display:block}@keyframes rd-breathe{50%{opacity:.5}}.rd-err{gap:var(--s3);color:var(--ink-2);text-align:center;padding:var(--s5);justify-items:center;display:grid}.rd-btn{min-height:var(--tap);padding:0 var(--s5);border-radius:var(--r-full);background:var(--accent);color:var(--accent-ink)}.rd{background:var(--bg);isolation:isolate;height:100dvh;position:relative;overflow:hidden}.rd-shift{inset:0 0 var(--au-h,0px);transition:transform .28s var(--ease);position:absolute}.rd-pager{touch-action:pan-y;position:absolute;inset:0;overflow:hidden}.rd-track{will-change:transform;position:absolute;inset:0}.rd-slot{contain:layout paint;width:100%;height:100%;position:absolute;top:0}.rd-slot[aria-hidden=true]{visibility:hidden}.rd-moving .rd-slot{visibility:visible}.rd-spread{direction:rtl;width:100%;height:100%;display:flex}.rd-frame{direction:ltr;flex-direction:column;flex:1;min-width:0;display:flex}.rd-frame+.rd-frame{border-right:1px solid var(--line)}.rd-run,.rd-foot{padding:0 var(--s4);font-size:var(--text-sm);color:var(--ink-3);flex:none;justify-content:space-between;display:flex}.rd-run{height:calc(env(safe-area-inset-top) + 30px);align-items:flex-end;padding-bottom:2px}.rd-foot{height:calc(env(safe-area-inset-bottom) + 28px);font-variant-numeric:tabular-nums;letter-spacing:.04em;justify-content:center;align-items:flex-start}.rd-body{flex:1;min-height:0;position:relative}.rd-top,.rd-bot{z-index:5;background:color-mix(in srgb, var(--bg) 95%, transparent);-webkit-backdrop-filter:blur(16px);transition:transform .25s var(--ease), opacity .25s, visibility 0s linear .25s;visibility:hidden;opacity:0;position:absolute;left:0;right:0}.rd-top{align-items:center;gap:var(--s1);height:calc(56px + env(safe-area-inset-top));padding:env(safe-area-inset-top) var(--s2) 0;border-bottom:1px solid var(--line);display:flex;top:0;transform:translateY(-100%)}.rd-bot{bottom:var(--au-h,0px);gap:var(--s1);padding:var(--s2) var(--s4) calc(var(--s3) + env(safe-area-inset-bottom));border-top:1px solid var(--line);grid-template-columns:minmax(0,1fr);display:grid;transform:translateY(100%)}.rd-top.rd-show,.rd-bot.rd-show{opacity:1;visibility:visible;transition-delay:0s;transform:none}.rd-ib{width:var(--tap);height:var(--tap);border-radius:var(--r-full);color:var(--ink);flex:none;place-items:center;display:grid}.rd-ib:active{background:var(--sunk)}.rd-aa{font-family:var(--font-display);font-size:var(--text-lg);letter-spacing:-.02em;font-weight:600}.rd-title{text-align:center;flex:1;min-width:0;line-height:1.25;display:grid}.rd-title b{font-family:var(--font-display);font-weight:600;font-size:var(--text);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.rd-title span{font-size:var(--text-sm);color:var(--ink-2)}.rd-scrub{display:grid}.rd-pg{text-align:center;font-size:var(--text-sm);color:var(--ink-2);font-variant-numeric:tabular-nums}.rd-range{width:100%;height:var(--tap);appearance:none;cursor:pointer;background:0 0;margin:0}.rd-range::-webkit-slider-runnable-track{background:color-mix(in srgb, var(--ink) 16%, transparent);border-radius:2px;height:4px}.rd-range::-moz-range-track{background:color-mix(in srgb, var(--ink) 16%, transparent);border-radius:2px;height:4px}.rd-range::-webkit-slider-thumb{-webkit-appearance:none;background:var(--accent);border:3px solid var(--bg);width:26px;height:26px;box-shadow:var(--shadow);border-radius:50%;margin-top:-11px}.rd-range::-moz-range-thumb{background:var(--accent);border:3px solid var(--bg);border-radius:50%;width:20px;height:20px}.rd-auto{align-items:center;gap:var(--s2);display:flex}.rd-auto .rd-range{flex:1;width:auto;min-width:0}.rd-spd{text-align:right;min-width:62px;font-size:var(--text-sm);color:var(--ink-2);font-variant-numeric:tabular-nums;flex:none}.rd-ib[aria-pressed=true]{background:var(--accent-soft);color:var(--accent)}.rd-bot .seg button{padding:0 var(--s2)}.rd-ctl{align-items:center;gap:var(--s3);display:flex}.rd-grow{flex:1}.rd-play{background:var(--accent);width:48px;height:48px;color:var(--accent-ink);border-radius:50%;flex:none;place-items:center;display:grid}.rd:has(.rc-mic[data-s=listening]) .rd-top{visibility:hidden;opacity:0}.rd:has(.rc-mic[data-s=listening]) :is(.rd-scrub,.rd-auto){display:none}.rd:has(.rc-mic[data-s=listening]) .rd-shift{bottom:calc(var(--au-h,0px) + var(--s2) + 48px + var(--s3) + 1px + env(safe-area-inset-bottom))}.rd-layer{z-index:60;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.rd-layer:not(.rd-modal){pointer-events:none}.rd-modal{background:color-mix(in srgb, var(--ink) 38%, transparent);animation:.2s rd-in}[data-theme=night] .rd-modal{background:color-mix(in srgb, var(--sunk) 72%, transparent)}.rd-sheet{pointer-events:auto;background:var(--surface);border-radius:var(--r-lg) var(--r-lg) 0 0;width:100%;max-width:560px;max-height:84dvh;box-shadow:var(--shadow);padding-bottom:env(safe-area-inset-bottom);animation:rd-up .28s var(--ease);flex-direction:column;display:flex}@keyframes rd-up{0%{transform:translateY(100%)}}.rd-grip{width:36px;height:4px;margin:var(--s2) auto 0;background:var(--line);border-radius:2px;flex:none}.rd-sh-head{align-items:center;gap:var(--s1);padding:0 var(--s2) 0 var(--s4);flex:none;display:flex}.rd-sh-head h2{min-width:0;font-size:var(--text-lg);white-space:nowrap;text-overflow:ellipsis;flex:1;overflow:hidden}.rd-sh-head .rd-ib:first-child:not(:last-child){margin-left:calc(-1 * var(--s3))}.rd-key{color:var(--gold);font:500 var(--text) var(--font-ui);margin-left:var(--s2);font-variant-numeric:tabular-nums}.rd-sh-body{overscroll-behavior:contain;padding:0 var(--s4) var(--s4);overflow-y:auto}@media (width>=900px){.rd-modal{align-items:center}.rd-modal .rd-sheet{border-radius:var(--r-lg);width:520px;max-height:80dvh}.rd-layer:not(.rd-modal) .rd-sheet{margin-bottom:var(--s5);border-radius:var(--r-lg)}.rd-grip{display:none}.rd-sh-head{padding-top:var(--s2)}.rd-bot>*{width:100%;max-width:560px;margin-inline:auto}}.rd-acts{margin:0 calc(-1 * var(--s2));grid-template-columns:repeat(4,1fr);display:grid}.rd-act{min-height:60px;font-size:var(--text-sm);color:var(--ink-2);border-radius:var(--r);align-content:center;justify-items:center;gap:2px;display:grid}.rd-act:active{background:var(--sunk)}.rd-act.rd-on{color:var(--gold)}.rd-act.rd-on svg{fill:currentColor}.rd-read{margin-top:var(--s3);overscroll-behavior:contain;max-height:32dvh;overflow-y:auto}.rd-tr{margin:0 0 var(--s4);line-height:1.6}.rd-tr,.rd-tafsir{font-size:calc(var(--text) * var(--ts,1))}.rd-tr cite,.rd-tafsir cite{font-style:normal;font-size:var(--text-sm);color:var(--ink-3);margin-top:2px;display:block}.rd-tr cite:before{content:"— "}.rd-tafsir cite{margin:0 0 var(--s2)}.rd-tr-ld{color:var(--ink-3)}.rd-tr sup,.rd-tafsir sup{color:var(--gold);margin-left:1px;font-size:.8em}.rd-tafsir{line-height:1.65}.rd-tafsir h1,.rd-tafsir h2,.rd-tafsir h3,.rd-tafsir h4{font-size:var(--text-lg);margin:var(--s4) 0 var(--s2)}.rd-tafsir p{margin:0 0 var(--s3)}.rd-tafsir blockquote{margin:var(--s3) 0;padding-left:var(--s4);border-left:2px solid var(--gold-soft);color:var(--ink-2)}.rd-note{color:var(--ink-2);font-size:var(--text-sm);margin:var(--s2) 0}.rd-link{min-height:0;color:var(--accent);text-decoration:underline}.rd-slide{align-items:center;column-gap:var(--s3);padding-top:var(--s2);grid-template-columns:1fr auto;display:grid}.rd-slide .rd-range{grid-column:1/-1}.rd-slide .rd-val{max-width:none}.rd-layer:has([data-drag]){background:0 0}.rd-sheet:has([data-drag]){box-shadow:none;background:0 0}.rd-sheet:has([data-drag]) :is(.rd-grip,.rd-sh-head,.rd-sh-body>:not([data-drag])){opacity:0}.rd-slide[data-drag]{padding:var(--s2) var(--s4);border-radius:var(--r);background:var(--surface);box-shadow:var(--shadow)}.rd-sh-body>.seg{margin:var(--s2) 0 var(--s3)}.rd-sh-body>.seg button{min-height:var(--tap)}.rd-row{align-items:center;gap:var(--s3);text-align:left;border-radius:var(--r-sm);width:100%;min-height:52px;display:flex}.rd-row>:first-child{flex:1;min-width:0}.rd-val{text-align:right;max-width:52%;color:var(--ink-2);font-size:var(--text-sm);text-overflow:ellipsis;white-space:nowrap;flex:none;margin-left:auto;overflow:hidden}.rd-row svg{color:var(--ink-3);flex:none}.rd-sw{border-radius:var(--r-full);background:var(--sunk);width:46px;height:28px;box-shadow:inset 0 0 0 1px var(--line);flex:none;transition:background .2s;position:relative}.rd-sw:after{content:"";background:var(--surface);width:22px;height:22px;box-shadow:var(--shadow);transition:transform .2s var(--ease);border-radius:50%;position:absolute;top:3px;left:3px}[aria-checked=true]>.rd-sw{background:var(--accent)}[aria-checked=true]>.rd-sw:after{transform:translate(18px)}.rd-lbl{margin:var(--s5) 0 var(--s1);font:600 var(--text-sm) var(--font-ui);letter-spacing:.06em;text-transform:uppercase;color:var(--ink-3)}.rd-search{z-index:1;padding:var(--s2) 0;background:var(--surface);position:sticky;top:0}.rd-search input{width:100%;height:var(--tap);padding:0 var(--s4);border-radius:var(--r-full);background:var(--sunk);font-size:var(--text);border:0}.rd-search input:focus-visible{outline-offset:0}.rd-pick{padding:var(--s2) 0}.rd-pick span b{font-weight:500;display:block}.rd-pick small{color:var(--ink-3);font-size:var(--text-sm);display:block}.rd-ck{border:2px solid var(--ink-3);width:24px;height:24px;color:var(--accent-ink);border-radius:7px;flex:none;place-items:center;display:grid}.rd-rad{border-radius:50%}[aria-checked=true]>.rd-ck{background:var(--accent);border-color:var(--accent)}.rd-pick>:first-child{flex:none}.rd-pick>:last-child{flex:1;min-width:0}[aria-disabled=true]{opacity:.45}.rd-popbg{z-index:70;position:fixed;inset:0}.rd-pop{padding:var(--s4) var(--s4) var(--s3);text-align:center;background:var(--surface);border-radius:var(--r);box-shadow:var(--shadow), 0 0 0 1px var(--line);animation:.15s rd-in;position:fixed}.rd-pop.rd-up{transform:translateY(-100%)}.rd-pop-ar{font:var(--text-2xl)/1.5 var(--font-arabic);color:var(--mushaf-ink)}.rd-pop-tl{color:var(--ink-2);font-style:italic;font-size:var(--text-sm)}.rd-pop-tr{margin-top:var(--s1);font-size:var(--text-lg);font-family:var(--font-display)}.rd-pop-play{width:var(--tap);height:var(--tap);color:var(--accent);place-items:center;display:grid;position:absolute;top:2px;left:2px}.rd-toast{z-index:80;left:50%;bottom:calc(var(--s7) + env(safe-area-inset-bottom));padding:var(--s2) var(--s4);border-radius:var(--r-full);background:var(--ink);color:var(--bg);font-size:var(--text-sm);white-space:nowrap;animation:.2s rd-in;position:fixed;transform:translate(-50%)}.rd[data-mode=translation] .rd-run,.rd[data-mode=translation] .rd-foot{display:none}.rd-tv{overscroll-behavior:contain;touch-action:pan-y;position:absolute;inset:0;overflow-y:auto}.rd-tv-in{max-width:680px;padding:calc(56px + env(safe-area-inset-top) + var(--s3)) var(--s5) calc(150px + env(safe-area-inset-bottom));margin:0 auto}.rd-v{padding:var(--s5) var(--s3);margin:0 calc(-1 * var(--s3));border-radius:var(--r);background-repeat:no-repeat}.rd-v+.rd-v{background-image:linear-gradient(var(--line), var(--line));background-size:calc(100% - 2 * var(--s3)) 1px;background-position:top}.rd-vp{background-color:var(--accent-soft)}.rd-vs{background-color:var(--gold-soft)}.rd-vf{animation:rd-flash 1.6s var(--ease) 2}.rd-vt{gap:var(--s2);text-align:left;width:100%;min-height:0;display:grid}.rd-vn{border:1.5px solid var(--gold);width:34px;height:34px;color:var(--gold);font:600 var(--text-sm) var(--font-ui);font-variant-numeric:tabular-nums;border-radius:50%;place-items:center;display:grid}.rd-ar{text-align:right;font:calc(var(--text-xl) * 1.2 * var(--as,1))/2 var(--font-arabic);color:var(--mushaf-ink);display:block}.rd-v .rd-tr{margin:var(--s3) 0 0}.rd-sh{text-align:center;padding:var(--s6) 0 var(--s2)}.rd-sh-ar{color:var(--mushaf-ink);font:44px/1.4 surah-names;display:block}.rd-sh h2{font-size:var(--text-lg)}.rd-sh p{margin:2px 0 var(--s4);color:var(--ink-2);font-size:var(--text-sm)}.rd-sh .rd-bas{--pitch:56px;margin:0 auto}.rd-tf{margin:var(--s3) 0 0;padding-left:var(--s3);border-left:2px solid var(--gold-soft);color:var(--ink-2)}.rd-tf cite{color:var(--ink-2);font-weight:600}.rd-tf .rd-link{min-height:var(--tap);display:block}.rd-tf>div>:first-child{margin-top:0}.rd-clamp{max-height:9em;overflow:hidden;-webkit-mask-image:linear-gradient(#000 55%,#0000);mask-image:linear-gradient(#000 55%,#0000)}.rd-end{text-align:center;color:var(--ink-3);font-size:var(--text-sm);margin-top:var(--s6)}.rd-block{font-palette:--qcf-paper}[data-theme=sepia] .rd-block{font-palette:--qcf-sepia}[data-theme=night] .rd-block{font-palette:--qcf-night}.rd-inline .rd-sh-head{padding:0}.rd-inline .rd-sh-body{padding:0;overflow:visible}.rd-sc{overscroll-behavior:contain;padding:env(safe-area-inset-top) 0 calc(var(--s7) + env(safe-area-inset-bottom));position:absolute;inset:0;overflow-y:auto;container-type:inline-size}.rd-sp{--w:min(100cqw, calc(640px * max(var(--ms), 1)));width:var(--w);margin:0 auto var(--s5);height:calc(var(--w) * var(--pw) * var(--lg) * min(var(--ms), 1) * 2 + 64px);display:flex}.rd-sc .rd-run,.rd-sc .rd-foot{height:28px;padding-top:0;padding-bottom:0}.rc-mic{width:var(--tap);height:var(--tap);border-radius:var(--r-full);background:var(--sunk);color:var(--ink);flex:none;place-items:center;display:grid;position:relative}.rc-mic svg{width:22px;height:22px}.rc-mic:active{background:var(--accent-soft)}.rc-mic[data-s=listening]{background:var(--gold-soft);color:var(--gold)}.rc-mic[data-s=listening]:after{content:"";border-radius:inherit;box-shadow:0 0 0 2px var(--gold);animation:rc-pulse 1.8s var(--ease) infinite;position:absolute;inset:0}@keyframes rc-pulse{0%{opacity:.7;transform:scale(1)}to{opacity:0;transform:scale(1.5)}}.rc-mic[data-s=loading]:before,.rc-mic[data-s=finishing]:before{content:"";border-radius:inherit;background:conic-gradient(var(--accent) calc(var(--p,22) * 1%), var(--line) 0);position:absolute;inset:0;-webkit-mask:radial-gradient(farthest-side,#0000 calc(100% - 3px),#000 calc(100% - 2px));mask:radial-gradient(farthest-side,#0000 calc(100% - 3px),#000 calc(100% - 2px))}.rc-mic[data-wait]:before,.rc-mic[data-s=finishing]:before{animation:.9s linear infinite rc-spin}@keyframes rc-spin{to{transform:rotate(1turn)}}@media (prefers-reduced-motion:reduce){.rc-mic:before,.rc-mic:after{animation:none!important}.rc-mic[data-s=listening]:after{opacity:1;transform:none}}.rc-note{z-index:62;width:max-content;max-width:calc(100vw - 2 * var(--s4));padding:var(--s2) var(--s4);border-radius:var(--r);background:var(--ink);color:var(--bg);font-size:var(--text-sm);text-align:center;box-shadow:var(--shadow);animation:rc-in .2s var(--ease);line-height:1.4;position:fixed;left:50%;transform:translate(-50%)}@keyframes rc-in{0%{opacity:0;translate:0 6px}}.rc-layer{z-index:62;pointer-events:none;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.rc-sheet{pointer-events:auto;overscroll-behavior:contain;background:var(--surface);width:100%;max-width:560px;max-height:64dvh;color:var(--ink);border-radius:var(--r-lg) var(--r-lg) 0 0;box-shadow:var(--shadow);padding:var(--s5) var(--s4) calc(var(--s4) + env(safe-area-inset-bottom));animation:rc-up .28s var(--ease);border:0;overflow-y:auto}dialog.rc-sheet{margin:auto auto 0}dialog.rc-sheet::backdrop{background:#00000047}@keyframes rc-up{0%{opacity:0;transform:translateY(24px)}}.rc-top{align-items:flex-start}.rc-top .rc-sheet{border-radius:0 0 var(--r-lg) var(--r-lg);padding:calc(var(--s4) + env(safe-area-inset-top)) var(--s4) var(--s4);animation-name:rc-down}@keyframes rc-down{0%{opacity:0;transform:translateY(-24px)}}@media (width>=900px){.rc-layer{align-items:center}.rc-sheet{border-radius:var(--r-lg)}dialog.rc-sheet{margin:auto}}.rc-h{font-size:var(--text-xl);margin-bottom:var(--s2)}.rc-h2{font-family:var(--font-ui);font-size:var(--text-sm);letter-spacing:.04em;text-transform:uppercase;color:var(--ink-3);margin:var(--s5) 0 var(--s1);font-weight:600}.rc-p{margin:0 0 var(--s2);color:var(--ink-2)}.rc-fine{margin:var(--s4) 0 0;font-size:var(--text-sm);color:var(--ink-3);line-height:1.45}.rc-act{justify-content:flex-end;gap:var(--s2);margin-top:var(--s4);display:flex}.rc-b{min-height:var(--tap);padding:0 var(--s4);border-radius:var(--r-full);color:var(--accent);font-weight:600}.rc-b:active{background:var(--accent-soft)}.rc-pri{background:var(--accent);color:var(--accent-ink)}.rc-pri:active{background:var(--accent);opacity:.85}.rc-score{align-items:baseline;gap:var(--s3);display:flex}.rc-score b{font-family:var(--font-display);font-size:var(--text-2xl);letter-spacing:-.02em;font-weight:600;line-height:1}.rc-score span{color:var(--ink-2);font-size:var(--text-sm);line-height:1.4}.rc-list{margin:0;padding:0;list-style:none}.rc-row{align-items:center;gap:var(--s3);padding:0 var(--s2);margin:0 calc(-1 * var(--s2));width:calc(100% + 2 * var(--s2));border-radius:var(--r-sm);text-align:start;display:flex}.rc-row:active,.rc-hot{background:var(--gold-soft)}.rc-ref{min-width:3.4em;color:var(--ink-3);font-size:var(--text-sm);font-variant-numeric:tabular-nums;flex:none}.rc-ar{min-width:0;font:24px/1.9 var(--font-arabic);text-align:right;white-space:nowrap;text-overflow:ellipsis;flex:1;overflow:hidden}.rc-kind{font-size:var(--text-sm);flex:none}.rc-wrong{color:var(--bad)}.rc-missed{color:var(--warn)}:root{--au-h:0px}:root:has(.au-bar){--au-h:56px}:root:has(.immersive>.au-bar){--au-h:calc(56px + env(safe-area-inset-bottom))}.au-bar{z-index:25;left:0;right:0;bottom:calc(var(--nav-h) + env(safe-area-inset-bottom));align-items:center;gap:var(--s1);height:var(--au-h);padding:0 var(--s2) 0 var(--s4);background:color-mix(in srgb, var(--surface) 96%, transparent);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-top:1px solid var(--line);display:flex;position:fixed}.immersive>.au-bar{padding-bottom:env(safe-area-inset-bottom);bottom:0}@media (width>=900px){.au-bar{padding-inline:max(var(--s5), calc((100% - 720px) / 2));bottom:0;left:84px}.immersive>.au-bar{left:0}}.shell:not(.immersive):has(>.au-bar) main{padding-bottom:calc(var(--nav-h) + env(safe-area-inset-bottom) + var(--au-h))}@media (width>=900px){.shell:not(.immersive):has(>.au-bar) main{padding-bottom:var(--au-h)}}.au-line{background:var(--gold-soft);height:2px;position:absolute;top:-1px;left:0;right:0;overflow:hidden}.au-line b{background:var(--gold);transform-origin:0;height:100%;display:block;transform:scaleX(0)}.au-open{text-align:left;flex-direction:column;flex:1;justify-content:center;min-width:0;height:56px;display:flex}.au-name{font-family:var(--font-display);font-size:var(--text);white-space:nowrap;text-overflow:ellipsis;font-weight:600;line-height:1.25;overflow:hidden}.au-sub{font-size:var(--text-sm);color:var(--ink-2);white-space:nowrap;text-overflow:ellipsis;line-height:1.3;overflow:hidden}.au-gold{color:var(--gold);font-variant-numeric:tabular-nums;font-weight:600}.au-bad,.au-err{color:var(--bad)}.au-ctl,.au-play,.au-x,.au-transport button{width:var(--tap);height:var(--tap);border-radius:var(--r-full);flex:none;place-items:center;display:grid}.au-ctl svg,.au-transport button svg{width:22px;height:22px}.au-ctl{color:var(--ink-2)}.au-play{background:var(--accent);color:var(--accent-ink)}.au-play svg{width:20px;height:20px}.au-ctl:active,.au-transport button:active{background:var(--sunk)}.au-sheet{color:var(--ink);background:var(--surface);border-radius:var(--r-lg) var(--r-lg) 0 0;width:100%;max-width:none;max-height:min(92dvh,780px);box-shadow:var(--shadow);border:0;margin:auto 0 0;padding:0;overflow:hidden}.au-sheet[open]{animation:au-up .24s var(--ease);display:block}.au-sheet::backdrop{background:#0006}@keyframes au-up{0%{opacity:0;transform:translateY(24px)}}@media (prefers-reduced-motion:reduce){.au-sheet[open]{animation:none}}@media (width>=900px){.au-sheet{border-radius:var(--r-lg);width:460px;margin:auto}}.au-scroll{overscroll-behavior:contain;max-height:min(92dvh,780px);padding:var(--s5) var(--s5) calc(var(--s5) + env(safe-area-inset-bottom));position:relative;overflow-y:auto}.au-x{top:var(--s2);right:var(--s2);color:var(--ink-2);position:absolute}.au-x svg{width:20px;height:20px}.au-h{font-size:var(--text-xl);padding-right:var(--s7);line-height:1.2}.au-meta{margin:var(--s1) 0 0;font-size:var(--text-sm);color:var(--ink-2)}.au-err{margin:var(--s2) 0 0;font-size:var(--text-sm)}.au-line-lg{margin-top:var(--s3);border-radius:var(--r-full);position:static}.au-transport{justify-content:center;align-items:center;gap:var(--s5);margin:var(--s2) 0 var(--s3);display:flex}.au-play-lg{width:64px!important;height:64px!important}.au-play-lg svg{width:28px!important;height:28px!important}.au-row{margin-top:var(--s4)}.au-label{font-size:var(--text-sm);color:var(--ink-2);margin-bottom:6px}.au-label span{color:var(--gold)}.au-row .seg button{padding:0 var(--s2);flex:auto}.au-range{gap:var(--s3);grid-template-columns:1fr 1fr;display:grid}.au-range label{gap:var(--s1);font-size:var(--text-sm);color:var(--ink-3);flex-direction:column;min-width:0;display:flex}.au-sheet select{width:100%;min-height:var(--tap);padding:0 var(--s3);background:var(--sunk);color:var(--ink);border-radius:var(--r);font-size:var(--text);border:0}.au-download,.au-text{color:var(--accent);font-size:var(--text-sm);font-weight:600}.au-download{align-items:center;gap:var(--s2);min-height:var(--tap);text-align:left;display:flex}.au-download svg,.au-done svg{flex:none;width:18px;height:18px}.au-download:disabled{opacity:.5}.au-dl{align-items:center;gap:var(--s3);flex-wrap:wrap;display:flex}.au-done{align-items:center;gap:var(--s2);color:var(--ok);font-size:var(--text-sm);flex:1;min-width:0;display:flex}.au-meter{border-radius:var(--r-full);background:var(--sunk);flex:100%;height:4px;overflow:hidden}.au-meter b{background:var(--gold);height:100%;transition:width .2s linear;display:block}.au-stop{margin:var(--s5) auto 0;color:var(--ink-3);font-weight:400;display:block}.st{max-width:640px;padding:var(--s5) var(--s4) var(--s7);gap:var(--s6);grid-template-columns:minmax(0,1fr);margin:0 auto;display:grid}.st h1{font-size:var(--text-2xl)}.st h2{font-size:var(--text-lg);margin-bottom:var(--s2)}.st-row{justify-content:space-between;align-items:center;gap:var(--s3);min-height:var(--tap);padding:var(--s2) 0;border-bottom:1px solid var(--line);display:flex}.st-row select{text-overflow:ellipsis;min-width:0;max-width:60%;min-height:var(--tap);padding:0 var(--s3);border-radius:var(--r-sm);background:var(--sunk);font-size:var(--text-sm);border:0}.st-about p{color:var(--ink-2);font-size:var(--text-sm);margin:0 0 var(--s3)}