.tr-app{--tr-bar-h:60px;--tr-max:1240px;background:var(--c-bg);min-block-size:100dvh;color:var(--c-text)}[data-track=memorized]{--tr-c:var(--c-memorized);--tr-soft:var(--c-memorized-soft)}[data-track=reviewed]{--tr-c:var(--c-reviewed);--tr-soft:var(--c-reviewed-soft)}.tr-muted{color:var(--c-text-soft);font-size:var(--fs-sm);margin:0}.tr-bar{z-index:var(--z-bar);gap:var(--space-2);block-size:var(--tr-bar-h);padding-inline:max(var(--space-2), calc((100% - var(--tr-max)) / 2));border-block-end:1px solid var(--c-border);background:color-mix(in srgb, var(--c-bg) 88%, transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);align-items:center;display:flex;position:sticky;inset-block-start:0}.tr-bar-title{min-inline-size:0;font-family:var(--font-text);font-size:var(--fs-xl);font-weight:var(--fw-semibold);line-height:var(--lh-tight);text-overflow:ellipsis;white-space:nowrap;flex:1;margin:0;overflow:hidden}.tr-bar-actions{gap:var(--space-1);flex:none;align-items:center;display:flex}.tr-home{text-decoration:none}.tr-main{gap:var(--space-5);max-inline-size:var(--tr-max);padding-block:var(--space-5) var(--space-16);padding-inline:var(--gutter);grid-template-columns:minmax(0,1fr);margin-inline:auto;display:grid}.tr-notice{gap:var(--space-2) var(--space-3);padding:var(--space-3) var(--space-4);border:1px solid var(--c-warning);border-radius:var(--radius-md);background:var(--c-warning-soft);color:var(--c-text);flex-wrap:wrap;align-items:center;display:flex}.tr-notice>.ui-icon{color:var(--c-warning);flex:none}.tr-notice>p{font-weight:var(--fw-medium);flex:14rem;margin:0}.tr-empty-slot,.tr-loading-slot{display:contents}.tr-empty-slot[data-guess],:root[data-tr-guess=empty] .tr-loading-slot{display:none}:root[data-tr-guess=empty] .tr-empty-slot[data-guess]{display:contents}.tr-overview{gap:var(--space-3);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.tr-stat{gap:var(--space-1-5);padding:var(--space-4);border:1px solid var(--c-border);border-radius:var(--radius-lg);background:var(--c-surface);align-content:start;display:grid}.tr-stat-label{gap:var(--space-2);font-weight:var(--fw-semibold);align-items:center;margin:0;display:flex}.tr-dot{border-radius:var(--radius-full);background:var(--tr-c);block-size:10px;inline-size:10px}.tr-stat-value{color:var(--tr-c);font-family:var(--font-text);font-size:calc(var(--fs-3xl) * 1.25);font-weight:var(--fw-bold);font-variant-numeric:tabular-nums;margin:0;line-height:1}.tr-stat-sub{color:var(--c-text-soft);font-size:var(--fs-sm);margin:0}.tr-overview-foot{gap:var(--space-1) var(--space-4);color:var(--c-text-soft);font-size:var(--fs-sm);flex-wrap:wrap;grid-column:1/-1;justify-content:space-between;align-items:center;display:flex}.tr-last,.tr-stored{margin:0}.tr-stored{gap:var(--space-1);color:var(--c-success);align-items:center;display:inline-flex}@media (min-width:1024px){.tr-overview{grid-template-columns:repeat(2,minmax(0,1fr)) minmax(0,.9fr)}.tr-overview-foot{padding-inline:var(--space-4);flex-direction:column;grid-column:auto;justify-content:center;align-items:flex-start}}.tr-meter{gap:var(--space-1);min-inline-size:0;display:grid}.tr-meter-text{gap:var(--space-1-5);font-size:var(--fs-xs);line-height:var(--lh-tight);justify-content:space-between;align-items:baseline;display:flex}.tr-meter-label{color:var(--c-text-soft)}.tr-meter-value{color:var(--tr-c);font-weight:var(--fw-semibold);font-variant-numeric:tabular-nums}.tr-meter-bar{border-radius:var(--radius-full);background:var(--tr-soft);block-size:8px;display:block;overflow:hidden}.tr-meter[data-compact] .tr-meter-bar{block-size:5px}.tr-meter-fill{inline-size:var(--tr-p,0%);border-radius:inherit;background:var(--tr-c);block-size:100%;transition:inline-size var(--dur-slow) var(--ease-out);display:block}.tr-filters{gap:var(--space-3);flex-wrap:wrap;justify-content:space-between;align-items:flex-end;display:flex}.tr-filter-seg{flex:22rem;min-inline-size:0;max-inline-size:34rem}.tr-jump{flex:0 12rem;min-inline-size:9rem}.tr-juzs{gap:var(--space-6);display:grid}.tr-juz{content-visibility:auto;contain-intrinsic-block-size:auto 2300px;scroll-margin-block-start:var(--tr-bar-h)}.tr-juz-head{z-index:2;gap:var(--space-3);padding-block:var(--space-1-5);border-block-end:1px solid var(--c-border);background:var(--c-bg);grid-template-columns:auto minmax(0,1fr) auto;align-items:center;margin-block-end:var(--space-3);display:grid;position:sticky;inset-block-start:var(--tr-bar-h)}.tr-juz-title{font-family:var(--font-text);font-size:var(--fs-2xl);font-weight:var(--fw-bold);line-height:var(--lh-tight);margin:0}.tr-juz-toggle{gap:var(--space-1-5);min-block-size:var(--tap);padding-block:0;padding-inline:var(--space-1) var(--space-2);border-radius:var(--radius-sm);color:inherit;font:inherit;white-space:nowrap;cursor:pointer;background:0 0;border:0;align-items:center;display:inline-flex}.tr-juz-chevron{color:var(--c-text-soft);transition:transform var(--dur-fast) var(--ease-standard)}.tr-juz-toggle[aria-expanded=false] .tr-juz-chevron{transform:rotate(calc(-90deg * var(--dir-sign)))}.tr-juz-meters{gap:var(--space-3);grid-template-columns:repeat(2,minmax(0,9rem));justify-content:end;display:grid}.tr-juz[data-collapsed]{contain-intrinsic-block-size:auto 70px}.tr-juz[data-collapsed] .tr-juz-head{margin-block-end:0}.tr-grid{gap:var(--space-3);grid-template-columns:minmax(0,1fr);display:grid}@media (min-width:600px){.tr-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.tr-juz{contain-intrinsic-block-size:auto 1250px}}@media (min-width:1024px){.tr-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.tr-juz{contain-intrinsic-block-size:auto 660px}}.tr-card{gap:var(--space-2);min-inline-size:0;padding:var(--space-3) var(--space-4) var(--space-4);border:1px solid var(--c-border);border-radius:var(--radius-lg);background:var(--c-surface);transition:border-color var(--dur-base) var(--ease-standard), background-color var(--dur-base) var(--ease-standard);flex-direction:column;display:flex}.tr-card[data-memorized=complete]{border-color:color-mix(in srgb, var(--c-memorized) 45%, var(--c-border));background:linear-gradient(var(--c-memorized-soft), var(--c-memorized-soft)), var(--c-surface)}.tr-card-head{gap:var(--space-2);justify-content:space-between;align-items:flex-start;display:flex}.tr-card-titles{gap:0 var(--space-2);flex-wrap:wrap;align-items:baseline;padding-block-start:var(--space-2);display:flex}.tr-card-title{font-size:var(--fs-md);font-weight:var(--fw-semibold);line-height:var(--lh-tight);margin:0}.tr-card-sub{color:var(--c-text-soft);font-size:var(--fs-xs);margin:0}.tr-card-more{margin-block-start:calc(var(--space-1) * -1);margin-inline-end:calc(var(--space-2) * -1)}.tr-card-opening{color:var(--c-text);font-family:var(--font-quran);font-size:var(--fs-xl);text-wrap:balance;margin:0;line-height:1.9}.tr-card-span{font-size:var(--fs-sm);font-weight:var(--fw-medium);margin:0}.tr-card-meta{gap:var(--space-2);color:var(--c-text-soft);font-size:var(--fs-xs);flex-wrap:wrap;align-items:center;margin:0;display:flex}.tr-tag{min-block-size:24px;padding-inline:var(--space-2);border:1px dashed var(--c-border-strong);border-radius:var(--radius-sm);color:var(--c-text-soft);font-family:var(--font-text);font-size:var(--fs-md);cursor:help;align-items:center;line-height:1;display:inline-flex}.tr-card-checks{gap:var(--space-2);grid-template-columns:repeat(2,minmax(0,1fr));margin-block-start:auto;padding-block-start:var(--space-1);display:grid}.tr-check{gap:var(--space-2);min-block-size:50px;min-inline-size:0;padding-inline:var(--space-2-5) var(--space-3);border:1.5px solid var(--c-border-strong);border-radius:var(--radius-md);background:var(--c-surface);color:var(--c-text);font:inherit;font-weight:var(--fw-semibold);cursor:pointer;transition:background-color var(--dur-fast) var(--ease-standard), border-color var(--dur-fast) var(--ease-standard);align-items:center;display:flex}.tr-check:hover{border-color:var(--tr-c)}.tr-check:active{transform:scale(.98)}.tr-check[data-state=complete]{border-color:var(--tr-c);background:var(--tr-soft)}.tr-check[data-state=partial]{border-color:color-mix(in srgb, var(--tr-c) 55%, var(--c-border-strong))}.tr-check-box{border:2px solid var(--c-border-strong);border-radius:var(--radius-full);block-size:28px;inline-size:28px;color:var(--c-surface);flex:none;place-items:center;display:grid;position:relative}.tr-check[data-state=complete] .tr-check-box{border-color:var(--tr-c);background:var(--tr-c)}.tr-check[data-state=partial] .tr-check-box{border-color:var(--tr-soft);background:var(--tr-soft)}.tr-check[data-state=partial] .tr-check-box:before{border-radius:inherit;background:conic-gradient(var(--tr-c) calc(var(--tr-p) * 1%), transparent 0);content:"";position:absolute;inset:-2px;-webkit-mask:radial-gradient(farthest-side,#0000 calc(100% - 5px),#000 calc(100% - 4.5px));mask:radial-gradient(farthest-side,#0000 calc(100% - 5px),#000 calc(100% - 4.5px))}.tr-check-text{min-inline-size:0;line-height:var(--lh-tight);text-align:start;display:grid}.tr-check-label{text-overflow:ellipsis;white-space:nowrap;min-inline-size:0;overflow:hidden}.tr-check-pct{color:var(--tr-c);font-size:var(--fs-xs);font-variant-numeric:tabular-nums}.tr-check[data-size=md]{min-block-size:44px}.tr-form{gap:var(--space-5);display:grid}.tr-picker{gap:var(--space-4);display:grid}.tr-row{gap:var(--space-3);grid-template-columns:repeat(auto-fit,minmax(8.5rem,1fr));align-items:start;display:grid}.tr-span{gap:var(--space-4);display:grid}.tr-fieldset{gap:var(--space-3);border:0;min-inline-size:0;margin:0;padding:0;display:grid}.tr-fieldset>legend{font-weight:var(--fw-semibold);margin-block-end:var(--space-2);padding:0}.tr-surahs{gap:var(--space-2);display:grid}.tr-surah-list{border:1px solid var(--c-border);border-radius:var(--radius-md);background:var(--c-surface);overscroll-behavior:contain;max-block-size:min(40vh,22rem);display:grid;overflow:auto}.tr-surah-list>.tr-muted{padding:var(--space-3)}.tr-surah-item{gap:var(--space-3);min-block-size:var(--tap);padding-inline:var(--space-3);border-block-end:1px solid var(--c-border);cursor:pointer;align-items:center;display:flex}.tr-surah-item:last-child{border-block-end:0}.tr-surah-item[data-selected]{background:var(--c-accent-soft)}.tr-surah-item>input{block-size:20px;inline-size:20px;accent-color:var(--c-accent);flex:none;margin:0}.tr-surah-name{min-inline-size:0;font-weight:var(--fw-medium);flex:1}.tr-preview{gap:var(--space-0-5);color:var(--c-text-soft);font-size:var(--fs-sm);flex:100%;margin:0;display:grid}.tr-pagemap{gap:var(--space-2);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);background:var(--c-warning-soft);color:var(--c-text);font-size:var(--fs-sm);flex-wrap:wrap;grid-column:1/-1;align-items:center;margin:0;display:flex}.tr-pagemap>span:not(.ui-spinner){flex:12rem}.tr-pagemap>.ui-icon{color:var(--c-warning);flex:none}.tr-span-line{color:var(--c-text);font-weight:var(--fw-semibold)}.tr-kinds .ui-seg-item{padding-inline:var(--space-1)}.tr-levels{gap:var(--space-4);display:grid}.tr-level{gap:var(--space-3);padding:var(--space-4);border:1px solid var(--c-border);border-radius:var(--radius-lg);background:var(--c-surface);display:grid}.tr-level[data-level=cycle]{border-color:color-mix(in srgb, var(--c-reviewed) 40%, var(--c-border))}.tr-level[data-level=all]{border-color:var(--c-danger);background:var(--c-danger-soft)}.tr-level-head{gap:var(--space-2);flex-wrap:wrap;justify-content:space-between;align-items:center;display:flex}.tr-level-head>h3{font-family:var(--font-text);font-size:var(--fs-xl);font-weight:var(--fw-bold);line-height:var(--lh-tight);margin:0}.tr-level-body{line-height:var(--lh-loose);margin:0}.tr-level-kept{gap:var(--space-2);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);background:var(--c-surface);color:var(--c-text);font-weight:var(--fw-medium);align-items:flex-start;margin:0;display:flex}.tr-level-kept>.ui-icon{color:var(--c-success);flex:none;margin-block-start:.2em}.tr-level>.ui-btn{justify-self:start}.tr-shortcuts{gap:var(--space-2);flex-wrap:wrap;display:flex}.tr-juz-grid{gap:var(--space-2);grid-template-columns:repeat(6,minmax(0,1fr));display:grid}.tr-chips{gap:var(--space-2);flex-wrap:wrap;display:flex}.tr-chip{min-inline-size:var(--tap);min-block-size:var(--tap);padding-inline:var(--space-2);border:1.5px solid var(--c-border-strong);border-radius:var(--radius-md);background:var(--c-surface);color:var(--c-text);font:inherit;font-weight:var(--fw-semibold);font-variant-numeric:tabular-nums;cursor:pointer}.tr-chip[data-wide]{padding-inline:var(--space-3)}.tr-chip:hover{border-color:var(--c-accent)}.tr-chip[aria-pressed=true]{border-color:var(--c-memorized);background:var(--c-memorized);color:var(--c-surface)}.tr-chip[data-track=reviewed][aria-pressed=true]{border-color:var(--c-reviewed);background:var(--c-reviewed)}.tr-wizard-foot{gap:var(--space-2);flex-wrap:wrap;flex:1;align-items:center;display:flex}.tr-wizard-foot>.tr-muted{flex:1}.tr-data{gap:var(--space-5);display:grid}.tr-data-item{gap:var(--space-2);justify-items:start;display:grid}.tr-file{opacity:0;block-size:1px;inline-size:1px;position:absolute;overflow:hidden}.tr-file-btn{cursor:pointer}.tr-file:focus-visible+.tr-file-btn{outline:var(--focus-width) solid var(--c-focus);outline-offset:var(--focus-offset)}.tr-result{color:var(--c-success);font-weight:var(--fw-medium);margin:0}.tr-result[data-tone=error]{color:var(--c-danger)}.tr-result:empty{display:none}@media (max-width:599px){.tr-juz-head{gap:var(--space-2);grid-template-columns:auto minmax(0,1fr) auto}.tr-juz-title{font-size:var(--fs-xl)}.tr-juz-meters{gap:var(--space-2);grid-template-columns:repeat(2,minmax(0,5.5rem))}.tr-stat{padding:var(--space-3)}.tr-stat-value{font-size:var(--fs-3xl)}.tr-filter-seg{flex-basis:100%;max-inline-size:none}.tr-jump{flex:100%}.tr-bar-actions .ui-btn[data-size=sm]{padding-inline:var(--space-2-5)}.tr-bar-title{font-size:var(--fs-lg)}.tr-bar-actions .ui-btn[data-variant=primary]>.ui-icon{display:none}}@media (max-width:359px){.tr-juz-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.tr-bar-title{font-size:var(--fs-lg)}}@media (prefers-reduced-motion:reduce){.tr-meter-fill,.tr-check,.tr-juz-chevron{transition:none}}:root[data-motion=reduce] .tr-meter-fill,:root[data-motion=reduce] .tr-check,:root[data-motion=reduce] .tr-juz-chevron{transition:none}.tr-print{min-block-size:100dvh;max-inline-size:210mm;padding:var(--space-6) var(--gutter) var(--space-12);background:var(--c-bg);color:var(--c-text);margin-inline:auto}.tr-print-tools{gap:var(--space-2) var(--space-3);flex-wrap:wrap;align-items:center;margin-block-end:var(--space-6);display:flex}.tr-print-tools>.tr-muted{flex:100%}.tr-print-head{gap:var(--space-4);border-block-end:2px solid;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;margin-block-end:var(--space-4);padding-block-end:var(--space-3);display:flex}.tr-print-title{font-family:var(--font-text);font-size:var(--fs-3xl);font-weight:var(--fw-bold);line-height:var(--lh-tight);margin:0}.tr-print-sub{color:var(--c-text-soft);margin:0}.tr-print-meta{gap:var(--space-1);font-size:var(--fs-sm);margin:0;display:grid}.tr-print-meta>div{gap:var(--space-2);align-items:baseline;display:flex}.tr-print-meta dt{font-weight:var(--fw-semibold)}.tr-print-meta dt:after{content:":"}.tr-print-meta dd{margin:0}.tr-print-name{inline-size:14rem;max-inline-size:60vw;padding:0 var(--space-1);border:0;border-block-end:1px dotted var(--c-border-strong);color:inherit;font:inherit;background:0 0}.tr-print-line{border-block-end:1px dotted var(--c-border-strong);inline-size:10rem;display:inline-block}.tr-print-scroll{overscroll-behavior-inline:contain;max-inline-size:100%;position:relative;overflow:auto hidden}.tr-print-scroll:focus-visible{outline:2px solid var(--c-focus);outline-offset:2px}.tr-print-table{table-layout:fixed;inline-size:100%;min-inline-size:36rem;border-collapse:collapse;font-size:var(--fs-xs);font-variant-numeric:tabular-nums;break-inside:avoid;margin-block-end:var(--space-4)}.tr-print-table caption{padding-block:var(--space-1);text-align:start}.tr-print-juz{font-family:var(--font-text);font-size:var(--fs-lg);font-weight:var(--fw-bold)}.tr-print-sum{color:var(--c-text-soft);margin-inline-start:var(--space-3)}.tr-print-table th,.tr-print-table td{padding:3px var(--space-1);border:1px solid var(--c-border-strong);text-align:center;vertical-align:middle}.tr-print-table thead th:first-child{inline-size:2.75rem}.tr-print-table thead th:nth-child(3),.tr-print-table thead th:nth-child(4){inline-size:6.5rem}.tr-print-table thead th:nth-child(5),.tr-print-table thead th:nth-child(6),.tr-print-table thead th:nth-child(7){inline-size:3.25rem}.tr-print-table thead th:nth-child(8),.tr-print-table thead th:nth-child(9){inline-size:3.5rem}.tr-print-table thead th{background:var(--c-surface-2);font-weight:var(--fw-semibold)}.tr-print-opening{font-family:var(--font-quran);font-size:var(--fs-sm);line-height:1.7;text-align:start!important}.tr-print-check{block-size:1.35em;min-inline-size:1.35em;font-weight:var(--fw-bold);border:1.5px solid;border-radius:3px;place-items:center;padding-inline:1px;line-height:1;display:inline-grid}.tr-print-box[data-state=complete] .tr-print-check{border-color:var(--tr-c);background:var(--tr-c);color:var(--c-surface)}.tr-print-box[data-state=partial] .tr-print-check{border-color:var(--tr-c);color:var(--tr-c);font-size:.85em}.tr-print-foot{color:var(--c-text-soft);font-size:var(--fs-xs);margin:0}@page{size:a4;margin:12mm 10mm}@media print{html,body{color:#000!important;background:#fff!important}.tr-print{--c-text:#000;--c-text-soft:#333;--c-surface:#fff;--c-surface-2:#eee;--c-border-strong:#555;--c-memorized:#1f5a3c;--c-reviewed:#17555d;color:#000;-webkit-print-color-adjust:exact;print-color-adjust:exact;background:#fff;min-block-size:0;max-inline-size:none;padding:0;font-size:9.5pt}.tr-print-tools,.ui-toasts{display:none!important}.tr-print-name::placeholder{color:#0000}.tr-print-scroll{overflow:visible}.tr-print-table{min-inline-size:0;font-size:8.5pt}.tr-print-table thead{display:table-header-group}.tr-print-table tr{break-inside:avoid}}