@font-face{font-family:QS Amiri;src:url(/fonts/amiri/Amiri-Regular-arabic.woff2)format("woff2");font-weight:400;font-display:swap}@font-face{font-family:QS Amiri;src:url(/fonts/amiri/Amiri-Bold-arabic.woff2)format("woff2");font-weight:700;font-display:swap}.tc{--tc-size:1;background:var(--surface);border:1px solid var(--line);border-radius:16px;margin:26px 0;padding:18px 20px 14px;position:relative;overflow:visible;box-shadow:0 1px 2px #0000000a}.tc:before{content:"";background:linear-gradient(90deg,#12805f,#0a4c3a);border-radius:16px 16px 0 0;height:4px;position:absolute;inset:-1px -1px auto}.tc-dua:before{background:linear-gradient(90deg,#b8914f,#8a6a30)}.tc-head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:10px;margin:2px 0 10px;display:flex}.tc-title{color:var(--ink);font-size:15px;font-weight:700}.tc-ref{color:var(--accent);font-size:13px;font-weight:600}.tc-ar{text-align:right;color:var(--ink);background:color-mix(in srgb, var(--ink) 3%, transparent);border:1px solid color-mix(in srgb, var(--line) 70%, transparent);direction:rtl;border-radius:12px;margin:0 0 12px;padding:14px 18px}.tc-quran{font-family:QS KFGQPC,serif;font-size:calc(clamp(24px, 3.4vw, 30px) * var(--tc-size));line-height:2.1}.tc-amiri{font-family:QS Amiri,Amiri,serif;font-size:calc(clamp(21px, 3vw, 26px) * var(--tc-size));line-height:2.2}.tc-nw{white-space:nowrap}.tc-n{color:var(--accent)}.tc-tr{color:var(--ink-2);font-size:calc(15px * var(--tc-size));margin:0 0 4px;line-height:1.7}.tc-by{color:var(--muted);margin:0 0 8px;font-size:12px}.tc-note{background:color-mix(in srgb, #d9a441 13%, var(--surface));color:var(--ink-2);border-inline-start:3px solid #c9953a;border-radius:10px;margin:10px 0;padding:10px 14px;font-size:14px}.tc-src{color:var(--muted);flex-wrap:wrap;align-items:center;gap:8px;margin:8px 0 4px;font-size:13px;display:flex}.tc-grade{background:color-mix(in srgb, var(--accent) 14%, transparent);color:var(--accent);border-radius:999px;padding:2px 10px;font-size:12px;font-weight:700}.tc-grade.tc-hasan{color:#2b6cb0;background:#2b6cb024}.tc-bar{border-top:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:6px;margin-top:12px;padding-top:10px;display:flex;position:relative}.tc-btn{border:1px solid var(--line-2);background:var(--surface);height:32px;color:var(--ink-2);cursor:pointer;border-radius:9px;align-items:center;gap:6px;padding:0 11px;font:500 13px/1 inherit;text-decoration:none;transition:border-color .15s,color .15s,background .15s;display:inline-flex}.tc-btn svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:15px;height:15px}.tc-btn:hover,.tc-btn.on{color:var(--accent);border-color:var(--accent);background:var(--accent-soft)}.tc-btn[data-tc-act=save].on svg{fill:currentColor}.tc-count{color:var(--muted);font-variant-numeric:tabular-nums;align-items:center;gap:6px;margin-inline-start:auto;font-size:13px;display:inline-flex}.tc-count output{color:var(--ink);font-weight:700}.tc-plus{background:var(--accent);color:#fff;cursor:pointer;border:0;border-radius:50%;width:34px;height:34px;font-size:20px;line-height:1}.tc-reset{color:var(--muted);cursor:pointer;font:inherit;background:0 0;border:0;text-decoration:underline}.tc.tc-done .tc-count output{color:var(--accent)}.tc.tc-done .tc-plus{background:color-mix(in srgb, var(--accent) 45%, var(--line))}.tc-menu{z-index:20;bottom:calc(100% + 6px);background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:10px;gap:4px;padding:6px;display:flex;position:absolute;inset-inline-start:0}.tc-menu a{color:var(--ink);border-radius:7px;padding:6px 10px;font-size:13px;text-decoration:none}.tc-menu a:hover{background:var(--accent-soft);color:var(--accent)}:root[data-tc-size=sm] .tc{--tc-size:.88}:root[data-tc-size=lg] .tc{--tc-size:1.15}:root[data-tc-size=xl] .tc{--tc-size:1.32}@media (max-width:600px){.tc{padding:16px 14px 12px}.tc-ar{padding:12px}.tc-btn span{display:none}.tc-btn{justify-content:center;width:34px;padding:0}.tc-count{margin-inline-start:0}}