.tf-sheet{z-index:40;background:#0f0f1e59;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}@media (min-width:40rem){.tf-sheet{align-items:center}}.tf-body{width:min(34rem,100%);max-height:85vh;padding:1.25rem;padding-bottom:calc(1.25rem + env(safe-area-inset-bottom));background:var(--surface);border:1px solid var(--border);border-radius:var(--radius) var(--radius) 0 0;flex-direction:column;gap:.85rem;display:flex;overflow-y:auto}.tf-body>*{flex:none}@media (min-width:40rem){.tf-body{border-radius:var(--radius);padding-bottom:1.25rem}}.tf-head{flex-wrap:wrap;align-items:baseline;gap:.5rem;display:flex}.tf-head h2{margin:0;font-size:1.0625rem;font-weight:600}.tf-work{color:var(--accent)}.tf-change{color:var(--muted);font:inherit;cursor:pointer;text-underline-offset:.2em;background:0 0;border:0;padding:0;font-size:.8125rem;text-decoration:underline}.tf-change:hover{color:var(--accent)}.tf-ref{font-family:var(--font-num);color:var(--muted);margin-inline-start:auto;font-size:.8125rem}.tf-verse{border-bottom:1px solid var(--border);max-height:30vh;font-size:var(--trans-size);margin:0;padding-bottom:.85rem;line-height:1.9;overflow-y:auto}.tf-verse-ar{font-family:var(--font-quran);font-size:calc(var(--quran-size) * .8);word-spacing:.05em;line-height:2.1}.tf-text{margin:0;font-size:1.0625rem;line-height:1.95}.tf-state{color:var(--muted);flex-direction:column;align-items:flex-start;gap:.75rem;margin:0;font-size:.9375rem;display:flex}.tf-loading{padding-block:.5rem}.tf-failed{margin:0}.tf-close{color:var(--muted);background:0 0;border:0;align-self:center;margin-top:.15rem;padding:.25rem .5rem;font-size:.8125rem}.tf-close:hover{color:var(--accent)}.explain-verse{vertical-align:middle;width:1.6rem;height:1.6rem;color:var(--muted);cursor:pointer;background:0 0;border:0;place-items:center;margin-inline-start:.15rem;display:inline-grid}.explain-verse svg{width:1rem;height:1rem}.explain-verse:hover{color:var(--accent)}.tf-pick{flex-direction:column;gap:.6rem;display:flex}.tf-ask{margin:0;font-size:.9375rem}.tf-ask-why{color:var(--muted);margin:0;font-size:.75rem}.tf-option{text-align:start;border:1px solid var(--border);border-radius:var(--radius);width:100%;color:inherit;cursor:pointer;background:0 0;grid-template-columns:1fr auto;gap:.15rem .5rem;padding:.7rem .85rem;display:grid}.tf-option:hover{border-color:var(--accent)}.tf-option[aria-pressed=true]{background:var(--accent-soft);border-color:var(--accent)}.tf-option-name{font-size:1rem;font-weight:600}.tf-option-school{color:var(--muted);border:1px solid var(--border);border-radius:999px;align-self:center;padding:.05rem .5rem;font-size:.6875rem}.tf-option-author{color:var(--muted);grid-column:1/-1;font-size:.75rem}.tf-credit{color:var(--muted);margin:0;font-size:.6875rem}.tf-credit a{color:inherit}.tf-rich>*{margin:0 0 .85rem}.tf-rich>:last-child{margin-bottom:0}.tf-rich h3{color:var(--muted);font-size:.9375rem;font-weight:600}.tf-rich .tf-q{font-family:var(--font-quran);color:var(--accent);font-weight:400;line-height:2.2}.tf-rich blockquote{border-inline-start:2px solid var(--border);font-family:var(--font-quran);margin-inline:0;padding-inline-start:.85rem;line-height:2.2}