.group-khatm-main{max-width:960px}.group-khatm-hero h1{overflow-wrap:anywhere}.group-khatm-hero blockquote{border-inline-start:3px solid var(--color-saffron);background:color-mix(in srgb, var(--color-saffron) 8%, transparent);color:var(--ink);overflow-wrap:anywhere;margin:4px 0 0;padding:8px 14px;font-size:15px}.group-khatm-progress p{font-size:15px}.group-khatm-bar{background:color-mix(in srgb, var(--line) 60%, transparent);border-radius:999px;height:12px;display:flex;overflow:hidden}.group-khatm-bar span{background:var(--color-lapis);transition:width .3s}.group-khatm-bar span.is-claimed{background:var(--color-saffron)}.group-khatm-complete{background:color-mix(in srgb, var(--color-lapis) 10%, transparent);border-radius:12px;gap:10px;padding:12px 14px;display:grid}.group-khatm-complete p{color:var(--color-lapis);align-items:center;gap:8px;font-weight:600;display:flex}.group-khatm-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;margin:0;padding:0;list-style:none;display:grid}.group-khatm-juz{border:1px dashed var(--line);background:var(--background);width:100%;min-height:72px;color:var(--ink);font:inherit;text-align:center;cursor:pointer;border-radius:12px;justify-items:center;gap:2px;padding:10px 4px 8px;display:grid;position:relative}.group-khatm-juz strong{font:600 20px/1.1 var(--serif);font-variant-numeric:lining-nums tabular-nums}.group-khatm-juz span{max-width:100%;color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:11px;line-height:1.4;overflow:hidden}.group-khatm-juz.is-claimed{border:1px solid color-mix(in srgb, var(--color-saffron) 70%, var(--line));background:color-mix(in srgb, var(--color-saffron) 16%, var(--background))}.group-khatm-juz.is-done{border:1px solid var(--color-lapis);background:var(--color-lapis);color:var(--color-ivory)}.group-khatm-juz.is-done span{color:color-mix(in srgb, var(--color-ivory) 82%, transparent)}.group-khatm-juz.is-mine{box-shadow:0 0 0 2px var(--color-ember)}.group-khatm-juz[aria-pressed=true],.group-khatm-juz:focus-visible{outline:3px solid var(--accent);outline-offset:2px}.group-khatm-check{top:6px;position:absolute;inset-inline-end:6px}.group-khatm-detail h2,.group-khatm-organizer h2{align-items:center;gap:8px;display:flex}.group-khatm-claim{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:10px;display:grid}.group-khatm-claim .halaqa-primary{min-height:44px}.group-khatm-mine li{justify-content:space-between;align-items:center;gap:10px;display:flex}.group-khatm-mine a{color:var(--ink);overflow-wrap:anywhere;font-weight:600}.group-khatm-badge{background:color-mix(in srgb, var(--color-ember) 12%, transparent);color:var(--color-ember);border-radius:999px;flex:none;align-items:center;gap:5px;padding:3px 9px;font-size:11px;display:inline-flex}.group-khatm-form textarea,.halaqa-form textarea{border:1px solid var(--line);background:var(--background);color:var(--ink);font:inherit;resize:vertical;border-radius:10px;padding:8px 12px;font-size:14px}.group-khatm-back,.group-khatm-all{justify-self:start;width:fit-content}.group-khatm-all{color:var(--muted);font-size:13px}.group-khatm-notes{color:var(--muted);gap:6px;font-size:12px;line-height:1.7;display:grid}.group-khatm-notes p{margin:0}@media (max-width:600px){.group-khatm-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:6px}.group-khatm-juz{min-height:64px}.group-khatm-claim{grid-template-columns:1fr}}.group-khatm-main .halaqa-primary{justify-content:center;align-items:center;gap:8px;display:inline-flex}.group-khatm-notify h2{align-items:center;gap:8px;display:flex}.group-khatm-notify button{justify-self:start;width:fit-content}.group-khatm-quiet{border:1px solid var(--line);min-height:44px;color:var(--muted);font:inherit;background:0 0;border-radius:12px;padding:8px 16px;font-size:14px}