.hq-app{--hq-max:1040px;--page-max:var(--hq-max);background:var(--c-bg);min-block-size:100dvh;color:var(--c-text);font-family:var(--font-ui)}.hq-main{gap:var(--space-5);max-inline-size:var(--hq-max);padding-block:var(--space-5) var(--space-12);padding-inline:var(--gutter);margin-inline:auto;display:grid}.hq-head{gap:var(--space-2);display:grid}.hq-lead{margin:0}.hq-h2{font-size:var(--fs-lg);font-weight:var(--fw-semibold);line-height:var(--lh-snug);margin:0}.hq-h3{font-size:var(--fs-md);font-weight:var(--fw-semibold);margin:0}.hq-h4{font-size:var(--fs-sm);font-weight:var(--fw-semibold);margin:0}.hq-muted{color:var(--c-text-soft);font-size:var(--fs-help);margin:0}.hq-strong{font-weight:var(--fw-semibold);overflow-wrap:anywhere;margin:0}.hq-note{padding:var(--space-2) var(--space-3);border-inline-start:3px solid var(--c-accent);border-radius:var(--radius-sm);background:var(--c-accent-soft);color:var(--c-text);font-size:var(--fs-help);margin:0}.hq-note[data-tone=warning]{border-inline-start-color:var(--c-warning);background:var(--c-warning-soft)}.hq-quote{border-inline-start:2px solid var(--c-border-strong);white-space:pre-line;overflow-wrap:anywhere;margin:0;padding-inline-start:var(--space-3)}.hq-stack,.hq-stack-lg,.hq-stack-tight{gap:var(--space-3);min-inline-size:0;display:grid}.hq-stack-lg{gap:var(--space-5)}.hq-stack-tight{gap:var(--space-1)}.hq-row{gap:var(--space-2);flex-wrap:wrap;align-items:center;margin:0;display:flex}.hq-row-tight{gap:var(--space-1-5)}.hq-toolbar{gap:var(--space-3) var(--space-4);flex-wrap:wrap;align-items:end;display:flex}.hq-form{gap:var(--space-4);max-inline-size:40rem;display:grid}.hq-fieldset{border:0;min-inline-size:0;margin:0;padding:0}.hq-pick{max-inline-size:24rem}.hq-date{min-inline-size:11rem}.hq-section{gap:var(--space-3);padding:var(--space-4);border:1px solid var(--c-border);border-radius:var(--radius-lg);background:var(--c-surface);display:grid}.hq-section-head{gap:var(--space-2);flex-wrap:wrap;justify-content:space-between;align-items:start;display:flex}.hq-list,.hq-cards,.hq-records,.hq-comments{gap:var(--space-2);margin:0;padding:0;list-style:none;display:grid}.hq-list-item{gap:var(--space-2) var(--space-3);padding-block:var(--space-2);border-block-end:1px solid var(--c-border);flex-wrap:wrap;justify-content:space-between;align-items:center;display:flex}.hq-list-item:last-child{border-block-end:0}.hq-list-item[data-read]{color:var(--c-text-soft)}.hq-cards{grid-template-columns:repeat(auto-fill,minmax(min(100%,18rem),1fr))}.hq-card-link{gap:var(--space-1-5);min-block-size:100%;padding:var(--space-3) var(--space-4);border:1px solid var(--c-border);border-radius:var(--radius-md);background:var(--c-bg);color:inherit;padding-inline-end:var(--space-10);text-decoration:none;display:grid;position:relative}.hq-card-link:hover{border-color:var(--c-border-strong);background:var(--c-surface-2)}.hq-card-link:focus-visible{outline:var(--focus-width) solid var(--c-focus);outline-offset:var(--focus-offset)}.hq-card-name{font-weight:var(--fw-semibold);overflow-wrap:anywhere}.hq-card-chev{color:var(--c-text-soft);position:absolute;inset-block-start:50%;inset-inline-end:var(--space-3);translate:0 -50%}.hq-record{gap:var(--space-2);display:grid}.hq-record-head{gap:var(--space-3);justify-content:space-between;align-items:start;display:flex}.hq-grade{font-size:var(--fs-xl);font-weight:var(--fw-bold);white-space:nowrap;margin:0;line-height:1}.hq-detail{border-block-start:1px solid var(--c-border);padding-block-start:var(--space-2)}.hq-comment{gap:var(--space-0-5);padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);background:var(--c-surface-2);display:grid}.hq-comment-body{white-space:pre-line;overflow-wrap:anywhere;margin:0}.hq-access{gap:var(--space-3);padding:var(--space-5);border:1px solid var(--c-border);border-radius:var(--radius-lg);background:var(--c-surface);justify-items:start;display:grid}.hq-access-mark{border-radius:var(--radius-full);background:var(--c-accent-soft);block-size:48px;inline-size:48px;color:var(--c-accent-text);place-items:center;display:inline-grid}.hq-access .ui-btn{text-decoration:none}.hq-code{gap:var(--space-2);padding:var(--space-4);border:1px dashed var(--c-accent);border-radius:var(--radius-md);background:var(--c-accent-soft);display:grid}.hq-code-value{font-family:var(--font-mono);font-size:var(--fs-xl);font-weight:var(--fw-bold);letter-spacing:.06em;overflow-wrap:anywhere;margin:0}.hq-tap-group{gap:var(--space-1);grid-template-columns:repeat(4,minmax(0,1fr));inline-size:100%;display:grid}.hq-tap{min-block-size:var(--btn-h-md);padding-inline:var(--space-2);border:1px solid var(--c-border-strong);border-radius:var(--radius-sm);background:var(--c-bg);color:var(--c-text);cursor:pointer;font:inherit;font-size:var(--fs-sm)}.hq-tap:hover:not(:disabled){background:var(--c-surface-2)}.hq-tap:focus-visible{outline:var(--focus-width) solid var(--c-focus);outline-offset:var(--focus-offset)}.hq-tap:disabled{cursor:not-allowed;opacity:.6}.hq-tap[aria-pressed=true]{border-color:var(--c-accent);background:var(--c-accent-soft);color:var(--c-accent-soft-text);font-weight:var(--fw-semibold)}.hq-tap[aria-pressed=true][data-status=absent]{border-color:var(--c-danger);background:var(--c-danger-soft);color:var(--c-text)}.hq-tap[aria-pressed=true][data-status=late]{border-color:var(--c-warning);background:var(--c-warning-soft);color:var(--c-text)}.hq-range-grid{gap:var(--space-3);grid-template-columns:minmax(0,1fr);margin-block-start:var(--space-2);display:grid}.hq-quran{font-family:var(--font-quran);font-size:var(--fs-lg)}.hq-words{padding:var(--space-3);border:1px solid var(--c-border);border-radius:var(--radius-md);background:var(--c-bg);font-family:var(--font-quran);font-size:var(--fs-xl);line-height:var(--lh-loose)}.hq-ayah{display:inline}.hq-word{padding:0 var(--space-0-5);border-radius:var(--radius-xs);color:inherit;cursor:pointer;font:inherit;background:0 0;border:0;margin:0;display:inline}.hq-word:hover{background:var(--c-surface-2)}.hq-word:focus-visible{outline:var(--focus-width) solid var(--c-focus);outline-offset:1px}.hq-word[aria-pressed=true]{background:var(--c-mistake-soft);color:var(--c-text);-webkit-text-decoration:underline wavy var(--c-mistake);text-decoration:underline wavy var(--c-mistake);text-underline-offset:.35em}.hq-ayah-no{margin-inline:var(--space-1);padding-inline:var(--space-1);border:1px solid var(--c-border-strong);border-radius:var(--radius-full);color:var(--c-text-soft);font-family:var(--font-ui);font-size:var(--fs-xs);vertical-align:middle;line-height:1.6;display:inline-block}.hq-attribution{color:var(--c-text-soft);font-size:var(--fs-xs);margin:0}.hq-linklike{min-block-size:24px;padding:0 var(--space-1);border-radius:var(--radius-xs);color:inherit;cursor:pointer;font:inherit;background:0 0;border:0;display:inline-flex}.hq-linklike:focus-visible{outline:var(--focus-width) solid var(--c-focus);outline-offset:var(--focus-offset)}.hq-score{gap:var(--space-1);padding:var(--space-3);border-radius:var(--radius-md);background:var(--c-surface-2);display:grid}.hq-chips{gap:var(--space-2);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.hq-chip,.hq-chip-static{min-block-size:var(--btn-h-sm);padding:0 var(--space-3);border:1px solid var(--c-border-strong);border-radius:var(--radius-full);background:var(--c-surface);color:var(--c-text);font:inherit;font-size:var(--fs-sm)}.hq-chip-static{align-items:center;min-block-size:32px;display:inline-flex}.hq-chip{cursor:pointer}.hq-chip:hover{background:var(--c-surface-2)}.hq-chip:focus-visible{outline:var(--focus-width) solid var(--c-focus);outline-offset:var(--focus-offset)}.hq-chip[aria-pressed=true]{border-color:var(--c-mistake);background:var(--c-mistake-soft);font-weight:var(--fw-semibold)}.hq-juz-grid{gap:var(--space-2);grid-template-columns:repeat(auto-fill,minmax(9.5rem,1fr));margin:0;padding:0;list-style:none;display:grid}.hq-juz{gap:var(--space-1);padding:var(--space-3);border:1px solid var(--c-border);border-radius:var(--radius-md);background:var(--c-bg);align-content:start;display:grid}.hq-juz[data-state=mine]{border-color:var(--c-accent);background:var(--c-accent-soft)}.hq-juz[data-state=done]{border-color:var(--c-success);background:var(--c-success-soft)}.hq-juz[data-state=reserved]{background:var(--c-surface-2)}.hq-juz-no,.hq-juz-state{margin:0}.hq-juz-no{font-weight:var(--fw-semibold)}.hq-juz-state{font-size:var(--fs-sm)}.hq-juz-who{overflow-wrap:anywhere}@media (min-width:40rem){.hq-range-grid{grid-template-columns:minmax(0,2fr) minmax(0,1fr) minmax(0,1fr)}.hq-tap-group{inline-size:auto;min-inline-size:22rem}}