:root{--paper:#f3ead8;--panel:#fff8ec;--ink:#1d140f;--muted:#6e5f52;--line:#d9cbb6;--accent:#8f1d1d;--accent-dark:#6e1212;--ok:#2f5d3a;--shadow:0 18px 40px #321c0c14}*{box-sizing:border-box}html,body{min-height:100%;margin:0}body{color:var(--ink);background:radial-gradient(circle at top, #8f1d1d14, transparent 32%), repeating-linear-gradient(0deg, transparent, transparent 31px, #1d140f09 32px), var(--paper);font-family:"Source Sans 3",sans-serif}.page{width:min(720px,100% - 32px);margin:0 auto;padding:72px 0 56px}.masthead{text-align:center;margin-bottom:40px}.urdu{color:var(--accent);margin:0 0 8px;font-family:Noto Nastaliq Urdu,serif;font-size:2.4rem;line-height:1.8}h1{letter-spacing:-.04em;margin:0;font-family:Fraunces,serif;font-size:clamp(2.4rem,6vw,3.6rem);font-weight:650}.lede{color:var(--muted);margin:12px 0 0;font-size:1.05rem}.panel{background:var(--panel);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:18px;padding:22px}label{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin-bottom:8px;font-size:.82rem;font-weight:600;display:block}.row{gap:10px;display:flex}input{border:1px solid var(--line);min-width:0;color:var(--ink);font:inherit;background:#fff;border-radius:12px;flex:1;padding:14px 16px;font-size:1rem}input:focus{border-color:var(--accent);outline:2px solid #8f1d1d59}button,.download{appearance:none;background:var(--accent);color:#fffaf3;font:inherit;cursor:pointer;white-space:nowrap;border:0;border-radius:12px;padding:14px 18px;font-weight:600;text-decoration:none}button:hover,.download:hover{background:var(--accent-dark)}button:disabled{cursor:wait;opacity:.7}.download[aria-disabled=true]{cursor:not-allowed;opacity:.55;pointer-events:none}[hidden]{display:none!important}.optional{margin-top:16px}#pages{width:100%}.hint{color:var(--muted);margin:12px 0 0;font-size:.92rem}.status{margin-top:16px}.status-top{justify-content:space-between;gap:12px;margin-bottom:12px;display:flex}#status-label,#status-count{margin:0}#status-count{color:var(--muted)}.bar{background:#eadfcb;border-radius:999px;height:8px;overflow:hidden}#bar-fill{background:var(--accent);width:0;height:100%;transition:width .25s;display:block}.book-name{margin:14px 0 0;font-family:Fraunces,serif;font-size:1.15rem}.error{color:var(--accent);margin:12px 0 0;font-weight:600}.download{margin-top:16px;display:inline-block}footer{text-align:center;margin-top:36px}@media (width<=640px){.page{padding-top:40px}.row{flex-direction:column}.urdu{font-size:2rem}}
