@font-face{font-family:"Nastaliq";src:url("fonts/NotoNastaliqUrdu-Regular.ttf") format("truetype");font-weight:400 600;font-display:swap}
@font-face{font-family:"Nastaliq";src:url("fonts/NotoNastaliqUrdu-Bold.ttf") format("truetype");font-weight:700 900;font-display:swap}
.hdrsub{display:block;font-size:11px;opacity:.85;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:220px}
html[dir=rtl] .hdrsub{font-size:11px;line-height:1.6}
.brand .tx{min-width:0;display:flex;flex-direction:column}
.chap{display:flex;align-items:center;gap:12px;width:100%;background:var(--card);border:2px solid var(--line);border-radius:16px;padding:12px 14px;margin-bottom:10px;box-shadow:var(--shadow);text-align:start}
.chap:active{transform:scale(.99)}
.chap .no{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;font-weight:900;font-family:"Nunito",sans-serif;flex:none;background:var(--brand-soft);color:var(--brand)}
.chap .nm{font-weight:800;font-size:16px}
html[dir=rtl] .chap .nm{font-weight:700}
.chap .ds{font-size:12px;color:var(--muted)}
.chap.mixed{border-color:var(--sun);background:var(--sun-soft)}
.chap.mixed .no{background:var(--sun);color:#3d2a00}
.tagc{display:inline-block;background:var(--urd-soft);color:var(--urd);border-radius:8px;padding:0 6px;font-size:11px;font-weight:800;margin-inline-start:6px}
.tabs{display:grid;grid-template-columns:1fr 1fr;background:#e4ece8;border-radius:14px;padding:4px;margin-bottom:12px}
.tabs button{border-radius:11px;padding:8px 6px;font-weight:800;font-size:14px;color:var(--muted)}
html[dir=rtl] .tabs button{padding:2px 6px 8px;font-weight:600}
.tabs button.on{background:#fff;color:var(--brand);box-shadow:0 1px 4px rgba(0,0,0,.08)}
.syncbar{display:flex;align-items:center;gap:10px;background:var(--card);border-radius:14px;padding:10px 12px;margin-bottom:12px;box-shadow:var(--shadow);font-size:13px}
.syncbar .dot{width:10px;height:10px;border-radius:50%;flex:none}
.syncbar .grow{flex:1;min-width:0}
.syncbar b{display:block;font-size:14px}
.mini{background:var(--brand);color:#fff;border-radius:10px;padding:6px 12px;font-weight:800;font-size:13px;white-space:nowrap}
html[dir=rtl] .mini{padding:2px 12px 8px;font-weight:600}
.mini:disabled{opacity:.5}
.field{margin-bottom:12px}
.field small{display:block;color:var(--muted);font-size:12px;margin-top:4px}
.okmsg{color:var(--good);font-weight:800;font-size:14px;margin-top:6px}
.bad{color:var(--bad);font-weight:800;font-size:14px;margin-top:6px}
.steps{margin:0;padding-inline-start:20px;font-size:14px;color:var(--ink)}
.steps li{margin-bottom:6px}
.pbar{height:8px;background:#e8efeb;border-radius:999px;overflow:hidden;margin-top:6px}
.pbar>div{height:100%;border-radius:999px}
.spin{display:inline-block;width:14px;height:14px;border:2px solid #cfe3da;border-top-color:var(--brand);border-radius:50%;animation:sp 0.8s linear infinite;vertical-align:middle}
@keyframes sp{to{transform:rotate(360deg)}}
.toast{position:fixed;left:50%;bottom:22px;transform:translateX(-50%);background:#15302a;color:#fff;border-radius:12px;padding:10px 16px;font-size:14px;font-weight:700;z-index:50;max-width:90vw;box-shadow:0 6px 20px rgba(0,0,0,.25)}