:root{--pz-card:#fff;--pz-line:#ebe3d3;--pz-mute:#5f6a64;--pz-ink:#1d2b24;--pz-soft-2:#f3ecdc;--pz-shadow:0 1px 2px #281e0a0a, 0 4px 10px -4px #281e0a0f, 0 18px 36px -18px #281e0a29;--pz-serif:var(--font-serif-display), "Noto Serif", Georgia, "Times New Roman", serif}html.dark{--pz-card:#13241d;--pz-line:#22382e;--pz-mute:#a9b8b0;--pz-ink:#eef3ef;--pz-soft-2:#0f1d18;--pz-shadow:0 1px 2px #0000004d, 0 6px 14px -6px #00000073, 0 22px 40px -20px #0009}.pz-tone-green{--tone:#1f7a55;--tone-ink:#17603f;--tone-soft:#e6f2ec;--tone-hi:#35a476}.pz-tone-teal{--tone:#1b8a8f;--tone-ink:#12686c;--tone-soft:#e3f3f3;--tone-hi:#36b1b6}.pz-tone-amber{--tone:#b7791f;--tone-ink:#81530c;--tone-soft:#fbf0dc;--tone-hi:#dc9d3c}.pz-tone-plum{--tone:#8a4f8f;--tone-ink:#6c3a71;--tone-soft:#f3e8f3;--tone-hi:#b072b5}.pz-tone-blue{--tone:#3561a8;--tone-ink:#284c87;--tone-soft:#e6edf8;--tone-hi:#5b86cf}.pz-tone-rose{--tone:#b4536a;--tone-ink:#8f3b50;--tone-soft:#f8e7eb;--tone-hi:#d77790}html.dark .pz-tone-green{--tone-ink:#8fe0ba;--tone-soft:#1f7a553d}html.dark .pz-tone-teal{--tone-ink:#8adcdf;--tone-soft:#1b8a8f3d}html.dark .pz-tone-amber{--tone-ink:#f3cb88;--tone-soft:#b7791f3d}html.dark .pz-tone-plum{--tone-ink:#e2b4e5;--tone-soft:#8a4f8f47}html.dark .pz-tone-blue{--tone-ink:#a9c4f2;--tone-soft:#3561a84d}html.dark .pz-tone-rose{--tone-ink:#f0b0bf;--tone-soft:#b4536a47}.pz-card{border:1px solid var(--pz-line);background:var(--pz-card);box-shadow:var(--pz-shadow);color:var(--pz-ink);border-radius:24px;padding:1.05rem 1.05rem 1.1rem;position:relative}@media (min-width:640px){.pz-card{padding:1.2rem 1.25rem 1.25rem}}.pz-card+.pz-card{margin-top:0}.pz-head{flex:auto;align-items:center;gap:.6rem;min-width:0;margin-bottom:.85rem;display:flex}.pz-head__bar{background:linear-gradient(180deg, var(--tone-hi), var(--tone));border-radius:3px;flex:none;width:4px;height:1.2rem}.pz-head__title{min-width:0;font-family:var(--pz-serif);letter-spacing:-.01em;color:var(--pz-ink);text-transform:none;margin:0;font-size:1.12rem;font-weight:600;line-height:1.25}.pz-pill{text-overflow:ellipsis;white-space:nowrap;background:var(--tone-soft);max-width:46%;color:var(--tone-ink);border-radius:999px;flex-shrink:0;margin-inline-start:auto;padding:.22rem .65rem;font-size:.75rem;font-weight:700;overflow:hidden}.pz-tile{background:linear-gradient(145deg, var(--tone-hi), var(--tone) 60%, var(--tone-ink));color:#fff;box-shadow:inset 0 1px 0 #fff6, 0 6px 14px -6px color-mix(in srgb, var(--tone) 70%, transparent);border-radius:12px;flex:none;place-items:center;display:inline-grid}html.dark .pz-tile{background:linear-gradient(145deg, var(--tone-hi), var(--tone))}.pz-tile--sm{border-radius:10px;width:2.1rem;height:2.1rem}.pz-tile--md{width:2.6rem;height:2.6rem}.pz-tile--lg{border-radius:16px;width:3.4rem;height:3.4rem}.pz-tile--plain{background:var(--pz-soft-2);color:var(--pz-mute);box-shadow:none}.pz-brand{align-items:center;gap:.65rem;min-width:0;display:inline-flex}.pz-brand__mark{background:var(--pz-card);border:1px solid var(--pz-line);border-radius:12px;flex:none;place-items:center;width:2.5rem;height:2.5rem;display:grid;overflow:hidden;box-shadow:0 2px 8px #0000000f}.pz-brand__mark--img{object-fit:contain;object-position:center;border-color:color-mix(in srgb, var(--pz-line) 60%, transparent);width:auto;min-width:2.5rem;max-width:6.5rem;height:2.5rem;box-shadow:none;background:0 0;border-radius:10px;padding:0;display:block}.pz-brand__text{flex-direction:column;min-width:0;line-height:1.15;display:flex}.pz-brand__text b{letter-spacing:-.015em;color:var(--pz-ink);font-size:1.05rem;font-weight:700}.pz-brand__text span{text-overflow:ellipsis;white-space:nowrap;color:var(--pz-mute);font-size:.78rem;overflow:hidden}.pz-burger.studio-menu-button{color:#f3d27a;background:linear-gradient(160deg,#0f5a41,#073a2a);border:1px solid #e8c46a8c;border-radius:9999px;box-shadow:0 4px 14px #073a2a47,inset 0 1px #ffffff1f}html.dark .pz-burger.studio-menu-button{color:#f6d985;background:linear-gradient(160deg,#f3d27a38,#f3d27a1a);border-color:#f3d27a99;box-shadow:0 4px 14px #00000059}.pz-burger.studio-menu-button:focus-visible{outline-offset:2px;outline:2px solid #f3d27a}:root .studio-menu.pz-menu,html.dark:root .studio-menu.pz-menu{border:1px solid var(--pz-line);background:var(--pz-card);border-radius:26px;width:min(21.5rem,100vw - 1.5rem);height:auto;max-height:calc(100dvh - 5rem);padding:.9rem .6rem .7rem;overflow-y:auto;box-shadow:0 30px 70px -24px #07141073,0 4px 14px #0000000f}.pz-menu__group{letter-spacing:.12em;text-transform:uppercase;color:var(--pz-mute);margin:.35rem .75rem;font-size:.7rem;font-weight:700}.pz-menu .pz-menu__links{flex-direction:column;gap:.1rem;margin-top:0;display:flex}.pz-menu .pz-menu__item{width:100%;min-height:3.1rem;color:var(--pz-ink);text-align:start;cursor:pointer;background:0 0;border:0;border-radius:16px;align-items:center;gap:.8rem;padding:.35rem .7rem;font-size:1rem;font-weight:600;text-decoration:none;display:flex}.pz-menu .pz-menu__item:hover,.pz-menu .pz-menu__item:focus-visible{background:var(--pz-soft-2)}.pz-menu__label{flex:auto;min-width:0}.pz-menu__chev{color:var(--pz-mute);flex:none}.pz-menu__value{color:var(--pz-mute);margin-inline-start:auto;font-size:.9rem;font-weight:600}.pz-menu__rule{background:var(--pz-line);height:1px;margin:.55rem .75rem}:root .practice-setup .studio-hero{isolation:isolate;position:relative}:root .practice-setup .studio-hero:before{content:"";z-index:-1;pointer-events:none;filter:blur(6px);background:radial-gradient(40% 70% at 18% 45%,#1f7a5529,#0000 70%),radial-gradient(35% 60% at 55% 30%,#c9a22729,#0000 70%);position:absolute;inset:-2.5rem -2rem -1.5rem -3rem}html.dark:root .practice-setup .studio-hero:before{background:radial-gradient(40% 70% at 18% 45%,#35a47638,#0000 70%),radial-gradient(35% 60% at 55% 30%,#dfc07729,#0000 70%)}:root .practice-setup .studio-hero .page-title{color:var(--pz-ink);font-weight:700}:root .practice-setup .studio-setup__primary,:root .practice-setup .studio-setup__controls{flex-direction:column;gap:1rem;display:flex}:root .practice-setup .studio-setup__primary>*,:root .practice-setup .studio-setup__controls>*{margin-top:0!important}:root .practice-setup .pz-card .studio-segment.pz-seg{background:var(--tone-soft);border-radius:15px;gap:4px;padding:4px}:root .practice-setup .pz-card .studio-segment.pz-seg .practice-family-tab{min-height:2.8rem;color:var(--tone-ink);box-shadow:none;background:0 0;border:0;border-radius:12px;font-weight:700}:root .practice-setup .pz-card .studio-segment.pz-seg .practice-family-tab[aria-pressed=true]{background:linear-gradient(160deg, var(--tone-hi), var(--tone) 55%, var(--tone-ink));color:#fff;box-shadow:inset 0 1px 0 #ffffff59, 0 6px 14px -6px color-mix(in srgb, var(--tone) 80%, transparent)}html.dark:root .practice-setup .pz-card .studio-segment.pz-seg .practice-family-tab[aria-pressed=true]{background:linear-gradient(160deg, var(--tone-hi), var(--tone))}:root .practice-setup .pz-options .practice-choice{color:var(--pz-ink);box-shadow:none;background:0 0;border:1.5px solid #0000;border-radius:15px;gap:.8rem;text-decoration:none;transform:none}:root .practice-setup .pz-options .practice-choice:hover{background:var(--pz-soft-2)}:root .practice-setup .pz-options .practice-choice.practice-choice--on,:root .practice-setup .pz-options .practice-choice.practice-choice--on:hover{border-color:var(--tone);background:var(--tone-soft);color:var(--pz-ink)}:root .practice-setup .pz-options .practice-choice .pz-tile{background:var(--tone-soft);color:var(--tone-ink);box-shadow:none}:root .practice-setup .pz-options .practice-choice.practice-choice--on .pz-tile{background:linear-gradient(145deg, var(--tone-hi), var(--tone));color:#fff}:root .practice-setup .pz-options .practice-choice .text-ink-soft{color:var(--pz-mute)}:root .practice-setup .studio-segment.studio-scope.pz-scopes{background:0 0;gap:.5rem;padding:0;display:flex}:root .practice-setup .studio-scope.pz-scopes :is(button,a).practice-choice.pz-scope,:root .practice-setup .studio-scope.pz-scopes :is(button,a).practice-choice.pz-scope:hover{background:var(--tone-soft);color:var(--tone-ink);box-shadow:none;border:0;border-radius:13px;font-weight:700;transform:none}:root .practice-setup .studio-scope.pz-scopes :is(button,a).practice-choice.pz-scope.practice-choice--on,:root .practice-setup .studio-scope.pz-scopes :is(button,a).practice-choice.pz-scope.practice-choice--on:hover{background:linear-gradient(160deg, var(--tone-hi), var(--tone) 55%, var(--tone-ink));color:#fff;box-shadow:inset 0 1px 0 #ffffff59, 0 6px 14px -6px color-mix(in srgb, var(--tone) 80%, transparent)}html.dark:root .practice-setup .studio-scope.pz-scopes :is(button,a).practice-choice.pz-scope.practice-choice--on{background:linear-gradient(160deg, var(--tone-hi), var(--tone))}:root .practice-setup .pz-card .studio-search{border:1px solid var(--pz-line);background:var(--studio-canvas);border-radius:999px}:root .practice-setup .pz-card .studio-rows :is(button,a).practice-choice{border:0;border-top:1px solid var(--pz-line);min-height:3.4rem;color:var(--pz-ink);box-shadow:none;background:0 0;border-radius:0;transform:none}:root .practice-setup .pz-card .studio-rows :is(button,a).practice-choice:first-child{border-top:0}:root .practice-setup .pz-card .studio-rows :is(button,a).practice-choice.practice-choice--on{background:var(--tone-soft);color:var(--pz-ink);border-radius:14px}:root .practice-setup .pz-card .studio-rows :is(button,a).practice-choice.practice-choice--on+button{border-top-color:#0000}:root .practice-setup .pz-card .studio-rows .text-ink-soft{color:var(--pz-mute)}:root .practice-setup .practice-badge.pz-star{isolation:isolate;position:relative;width:2.3rem!important;height:2.3rem!important;color:var(--tone-ink)!important;background:0 0!important;border-radius:0!important;font-size:.75rem!important}:root .practice-setup .practice-badge.pz-star:before,:root .practice-setup .practice-badge.pz-star:after{content:"";z-index:-1;background:var(--tone-soft);border:1.5px solid color-mix(in srgb, var(--tone) 55%, transparent);border-radius:5px;position:absolute;inset:.3rem}:root .practice-setup .practice-badge.pz-star:after{transform:rotate(45deg)}.pz-arrow{background:var(--pz-soft-2);width:1.9rem;height:1.9rem;color:var(--pz-mute);border-radius:999px;place-items:center;display:inline-grid}html.dark .pz-arrow{background:#ffffff0f}:root .practice-setup .studio-surah-name,.studio-surah-name{font-family:"UthmanicHafs", var(--font-quran);color:var(--pz-ink);font-size:1.3rem;font-weight:400;line-height:1.6}html.dark .studio-surah-name{color:#f1e3bd}.hizib-opening{max-width:min(18rem,72%);font-family:"UthmanicHafs", var(--font-quran);font-synthesis:none;color:inherit;text-align:right;white-space:normal;font-size:1.2rem;font-weight:400;line-height:1.65}@media (max-width:480px){.hizib-opening{font-size:1.12rem}}.pz-field{flex-direction:column;gap:.35rem;min-width:0;display:flex}.pz-field .label{margin-bottom:0}.pz-field select,:root .practice-setup .pz-card select.input{white-space:normal;text-overflow:clip;border-radius:14px;width:100%;min-width:0;max-width:100%}:root .practice-setup .pz-card .studio-fold{border:1px solid var(--pz-line);background:0 0;border-radius:16px}:root .practice-setup .pz-card.practice-dock__speed .speed-control,:root .practice-setup .pz-card.practice-dock__speed [role=group]{width:100%}:root .practice-setup .practice-start{color:#fff;background:linear-gradient(160deg,#35a476,#1f7a55 50%,#0f4d3a);border-radius:18px;box-shadow:inset 0 1px #ffffff4d,0 12px 28px -8px #1f7a558c,0 0 0 6px #1f7a5514}html.dark:root .practice-setup .practice-start{color:#fff;background:linear-gradient(160deg,#3fb585,#1f7a55);box-shadow:inset 0 1px #ffffff40,0 12px 32px -8px #3fb58580,0 0 0 6px #3fb5851a}:root .practice-setup--gold .practice-start{background:linear-gradient(160deg,#dcb54c,#b7791f 55%,#81530c);box-shadow:inset 0 1px #ffffff59,0 12px 28px -8px #b7791f8c,0 0 0 6px #b7791f14}html.dark:root .practice-setup--gold .practice-start{color:#1b1206;background:linear-gradient(160deg,#e7c26a,#b7791f)}@media (prefers-reduced-motion:reduce){.pz-menu .pz-menu__item,.pz-tile{transition:none}}.pz-menu__value select{width:auto;max-width:9rem}@media (max-width:480px){.studio-surah-name,:root .practice-setup .studio-surah-name{font-size:1.12rem}.pz-arrow{width:1.6rem;height:1.6rem}}.mushaf-reader{position:relative}.mushaf-view--reader .mushaf-chrome{display:none!important}:root .mushaf-hud.pz-mtop{z-index:30;background:var(--pz-card);border:1px solid var(--pz-line);box-shadow:var(--pz-shadow);color:var(--pz-ink);border-radius:18px;align-items:center;gap:.6rem;margin:.4rem .6rem .3rem;padding:.35rem .45rem;display:flex;position:relative}.pz-mtop__btn{width:2.6rem;height:2.6rem;min-height:2.6rem;color:inherit;background:#0f7a551f;border:0;border-radius:999px;flex:none;place-items:center;display:inline-grid}.pz-mtop__btn svg,.pz-mbar svg{width:1.25rem;height:1.25rem}.mushaf-hud__exit{color:#f6f3ea;cursor:pointer;background:#0f5a41;border:0;border-radius:999px;flex:none;align-items:center;gap:.1rem;min-height:2.6rem;padding:0 .75rem 0 .4rem;font-size:.95rem;font-weight:800;display:inline-flex;box-shadow:0 4px 14px #07281c47}.mushaf-hud__exit svg{width:1.15rem;height:1.15rem}.mushaf-hud__exit span{white-space:nowrap}.pz-mtop__title{min-width:0;color:inherit;text-align:start;background:0 0;border:0;flex-direction:column;flex:auto;align-items:flex-start;min-height:2.6rem;padding:.1rem .2rem;display:flex}.pz-mtop__title strong{font-family:var(--pz-serif);white-space:nowrap;text-overflow:ellipsis;max-width:100%;font-size:1.02rem;overflow:hidden}.pz-mtop__title small{color:var(--pz-mute);font-size:.78rem;font-weight:600}.pz-mtop__pill{white-space:nowrap;color:#7a4d00;background:#fff1d1;border-radius:999px;flex:none;padding:.35rem .7rem;font-size:.78rem;font-weight:700}html.dark .pz-mtop__pill,.mushaf-reader[data-mushaf-night="1"] .pz-mtop__pill{color:#ffd88a;background:#ffc45029}.pz-mbar{z-index:13;left:50%;bottom:calc(.8rem + env(safe-area-inset-bottom,0px));background:color-mix(in srgb, var(--pz-card) 92%, transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--pz-line);max-width:calc(100% - 1.2rem);color:var(--pz-ink);border-radius:999px;align-items:center;gap:.45rem;padding:.4rem;display:flex;position:absolute;transform:translate(-50%);box-shadow:0 12px 32px #0a281e38,0 2px 6px #0a281e1f}.pz-mbar__btn{width:2.75rem;height:2.75rem;color:inherit;background:#0f7a551a;border:0;border-radius:999px;flex:none;place-items:center;display:inline-grid}.pz-mbar__btn:disabled{opacity:.35}.pz-mbar__play{color:#fff;background:linear-gradient(160deg,#23b07c,#0b6b49);border:0;border-radius:999px;flex:none;place-items:center;width:3.4rem;height:3.4rem;display:inline-grid;box-shadow:0 0 0 4px #23b07c2e,0 8px 22px #0b6b4973,inset 0 1px #ffffff59}.pz-mbar__play svg{width:1.5rem;height:1.5rem}.pz-mbar__chip{min-width:0;height:2.75rem;color:inherit;background:#7a4fd01f;border:0;border-radius:999px;flex:0 auto;align-items:center;gap:.35rem;padding:0 .8rem;font-size:.82rem;font-weight:700;display:inline-flex}.pz-mbar__chip span{white-space:nowrap;text-overflow:ellipsis;max-width:9.5rem;overflow:hidden}@media (max-width:480px){.pz-mbar__chip span{max-width:5.5rem}}:root .mushaf-reader .mushaf-toolbar.pz-msheet{display:none}:root .mushaf-reader .mushaf-toolbar.pz-msheet--open{z-index:21;inset-inline:.6rem;max-height:min(68dvh, calc(var(--app-height) - 10rem));overscroll-behavior:contain;background:var(--pz-card);border:1px solid var(--pz-line);color:var(--pz-ink);border-radius:24px;grid-template-columns:repeat(auto-fill,minmax(9.5rem,1fr));align-items:start;gap:.6rem .75rem;padding:0 1rem 1.2rem;display:grid;position:absolute;bottom:.6rem;overflow:auto;box-shadow:0 24px 60px #0a1e1959}html.dark .mushaf-reader:not([data-mushaf-night="0"]) .mushaf-toolbar.pz-msheet--open,.mushaf-reader[data-mushaf-night="1"] .mushaf-toolbar.pz-msheet--open{background:#17211e}.mushaf-sheet-backdrop{z-index:20;cursor:pointer;background:#0a100e73;border:0;padding:0;position:absolute;inset:0}.pz-msheet__head{z-index:2;background:var(--pz-card);border-radius:24px 24px 0 0;grid-column:1/-1;justify-content:space-between;align-items:center;gap:.75rem;margin:0 -1rem;padding:.85rem 1rem .7rem;display:flex;position:sticky;top:0}.mushaf-reader[data-mushaf-night="1"] .pz-msheet__head{background:#17211e}.mushaf-reader[data-mushaf-night="0"] .pz-msheet__head{background:#fffdf8}.pz-msheet__head strong{font-family:var(--pz-serif);font-size:1.2rem}.mushaf-sheet__close{min-height:2.75rem;color:inherit;cursor:pointer;background:0 0;border:1.5px solid;border-radius:999px;flex:none;align-items:center;gap:.35rem;padding:0 .9rem;font-weight:800;display:inline-flex}.mushaf-sheet__close svg{width:1.05rem;height:1.05rem}.pz-msheet__group{letter-spacing:.08em;text-transform:uppercase;color:var(--pz-mute);grid-column:1/-1;margin:.4rem 0 -.2rem;font-size:.72rem;font-weight:800}.pz-msheet .mushaf-toolbar__field{flex-direction:column;gap:.25rem;min-width:0;display:flex}html .pz-msheet .mushaf-toolbar__field>span{clip:auto;white-space:normal;width:auto;height:auto;color:var(--pz-mute);margin:0;font-size:.78rem;font-weight:700;position:static;overflow:visible}html .pz-msheet .mushaf-toolbar__field select,html .pz-msheet .mushaf-toolbar__field input{border:1px solid var(--pz-line);background:var(--pz-soft-2);width:100%;max-width:none;min-height:2.75rem;color:var(--pz-ink);border-radius:12px;padding:0 .6rem}:root .pz-msheet .mushaf-toolbar__field--wide{grid-column:span 2}.pz-msheet__hint{color:var(--pz-mute);min-height:1em;font-size:.72rem}.pz-msheet .mushaf-toolbar__night,.mushaf-night-toggle{cursor:pointer;border-radius:12px;width:100%;min-height:2.75rem;font-weight:800}.mushaf-reader[data-mushaf-night="0"] .mushaf-night-toggle{color:#111;background:#fbf6ea;border:1.5px solid #1a1612}.mushaf-reader[data-mushaf-night="1"] .mushaf-night-toggle{color:#fff;background:#1c1c1c;border:1.5px solid #fff}.mushaf-download{flex-direction:column;grid-column:1/-1;gap:.45rem;display:flex}.mushaf-download__choice{color:#111;text-align:start;cursor:pointer;background:#fbf6ea;border:1.5px solid #1a1612;border-radius:12px;flex-direction:column;align-items:flex-start;gap:.12rem;width:100%;min-height:2.75rem;padding:.5rem .75rem;font-weight:800;display:flex}.mushaf-download__choice:disabled{cursor:default;opacity:.65}.mushaf-download__choice small{font-size:.72rem;font-weight:700}.mushaf-reader[data-mushaf-night="1"] .mushaf-download__choice{color:#fff;background:#1c1c1c;border-color:#fff}.mushaf-download__bar{background:color-mix(in srgb, currentColor 18%, transparent);border-radius:999px;width:100%;height:.35rem;overflow:hidden}.mushaf-download__bar>span{background:currentColor;height:100%;display:block}.mushaf-download__row{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.mushaf-download__retry,.mushaf-download__stop{min-height:2.75rem;color:inherit;cursor:pointer;background:0 0;border:1.5px solid;border-radius:999px;padding:0 .9rem;font-weight:800}.home-board{width:min(100%,46rem);margin-inline:auto}@media (max-width:767px){html:has(.feedback-fab:not(.feedback-fab--hidden)) .home-board{width:calc(100% + 4rem);max-width:none;margin-inline-end:-4rem}}.home-board>.practice-dock{padding-bottom:calc(.75rem + var(--safe-bottom));margin-top:.35rem}.home-board a.practice-start{text-decoration:none}.home-progress{flex-wrap:wrap;align-items:stretch;gap:.35rem 0;margin:0;padding:.15rem .15rem 0;display:flex}.home-progress div{flex:1 1 0;min-width:0;padding-inline:.5rem}.home-progress div:first-child{padding-inline-start:.15rem}.home-progress div+div{border-inline-start:1px solid var(--pz-line)}.home-progress strong{font-family:var(--pz-serif);letter-spacing:-.03em;color:var(--pz-ink);font-size:1.35rem;font-weight:600;line-height:1.1;display:block}.home-progress span{color:var(--pz-mute);margin-top:.15rem;font-size:.75rem;font-weight:600;line-height:1.25;display:block}:root .home-board.practice-setup .pz-options .home-mistake-row.practice-choice,:root .home-board.practice-setup .pz-options .home-mistake-row.practice-choice:hover{border-color:color-mix(in srgb, var(--mark-wrong) 34%, transparent);background:color-mix(in srgb, var(--mark-wrong) 12%, var(--pz-card));color:var(--pz-ink)}:root .home-board.practice-setup .pz-options .home-mistake-row .pz-tile{background:color-mix(in srgb, var(--mark-wrong) 16%, var(--pz-card));color:var(--mark-wrong);box-shadow:none}.home-mistake-row__pct{color:var(--mark-wrong);font-weight:700}:root .practice-setup .pz-rows>button{box-sizing:border-box;height:3.5rem;min-height:3.5rem;overflow:hidden}:root .practice-setup .pz-rows{max-height:calc(10.5rem + 2px)}@media (min-width:640px){:root .practice-setup .pz-rows{max-height:calc(14rem + 2px)}}@media (min-width:1024px){:root .practice-setup .pz-rows{max-height:calc(21rem + 2px)}}:root .mushaf-reader--immersive .mushaf-hud.pz-mtop{z-index:30;top:calc(.5rem + env(safe-area-inset-top,0px));left:calc(.6rem + env(safe-area-inset-left,0px));right:calc(.6rem + env(safe-area-inset-right,0px));margin:0;position:absolute}:root .mushaf-reader--immersive .pz-mtop,:root .mushaf-reader--immersive .pz-mbar{transition:opacity .25s,visibility linear}:root .mushaf-reader--immersive:not([data-overlay="1"]) .pz-mbar{opacity:0;visibility:hidden;pointer-events:none;transition:opacity .25s,visibility 0s linear .25s}:root .mushaf-reader--immersive:not([data-overlay="1"]):not([data-settings="1"]) .mushaf-hud.pz-mtop{box-shadow:none;pointer-events:none;background:0 0;border-color:#0000}:root .mushaf-reader--immersive:not([data-overlay="1"]):not([data-settings="1"]) .pz-mtop>:not(.mushaf-hud__exit){opacity:0;visibility:hidden;pointer-events:none}:root .mushaf-reader--immersive .mushaf-hud__exit,:root .mushaf-reader--immersive[data-settings="1"] .pz-mtop{opacity:1;visibility:visible;pointer-events:auto}@media (prefers-reduced-motion:reduce){:root .mushaf-reader--immersive .pz-mtop,:root .mushaf-reader--immersive .pz-mbar{transition:none}}:root .mushaf-reader--immersive{padding:calc(.75rem + env(safe-area-inset-top,0px)) calc(.5rem + env(safe-area-inset-right,0px)) calc(.75rem + env(safe-area-inset-bottom,0px)) calc(.5rem + env(safe-area-inset-left,0px))}:root .mushaf-reader--immersive .mushaf-page--reader:not(.mushaf-page--opening) .mushaf-frame{padding-block:1.5em 1.35em;padding-inline:1.2em}html:root .practice-setup select.input{border:1.5px solid var(--color-forest);background-color:var(--color-forest);color:var(--color-cream);box-shadow:var(--btn-shadow);cursor:pointer;border-radius:14px;font-weight:700}html:root .practice-setup--gold select.input{border-color:var(--color-gold);background-color:var(--color-gold);color:var(--color-gold-ink)}html:root .practice-setup select.input:focus-visible{outline:2px solid var(--color-gold);outline-offset:2px}html:root .practice-setup select.input:disabled{opacity:.75;cursor:default}html:root .practice-setup .studio-fold{border:1px solid var(--pz-line);background:var(--pz-card);box-shadow:var(--pz-shadow);border-radius:16px;transition:border-color .15s}html:root .practice-setup .studio-fold>summary{color:var(--pz-ink)}html:root .practice-setup .studio-fold[open]{border-color:var(--color-forest);border-inline-start-width:4px}html:root .practice-setup .studio-fold[open]>summary{color:var(--color-forest)}.mushaf-reader[data-mushaf-night="1"]{--pz-card:#1d1a17;--pz-line:#3a332b;--pz-mute:#b9ae9f;--pz-ink:#f7f1e6;--pz-soft-2:#26221e;--pz-shadow:0 1px 2px #0000004d, 0 6px 14px -6px #00000073, 0 22px 40px -20px #0009;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}.mushaf-reader[data-mushaf-night="1"] .mushaf-page{--mushaf-frame:#7ec4d4;--mushaf-frame-rose:#e7a3b8;--mushaf-marker:#8d6eaa;--mushaf-marker-ink:#f3e9fb;--mushaf-highlight:#9fd4cf}.mushaf-reader[data-mushaf-night="1"][data-mushaf-theme=gold] .mushaf-page{--mushaf-frame:#7cc9a2;--mushaf-frame-rose:#e4c56a;--mushaf-highlight:#e4c56a}.mushaf-reader[data-mushaf-night="1"][data-mushaf-theme=maroon] .mushaf-page{--mushaf-frame:#e3a0ad;--mushaf-frame-rose:#e2b391;--mushaf-highlight:#e7b7a4}.mushaf-reader[data-mushaf-night="1"][data-mushaf-theme=teal] .mushaf-page{--mushaf-frame:#7fcfd2;--mushaf-frame-rose:#e2b27a;--mushaf-highlight:#9fd4cf}.mushaf-reader[data-mushaf-night="0"]{--pz-card:#fffdf8;--pz-line:#e6dcc8;--pz-mute:#5c5346;--pz-ink:#14110e;--pz-soft-2:#f6f1e6;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:#14110e;background:#f4efe4}.mushaf-reader[data-mushaf-night="0"] .mushaf-page,html.dark .mushaf-reader[data-mushaf-night="0"] .mushaf-page,html:not(.light) .mushaf-reader[data-mushaf-night="0"] .mushaf-page{--mushaf-paper:#fbf6ea;--mushaf-ink:#111;--mushaf-rule:#281c0c29}html.dark .mushaf-reader[data-mushaf-night="0"] .mushaf-toolbar.pz-msheet--open{color:#14110e;background:#fffdf8}html.dark .mushaf-reader[data-mushaf-night="0"] select{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}html.dark .mushaf-reader[data-mushaf-night="0"] select option,html.dark .mushaf-reader[data-mushaf-night="0"] select optgroup{color:#121c17;background-color:#fff}.mushaf-reader[data-mushaf-night="1"] .mushaf-page{--mushaf-paper:#1c1c1c;--mushaf-ink:#fff}.lang-toggle{flex:none;position:relative}.lang-toggle__btn{border:1px solid color-mix(in srgb, var(--color-forest,#0b4d38) 18%, transparent);background:var(--color-surface,#fffdf8);max-width:calc(100vw - 7.5rem);min-height:2.75rem;color:var(--color-forest-deep,#14382c);cursor:pointer;border-radius:999px;align-items:center;gap:.4rem;padding:0 .9rem;font-size:.95rem;font-weight:800;line-height:1.2;display:inline-flex}.lang-toggle__label{white-space:nowrap}.lang-toggle--light .lang-toggle__btn{color:#faf6ec;background:#ffffff1f;border-color:#ffffff47}.lang-toggle__menu{z-index:80;border:1px solid color-mix(in srgb, var(--color-forest,#0b4d38) 16%, transparent);color:#14382c;background:#fffdf8;border-radius:1rem;margin:0;padding:.35rem;list-style:none;position:fixed;overflow:auto;box-shadow:0 16px 40px #1c160c33}.lang-toggle__option{width:100%;min-height:2.75rem;color:inherit;text-align:start;cursor:pointer;background:0 0;border:0;border-radius:.7rem;align-items:center;padding:.35rem .75rem;font-size:1rem;font-weight:700;display:flex}.lang-toggle__option--on,.lang-toggle__option:hover,.lang-toggle__option:focus-visible{background:#0b4d381f}html.dark .lang-toggle__menu{color:#f7faf9;background:#1c2622;border-color:#ffffff1f}html.dark .lang-toggle__btn{color:#f7faf9;background:#1c2622;border-color:#ffffff29}.pz-menu__value .lang-toggle__btn{max-width:11rem}
