:root{--spread-width:68rem;--page-pad:.75rem;--read-width:52rem;--primary:#1a6b3c;--primary-light:#2d9b5a;--primary-dark:#104428;--accent:#c9a84c;--accent-light:#e8c97a;--brand-orange:#ea7c03;--text:#1a1a1a;--text-secondary:#6b6b6b;--text-tertiary:#a0a0a0;--border:#e8e8e8;--error:#d32f2f;--warning:#f57c00;--success:#388e3c;--info:#1976d2;--surface:#fff;--bg:#f4f6f4;--bg-sunken:#eef1ee;--hue-hifz:#0f9d58;--hue-hifz-soft:#d4efdd;--hue-family:#ff2d55;--hue-family-soft:#ffc9d5;--hue-groups:#007aff;--hue-groups-soft:#cfe2ff;--hue-streak:#ff9500;--hue-streak-soft:#ffe7c4;--hue-review:#af52de;--hue-review-soft:#ecdcfa;--hue-goal:#c9a84c;--hue-goal-soft:#f6ecd2;--radius:16px;--radius-sm:10px;--quran-scale:1;--shadow-sm:0 1px 2px #1044280a, 0 2px 8px #1044280d;--shadow-md:0 2px 4px #1044280d, 0 8px 24px #10442812;--sidebar-w:248px;--sidebar-bg:#dcebe1;--sidebar-fg:#0f3d24;--sidebar-fg-dim:#3d6b52;--sidebar-fg-faint:#5b8570;--sidebar-hover:#0f3d2412;--sidebar-active:#0f3d2421;--sidebar-rule:#0f3d2426;--on-primary:#fff;--on-danger:#fff;--danger-hover:#b71c1c;--tint-warn-bg:#fdf8e8;--tint-warn-border:#f0dfae;--tint-warn-text:#8a6d1f;--tint-warn-dash:#d8c99a;--tint-orange-bg:#fdf1e0;--tint-orange-border:#f5ddba;--tint-danger-bg:#fdf0f0;--tint-danger-border:#f0c4c4;--tint-danger-edge:#f0b4b4;--tint-success-bg:#e6f4ea;--chip-bg:#e8f2ec;--section-open-border:#d8e3db;--apple-bg:#000;--apple-fg:#fff;--brand-plaque:transparent;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;line-height:1.5}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--primary:#4caf75;--primary-light:#66c98c;--primary-dark:#2d8b54;--accent:#e8c97a;--accent-light:#f0d99a;--brand-orange:#ea7c03;--text:#f2f2f2;--text-secondary:#b8b8b8;--text-tertiary:#7a7a7a;--border:#2a3a32;--error:#ef5350;--warning:#ffa726;--success:#66bb6a;--info:#42a5f5;--surface:#1c2a22;--bg:#0e1410;--bg-sunken:#0a0f0c;--hue-hifz:#34c759;--hue-hifz-soft:#14301f;--hue-family:#ff566f;--hue-family-soft:#3a1520;--hue-groups:#4da3ff;--hue-groups-soft:#10243a;--hue-streak:#ffa726;--hue-streak-soft:#38240c;--hue-review:#c17ce8;--hue-review-soft:#2a1838;--hue-goal:#e8c97a;--hue-goal-soft:#332a14;--shadow-sm:0 1px 2px #0000004d;--shadow-md:0 4px 16px #0006;--on-primary:#0e1410;--on-danger:#2b0f0f;--danger-hover:#d9453f;--tint-warn-bg:#2e2712;--tint-warn-border:#4a3f1c;--tint-warn-text:#e8c97a;--tint-warn-dash:#4a3f1c;--tint-orange-bg:#38240c;--tint-orange-border:#5c3f14;--tint-danger-bg:#3a1616;--tint-danger-border:#5c2626;--tint-danger-edge:#5c2626;--tint-success-bg:#14301f;--chip-bg:#1f3329;--section-open-border:#34473c;--apple-bg:#fff;--apple-fg:#000;--brand-plaque:#f2f6f3;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}:root[data-theme=dark]{--primary:#4caf75;--primary-light:#66c98c;--primary-dark:#2d8b54;--accent:#e8c97a;--accent-light:#f0d99a;--brand-orange:#ea7c03;--text:#f2f2f2;--text-secondary:#b8b8b8;--text-tertiary:#7a7a7a;--border:#2a3a32;--error:#ef5350;--warning:#ffa726;--success:#66bb6a;--info:#42a5f5;--surface:#1c2a22;--bg:#0e1410;--bg-sunken:#0a0f0c;--hue-hifz:#34c759;--hue-hifz-soft:#14301f;--hue-family:#ff566f;--hue-family-soft:#3a1520;--hue-groups:#4da3ff;--hue-groups-soft:#10243a;--hue-streak:#ffa726;--hue-streak-soft:#38240c;--hue-review:#c17ce8;--hue-review-soft:#2a1838;--hue-goal:#e8c97a;--hue-goal-soft:#332a14;--shadow-sm:0 1px 2px #0000004d;--shadow-md:0 4px 16px #0006;--on-primary:#0e1410;--on-danger:#2b0f0f;--danger-hover:#d9453f;--tint-warn-bg:#2e2712;--tint-warn-border:#4a3f1c;--tint-warn-text:#e8c97a;--tint-warn-dash:#4a3f1c;--tint-orange-bg:#38240c;--tint-orange-border:#5c3f14;--tint-danger-bg:#3a1616;--tint-danger-border:#5c2626;--tint-danger-edge:#5c2626;--tint-success-bg:#14301f;--chip-bg:#1f3329;--section-open-border:#34473c;--apple-bg:#fff;--apple-fg:#000;--brand-plaque:#f2f6f3;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;margin:0}h1{letter-spacing:-.025em;margin:0 0 .35rem;font-size:1.6rem;font-weight:800}h2{letter-spacing:-.01em;margin:0;font-size:1.05rem;font-weight:700}p{margin:0 0 1rem}.muted{color:var(--text-secondary);font-size:.9rem}:focus-visible{outline:2px solid var(--primary-light);outline-offset:2px;border-radius:6px}.btn{font:inherit;cursor:pointer;border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;gap:.5rem;padding:.7rem 1.35rem;font-size:.9rem;font-weight:700;transition:transform 60ms,box-shadow .15s,background .15s;display:inline-flex}.btn:active{transform:translateY(1px)}.btn-primary{background:linear-gradient(180deg, var(--primary-light), var(--primary));color:var(--on-primary);box-shadow:var(--shadow-sm)}.btn-primary:hover:not(:disabled){box-shadow:var(--shadow-md)}.btn-ghost{background:var(--surface);color:var(--primary);border-color:var(--border)}.btn-ghost:hover:not(:disabled){border-color:var(--primary-light)}.btn:disabled{opacity:.5;cursor:not-allowed;box-shadow:none}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm);width:100%;max-width:420px;padding:1.9rem}.centered-page{place-items:center;min-height:100dvh;padding:1.5rem;display:grid}.page-header{margin-bottom:1.9rem}.page-header h1{margin-bottom:.15rem}.section-heading{letter-spacing:.07em;text-transform:uppercase;color:var(--text-tertiary);margin:0 0 .9rem;font-size:.75rem;font-weight:800}section+section{margin-top:2.25rem}.notice{border-radius:var(--radius-sm);border:1px solid var(--tint-warn-border);background:var(--tint-warn-bg);align-items:flex-start;gap:.7rem;margin-bottom:1.9rem;padding:.9rem 1.1rem;font-size:.875rem;display:flex}.notice svg{color:var(--warning);flex-shrink:0;margin-top:1px}.app-shell{grid-template-columns:var(--sidebar-w) 1fr;min-height:100dvh;display:grid}.app-sidebar{background:var(--sidebar-bg);color:var(--sidebar-fg);border-inline-end:none;grid-template-rows:auto minmax(0,1fr) auto;gap:1.1rem;height:100dvh;padding:1.4rem 1rem;display:grid;position:sticky;top:0;overflow:hidden}.app-brand{letter-spacing:-.02em;color:var(--sidebar-fg);align-items:center;gap:.6rem;padding:0 .4rem .1rem;font-size:1.35rem;font-weight:800;display:flex}.brand-mark{object-fit:contain;flex-shrink:0;display:block}.app-nav{scrollbar-width:thin;flex-direction:column;gap:.2rem;min-height:0;padding-bottom:.2rem;display:flex;overflow-y:auto}.app-nav-link{border-radius:var(--radius-sm);color:var(--sidebar-fg-dim);align-items:center;gap:.65rem;padding:.55rem .7rem;font-size:.85rem;font-weight:600;text-decoration:none;transition:background .12s,color .12s;display:flex}.app-nav-link:hover{background:var(--sidebar-hover);color:var(--sidebar-fg)}.app-nav-link.is-active{background:var(--sidebar-active);color:var(--sidebar-fg);font-weight:700}.app-nav-link svg{flex-shrink:0}.nav-badge{background:var(--error);min-width:1.25rem;height:1.25rem;color:var(--on-danger);text-align:center;border-radius:999px;flex-shrink:0;margin-inline-start:auto;padding:0 .35rem;font-size:.7rem;font-weight:700;line-height:1.25rem}.app-sidebar-footer{border-top:1px solid var(--sidebar-rule);flex-direction:column;gap:.6rem;padding:.9rem .2rem 0;display:flex}.app-sidebar-footer .btn{color:var(--sidebar-fg);border-color:var(--sidebar-rule);background:0 0;font-size:.85rem}.app-sidebar-footer .btn:hover{background:var(--sidebar-hover)}.app-sidebar-footer .build-stamp,.app-sidebar-footer .build-stamp a{color:var(--sidebar-fg-faint)}.app-main{min-width:0;padding:2.25rem 2.5rem}@media (width<=860px){.app-shell{grid-template-columns:1fr}.app-sidebar{border-inline-end:none;border-bottom:1px solid var(--border);flex-direction:row;align-items:center;gap:.5rem;height:auto;padding:.7rem 1rem;display:flex;position:static;overflow:visible}.app-brand{padding:0;font-size:1.05rem}.app-brand .brand-mark{width:38px;height:38px}.app-nav{flex-direction:row;flex:1;min-height:0;padding-bottom:0;overflow:auto visible}.app-nav-link span{display:none}.app-nav-link{padding:.55rem}.app-sidebar-footer{border-top:none;flex-direction:row;align-items:center;padding:0}.app-user,.app-user-role{display:none}.app-main{padding:1.25rem}}.stat-grid{grid-template-columns:repeat(auto-fit,minmax(168px,1fr));gap:.9rem;display:grid}.stat{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm);flex-direction:column;gap:.15rem;padding:1.15rem;display:flex}.stat-badge{width:38px;height:38px;color:var(--tile-hue,var(--primary));background:var(--tile-soft,var(--bg-sunken));border-radius:11px;place-items:center;margin-bottom:.55rem;display:grid}.stat-value{letter-spacing:-.03em;font-size:1.75rem;font-weight:800;line-height:1.1}.stat-label{color:var(--text-secondary);font-size:.8rem;font-weight:600}.stat-hint{color:var(--text-tertiary);font-size:.75rem}.signin-split{grid-template-columns:1fr 2fr;min-height:100dvh;display:grid;position:relative}.signin-field{background:var(--sidebar-bg);color:var(--sidebar-fg);flex-direction:column;justify-content:center;align-items:center;gap:1.1rem;padding:2rem;display:flex}.signin-field-mark{max-width:58%;height:auto}.signin-field-name{letter-spacing:-.02em;color:var(--sidebar-fg);margin:0;font-size:clamp(1.5rem,2.8vw,2.4rem);font-weight:800}.callig-rule.is-vertical{width:4px;color:var(--accent);pointer-events:none;z-index:1;position:absolute;inset-block:0;inset-inline-start:33.3333%;transform:translate(-2px)}.callig-rule-line{width:100%;height:100%;display:block}.callig-rule.is-horizontal{width:100%;height:6px;color:var(--primary);opacity:.5;margin:.4rem 0;display:block;position:relative}.callig-rule.is-horizontal .callig-rule-node{background:var(--primary);width:6px;height:6px;margin:-3px 0 0 -3px}.callig-rule-node{background:var(--accent);border-radius:1px;width:9px;height:9px;margin:-4.5px 0 0 -4.5px;position:absolute;top:50%;left:50%;transform:rotate(45deg)}.signin-main{background:var(--surface);grid-template-columns:1fr;align-content:center;gap:2rem;min-width:0;padding:2.5rem clamp(1.5rem,5vw,4.5rem);display:grid}.signin-form-col,.signin-install-col{width:100%;min-width:0;max-width:25rem}.signin-lede{color:var(--text-secondary);margin-bottom:1.6rem;font-size:1.05rem}@media (width>=1240px){.signin-main{grid-template-columns:minmax(0,27rem) minmax(0,22rem);justify-content:center;align-items:center;gap:3.5rem}.signin-install-col{border-inline-start:1px solid var(--border);max-width:none;padding-inline-start:3.5rem}}@media (height<=760px){.signin-lede{margin-bottom:1rem}.field{margin-bottom:.75rem}.install-qr{padding:.625rem}}@media (width<=900px){.signin-split{grid-template-rows:auto auto 1fr;grid-template-columns:1fr}.signin-field{flex-direction:row;gap:.9rem;padding:1.5rem 1.25rem}.signin-field-mark{width:54px;max-width:none;height:54px}.signin-field-name{font-size:1.45rem}.callig-rule.is-vertical{background:linear-gradient(to right, transparent, var(--accent) 22%, var(--accent) 78%, transparent);width:100%;height:3px;position:relative;inset:auto;transform:none}.callig-rule-line{display:none}.signin-main{padding:2rem 1.25rem}}.field{margin-bottom:1rem;display:block}.field-label{color:var(--text-secondary);letter-spacing:.05em;text-transform:uppercase;margin-bottom:.4rem;font-size:.76rem;font-weight:800;display:block}.field-input{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg);width:100%;font:inherit;color:var(--text);padding:.7rem .85rem;font-size:.95rem;transition:border-color .12s,background .12s}.field-input:focus{border-color:var(--primary-light);background:var(--surface)}.field-error{color:var(--error);margin:0 0 .75rem;font-size:.85rem;font-weight:600}.signin-submit{width:100%;margin-top:.35rem}.signin-form-col .field-input{border-radius:999px;padding-inline:1.35rem}.childcode-input{letter-spacing:.18em;text-transform:uppercase;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:1.25rem;font-weight:700}[dir=rtl] .childcode-input{text-align:right;direction:ltr}.childcode-subtitle{margin:0 0 1.25rem;font-size:.95rem;line-height:1.5}.childcode-helper{margin-top:1rem;font-size:.85rem;line-height:1.5}.childcode-link-row{text-align:center;margin:.85rem 0 0;font-size:.9rem}.social{margin-top:1.1rem}.social-divider{color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.09em;align-items:center;gap:.75rem;margin:.95rem 0;font-size:.72rem;font-weight:700;display:flex}.social-divider:before,.social-divider:after{content:"";background:var(--border);flex:1;height:1px}.social-google{justify-content:center;min-height:40px;display:flex}.social-google>div{width:100%!important}.social-apple{background:var(--apple-bg);width:100%;color:var(--apple-fg);border-color:var(--apple-bg);margin-top:.55rem}.social-error{margin:.75rem 0 0}.install-title{margin:0 0 .3rem;font-size:.95rem;font-weight:800}.install-body{margin-bottom:1.1rem}.install-qr{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);align-items:center;gap:.95rem;padding:.95rem;display:none}.install-qr-caption{flex-direction:column;gap:.15rem;display:flex}.install-qr-label{font-size:.85rem;font-weight:700}.install-qr-url{color:var(--text-secondary);font-size:.8rem}.install-buttons{gap:.5rem;display:flex}.install-buttons .btn{flex:1}@media (width>=768px){.install-qr{display:flex}.install-buttons{display:none}}.kid-grid,.group-grid{grid-template-columns:repeat(auto-fit,minmax(268px,1fr));gap:1rem;display:grid}.kid-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm);padding:1.35rem}.kid-head{justify-content:space-between;align-items:flex-start;gap:.75rem;margin-bottom:1.1rem;display:flex}.kid-identity{align-items:center;gap:.7rem;min-width:0;display:flex}.kid-avatar{width:40px;height:40px;color:var(--hue-family);background:var(--hue-family-soft);border-radius:12px;flex-shrink:0;place-items:center;font-size:.95rem;font-weight:800;display:grid}.kid-name{margin:0;font-size:1.02rem;font-weight:700}.kid-sub{margin:0;font-size:.78rem}.kid-badge,.group-pending{color:var(--brand-orange);background:var(--tint-orange-bg);border:1px solid var(--tint-orange-border);border-radius:999px;flex-shrink:0;align-items:center;gap:.3rem;padding:.28rem .6rem;font-size:.73rem;font-weight:700;display:inline-flex}.kid-metrics{grid-template-columns:1fr 1fr;gap:.85rem;display:grid}.kid-metric{flex-direction:column;gap:.1rem;display:flex}.kid-metric-value{letter-spacing:-.02em;font-size:1.3rem;font-weight:800;line-height:1.1}.kid-metric-label{color:var(--text-secondary);font-size:.74rem;font-weight:600}.kid-metric.is-muted .kid-metric-value{color:var(--text-tertiary);font-weight:600}.empty-card{max-width:480px}.group-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm);color:inherit;padding:1.35rem;text-decoration:none;transition:transform .1s,box-shadow .15s,border-color .15s;display:block}.group-card:hover{border-color:var(--hue-groups);box-shadow:var(--shadow-md);transform:translateY(-2px)}.group-head{align-items:center;gap:.7rem;display:flex}.group-mark{width:40px;height:40px;color:var(--hue-groups);background:var(--hue-groups-soft);border-radius:12px;flex-shrink:0;place-items:center;display:grid}.group-name{flex:1;min-width:0;margin:0;font-size:1.02rem;font-weight:700}.group-role,.tag{letter-spacing:.05em;text-transform:uppercase;color:var(--primary);background:var(--chip-bg);border:1px solid var(--section-open-border);border-radius:999px;flex-shrink:0;padding:.16rem .55rem;font-size:.67rem;font-weight:800}.tag-muted{color:var(--text-secondary);background:var(--bg-sunken);border-color:var(--border)}.group-meta{margin:.7rem 0 0;font-size:.83rem}.group-pending{margin-top:.8rem}.back-link{margin-bottom:.4rem;font-size:.85rem;text-decoration:none;display:inline-block}.roster{max-width:var(--read-width);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm);margin:0;padding:0;list-style:none;overflow:hidden}.roster-row{background:var(--surface);justify-content:space-between;align-items:center;gap:1rem;padding:.8rem 1.1rem;display:flex}.roster-row+.roster-row{border-top:1px solid var(--border)}.roster-person{align-items:center;gap:.7rem;min-width:0;display:flex}.roster-avatar{width:32px;height:32px;color:var(--primary);background:var(--chip-bg);border-radius:10px;flex-shrink:0;place-items:center;font-size:.8rem;font-weight:800;display:grid}.roster-name{font-size:.94rem;font-weight:600}.roster-tags{gap:.35rem;display:flex}.env-badge{border-radius:var(--radius-sm);border:1px dashed var(--tint-warn-dash);background:var(--tint-warn-bg);width:100%;font:inherit;color:var(--tint-warn-text);cursor:pointer;text-align:start;align-items:center;gap:.45rem;padding:.45rem .6rem;font-size:.72rem;font-weight:700;display:flex}.env-badge .env-dot{background:var(--accent);border-radius:50%;flex-shrink:0;width:7px;height:7px}.env-name{letter-spacing:.03em;flex:1}.env-swap{color:var(--text-tertiary);font-weight:600;text-decoration:underline}.env-badge.is-production{border-style:solid;border-color:var(--tint-danger-edge);background:var(--tint-danger-bg);color:var(--error)}.env-badge.is-production .env-dot{background:var(--error)}.table-scroll{border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm);background:var(--surface);overflow-x:auto}.data-table{border-collapse:collapse;width:100%;font-size:.9rem}.data-table th{text-align:start;letter-spacing:.06em;text-transform:uppercase;color:var(--text-tertiary);border-bottom:1px solid var(--border);white-space:nowrap;padding:.75rem 1.1rem;font-size:.7rem;font-weight:800}.data-table td{border-bottom:1px solid var(--border);padding:.8rem 1.1rem}.data-table tbody tr:last-child td{border-bottom:none}.data-table tbody tr:hover{background:var(--bg)}.sub-student{white-space:nowrap;align-items:center;gap:.6rem;font-weight:600;display:flex}.score{text-align:center;border-radius:999px;min-width:2.4rem;padding:.15rem .5rem;font-size:.8rem;font-weight:800;display:inline-block}.score-good{color:var(--success);background:var(--tint-success-bg)}.score-ok{color:var(--brand-orange);background:var(--tint-orange-bg)}.score-low{color:var(--error);background:var(--tint-danger-bg)}.review-clear{align-items:center;gap:.45rem;display:flex}.review-clear svg{color:var(--success)}.review-layout{grid-template-columns:1fr;gap:2rem;display:grid}@media (width>=1000px){.review-layout{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:2.5rem}}.review-layout section:first-child{margin-top:0}.ayah-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm);padding:1.6rem 1.5rem}.ayah-arabic{font-size:calc(1.85rem * var(--quran-scale));text-align:right;color:var(--text);margin:0;line-height:2.15}.ayah-translation{border-top:1px solid var(--border);color:var(--text-secondary);margin:1rem 0 0;padding-top:1rem;font-size:.92rem;line-height:1.65}.audio-player{width:100%;margin-top:.25rem}.student-note{border-inline-start:3px solid var(--accent);background:var(--bg);border-radius:0 var(--radius-sm) var(--radius-sm) 0;margin:1.25rem 0 0;padding:.9rem 1.1rem;font-size:.92rem}.student-note .section-heading{margin-bottom:.3rem;display:block}.analysis-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm);padding:1.35rem}.score-large{align-items:baseline;gap:.45rem;margin-bottom:1rem;display:flex}.score-number{letter-spacing:-.04em;font-size:2.5rem;font-weight:800;line-height:1}.analysis-block+.analysis-block{margin-top:1.1rem}.analysis-title{letter-spacing:.06em;text-transform:uppercase;color:var(--text-tertiary);margin:0 0 .45rem;font-size:.72rem;font-weight:800}.analysis-list{margin:0;padding-inline-start:1.1rem;font-size:.88rem;line-height:1.7}.analysis-clean{align-items:center;gap:.4rem;margin:0;display:flex}.analysis-clean svg{color:var(--success)}.note-input{resize:vertical;min-height:5.5rem;font-family:inherit}.verdict-row{flex-wrap:wrap;gap:.6rem;display:flex}.verdict-row .btn{flex:1;min-width:9rem}.btn-revision{color:var(--brand-orange);border-color:var(--tint-orange-border)}.btn-revision:hover:not(:disabled){border-color:var(--brand-orange)}.verdict-hint{margin:.7rem 0 0;font-size:.8rem}a.sub-student{color:inherit;text-decoration:none}a.sub-student:hover{color:var(--primary);text-decoration:underline}.build-stamp{color:var(--text-tertiary);margin:0;font-size:.68rem}.build-stamp code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.68rem}.build-stamp a{color:inherit;text-decoration:none}.build-stamp a:hover{color:var(--primary);text-decoration:underline}@media (width<=860px){.build-stamp{display:none}}.env-badge.is-static{cursor:default}a.kid-card{color:inherit;text-decoration:none;transition:transform .1s,box-shadow .15s,border-color .15s;display:block}a.kid-card:hover{border-color:var(--hue-family);box-shadow:var(--shadow-md);transform:translateY(-2px)}.login-code{letter-spacing:.22em;color:var(--primary);margin:.75rem 0 .5rem;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:1.7rem;font-weight:700}.withheld-scopes{margin-top:.75rem;font-size:.85rem}.fgoal-list{margin:0 0 1rem;padding:0;list-style:none}.fgoal-row{border-bottom:1px solid var(--border);align-items:flex-start;gap:.75rem;padding:.75rem 0;display:flex}.fgoal-row:last-child{border-bottom:0}.fgoal-main{flex:1;min-width:0}.fgoal-head{align-items:center;gap:.4rem;display:flex}.fgoal-title{overflow-wrap:anywhere;font-weight:600}.fgoal-track{background:var(--border);border-radius:999px;height:6px;margin:.45rem 0 .35rem;overflow:hidden}.fgoal-fill{background:var(--primary);border-radius:999px;height:100%;transition:width .3s}.fgoal-fill.is-done{background:var(--success,var(--primary))}.fgoal-meta{justify-content:space-between;gap:1rem;font-size:.82rem;display:flex}.fgoal-meta .is-overdue{color:var(--error);font-weight:600}.fgoal-delete{flex-shrink:0;padding-inline:.4rem}.fgoal-form{border:1px solid var(--border);border-radius:var(--radius);margin-top:.5rem;padding:1rem}.fgoal-form-title{margin:0 0 .75rem;font-weight:600}.encourage-card{margin-bottom:1.5rem}.encourage-sub{margin:0 0 .75rem;font-size:.9rem}.encourage-input{resize:vertical;min-height:5.5rem;font:inherit;line-height:1.5}.encourage-meta{justify-content:space-between;align-items:baseline;gap:1rem;margin:.35rem 0 .75rem;font-size:.82rem;display:flex}.encourage-count.is-over{color:var(--error);font-weight:600}.encourage-banner{border:1px solid var(--hue-goal,var(--border));border-radius:var(--radius);background:color-mix(in srgb, var(--hue-goal,var(--primary)) 8%, transparent);margin-bottom:1.5rem;padding:1rem 1.15rem}.encourage-banner-head{color:var(--hue-goal,var(--primary));align-items:center;gap:.5rem;margin-bottom:.5rem;display:flex}.encourage-banner-head .icon{margin-inline-start:auto}.encourage-banner-from{letter-spacing:.04em;text-transform:uppercase;font-size:.8rem;font-weight:700}.encourage-banner-body{white-space:pre-wrap;overflow-wrap:anywhere;margin:0 0 .6rem;font-size:1rem;line-height:1.55}.encourage-banner-dismiss{padding-inline:0}.activity{margin:0;padding:0;list-style:none}.activity-row{border-bottom:1px solid var(--border);justify-content:space-between;align-items:baseline;gap:1rem;padding:.6rem 0;font-size:.9rem;display:flex}.activity-row:last-child{border-bottom:none}.activity-text{min-width:0}.activity-row time{flex-shrink:0;font-size:.8rem}.app-account{border-radius:var(--radius-sm);color:inherit;flex-direction:column;gap:.05rem;margin:0 -.3rem;padding:.4rem .5rem;text-decoration:none;display:flex}.app-account:hover{background:var(--bg)}.app-account.is-active{background:var(--bg-sunken)}.app-user{font-size:.9rem;font-weight:600}.app-user-role{font-size:.78rem}.save-ok{color:var(--success);align-items:center;gap:.35rem;font-size:.85rem;font-weight:600;display:inline-flex}.save-ok svg{color:var(--success)}select.field-input{appearance:none;cursor:pointer}.danger-card{border-color:var(--tint-danger-border)}.danger-title{color:var(--error);margin:0 0 .4rem;font-size:1rem;font-weight:700}.danger-list{margin:.75rem 0 1.25rem;padding-inline-start:1.15rem;font-size:.87rem;line-height:1.75}.btn-danger{color:var(--error);border-color:var(--tint-danger-border)}.btn-danger:hover:not(:disabled){border-color:var(--error)}.btn-danger-solid{background:var(--error);color:var(--on-danger);border-color:var(--error)}.btn-danger-solid:hover:not(:disabled){background:var(--danger-hover)}.section-detail .settings-save{max-width:none}.pref-row{cursor:pointer;align-items:center;gap:.75rem;padding:.7rem 0;display:flex}.pref-row.is-disabled{cursor:default;opacity:.5}.pref-icon{width:30px;height:30px;color:var(--primary);background:var(--chip-bg);border-radius:9px;flex-shrink:0;place-items:center;display:grid}.pref-text{flex:1;gap:.15rem;min-width:0;display:grid}.pref-label{font-size:.9rem;font-weight:600}.pref-desc{font-size:.8rem;line-height:1.45}.pref-switch{appearance:none;background:var(--border);width:2.6rem;height:1.5rem;cursor:inherit;border:none;border-radius:999px;flex-shrink:0;margin:0;transition:background .15s;position:relative}.pref-switch:after{content:"";top:3px;width:1.1rem;height:1.1rem;box-shadow:var(--shadow-sm);background:#fff;border-radius:999px;transition:transform .15s;position:absolute;inset-inline-start:3px}.pref-switch:checked{background:var(--primary)}.pref-switch:checked:after{transform:translate(1.1rem)}:root[dir=rtl] .pref-switch:checked:after{transform:translate(-1.1rem)}.pref-switch:disabled{cursor:default}.pref-switch:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.pref-group{flex-direction:column;display:flex}.pref-group .pref-row+.pref-row{border-top:1px solid var(--border)}.notif-groups{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);margin-top:1rem;overflow:hidden}.notif-category+.notif-category{border-top:1px solid var(--border)}.notif-summary{cursor:pointer;align-items:center;gap:.75rem;padding:.8rem .95rem;list-style:none;display:flex}.notif-summary::-webkit-details-marker{display:none}.notif-summary:hover{background:var(--bg-sunken)}.notif-summary:focus-visible{outline:2px solid var(--primary);outline-offset:-2px}.notif-summary-text{flex:1;gap:.15rem;min-width:0;display:grid}.notif-summary-label{font-size:.9rem;font-weight:700}.notif-summary-desc{font-size:.8rem;line-height:1.45}.notif-summary-count{flex-shrink:0;font-size:.78rem;font-weight:600}.notif-summary-chevron{color:var(--text-tertiary);flex-shrink:0;transition:transform .15s;display:grid}.notif-category[open] .notif-summary-chevron{transform:rotate(180deg)}.notif-category .pref-group{border-top:1px solid var(--border);padding:0 .95rem .4rem}.notif-master-off{border:1px solid var(--tint-warn-border);border-radius:var(--radius-sm);background:var(--tint-warn-bg);color:var(--tint-warn-text);margin:.6rem 0 0;padding:.7rem .85rem;font-size:.83rem;line-height:1.5}.family-page-link{margin-bottom:.4rem}.invite-card{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-sunken);justify-items:start;gap:.6rem;padding:1rem 1.1rem;display:grid}.invite-code-row{flex-wrap:wrap;align-items:center;gap:.7rem;display:flex}.invite-code{letter-spacing:.14em;color:var(--primary);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:1.5rem;font-weight:700}.invite-expiry{margin:0;font-size:.82rem}.link-list-heading{margin-top:1.6rem}.link-list{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);margin:0;padding:0;list-style:none;overflow:hidden}.link-card+.link-card{border-top:1px solid var(--border)}.link-head{cursor:pointer;width:100%;font:inherit;text-align:start;color:inherit;background:0 0;border:none;align-items:center;gap:.75rem;padding:.8rem .95rem;display:flex}.link-head:hover{background:var(--bg-sunken)}.link-text{flex:1;gap:.1rem;min-width:0;display:grid}.link-name{font-size:.9rem;font-weight:700}.link-meta{font-size:.78rem}.link-chevron{color:var(--text-tertiary);flex-shrink:0;transition:transform .15s;display:grid}.link-chevron.is-open{transform:rotate(180deg)}.link-body{border-top:1px solid var(--border);padding:.2rem .95rem .9rem}.narrow-hint{margin:.6rem 0 .2rem;font-size:.78rem;line-height:1.5}.redeem-card{margin-bottom:.4rem}.redeem-row{flex-wrap:wrap;align-items:flex-end;gap:.7rem;display:flex}.redeem-field{flex:14rem;max-width:20rem;margin:0}.under13-card{border:1px solid var(--section-open-border);border-radius:var(--radius-sm);background:var(--chip-bg);margin-top:.8rem;padding:.95rem 1.1rem}.under13-header{margin:0 0 .3rem;font-size:.92rem}.under13-body{margin:0 0 .75rem;font-size:.83rem;line-height:1.55}.add-child{border:1.5px solid var(--primary);border-radius:var(--radius-sm);background:var(--surface);margin-top:.8rem;padding:1.1rem 1.15rem}.add-child-title{margin:0 0 .35rem;font-size:.98rem}.add-child-lede{margin:0 0 .9rem;font-size:.85rem;line-height:1.55}.add-child-helper{margin:.7rem 0 1rem;font-size:.8rem;line-height:1.55}.add-child-year{max-width:8rem}.consent-callout{border:1px solid var(--section-open-border);border-radius:var(--radius-sm);background:var(--chip-bg);margin-bottom:.7rem;padding:.8rem .95rem}.consent-callout.is-muted{background:var(--bg-sunken);border-color:var(--border)}.consent-callout .section-heading{margin-bottom:.4rem}.consent-items{gap:.2rem;margin:0;padding-inline-start:1.1rem;font-size:.83rem;line-height:1.5;display:grid}.check-row{cursor:pointer;align-items:flex-start;gap:.6rem;margin:.6rem 0;font-size:.85rem;line-height:1.5;display:flex}.check-row input{cursor:pointer;flex-shrink:0;margin-top:.15rem}.consent-card{border:1.5px solid var(--primary);border-radius:var(--radius-sm);background:var(--surface);padding:1rem 1.1rem}.consent-title{margin:0 0 .35rem;font-size:.95rem}.consent-card>.muted{margin:0 0 .4rem;font-size:.85rem;line-height:1.5}.option-fieldset{border:0;margin:.9rem 0 0;padding:0}.option-fieldset legend{margin-bottom:.55rem;padding:0}.option-list{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);margin:0;padding:0;list-style:none;overflow:hidden}.option-list li+li{border-top:1px solid var(--border)}.option-row{cursor:pointer;border-inline-start:3px solid #0000;align-items:center;gap:.7rem;padding:.75rem .95rem;padding-inline-start:calc(.95rem - 3px);font-size:.9rem;display:flex}.option-row:hover{background:var(--bg-sunken)}.option-row.is-on{border-inline-start-color:var(--primary);background:var(--chip-bg)}.option-row:has(input:focus-visible){outline:2px solid var(--primary);outline-offset:-2px}.option-name{font-weight:600}.goal-list{margin:0;padding:0;list-style:none}.goal-row+.goal-row{border-top:1px solid var(--border)}.goal-controls{flex-wrap:wrap;gap:.5rem;padding:0 0 .85rem;padding-inline-start:.2rem;display:flex}.goal-field{margin:0}.goal-count{width:5.5rem}.goal-select{width:auto;min-width:7rem}.settings-divider{border:0;border-top:1px solid var(--border);margin:1.35rem 0 1.15rem}.danger-inline{border:1px solid var(--tint-danger-border);border-radius:var(--radius-sm);background:var(--tint-danger-bg);padding:1.1rem}.about-rows{margin:.9rem 0 0;padding:0;list-style:none}.about-row{justify-content:space-between;align-items:center;gap:1rem;padding:.7rem 0;font-size:.9rem;display:flex}.about-row+.about-row{border-top:1px solid var(--border)}.about-row-label{color:var(--text-secondary)}.about-row a{color:var(--primary);text-decoration:none}.about-row a:hover{text-decoration:underline}.about-row .build-stamp{margin:0;font-size:.83rem}.settings-save{align-items:center;gap:.75rem;max-width:640px;margin-top:1.1rem;display:flex}.save-ok{color:var(--primary);font-size:.85rem;font-weight:600}.theme-picker{border:0;margin:.9rem 0 0;padding:0}.theme-picker legend{margin-bottom:.55rem;padding:0}.theme-options{flex-wrap:wrap;gap:.6rem;display:flex}.theme-option{border:1.5px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);min-width:6.5rem;color:var(--text-secondary);cursor:pointer;flex-direction:column;flex:1;align-items:center;gap:.4rem;padding:.9rem .6rem;font-size:.82rem;font-weight:600;transition:border-color .12s,color .12s,background .12s;display:flex}.theme-option:hover{border-color:var(--section-open-border)}.theme-option input{opacity:0;width:0;height:0;position:absolute}.theme-option:has(input:focus-visible){outline:2px solid var(--primary-light);outline-offset:2px}.size-slider-row{align-items:center;gap:.8rem;margin-top:.9rem;display:flex}.size-end{color:var(--text-tertiary);flex-shrink:0;font-family:Uthmani,serif;line-height:1}.size-end.is-small{font-size:1rem}.size-end.is-large{font-size:1.9rem}.size-slider{appearance:none;background:var(--border);cursor:pointer;border-radius:999px;flex:1;min-width:0;height:4px;margin:0}.size-slider::-webkit-slider-thumb{appearance:none;background:var(--primary);width:1.15rem;height:1.15rem;box-shadow:var(--shadow-sm);cursor:pointer;border:none;border-radius:999px}.size-slider::-moz-range-thumb{background:var(--primary);width:1.15rem;height:1.15rem;box-shadow:var(--shadow-sm);cursor:pointer;border:none;border-radius:999px}.size-slider:focus-visible{outline:2px solid var(--primary);outline-offset:4px}.size-value{text-align:end;min-width:3.2rem;color:var(--primary);font-variant-numeric:tabular-nums;flex-shrink:0;font-size:.82rem;font-weight:700}.size-preview-label{margin-top:1.1rem}.size-preview{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-sunken);margin:.4rem 0 0;padding:.9rem 1rem;overflow-x:auto}.theme-option.is-active{border-color:var(--primary);background:var(--chip-bg);color:var(--primary)}.settings-hint{margin:.7rem 0 0;font-size:.8rem}:root[data-theme=dark] .brand-mark{background:var(--brand-plaque);border-radius:22%;padding:6%}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .brand-mark{background:var(--brand-plaque);border-radius:22%;padding:6%}}.voice-note{flex-wrap:wrap;align-items:center;gap:.7rem;margin:0 0 1rem;display:flex}.voice-note.is-ready,.voice-note.is-recording{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg);padding:.75rem .9rem}.voice-note.is-recording{border-color:var(--error)}.voice-label{color:var(--text-secondary);font-size:.85rem;font-weight:600}.voice-audio{flex:14rem;min-width:0;height:34px}.btn-sm{padding:.4rem .75rem;font-size:.82rem}.voice-pulse{background:var(--error);border-radius:50%;flex-shrink:0;width:10px;height:10px;animation:1.2s ease-in-out infinite voice-pulse}@keyframes voice-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.35;transform:scale(.8)}}@media (prefers-reduced-motion:reduce){.voice-pulse{animation:none}}.voice-unsupported{align-items:flex-start;gap:.5rem;margin:0 0 1rem;font-size:.83rem;line-height:1.5;display:flex}.voice-unsupported svg{flex-shrink:0;margin-top:.15rem}@font-face{font-family:Uthmani;src:url(/fonts/KFGQPCUthmanicScriptHAFS.ttf)format("truetype");font-display:swap}.read-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:1rem;margin-bottom:1.5rem;display:flex}.read-picker{flex:16rem;max-width:22rem;margin:0}.read-meta{align-items:center;gap:.9rem;margin:0 0 .5rem;display:flex}.surah-name-ar{color:var(--primary);font-family:Uthmani,serif;font-size:1.5rem}.ayah-list{max-width:var(--read-width);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm);padding:.5rem 1.6rem 1.6rem}.basmala{font-family:Uthmani,serif;font-size:calc(1.7rem * var(--quran-scale));text-align:center;color:var(--primary);margin:1.4rem 0 .5rem;line-height:2.4}.ayah-row{border-radius:var(--radius-sm);align-items:flex-start;gap:1rem;padding:1.4rem .6rem;scroll-margin-block:2rem;transition:background .2s;display:flex}.ayah-row+.ayah-row{border-top:1px solid var(--border)}.ayah-row.is-highlighted{background:var(--chip-bg);box-shadow:inset 3px 0 0 var(--primary)}.ayah-number{background:var(--chip-bg);min-width:1.9rem;height:1.9rem;color:var(--primary);border-radius:50%;flex-shrink:0;place-items:center;margin-top:.4rem;padding:0 .35rem;font-size:.76rem;font-weight:700;display:grid}.ayah-body{flex:1;min-width:0}.quran-text{font-family:Uthmani,serif;font-size:calc(1.9rem * var(--quran-scale));color:var(--text);text-align:right;margin:0;line-height:2.2}.ayah-meaning{color:var(--text-secondary);margin:.85rem 0 0;font-size:.92rem;line-height:1.65}.read-linked{max-width:var(--read-width);align-items:center;gap:.45rem;margin-top:1rem;font-size:.83rem;display:flex}.passage-link{color:var(--primary);align-items:center;gap:.4rem;margin-top:.9rem;font-size:.86rem;font-weight:600;text-decoration:none;display:inline-flex}.passage-link:hover{text-decoration:underline}@media (width<=640px){.ayah-list{padding:.5rem 1rem 1.2rem}.quran-text{font-size:1.6rem}}.studio-controls{max-width:var(--read-width);border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);flex-wrap:wrap;align-items:flex-end;gap:.9rem;margin-bottom:1.4rem;padding:.9rem 1.1rem;display:flex}.studio-field{flex:12rem;max-width:18rem;margin:0}.studio-field-narrow{flex:0 0 7rem}.studio-toggle{border:1.5px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);color:var(--text-secondary);cursor:pointer;white-space:nowrap;align-items:center;gap:.45rem;padding:.62rem .85rem;font-size:.85rem;font-weight:600;display:inline-flex}.studio-toggle input{opacity:0;width:0;height:0;position:absolute}.studio-toggle:has(input:focus-visible){outline:2px solid var(--primary-light);outline-offset:2px}.studio-toggle.is-on{border-color:var(--primary);background:var(--chip-bg);color:var(--primary)}.ayah-play{border:1.5px solid var(--border);background:var(--surface);width:38px;height:38px;color:var(--primary);cursor:pointer;border-radius:50%;flex-shrink:0;place-items:center;margin-top:.3rem;transition:border-color .12s,background .12s;display:grid;position:relative}.ayah-play:hover{border-color:var(--primary)}.ayah-play.is-playing{background:var(--primary);border-color:var(--primary);color:var(--on-primary)}.ayah-play-loading{border:2px solid #0000;border-top-color:var(--primary);border-radius:50%;animation:.7s linear infinite ayah-spin;position:absolute;inset:-3px}@keyframes ayah-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.ayah-play-loading{animation-duration:2.4s}}.view-toggle{border:1px solid var(--border);background:var(--bg-sunken);border-radius:999px;padding:3px;display:inline-flex}.view-option{color:var(--text-secondary);font:inherit;cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:999px;padding:.42rem .95rem;font-size:.82rem;font-weight:600}.view-option.is-active{background:var(--surface);color:var(--primary);box-shadow:var(--shadow-sm)}.spread-nav{max-width:var(--spread-width);padding-inline:var(--page-pad);justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1rem;display:flex}.mushaf-spread+.spread-nav{margin-top:1rem;margin-bottom:0}.spread-nav.is-reading{max-width:var(--read-width);padding-inline:0}.ayah-list+.spread-nav.is-reading{margin-top:1.1rem;margin-bottom:0}.spread-label{color:var(--text-secondary);font-size:.85rem;font-weight:600}.mushaf-spread{max-width:var(--spread-width);grid-template-columns:1fr 1fr;align-items:start;gap:1.1rem;display:grid}.mushaf-page{aspect-ratio:1056/1412;align-self:start;line-height:0;position:relative}.mushaf-page.is-blank{border:1px dashed var(--border);border-radius:var(--radius);box-shadow:none;background:0 0}.mushaf-image{object-fit:contain;-webkit-user-select:none;user-select:none;width:100%;height:100%;display:block}.mushaf-status{text-align:center;padding:3rem 1rem}@media (width<=900px){.mushaf-spread{grid-template-columns:1fr}.mushaf-page.is-blank{display:none}}.studio-mode{margin-bottom:1.3rem}.studio-card{max-width:34rem}.studio-card .field:first-of-type{margin-top:0}.studio-listen-by{border:0;margin:0 0 1.2rem;padding:0}.studio-listen-by legend{margin-bottom:.5rem;padding:0}.studio-go{justify-content:center;width:100%}.bookmark-resume{margin-top:1.1rem}.studio-bar{flex-wrap:wrap;align-items:center;gap:.8rem;margin-bottom:1.1rem;display:flex}.btn.is-active{border-color:var(--primary);color:var(--primary);background:var(--chip-bg)}.listen-all{margin-bottom:1.3rem}.ayah-focus{max-width:var(--read-width);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm);padding:2.2rem 2rem}.ayah-focus-head{justify-content:start;align-items:center;gap:.6rem;margin-bottom:1.4rem;display:flex}.ayah-focus-text{font-size:calc(2.4rem * var(--quran-scale));text-align:center;line-height:2.15}.ayah-focus-meaning{border-top:1px solid var(--border);color:var(--text-secondary);text-align:center;margin:1.5rem 0 0;padding-top:1.3rem;font-size:1rem;line-height:1.7}.ayah-focus-actions{flex-wrap:wrap;justify-content:center;gap:.7rem;margin-top:1.6rem;display:flex}.ayah-step{max-width:var(--read-width);justify-content:space-between;align-items:center;gap:1rem;margin-top:1.2rem;display:flex}.ayah-detail{max-width:var(--read-width);border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg);margin:.2rem 0 1rem;overflow:hidden}.detail-tabs{border-bottom:1px solid var(--border);display:flex}.detail-tab{cursor:pointer;font:inherit;color:var(--text-secondary);border:none;background:0 0;border-bottom:2px solid #0000;padding:.7rem 1.1rem;font-size:.85rem;font-weight:600}.detail-tab.is-active{color:var(--primary);border-bottom-color:var(--primary)}.detail-body{padding:1.1rem 1.2rem}.tafsir-text{white-space:pre-wrap;margin:0;font-size:.92rem;line-height:1.75}.tafsir-source{margin:.9rem 0 0;font-size:.78rem;font-style:italic}.tajweed-text{font-size:calc(1.7rem * var(--quran-scale));margin:0 0 1.1rem;line-height:2.2}.tajweed-legend{flex-direction:column;gap:.6rem;margin:0;padding:0;list-style:none;display:flex}.tajweed-legend li{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.legend-label{font-size:.9rem;font-weight:700}.legend-snippet{font-family:Uthmani,serif;font-size:1.35rem;line-height:1.9}.btn.is-bookmarked{color:var(--error);border-color:var(--error);background:var(--tint-danger-bg)}.btn.is-bookmarked svg{fill:var(--error)}.quran-search{max-width:42rem;margin-bottom:1.6rem}.search-row{flex-wrap:wrap;align-items:flex-end;gap:.7rem;display:flex}.search-field{flex:18rem;margin:0}.search-summary{margin:1rem 0 .6rem;font-weight:600}.search-results{flex-direction:column;gap:.5rem;margin:0;padding:0;list-style:none;display:flex}.search-hit{text-align:start;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);width:100%;font:inherit;color:inherit;cursor:pointer;align-items:flex-start;gap:.9rem;padding:.85rem 1rem;display:flex}.search-hit:hover{border-color:var(--primary);background:var(--bg)}.search-ref{background:var(--chip-bg);color:var(--primary);border-radius:999px;flex-shrink:0;padding:.18rem .5rem;font-size:.74rem;font-weight:700}.search-body{flex:1;min-width:0}.search-arabic{text-align:right;white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:1.25rem;line-height:1.9;display:block;overflow:hidden}.search-translation{color:var(--text-secondary);text-overflow:ellipsis;white-space:nowrap;margin-top:.35rem;font-size:.85rem;display:block;overflow:hidden}.search-page{color:var(--text-tertiary);flex-shrink:0;font-size:.74rem}.reference-jump{border-color:var(--primary);color:var(--primary);margin:.9rem 0 .2rem}.annotation-canvas{pointer-events:none;touch-action:none;width:100%;height:100%;position:absolute;inset:0}.annotation-canvas.is-active{pointer-events:auto;cursor:crosshair}.annotate-open{top:.6rem;border:1px solid var(--border);background:var(--surface);width:34px;height:34px;color:var(--text-secondary);cursor:pointer;opacity:.65;border-radius:50%;place-items:center;transition:opacity .15s;display:grid;position:absolute;inset-inline-end:.6rem}.mushaf-spread .mushaf-page+.mushaf-page{margin-top:0}.annotate-open.has-notes{opacity:1;color:var(--primary);border-color:var(--primary)}.annotate-tool{width:30px;height:30px;color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:50%;place-items:center;display:grid}.annotate-tool:hover:not(:disabled){background:var(--bg)}.annotate-tool.is-active{background:var(--chip-bg);color:var(--primary)}.annotate-tool:disabled{opacity:.35;cursor:default}.annotate-divider{background:var(--border);width:1px;height:20px}.annotate-color{cursor:pointer;border:2px solid #0000;border-radius:50%;flex-shrink:0;width:18px;height:18px;padding:0}.annotate-color.is-active{border-color:var(--surface);box-shadow:0 0 0 2px var(--text)}.annotate-save{margin-inline-start:.2rem}.annotate-close{color:var(--text-tertiary)}.groups-tabs{margin-bottom:1.5rem}.join-card,.create-card{max-width:var(--read-width)}.join-row{flex-wrap:wrap;align-items:flex-end;gap:.7rem;display:flex}.join-field{flex:12rem;margin:0}.code-input{letter-spacing:.28em;text-transform:uppercase;font-family:IBM Plex Mono,ui-monospace,monospace;font-size:1.15rem}.choice-set{border:0;margin:0 0 1.3rem;padding:0}.choice-set legend{margin-bottom:.5rem;padding:0}.choice-row{flex-wrap:wrap;gap:.5rem;display:flex}.choice-grid{grid-template-columns:repeat(auto-fit,minmax(13rem,1fr));gap:.6rem;display:grid}.choice{border:1.5px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);color:var(--text-secondary);font:inherit;cursor:pointer;text-align:start;padding:.55rem .95rem;font-size:.86rem;font-weight:600}.choice:hover{border-color:var(--section-open-border)}.choice.is-active{border-color:var(--primary);background:var(--chip-bg);color:var(--primary)}.choice-block{flex-direction:column;gap:.25rem;padding:.8rem 1rem;display:flex}.choice-name{font-weight:700}.choice-note{color:var(--text-secondary);font-size:.79rem;font-weight:400;line-height:1.45}.choice-block.is-active .choice-note{color:var(--primary)}.create-toggle{margin-bottom:1.2rem}.group-purpose{color:var(--primary);font-weight:600}.live-class{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg);margin-bottom:1.2rem;padding:1rem 1.1rem .4rem}.live-class-hint{margin-top:0;margin-bottom:1rem}.day-row{flex-wrap:wrap;gap:.4rem;display:flex}.day-chip{border:1.5px solid var(--border);background:var(--surface);min-width:3rem;color:var(--text-secondary);font:inherit;cursor:pointer;border-radius:999px;padding:.45rem .6rem;font-size:.8rem;font-weight:600}.day-chip:hover{border-color:var(--section-open-border)}.day-chip.is-on{border-color:var(--primary);background:var(--chip-bg);color:var(--primary)}.schedule-label{margin:1.2rem 0 .5rem;display:block}.schedule-list{flex-direction:column;gap:.45rem;margin:0 0 .6rem;padding:0;list-style:none;display:flex}.schedule-row{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);align-items:center;gap:.7rem;padding:.45rem .6rem;display:flex}.schedule-day{min-width:2.6rem;color:var(--primary);font-size:.85rem;font-weight:700}.schedule-time{flex:none;width:auto;min-width:8rem}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.invite{max-width:var(--read-width);border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow-sm);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1.2rem;padding:1.1rem 1.25rem;display:flex}.invite-code{letter-spacing:.22em;color:var(--primary);-webkit-user-select:all;user-select:all;margin:.2rem 0 0;font-family:IBM Plex Mono,ui-monospace,monospace;font-size:1.6rem;font-weight:600}.invite-actions{flex-wrap:wrap;gap:.5rem;display:flex}.member-row{flex-wrap:wrap;gap:.6rem}.member-you{font-size:.85rem;font-weight:400}.member-actions{flex-wrap:wrap;align-items:center;gap:.4rem;margin-inline-start:auto;display:flex}.group-actions{max-width:var(--read-width);border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);flex-direction:column;align-items:flex-start;gap:.55rem;padding:1.1rem 1.25rem;display:flex}.mute-hint{margin:0 0 .6rem}.leave-confirm{width:100%}.task-columns{gap:2.2rem;display:grid}.task-list{gap:.9rem;max-width:640px;display:grid}.task-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm);padding:1.35rem}.task-card.is-closed{opacity:.72}.task-head{justify-content:space-between;align-items:flex-start;gap:.75rem;margin-bottom:.3rem;display:flex}.task-title{margin:0;font-size:1.02rem;font-weight:700}.task-group{margin:0 0 .6rem;font-size:.85rem}.task-meta{flex-wrap:wrap;gap:.35rem 1rem;margin:0;font-size:.85rem;display:flex}.task-meta-item{align-items:center;gap:.35rem;display:inline-flex}.task-meta-item.is-overdue{color:var(--error);font-weight:700}.task-description{color:var(--text-secondary);margin:.7rem 0 0;font-size:.88rem;line-height:1.5}.task-progress{margin-top:.9rem}.progress-track{background:var(--bg-sunken);border-radius:999px;height:6px;overflow:hidden}.progress-fill{background:var(--primary);border-radius:999px;height:100%;transition:width .2s}.progress-fill.is-complete{background:var(--success)}.task-progress-line{margin:.4rem 0 0;font-size:.8rem}.task-actions{flex-wrap:wrap;align-items:center;gap:.5rem;margin-top:.9rem;display:flex}.task-actions:empty{margin-top:0}.withdraw-confirm{flex-wrap:wrap;align-items:center;gap:.5rem;font-size:.85rem;display:flex}.state-pill{letter-spacing:.05em;text-transform:uppercase;white-space:nowrap;border:1px solid #0000;border-radius:999px;flex-shrink:0;padding:.16rem .55rem;font-size:.67rem;font-weight:800}.state-pending{color:var(--text-secondary);background:color-mix(in srgb, var(--text-tertiary) 14%, transparent);border-color:color-mix(in srgb, var(--text-tertiary) 38%, transparent)}.state-submitted,.state-revision{color:var(--warning);background:color-mix(in srgb, var(--warning) 12%, transparent);border-color:color-mix(in srgb, var(--warning) 34%, transparent)}.state-approved{color:var(--success);background:color-mix(in srgb, var(--success) 12%, transparent);border-color:color-mix(in srgb, var(--success) 34%, transparent)}.state-rejected{color:var(--error);background:color-mix(in srgb, var(--error) 12%, transparent);border-color:color-mix(in srgb, var(--error) 34%, transparent)}.feedback-panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);max-width:640px;box-shadow:var(--shadow-md);margin-top:2rem;padding:1.35rem}.feedback-panel-head{justify-content:space-between;align-items:center;gap:.75rem;display:flex}.feedback-panel-head h3{margin:0;font-size:1rem}.feedback-task{margin:.2rem 0 1rem;font-size:.85rem}.feedback-list{gap:1.1rem;margin:0;padding:0;list-style:none;display:grid}.feedback-row{border-top:1px solid var(--border);padding-top:1.1rem}.feedback-row:first-child{border-top:none;padding-top:0}.feedback-head{justify-content:space-between;align-items:center;gap:.75rem;display:flex}.feedback-ref{font-size:.9rem;font-weight:700}.feedback-by{margin:.2rem 0 0;font-size:.78rem}.feedback-note{margin:.5rem 0 0;font-size:.9rem;line-height:1.55}.feedback-row .audio-player{width:100%;margin-top:.6rem}.task-form{gap:1.4rem;max-width:560px;display:grid}.field-pair{grid-template-columns:1fr 1fr;gap:1rem;display:grid}fieldset.field{border:none;margin:0 0 1rem;padding:0}fieldset.field>legend{padding:0}.task-form fieldset{border:none;margin:0;padding:0}.task-form legend{padding:0}.field-hint{margin:.4rem 0 0;font-size:.82rem;display:block}.form-actions{flex-wrap:wrap;gap:.6rem;margin-top:.4rem;display:flex}.due-date{max-width:15rem;margin-top:.7rem}.chip-row{flex-wrap:wrap;gap:.5rem;display:flex}.chip{border:1px solid var(--border);background:var(--surface);color:var(--text-secondary);font:inherit;cursor:pointer;border-radius:999px;padding:.42rem .85rem;font-size:.85rem;font-weight:600;transition:background .12s,color .12s,border-color .12s}.chip:hover{border-color:var(--primary);color:var(--primary)}.chip.is-on{background:var(--primary);color:var(--on-primary);border-color:var(--primary)}.level-list{gap:.6rem;display:grid}.level-row{text-align:start;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);width:100%;font:inherit;color:inherit;cursor:pointer;align-items:flex-start;gap:.85rem;padding:.9rem 1rem;transition:border-color .12s,box-shadow .12s;display:flex}.level-row:hover{border-color:var(--primary)}.level-row.is-on{border-color:var(--primary);box-shadow:inset 0 0 0 1px var(--primary)}.level-mark{flex-shrink:0;margin-top:.1rem;display:inline-flex}.level-text{gap:.15rem;display:grid}.level-name{font-size:.92rem;font-weight:700}.level-desc{font-size:.82rem;line-height:1.45}.word-grid{flex-wrap:wrap;gap:.45rem;max-height:17rem;margin-top:.8rem;padding:.15rem;display:flex;overflow-y:auto}.word-chip{border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--surface);color:var(--text);cursor:pointer;padding:.4rem .8rem;font-family:Uthmani,serif;font-size:1.25rem;line-height:1.8;transition:border-color .12s,background .12s}.word-chip:hover{border-color:var(--primary)}.word-chip.is-on{border-color:var(--primary);background:var(--chip-bg);box-shadow:inset 0 0 0 1px var(--primary)}.dua-text{font-family:Uthmani,serif;font-size:1.3rem;line-height:2.1}.dua-recorder{flex-wrap:wrap;align-items:center;gap:.6rem;margin-top:.7rem;display:flex}@media (width<=560px){.field-pair{grid-template-columns:1fr}}.reclaim-banner{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:1.6rem;display:flex}.transfer-explain{flex-basis:100%;font-size:.82rem;line-height:1.45}.danger-zone{border:1px solid var(--tint-danger-border);border-radius:var(--radius);background:var(--tint-danger-bg);max-width:560px;padding:1.25rem}.danger-title{color:var(--error);align-items:center;gap:.45rem;margin:0 0 .6rem;font-size:.95rem;display:flex}.danger-explain{margin:0 0 .9rem;font-size:.88rem;line-height:1.55}.danger-actions{flex-wrap:wrap;gap:.6rem;display:flex}.danger-error{margin-top:.75rem}.trash-list{gap:.75rem;margin:0;padding:0;list-style:none;display:grid}.trash-row{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;padding:.9rem 1.1rem;display:flex}.trash-identity{gap:.15rem;min-width:0;display:grid}.trash-name{font-weight:700}.trash-meta{font-size:.8rem}.trash-actions{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.trash-confirm{flex-wrap:wrap;align-items:center;gap:.5rem;font-size:.85rem;display:flex}.audit-body{margin-top:.9rem}.audit-list{gap:.55rem;max-width:620px;max-height:26rem;margin:0;padding:0;list-style:none;display:grid;overflow-y:auto}.audit-row{border-bottom:1px solid var(--border);flex-wrap:wrap;align-items:baseline;gap:.4rem;padding-bottom:.55rem;font-size:.87rem;display:flex}.audit-row:last-child{border-bottom:none;padding-bottom:0}.audit-who{font-weight:700}.audit-what{color:var(--text-secondary)}.audit-when{white-space:nowrap;margin-inline-start:auto;font-size:.78rem}.ann-list{gap:.6rem;margin:0 0 2rem;padding:0;list-style:none;display:grid}.ann-row{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);padding:.95rem 1.1rem}.ann-row.is-unread{border-inline-start:3px solid var(--primary)}.ann-row.is-withdrawn{opacity:.66}.ann-head{text-align:start;width:100%;font:inherit;color:inherit;cursor:pointer;background:0 0;border:none;align-items:center;gap:.7rem;padding:0;display:flex}.ann-head.is-static{cursor:default}.ann-dot{background:0 0;border-radius:50%;flex-shrink:0;width:8px;height:8px}.ann-row.is-unread .ann-dot{background:var(--primary)}.ann-headings{flex:1;gap:.15rem;min-width:0;display:grid}.ann-title{font-size:.95rem;font-weight:700}.ann-meta{font-size:.8rem}.ann-body{margin-top:.85rem}.ann-text{white-space:pre-wrap;margin:.7rem 0 0;font-size:.92rem;line-height:1.6}.ann-body .audio-player,.ann-row>.audio-player{width:100%;margin-top:.7rem}.ann-actions{flex-wrap:wrap;align-items:center;gap:.5rem;margin-top:.8rem;font-size:.85rem;display:flex}.ann-withdrawn{align-items:center;gap:.35rem;margin:.8rem 0 0;font-size:.82rem;display:flex}.pick-list{gap:.5rem;margin:0 0 1.4rem;padding:0;list-style:none;display:grid}.pick-row{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;align-items:center;gap:.7rem;padding:.75rem .95rem;display:flex}.pick-row.is-on{border-color:var(--primary);box-shadow:inset 0 0 0 1px var(--primary)}.pick-name{font-weight:600}.pick-meta{margin-inline-start:auto;font-size:.82rem}.compose{max-width:560px}.compose .form-actions{justify-content:flex-end}.compose .form-actions .btn-ghost{order:-1}.compose-hint{margin:0 0 1.1rem;font-size:.86rem;line-height:1.5}.header-split{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.header-actions{flex-wrap:wrap;align-items:center;gap:.5rem;padding-top:.35rem;display:flex}.count-badge{background:var(--primary);min-width:1.25rem;height:1.25rem;color:var(--on-primary);border-radius:999px;justify-content:center;align-items:center;margin-inline-start:.1rem;padding:0 .35rem;font-size:.72rem;font-weight:800;display:inline-flex}.poll-list{gap:1rem;max-width:620px;margin:0;padding:0;list-style:none;display:grid}.poll-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm);padding:1.25rem}.poll-question{margin:0 0 .3rem;font-size:1.02rem}.poll-meta{margin:0 0 1rem;font-size:.82rem}.poll-options{gap:.5rem;margin:0;padding:0;list-style:none;display:grid}.poll-option{text-align:start;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);width:100%;font:inherit;color:inherit;cursor:pointer;padding:.7rem .95rem;transition:border-color .12s,box-shadow .12s}.poll-option:hover{border-color:var(--primary)}.poll-option.is-on{border-color:var(--primary);box-shadow:inset 0 0 0 1px var(--primary)}.poll-actions{flex-wrap:wrap;align-items:center;gap:.6rem;margin-top:.9rem;display:flex}.poll-final{font-size:.8rem}.poll-results{gap:.7rem;margin:0;padding:0;list-style:none;display:grid}.poll-result-head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:.5rem;margin-bottom:.3rem;font-size:.88rem;display:flex}.poll-option-label{align-items:center;gap:.45rem;display:inline-flex}.poll-you{font-size:.62rem}.poll-count{white-space:nowrap;font-size:.8rem}.poll-bar{background:var(--bg-sunken);border-radius:999px;height:8px;display:block;overflow:hidden}.poll-bar-fill{background:var(--text-tertiary);border-radius:999px;height:100%;transition:width .25s;display:block}.poll-result.is-mine .poll-bar-fill{background:var(--primary)}.poll-total{margin:.9rem 0 0;font-size:.82rem}.option-row{align-items:center;gap:.5rem;margin-bottom:.5rem;display:flex}.option-row .field-input{flex:1}.report-list{gap:.75rem;margin:0;padding:0;list-style:none;display:grid}.report-row{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;padding:.95rem 1.1rem;display:flex}.report-identity{gap:.15rem;min-width:0;display:grid}.report-student{align-items:center;gap:.5rem;font-weight:700;display:flex}.report-meta{font-size:.8rem}.report-actions{flex-wrap:wrap;align-items:center;gap:.4rem;display:flex}.report-confirm{flex-basis:100%;margin:0;font-size:.85rem}.report-acks{border-top:1px solid var(--border);flex-basis:100%;margin-top:.6rem;padding-top:.8rem}.ack-count{margin:0 0 .6rem;font-size:.82rem;font-weight:700}.ack-list{gap:.4rem;margin:0;padding:0;list-style:none;display:grid}.ack-row{justify-content:space-between;align-items:baseline;gap:.75rem;font-size:.87rem;display:flex}.ack-empty{gap:.25rem;font-size:.85rem;display:grid}.result-list{gap:.5rem;margin:0 0 1.2rem;padding:0;list-style:none;display:grid}.result-row{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);align-items:center;gap:.6rem;padding:.7rem .9rem;font-size:.9rem;display:flex}.result-row.is-ready{color:var(--success);border-color:color-mix(in srgb, var(--success) 30%, transparent)}.result-row.is-failed{color:var(--error);border-color:var(--tint-danger-border)}.result-name{color:var(--text);font-weight:700}.result-note{text-align:end;margin-inline-start:auto;font-size:.82rem}.select-all-row{margin-bottom:.7rem}.corner-action{z-index:20;background:var(--surface);border:1px solid var(--border);width:44px;height:44px;box-shadow:var(--shadow-md);color:var(--text-secondary);border-radius:50%;justify-content:center;align-items:center;transition:color .12s,border-color .12s,transform .12s;display:inline-flex;position:fixed;inset-block-end:1.5rem;inset-inline-end:1.5rem}.corner-action:hover{color:var(--error);border-color:var(--tint-danger-border);transform:translateY(-1px)}.corner-action:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.family-badge{text-transform:none;letter-spacing:0;align-items:center;gap:.3rem;display:inline-flex}.work-explainer{align-items:flex-start;gap:.5rem;max-width:640px;margin-bottom:1.4rem;font-size:.88rem;line-height:1.55;display:flex}.piece-list{gap:.75rem;max-width:640px;margin:0;padding:0;list-style:none;display:grid}.piece{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);padding:1rem 1.15rem}.piece.is-done{border-inline-start:3px solid var(--primary)}.piece.is-submitted{border-inline-start:3px solid var(--success);opacity:.8}.piece-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;display:flex}.piece-label{align-items:center;gap:.5rem;font-size:.9rem;font-weight:600;display:flex}.piece-score{white-space:nowrap;font-size:.8rem}.piece-arabic{font-family:Uthmani,serif;font-size:calc(1.6rem * var(--quran-scale));text-align:right;margin:.7rem 0 0;line-height:2.2}.piece-actions{flex-wrap:wrap;align-items:center;gap:.5rem;margin-top:.8rem;display:flex}.submit-bar{border-top:1px solid var(--border);justify-items:start;gap:.7rem;max-width:640px;margin-top:1.8rem;padding-top:1.4rem;display:grid}.task-block{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm);max-width:760px;margin-bottom:2rem;padding:1.35rem}.task-block-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:.75rem;margin-bottom:1rem;display:flex}.task-block-title{margin:0 0 .2rem;font-size:1.02rem}.task-block-meta{margin:0;font-size:.82rem}.task-block-actions{flex-wrap:wrap;gap:.4rem;display:flex}.assignee-list{gap:.5rem;margin:0;padding:0;list-style:none;display:grid}.assignee{border:1px solid var(--border);border-radius:var(--radius-sm);overflow:hidden}.assignee.is-awaiting{border-color:color-mix(in srgb, var(--warning) 45%, transparent)}.assignee-head{text-align:start;width:100%;font:inherit;color:inherit;cursor:pointer;background:0 0;border:none;align-items:center;gap:.7rem;padding:.7rem .9rem;display:flex}.assignee-head:hover{background:var(--bg-sunken)}.assignee-name{font-size:.92rem;font-weight:600}.assignee-progress{white-space:nowrap;margin-inline-start:auto;font-size:.8rem}.student-review{border-top:1px solid var(--border);background:var(--bg-sunken);padding:.9rem}.sub-list{gap:.8rem;margin:0 0 1rem;padding:0;list-style:none;display:grid}.sub-row{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);padding:.8rem .9rem}.sub-row-head{flex-wrap:wrap;align-items:center;gap:.6rem;font-size:.88rem;display:flex}.sub-ref{font-weight:700}.sub-when{margin-inline-start:auto;font-size:.8rem}.sub-row .audio-player{width:100%;margin-top:.6rem}.revision-warning{align-items:center;gap:.4rem;margin:0 0 .8rem;font-size:.83rem;display:flex}.piece-take{margin-top:.8rem}.piece-take-label{margin-bottom:.3rem;font-size:.78rem;display:block}.piece-take .audio-player{width:100%}.analysis{background:var(--bg-sunken);border-radius:var(--radius-sm);margin-top:.9rem;padding:.85rem .95rem}.analysis-head{align-items:center;gap:.6rem;margin-bottom:.6rem;display:flex}.analysis-clean{align-items:center;gap:.4rem;margin:0;font-size:.85rem;display:flex}.analysis-list{gap:.4rem;margin:0;padding:0;list-style:none;display:grid}.analysis-item{flex-wrap:wrap;align-items:baseline;gap:.5rem;font-size:.85rem;display:flex}.analysis-type{font-weight:700}.analysis-note{margin:.7rem 0 0;font-size:.78rem}.tajweed-locked{gap:.35rem;display:grid}.tajweed-locked-title{align-items:center;gap:.4rem;margin:0;font-size:.9rem;font-weight:700;display:flex}.tajweed-locked .muted{font-size:.87rem;line-height:1.55}.studio-columns.has-side{display:block}@media (width>=1200px){.studio-columns.has-side{grid-template-columns:minmax(0,1fr) 23rem;align-items:start;gap:1.5rem;display:grid}}.studio-main{min-width:0}.ayah-side{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);max-height:calc(100vh - 3rem);box-shadow:var(--shadow-sm);margin-top:1.2rem;padding:1.1rem;position:static;top:1.5rem;overflow-y:auto}@media (width>=1200px){.ayah-side{max-height:calc(100vh - 3rem);margin-top:0;position:sticky;top:1.5rem;overflow-y:auto}}.side-ref{letter-spacing:.06em;text-transform:uppercase;margin:0 0 .6rem;font-size:.75rem;font-weight:800}.side-empty{align-items:flex-start;gap:.45rem;margin:0;font-size:.86rem;line-height:1.55;display:flex}.ayah-side .ayah-detail{box-shadow:none;background:0 0;border:none;margin:0;padding:0}.studio-bar{max-width:var(--read-width);flex-wrap:wrap}.listen-start{margin-inline-start:auto}.btn-icon{border-radius:50%;width:2.05rem;height:2.05rem;padding:.4rem}.pen-group{align-items:center;display:inline-flex;position:relative}.annotate-menu{inset-inline-start:calc(100% + .45rem);z-index:30;background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-md);white-space:nowrap;border-radius:999px;align-items:center;gap:.35rem;padding:.4rem .55rem;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.annotate-save-bar{inset-inline-end:.6rem;z-index:2;background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-md);border-radius:999px;align-items:center;gap:.4rem;padding:.35rem .45rem;display:flex;position:absolute;bottom:.6rem}.sub-task{margin:.3rem 0 0;font-size:.8rem}.report-row.is-unread{border-inline-start:3px solid var(--primary)}.report-ack{font-size:.78rem}.report-ack.is-pending{color:var(--warning);font-weight:600}.section-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:.5rem;display:flex}.section-head .section-heading{margin-bottom:0}.review-chips{gap:.4rem;margin-bottom:.9rem;display:flex}.review-chip{border:1px solid var(--primary);background:var(--chip-bg);width:34px;height:34px;color:var(--primary);border-radius:50%;justify-content:center;align-items:center;transition:background .12s;display:inline-flex}.review-chip:hover{background:var(--surface)}.review-chip:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.inbox-task{margin-bottom:1.8rem}.inbox-task .section-heading{margin-bottom:.6rem}.data-table tr.is-selected{background:var(--chip-bg)}.data-table td input[type=checkbox],.select-all-row input[type=checkbox]{cursor:pointer}.sr-only-head{width:2.2rem}.select-all-row.pick-row{max-width:16rem;margin-bottom:1.1rem;font-size:.87rem;font-weight:600}.attachment{justify-items:start;gap:.45rem;display:grid}.attachment-preview{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.attachment-preview img{object-fit:cover;border-radius:var(--radius-sm);border:1px solid var(--border);width:84px;height:84px}.attachment-actions{flex-wrap:wrap;align-items:center;gap:.4rem;display:flex}.attachment-name{text-overflow:ellipsis;white-space:nowrap;max-width:16rem;font-size:.8rem;overflow:hidden}.hifz-stats{max-width:var(--read-width);margin-bottom:1.6rem}.hifz-sabak{max-width:var(--read-width);background:var(--surface);border:1px solid var(--border);border-inline-start:3px solid var(--primary);border-radius:var(--radius);box-shadow:var(--shadow-sm);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.8rem;padding:1.35rem;display:flex}.hifz-sabak-page{margin:0 0 .2rem;font-size:1.15rem;font-weight:800}.hifz-list{max-width:var(--read-width);gap:.6rem;margin:0 0 1.8rem;padding:0;list-style:none;display:grid}.hifz-row{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;padding:.85rem 1.1rem;display:flex}.hifz-row.is-sabki{border-inline-start:3px solid var(--hue-streak)}.hifz-row.is-manzil{border-inline-start:3px solid var(--hue-groups)}.hifz-row-main{gap:.1rem;min-width:0;display:grid}.hifz-page{font-size:.95rem;font-weight:700}.hifz-surahs{font-size:.82rem}.hifz-row-meta{flex-wrap:wrap;align-items:center;gap:.7rem;font-size:.82rem;display:flex}.hifz-caught-up{max-width:var(--read-width);margin-bottom:1.8rem}.hifz-plan{max-width:34rem}.wizard-dots{border:1px solid var(--border);background:var(--bg-sunken);border-radius:999px;max-width:100%;margin:0 0 1.6rem;padding:3px;list-style:none;display:inline-flex;overflow-x:auto}.wizard-dot{color:var(--text-secondary);white-space:nowrap;border-radius:999px;padding:.42rem .95rem;font-size:.82rem;font-weight:600}.wizard-dot.is-done{color:var(--primary)}.wizard-dot.is-current{background:var(--surface);color:var(--primary);box-shadow:var(--shadow-sm)}.wizard-body{max-width:var(--read-width)}.tally{justify-items:start;gap:.5rem;max-width:22rem;margin-top:1.1rem;display:grid}.tally .progress-track{width:100%}.sabak-page{margin:1.1rem 0;padding:.5rem 1.1rem;list-style:none}.sabak-ayah{border-bottom:1px solid var(--border);align-items:flex-start;gap:.9rem;padding:.8rem 0;display:flex}.sabak-ayah:last-child{border-bottom:none}.chunk-list{gap:.4rem;max-width:22rem;margin:1rem 0 0;padding:0;list-style:none;display:grid}.chunk-row{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);align-items:center;gap:.7rem;padding:.5rem .8rem;font-size:.87rem;display:flex}.chunk-index{background:var(--chip-bg);width:1.6rem;height:1.6rem;color:var(--primary);border-radius:50%;place-items:center;font-size:.72rem;font-weight:800;display:grid}.chunk-progress{margin:.9rem 0 0;font-size:.85rem;font-weight:600}.wizard-nav{max-width:var(--read-width);border-top:1px solid var(--border);flex-wrap:wrap;align-items:center;gap:.5rem;margin-top:1.8rem;padding-top:1.2rem;display:flex}.wizard-nav .btn:nth-child(2){margin-inline-end:auto}.wizard-steps{flex-direction:column;align-items:flex-start;gap:.3rem;max-width:100%;margin-bottom:1.6rem;display:inline-flex}.wizard-steps .wizard-dots{margin-bottom:0}.wizard-count{white-space:nowrap;padding-inline-start:.95rem;font-size:.8rem;font-weight:600}.form-panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm);padding:1.35rem 1.5rem}.locked-value{background:var(--bg-sunken);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-secondary);align-items:center;gap:.45rem;margin:0;padding:.6rem .85rem;font-size:.92rem;display:flex}.hifz-test,.hifz-review{max-width:var(--read-width)}.hifz-review.is-sabki{border-inline-start:3px solid var(--hue-streak)}.hifz-review.is-manzil{border-inline-start:3px solid var(--hue-groups)}.page-recorder{justify-items:start;gap:.9rem;display:grid}.recorder-live{align-items:center;gap:.7rem;display:flex}.page-result{width:100%}.ayah-scores{gap:.35rem;max-height:20rem;margin:.9rem 0 0;padding:0;list-style:none;display:grid;overflow-y:auto}.ayah-score{border-radius:var(--radius-sm);background:var(--bg-sunken);align-items:center;gap:.6rem;padding:.4rem .6rem;font-size:.85rem;display:flex}.ayah-score-note{margin-inline-start:auto;font-size:.78rem}.review-done{align-items:flex-start;gap:.6rem;margin-top:1.1rem;display:flex}.review-done-title{margin:0;font-size:.92rem;font-weight:700}.review-done p{margin:0}.hifz-task{max-width:var(--read-width);justify-items:start;gap:1rem;display:grid}.hifz-task .compose-hint{margin:0}.level-grid{grid-template-columns:repeat(auto-fill,minmax(15rem,1fr));gap:.9rem;max-width:62rem;margin:0;padding:0;list-style:none;display:grid}.level-tile{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);height:100%;min-height:13.5rem;box-shadow:var(--shadow-sm);color:inherit;flex-direction:column;gap:.6rem;padding:1.15rem;text-decoration:none;transition:border-color .12s,transform .1s;display:flex}a.level-tile:hover{border-color:var(--primary);transform:translateY(-1px)}.level-tile.is-locked{opacity:.55}.level-badge{background:var(--text-tertiary);color:#fff;border-radius:14px;place-items:center;width:3.1rem;height:3.1rem;display:grid}.level-title{font-size:1rem;font-weight:800}.level-blurb{font-size:.78rem;line-height:1.45}.level-foot{gap:.4rem;margin-top:auto;display:grid}.level-track{background:color-mix(in srgb, var(--text-tertiary) 20%, transparent);border-radius:999px;height:6px;display:block;overflow:hidden}.level-fill{border-radius:999px;height:100%;display:block}.level-meta{letter-spacing:.02em;color:var(--text-tertiary);font-size:.7rem;font-weight:700}.lesson-grid{grid-template-columns:repeat(var(--lesson-cols,4), minmax(0, 1fr));gap:.7rem;max-width:46rem;margin:.7rem 0 0;padding:0;list-style:none;display:grid}.lesson-grid.is-rtl{direction:rtl}.lesson-tile-wrap{display:flex;position:relative}.lesson-tile-wrap.is-open .lesson-tile{box-shadow:0 0 0 3px var(--primary), 0 4px 10px #00000024}.lesson-tile{aspect-ratio:1;color:#2b2b2b;min-width:0;font:inherit;cursor:pointer;border:none;border-radius:16px;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:.3rem;padding:.6rem .4rem;transition:transform .1s,box-shadow .15s;display:flex;box-shadow:0 2px 5px #00000014}.lesson-tile:disabled{cursor:default}.lesson-tile:not(:disabled):hover{transform:translateY(-3px)scale(1.04);box-shadow:0 8px 18px #0000002e}.lesson-tile:not(:disabled):active{transform:translateY(-1px)scale(1.01)}.lesson-tile:focus-visible{outline:3px solid var(--primary);outline-offset:2px}.lesson-tile.is-playing{transform:translateY(-3px)scale(1.06);box-shadow:0 8px 20px #00000038}.lesson-glyph{font-family:Uthmani,serif;font-size:3.1rem;line-height:1.2}.lesson-label{text-align:center;text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:.7rem;font-weight:700;overflow:hidden}.lesson-done{top:.3rem;background:var(--success);color:#fff;border-radius:999px;place-items:center;width:1.25rem;height:1.25rem;display:grid;position:absolute;inset-inline-end:.3rem;box-shadow:0 0 0 2px #ffffffa6}.learn-split{align-items:start;gap:1.5rem;display:grid}@media (width>=1100px){.learn-split.is-open{grid-template-columns:minmax(0,26rem) minmax(0,1fr)}}.learn-split.is-open .lesson-grid{max-width:none}.lesson-open{color:#2b2b2b;background:#ffffffbf;border-radius:999px;place-items:center;width:1.5rem;height:1.5rem;text-decoration:none;display:grid;position:absolute;bottom:.25rem;right:.25rem}.lesson-open:hover{background:#fff}.lesson-open:focus-visible{outline:2px solid var(--primary);outline-offset:1px}.game-sheet{max-width:58rem;margin:.9rem auto 0}.game-layout{justify-items:center;gap:.9rem;display:grid}.game-controls{flex-wrap:wrap;justify-content:center;align-items:center;gap:.6rem 1rem;width:100%;display:flex}.game-controls .game-bar{background:0 0;border:none;width:auto;padding:.35rem 0}.game-controls .game-explain{flex-basis:100%;justify-items:center;display:grid}.game-board{justify-items:center;gap:.8rem;width:100%;min-width:0;display:grid}.game-explain{gap:.5rem;display:grid}.game-explain-toggle{background:var(--chip-bg);color:var(--primary);font:inherit;cursor:pointer;border:none;border-radius:999px;align-self:start;align-items:center;gap:.4rem;padding:.3rem .7rem;font-size:.76rem;font-weight:700;display:inline-flex}.game-explain-body{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);margin:0;padding:.75rem .9rem;font-size:.83rem;line-height:1.55}.game-bar{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);flex-wrap:wrap;justify-content:center;align-items:center;gap:1.1rem;width:100%;padding:.7rem .9rem;display:flex}.game-stat{gap:.1rem;display:grid}.game-stat-label{letter-spacing:.06em;text-transform:uppercase;color:var(--text-tertiary);font-size:.64rem;font-weight:800}.game-stat-value{font-variant-numeric:tabular-nums;font-size:.95rem;font-weight:800}.game-hearts{gap:.2rem;display:inline-flex}.game-heart{color:var(--error);display:grid}.game-heart.is-spent{color:var(--border)}.game-replay{border:2px dashed var(--border);border-radius:var(--radius);background:var(--surface);width:100%;max-width:24rem;color:var(--primary);font:inherit;cursor:pointer;flex-direction:column;align-items:center;gap:.3rem;padding:1.1rem 1rem;font-size:.82rem;font-weight:700;display:flex}.game-replay:hover{border-color:var(--primary);background:var(--chip-bg)}.game-start{align-self:center}.game-grid{width:min(100%, calc(var(--game-cols,3) * 6.4rem), calc((100dvh - 20rem) * var(--game-cols,3) / var(--game-rows,2)));grid-template-columns:repeat(var(--game-cols,3), minmax(0, 1fr));gap:.55rem;margin:0;padding:0;list-style:none;display:grid}.game-choice{aspect-ratio:1;border:2px solid var(--border);background:var(--surface);width:100%;color:var(--text);font:inherit;cursor:pointer;border-radius:16px;place-items:center;transition:transform .1s,border-color .12s,background .12s;display:grid}.game-choice:not(:disabled):hover{border-color:var(--primary);transform:translateY(-2px)}.game-choice:disabled{cursor:default}.game-grid>li{container-type:inline-size}.game-choice-glyph{font-family:Uthmani,serif;font-size:clamp(1.2rem,46cqw,2.6rem);line-height:1.2}.game-choice.is-correct{border-color:var(--success);background:var(--tint-success-bg)}.game-choice.is-wrong{border-color:var(--error);background:var(--tint-danger-bg)}.game-choice.is-lit{border-color:var(--primary);background:var(--chip-bg);transform:scale(1.05)}.match-grid{width:min(100%, calc(var(--match-cols,4) * 5.2rem), calc((100dvh - 20rem) * var(--match-cols,4) / var(--match-rows,2)));grid-template-columns:repeat(var(--match-cols,4), minmax(0, 1fr));gap:.45rem;margin:0;padding:0;list-style:none;display:grid}.match-card{aspect-ratio:1;background:var(--primary);color:#fff;cursor:pointer;border:none;border-radius:12px;place-items:center;width:100%;transition:background .15s,transform .1s;display:grid}.match-card:not(:disabled):hover{transform:translateY(-2px)}.match-card.is-up{background:var(--surface);color:var(--text);box-shadow:inset 0 0 0 2px var(--border)}.match-card.is-matched{box-shadow:inset 0 0 0 2px var(--success);opacity:.65;cursor:default}.sound-btn{color:#fff;border-color:#0000}.sound-btn:hover{filter:brightness(1.08)}.mark-picker{border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-sunken);flex-wrap:wrap;gap:3px;max-width:46rem;margin:.6rem 0 1.3rem;padding:3px;display:flex}.name-choices{gap:.5rem;width:100%;max-width:22rem;margin:0;padding:0;list-style:none;display:grid}.name-choice{border:2px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);width:100%;color:var(--text);font:inherit;cursor:pointer;padding:.85rem 1rem;font-size:.95rem;font-weight:700;transition:border-color .12s,background .12s}.name-choice:not(:disabled):hover{border-color:var(--primary)}.name-choice.is-correct{border-color:var(--success);background:var(--tint-success-bg)}.name-choice.is-wrong{border-color:var(--error);background:var(--tint-danger-bg)}.word-choices{grid-template-columns:repeat(2,minmax(0,1fr));gap:.6rem;width:100%;max-width:26rem;margin:0;padding:0;list-style:none;display:grid}.word-choice{border:2px solid var(--border);background:var(--surface);width:100%;color:var(--text);cursor:pointer;border-radius:14px;padding:.9rem .6rem;font-family:Uthmani,serif;font-size:1.7rem;line-height:1.6;transition:border-color .12s,background .12s,transform .1s}.word-choice:not(:disabled):hover{border-color:var(--primary);transform:translateY(-2px)}.word-choice.is-correct{border-color:var(--success);background:var(--tint-success-bg)}.word-choice.is-wrong{border-color:var(--error);background:var(--tint-danger-bg)}.match-grid.is-wordy .match-card{aspect-ratio:4/3}.khatm-empty{max-width:34rem;margin-top:1.2rem}.khatm-list{gap:.7rem;max-width:40rem;margin:1.2rem 0 0;padding:0;list-style:none;display:grid}.khatm-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;max-width:40rem;display:flex}.khatm-card{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow-sm);color:inherit;gap:.5rem;padding:1rem 1.1rem;transition:border-color .12s,transform .1s;display:grid;position:relative}.khatm-card:hover{border-color:var(--primary);transform:translateY(-1px)}.khatm-card-link{z-index:1;border-radius:inherit;position:absolute;inset:0}.khatm-card-link:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.khatm-card-delete{z-index:2;color:var(--text-tertiary);cursor:pointer;background:0 0;border:none;place-items:center;padding:0;display:grid;position:relative}.khatm-card-delete:hover{color:var(--error)}.khatm-card-delete:focus-visible{outline:2px solid var(--error);outline-offset:2px}.khatm-card-confirm{z-index:2;margin-top:.5rem;position:relative}.khatm-card-head{align-items:center;gap:.7rem;display:flex}.khatm-name{flex:1;min-width:0;font-size:1rem;font-weight:800}.khatm-status{background:var(--chip-bg);color:var(--primary);letter-spacing:.06em;border-radius:999px;padding:.15rem .55rem;font-size:.64rem;font-weight:800}.khatm-status.is-done{background:var(--tint-success-bg);color:var(--success)}.khatm-dedication{font-size:.83rem}.khatm-progress{gap:.35rem;display:grid}.khatm-meta{font-size:.78rem}.khatm-legend{color:var(--text-secondary);flex-wrap:wrap;gap:.5rem 1.1rem;margin:.9rem 0 .6rem;padding:0;font-size:.76rem;list-style:none;display:flex}.khatm-legend li{align-items:center;gap:.35rem;display:flex}.khatm-swatch{border:1px solid var(--border);background:var(--surface);border-radius:4px;width:.85rem;height:.85rem}.khatm-swatch.is-selected{background:var(--accent);border-color:var(--accent)}.khatm-swatch.is-inProgress{background:var(--primary);border-color:var(--primary)}.khatm-swatch.is-completed{background:var(--success);border-color:var(--success)}.khatm-grid{grid-template-columns:repeat(10,minmax(0,1fr));gap:.4rem;max-width:52rem;margin:0;padding:0;list-style:none;display:grid}.khatm-grid>li{container-type:inline-size}.khatm-juz{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);width:100%;min-height:3.2rem;color:var(--text);font:inherit;cursor:pointer;place-items:center;gap:.1rem;padding:.35rem .2rem;display:grid}.khatm-juz:not(:disabled):hover{border-color:var(--primary)}.khatm-juz:disabled{cursor:default}.khatm-juz.is-selected{background:var(--accent);border-color:var(--accent);color:#fff}.khatm-juz.is-inProgress{background:var(--primary);border-color:var(--primary);color:#fff}.khatm-juz.is-completed{background:var(--success);border-color:var(--success);color:#fff}.khatm-juz.is-mine{box-shadow:0 0 0 2px var(--text)}.khatm-juz-n{font-variant-numeric:tabular-nums;font-size:clamp(.8rem,24cqw,1rem);font-weight:800}.khatm-juz-who{text-align:center;text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:clamp(.45rem,13cqw,.58rem);line-height:1.2;overflow:hidden}.khatm-mine-head{margin-top:1.8rem}.khatm-mine{grid-template-columns:minmax(0,1fr);gap:.5rem;max-width:56rem;margin:0;padding:0;list-style:none;display:grid}@media (width>=40rem){.khatm-mine{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width>=62rem){.khatm-mine{grid-template-columns:repeat(3,minmax(0,1fr))}}.khatm-mine-row{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);align-content:start;gap:.5rem;height:100%;padding:.75rem .85rem;display:grid}.khatm-mine-text{gap:.1rem;min-width:0;font-size:.78rem;display:grid}.khatm-mine-title{font-size:.88rem;font-weight:700}.khatm-mine-row .btn{justify-content:center}.khatm-mine-links{grid-template-columns:1fr 1fr;gap:.35rem;display:grid}.is-waiting{opacity:.5;cursor:default}.khatm-dua{border:1px solid var(--tint-warn-border);border-radius:var(--radius);background:var(--tint-warn-bg);justify-items:start;gap:.6rem;max-width:40rem;margin-top:1.8rem;padding:1.2rem;display:grid}.khatm-dua-arabic{text-align:right;font-size:1.4rem;line-height:2.1}.khatm-delete{max-width:34rem;margin-top:1.6rem}.khatm-actions,.khatm-confirm{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);max-width:34rem;margin-top:1.2rem;padding:1rem 1.1rem}.tajweed-prompt{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);text-align:center;justify-items:center;gap:.5rem;width:100%;max-width:32rem;padding:1.1rem 1rem;display:grid}.tajweed-ayah{text-align:center;margin:0;font-size:1.55rem;line-height:2.2}.tajweed-seg.is-target{border-radius:4px;padding:0 .1em}.tajweed-seg.is-tappable{color:inherit;font:inherit;cursor:pointer;text-underline-offset:.28em;background:0 0;border:none;border-radius:4px;padding:0 .1em;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}.tajweed-seg.is-tappable:hover{background:var(--chip-bg)}.tajweed-seg.is-tappable.is-correct{background:var(--tint-success-bg);color:var(--success);text-decoration:none}.tajweed-seg.is-tappable.is-wrong{background:var(--tint-danger-bg);color:var(--error);text-decoration:none}.tajweed-ref{font-variant-numeric:tabular-nums;font-size:.76rem}.is-urgent{color:var(--error)}.juz-grid{gap:.5rem;max-width:none}.juz-grid>li{container-type:inline-size}.juz-tile{aspect-ratio:auto;min-height:5.4rem;padding:.6rem .4rem;text-decoration:none}.juz-glyph{font-size:clamp(1rem,24cqw,1.7rem);line-height:1.5}.juz-tile .lesson-label{font-size:clamp(.55rem,15cqw,.68rem)}.juz-tile.is-quiz{color:#fff}.juz-tile.is-quiz .lesson-label{font-size:clamp(.55rem,14cqw,.7rem)}.section-list{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);max-width:34rem;margin:1.2rem 0 0;padding:0;list-style:none;overflow:hidden}.section-list li+li{border-top:1px solid var(--border)}.quiz-section{width:100%;color:inherit;font:inherit;text-align:start;cursor:pointer;background:0 0;border:none;align-items:center;gap:.85rem;padding:.85rem 1rem;display:flex}.quiz-section:not(:disabled):hover{background:var(--bg-sunken)}.quiz-section.is-locked{opacity:.55;cursor:default}.quiz-section-n{background:var(--chip-bg);width:2rem;height:2rem;color:var(--primary);border-radius:999px;flex-shrink:0;place-items:center;font-size:.85rem;font-weight:800;display:grid}.quiz-section-text{flex:1;gap:.1rem;min-width:0;display:grid}.quiz-section-title{font-size:.9rem;font-weight:700}.quiz-section-meta{font-size:.78rem}.quiz-prompt{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);text-align:center;justify-items:center;gap:.5rem;width:100%;max-width:30rem;padding:1.1rem 1rem;display:grid}.quiz-prompt-label{letter-spacing:.06em;text-transform:uppercase;font-size:.7rem;font-weight:800}.quiz-prompt-main{font-size:1.3rem;font-weight:800}.quiz-context{font-family:Uthmani,serif;font-size:1.5rem;line-height:2.1}.quiz-options{gap:.5rem;width:100%;max-width:30rem;margin:0;padding:0;list-style:none;display:grid}.quiz-option{border:2px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);width:100%;color:var(--text);font:inherit;cursor:pointer;padding:.8rem .9rem;font-size:.95rem;font-weight:600;transition:border-color .12s,background .12s}.quiz-option.is-arabic{text-align:right;font-family:Uthmani,serif;font-size:1.35rem;line-height:1.9}.quiz-option:not(:disabled):hover{border-color:var(--primary)}.quiz-option.is-correct{border-color:var(--success);background:var(--tint-success-bg)}.quiz-option.is-wrong{border-color:var(--error);background:var(--tint-danger-bg)}.sort-hint{text-align:center;margin:0;font-size:.83rem}.sort-tray{flex-wrap:wrap;justify-content:center;gap:.45rem;width:100%;max-width:30rem;margin:0;padding:0;list-style:none;display:flex}.sort-word{border:2px solid var(--border);background:var(--surface);color:var(--text);cursor:pointer;border-radius:999px;padding:.45rem .75rem;font-family:Uthmani,serif;font-size:1.35rem;line-height:1.6}.sort-word:hover{border-color:var(--primary)}.sort-word.is-selected{border-color:var(--primary);background:var(--chip-bg);transform:translateY(-2px)}.sort-buckets{grid-template-columns:repeat(var(--bucket-cols,4), minmax(0, 1fr));gap:.5rem;width:100%;max-width:34rem;margin:0;padding:0;list-style:none;display:grid}.sort-bucket{border:2px dashed var(--border);border-radius:var(--radius-sm);background:var(--bg-sunken);width:100%;min-height:7rem;color:inherit;font:inherit;cursor:pointer;flex-direction:column;align-items:center;gap:.35rem;padding:.6rem .35rem;display:flex}.sort-bucket:disabled{cursor:default;opacity:.7}.sort-bucket:not(:disabled):hover{border-color:var(--primary)}.sort-bucket.is-wrong{border-color:var(--error);background:var(--tint-danger-bg)}.sort-bucket-label{letter-spacing:.05em;text-transform:uppercase;color:var(--text-tertiary);font-size:.68rem;font-weight:800}.sort-bucket-items{gap:.15rem;display:grid}.sort-bucket-word{font-family:Uthmani,serif;font-size:1.1rem;line-height:1.5}.word-prompt{font-family:Uthmani,serif;font-size:2.6rem;line-height:1.7}.match-name{text-align:center;padding:0 .2rem;font-size:clamp(.6rem,15cqw,.85rem);font-weight:700;line-height:1.2}.match-grid>li{container-type:inline-size}.match-glyph{font-family:Uthmani,serif;font-size:clamp(.95rem,48cqw,2rem);line-height:1.2}.position-prompt{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);justify-items:center;gap:.4rem;width:100%;max-width:24rem;padding:1rem;display:grid}.position-letter{font-family:Uthmani,serif;font-size:2.9rem;line-height:1.15}.position-marker{gap:.35rem;display:flex}.position-slot{background:var(--border);border-radius:999px;width:1.6rem;height:4px}.position-slot.is-target{background:var(--error)}.position-name{letter-spacing:.06em;text-transform:uppercase;font-size:.72rem;font-weight:800}.read-record{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);justify-items:center;gap:.7rem;width:100%;max-width:26rem;padding:1.2rem;display:grid}.read-record-letter{font-family:Uthmani,serif;font-size:4.2rem;line-height:1.15}.read-record-prompt{text-align:center;max-width:22rem;margin:0;font-size:.85rem}.read-record-actions{flex-wrap:wrap;justify-content:center;gap:.6rem;display:flex}.read-record-mic{background:var(--error);color:#fff}.read-record-mic.is-live{animation:1.2s ease-in-out infinite lesson-pulse}@media (prefers-reduced-motion:reduce){.read-record-mic.is-live{outline:3px solid var(--error);outline-offset:3px;animation:none}}.game-results{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);text-align:center;justify-items:center;gap:.6rem;width:100%;max-width:30rem;margin:0 auto;padding:2rem 1.4rem;display:grid}.game-results.is-best{border-color:var(--accent);background:var(--tint-warn-bg)}.game-results-mark{color:var(--success);display:grid}.game-results.is-best .game-results-mark{color:var(--accent)}.game-results-title{margin:0;font-size:1.1rem}.game-results-score{font-variant-numeric:tabular-nums;font-size:2.4rem;font-weight:800}.game-results-meta{font-size:.85rem}.game-plaque{grid-template-columns:repeat(3,1fr);gap:.6rem;width:100%;max-width:22rem;margin:.3rem 0 0;display:grid}.game-plaque-cell{border-radius:var(--radius-sm);background:var(--surface);box-shadow:inset 0 0 0 1px var(--tint-warn-border);gap:.15rem;padding:.6rem .4rem;display:grid}.game-plaque-cell dt{letter-spacing:.06em;text-transform:uppercase;color:var(--text-tertiary);font-size:.62rem;font-weight:800}.game-plaque-cell dd{font-variant-numeric:tabular-nums;margin:0;font-size:1.1rem;font-weight:800}.game-results-actions{flex-wrap:wrap;gap:.6rem;margin-top:.5rem;display:flex}.lesson-sheet{justify-items:center;gap:1rem;margin:0;display:grid}.lesson-hero{border:2.5px solid var(--border);border-radius:20px;place-items:center;min-width:9rem;min-height:9rem;padding:.5rem 1.5rem;display:grid}.lesson-hero-glyph{font-family:Uthmani,serif;font-size:5rem;line-height:1.25}.lesson-subtitle{margin:-.4rem 0 0;font-size:.9rem}.form-row{direction:rtl;grid-template-columns:repeat(4,1fr);gap:.5rem;width:100%;margin:0;padding:0;list-style:none;display:grid}.form-tile{border:1.5px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-sunken);place-items:center;gap:.2rem;padding:.7rem .3rem;display:grid}.form-glyph{font-family:Uthmani,serif;font-size:2.1rem;line-height:1.3}.form-label{letter-spacing:.04em;text-transform:uppercase;text-align:center;direction:ltr;font-size:.66rem;font-weight:700}.lesson-actions{justify-content:center;align-items:flex-end;gap:1.1rem;margin-top:.4rem;display:flex}.lesson-action{justify-items:center;gap:.35rem;display:grid}.lesson-action-label{letter-spacing:.06em;text-transform:uppercase;color:var(--text-tertiary);font-size:.66rem;font-weight:800}.lesson-round{color:#fff;cursor:pointer;width:3.4rem;height:3.4rem;box-shadow:var(--shadow-sm);border:none;border-radius:999px;place-items:center;display:grid}.lesson-round:disabled{background:var(--text-tertiary);cursor:default}.lesson-round.is-record{background:var(--error)}.lesson-round.is-record.is-live{animation:1.2s ease-in-out infinite lesson-pulse}@keyframes lesson-pulse{0%,to{box-shadow:0 0 #c8282880}50%{box-shadow:0 0 0 .7rem #c8282800}}@media (prefers-reduced-motion:reduce){.lesson-round.is-record.is-live{outline:3px solid var(--error);outline-offset:3px;animation:none}}.lesson-nav{border:1px solid var(--border);background:var(--surface);width:2.6rem;height:2.6rem;color:var(--primary);cursor:pointer;border-radius:999px;place-items:center;display:grid}.lesson-nav:disabled{color:var(--text-tertiary);cursor:default}.lesson-nav:first-of-type svg{transform:scaleX(-1)}.lesson-hint{text-align:center;margin:0;font-size:.82rem}.lesson-verdict{justify-items:center;gap:.3rem;display:grid}.lesson-score{font-size:1.6rem;font-weight:800}.lesson-heard{font-family:Uthmani,serif;font-size:1.5rem;line-height:1.8}.lesson-notes{text-align:center;max-width:26rem;color:var(--text-secondary);gap:.3rem;margin:.3rem 0 0;padding:0;font-size:.83rem;line-height:1.5;list-style:none;display:grid}.lesson-done-btn{color:#fff}.lesson-done-btn:disabled{opacity:.85;cursor:default}.lesson-controls{flex-wrap:wrap;align-items:center;gap:.6rem;display:flex}.lesson-pill{box-shadow:var(--shadow-sm);border-radius:999px;align-items:stretch;display:inline-flex;overflow:hidden}.lesson-pill-half{color:#fff;font:inherit;cursor:pointer;background:#007aff;border:none;align-items:center;gap:.45rem;padding:.55rem 1.05rem;font-size:.86rem;font-weight:700;display:inline-flex}.lesson-pill-half:hover{filter:brightness(1.08)}.lesson-pill-half.is-stop{background:var(--error)}.lesson-pill-divider{background:#ffffff59;width:1px}.lesson-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.lesson-header h1{margin:0}.latin-chip.is-on{color:var(--primary);border-color:var(--primary)}.glyph-grid{grid-template-columns:repeat(auto-fill,minmax(7.5rem,1fr));gap:.6rem;max-width:62rem;margin:0;padding:0;list-style:none;display:grid}.glyph-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);text-align:center;justify-items:center;gap:.2rem;padding:1rem .6rem;display:grid}.glyph{font-family:Uthmani,serif;font-size:2.4rem;line-height:1.5}.glyph-name{font-size:.85rem;font-weight:700}.glyph-sound{font-size:.76rem}.mark-section .section-heading{margin-bottom:.3rem}.mark-legend{align-items:baseline;gap:.6rem;margin:.9rem 0 0;font-size:.85rem;display:flex}.mark-legend-glyph{font-family:Uthmani,serif;font-size:1.9rem;line-height:1.6}.mark-legend-name{font-weight:700}.mark-grid{direction:rtl;grid-template-columns:repeat(auto-fill,minmax(4.5rem,1fr));gap:.5rem;max-width:62rem;margin:.7rem 0 0;padding:0;list-style:none;display:grid}.mark-cell{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);text-align:center;padding:.85rem .4rem .5rem;font-family:Uthmani,serif;font-size:2rem;line-height:1.7}.word-sheet{grid-template-columns:repeat(auto-fill,minmax(8rem,1fr));gap:.45rem;max-width:62rem;margin:1.1rem 0 0;padding:0;list-style:none;display:grid}.word-cell{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);text-align:center;padding:.6rem .5rem;font-family:Uthmani,serif;font-size:1.35rem;line-height:1.8}.rule-list{max-width:var(--read-width);gap:.8rem;margin:0;padding:0;list-style:none;display:grid}.rule-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm);padding:1.15rem}.rule-head{align-items:center;gap:.6rem;margin-bottom:.5rem;display:flex}.rule-emoji{font-size:1.2rem}.rule-name{font-weight:700}.rule-letters{color:var(--primary);margin-inline-start:auto;font-family:Uthmani,serif;font-size:1.3rem;line-height:1.7}.rule-desc{margin:0 0 .7rem;font-size:.9rem;line-height:1.6}.rule-example{text-align:right;margin:0 0 .3rem;font-family:Uthmani,serif;font-size:1.6rem;line-height:2.2}.rule-note{margin:0;font-size:.82rem;line-height:1.5}.library-split{align-items:start;gap:1.5rem;display:grid}@media (width>=1100px){.library-split.is-open{grid-template-columns:minmax(0,22rem) minmax(0,1fr)}}.section-column{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);max-width:34rem;box-shadow:var(--shadow-sm);margin:0;padding:0;list-style:none;overflow:hidden}.library-split.is-open .section-column{max-width:none}.section-column li+li{border-top:1px solid var(--border)}.section-card{color:inherit;border-inline-start:3px solid #0000;align-items:center;gap:.85rem;padding:.95rem 1.1rem;padding-inline-start:calc(1.1rem - 3px);text-decoration:none;transition:background .12s,border-color .12s;display:flex}.section-card:hover{background:var(--bg-sunken)}.section-card.is-open{border-inline-start-color:var(--primary);background:var(--chip-bg)}.section-card .level-text{flex:1;min-width:0}.section-detail{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm);padding:1.35rem}@media (width>=1100px){.section-detail{max-height:calc(100vh - 3rem);position:sticky;top:1.5rem;overflow-y:auto}}.section-detail-head{justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:1.1rem;display:flex}.section-detail-head h2{margin:0;font-size:1.05rem}.sheet-picker{max-width:22rem;margin-bottom:1.1rem}.collection-list{gap:.7rem;margin:0;padding:0;list-style:none;display:grid}.collection-row{background:var(--bg-sunken);border-radius:var(--radius-sm);padding:.9rem 1rem}.collection-arabic{text-align:right;margin:0 0 .5rem;font-family:Uthmani,serif;font-size:1.35rem;line-height:2.1}.collection-text{margin:0;font-size:.9rem;line-height:1.6}.collection-meta,.collection-refs{margin:.4rem 0 0;font-size:.78rem}.collection-more{align-items:center;gap:.4rem;margin-top:.9rem;font-size:.82rem;display:flex}.dua-section{margin-bottom:1.6rem}.dua-list{gap:.7rem;margin:0;padding:0;list-style:none;display:grid}.dua-card{background:var(--bg-sunken);border-radius:var(--radius-sm);padding:.95rem 1.05rem}.dua-title{margin:0 0 .5rem;font-size:.9rem;font-weight:700}.dua-arabic{text-align:right;margin:0 0 .45rem;font-family:Uthmani,serif;font-size:1.4rem;line-height:2.2}.dua-translit{margin:0 0 .3rem;font-size:.82rem;font-style:italic}.dua-meaning{margin:0;font-size:.88rem;line-height:1.55}.hijri{text-align:center;padding:1.5rem 0}.hijri-day{color:var(--primary);margin:0;font-size:3.2rem;font-weight:800;line-height:1}.hijri-month{margin:.4rem 0 0;font-size:1.1rem;font-weight:700}.hijri-weekday,.hijri-greg{margin:.3rem 0 0;font-size:.87rem}.hijri-note{margin:.9rem 0 0;font-size:.76rem}.tafsir-picker{max-width:26rem}.pair-list{gap:.8rem;margin:0;padding:0;list-style:none;display:grid}.pair-card{background:var(--bg-sunken);border-radius:var(--radius-sm);gap:.9rem;padding:1rem 1.1rem;display:grid}@media (width>=800px){.pair-card{grid-template-columns:1fr 1fr}}.pair-side{min-width:0}.pair-ref{margin-bottom:.3rem;font-size:.76rem;font-weight:700;display:block}.pair-text{text-align:right;margin:0;font-family:Uthmani,serif;font-size:1.25rem;line-height:2.1}.now-playing{margin-top:.8rem;font-size:.85rem}.pair-empty{padding:1.6rem 0}.pair-empty h3{margin:0 0 .4rem;font-size:1rem}.pair-empty p{max-width:34rem;margin:0}.pair-progress{justify-content:space-between;align-items:center;gap:.8rem;margin:1.1rem 0 .9rem;display:flex}.pair-count{color:var(--text-secondary);font-size:.85rem;font-weight:700}.pair-similarity{background:var(--chip-bg);color:var(--primary);border-radius:999px;padding:.18rem .6rem;font-size:.76rem;font-weight:800}.pair-tip{border:1px solid var(--section-open-border);border-radius:var(--radius-sm);background:var(--chip-bg);margin-bottom:1.1rem;padding:.9rem 1.05rem}.pair-tip h4{color:var(--primary);margin:0 0 .3rem;font-size:.8rem;font-weight:800}.pair-tip p{margin:0;font-size:.85rem;line-height:1.55}.verse-card{border:2px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);margin-bottom:.9rem;padding:1rem 1.1rem;position:relative}.verse-card-head{align-items:center;gap:.6rem;margin-bottom:.5rem;display:flex}.verse-badge{color:#fff;border-radius:999px;justify-content:center;align-items:center;width:1.35rem;height:1.35rem;font-size:.72rem;font-weight:800;display:inline-flex}.verse-ref{font-size:.78rem;font-weight:700}.verse-play{border:1.5px solid var(--border);background:var(--surface);cursor:pointer;border-radius:999px;justify-content:center;align-items:center;width:1.9rem;height:1.9rem;margin-inline-start:auto;display:inline-flex}.verse-play.is-playing{color:#fff}.verse-arabic{text-align:right;margin:0;font-family:Uthmani,serif;font-size:1.4rem;line-height:2.2}.verse-word.is-different{text-underline-offset:.35em;font-weight:700;text-decoration:underline}.pair-reveal{width:100%;margin-top:.3rem}.pair-identical{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);margin-bottom:1.2rem;padding:1rem 1.1rem}.pair-identical h4{margin:0 0 .35rem;font-size:.92rem}.pair-identical p{margin:0 0 .9rem;font-size:.85rem;line-height:1.55}.pair-order,.pair-order-step{align-items:center;gap:.6rem;display:flex}.pair-order-arrow{color:var(--text-tertiary)}.pair-order-ref{border:1.5px solid var(--border);border-radius:var(--radius-sm);align-items:center;gap:.45rem;padding:.5rem .85rem;font-size:1rem;font-weight:700;display:inline-flex}.pair-side-tag{font-size:.72rem;font-weight:800}.pair-diff-heading{margin:1.4rem 0 .7rem}.pair-diff{grid-template-columns:1fr 1fr;gap:.7rem;display:grid}.diff-chip{border:1.5px solid var(--border);border-radius:var(--radius-sm);min-width:0;padding:.8rem .9rem}.diff-chip-head{align-items:center;gap:.5rem;margin-bottom:.5rem;font-size:.76rem;font-weight:700;display:flex}.diff-word{text-align:center;margin:.1rem 0;font-family:Uthmani,serif;font-size:1.35rem;font-weight:700;line-height:1.9}.diff-word-none{text-align:center;margin:.1rem 0}.pair-diff-hint{text-align:center;margin:.7rem 0 0;font-size:.8rem}.pair-ask{text-align:center;margin:1.5rem 0 .8rem;font-size:.95rem;font-weight:700}.pair-answers{grid-template-columns:1fr 1fr;gap:.7rem;display:grid}.btn-answer{background:var(--surface);border-width:1.5px}.btn-answer.is-no{color:var(--error);border-color:var(--tint-danger-border)}.btn-answer.is-yes{color:var(--primary);border-color:var(--section-open-border)}.dua-hero{border-radius:var(--radius);background:var(--primary);color:#fff;justify-items:center;gap:.35rem;margin-bottom:1rem;padding:.7rem .9rem;display:grid}.dua-hero-rule{color:#fff;align-self:stretch;align-items:center;gap:.6rem;font-size:.85rem;display:flex}.dua-hero-rule i{background:#fff5;flex:1;height:1px}.dua-hero-arabic{text-align:center;margin:0;font-family:Uthmani,serif;font-size:1.7rem;line-height:2.6}.dua-yearstat{border-color:color-mix(in srgb, var(--primary) 35%, transparent);align-items:center;gap:.8rem;margin-bottom:1rem;padding:.85rem 1rem;display:flex}.dua-yearstat-text{flex:1;gap:.15rem;font-size:.78rem;display:grid}.dua-yearstat-label{font-size:.82rem;font-weight:800}.dua-yearstat-value{letter-spacing:-.02em;color:var(--primary);font-size:2rem;font-weight:800}.dua-card-scope{color:var(--primary);font-size:.83rem;font-weight:700}.dua-block{gap:.7rem;margin-bottom:1rem;padding:1rem 1.1rem;display:grid}.dua-surah{border-radius:var(--radius-sm,10px);background:var(--chip-bg);gap:.15rem;padding:.6rem .8rem;font-size:.8rem;display:grid}.dua-surah-title{color:var(--primary);font-size:.9rem;font-weight:800}.dua-recitation{gap:.5rem;display:grid}.dua-arabic{font-size:calc(1.45rem * var(--quran-scale));text-align:right;margin:0;line-height:2.6}.dua-claims{gap:.5rem;margin:0;padding:0;list-style:none;display:grid}.dua-claim{border:1px solid var(--border);border-radius:var(--radius-sm,10px);background:var(--surface);align-items:center;gap:.7rem;padding:.6rem .8rem;display:flex}.dua-claim-text{flex:1;gap:.1rem;font-size:.78rem;display:grid}.dua-claim-count{font-size:.9rem;font-weight:800}.dua-claim-done{color:var(--success);place-items:center;display:grid}.dua-claim-release{color:var(--text-tertiary);cursor:pointer;background:0 0;border:none;border-radius:999px;place-items:center;padding:.25rem;display:grid}.dua-claim-release:hover{color:var(--error)}.dua-claim-release:focus-visible{outline:2px solid var(--error);outline-offset:2px}.dua-claim-more{justify-self:start;gap:.4rem}.dua-claim-form{gap:.6rem;display:grid}.dua-target{max-width:12rem}.dua-ayah-row{gap:.7rem;display:flex}.dua-ayah-row .field{flex:1}.dua-custom-input{text-align:right;font-family:Uthmani,serif;font-size:1.2rem;line-height:2.2}.dua-pizza{justify-items:center;gap:.6rem;display:grid}.dua-pizza-tap{cursor:pointer;background:0 0;border:none;border-radius:999px;padding:0;transition:transform .1s,opacity .1s}.dua-pizza-tap:hover{transform:scale(1.01)}.dua-pizza-tap:active{opacity:.85;transform:scale(.98)}.dua-pizza-tap:focus-visible{outline:2px solid var(--primary);outline-offset:4px}.dua-pizza-hint{letter-spacing:.1em;text-transform:uppercase;color:var(--primary);margin:0;font-size:.68rem;font-weight:800}.pizza-total{fill:var(--text);font-size:1.75rem;font-weight:800}.pizza-target{fill:var(--text-secondary);font-size:.75rem;font-weight:700}.dua-legend{gap:.2rem;width:100%;margin:0;padding:0;list-style:none;display:grid}.dua-legend li{align-items:center;gap:.5rem;padding:.25rem 0;font-size:.8rem;display:flex}.dua-legend-dot{border-radius:50%;flex:none;width:10px;height:10px}.dua-legend-name{flex:1;min-width:0;font-weight:700}.back-link:before{content:"←";margin-inline-end:.3rem}[dir=rtl] .back-link:before{content:"→"}.studio-go:after{content:"→";margin-inline-start:.3rem}[dir=rtl] .studio-go:after{content:"←"}[dir=rtl] .app-nav-link svg.icon-chevronRight,[dir=rtl] .settings-row svg.icon-chevronRight,[dir=rtl] .icon-chevronRight{transform:scaleX(-1)}[dir=rtl] .pair-order-arrow{display:inline-block;transform:scaleX(-1)}[dir=rtl] input[type=email],[dir=rtl] input[type=url],[dir=rtl] input[type=tel],[dir=rtl] input[type=password],[dir=rtl] .invite-code,[dir=rtl] .build-stamp{text-align:start;direction:ltr}.combined-task{gap:.9rem;max-width:640px;display:grid}.combined-task h1{margin:.4rem 0 0}.combined-explainer{margin:0}.combined-transport{flex-wrap:wrap;gap:.5rem;display:flex}.combined-ayahs{gap:.6rem;margin:0;padding:0;list-style:none;display:grid}.combined-ayah{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);padding:.85rem 1rem;transition:border-color .2s}.combined-ayah.is-playing{border-color:var(--primary)}.combined-ayah-number{text-align:center;min-width:1.6rem;height:1.6rem;color:var(--muted-fg);background:var(--surface-2,var(--bg));border-radius:50%;font-size:.75rem;line-height:1.6rem;display:inline-block}.combined-ayah .piece-arabic{margin-top:.45rem}.combined-actions{flex-wrap:wrap;align-items:center;gap:.6rem;padding-block:.3rem;display:flex}.combined-heard{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);padding:.85rem 1rem}.combined-heard p{font-family:Uthmani,serif;font-size:calc(1.3rem * var(--quran-scale));text-align:right;margin:.4rem 0 0;line-height:2.1}.record-all-link{margin-bottom:1.3rem}.combined-range-label{margin:0 0 .9rem;font-size:.82rem}.combined-review-ayahs{gap:.9rem;margin:0;padding:0;list-style:none;display:grid}.combined-review-ayahs li{gap:.35rem;display:grid}.combined-review-ayahs li+li{border-top:1px solid var(--border);padding-top:.9rem}.combined-review-ayahs .ayah-arabic{margin:0}.forms-split{grid-template-columns:1fr;align-items:start;gap:1.1rem;display:grid}.forms-split.is-open{grid-template-columns:minmax(0,1fr) 21rem}@media (width<=900px){.forms-split.is-open{grid-template-columns:1fr}}.forms-grid{direction:rtl;grid-template-columns:repeat(7,minmax(0,1fr));gap:.6rem;margin:0;padding:0;list-style:none;display:grid}@media (width<=720px){.forms-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}.forms-grid li{direction:ltr;gap:.25rem;display:grid}.forms-tile{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;font:inherit;color:var(--text);justify-items:center;gap:.2rem;padding:.85rem .5rem;transition:border-color .12s,transform 60ms;display:grid}.forms-tile:hover{border-color:var(--primary)}.forms-tile:active{transform:translateY(1px)}.forms-tile.is-open{border-color:var(--primary);box-shadow:0 0 0 2px var(--primary) inset}.forms-glyph{font-family:Uthmani,serif;font-size:2rem;line-height:1.5}.forms-name{color:#3a3a3c;font-size:.75rem}.forms-tile .forms-glyph{color:#1c1c1e}.forms-panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:1.1rem;position:sticky;top:1rem;box-shadow:0 2px 14px #0000000f}.forms-panel-head{justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:.9rem;display:flex}.forms-panel-title{justify-items:center;gap:.15rem;display:grid}.forms-glyph-lg{font-family:Uthmani,serif;font-size:2.6rem;line-height:1.3}.forms-panel-head>button:first-child svg{transform:rotate(180deg)}[dir=rtl] .forms-panel-head>button:first-child svg{transform:none}[dir=rtl] .forms-panel-head>button:last-child svg{transform:rotate(180deg)}.forms-list{direction:rtl;grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem;margin:0;padding:0;list-style:none;display:grid}.forms-list>li{direction:ltr}.forms-row{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;width:100%;font:inherit;color:var(--text);justify-items:center;gap:.15rem;padding:.7rem .5rem;transition:border-color .12s,background .12s;display:grid}.forms-row:hover{border-color:var(--primary)}.forms-row.is-playing{border-color:var(--primary);box-shadow:0 0 0 2px var(--primary) inset}.forms-row-glyph{color:#1c1c1e;font-family:Uthmani,serif;font-size:1.9rem;line-height:1.6}.forms-row-sound{color:#1c1c1e;font-size:.95rem;font-weight:700}.forms-row-mark{color:#48484a;font-size:.72rem}.forms-row .forms-row-mark{color:#48484a}.forms-panel-actions{flex-wrap:wrap;gap:.5rem;margin-top:.9rem;display:flex}.analysis-row{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-sm);padding:.6rem .7rem}.analysis-row-head{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.severity-dot{border-radius:50%;flex-shrink:0;width:.5rem;height:.5rem}.severity-dot.is-low{background:var(--success)}.severity-dot.is-medium{background:var(--warning,#e0a200)}.severity-dot.is-high{background:var(--error)}.analysis-word{font-family:Uthmani,serif;font-size:1.15rem;line-height:1.9}.analysis-rule{font-size:.85rem;font-weight:700}.analysis-severity{margin-inline-start:auto;font-size:.75rem}.analysis-suggestion{margin:.35rem 0 0;font-size:.82rem;line-height:1.5}.ayah-score-row{border-radius:var(--radius-sm);width:100%;font:inherit;color:var(--text);text-align:start;cursor:pointer;background:0 0;border:0;align-items:center;gap:.6rem;padding:.5rem .6rem;display:flex}.ayah-score-row:hover{background:var(--surface)}.ayah-score-row svg{flex-shrink:0;margin-inline-start:auto}.ayah-heard{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-sm);text-align:right;margin:.15rem 0 .5rem;padding:.55rem .7rem;font-family:Uthmani,serif;font-size:1.15rem;line-height:2}.ayah-heard.is-empty{text-align:start;color:var(--text-secondary);font-family:inherit;font-size:.85rem;line-height:1.5}.full-transcript{margin-top:.8rem}.full-transcript summary{cursor:pointer;font-size:.85rem;font-weight:700}.full-transcript p{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-sm);text-align:right;margin:.5rem 0 0;padding:.7rem .8rem;font-family:Uthmani,serif;font-size:1.15rem;line-height:2}.hifz-task-progress{margin-top:.2rem;font-size:.85rem}.hifz-retry{gap:.5rem;margin-top:1rem;display:grid}.hifz-override-confirm{background:var(--tint-warn-bg,var(--surface));border:1px solid var(--tint-warn-border,var(--border));border-radius:var(--radius-sm);margin-top:.5rem;padding:.9rem 1rem}.hifz-override-confirm p{margin:0 0 .35rem}.scope-row{flex-wrap:wrap;gap:.4rem;margin-bottom:.9rem;display:flex}.glyph-trans{color:var(--primary);font-variant-ligatures:none;font-size:.9rem;font-weight:700}