:root{--app-bg:#fdfbf3;--app-surface:#faf7ea;--app-surface-raised:#fff;--app-border:rgba(23,37,27,.12);--app-text:#17251b;--app-text-secondary:#606657;--app-accent:#1e3524;--app-accent-contrast:#d9ec4c;--app-focus:#1e3524;--app-danger:#b3261e;--app-danger-contrast:#fff;--app-status:#2a4b7c;--app-status-contrast:#fff;--app-shadow-popover:0 12px 32px rgba(0,0,0,.18);--app-elev-1:0 1px 2px rgba(23,37,27,.06);--app-elev-2:0 4px 12px rgba(23,37,27,.08);--app-elev-3:0 12px 32px rgba(23,37,27,.14);--app-media-empty:#efe6bd;--app-tile-1:#6f965a;--app-tile-2:#6e9a5c;--app-tile-3:#6c9e5f;--app-tile-4:#6ca163;--app-tile-5:#6da468;--app-tile-6:#6ea86d;--app-tile-7:#72aa74;--app-tile-8:#76ad7c;--app-tile-9:#7aaf84;--app-tile-10:#7eb28b;--app-juzcard-surface:#fff;--app-juzcard-ground:#fffdef;--app-juzcard-ink:#020202;--app-scrim:linear-gradient(0deg,rgba(23,37,27,.82) 0%,rgba(23,37,27,.45) 45%,rgba(23,37,27,0));--app-backdrop:rgba(23,37,27,.55);--font-2xs:12px;--font-xs:13px;--font-sm:14px;--font-md:15px;--font-base:16px;--font-lg:18px;--font-xl:20px;--font-2xl:28px;--font-3xl:48px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--space-7:48px;--space-8:64px;--r-app-sm:8px;--r-app-md:12px;--r-app-lg:16px;--r-app-xl:24px;--sidebar-w-collapsed:72px;--sidebar-w-expanded:248px;--motion-fast:120ms;--motion-base:200ms;--motion-slow:320ms;--ease-out:cubic-bezier(.16,1,.3,1);--ease-spring:cubic-bezier(.34,1.56,.64,1);--z-header:30;--z-rail:35;--z-tabs:40;--z-player:50;--z-popover:60;--z-dialog:70;--header-app-h:60px;--player-h:68px;--tabs-h:0px}@media (prefers-color-scheme:dark){:root{--app-bg:#10190f;--app-surface:#17251b;--app-surface-raised:#1d2e22;--app-border:hsla(50,48%,90%,.14);--app-text:#f2eeda;--app-text-secondary:hsla(50,48%,90%,.62);--app-accent:#d9ec4c;--app-accent-contrast:#12211a;--app-focus:#d9ec4c;--app-danger:#ff6b6b;--app-danger-contrast:#12211a;--app-status:#8ab4f8;--app-status-contrast:#12211a;--app-shadow-popover:0 12px 32px rgba(0,0,0,.45);--app-elev-1:0 1px 2px rgba(0,0,0,.3);--app-elev-2:0 4px 12px rgba(0,0,0,.38);--app-elev-3:0 12px 32px rgba(0,0,0,.5);--app-media-empty:#17251b;--app-scrim:linear-gradient(0deg,rgba(6,12,8,.88) 0%,rgba(6,12,8,.5) 45%,rgba(6,12,8,0));--app-backdrop:rgba(6,12,8,.65);--app-tile-1:#393618;--app-tile-2:#3d4517;--app-tile-3:#385214;--app-tile-4:#314f22;--app-tile-5:#183d14;--app-tile-6:#12491a;--app-tile-7:#1f472c;--app-tile-8:#1c5438;--app-tile-9:#104131;--app-tile-10:#2b401c;--app-juzcard-surface:#fff;--app-juzcard-ground:#fffdef;--app-juzcard-ink:#020202}}:root[data-theme=light]{--app-bg:#fdfbf3;--app-surface:#faf7ea;--app-surface-raised:#fff;--app-border:rgba(23,37,27,.12);--app-text:#17251b;--app-text-secondary:#606657;--app-accent:#1e3524;--app-accent-contrast:#d9ec4c;--app-focus:#1e3524;--app-danger:#b3261e;--app-danger-contrast:#fff;--app-status:#2a4b7c;--app-status-contrast:#fff;--app-shadow-popover:0 12px 32px rgba(0,0,0,.18);--app-elev-1:0 1px 2px rgba(23,37,27,.06);--app-elev-2:0 4px 12px rgba(23,37,27,.08);--app-elev-3:0 12px 32px rgba(23,37,27,.14);--app-media-empty:#efe6bd;--app-scrim:linear-gradient(0deg,rgba(23,37,27,.82) 0%,rgba(23,37,27,.45) 45%,rgba(23,37,27,0));--app-backdrop:rgba(23,37,27,.55);--app-tile-1:#6f965a;--app-tile-2:#6e9a5c;--app-tile-3:#6c9e5f;--app-tile-4:#6ca163;--app-tile-5:#6da468;--app-tile-6:#6ea86d;--app-tile-7:#72aa74;--app-tile-8:#76ad7c;--app-tile-9:#7aaf84;--app-tile-10:#7eb28b;--app-juzcard-surface:#fff;--app-juzcard-ground:#fffdef;--app-juzcard-ink:#020202}:root[data-theme=dark]{--app-bg:#10190f;--app-surface:#17251b;--app-surface-raised:#1d2e22;--app-border:hsla(50,48%,90%,.14);--app-text:#f2eeda;--app-text-secondary:hsla(50,48%,90%,.62);--app-accent:#d9ec4c;--app-accent-contrast:#12211a;--app-focus:#d9ec4c;--app-danger:#ff6b6b;--app-danger-contrast:#12211a;--app-status:#8ab4f8;--app-status-contrast:#12211a;--app-shadow-popover:0 12px 32px rgba(0,0,0,.45);--app-elev-1:0 1px 2px rgba(0,0,0,.3);--app-elev-2:0 4px 12px rgba(0,0,0,.38);--app-elev-3:0 12px 32px rgba(0,0,0,.5);--app-media-empty:#17251b;--app-scrim:linear-gradient(0deg,rgba(6,12,8,.88) 0%,rgba(6,12,8,.5) 45%,rgba(6,12,8,0));--app-backdrop:rgba(6,12,8,.65);--app-tile-1:#393618;--app-tile-2:#3d4517;--app-tile-3:#385214;--app-tile-4:#314f22;--app-tile-5:#183d14;--app-tile-6:#12491a;--app-tile-7:#1f472c;--app-tile-8:#1c5438;--app-tile-9:#104131;--app-tile-10:#2b401c;--app-juzcard-surface:#fff;--app-juzcard-ground:#fffdef;--app-juzcard-ink:#020202}@media (min-width:861px){:root{--tabs-h:0px}}@media (max-width:860px){:root{--tabs-h:56px}}body{background:var(--app-bg);color:var(--app-text)}:where(a,button,input,select,textarea,[tabindex]):focus-visible{outline:2px solid var(--app-focus);outline-offset:2px}@media (prefers-reduced-motion:reduce){:root{--motion-fast:0ms;--motion-base:0ms;--motion-slow:0ms}}html body{background:var(--app-bg);color:var(--app-text)}:root[data-app-dialog=open],:root[data-app-dialog=open] body,:root[data-mobile-drawer=open],:root[data-mobile-drawer=open] body{overflow-block:hidden}.app-shell_shell__7xDo2{min-block-size:100svh;display:grid;grid-template-columns:0 1fr;background:var(--app-bg);color:var(--app-text)}.app-shell_shell__7xDo2>*{grid-column:1/-1}.app-shell_content__WeH2j{grid-column:2;min-inline-size:0;min-block-size:100svh;display:flex;flex-direction:column}.app-shell_main__rM8hq{flex:1 1 auto;inline-size:100%;-webkit-padding-after:calc(var(--player-h) + var(--tabs-h) + var(--space-5));padding-block-end:calc(var(--player-h) + var(--tabs-h) + var(--space-5));padding-inline:var(--space-4)}.app-shell_bare__P_eAh{min-block-size:100svh;background:var(--app-bg);color:var(--app-text)}.app-shell_skip__doRxY{position:absolute;inset-inline-start:-9999px;inset-block-start:0;z-index:var(--z-dialog);padding:var(--space-3) var(--space-4);background:var(--app-surface-raised);color:var(--app-text);border-radius:0 0 var(--r-app-md) 0}.app-shell_skip__doRxY:focus{inset-inline-start:0}@media (min-width:861px){.app-shell_shell__7xDo2{grid-template-columns:var(--sidebar-w-collapsed) 1fr}:root[data-sidebar=expanded] .app-shell_shell__7xDo2{grid-template-columns:var(--sidebar-w-expanded) 1fr}.app-shell_main__rM8hq{padding-inline:var(--space-6)}}.app-frame_frame__9MLAq{min-block-size:100svh}