@font-face{font-family:"Source Serif 4";font-style:normal;font-display:swap;font-weight:400;src:url(/assets/source-serif-4-latin-400-normal-CjrsHTK6.woff2) format("woff2"),url(/assets/source-serif-4-latin-400-normal-CSsFCx3j.woff) format("woff")}@font-face{font-family:"Source Serif 4";font-style:normal;font-display:swap;font-weight:600;src:url(/assets/source-serif-4-latin-600-normal-o3gjl2h6.woff2) format("woff2"),url(/assets/source-serif-4-latin-600-normal-BqP-dZFg.woff) format("woff")}@font-face{font-family:Instrument Sans;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/instrument-sans-latin-400-normal-CzmC6WRw.woff2) format("woff2"),url(/assets/instrument-sans-latin-400-normal-D0WkGUGD.woff) format("woff")}@font-face{font-family:Instrument Sans;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/instrument-sans-latin-500-normal-BTxWeQzW.woff2) format("woff2"),url(/assets/instrument-sans-latin-500-normal-BSomXCLS.woff) format("woff")}@font-face{font-family:Instrument Sans;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/instrument-sans-latin-600-normal-WYR4DnIK.woff2) format("woff2"),url(/assets/instrument-sans-latin-600-normal-B7tOnwdb.woff) format("woff")}@font-face{font-family:Noto Naskh Arabic;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/noto-naskh-arabic-arabic-400-normal-D21mzudr.woff2) format("woff2"),url(/assets/noto-naskh-arabic-arabic-400-normal-Cuj4uf82.woff) format("woff")}@font-face{font-family:Noto Naskh Arabic;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/noto-naskh-arabic-arabic-700-normal-y2SF5Ugl.woff2) format("woff2"),url(/assets/noto-naskh-arabic-arabic-700-normal-Di7FijZD.woff) format("woff")}:root{--c-primary: #10284f;--c-primary-variant: #1c3a6e;--c-primary-on: #ffffff;--c-accent: #e4661f;--c-accent-on: #141c2e;--c-accent-text: #b4480d;--c-bg: #f4f2ec;--c-surface: #ffffff;--c-surface-raised: #ffffff;--c-text: #141c2e;--c-text-secondary: #3e4658;--c-text-muted: #666d7b;--c-border: #e7e3d9;--c-border-strong: #8a8780;--c-success: #1f7a4d;--c-error: #b42318;--c-warning: #8a5a00;--c-primary-soft: #e8eef8;--c-accent-soft: #fef4ec;--c-success-soft: #e6f3ec;--c-error-soft: #fdeceb;--c-warning-soft: #fcf3e0;--c-neutral-soft: #f0efea;--c-scrim: rgb(20 28 46 / 44%);--c-ink: #0e2347;--c-ink-2: #163463;--c-ink-on: #f4f2ec;--c-ink-muted: #b9c4da;--c-gilt: #d4a94e;--c-paper: #fdfaf2;--c-paper-edge: #e4d9bf;--c-recite: rgb(212 169 78 / 30%);--c-recite-edge: #b8862a;--font-title: "Source Serif 4", "Iowan Old Style", Georgia, serif;--font-ui: "Instrument Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, system-ui, sans-serif;--font-arabic: "Noto Naskh Arabic", "Traditional Arabic", "Scheherazade New", serif;--fs-display: 1.625rem;--fs-h1: 1.5rem;--fs-title: 1.125rem;--fs-subtitle: 1rem;--fs-body: 1rem;--fs-body-sm: .9375rem;--fs-label: .8125rem;--fs-caption: .78125rem;--fs-nav: .71875rem;--lh-tight: 1.2;--lh-normal: 1.45;--lh-loose: 1.65;--fw-regular: 400;--fw-medium: 500;--fw-semibold: 600;--fw-bold: 700;--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-5: 20px;--sp-6: 24px;--sp-8: 32px;--sp-12: 48px;--r-button: 12px;--r-card: 16px;--r-pill: 999px;--r-field: 10px;--shadow-1: 0 1px 2px rgb(20 28 46 / 4%), 0 2px 10px rgb(20 28 46 / 4%);--shadow-2: 0 10px 30px rgb(14 35 71 / 12%);--touch-min: 48px;--touch-lg: 56px;--topbar-h: 52px;--bottom-nav-h: 60px;--rail-w: 84px;--side-nav-w: 236px;--action-bar-h: 68px;--page-gutter: 16px;--z-nav: 20;--z-action-bar: 30;--z-panel: 40;--z-dialog: 50;--z-toast: 60;--focus-ring: 0 0 0 3px var(--c-bg), 0 0 0 5px var(--c-primary);--duration-fast: .12s;--duration-normal: .2s;color-scheme:light}@media (prefers-color-scheme: dark){:root:not([data-theme=light]){--c-primary: #9db8e6;--c-primary-variant: #b7ccee;--c-primary-on: #0b1526;--c-accent: #f28a4b;--c-accent-on: #1c0d03;--c-accent-text: #f28a4b;--c-bg: #10141c;--c-surface: #171d28;--c-surface-raised: #1e2533;--c-text: #e9edf4;--c-text-secondary: #bcc4d2;--c-text-muted: #95a0b2;--c-border: #2a3242;--c-border-strong: #656f82;--c-success: #6fcf9a;--c-error: #ff8f83;--c-warning: #f0c567;--c-primary-soft: #1a2436;--c-accent-soft: #2e1d12;--c-success-soft: #13261d;--c-error-soft: #2d1816;--c-warning-soft: #2a2210;--c-neutral-soft: #1c232f;--c-scrim: rgb(4 6 10 / 64%);--c-ink: #0b1a33;--c-ink-2: #12284d;--c-ink-on: #eef0f4;--c-ink-muted: #a9b5cc;--c-gilt: #d9b05a;--c-paper: #191e27;--c-paper-edge: #3a3628;--c-recite: rgb(217 176 90 / 22%);--c-recite-edge: #d9b05a;--shadow-1: none;--shadow-2: none;--focus-ring: 0 0 0 3px var(--c-bg), 0 0 0 5px var(--c-primary);color-scheme:dark}}:root[data-theme=dark]{--c-primary: #9db8e6;--c-primary-variant: #b7ccee;--c-primary-on: #0b1526;--c-accent: #f28a4b;--c-accent-on: #1c0d03;--c-accent-text: #f28a4b;--c-bg: #10141c;--c-surface: #171d28;--c-surface-raised: #1e2533;--c-text: #e9edf4;--c-text-secondary: #bcc4d2;--c-text-muted: #95a0b2;--c-border: #2a3242;--c-border-strong: #656f82;--c-success: #6fcf9a;--c-error: #ff8f83;--c-warning: #f0c567;--c-primary-soft: #1a2436;--c-accent-soft: #2e1d12;--c-success-soft: #13261d;--c-error-soft: #2d1816;--c-warning-soft: #2a2210;--c-neutral-soft: #1c232f;--c-scrim: rgb(4 6 10 / 64%);--c-ink: #0b1a33;--c-ink-2: #12284d;--c-ink-on: #eef0f4;--c-ink-muted: #a9b5cc;--c-gilt: #d9b05a;--c-paper: #191e27;--c-paper-edge: #3a3628;--c-recite: rgb(217 176 90 / 22%);--c-recite-edge: #d9b05a;--shadow-1: none;--shadow-2: none;color-scheme:dark}*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%}html{-webkit-text-size-adjust:100%;text-size-adjust:100%}body{margin:0;background:var(--c-bg);color:var(--c-text);font-family:var(--font-ui);font-size:var(--fs-body);line-height:var(--lh-normal);-webkit-font-smoothing:antialiased;overscroll-behavior-y:none}h1,h2,h3,h4{margin:0;font-family:var(--font-title);font-weight:var(--fw-semibold);line-height:var(--lh-tight);color:var(--c-text)}h1{font-size:var(--fs-h1)}h2{font-size:var(--fs-title)}h3{font-size:var(--fs-subtitle)}p{margin:0}ul,ol{margin:0;padding:0;list-style:none}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}a{color:var(--c-primary);text-decoration-thickness:1px;text-underline-offset:2px}.tnum,output,time{font-variant-numeric:tabular-nums}:focus-visible{outline:none;box-shadow:var(--focus-ring);border-radius:var(--r-field)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0}.skip-link{position:absolute;top:var(--sp-2);left:var(--sp-2);z-index:var(--z-toast);padding:var(--sp-3) var(--sp-4);background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--r-button);transform:translateY(-200%);transition:transform var(--duration-fast) ease-out}.skip-link:focus{transform:translateY(0)}[lang=ar]{font-family:var(--font-arabic);line-height:2}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.app-shell{container:app / inline-size;height:100%;min-height:0}.app{height:100%;min-height:0;display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(0,1fr) auto;grid-template-areas:"topbar" "main" "bottom";background:var(--c-bg)}.app-topbar{grid-area:topbar;display:flex;align-items:center;gap:var(--sp-2);min-height:var(--topbar-h);padding:var(--sp-1) var(--sp-3) var(--sp-1) var(--page-gutter);padding-top:max(var(--sp-1),env(safe-area-inset-top,0px));background:var(--c-surface);border-bottom:1px solid var(--c-border)}.app-topbar__back{width:40px;height:40px;margin-inline-start:calc(-1 * var(--sp-2));color:var(--c-text)}.app-topbar__titles{flex:1;min-width:0;display:flex;align-items:baseline;gap:var(--sp-2)}.app-topbar__title{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:var(--font-title);font-size:var(--fs-subtitle);font-weight:var(--fw-semibold);line-height:var(--lh-tight)}.app-topbar__sub{flex:none;font-family:var(--font-ui);font-size:var(--fs-caption);font-weight:var(--fw-regular);color:var(--c-text-muted)}.app-topbar--session{flex-wrap:wrap;background:var(--c-primary);border-bottom-color:var(--c-primary);color:var(--c-primary-on)}.app-topbar--session .app-topbar__sub{color:var(--c-primary-on);opacity:.78}.app-main{grid-area:main;min-height:0;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.app-page{padding:var(--sp-4) var(--page-gutter) var(--sp-6);display:flex;flex-direction:column;gap:var(--sp-5)}.app-cols{display:grid;gap:var(--sp-4)}.app-bottom{grid-area:bottom;background:var(--c-surface);border-top:1px solid var(--c-border);padding-bottom:env(safe-area-inset-bottom,0)}.nav-bottom{display:flex;min-height:var(--bottom-nav-h);padding:6px var(--sp-1) 4px}.nav-bottom__item{position:relative;flex:1 1 0;min-width:0;min-height:var(--touch-min);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:0 2px;background:none;border:0;border-radius:var(--r-button);color:var(--c-text-secondary);font-size:var(--fs-nav);font-weight:var(--fw-medium);letter-spacing:.01em;text-align:center;text-decoration:none;-webkit-tap-highlight-color:transparent}.nav-bottom__icon{position:relative;display:grid;place-items:center;width:52px;height:28px;border-radius:var(--r-pill);transition:background-color var(--duration-fast) ease-out}.nav-bottom__icon svg{width:22px;height:22px;flex:none}.nav-bottom__label{display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:1.2}.nav-bottom__item[aria-current=page]{color:var(--c-primary);font-weight:var(--fw-semibold)}.nav-bottom__item[aria-current=page] .nav-bottom__icon{background:var(--c-primary-soft)}.nav-bottom__item:active .nav-bottom__icon{background:var(--c-neutral-soft)}.nav-badge{position:absolute;top:-4px;left:50%;translate:4px 0;min-width:18px;padding:0 5px;border-radius:var(--r-pill);background:var(--c-error);color:var(--c-surface);font-size:11px;font-weight:var(--fw-semibold);line-height:18px;text-align:center;font-variant-numeric:tabular-nums;box-shadow:0 0 0 2px var(--c-surface)}:root[data-theme=dark] .nav-badge{color:var(--c-bg)}@media (prefers-color-scheme: dark){:root:not([data-theme=light]) .nav-badge{color:var(--c-bg)}}.action-bar{display:flex;flex-direction:column;gap:var(--sp-2);min-height:var(--action-bar-h);padding:var(--sp-2) var(--page-gutter);justify-content:center}.action-bar__hint{font-size:var(--fs-label);color:var(--c-text-secondary);text-align:center}.action-bar__row{display:flex;gap:var(--sp-2)}.action-bar__row>.btn{flex:1}.action-bar__row>.btn--ghost{flex:0 1 auto}.nav-side{grid-area:nav;display:none;flex-direction:column;gap:var(--sp-1);background:var(--c-surface);border-inline-end:1px solid var(--c-border);overflow-y:auto}.nav-side__brand{display:flex;align-items:center;gap:var(--sp-3);font-family:var(--font-title);font-size:var(--fs-subtitle);font-weight:var(--fw-semibold)}.nav-side__logo{display:grid;place-items:center;width:36px;height:36px;flex:none;border-radius:10px;background:var(--c-primary);color:var(--c-primary-on);font-size:var(--fs-body);font-weight:var(--fw-bold)}.nav-side__item{position:relative;display:flex;align-items:center;color:var(--c-text-secondary);font-weight:var(--fw-medium);text-decoration:none;-webkit-tap-highlight-color:transparent}.nav-side__icon{position:relative;display:grid;place-items:center;flex:none;border-radius:var(--r-pill);transition:background-color var(--duration-fast) ease-out}.nav-side__icon svg{width:22px;height:22px}.nav-side__item[aria-current=page]{color:var(--c-primary);font-weight:var(--fw-semibold)}.nav-side__short{display:none}.section__head{display:flex;align-items:baseline;gap:var(--sp-3);margin-bottom:var(--sp-2)}.section__title{font-family:var(--font-title);font-size:var(--fs-title);font-weight:var(--fw-semibold);line-height:var(--lh-tight)}.section__note{margin-inline-start:auto;font-size:var(--fs-label);color:var(--c-text-muted)}.surface{background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--r-card);box-shadow:var(--shadow-1)}.surface--flat{box-shadow:none}.surface--raised{background:var(--c-surface-raised);box-shadow:var(--shadow-2)}.surface__body{padding:var(--sp-4)}.stack{display:flex;flex-direction:column;gap:var(--sp-3)}.stack--tight{gap:var(--sp-1)}.stack--loose{gap:var(--sp-4)}.row{display:flex;align-items:center;gap:var(--sp-2)}.row--between{justify-content:space-between}.row--wrap{flex-wrap:wrap}.row--baseline{align-items:baseline}.push{margin-inline-start:auto}.divider{height:1px;background:var(--c-border);border:0;margin:0}.text-muted{color:var(--c-text-muted)}.text-secondary{color:var(--c-text-secondary)}.text-sm{font-size:var(--fs-body-sm)}.text-caption{font-size:var(--fs-caption)}.text-accent{color:var(--c-accent-text)}.text-serif{font-family:var(--font-title)}.eyebrow{font-size:var(--fs-caption);font-weight:var(--fw-semibold);letter-spacing:.06em;text-transform:uppercase;color:var(--c-text-muted)}.app-page>header .text-secondary{font-size:var(--fs-body-sm)}@container app (min-width: 760px){.app{--page-gutter: 24px;grid-template-columns:var(--rail-w) minmax(0,1fr);grid-template-areas:"nav topbar" "nav main" "nav bottom"}.app--focus{grid-template-columns:minmax(0,1fr);grid-template-areas:"topbar" "main" "bottom"}.nav-side{display:flex;align-items:stretch;gap:var(--sp-1);padding:var(--sp-3) var(--sp-1) var(--sp-4);padding-top:max(var(--sp-3),env(safe-area-inset-top,0px))}.nav-side__brand{justify-content:center;padding-bottom:var(--sp-3)}.nav-side__brand .nav-side__label{display:none}.nav-side__item{flex-direction:column;justify-content:center;gap:4px;min-height:60px;padding:var(--sp-1) 2px;font-size:var(--fs-nav);text-align:center}.nav-side__icon{width:56px;height:32px}.nav-side__item:hover .nav-side__icon{background:var(--c-neutral-soft)}.nav-side__item[aria-current=page] .nav-side__icon{background:var(--c-primary-soft)}.nav-side__label{display:none}.nav-side__short{display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:1.2}.app-bottom:not(:has(.action-bar)){display:none}.app-page{padding:var(--sp-5) var(--page-gutter) var(--sp-8);gap:var(--sp-6)}.app-topbar{min-height:56px}.app-cols{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--sp-5)}.app-cols--wide-first{grid-template-columns:minmax(0,1.6fr) minmax(0,1fr)}.app-page--single .app-cols{grid-template-columns:minmax(0,1fr)}.action-bar{flex-direction:row;align-items:center;justify-content:flex-end;gap:var(--sp-4);padding:var(--sp-2) var(--page-gutter)}.action-bar__hint{text-align:start;margin-inline-end:auto}.action-bar__row{flex:0 0 auto}.action-bar__row>.btn{flex:0 0 auto;min-width:200px}}@container app (min-width: 1025px){.app{--page-gutter: 32px;grid-template-columns:var(--side-nav-w) minmax(0,1fr)}.app--focus{grid-template-columns:minmax(0,1fr)}.nav-side{padding:var(--sp-4) var(--sp-3)}.nav-side__brand{justify-content:flex-start;padding:0 var(--sp-2) var(--sp-4)}.nav-side__brand .nav-side__label{display:inline}.nav-side__item{flex-direction:row;justify-content:flex-start;gap:var(--sp-3);min-height:44px;padding:0 var(--sp-3);border-radius:var(--r-button);font-size:var(--fs-body-sm);text-align:start}.nav-side__icon{width:auto;height:auto}.nav-side__item:hover{background:var(--c-neutral-soft);color:var(--c-text)}.nav-side__item:hover .nav-side__icon,.nav-side__item[aria-current=page] .nav-side__icon{background:none}.nav-side__item[aria-current=page]{background:var(--c-primary-soft);box-shadow:inset 3px 0 0 var(--c-accent)}.nav-side__label{display:inline}.nav-side__short{display:none}.app-page{padding:var(--sp-6) var(--page-gutter) var(--sp-8);max-width:1180px}.app-cols--thirds{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (min-width: 600px){#root>.app-page--single{max-width:520px;margin-inline:auto;padding-top:var(--sp-12)}}.wide-only{display:none}@container app (min-width: 1025px){.wide-only{display:block}.narrow-only{display:none}}.btn{--btn-h: var(--touch-min);display:inline-flex;align-items:center;justify-content:center;gap:var(--sp-2);min-height:var(--btn-h);padding:var(--sp-2) var(--sp-4);border:1px solid transparent;border-radius:var(--r-button);font-family:var(--font-ui);font-size:var(--fs-body);font-weight:var(--fw-semibold);line-height:1.25;text-align:center;text-decoration:none;transition:background-color var(--duration-fast) ease-out,border-color var(--duration-fast) ease-out,color var(--duration-fast) ease-out}.btn svg{width:18px;height:18px;flex:none}.btn--block{display:flex;width:100%}.btn--sm{--btn-h: 40px;padding-inline:var(--sp-3);font-size:var(--fs-body-sm)}.btn--lg{--btn-h: 52px;padding-inline:var(--sp-5);font-size:var(--fs-subtitle)}.btn--primary{background:var(--c-primary);color:var(--c-primary-on)}.btn--primary:hover{background:var(--c-primary-variant)}.btn--primary:active{background:var(--c-primary);translate:0 1px}.btn--secondary{background:var(--c-surface);border-color:var(--c-primary);color:var(--c-primary)}.btn--secondary:hover{background:var(--c-primary-soft)}.btn--ghost{background:transparent;color:var(--c-primary)}.btn--ghost:hover{background:var(--c-primary-soft)}.btn--danger{background:var(--c-error);color:var(--c-surface)}:root[data-theme=dark] .btn--danger{color:var(--c-bg)}@media (prefers-color-scheme: dark){:root:not([data-theme=light]) .btn--danger{color:var(--c-bg)}}.btn--danger:hover{filter:brightness(.92)}.btn--accent{background:var(--c-accent);color:var(--c-accent-on)}.btn--accent:hover{filter:brightness(.95)}.btn[aria-disabled=true],.btn:disabled{background:var(--c-neutral-soft);border-color:var(--c-border);color:var(--c-text-secondary);cursor:not-allowed;filter:none;translate:none}.btn__missing{display:block;margin-top:2px;font-size:var(--fs-caption);font-weight:var(--fw-regular);color:var(--c-text-secondary)}.btn:has(.btn__missing){flex-direction:column;gap:0;padding-block:var(--sp-2);line-height:var(--lh-tight)}.btn-choice{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-width:76px;min-height:var(--touch-lg);padding:var(--sp-2) var(--sp-3);background:var(--c-surface);border:1.5px solid var(--c-border-strong);border-radius:var(--r-button);color:var(--c-text-secondary);font-size:var(--fs-caption);font-weight:var(--fw-semibold)}.btn-choice__mark{display:grid;place-items:center;width:24px;height:24px;border:1.5px solid currentcolor;font-size:var(--fs-label);font-weight:var(--fw-bold);line-height:1}.btn-choice--present .btn-choice__mark{border-radius:var(--r-pill)}.btn-choice--absent .btn-choice__mark{border-radius:5px}.btn-choice:hover{border-color:var(--c-text-muted);color:var(--c-text)}.btn-choice[aria-pressed=true].btn-choice--present{background:var(--c-success-soft);border-color:var(--c-success);color:var(--c-success)}.btn-choice[aria-pressed=true].btn-choice--absent{background:var(--c-error-soft);border-color:var(--c-error);color:var(--c-error)}.btn-icon{display:inline-grid;place-items:center;width:var(--touch-min);height:var(--touch-min);background:transparent;border:0;border-radius:var(--r-button);color:var(--c-text-secondary)}.btn-icon svg{width:22px;height:22px}.btn-icon:hover{background:var(--c-neutral-soft);color:var(--c-text)}.app-topbar--session .btn-icon{color:var(--c-primary-on)}.app-topbar--session .btn-icon:hover{background:#ffffff24}.field{display:flex;flex-direction:column;gap:var(--sp-2)}.field__label{font-size:var(--fs-label);font-weight:var(--fw-semibold);color:var(--c-text-secondary)}.field__optional{font-weight:var(--fw-regular);color:var(--c-text-muted)}.field__req{color:var(--c-error);margin-inline-start:2px}.field__help{font-size:var(--fs-caption);color:var(--c-text-muted)}.field__control{position:relative;display:flex;align-items:center}.field__input,.field__select,.field__textarea{width:100%;min-height:var(--touch-min);padding:var(--sp-3) var(--sp-4);background:var(--c-surface);border:1.5px solid var(--c-border-strong);border-radius:var(--r-field);color:var(--c-text);font-family:var(--font-ui);font-size:var(--fs-body);line-height:var(--lh-normal)}.field__textarea{min-height:104px;padding-block:var(--sp-3);resize:vertical}.field__input::placeholder,.field__textarea::placeholder{color:var(--c-text-muted)}.field__input:hover,.field__select:hover,.field__textarea:hover{border-color:var(--c-text-muted)}.field__input:focus,.field__select:focus,.field__textarea:focus{outline:none;border-color:var(--c-primary);box-shadow:var(--focus-ring)}.field--numeric .field__input,.field--phone .field__input,.field--amount .field__input{font-variant-numeric:tabular-nums;letter-spacing:.01em}.field--amount .field__input{font-size:var(--fs-title);font-weight:var(--fw-semibold);text-align:end;padding-inline-end:72px}.field__unit{position:absolute;inset-inline-end:var(--sp-4);font-size:var(--fs-body-sm);font-weight:var(--fw-semibold);color:var(--c-text-muted);pointer-events:none}.field--phone .field__prefix{display:inline-flex;align-items:center;align-self:stretch;padding-inline:var(--sp-4);background:var(--c-neutral-soft);border:1.5px solid var(--c-border-strong);border-inline-end:0;border-start-start-radius:var(--r-field);border-end-start-radius:var(--r-field);color:var(--c-text-secondary);font-variant-numeric:tabular-nums;white-space:nowrap}.field--phone .field__input{border-start-start-radius:0;border-end-start-radius:0}.field__select{appearance:none;padding-inline-end:var(--sp-8);background-image:linear-gradient(45deg,transparent 50%,currentcolor 50%),linear-gradient(135deg,currentcolor 50%,transparent 50%);background-position:calc(100% - 22px) calc(50% + 2px),calc(100% - 16px) calc(50% + 2px);background-size:6px 6px,6px 6px;background-repeat:no-repeat}.field--date .field__input{font-variant-numeric:tabular-nums}.field__boxes{display:flex;gap:var(--sp-2)}.field__box{width:48px;min-height:var(--touch-lg);padding:0;text-align:center;font-size:var(--fs-title);font-weight:var(--fw-semibold);font-variant-numeric:tabular-nums;background:var(--c-surface);border:1.5px solid var(--c-border-strong);border-radius:var(--r-field);color:var(--c-text)}.field--error .field__input,.field--error .field__select,.field--error .field__textarea,.field--error .field__box{border-color:var(--c-error);background:var(--c-error-soft)}.field--error .field__label{color:var(--c-error)}.field__error{display:flex;align-items:flex-start;gap:var(--sp-2);font-size:var(--fs-body-sm);font-weight:var(--fw-medium);color:var(--c-error)}.field__error svg{width:18px;height:18px;flex:none;margin-top:1px}.field__input:disabled,.field__select:disabled,.field__textarea:disabled,.field--readonly .field__input{background:var(--c-neutral-soft);border-color:var(--c-border);color:var(--c-text-secondary);cursor:default}.field__locked{display:flex;align-items:center;gap:var(--sp-2);font-size:var(--fs-caption);color:var(--c-text-secondary)}.check{display:flex;align-items:flex-start;gap:var(--sp-3);min-height:var(--touch-min);padding:var(--sp-2) 0;cursor:pointer}.check__input{width:26px;height:26px;flex:none;margin:2px 0 0;accent-color:var(--c-primary)}.check__text{font-size:var(--fs-body)}.check__note{display:block;font-size:var(--fs-caption);color:var(--c-text-muted)}.segmented{display:flex;gap:var(--sp-2)}.segmented__option{flex:1;display:flex;align-items:center;justify-content:center;gap:var(--sp-2);min-height:var(--touch-min);padding:var(--sp-3);background:var(--c-surface);border:1.5px solid var(--c-border-strong);border-radius:var(--r-button);color:var(--c-text-secondary);font-size:var(--fs-body);font-weight:var(--fw-semibold);text-align:center}.segmented__option:hover{border-color:var(--c-text-muted);color:var(--c-text)}.segmented__option[aria-pressed=true]{background:var(--c-primary-soft);border-color:var(--c-primary);color:var(--c-primary)}.segmented__option[aria-pressed=true]:before{content:"✓";font-weight:var(--fw-bold)}.search{position:relative;display:flex;align-items:center}.search__icon{position:absolute;inset-inline-start:var(--sp-4);width:20px;height:20px;color:var(--c-text-muted);pointer-events:none}.search__input{width:100%;min-height:var(--touch-min);padding:var(--sp-3) var(--sp-4) var(--sp-3) 48px;background:var(--c-surface);border:1.5px solid var(--c-border-strong);border-radius:var(--r-pill);font-size:var(--fs-body);color:var(--c-text)}.search__input:focus{outline:none;border-color:var(--c-primary);box-shadow:var(--focus-ring)}.field-summary{padding:var(--sp-4);background:var(--c-error-soft);border:1px solid var(--c-error);border-radius:var(--r-card)}.field-summary__title{display:flex;align-items:center;gap:var(--sp-2);font-weight:var(--fw-semibold);color:var(--c-error)}.field-summary__list{margin-top:var(--sp-2);padding-inline-start:var(--sp-5);list-style:disc;font-size:var(--fs-body-sm)}.field-summary__list a{color:var(--c-error)}.field__reveal{pointer-events:auto;display:inline-grid;place-items:center;width:44px;height:44px;margin-inline-end:calc(-1 * var(--sp-3));background:none;border:0;border-radius:var(--r-button);color:var(--c-text-secondary);cursor:pointer}.field__reveal:hover,.field__reveal[aria-pressed=true]{color:var(--c-primary)}.field__reveal:focus-visible{outline:none;box-shadow:var(--focus-ring)}.field__control:has(.field__reveal) .field__input{padding-inline-end:56px}.badge{display:inline-flex;align-items:center;gap:var(--sp-2);padding:3px var(--sp-3) 3px var(--sp-2);border-radius:var(--r-pill);background:var(--c-neutral-soft);color:var(--c-text-secondary);font-size:var(--fs-caption);font-weight:var(--fw-semibold);line-height:1.5;white-space:nowrap}.badge__dot{width:9px;height:9px;flex:none;background:currentcolor;border-radius:2px}.badge--success{background:var(--c-success-soft);color:var(--c-success)}.badge--success .badge__dot{border-radius:var(--r-pill)}.badge--error{background:var(--c-error-soft);color:var(--c-error)}.badge--error .badge__dot{border-radius:1px;rotate:45deg}.badge--warning{background:var(--c-warning-soft);color:var(--c-warning)}.badge--warning .badge__dot{width:0;height:0;background:none;border-radius:0;border-inline:5px solid transparent;border-bottom:9px solid currentcolor}.badge--info{background:var(--c-primary-soft);color:var(--c-primary)}.badge--info .badge__dot{background:none;border:2.5px solid currentcolor;border-radius:var(--r-pill)}.badge--bare{padding-inline:0;background:none}.badge--now{background:var(--c-accent-soft);color:var(--c-accent-text)}.badge--now .badge__dot{border-radius:var(--r-pill);background:var(--c-accent)}.pass-pill{display:inline-flex;align-items:center;gap:1px;min-width:42px;height:30px;padding-inline:var(--sp-2);border:1.5px solid var(--c-border-strong);border-radius:9px;background:var(--c-surface);color:var(--c-text-secondary);font-size:var(--fs-caption);font-weight:var(--fw-bold);font-variant-numeric:tabular-nums;line-height:1}.pass-pill__letter{font-size:var(--fs-label)}.pass-pill__state{font-size:var(--fs-label);font-weight:var(--fw-bold)}.pass-pill--todo{border-style:dashed;color:var(--c-text-muted)}.pass-pill--success{background:var(--c-success-soft);border-color:var(--c-success);color:var(--c-success)}.pass-pill--retry{background:var(--c-error-soft);border-color:var(--c-error);color:var(--c-error)}.pass-pill--none{background:var(--c-neutral-soft);border-color:var(--c-border);color:var(--c-text-muted)}.count{display:inline-flex;align-items:center;justify-content:center;min-width:26px;height:22px;padding-inline:6px;border-radius:var(--r-pill);background:var(--c-neutral-soft);color:var(--c-text-secondary);font-size:var(--fs-caption);font-weight:var(--fw-semibold);font-variant-numeric:tabular-nums}.count--primary{background:var(--c-primary);color:var(--c-primary-on)}.count--error{background:var(--c-error-soft);color:var(--c-error)}.portion{font-variant-numeric:tabular-nums;font-weight:var(--fw-semibold)}.portion__unit{font-weight:var(--fw-regular);color:var(--c-text-muted)}.pending-mark{display:inline-flex;align-items:center;gap:4px;font-size:var(--fs-caption);font-weight:var(--fw-semibold);color:var(--c-warning)}.pending-mark:before{content:"";width:8px;height:8px;border:2px solid currentcolor;border-radius:var(--r-pill);border-inline-end-color:transparent}.list{display:flex;flex-direction:column;background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--r-card);box-shadow:var(--shadow-1);overflow:hidden}.list--flat{background:none;border:0;border-radius:0;box-shadow:none}.list__item{display:flex;align-items:center;gap:var(--sp-3);width:100%;min-height:60px;padding:10px var(--sp-4);background:none;border:0;border-bottom:1px solid var(--c-border);color:inherit;font:inherit;text-align:start;text-decoration:none}.list__item:last-child{border-bottom:0}.list__item--nav{cursor:pointer}.list__item--nav:hover{background:var(--c-neutral-soft)}.list__chevron{width:20px;height:20px;flex:none;margin-inline-start:auto;color:var(--c-text-muted)}.list__item--select{cursor:pointer}.list__item[aria-selected=true]{background:var(--c-primary-soft);box-shadow:inset 3px 0 0 var(--c-primary)}.list__check{width:26px;height:26px;flex:none;accent-color:var(--c-primary)}.list__main{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.list__name{font-size:var(--fs-body);font-weight:var(--fw-semibold);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.list__meta{font-size:var(--fs-body-sm);color:var(--c-text-secondary)}.list__meta--muted{font-size:var(--fs-caption);color:var(--c-text-muted)}.list__side{display:flex;flex-direction:column;align-items:flex-end;gap:var(--sp-1);flex:none}.list__amount{font-size:var(--fs-body);font-weight:var(--fw-semibold);font-variant-numeric:tabular-nums;white-space:nowrap}.list__side.row{flex-direction:row;align-items:center;gap:var(--sp-2)}.list__passes{display:flex;gap:var(--sp-1);flex:none}.avatar{display:grid;place-items:center;width:36px;height:36px;flex:none;border-radius:var(--r-pill);background:var(--c-primary-soft);color:var(--c-primary);font-size:var(--fs-body-sm);font-weight:var(--fw-semibold);letter-spacing:.02em}.avatar--muted{background:var(--c-neutral-soft);color:var(--c-text-secondary)}.roster{display:flex;flex-direction:column;min-height:0}.roster__head{display:flex;align-items:center;gap:var(--sp-2);padding:var(--sp-3) var(--sp-4);border-bottom:1px solid var(--c-border);font-size:var(--fs-label);font-weight:var(--fw-semibold);color:var(--c-text-secondary)}.roster__list{flex:1;min-height:0;overflow-y:auto}.roster__item{display:flex;align-items:center;gap:var(--sp-3);width:100%;min-height:var(--touch-min);padding:var(--sp-2) var(--sp-4);background:none;border:0;border-bottom:1px solid var(--c-border);color:inherit;font:inherit;text-align:start}.roster__item:hover{background:var(--c-neutral-soft)}.roster__item[aria-current=true]{background:var(--c-primary-soft);box-shadow:inset 3px 0 0 var(--c-accent);font-weight:var(--fw-semibold)}.roster__name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--fs-body-sm)}.table-wrap{overflow-x:auto}.table{width:100%;border-collapse:collapse;font-size:var(--fs-body-sm)}.table th,.table td{padding:var(--sp-3) var(--sp-4);text-align:start;border-bottom:1px solid var(--c-border);vertical-align:middle}.table th{font-size:var(--fs-caption);font-weight:var(--fw-semibold);color:var(--c-text-secondary);text-transform:uppercase;letter-spacing:.04em;white-space:nowrap}.table td:last-child,.table th:last-child{text-align:end}.table .tnum,.table__num{font-variant-numeric:tabular-nums}.table tbody tr:hover{background:var(--c-neutral-soft)}.skeleton{background:var(--c-neutral-soft);border-radius:6px;color:transparent}@media (prefers-reduced-motion: no-preference){.skeleton{animation:skeleton-pulse 1.4s ease-in-out infinite}}@keyframes skeleton-pulse{50%{opacity:.55}}.list__item>button,.list__item>a{flex:1 1 auto;min-width:0;width:100%;background:none;border:0;padding:0;color:inherit;font:inherit;text-align:start;text-decoration:none}.tabs{display:flex;gap:var(--sp-1);overflow-x:auto;scrollbar-width:none;border-bottom:1px solid var(--c-border);scroll-snap-type:x proximity}.tabs::-webkit-scrollbar{display:none}.tabs__tab{display:inline-flex;align-items:center;gap:var(--sp-2);flex:0 0 auto;min-height:var(--touch-min);padding:var(--sp-3) var(--sp-4);background:none;border:0;border-bottom:3px solid transparent;color:var(--c-text-secondary);font-family:var(--font-ui);font-size:var(--fs-body-sm);font-weight:var(--fw-semibold);white-space:nowrap;scroll-snap-align:start;text-decoration:none}.tabs__tab:hover{color:var(--c-text)}.tabs__tab[aria-selected=true]{color:var(--c-primary);border-bottom-color:var(--c-primary)}.tabs__tab[aria-selected=true] .count{background:var(--c-primary);color:var(--c-primary-on)}.switch-pass{display:flex;gap:var(--sp-1);padding:3px;background:#ffffff24;border-radius:var(--r-pill)}.switch-pass__option{display:inline-flex;align-items:center;gap:var(--sp-2);min-height:44px;padding:var(--sp-2) var(--sp-4);background:none;border:0;border-radius:var(--r-pill);color:var(--c-primary-on);font-family:var(--font-ui);font-size:var(--fs-body-sm);font-weight:var(--fw-semibold);white-space:nowrap}.switch-pass__option[aria-selected=true]{background:var(--c-surface);color:var(--c-primary)}.switch-pass__count{font-variant-numeric:tabular-nums;font-weight:var(--fw-bold)}.switch-pass__option:not([aria-selected=true]) .switch-pass__count{opacity:.82}.chips{display:flex;gap:var(--sp-2);overflow-x:auto;scrollbar-width:none;padding-bottom:2px}.chips::-webkit-scrollbar{display:none}.chip{display:inline-flex;align-items:center;gap:var(--sp-2);flex:0 0 auto;min-height:44px;padding:var(--sp-2) var(--sp-4);background:var(--c-surface);border:1.5px solid var(--c-border);border-radius:var(--r-pill);color:var(--c-text-secondary);font-size:var(--fs-body-sm);font-weight:var(--fw-medium);white-space:nowrap}.chip:hover{border-color:var(--c-text-muted);color:var(--c-text)}.chip[aria-pressed=true]{background:var(--c-primary);border-color:var(--c-primary);color:var(--c-primary-on);font-weight:var(--fw-semibold)}.chip[aria-pressed=true] .count{background:#ffffff38;color:var(--c-primary-on)}.callout{display:flex;gap:var(--sp-3);padding:var(--sp-3) var(--sp-4);background:var(--c-primary-soft);border:1px solid transparent;border-radius:var(--r-card)}.callout__icon{width:20px;height:20px;flex:none;margin-top:1px;color:var(--c-primary)}.callout__body{flex:1;min-width:0;display:flex;flex-direction:column;gap:var(--sp-1)}.callout__title{font-size:var(--fs-body);font-weight:var(--fw-semibold);line-height:var(--lh-tight)}.callout__text{font-size:var(--fs-body-sm);color:var(--c-text-secondary);line-height:var(--lh-normal)}.callout__actions{display:flex;flex-wrap:wrap;gap:var(--sp-2);margin-top:var(--sp-1)}.callout--success{background:var(--c-success-soft)}.callout--success .callout__icon{color:var(--c-success)}.callout--warning{background:var(--c-warning-soft)}.callout--warning .callout__icon{color:var(--c-warning)}.callout--error{background:var(--c-error-soft)}.callout--error .callout__icon{color:var(--c-error)}.callout--neutral{background:var(--c-neutral-soft)}.callout--neutral .callout__icon{color:var(--c-text-secondary)}.callout--primer{background:var(--c-surface);border-color:var(--c-accent);box-shadow:inset 3px 0 0 var(--c-accent)}.callout--primer .callout__icon{color:var(--c-accent-text)}.callout__dismiss{align-self:flex-start;flex:none;width:40px;height:40px;display:grid;place-items:center;background:none;border:0;border-radius:var(--r-pill);color:var(--c-text-secondary)}.callout__dismiss:hover{background:#0000000f}.empty{display:flex;flex-direction:column;align-items:center;gap:var(--sp-4);padding:var(--sp-8) var(--sp-5);text-align:center;background:var(--c-surface);border:1px dashed var(--c-border);border-radius:var(--r-card)}.empty__icon{display:grid;place-items:center;width:64px;height:64px;border-radius:var(--r-pill);background:var(--c-neutral-soft);color:var(--c-text-secondary)}.empty__icon svg{width:30px;height:30px}.empty__title{font-family:var(--font-title);font-size:var(--fs-subtitle);font-weight:var(--fw-semibold);line-height:var(--lh-tight)}.empty__text{max-width:44ch;font-size:var(--fs-body-sm);color:var(--c-text-secondary);line-height:var(--lh-loose)}.empty__actions{display:flex;flex-direction:column;gap:var(--sp-2);width:100%;max-width:320px}.empty--calm{background:var(--c-success-soft);border-style:solid;border-color:transparent}.empty--calm .empty__icon{background:var(--c-surface);color:var(--c-success)}.alert-family{background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--r-card);box-shadow:var(--shadow-1);overflow:hidden}.alert-family+.alert-family{margin-top:var(--sp-3)}.alert-family__summary{display:flex;align-items:center;gap:var(--sp-3);min-height:72px;padding:var(--sp-3) var(--sp-4);cursor:pointer;list-style:none}.alert-family__summary::-webkit-details-marker{display:none}.alert-family__summary:hover{background:var(--c-neutral-soft)}.alert-family__num{display:grid;place-items:center;width:44px;height:44px;flex:none;border-radius:var(--r-button);background:var(--c-warning-soft);color:var(--c-warning);font-size:var(--fs-subtitle);font-weight:var(--fw-bold);font-variant-numeric:tabular-nums}.alert-family--calm .alert-family__num{background:var(--c-success-soft);color:var(--c-success)}.alert-family--serious .alert-family__num{background:var(--c-error-soft);color:var(--c-error)}.alert-family__text{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.alert-family__name{font-size:var(--fs-body);font-weight:var(--fw-semibold)}.alert-family__plain{font-size:var(--fs-body-sm);color:var(--c-text-secondary)}.alert-family__chevron{width:20px;height:20px;flex:none;color:var(--c-text-muted);transition:rotate var(--duration-fast) ease-out}.alert-family[open] .alert-family__chevron{rotate:180deg}.alert-family__content{border-top:1px solid var(--c-border)}.alert-row{display:flex;flex-direction:column;gap:var(--sp-2);padding:var(--sp-4);border-bottom:1px solid var(--c-border)}.alert-row:last-child{border-bottom:0}.alert-row__head{display:flex;align-items:baseline;gap:var(--sp-2)}.alert-row__who{font-size:var(--fs-body);font-weight:var(--fw-semibold)}.alert-row__fact{font-size:var(--fs-body);color:var(--c-text)}.alert-row__why{font-size:var(--fs-body-sm);color:var(--c-text-secondary)}.alert-row__context{font-size:var(--fs-caption);color:var(--c-text-muted)}.alert-row__actions{display:flex;flex-wrap:wrap;gap:var(--sp-2);margin-top:var(--sp-1)}.sheet{width:100%;max-width:none;max-height:100%;margin:0;margin-block-start:auto;padding:0;background:var(--c-surface);border:0;border-radius:var(--r-card) var(--r-card) 0 0;color:var(--c-text);box-shadow:var(--shadow-2)}.sheet::backdrop{background:var(--c-scrim)}.sheet__head{display:flex;align-items:flex-start;gap:var(--sp-3);padding:var(--sp-5) var(--sp-4) var(--sp-3)}.sheet__title{flex:1;font-family:var(--font-title);font-size:var(--fs-title);font-weight:var(--fw-semibold);line-height:var(--lh-tight)}.sheet__body{padding:0 var(--sp-4) var(--sp-4);display:flex;flex-direction:column;gap:var(--sp-4);overflow-y:auto}.sheet__text{font-size:var(--fs-body);color:var(--c-text-secondary);line-height:var(--lh-loose)}.sheet__foot{display:flex;flex-direction:column;gap:var(--sp-2);padding:var(--sp-4);border-top:1px solid var(--c-border);background:var(--c-surface);padding-bottom:calc(var(--sp-4) + env(safe-area-inset-bottom,0px))}@container app (min-width: 760px){.sheet{max-width:520px;margin:auto;border-radius:var(--r-card)}.sheet__foot{flex-direction:row;justify-content:flex-end}.sheet__foot .push{margin-inline-start:auto}}.panel{width:100%;max-width:none;height:100%;max-height:100%;margin:0;padding:0;background:var(--c-surface);border:0;border-radius:0;color:var(--c-text)}.panel[open]{display:flex;flex-direction:column}.panel::backdrop{background:var(--c-scrim)}.panel__head{display:flex;align-items:center;gap:var(--sp-3);min-height:56px;padding:var(--sp-3) var(--sp-4);border-bottom:1px solid var(--c-border)}.panel__title{flex:1;min-width:0;font-family:var(--font-title);font-size:var(--fs-subtitle);font-weight:var(--fw-semibold)}.panel__body{flex:1;min-height:0;overflow-y:auto}.panel__foot{padding:var(--sp-3) var(--sp-4);border-top:1px solid var(--c-border);padding-bottom:calc(var(--sp-3) + env(safe-area-inset-bottom,0px))}@container app (min-width: 760px){.panel{max-width:420px;margin-inline-end:0;border-start-start-radius:var(--r-card);border-end-start-radius:var(--r-card)}}.session-layout{display:grid;grid-template-columns:minmax(0,1fr);min-height:0;height:100%}.session-layout__roster{display:none;border-inline-end:1px solid var(--c-border);background:var(--c-surface);min-height:0}.session-layout__card{min-width:0;overflow-y:auto}@container app (min-width: 1025px){.session-layout{grid-template-columns:300px minmax(0,1fr)}.session-layout__roster{display:flex;flex-direction:column}.session-roster-toggle{display:none}}.toast{display:flex;align-items:center;gap:var(--sp-3);padding:var(--sp-3) var(--sp-4);background:var(--c-text);color:var(--c-bg);border-radius:var(--r-button);font-size:var(--fs-body-sm);font-weight:var(--fw-medium);box-shadow:var(--shadow-2)}.toast__action{margin-inline-start:auto;background:none;border:0;color:inherit;font:inherit;font-weight:var(--fw-semibold);text-decoration:underline;min-height:44px;padding-inline:var(--sp-2)}.toast-host{position:absolute;inset-inline:0;bottom:calc(var(--bottom-nav-h) + var(--sp-3));z-index:30;display:flex;justify-content:center;padding-inline:var(--sp-4);pointer-events:none}.toast-host>.toast{pointer-events:auto;max-width:34rem}.ring{--ring-size: 72px;--ring-stroke: 8px;position:relative;display:inline-grid;place-items:center;width:var(--ring-size);height:var(--ring-size);flex:none}.ring--lg{--ring-size: 104px;--ring-stroke: 10px}.ring--sm{--ring-size: 52px;--ring-stroke: 6px}.ring__svg{position:absolute;inset:0;width:100%;height:100%;rotate:-90deg}.ring__track{fill:none;stroke:var(--c-border);stroke-width:var(--ring-stroke)}.ring__fill{fill:none;stroke:var(--c-primary);stroke-width:var(--ring-stroke);stroke-linecap:round;stroke-dasharray:var(--ring-dash, 0) 1000}.ring__value{position:relative;font-size:var(--fs-body-sm);font-weight:var(--fw-bold);font-variant-numeric:tabular-nums;line-height:1;text-align:center}.ring--lg .ring__value{font-size:var(--fs-title)}.ring__unit{display:block;font-size:var(--fs-caption);font-weight:var(--fw-medium);color:var(--c-text-muted)}.ring--complete .ring__fill{stroke:var(--c-success)}.juz-rule{display:flex;flex-wrap:wrap;gap:3px}.juz-rule__cell{position:relative;display:grid;place-items:center;width:26px;height:30px;border:1.5px solid var(--c-border);border-radius:5px;background:var(--c-surface);color:var(--c-text-muted);font-size:11px;font-weight:var(--fw-semibold);font-variant-numeric:tabular-nums}.juz-rule__cell--done{background:var(--c-primary);border-color:var(--c-primary);color:var(--c-primary-on)}.juz-rule__cell--current{background:var(--c-accent-soft);border-color:var(--c-accent);border-width:2px;color:var(--c-accent-text)}.juz-rule__cell--current:after{content:"";position:absolute;bottom:2px;width:4px;height:4px;border-radius:var(--r-pill);background:var(--c-accent)}.juz-rule__cell--partial{background:linear-gradient(to top,var(--c-primary) 0 50%,var(--c-surface) 50% 100%);border-color:var(--c-primary);color:var(--c-primary)}.juz-rule__legend{display:flex;flex-wrap:wrap;gap:var(--sp-3);margin-top:var(--sp-3);font-size:var(--fs-caption);color:var(--c-text-secondary)}.juz-rule__key{display:inline-flex;align-items:center;gap:var(--sp-2)}.juz-rule__swatch{width:16px;height:18px;border:1.5px solid var(--c-border);border-radius:4px;background:var(--c-surface)}.juz-rule__swatch--done{background:var(--c-primary);border-color:var(--c-primary)}.juz-rule__swatch--current{background:var(--c-accent-soft);border-color:var(--c-accent);border-width:2px}.juz-rule__value{font-size:var(--fs-body);font-weight:var(--fw-semibold);font-variant-numeric:tabular-nums}.bar{display:flex;flex-direction:column;gap:var(--sp-2)}.bar__head{display:flex;align-items:baseline;gap:var(--sp-2);font-size:var(--fs-body-sm)}.bar__value{margin-inline-start:auto;font-weight:var(--fw-semibold);font-variant-numeric:tabular-nums}.bar__track{height:10px;border-radius:var(--r-pill);background:var(--c-neutral-soft);overflow:hidden}.bar__fill{height:100%;border-radius:var(--r-pill);background:var(--c-primary)}.bar__fill--success{background:var(--c-success)}.bar__fill--warning{background:var(--c-warning)}.bar__fill--error{background:var(--c-error)}.dots{display:flex;gap:4px}.dots__dot{width:8px;height:8px;border-radius:var(--r-pill);background:var(--c-border)}.dots__dot--on{background:var(--c-primary)}.trend{display:flex;flex-direction:column;gap:var(--sp-3)}.trend__head{display:flex;align-items:flex-end;gap:var(--sp-3)}.trend__value{font-family:var(--font-title);font-size:var(--fs-display);font-weight:var(--fw-semibold);font-variant-numeric:tabular-nums;line-height:1}.trend__unit{font-family:var(--font-ui);font-size:var(--fs-title);font-weight:var(--fw-medium);color:var(--c-text-muted)}.trend__delta{display:inline-flex;align-items:center;gap:4px;padding:2px var(--sp-2);border-radius:var(--r-pill);font-size:var(--fs-caption);font-weight:var(--fw-semibold);font-variant-numeric:tabular-nums}.trend__delta--up{background:var(--c-success-soft);color:var(--c-success)}.trend__delta--down{background:var(--c-error-soft);color:var(--c-error)}.trend__chart{width:100%;height:132px;overflow:visible}.trend__grid{stroke:var(--c-border);stroke-width:1}.trend__line{fill:none;stroke:var(--c-primary);stroke-width:2.5;stroke-linejoin:round;stroke-linecap:round}.trend__area{fill:var(--c-primary-soft)}.trend__point{fill:var(--c-surface);stroke:var(--c-primary);stroke-width:2.5}.trend__point--last{fill:var(--c-accent);stroke:var(--c-accent)}.trend__axis{display:flex;justify-content:space-between;font-size:var(--fs-caption);color:var(--c-text-muted);font-variant-numeric:tabular-nums}.compare{display:flex;flex-direction:column;gap:var(--sp-3)}.compare__row{display:grid;grid-template-columns:minmax(0,1fr) 56px;align-items:center;gap:var(--sp-3)}.compare__name{font-size:var(--fs-body-sm);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.compare__num{text-align:end;font-weight:var(--fw-semibold);font-variant-numeric:tabular-nums}.brand-mark{display:inline-grid;place-items:center;flex:none;border-radius:30%;background:var(--c-ink);color:var(--c-gilt);box-shadow:inset 0 0 0 1px #d4a94e47}.ink-band{--ink-motif: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='64' height='64' viewBox='0 0 64 64'%3E%3Cg fill='none' stroke='%23d4a94e' stroke-opacity='0.13' stroke-width='1'%3E%3Crect x='22' y='22' width='20' height='20'/%3E%3Crect x='22' y='22' width='20' height='20' transform='rotate(45 32 32)'/%3E%3Ccircle cx='32' cy='32' r='3'/%3E%3C/g%3E%3C/svg%3E");position:relative;isolation:isolate;background-color:var(--c-ink);background-image:radial-gradient(120% 90% at 100% 0%,rgb(255 255 255 / 7%),transparent 55%),var(--ink-motif);background-size:auto,64px 64px;color:var(--c-ink-on)}.ink-band :where(h1,h2,h3){color:var(--c-ink-on)}.ink-band--edge:after{content:"";position:absolute;inset:auto 0 0;height:2px;background:linear-gradient(90deg,transparent,var(--c-gilt) 20%,var(--c-gilt) 80%,transparent);opacity:.55}.auth{min-height:100%;display:flex;flex-direction:column;background:var(--c-bg)}.auth__hero{display:flex;flex-direction:column;gap:var(--sp-4);background-image:radial-gradient(120% 90% at 100% 0%,rgb(255 255 255 / 7%),transparent 55%),linear-gradient(100deg,var(--c-ink) 45%,transparent 90%),var(--ink-motif);background-size:auto,auto,64px 64px;padding:max(var(--sp-8),env(safe-area-inset-top,0px)) var(--sp-6) var(--sp-12)}.auth__brand{display:flex;align-items:center;gap:var(--sp-3);font-family:var(--font-title);font-size:1.25rem;font-weight:var(--fw-semibold);letter-spacing:.01em}.auth__tagline{max-width:26ch;font-family:var(--font-title);font-size:1.625rem;font-weight:var(--fw-regular);line-height:1.2;color:var(--c-ink-on)}.auth__tagline em{font-style:italic;color:var(--c-gilt)}.auth__verse{display:none}.auth__panel{flex:1;margin-top:calc(-1 * var(--sp-6));padding:var(--sp-6) var(--sp-5) max(var(--sp-6),env(safe-area-inset-bottom,0px));background:var(--c-bg);border-radius:24px 24px 0 0;position:relative;z-index:1}.auth__card{width:100%;max-width:420px;margin-inline:auto;display:flex;flex-direction:column;gap:var(--sp-5)}.auth__title{font-family:var(--font-title);font-size:var(--fs-h1)}.auth__lead{margin-top:var(--sp-1);font-size:var(--fs-body-sm);color:var(--c-text-secondary)}.auth__links{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--sp-2);font-size:var(--fs-body-sm)}.auth__link{padding:var(--sp-2) 0;background:none;border:0;color:var(--c-primary);font-weight:var(--fw-semibold);text-decoration:none}.auth__help{font-size:var(--fs-body-sm);color:var(--c-text-secondary)}.auth__help summary{cursor:pointer;padding:var(--sp-2) 0;color:var(--c-primary);font-weight:var(--fw-semibold);list-style:none}.auth__help summary::-webkit-details-marker{display:none}.auth__help p{padding:var(--sp-3) var(--sp-4);background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--r-field)}.demo{display:flex;flex-direction:column;gap:var(--sp-3);padding-top:var(--sp-5);border-top:1px dashed var(--c-border-strong)}.demo__head{display:flex;align-items:baseline;justify-content:space-between;gap:var(--sp-2)}.demo__title{font-size:var(--fs-label);font-weight:var(--fw-semibold);letter-spacing:.06em;text-transform:uppercase;color:var(--c-text-muted)}.demo__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--sp-2)}.demo__account{display:flex;align-items:center;gap:var(--sp-2);min-height:56px;padding:var(--sp-2) var(--sp-3);background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--r-button);color:var(--c-text);text-align:start;transition:border-color var(--duration-fast) ease-out,background-color var(--duration-fast) ease-out}.demo__account:hover{border-color:var(--c-border-strong)}.demo__account[aria-pressed=true]{border-color:var(--c-primary);background:var(--c-primary-soft);box-shadow:inset 0 0 0 1px var(--c-primary)}.demo__avatar{display:grid;place-items:center;width:32px;height:32px;flex:none;border-radius:10px;background:var(--c-neutral-soft);color:var(--c-primary)}.demo__avatar svg{width:18px;height:18px}.demo__text{display:flex;flex-direction:column;min-width:0;line-height:1.25}.demo__role{font-size:var(--fs-body-sm);font-weight:var(--fw-semibold);overflow-wrap:anywhere;hyphens:auto}@media (max-width: 400px){.demo__account{flex-direction:column;align-items:flex-start;gap:var(--sp-1);padding:var(--sp-3)}.demo__text{width:100%}}.demo__name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--fs-caption);color:var(--c-text-muted)}.demo__note{font-size:var(--fs-caption);color:var(--c-text-muted)}@media (min-width: 760px){.auth{flex-direction:row;height:100%}.auth__hero{flex:0 0 42%;justify-content:space-between;padding:var(--sp-12) var(--sp-8)}.auth__tagline{font-size:2.25rem}.auth__verse{display:flex;flex-direction:column;gap:var(--sp-2)}.auth__verse [lang=ar]{font-size:1.75rem;line-height:1.8;color:var(--c-gilt)}.auth__verse figcaption{font-size:var(--fs-label);color:var(--c-ink-muted)}.auth__verse-ref{white-space:nowrap}.auth__hero{background-image:radial-gradient(120% 90% at 100% 0%,rgb(255 255 255 / 7%),transparent 55%),linear-gradient(180deg,transparent 0 8%,var(--c-ink) 22% 62%,transparent 80%),var(--ink-motif)}.auth__panel{display:flex;align-items:center;margin:0;padding:var(--sp-8);border-radius:0;overflow-y:auto}}.field__optional,.eval__legend-opt{margin-inline-start:.4em}.steps{display:flex;flex-direction:column}.step{display:flex;gap:var(--sp-3);padding:var(--sp-3) 0}.step__rail{display:flex;flex-direction:column;align-items:center;flex:none;width:36px}.step__num{display:grid;place-items:center;width:32px;height:32px;flex:none;border:1.5px solid var(--c-border);border-radius:var(--r-pill);background:var(--c-surface);color:var(--c-text-secondary);font-size:var(--fs-body-sm);font-weight:var(--fw-bold);font-variant-numeric:tabular-nums}.step__line{flex:1;width:2px;min-height:var(--sp-2);margin-top:var(--sp-1);background:var(--c-border)}.step:last-child .step__line{display:none}.step__body{flex:1;min-width:0;display:flex;flex-direction:column;gap:var(--sp-2);padding-bottom:var(--sp-2)}.step__title{display:flex;align-items:center;flex-wrap:wrap;gap:var(--sp-2);font-size:var(--fs-body);font-weight:var(--fw-semibold);line-height:var(--lh-tight)}.step__state{font-size:var(--fs-body-sm);color:var(--c-text-secondary)}.step--done .step__num{background:var(--c-success);border-color:var(--c-success);color:var(--c-surface)}:root[data-theme=dark] .step--done .step__num{color:var(--c-bg)}@media (prefers-color-scheme: dark){:root:not([data-theme=light]) .step--done .step__num{color:var(--c-bg)}}.step--done .step__line{background:var(--c-success)}.step--done .step__title{color:var(--c-text-secondary)}.step--current .step__num{background:var(--c-primary);border-color:var(--c-primary);color:var(--c-primary-on)}.step--current .step__body{padding:var(--sp-3);margin-top:calc(var(--sp-3) * -1);background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--r-card);box-shadow:inset 3px 0 0 var(--c-accent)}.step--locked .step__title,.step--locked .step__state{color:var(--c-text-muted)}.step--locked .step__num{border-style:dashed;color:var(--c-text-muted)}.eval{display:flex;flex-direction:column;gap:var(--sp-5);padding:var(--sp-4)}.eval__head{display:flex;align-items:center;gap:var(--sp-4)}.eval__who{flex:1;min-width:0}.eval__name{font-family:var(--font-title);font-size:var(--fs-title);font-weight:var(--fw-semibold);line-height:var(--lh-tight)}.eval__since{font-size:var(--fs-body-sm);color:var(--c-text-secondary)}.eval__portion{display:flex;align-items:center;gap:var(--sp-4);padding:var(--sp-4);background:var(--c-primary-soft);border-radius:var(--r-card)}.eval__portion-body{flex:1;min-width:0}.eval__portion-label{font-size:var(--fs-caption);font-weight:var(--fw-semibold);letter-spacing:.05em;text-transform:uppercase;color:var(--c-primary)}.eval__portion-value{font-family:var(--font-title);font-size:var(--fs-title);font-weight:var(--fw-semibold);font-variant-numeric:tabular-nums;line-height:var(--lh-tight)}.eval__portion-ar{font-family:var(--font-arabic);font-size:var(--fs-subtitle);line-height:1.8;color:var(--c-text-secondary)}.eval__portion-meta{font-size:var(--fs-body-sm);color:var(--c-text-secondary);font-variant-numeric:tabular-nums}.eval__group{display:flex;flex-direction:column;gap:var(--sp-3)}.eval__legend{display:flex;align-items:baseline;gap:var(--sp-2);padding:0;font-size:var(--fs-label);font-weight:var(--fw-semibold);color:var(--c-text-secondary)}.eval__legend-req{color:var(--c-error)}.eval__legend-opt{margin-inline-start:auto;font-weight:var(--fw-regular);color:var(--c-text-muted)}.verdict{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--sp-3)}.verdict__option{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--sp-1);min-height:var(--touch-lg);padding:var(--sp-3);background:var(--c-surface);border:1.5px solid var(--c-border-strong);border-radius:var(--r-button);color:var(--c-text-secondary);font-family:var(--font-ui);font-size:var(--fs-subtitle);font-weight:var(--fw-semibold)}.verdict__option svg{width:22px;height:22px}.verdict__option:hover{border-color:var(--c-text-muted);color:var(--c-text)}.verdict__option--pass[aria-pressed=true]{background:var(--c-success-soft);border-color:var(--c-success);border-width:2px;color:var(--c-success)}.verdict__option--retry[aria-pressed=true]{background:var(--c-error-soft);border-color:var(--c-error);border-width:2px;color:var(--c-error)}.grades{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--sp-2)}.grades__option{min-height:var(--touch-min);padding:var(--sp-2);background:var(--c-surface);border:1.5px solid var(--c-border-strong);border-radius:var(--r-button);color:var(--c-text-secondary);font-family:var(--font-ui);font-size:var(--fs-body-sm);font-weight:var(--fw-semibold)}.grades__option:hover{border-color:var(--c-text-muted);color:var(--c-text)}.grades__option[aria-pressed=true]{background:var(--c-primary);border-color:var(--c-primary);color:var(--c-primary-on)}.eval__details{border:1px solid var(--c-border);border-radius:var(--r-card);overflow:hidden}.eval__details-summary{display:flex;align-items:center;gap:var(--sp-2);min-height:var(--touch-min);padding:var(--sp-3) var(--sp-4);cursor:pointer;font-size:var(--fs-body-sm);font-weight:var(--fw-semibold);color:var(--c-primary);list-style:none}.eval__details-summary::-webkit-details-marker{display:none}.eval__details-body{display:flex;flex-direction:column;gap:var(--sp-4);padding:0 var(--sp-4) var(--sp-4);border-top:1px solid var(--c-border);padding-top:var(--sp-4)}.eval__next{display:flex;align-items:center;gap:var(--sp-3);padding:var(--sp-3) var(--sp-4);background:var(--c-success-soft);border-radius:var(--r-card)}.eval__next-body{flex:1;min-width:0}.eval__next-label{font-size:var(--fs-caption);font-weight:var(--fw-semibold);color:var(--c-success)}.eval__next-value{font-size:var(--fs-body);font-weight:var(--fw-semibold);font-variant-numeric:tabular-nums}.reasons{display:flex;flex-wrap:wrap;gap:var(--sp-2)}.debt{display:flex;align-items:center;gap:var(--sp-3);padding:var(--sp-3) var(--sp-4);background:var(--c-warning-soft);border-radius:var(--r-card);font-size:var(--fs-body-sm)}.debt__num{font-size:var(--fs-title);font-weight:var(--fw-bold);font-variant-numeric:tabular-nums;color:var(--c-warning);line-height:1}.rev-edit{display:flex;flex-direction:column;gap:var(--sp-4);padding:var(--sp-4);background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--r-card)}.rev-edit__group{display:flex;flex-direction:column;gap:var(--sp-2)}.rev-edit .segmented__option{padding-inline:var(--sp-2)}.rev-edit__row{display:grid;grid-template-columns:1fr auto;gap:var(--sp-4);align-items:start}.rev-edit__hint{font-size:var(--fs-caption);color:var(--c-text-muted)}.qty{display:flex;align-items:center;border:1.5px solid var(--c-border-strong);border-radius:var(--r-button);overflow:hidden}.qty__btn{width:var(--touch-min);min-height:var(--touch-min);background:var(--c-surface);border:0;color:var(--c-primary);font-size:1.375rem;font-weight:var(--fw-semibold);cursor:pointer}.qty__btn:disabled{color:var(--c-text-muted);cursor:not-allowed}.qty__btn:focus-visible{outline:none;box-shadow:var(--focus-ring)}.qty__value{min-width:3ch;text-align:center;font-size:var(--fs-body);font-weight:var(--fw-semibold)}.mushaf{display:flex;flex-direction:column;min-height:0;height:100%}.mushaf__head{display:flex;align-items:center;gap:var(--sp-3);padding:var(--sp-3) var(--sp-4);border-bottom:1px solid var(--c-border);background:var(--c-surface);font-size:var(--fs-body-sm)}.mushaf__locus{display:flex;align-items:baseline;gap:var(--sp-2);font-variant-numeric:tabular-nums;color:var(--c-text-secondary)}.mushaf__surah{font-family:var(--font-arabic);font-size:var(--fs-subtitle);font-weight:var(--fw-bold);color:var(--c-text)}.mushaf__body{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;padding:var(--sp-5) var(--sp-4);background:var(--c-bg);touch-action:pan-y pinch-zoom;overscroll-behavior:contain}.mushaf-page{max-width:calc(30rem + 16rem * var(--mushaf-scale, 1));margin:0 auto;padding:var(--sp-6) var(--sp-5);background:var(--c-paper);border:1px solid var(--c-paper-edge);border-radius:6px;box-shadow:var(--shadow-1);outline:3px double var(--c-paper-edge);outline-offset:-9px}@media (prefers-reduced-motion: no-preference){.mushaf-page[data-turn=suivante]{animation:mushaf-from-left .2s ease-out}.mushaf-page[data-turn=precedente]{animation:mushaf-from-right .2s ease-out}}@keyframes mushaf-from-left{0%{opacity:.35;transform:translate(-28px)}}@keyframes mushaf-from-right{0%{opacity:.35;transform:translate(28px)}}.mushaf-page__surah-head{margin:0 auto var(--sp-4);padding:var(--sp-2) var(--sp-5);max-width:24rem;border:1.5px solid var(--c-primary);border-radius:var(--r-button);background:var(--c-primary-soft);color:var(--c-primary);font-family:var(--font-arabic);font-size:var(--fs-subtitle);font-weight:var(--fw-bold);text-align:center}.mushaf-page__text{font-family:var(--font-arabic);font-size:calc(clamp(1.375rem,1.05rem + 1.1vw,1.875rem) * var(--mushaf-scale, 1));line-height:2.3;text-align:justify;text-justify:inter-word;color:var(--c-text)}.mushaf__verse{display:inline;padding:2px 3px;border-radius:6px;background:none;border:0;color:inherit;font:inherit;text-align:inherit;cursor:pointer}button.mushaf__verse:hover{background:var(--c-neutral-soft)}span.mushaf__verse{cursor:auto}.mushaf__verse--recite{background:var(--c-recite);-webkit-box-decoration-break:clone;box-decoration-break:clone}.mushaf__verse--recite-edge{box-shadow:inset 0 -3px 0 var(--c-recite-edge)}.mushaf__verse--recite-edge .mushaf__num{border-color:var(--c-recite-edge);border-width:2px;font-weight:var(--fw-bold)}.mushaf__num{display:inline-grid;place-items:center;width:1.65em;height:1.65em;margin-inline:.15em;border:1px solid var(--c-text-muted);border-radius:var(--r-pill);font-size:.72em;line-height:1;color:var(--c-text-secondary);vertical-align:middle;font-variant-numeric:tabular-nums}.mushaf__verse[aria-pressed=true],.mushaf__verse--in-range{background:var(--c-primary-soft);color:var(--c-text)}.mushaf__verse--edge{box-shadow:inset 0 -3px 0 var(--c-accent);font-weight:var(--fw-bold)}.mushaf__verse--edge .mushaf__num{border-color:var(--c-accent);border-width:2px;color:var(--c-accent-text);font-weight:var(--fw-bold)}.mushaf__verse--pending{background:var(--c-accent-soft);box-shadow:inset 0 -3px 0 var(--c-accent)}.mushaf__foot{display:flex;align-items:center;gap:var(--sp-3);padding:var(--sp-3) var(--sp-4);border-top:1px solid var(--c-border);background:var(--c-surface)}.mushaf__page-num{flex:1;display:flex;align-items:center;justify-content:center;gap:var(--sp-2);font-size:var(--fs-body-sm);font-weight:var(--fw-semibold);font-variant-numeric:tabular-nums}.mushaf__page-num .field__input{width:5.5rem;min-height:44px;text-align:center}.mushaf__page-num small{font-size:var(--fs-body-sm);font-weight:var(--fw-regular);color:var(--c-text-muted);white-space:nowrap}.mushaf__selection-body{flex:1;min-width:0}.mushaf__selection-label{font-size:var(--fs-caption);font-weight:var(--fw-semibold);color:var(--c-primary)}.mushaf__selection-value{font-size:var(--fs-body);font-weight:var(--fw-semibold);font-variant-numeric:tabular-nums}.mushaf__selection-meta{font-size:var(--fs-caption);color:var(--c-text-secondary);font-variant-numeric:tabular-nums}.surah-search{padding:var(--sp-3) var(--sp-4);border-bottom:1px solid var(--c-border);background:var(--c-surface)}.surah-results{max-height:168px;overflow-y:auto;border:1px solid var(--c-border);border-radius:var(--r-field);margin-top:var(--sp-2);background:var(--c-surface)}.surah-results__item{display:flex;align-items:center;gap:var(--sp-3);width:100%;min-height:var(--touch-min);padding:var(--sp-2) var(--sp-3);background:none;border:0;border-bottom:1px solid var(--c-border);color:inherit;font:inherit;text-align:start}.surah-results__item:last-child{border-bottom:0}.surah-results__item:hover{background:var(--c-neutral-soft)}.surah-results__num{display:grid;place-items:center;width:30px;height:30px;flex:none;border-radius:var(--r-pill);background:var(--c-neutral-soft);font-size:var(--fs-caption);font-weight:var(--fw-semibold);font-variant-numeric:tabular-nums}.surah-results__name{flex:1;min-width:0;font-size:var(--fs-body-sm);font-weight:var(--fw-medium)}.surah-results__ar{font-family:var(--font-arabic);font-size:var(--fs-subtitle);color:var(--c-text-secondary)}.reader{position:fixed;inset:0;width:100%;height:100%;max-width:none;max-height:none;margin:0;padding:0;border:0;background:var(--c-bg);color:var(--c-text);overflow:hidden}.reader[open]{display:flex;flex-direction:column}.reader::backdrop{background:var(--c-scrim)}.reader__bar{display:flex;align-items:center;gap:var(--sp-2);min-height:56px;padding:max(var(--sp-2),env(safe-area-inset-top,0px)) var(--sp-3) var(--sp-2);border-bottom:1px solid var(--c-border);background:var(--c-surface)}.reader__title{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:var(--font-title);font-size:var(--fs-subtitle);font-weight:var(--fw-semibold)}.reader__tools{display:flex;align-items:center;gap:var(--sp-1);flex:none}.reader__tool{display:grid;place-items:center;width:var(--touch-min);height:var(--touch-min);padding:0;background:none;border:1px solid transparent;border-radius:var(--r-button);color:var(--c-text);cursor:pointer}.reader__tool:hover:not(:disabled){background:var(--c-neutral-soft)}.reader__tool[aria-pressed=true]{border-color:var(--c-border-strong)}.reader__tool:disabled{color:var(--c-text-muted);opacity:.45;cursor:default}.reader__glyph{font-family:var(--font-title);font-size:1.375rem;font-weight:var(--fw-semibold);line-height:1}.reader__glyph--small{font-size:.95rem}.reader__portion{display:flex;flex-wrap:wrap;align-items:center;gap:var(--sp-2) var(--sp-3);padding:var(--sp-2) var(--sp-4);border-bottom:1px solid var(--c-border);background:var(--c-surface)}.reader__swatch{flex:none;width:12px;height:32px;border-radius:3px;background:var(--c-recite);box-shadow:inset 0 -3px 0 var(--c-recite-edge)}.reader__portion-body{flex:1 1 12rem;min-width:0}.reader__portion-label{font-size:var(--fs-caption);font-weight:var(--fw-semibold);letter-spacing:.04em;text-transform:uppercase;color:var(--c-text-secondary)}.reader__portion-value{font-size:var(--fs-body);font-weight:var(--fw-semibold);font-variant-numeric:tabular-nums}.reader__portion-meta{font-size:var(--fs-body-sm);font-weight:var(--fw-regular);color:var(--c-text-secondary)}.reader__portion-step{flex:none;padding:2px var(--sp-3);border-radius:var(--r-pill);background:var(--c-neutral-soft);font-size:var(--fs-caption);font-weight:var(--fw-semibold)}.reader__page{display:flex;flex-direction:column;flex:1;min-height:0}.reader__page>.mushaf{flex:1;height:auto}.reader__page:last-child .mushaf__foot{padding-bottom:calc(var(--sp-3) + env(safe-area-inset-bottom,0px))}.reader__foot{display:flex;flex-wrap:wrap;align-items:center;gap:var(--sp-3);padding:var(--sp-3) var(--sp-4) calc(var(--sp-3) + env(safe-area-inset-bottom,0px));border-top:1px solid var(--c-border);background:var(--c-primary-soft)}.reader__foot .mushaf__selection-body{flex:1 1 14rem}.reader__foot-actions{display:flex;flex-wrap:wrap;align-items:center;gap:var(--sp-2)}@media (max-width: 599px){.reader__foot-actions{width:100%}.reader__validate{flex:1 1 100%}}@media (max-width: 479px){.reader__title,.reader .mushaf__surah,.reader__portion-meta{display:none}.reader__bar{justify-content:space-between}.reader__portion,.mushaf__head{padding-inline:var(--sp-3)}.mushaf__locus{white-space:nowrap}.mushaf__foot{gap:var(--sp-2);padding-inline:var(--sp-3)}.mushaf__page-num .field__input{width:4rem}.mushaf__page-num small{display:none}.mushaf__body{padding-inline:var(--sp-2)}.mushaf-page{padding-inline:var(--sp-4)}}.amount{font-variant-numeric:tabular-nums;font-weight:var(--fw-semibold);white-space:nowrap}.amount__cur{font-size:.78em;font-weight:var(--fw-medium);color:var(--c-text-muted);margin-inline-start:.25em}.amount--xl{font-family:var(--font-title);font-size:var(--fs-display);line-height:1}.amount--due{color:var(--c-warning)}.amount--paid{color:var(--c-success)}.situation{display:flex;flex-direction:column;gap:var(--sp-3);padding:var(--sp-4);background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--r-card)}.situation__head{display:flex;align-items:flex-start;gap:var(--sp-3)}.situation__total{display:flex;align-items:baseline;gap:var(--sp-2);padding:var(--sp-3) var(--sp-4);background:var(--c-warning-soft);border-radius:var(--r-button)}.situation__total-label{font-size:var(--fs-body-sm);color:var(--c-text-secondary)}.situation__facts{display:flex;flex-wrap:wrap;gap:var(--sp-2) var(--sp-4);font-size:var(--fs-body-sm);color:var(--c-text-secondary)}.periods{display:flex;flex-direction:column;border:1px solid var(--c-border);border-radius:var(--r-card);overflow:hidden}.period{display:flex;align-items:center;gap:var(--sp-3);min-height:var(--touch-min);padding:var(--sp-3) var(--sp-4);background:var(--c-surface);border-bottom:1px solid var(--c-border);cursor:pointer}.period:last-child{border-bottom:0}.period:hover{background:var(--c-neutral-soft)}.period__check{width:26px;height:26px;flex:none;accent-color:var(--c-primary)}.period__body{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.period__name{font-size:var(--fs-body);font-weight:var(--fw-medium)}.period__note{font-size:var(--fs-caption);color:var(--c-text-muted);font-variant-numeric:tabular-nums}.period--late .period__name{font-weight:var(--fw-semibold)}.period:has(.period__check:checked){background:var(--c-primary-soft);box-shadow:inset 3px 0 0 var(--c-primary)}.period--future{color:var(--c-text-secondary)}.allocation{display:flex;flex-direction:column;gap:var(--sp-2);padding:var(--sp-4);background:var(--c-primary-soft);border-radius:var(--r-card)}.allocation__title{font-size:var(--fs-label);font-weight:var(--fw-semibold);color:var(--c-primary)}.allocation__row{display:flex;align-items:baseline;gap:var(--sp-3);font-size:var(--fs-body-sm)}.allocation__row .amount{margin-inline-start:auto}.allocation__arrow{color:var(--c-text-muted)}.allocation__rest{display:flex;align-items:baseline;gap:var(--sp-3);padding-top:var(--sp-2);border-top:1px solid var(--c-border);font-size:var(--fs-body-sm);font-weight:var(--fw-semibold)}.allocation__rest .amount{margin-inline-start:auto}.receipt{--paper: #ffffff;--ink: #1b2230;--ink-soft: #4f5868;--ink-muted: #7a8291;--rule: #e2ddd0;--brand: #10284f;--gilt: #b88a2e;position:relative;max-width:460px;margin:0 auto;padding:var(--sp-6) var(--sp-5) var(--sp-5);background:var(--paper);color:var(--ink);border:1px solid var(--rule);border-top:6px solid var(--brand);border-radius:var(--r-card);box-shadow:var(--shadow-1)}.receipt__head{display:flex;align-items:center;gap:var(--sp-4)}.receipt__logo,.receipt__monogram{flex:none;width:64px;height:64px;border-radius:12px}.receipt__logo{object-fit:contain}.receipt__monogram{display:grid;place-items:center;background:var(--brand);color:#fff;font-family:var(--font-title);font-size:1.375rem;font-weight:var(--fw-semibold);letter-spacing:.04em;box-shadow:inset 0 0 0 3px var(--paper),inset 0 0 0 4px var(--gilt)}.receipt__issuer{min-width:0}.receipt__markaz-name{font-family:var(--font-title);font-size:var(--fs-subtitle);font-weight:var(--fw-semibold);line-height:var(--lh-tight);color:var(--brand)}.receipt__markaz-meta{font-size:var(--fs-caption);color:var(--ink-soft)}.receipt__title{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:var(--sp-3);margin-top:var(--sp-5);padding:var(--sp-3) 0;border-top:1px solid var(--rule);border-bottom:1px solid var(--rule)}.receipt__kind-label{display:block;font-size:.6875rem;font-weight:var(--fw-semibold);letter-spacing:.1em;text-transform:uppercase;color:var(--ink-muted)}.receipt__number{white-space:nowrap;font-size:var(--fs-subtitle);font-weight:var(--fw-bold);font-variant-numeric:tabular-nums;color:var(--ink)}.receipt__date{white-space:nowrap;display:flex;flex-direction:column;align-items:flex-end;font-weight:var(--fw-semibold)}.receipt__amount{margin:var(--sp-5) 0;padding:var(--sp-4) var(--sp-4) var(--sp-3);border:1.5px solid var(--brand);border-radius:10px;text-align:center;background:linear-gradient(180deg,#f7f9fc,var(--paper))}.receipt__amount-label{font-size:.6875rem;font-weight:var(--fw-semibold);letter-spacing:.1em;text-transform:uppercase;color:var(--ink-muted)}.receipt__amount-figures{margin-top:var(--sp-1);font-family:var(--font-title);font-size:2rem;font-weight:var(--fw-semibold);font-variant-numeric:tabular-nums;line-height:1.1;color:var(--brand)}.receipt__amount-words{margin-top:var(--sp-2);font-family:var(--font-title);font-size:var(--fs-body-sm);font-style:italic;color:var(--ink-soft)}.receipt__details{display:flex;flex-direction:column}.receipt__line{display:grid;grid-template-columns:9.5rem minmax(0,1fr);gap:var(--sp-3);padding:var(--sp-2) 0;border-bottom:1px dotted var(--rule);font-size:var(--fs-body-sm);align-items:baseline}.receipt__line:last-child{border-bottom:0}.receipt__line dt{color:var(--ink-muted)}.receipt__line dd{margin:0;font-weight:var(--fw-medium);color:var(--ink)}.receipt__sub{display:block;font-size:var(--fs-caption);font-weight:var(--fw-regular);color:var(--ink-soft)}.receipt__periods{display:flex;flex-direction:column;gap:2px;margin:0;padding:0;list-style:none}.receipt__periods li{display:flex;justify-content:space-between;gap:var(--sp-2)}.receipt__period-state{font-size:var(--fs-caption);color:var(--ink-muted)}@media (max-width: 420px){.receipt{padding-inline:var(--sp-4)}.receipt__line{grid-template-columns:1fr;gap:0}.receipt__number{font-size:var(--fs-body)}}.receipt__foot{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--sp-4);margin-top:var(--sp-5)}.receipt__sign{display:flex;flex-direction:column;min-width:0;font-size:var(--fs-caption);color:var(--ink-soft)}.receipt__sign strong{font-size:var(--fs-body-sm);font-weight:var(--fw-semibold);color:var(--ink)}.receipt__sign-line{width:160px;max-width:100%;margin-top:var(--sp-6);border-bottom:1px solid var(--ink-muted)}.receipt__sign-caption{margin-top:2px;font-size:.6875rem;color:var(--ink-muted)}.receipt__stamp{flex:none;display:grid;place-items:center;width:96px;height:96px;border:1.5px dashed var(--rule);border-radius:50%;font-size:.625rem;letter-spacing:.08em;text-align:center;text-transform:uppercase;color:var(--ink-muted)}.receipt__legal{margin-top:var(--sp-4);padding-top:var(--sp-3);border-top:1px solid var(--rule);font-size:.6875rem;text-align:center;color:var(--ink-muted)}.receipt__rows{display:flex;flex-direction:column;gap:var(--sp-3)}.receipt__row{display:grid;grid-template-columns:11ch minmax(0,1fr);gap:var(--sp-3);font-size:var(--fs-body-sm);align-items:baseline}.receipt__row dt{color:var(--c-text-muted)}.receipt__row dd{margin:0;font-weight:var(--fw-medium)}.receipt--provisional{border-color:#c9851a;border-style:dashed;border-top-style:solid}.receipt__provisional{display:flex;align-items:flex-start;gap:var(--sp-2);margin-bottom:var(--sp-4);padding:var(--sp-3);background:#fdf3e1;border-radius:var(--r-button);font-size:var(--fs-body-sm);color:#8a5300;font-weight:var(--fw-medium)}.receipt--void .receipt__number,.receipt--void .receipt__amount-figures{text-decoration:line-through}.receipt__void{margin-bottom:var(--sp-4)}.receipt__void-stamp{display:inline-flex;align-items:center;gap:var(--sp-2);padding:var(--sp-2) var(--sp-4);border:2px solid #b42318;border-radius:var(--r-button);color:#b42318;font-size:var(--fs-body-sm);font-weight:var(--fw-bold);letter-spacing:.06em;text-transform:uppercase}.receipt__void-detail{margin-top:var(--sp-2);font-size:var(--fs-caption);color:var(--ink-soft)}.logo-preview{display:flex;align-items:center;gap:var(--sp-3);padding:var(--sp-3) var(--sp-4);background:#fff;border:1px solid #e2ddd0;border-top:4px solid #10284f;border-radius:var(--r-card);color:#1b2230}.logo-preview__img,.logo-preview__empty{flex:none;width:56px;height:56px;border-radius:10px}.logo-preview__img{object-fit:contain}.logo-preview__empty{display:grid;place-items:center;border:1.5px dashed #c8c2b2;font-size:var(--fs-caption);color:#7a8291}.logo-preview__text{display:flex;flex-direction:column;min-width:0}.logo-preview__name{font-family:var(--font-title);font-weight:var(--fw-semibold);color:#10284f}.logo-preview__meta{font-size:var(--fs-caption);color:#4f5868}@media print{@page{size:A5 portrait;margin:10mm}body{background:#fff;color:#000}.app-topbar,.app-bottom,.nav-side,.no-print{display:none!important}.receipt{max-width:none;width:100%;margin:0;padding:0;border:0;border-top:4pt solid var(--brand);border-radius:0;box-shadow:none;page-break-inside:avoid;-webkit-print-color-adjust:exact;print-color-adjust:exact}.receipt__amount{background:none}}.sync{display:inline-flex;align-items:center;gap:var(--sp-2);min-height:36px;padding:var(--sp-1) var(--sp-3) var(--sp-1) var(--sp-2);border-radius:var(--r-pill);background:var(--c-neutral-soft);color:var(--c-text-secondary);font-size:var(--fs-caption);font-weight:var(--fw-semibold);white-space:nowrap}.sync__icon{width:16px;height:16px;flex:none}.sync__count{font-variant-numeric:tabular-nums}.sync--ok{background:var(--c-success-soft);color:var(--c-success)}.sync--running{background:var(--c-primary-soft);color:var(--c-primary)}@media (prefers-reduced-motion: no-preference){.sync--running .sync__icon{animation:sync-spin 1.1s linear infinite}}@keyframes sync-spin{to{rotate:360deg}}.sync--pending{background:var(--c-warning-soft);color:var(--c-warning)}.sync--failed{background:var(--c-error-soft);color:var(--c-error)}.app-topbar--session .sync{background:#ffffff29;color:var(--c-primary-on)}.offline-bar{display:flex;align-items:center;gap:var(--sp-3);padding:var(--sp-2) var(--sp-4);background:var(--c-warning-soft);color:var(--c-warning);font-size:var(--fs-body-sm);font-weight:var(--fw-medium)}.offline-bar svg{width:18px;height:18px;flex:none}.sync-queue{display:flex;flex-direction:column;gap:var(--sp-2)}.sync-queue__row{display:flex;align-items:center;gap:var(--sp-3);font-size:var(--fs-body-sm)}.sync-queue__num{min-width:2.5ch;text-align:end;font-weight:var(--fw-semibold);font-variant-numeric:tabular-nums}.app-page--hero{padding-top:0}.hero{margin-inline:calc(-1 * var(--page-gutter));margin-bottom:-64px;padding:var(--sp-5) var(--page-gutter) 84px;border-radius:0 0 28px 28px}.hero__date{display:flex;flex-wrap:wrap;gap:var(--sp-1) var(--sp-2);font-size:var(--fs-label);color:var(--c-ink-muted)}.hero__hijri{color:var(--c-gilt)}.hero__title{margin-top:var(--sp-1);font-family:var(--font-title);font-size:1.75rem;font-weight:var(--fw-semibold);line-height:1.15}.hero__stats{display:flex;flex-wrap:wrap;gap:var(--sp-2);margin-top:var(--sp-4)}.hero__stat{display:inline-flex;align-items:baseline;gap:6px;padding:6px 12px;background:#ffffff14;border:1px solid rgb(255 255 255 / 12%);border-radius:var(--r-pill);font-size:var(--fs-label);color:var(--c-ink-muted)}.hero__stat strong{font-size:var(--fs-body-sm);font-variant-numeric:tabular-nums;color:var(--c-ink-on)}.now-card{position:relative;display:flex;flex-direction:column;gap:var(--sp-4);padding:var(--sp-4);background:var(--c-surface);border-radius:20px;box-shadow:var(--shadow-2)}.now-card__head{display:flex;flex-wrap:wrap;align-items:center;gap:var(--sp-1) var(--sp-3)}.now-card__group{font-family:var(--font-title);font-size:1.25rem;font-weight:var(--fw-semibold)}.now-card__time{font-size:var(--fs-body-sm);color:var(--c-text-secondary);font-variant-numeric:tabular-nums}.stepper{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));counter-reset:none}.stepper__item{position:relative;display:flex;flex-direction:column;align-items:center;gap:4px;min-width:0;text-align:center}.stepper__item:not(:first-child):before{content:"";position:absolute;top:15px;right:50%;width:100%;height:2px;background:var(--c-border);z-index:0}.stepper__item.is-done:not(:first-child):before,.stepper__item.is-current:not(:first-child):before{background:var(--c-success)}.stepper__dot{position:relative;z-index:1;display:grid;place-items:center;width:32px;height:32px;border-radius:var(--r-pill);background:var(--c-surface);border:2px solid var(--c-border-strong);color:var(--c-text-muted);font-size:var(--fs-label);font-weight:var(--fw-bold)}.stepper__item.is-done .stepper__dot{background:var(--c-success);border-color:var(--c-success);color:var(--c-surface)}.stepper__item.is-current .stepper__dot{background:var(--c-ink);border-color:var(--c-ink);color:var(--c-gilt);box-shadow:0 0 0 4px var(--c-primary-soft)}.stepper__item.is-moot .stepper__dot{border-style:dashed}.stepper__label{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--fs-label);font-weight:var(--fw-semibold);color:var(--c-text-secondary)}.stepper__item.is-current .stepper__label{color:var(--c-text)}.stepper__meta{font-size:var(--fs-caption);color:var(--c-text-muted);font-variant-numeric:tabular-nums}.now-card__task{display:flex;flex-direction:column;gap:var(--sp-3);padding:var(--sp-4);background:var(--c-bg);border-radius:14px}.now-card__task-title{font-size:var(--fs-subtitle);font-weight:var(--fw-semibold)}.now-card__task-detail{font-size:var(--fs-body-sm);color:var(--c-text-secondary)}.now-card__more{display:flex;flex-wrap:wrap;gap:var(--sp-1)}.pupil__line{display:flex;flex-wrap:wrap;align-items:center;gap:2px var(--sp-2);font-size:var(--fs-body-sm);color:var(--c-text-secondary)}.pupil__line--muted{font-size:var(--fs-caption);color:var(--c-text-muted)}.pupil__portion{font-weight:var(--fw-semibold);color:var(--c-text)}.tag{display:inline-flex;align-items:center;gap:4px;padding:1px 8px;border-radius:var(--r-pill);background:var(--c-neutral-soft);font-size:var(--fs-caption);font-weight:var(--fw-semibold);color:var(--c-text-secondary);white-space:nowrap}.tag--warning{background:var(--c-warning-soft);color:var(--c-warning)}.tag--success{background:var(--c-success-soft);color:var(--c-success)}.tag--error{background:var(--c-error-soft);color:var(--c-error)}.group-grid{display:grid;gap:var(--sp-3)}.group-card{display:flex;flex-direction:column;gap:var(--sp-3);padding:var(--sp-4);background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--r-card);box-shadow:var(--shadow-1)}.group-card__head{display:flex;align-items:center;gap:var(--sp-3)}.group-card__badge{display:grid;place-items:center;width:44px;height:44px;flex:none;border-radius:14px;background:var(--c-ink);color:var(--c-gilt);font-family:var(--font-title);font-size:var(--fs-subtitle);font-weight:var(--fw-bold)}.group-card__title{font-family:var(--font-title);font-size:var(--fs-title);font-weight:var(--fw-semibold)}.group-card__sub{font-size:var(--fs-label);color:var(--c-text-muted)}.group-card__facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--sp-2)}.fact{display:flex;flex-direction:column;gap:2px;padding:var(--sp-2) var(--sp-3);background:var(--c-bg);border-radius:12px;min-width:0}.fact__value{font-size:var(--fs-subtitle);font-weight:var(--fw-bold);font-variant-numeric:tabular-nums;line-height:1.2}.fact__label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--fs-caption);color:var(--c-text-muted)}.fact--warning .fact__value{color:var(--c-warning)}.group-card__actions{display:flex;flex-wrap:wrap;gap:var(--sp-2);padding-top:var(--sp-3);border-top:1px solid var(--c-border)}.group-card__actions>.btn--primary{flex:1 1 auto}.roll-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--sp-2)}.roll-summary .fact{background:var(--c-surface);border:1px solid var(--c-border)}.roll-summary .fact--present .fact__value{color:var(--c-success)}.roll-summary .fact--absent .fact__value{color:var(--c-error)}.meter{height:6px;overflow:hidden;border-radius:var(--r-pill);background:var(--c-border)}.meter__fill{height:100%;border-radius:inherit;background:var(--c-success);transition:width var(--duration-normal) ease-out}.roll{display:grid;align-items:start;gap:var(--sp-2)}.roll-card{display:flex;flex-direction:column;gap:var(--sp-3);padding:var(--sp-3);background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--r-card);box-shadow:var(--shadow-1);transition:border-color var(--duration-fast) ease-out,background-color var(--duration-fast) ease-out}.roll-card__main{display:flex;align-items:center;gap:var(--sp-3)}.roll-card__who{flex:1;min-width:0;display:flex;flex-direction:column}.roll-card__name{overflow-wrap:anywhere;font-weight:var(--fw-semibold);line-height:1.25}.roll-card__state{font-size:var(--fs-caption);color:var(--c-text-muted)}.roll-card--present{border-color:color-mix(in srgb,var(--c-success) 45%,var(--c-border));box-shadow:inset 4px 0 0 var(--c-success),var(--shadow-1)}.roll-card--present .roll-card__state{color:var(--c-success);font-weight:var(--fw-semibold)}.roll-card--absent{border-color:color-mix(in srgb,var(--c-error) 45%,var(--c-border));box-shadow:inset 4px 0 0 var(--c-error),var(--shadow-1)}.roll-card--absent .roll-card__state{color:var(--c-error);font-weight:var(--fw-semibold)}.roll-card .btn-choice{min-width:62px;min-height:var(--touch-lg);padding-inline:var(--sp-2)}.session-head{display:flex;flex-wrap:wrap;align-items:center;gap:var(--sp-2) var(--sp-3)}.session-head__title{flex:1;min-width:0;font-family:var(--font-title);font-size:var(--fs-title);font-weight:var(--fw-semibold)}.session-head__time{margin-inline-start:var(--sp-2);font-family:var(--font-ui);font-size:var(--fs-body-sm);font-weight:var(--fw-regular);color:var(--c-text-secondary);font-variant-numeric:tabular-nums}.pass-switch{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;padding:4px;background:var(--c-neutral-soft);border-radius:14px}.pass-switch__option{display:flex;align-items:center;justify-content:center;gap:var(--sp-2);min-height:44px;padding:var(--sp-1) var(--sp-3);background:none;border:0;border-radius:11px;color:var(--c-text-secondary);font-size:var(--fs-body-sm);font-weight:var(--fw-semibold)}.pass-switch__option[aria-selected=true]{background:var(--c-surface);color:var(--c-text);box-shadow:var(--shadow-1),0 0 0 1px var(--c-border)}.pass-switch__count{padding:1px 8px;border-radius:var(--r-pill);background:var(--c-border);font-size:var(--fs-caption);font-variant-numeric:tabular-nums}.pass-switch__option[aria-selected=true] .pass-switch__count{background:var(--c-ink);color:var(--c-ink-on)}.pass-switch__count.is-complete{background:var(--c-success);color:var(--c-surface)}.strip{display:flex;gap:var(--sp-1);margin-inline:calc(-1 * var(--page-gutter));padding:var(--sp-1) var(--page-gutter) var(--sp-2);overflow-x:auto;scroll-snap-type:x proximity;scrollbar-width:none}.strip::-webkit-scrollbar{display:none}.strip__chip{display:flex;flex-direction:column;align-items:center;gap:4px;flex:none;width:64px;padding:4px 0;background:none;border:0;border-radius:12px;color:var(--c-text-secondary);scroll-snap-align:start;-webkit-tap-highlight-color:transparent}.strip__avatar{position:relative;display:grid;place-items:center;width:44px;height:44px;border-radius:var(--r-pill);background:var(--c-surface);border:2px dashed var(--c-border-strong);font-size:var(--fs-label);font-weight:var(--fw-bold);color:var(--c-text-secondary)}.strip__mark{position:absolute;right:-3px;bottom:-3px;display:grid;place-items:center;width:18px;height:18px;border-radius:var(--r-pill);border:2px solid var(--c-bg);font-size:10px;font-weight:var(--fw-bold);line-height:1}.strip__name{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--fs-caption)}.strip__chip.is-done .strip__avatar{border-style:solid;border-color:var(--c-success);background:var(--c-success-soft);color:var(--c-success)}.strip__chip.is-done .strip__mark{background:var(--c-success);color:var(--c-surface)}.strip__chip.is-retry .strip__avatar{border-style:solid;border-color:var(--c-warning);background:var(--c-warning-soft);color:var(--c-warning)}.strip__chip.is-retry .strip__mark{background:var(--c-warning);color:var(--c-surface)}.strip__chip.is-off{opacity:.5}.strip__chip[aria-current=true]{color:var(--c-text);font-weight:var(--fw-semibold)}.strip__chip[aria-current=true] .strip__avatar{border:2px solid var(--c-ink);background:var(--c-ink);color:var(--c-gilt);box-shadow:0 0 0 3px var(--c-primary-soft)}@container app (min-width: 1025px){.strip{display:none}}.eval-nav{display:flex;align-items:center;gap:var(--sp-2)}.eval-nav__pos{flex:1;text-align:center;font-size:var(--fs-label);color:var(--c-text-muted);font-variant-numeric:tabular-nums}.eval-nav .btn-icon{width:40px;height:40px;border:1px solid var(--c-border);background:var(--c-surface)}.session-layout__card>.eval{background:var(--c-surface);border:1px solid var(--c-border);border-radius:20px;box-shadow:var(--shadow-1)}.eval__portion{position:relative;align-items:stretch;background:linear-gradient(180deg,#fbf8f0,#f6f1e4);border:1px solid #ece3cc;box-shadow:inset 4px 0 0 var(--c-gilt)}.eval__portion-surah{flex:none;align-self:center;font-family:var(--font-arabic);font-size:1.5rem;line-height:1.6;color:var(--c-ink)}:root[data-theme=dark] .eval__portion{background:var(--c-surface-raised);border-color:var(--c-border)}:root[data-theme=dark] .eval__portion-surah{color:var(--c-gilt)}@media (prefers-color-scheme: dark){:root:not([data-theme=light]) .eval__portion{background:var(--c-surface-raised);border-color:var(--c-border)}:root:not([data-theme=light]) .eval__portion-surah{color:var(--c-gilt)}}.eval__portion-label{color:var(--c-accent-text)}.eval__portion{flex-wrap:wrap}.eval__follow{flex:1 1 100%;display:flex}.eval__follow>.btn{flex:1}@media (min-width: 600px){.eval__follow>.btn{flex:0 1 auto}}.session-layout__card .eval>.btn[type=submit]{position:sticky;bottom:var(--sp-3);z-index:2;box-shadow:0 8px 24px #0e234738}.session-layout__card .eval>.btn[type=submit][aria-disabled=true]{box-shadow:0 6px 18px #0e23471a}.eval__already{display:flex;align-items:center;gap:var(--sp-2);padding:var(--sp-2) var(--sp-3);border-radius:12px;background:var(--c-success-soft);color:var(--c-success);font-size:var(--fs-body-sm);font-weight:var(--fw-semibold)}.eval__already--retry{background:var(--c-warning-soft);color:var(--c-warning)}.pass-done{display:flex;flex-direction:column;align-items:center;gap:var(--sp-3);padding:var(--sp-8) var(--sp-5);background:var(--c-surface);border:1px solid var(--c-border);border-radius:20px;text-align:center}.pass-done__seal{display:grid;place-items:center;width:72px;height:72px;border-radius:var(--r-pill);background:var(--c-success-soft);color:var(--c-success)}.pass-done__seal svg{width:36px;height:36px}.pass-done__title{font-family:var(--font-title);font-size:var(--fs-title);font-weight:var(--fw-semibold)}.pass-done__text{max-width:40ch;font-size:var(--fs-body-sm);color:var(--c-text-secondary)}@container app (min-width: 760px){.hero{padding-top:var(--sp-6)}.hero__title{font-size:2rem}.now-card{padding:var(--sp-5)}.group-grid,.roll{grid-template-columns:repeat(2,minmax(0,1fr))}}@container app (min-width: 1025px){.hero{margin-inline:0;border-radius:24px;margin-top:var(--sp-6);padding-inline:var(--sp-8)}}@media (prefers-reduced-motion: no-preference){.eval{animation:eval-in .22s ease-out}@keyframes eval-in{0%{opacity:0;transform:translateY(6px)}}}.session-layout{height:auto;gap:var(--sp-5)}.session-layout__card{overflow:visible}@container app (min-width: 1025px){.session-layout__roster{position:sticky;top:0;align-self:start;max-height:calc(100dvh - 160px);border:1px solid var(--c-border);border-radius:var(--r-card);overflow:hidden}}.recap-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--sp-2)}.recap-facts .fact{padding:var(--sp-3) var(--sp-4);background:var(--c-surface);border:1px solid var(--c-border)}.recap-facts .fact__value{font-family:var(--font-title);font-size:1.75rem}@container app (min-width: 760px){.recap-facts{grid-template-columns:repeat(4,minmax(0,1fr))}}.app-main:has(.session-layout){scroll-padding-bottom:96px}.strip,.strip__chip{position:relative}.app--focus .toast-host{top:calc(var(--topbar-h) + var(--sp-2));bottom:auto}