@font-face{font-family:Gulzar Local;src:url(/fonts/Gulzar-Regular.ttf)format("truetype");font-weight:400;font-style:normal;font-display:swap}:root{--font-ur:"Gulzar Local", "Gulzar", "Noto Nastaliq Urdu", serif;--font-en:"Inter", ui-sans-serif, system-ui, -apple-system, sans-serif;--max:1240px;--max-wide:1660px;--gutter:clamp(1.15rem, 3.5vw, 3rem);--radius:16px;--radius-sm:10px;--header-h:72px;--ease:cubic-bezier(.32, .72, 0, 1);--ease-out:cubic-bezier(.16, 1, .3, 1);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#faf7f2;--bg-raised:#fff;--bg-sunken:#f1ece3;--bg-inset:#e9e2d6;--line:#e6ded1;--line-strong:#d3c7b4;--ink:#211e19;--ink-soft:#59524a;--ink-faint:#8b8175;--accent:#8a6a2f;--accent-hi:#a8853f;--accent-soft:#f2e9d8;--accent-glow:#a8853f29;--shadow-sm:0 1px 2px #211e190d;--shadow:0 2px 6px -2px #211e1914, 0 12px 32px -14px #211e1929;--shadow-lg:0 4px 12px -4px #211e191a, 0 26px 60px -22px #211e1947}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#110f0d;--bg-raised:#1a1714;--bg-sunken:#0c0b09;--bg-inset:#23201b;--line:#2b2723;--line-strong:#413a31;--ink:#efe9e0;--ink-soft:#a99f92;--ink-faint:#7b7367;--accent:#d9b678;--accent-hi:#e8cd9b;--accent-soft:#2a2318;--accent-glow:#d9b67824;--shadow-sm:0 1px 2px #0006;--shadow:0 2px 6px -2px #00000080, 0 12px 32px -14px #000000b3;--shadow-lg:0 4px 12px -4px #00000080, 0 26px 60px -22px #000c}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:calc(var(--header-h) + 1rem)}body{background:var(--bg);color:var(--ink);font-family:var(--font-en);-webkit-font-smoothing:antialiased;transition:background-color .3s var(--ease), color .3s var(--ease);margin:0;font-size:16px;line-height:1.65;overflow-x:hidden}html[lang=ur] body{font-family:var(--font-ur);line-height:2.3}html[lang=ur] .lead,html[lang=ur] .prose{line-height:2.55}html[lang=ur] h1,html[lang=ur] h2,html[lang=ur] h3{font-weight:400;line-height:1.95}h1,h2,h3,h4{letter-spacing:-.015em;text-wrap:balance;margin:0;font-weight:600}p{text-wrap:pretty;margin:0}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}button{font:inherit;color:inherit;cursor:pointer}:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:5px}::selection{background:var(--accent-soft);color:var(--ink)}.ltr,.num{direction:ltr;unicode-bidi:isolate}.num{font-variant-numeric:tabular-nums}.ur{font-family:var(--font-ur);direction:rtl;unicode-bidi:isolate}html[lang=en] .ur{line-height:2.05}html[lang=ur] .num{font-family:var(--font-ur)}.app{flex-direction:column;min-height:100dvh;display:flex}.app main{flex:1}.wrap{width:100%;max-width:var(--max);padding-inline:var(--gutter);margin-inline:auto}.wrap--wide{max-width:var(--max-wide)}.wrap--narrow{max-width:780px}.skip-link{inset-inline-start:1rem;z-index:100;background:var(--bg-raised);border:1px solid var(--line-strong);border-radius:var(--radius-sm);transition:top .2s var(--ease);padding:.6rem 1rem;position:absolute;top:-5rem}.skip-link:focus{top:1rem}[data-reveal]{opacity:0;transition:opacity .7s var(--ease-out), transform .7s var(--ease-out);transform:translateY(18px)}[data-reveal].is-in{opacity:1;transform:none}@keyframes rise{0%{opacity:0;transform:translateY(22px)}to{opacity:1;transform:none}}@keyframes fade{0%{opacity:0}to{opacity:1}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes drift{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-14px)rotate(4deg)}}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.page-in{animation:fade .4s var(--ease-out) both}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}[data-reveal]{opacity:1;transform:none}}.ornament{color:var(--accent);align-items:center;gap:.9rem;width:100%;max-width:340px;display:flex}.ornament__line{background:linear-gradient(to var(--orn-dir,right), transparent, var(--line-strong));flex:1;height:1px}.ornament__line:last-child{background:linear-gradient(to left, transparent, var(--line-strong))}.ornament__mark{opacity:.85;flex:none}.ornament--center{margin-block:1rem;margin-inline:auto}.eyebrow{letter-spacing:.16em;text-transform:uppercase;color:var(--ink-faint);font-size:.76rem;font-family:var(--font-en);align-items:center;gap:.5rem;display:inline-flex}html[lang=ur] .eyebrow{font-family:var(--font-ur);letter-spacing:normal;text-transform:none;font-size:1rem}.lead{color:var(--ink-soft);font-size:clamp(1rem,.95rem + .35vw,1.15rem)}.rule{background:var(--line);border:0;height:1px;margin:0}.btn{border:1px solid var(--line-strong);color:var(--ink);white-space:nowrap;transition:background-color .22s var(--ease), border-color .22s var(--ease), color .22s var(--ease), transform .22s var(--ease), box-shadow .22s var(--ease), opacity .22s var(--ease);background:0 0;border-radius:999px;justify-content:center;align-items:center;gap:.55rem;padding:.68rem 1.3rem;font-size:.95rem;line-height:1.55;display:inline-flex;position:relative}.btn svg{transition:transform .25s var(--ease-out)}.btn:hover:not(:disabled){background:var(--bg-sunken);border-color:var(--ink-faint);transform:translateY(-1px)}.btn:hover:not(:disabled) svg{transform:translate(3px)}html[dir=rtl] .btn:hover:not(:disabled) svg{transform:scaleX(-1)translate(3px)}.btn:active:not(:disabled){transform:translateY(0)}.btn:disabled{opacity:.35;cursor:not-allowed}.btn--primary{background:var(--ink);color:var(--bg);border-color:var(--ink);box-shadow:var(--shadow-sm)}.btn--primary:hover:not(:disabled){background:var(--ink);border-color:var(--ink);box-shadow:0 6px 20px -8px var(--ink)}.btn--ghost{border-color:#0000}.btn--sm{padding:.42rem .95rem;font-size:.88rem}.btn--block{width:100%}.icon-btn{border:1px solid var(--line);width:38px;height:38px;color:var(--ink-soft);transition:background-color .2s var(--ease), border-color .2s var(--ease), color .2s var(--ease), transform .2s var(--ease);background:0 0;border-radius:999px;flex:none;place-items:center;display:inline-grid}.icon-btn:hover:not(:disabled){background:var(--bg-sunken);border-color:var(--line-strong);color:var(--ink)}.icon-btn:active:not(:disabled){transform:scale(.94)}.icon-btn:disabled{opacity:.3;cursor:not-allowed}.icon-btn svg{width:17px;height:17px}.header{z-index:50;background:color-mix(in srgb, var(--bg) 82%, transparent);-webkit-backdrop-filter:saturate(1.6)blur(14px);backdrop-filter:saturate(1.6)blur(14px);transition:border-color .3s var(--ease), box-shadow .3s var(--ease);border-bottom:1px solid #0000;position:sticky;top:0}.header.is-stuck{border-bottom-color:var(--line);box-shadow:0 8px 24px -20px #0009}.header__inner{min-height:var(--header-h);align-items:center;gap:.75rem;display:flex}.brand{transition:opacity .2s var(--ease);align-items:center;gap:.7rem;margin-inline-end:auto;display:flex}.brand:hover{opacity:.75}.brand__mark{color:var(--accent);transition:transform .6s var(--ease-out);flex:none}.brand:hover .brand__mark{transform:rotate(90deg)}.brand__text{flex-direction:column;line-height:1.15;display:flex}.brand__name{font-family:var(--font-ur);white-space:nowrap;font-size:1.45rem;line-height:1.7}.brand__sub{font-family:var(--font-en);letter-spacing:.22em;color:var(--ink-faint);text-align:start;direction:ltr;unicode-bidi:isolate;font-size:.6rem}.nav{align-items:center;gap:.2rem;display:flex}.nav__link{color:var(--ink-soft);transition:color .2s var(--ease), background-color .2s var(--ease);border-radius:999px;padding:.4rem .9rem;font-size:.95rem;position:relative}.nav__link:hover{color:var(--ink);background:var(--bg-sunken)}.nav__link.is-active{color:var(--ink)}.nav__link.is-active:after{content:"";inset-inline:.9rem;background:var(--accent);height:2px;animation:fade .3s var(--ease-out);border-radius:2px;position:absolute;bottom:.1rem}.search{flex:0 300px;min-width:0;margin-inline-start:.5rem;position:relative}.search__toggle{display:none}.search__field{border:1px solid var(--line);background:var(--bg-sunken);height:38px;transition:border-color .2s var(--ease), background-color .2s var(--ease), box-shadow .2s var(--ease);border-radius:999px;align-items:center;gap:.5rem;padding-inline:.7rem;display:flex}.search__field:focus-within{border-color:var(--accent);background:var(--bg-raised);box-shadow:0 0 0 3px var(--accent-glow)}.search__icon{width:16px;height:16px;color:var(--ink-faint);flex:none}.search__input{min-width:0;color:var(--ink);font:inherit;background:0 0;border:0;outline:0;flex:1;font-size:.92rem}html[lang=ur] .search__input{font-size:1rem}.search__input::placeholder{color:var(--ink-faint)}.search__input::-webkit-search-cancel-button{appearance:none}.search__kbd{font-family:var(--font-en);letter-spacing:.04em;border:1px solid var(--line-strong);color:var(--ink-faint);background:var(--bg-raised);direction:ltr;border-radius:5px;flex:none;padding:.1rem .38rem;font-size:.66rem}.search__clear{width:20px;height:20px;color:var(--ink-faint);background:0 0;border:0;border-radius:50%;flex:none;place-items:center;display:grid}.search__clear:hover{background:var(--bg-inset);color:var(--ink)}.search__clear svg{width:13px;height:13px}.search__panel{z-index:60;top:calc(100% + 10px);width:min(460px, calc(100vw - 2 * var(--gutter)));overscroll-behavior:contain;background:var(--bg-raised);border:1px solid var(--line);border-radius:var(--radius);max-height:min(70vh,560px);box-shadow:var(--shadow-lg);animation:rise .2s var(--ease-out);padding:.4rem;position:absolute;inset-inline:0;overflow:auto}.search__row{border-radius:var(--radius-sm);text-align:start;width:100%;transition:background-color .15s var(--ease);background:0 0;border:0;align-items:center;gap:.7rem;padding:.55rem .6rem;display:flex}.search__row.is-active{background:var(--accent-soft)}.search__rowicon{background:var(--bg-sunken);width:30px;height:30px;color:var(--accent);border-radius:8px;flex:none;place-items:center;display:grid}.search__rowicon svg{width:16px;height:16px}.search__rowtext{flex:1;gap:.05rem;min-width:0;display:grid}.search__title{color:var(--ink);text-overflow:ellipsis;white-space:nowrap;font-size:1rem;line-height:1.9;overflow:hidden}.search__title mark{color:var(--accent);font-weight:inherit;background:0 0}.search__context{color:var(--ink-faint);text-overflow:ellipsis;white-space:nowrap;font-size:.82rem;line-height:1.8;overflow:hidden}.search__kind{border:1px solid var(--line);color:var(--ink-faint);border-radius:999px;flex:none;padding:.1rem .5rem;font-size:.72rem}html[lang=ur] .search__kind{font-size:.85rem}.search__empty,.search__foot{color:var(--ink-faint);text-align:center;padding:.85rem .7rem;font-size:.85rem}.search__foot{border-top:1px solid var(--line);margin-top:.3rem;font-size:.78rem}html[lang=ur] .search__empty,html[lang=ur] .search__foot{font-size:.95rem}@media (width<=1080px){.search{flex:none;margin-inline-start:0}.search__toggle{display:inline-grid}.search__field{display:none}.search.is-expanded{position:static}.search.is-expanded .search__toggle{display:none}.search.is-expanded .search__field{z-index:61;inset-inline:var(--gutter);display:flex;position:absolute;top:17px}.search__panel{inset-inline:var(--gutter);width:auto;top:calc(var(--header-h) + 4px)}}.header__tools{border-inline-start:1px solid var(--line);align-items:center;gap:.4rem;margin-inline-start:.3rem;padding-inline-start:.7rem;display:flex}.lang-switch{border:1px solid var(--line);background:var(--bg-sunken);direction:ltr;border-radius:999px;grid-template-columns:repeat(2,minmax(3.1rem,1fr));gap:0;padding:3px;display:grid;position:relative}.lang-switch__opt{z-index:1;color:var(--ink-faint);transition:color .25s var(--ease);background:0 0;border:0;border-radius:999px;padding:.24rem .6rem;font-size:.82rem;line-height:1.5;position:relative}.lang-switch__opt--en{font-family:var(--font-en);letter-spacing:.03em}.lang-switch__opt--ur{font-family:var(--font-ur);font-size:.9rem}.lang-switch__opt.is-active{color:var(--bg)}.lang-switch__opt:not(.is-active):hover{color:var(--ink)}.lang-switch__thumb{background:var(--ink);width:calc(50% - 3px);transition:transform .32s var(--ease), background-color .3s var(--ease);border-radius:999px;position:absolute;top:3px;bottom:3px;left:3px}.theme-btn svg{transition:transform .5s var(--ease-out), opacity .3s var(--ease)}.theme-btn:hover svg{transform:rotate(35deg)}.nav-toggle{display:none}@media (width<=900px){.nav-toggle{display:inline-grid}.nav{inset-inline:var(--gutter);background:var(--bg-raised);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-lg);animation:rise .28s var(--ease-out);flex-direction:column;align-items:stretch;padding:.5rem;display:none;position:absolute;top:calc(100% + 10px)}.nav.is-open{display:flex}.nav__link{border-radius:var(--radius-sm);padding:.65rem .95rem}.nav__link.is-active{background:var(--accent-soft)}.nav__link.is-active:after,.brand__sub{display:none}}.hero{isolation:isolate;border-bottom:1px solid var(--line);--px:0;--py:0;padding-block:clamp(3rem,7vw,5.5rem) clamp(2.5rem,5vw,4rem);position:relative;overflow:hidden}.hero__titlewrap{isolation:isolate;place-items:center;display:grid;position:relative}.hero__rosette{z-index:-1;aspect-ratio:1;width:clamp(300px,38vw,540px);color:var(--accent);opacity:.18;pointer-events:none;position:absolute;top:50%;left:50%;translate:-50% -50%;-webkit-mask-image:radial-gradient(circle,#000 38%,#0000 70%);mask-image:radial-gradient(circle,#000 38%,#0000 70%)}:root[data-theme=dark] .hero__rosette{opacity:.24}.rosette{stroke-width:.7px;vector-effect:non-scaling-stroke;width:100%;height:100%;overflow:visible}.rosette__spin{transform-origin:50%;animation:140s linear infinite spin}.rosette__spin--rev{animation-duration:90s;animation-direction:reverse}.hero__float{z-index:-1;pointer-events:none;position:absolute;inset:0}.floatbook{aspect-ratio:3/4;border:1px solid var(--line);width:clamp(112px,12.5vw,190px);box-shadow:var(--shadow-lg);opacity:.62;filter:saturate(.82) blur(var(--blur,0px));translate:calc(var(--px) * var(--d) * 22px) calc(var(--py) * var(--d) * 16px);rotate:var(--rot);transition:translate .5s var(--ease-out), opacity .5s var(--ease);animation:floatIn 1.1s var(--ease-out) both;border-radius:8px;animation-delay:.45s;display:block;position:absolute;overflow:hidden}:root[data-theme=dark] .floatbook{opacity:.5;filter:saturate(.9) blur(var(--blur,0px));border-color:var(--line-strong)}.floatbook--tl{top:8%;left:1.5%}.floatbook--bl{bottom:30%;left:5%}.floatbook--tr{top:12%;right:2%}.floatbook--br{bottom:27%;right:4%}@keyframes floatIn{0%{opacity:0;scale:.9}}@media (width<=1080px){.hero__float{display:none}}.hero:before{content:"";z-index:-2;background:radial-gradient(ellipse 80% 70% at 50% -20%, var(--accent-glow), transparent 70%), linear-gradient(to bottom, var(--bg-sunken), var(--bg) 60%);position:absolute;inset:0}.pattern-field{z-index:-1;width:120%;height:130%;color:var(--accent);opacity:.09;pointer-events:none;position:absolute;inset:-10% -10% auto}:root[data-theme=dark] .pattern-field{opacity:.07}.hero__inner{text-align:center;justify-items:center;gap:1.25rem;max-width:760px;margin-inline:auto;display:grid}.hero__inner>*{animation:rise .9s var(--ease-out) both}.hero__inner>:first-child{animation-delay:50ms}.hero__inner>:nth-child(2){animation-delay:.12s}.hero__inner>:nth-child(3){animation-delay:.2s}.hero__inner>:nth-child(4){animation-delay:.28s}.hero__inner>:nth-child(5){animation-delay:.36s}.hero__inner>:nth-child(6){animation-delay:.44s}.hero__badge{border:1px solid var(--line-strong);background:color-mix(in srgb, var(--bg-raised) 70%, transparent);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:var(--ink-soft);border-radius:999px;align-items:center;gap:.6rem;padding:.3rem .95rem .3rem .75rem;font-size:.82rem;display:inline-flex}html[lang=ur] .hero__badge{font-size:.95rem}.hero__badge .dot{background:var(--accent);width:6px;height:6px;box-shadow:0 0 0 3px var(--accent-glow);border-radius:50%}.hero__title{font-family:var(--font-ur);background:linear-gradient(175deg, var(--ink) 26%, var(--accent) 92%);-webkit-text-fill-color:transparent;color:#0000;-webkit-background-clip:text;background-clip:text;margin:0;padding:.15em .08em .55em;font-size:clamp(3rem,9vw,5.75rem);font-weight:400;line-height:1.8;display:inline-block}.hero__kicker{font-family:var(--font-ur);color:var(--accent);margin-bottom:-.35em;font-size:clamp(1.05rem,.95rem + .7vw,1.65rem);line-height:2}.hero__salla{vertical-align:.95em;color:var(--accent);-webkit-text-fill-color:var(--accent);margin-inline-start:.15em;font-size:.3em;display:inline-block}.hero__sub{color:var(--ink-soft);max-width:46ch;font-size:clamp(1rem,.95rem + .4vw,1.18rem)}.hero__author{color:var(--ink);align-items:center;gap:.6rem;font-size:1.05rem;display:inline-flex}.hero__author:before,.hero__author:after{content:"";background:var(--line-strong);width:26px;height:1px}.hero__actions{flex-wrap:wrap;justify-content:center;gap:.75rem;margin-top:.3rem;display:flex}.shelf{padding-inline:var(--gutter);margin-top:clamp(2.5rem,6vw,4rem);padding-top:26px;position:relative}.spines{justify-content:center;align-items:flex-end;gap:clamp(5px,.8vw,10px);display:flex;position:relative}.shelf:after{content:"";inset-inline:max(var(--gutter), 50% - 340px);background:linear-gradient(to right, transparent, var(--line-strong) 15%, var(--line-strong) 85%, transparent);border-radius:2px;height:2px;position:absolute;bottom:-1px}.spine{--h:104px;width:clamp(28px,3.4vw,46px);height:var(--h);border:1px solid var(--line-strong);box-shadow:var(--shadow-sm);color:#624e37;font-family:var(--font-ur);animation:rise .6s var(--ease-out) both;transition:transform .4s var(--ease-out), height .4s var(--ease-out), filter .3s var(--ease), border-color .3s var(--ease), box-shadow .4s var(--ease-out);background:linear-gradient(100deg,#eae3d7 0%,#f3efe7 42%,#e1d8cc 100%);border-radius:5px 5px 2px 2px;place-items:center;font-size:1rem;display:grid;position:relative;overflow:hidden}.spine--madani{color:#543f31;background:linear-gradient(100deg,#dcd0c6 0%,#e9dfd8 42%,#d0c2b9 100%)}:root[data-theme=dark] .spine{color:#d7c4a2;background:linear-gradient(100deg,#322d24,#423b2e 42%,#29251f)}:root[data-theme=dark] .spine--madani{color:#d0b395;background:linear-gradient(100deg,#29231f,#382f29 42%,#1f1b19)}.spine:before{content:"";inset-inline:3px;opacity:.35;height:1px;box-shadow:0 calc(var(--h) - 20px) 0 currentColor;background:currentColor;position:absolute;top:9px}.spine:after{content:"";background:linear-gradient(#0000002e,#0000000d);width:3px;position:absolute;inset-block:0;inset-inline-end:0}.spine:hover,.spine:focus-visible{transform-origin:bottom;filter:brightness(1.06);border-color:var(--accent);box-shadow:var(--shadow);z-index:1;transform:translateY(-14px)scaleY(1.09)}.spine__num{transition:transform .4s var(--ease-out);display:block}.spine:hover .spine__num,.spine:focus-visible .spine__num{transform:scaleY(.917)}@media (width<=640px){.shelf{display:none}}.stats{border-top:1px solid var(--line);flex-wrap:wrap;justify-content:center;gap:clamp(1.5rem,7vw,4.5rem);width:100%;margin-top:clamp(2.5rem,6vw,3.5rem);padding-top:clamp(1.75rem,4vw,2.5rem);display:flex}.stat{text-align:center}.stat__num{letter-spacing:-.03em;color:var(--ink);font-size:2.1rem;font-weight:600;line-height:1.25}html[lang=ur] .stat__num{font-family:var(--font-ur);letter-spacing:normal;font-weight:400}.stat__label{color:var(--ink-faint);font-size:.85rem}.page-head{justify-items:start;gap:.65rem;padding-block:clamp(2.5rem,6vw,4rem) 1.25rem;display:grid}.page-head__title{font-size:clamp(2rem,4.5vw,3rem)}.page-head .lead{max-width:62ch}.crumbs{color:var(--ink-faint);flex-wrap:wrap;align-items:center;gap:.5rem;font-size:.9rem;display:flex}.crumbs a{transition:color .2s var(--ease)}.crumbs a:hover{color:var(--accent)}.crumbs__sep{opacity:.5}html[dir=rtl] .crumbs__sep svg{transform:scaleX(-1)}.crumbs__sep svg{width:13px;height:13px;display:block}.era{scroll-margin-top:calc(var(--header-h) + 1rem);padding-block:clamp(2.5rem,5vw,3.75rem)}.era+.era{border-top:1px solid var(--line)}.era__head{justify-items:start;gap:.55rem;margin-bottom:2rem;display:grid}.era__top{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.era__icon{background:var(--accent-soft);width:42px;height:42px;color:var(--accent);border-radius:12px;flex:none;place-items:center;display:grid}.era__icon svg{width:21px;height:21px}.era__title{font-size:clamp(1.5rem,3vw,2.1rem)}.era__count{font-size:.82rem;font-family:var(--font-en);color:var(--ink-faint);border:1px solid var(--line);white-space:nowrap;border-radius:999px;padding:.2rem .7rem}html[lang=ur] .era__count{font-family:var(--font-ur);font-size:.95rem}.era__tagline{color:var(--ink-soft);max-width:60ch}.grid{grid-template-columns:repeat(auto-fill,minmax(212px,1fr));gap:clamp(1rem,2vw,1.75rem);display:grid}.grid.center{flex-wrap:wrap;justify-content:center;display:flex}.grid.center>*{flex:0 0 clamp(190px,19vw,236px)}.vcard{border-radius:var(--radius);transition:transform .4s var(--ease-out);flex-direction:column;display:flex;position:relative}.vcard:hover{transform:translateY(-6px)}.vcard__cover{aspect-ratio:3/4.5;border-radius:var(--radius);background:var(--bg-sunken);border:1px solid var(--line);box-shadow:var(--shadow-sm);transition:box-shadow .4s var(--ease-out), border-color .3s var(--ease);position:relative;overflow:hidden}.vcard:hover .vcard__cover{box-shadow:var(--shadow-lg);border-color:var(--line-strong)}.vcard__cover img{object-fit:cover;width:100%;height:100%;transition:transform .6s var(--ease-out)}.vcard:hover .vcard__cover img,.vcard:hover .coverart__bg{transform:scale(1.045)}.vcard__badge{top:.6rem;z-index:2;background:color-mix(in srgb, var(--bg-raised) 85%, transparent);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border:1px solid var(--line);min-width:28px;height:28px;color:var(--ink-soft);border-radius:999px;place-items:center;padding-inline:.4rem;font-size:.78rem;display:grid;position:absolute;inset-inline-end:.6rem}.vcard__hoverbar{inset-inline:.6rem;z-index:2;background:color-mix(in srgb, var(--ink) 88%, transparent);color:var(--bg);opacity:0;transition:opacity .3s var(--ease), transform .3s var(--ease-out);border-radius:999px;justify-content:center;align-items:center;gap:.4rem;padding:.45rem;font-size:.85rem;display:flex;position:absolute;bottom:.6rem;transform:translateY(8px)}.vcard__hoverbar svg{width:15px;height:15px}html[dir=rtl] .vcard__hoverbar svg{transform:scaleX(-1)}.vcard:hover .vcard__hoverbar,.vcard:focus-visible .vcard__hoverbar{opacity:1;transform:none}.vcard__body{flex-direction:column;gap:.15rem;padding:1rem .2rem 0;display:flex}.vcard__label{color:var(--accent);font-size:.8rem}html[lang=ur] .vcard__label{font-size:.98rem}.vcard__title{color:var(--ink);font-size:1.02rem;font-weight:600}html[lang=ur] .vcard__title{font-size:1.18rem;font-weight:400}.vcard__meta{color:var(--ink-faint);font-size:.8rem}html[lang=ur] .vcard__meta{font-size:.95rem}.coverart{background:linear-gradient(158deg, hsl(var(--cv-hue) 34% 92%) 0%, hsl(var(--cv-hue) 28% 85%) 55%, hsl(var(--cv-hue) 24% 79%) 100%);color:hsl(var(--cv-hue) 34% 27%);place-items:center;display:grid;position:absolute;inset:0;overflow:hidden}.coverart--madani{background:linear-gradient(158deg, hsl(var(--cv-hue) 26% 87%) 0%, hsl(var(--cv-hue) 21% 78%) 55%, hsl(var(--cv-hue) 18% 71%) 100%)}:root[data-theme=dark] .coverart{background:linear-gradient(158deg, hsl(var(--cv-hue) 22% 30%) 0%, hsl(var(--cv-hue) 19% 23%) 60%, hsl(var(--cv-hue) 17% 18%) 100%);color:hsl(var(--cv-hue) 48% 82%)}:root[data-theme=dark] .coverart--madani{background:linear-gradient(158deg, hsl(var(--cv-hue) 17% 25%) 0%, hsl(var(--cv-hue) 15% 19%) 60%, hsl(var(--cv-hue) 13% 15%) 100%)}.coverart__bg{opacity:.34;width:100%;height:100%;transition:transform .6s var(--ease-out);position:absolute;inset:0}.coverart__frame{opacity:.28;border:1px solid;border-radius:3px;position:absolute;inset:11px}.coverart__frame:after{content:"";opacity:.45;border:1px solid;border-radius:2px;position:absolute;inset:4px}.coverart__inner{text-align:center;font-family:var(--font-ur);justify-items:center;gap:.2rem;padding:1.4rem;display:grid;position:relative}.coverart__numeral{opacity:.92;font-size:clamp(2.2rem,4.4vw,3.1rem);line-height:1.45}.coverart__rule{opacity:.4;background:currentColor;width:36px;height:1px;margin-block:.35rem}.coverart__label{opacity:.9;font-size:1.02rem}.coverart__title{opacity:.72;max-width:92%;font-size:.88rem;line-height:1.95}.coverart__spine{background:linear-gradient(90deg,#00000024,#0000);width:10px;position:absolute;inset-block:0;inset-inline-start:0}html[dir=rtl] .coverart__spine{background:linear-gradient(270deg,#00000024,#0000)}.vdetail{grid-template-columns:minmax(0,1fr);gap:clamp(1.75rem,4vw,3.5rem);padding-block:1rem clamp(3rem,7vw,5rem);display:grid}@media (width>=900px){.vdetail{grid-template-columns:300px minmax(0,1fr);align-items:start}.vdetail__aside{top:calc(var(--header-h) + 1.5rem);position:sticky}}.vdetail__cover{aspect-ratio:3/4;border-radius:var(--radius);border:1px solid var(--line);background:var(--bg-sunken);box-shadow:var(--shadow);position:relative;overflow:hidden}.vdetail__cover img{object-fit:cover;width:100%;height:100%}.vdetail__facts{gap:.6rem;margin-block:1.1rem;display:grid}.fact{border-bottom:1px dashed var(--line);justify-content:space-between;align-items:center;gap:1rem;padding-bottom:.6rem;font-size:.9rem;display:flex}html[lang=ur] .fact{font-size:1rem}.fact dt{color:var(--ink-faint)}.fact dd{color:var(--ink);margin:0}.section-title{align-items:center;gap:.75rem;margin-bottom:.4rem;font-size:clamp(1.25rem,2.4vw,1.6rem);display:flex}.section-title:after{content:"";background:var(--line);flex:1;height:1px}.chapters{gap:2px;margin:1rem 0 0;padding:0;list-style:none;display:grid}.chapter-row{border-radius:var(--radius-sm);transition:background-color .22s var(--ease), border-color .22s var(--ease), transform .22s var(--ease-out);border:1px solid #0000;align-items:center;gap:1rem;padding:.8rem .9rem;display:flex;position:relative}.chapter-row:before{content:"";background:var(--accent);opacity:0;width:2px;transition:opacity .22s var(--ease);border-radius:2px;position:absolute;inset-block:.55rem;inset-inline-start:0}.chapter-row:hover{background:var(--bg-raised);border-color:var(--line)}.chapter-row:hover:before,.chapter-row.is-current:before{opacity:1}.chapter-row.is-current{background:var(--accent-soft)}.chapter-row__num{background:var(--bg-sunken);width:34px;height:34px;color:var(--ink-faint);transition:background-color .22s var(--ease), color .22s var(--ease);border-radius:9px;flex:none;place-items:center;font-size:.82rem;display:grid}html[lang=ur] .chapter-row__num{font-family:var(--font-ur);font-size:.95rem}.chapter-row:hover .chapter-row__num{background:var(--accent);color:var(--bg-raised)}.chapter-row__num.is-front,.upitem__num.is-front{color:var(--ink-faint);opacity:.6}.period{flex-wrap:wrap;gap:.4rem .6rem;margin:0;display:flex}.period__item{color:var(--ink-faint);border:1px dashed var(--line-strong);border-radius:999px;padding:.12rem .7rem;font-size:.85rem}html[lang=ur] .period__item{font-size:.95rem}.chapter-row__title{color:var(--ink);font-size:1.05rem}.chapter-row__arrow{color:var(--ink-faint);opacity:0;transition:opacity .22s var(--ease), transform .22s var(--ease-out);margin-inline-start:auto;display:grid;transform:translate(-6px)}.chapter-row__arrow svg{width:16px;height:16px}html[dir=rtl] .chapter-row__arrow svg{transform:scaleX(-1)}.chapter-row:hover .chapter-row__arrow{opacity:1;transform:none}.reader-page{padding-block:1rem 2.5rem}.reader-top{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:.75rem 1.5rem;padding-block:.75rem 1.1rem;display:flex}.reader-top__title{margin-top:.2rem;font-size:clamp(1.35rem,2.6vw,1.9rem)}.reader-grid{grid-template-columns:minmax(0,1fr);align-items:start;gap:1.25rem;display:grid}@media (width>=1080px){.reader-grid{grid-template-columns:minmax(0,1fr) 320px}.reader-grid.is-solo{grid-template-columns:minmax(0,1fr)}}.pdf{--pdf-pad:clamp(1rem, 2.5vw, 2rem);border:1px solid var(--line);border-radius:var(--radius);background:var(--bg-raised);box-shadow:var(--shadow);flex-direction:column;display:flex}.pdf.is-full{z-index:90;border:0;border-radius:0;height:100dvh;position:fixed;inset:0}.pdf__bar{top:var(--header-h);z-index:12;border-bottom:1px solid var(--line);background:var(--bg-raised);border-radius:var(--radius) var(--radius) 0 0;flex-wrap:wrap;flex:none;align-items:center;gap:.35rem;padding:.5rem .6rem;display:flex;position:sticky}.pdf.is-full .pdf__bar{border-radius:0;position:static}.pdf__group{border:1px solid var(--line);border-radius:999px;align-items:center;gap:.25rem;padding:2px;display:flex}.pdf__group .icon-btn{border-color:#0000;width:32px;height:32px}.pdf__pageinput{font-family:var(--font-en);color:var(--ink-soft);direction:ltr;align-items:center;gap:.3rem;padding-inline:.3rem;font-size:.84rem;display:flex}.pdf__pageinput input{text-align:center;width:3.1rem;font:inherit;font-variant-numeric:tabular-nums;color:var(--ink);background:var(--bg-sunken);border:1px solid var(--line);direction:ltr;border-radius:7px;padding:.22rem .35rem}.pdf__pageinput input::-webkit-outer-spin-button{appearance:none;margin:0}.pdf__pageinput input::-webkit-inner-spin-button{appearance:none;margin:0}.pdf__zoomval{text-align:center;min-width:3.4rem;font-family:var(--font-en);font-variant-numeric:tabular-nums;color:var(--ink-soft);transition:background-color .2s var(--ease), color .2s var(--ease);background:0 0;border:0;border-radius:999px;padding:.25rem .2rem;font-size:.8rem}.pdf__zoomval:hover{background:var(--bg-sunken);color:var(--ink)}.pdf__group .icon-btn.is-on{background:var(--accent-soft);color:var(--accent)}.pdf__bar .spacer{margin-inline-start:auto}.pdf__scroll{overscroll-behavior:contain;background:var(--bg-inset);padding:var(--pdf-pad);scroll-behavior:smooth;border-radius:0 0 var(--radius) var(--radius);height:calc(var(--page-h,70vh) + var(--pdf-pad) * 2);direction:ltr;flex:none;overflow:auto}.pdf.is-full .pdf__scroll{border-radius:0;flex:1;height:auto;min-height:0}.pdf__scroll .react-pdf__Document{flex-direction:column;align-items:center;gap:clamp(1.5rem,3.5vw,2.75rem);display:flex}.pdf__page{box-shadow:var(--shadow-lg);max-width:100%;animation:fade .4s var(--ease-out);background:#fff;border-radius:3px;scroll-margin-top:clamp(1rem,2.5vw,2rem);position:relative;overflow:hidden}.pdf__page canvas{-webkit-user-select:none;user-select:none}.pdf__page:after{content:attr(data-label);color:#fff;font-family:var(--font-en);opacity:0;transition:opacity .25s var(--ease);pointer-events:none;background:#0000008c;border-radius:999px;padding:1px 7px;font-size:.68rem;position:absolute;bottom:6px;right:8px}.pdf__page:hover:after{opacity:1}:root[data-theme=dark] .pdf__page{filter:invert(.9)hue-rotate(180deg)}.pdf__skeleton{aspect-ratio:1/1.414;background:linear-gradient(100deg, var(--bg-sunken) 30%, var(--bg-raised) 50%, var(--bg-sunken) 70%);background-size:200% 100%;border-radius:3px;width:min(100%,720px);animation:1.4s linear infinite shimmer}.pdf__state{text-align:center;color:var(--ink-soft);place-items:center;gap:.85rem;max-width:42ch;margin:auto;padding:2rem;display:grid}.pdf__state code{background:var(--bg-sunken);color:var(--ink-faint);word-break:break-all;direction:ltr;border-radius:6px;padding:.2rem .5rem;font-size:.78rem}.spinner{border:2px solid var(--line-strong);border-top-color:var(--accent);border-radius:50%;width:26px;height:26px;animation:.7s linear infinite spin}.pdf__progress{background:var(--bg-sunken);flex:none;height:3px}.pdf__progress span{background:linear-gradient(to right, var(--accent), var(--accent-hi));height:100%;transition:width .25s var(--ease);display:block}.reader-nav{grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:.75rem;margin-top:1.1rem;display:grid}.navcard{border:1px solid var(--line);border-radius:var(--radius);background:var(--bg-raised);transition:border-color .25s var(--ease), transform .25s var(--ease-out), box-shadow .25s var(--ease-out);align-items:center;gap:.9rem;padding:.9rem 1.1rem;display:flex}.navcard:hover{border-color:var(--line-strong);box-shadow:var(--shadow);transform:translateY(-2px)}.navcard--next{text-align:end;flex-direction:row-reverse}.navcard__icon{border:1px solid var(--line);width:36px;height:36px;color:var(--ink-soft);transition:background-color .25s var(--ease), color .25s var(--ease);border-radius:50%;flex:none;place-items:center;display:grid}.navcard:hover .navcard__icon{background:var(--accent-soft);color:var(--accent)}.navcard__icon svg{width:16px;height:16px}html[dir=rtl] .navcard__icon svg{transform:scaleX(-1)}.navcard__text{gap:.05rem;min-width:0;display:grid}.navcard__kicker{color:var(--ink-faint);font-size:.78rem}html[lang=ur] .navcard__kicker{font-size:.92rem}.navcard__title{color:var(--ink);text-overflow:ellipsis;white-space:nowrap;font-size:1rem;overflow:hidden}.sidepanel{border:1px solid var(--line);border-radius:var(--radius);background:var(--bg-raised);top:calc(var(--header-h) + 1rem);position:sticky;overflow:hidden}.sidepanel__head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:.5rem;padding:.85rem 1rem;display:flex}.sidepanel__head h2{color:var(--ink-soft);font-size:.95rem}html[lang=ur] .sidepanel__head h2{font-size:1.05rem}.sidepanel__body{max-height:min(58vh,620px);padding:.5rem;overflow:auto}.uplist{gap:2px;margin:0;padding:0;list-style:none;display:grid}.upitem{border-radius:var(--radius-sm);transition:background-color .2s var(--ease);align-items:center;gap:.7rem;padding:.55rem .6rem;display:flex}.upitem:hover{background:var(--bg-sunken)}.upitem.is-current{background:var(--accent-soft)}.upitem__num{border:1px solid var(--line-strong);width:26px;height:26px;color:var(--ink-faint);border-radius:50%;flex:none;place-items:center;font-size:.72rem;display:grid}html[lang=ur] .upitem__num{font-family:var(--font-ur);font-size:.85rem}.upitem.is-current .upitem__num{background:var(--accent);border-color:var(--accent);color:var(--bg-raised)}.upitem__label{color:var(--ink);font-size:.97rem;line-height:1.6}html[lang=ur] .upitem__label{line-height:2}.sidepanel__foot{border-top:1px solid var(--line);gap:.5rem;padding:.75rem;display:grid}.hint{color:var(--ink-faint);text-align:center;font-size:.8rem}kbd{font-family:var(--font-en);border:1px solid var(--line-strong);background:var(--bg-sunken);color:var(--ink-soft);border-bottom-width:2px;border-radius:5px;padding:.05rem .35rem;font-size:.72rem}.prose{color:var(--ink-soft);flex-direction:column;gap:1.15rem;font-size:1.05rem;display:flex}.prose h2{color:var(--ink);margin-top:1.2rem;font-size:1.4rem}.author-card{border:1px solid var(--line);border-radius:var(--radius);background:var(--bg-raised);box-shadow:var(--shadow-sm);align-items:center;gap:1.25rem;padding:1.35rem;display:flex}.author-card__avatar{background:var(--accent-soft);width:76px;height:76px;color:var(--accent);border-radius:50%;flex:none;place-items:center;display:grid}.author-card__avatar svg{width:38px;height:38px}.author-card__name{color:var(--ink);font-size:1.25rem}.author-card__role{color:var(--ink-faint);font-size:.9rem}html[lang=ur] .author-card__role{font-size:1rem}.footer{border-top:1px solid var(--line);background:var(--bg-sunken);margin-top:auto;padding-block:2.5rem}.footer__inner{color:var(--ink-faint);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1.25rem;font-size:.88rem;display:flex}.footer__brand{color:var(--ink-soft);align-items:center;gap:.6rem;display:flex}.footer__brand svg{color:var(--accent)}.footer__links{flex-wrap:wrap;gap:1.25rem;display:flex}.footer__links a{transition:color .2s var(--ease)}.footer__links a:hover{color:var(--accent)}.empty{text-align:center;place-items:center;gap:1.1rem;padding-block:clamp(4rem,14vw,8rem);display:grid}.empty__mark{color:var(--line-strong);animation:6s ease-in-out infinite drift}.empty__code{color:var(--line-strong);font-size:3.25rem;font-weight:600;line-height:1}