.search{position:relative;flex:0 0 330px;pointer-events:auto;z-index:2}.search-box{display:flex;align-items:center;gap:8px;height:46px;padding-inline:14px 10px;border-radius:999px;background:var(--overlay);border:1px solid var(--line);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:var(--gold);transition:border-color .2s,box-shadow .2s}.search-box:focus-within{border-color:var(--gold);box-shadow:0 0 0 3px var(--line-soft)}.search-box>svg{width:19px;height:19px;flex:none}.search-box input{all:unset;flex:1;min-width:0;font-family:var(--f);font-size:19px;color:var(--ivory)}.search-box input::placeholder{color:var(--ink-faint)}.search-box input::-webkit-search-cancel-button{display:none}.search-box kbd{font-family:var(--f);font-size:13px;color:var(--ivory-dim);border:1px solid var(--line);border-radius:6px;padding:0 7px;line-height:22px}.search .clear{all:unset;cursor:pointer;width:28px;height:28px;border-radius:50%;display:grid;place-items:center;color:var(--ivory-dim)}.search .clear:hover{color:var(--ivory);background:var(--tint)}.search .clear:focus-visible{outline:2px solid var(--gold)}.search .clear svg{width:15px;height:15px}.results{position:absolute;top:100%;inset-inline:0;list-style:none;margin:8px 0 0;padding:6px;border-radius:18px;background:var(--surface-2);border:1px solid var(--line-strong);box-shadow:0 20px 44px var(--shadow);max-height:min(420px,60vh);overflow-y:auto;overscroll-behavior:contain}.results li{display:grid;grid-template-columns:auto minmax(0,1fr);grid-template-areas:"dot name" "dot hint";column-gap:10px;align-items:center;padding:8px 12px;border-radius:12px;cursor:pointer}.results li.on{background:var(--tint)}.results i{grid-area:dot;width:11px;height:11px;border-radius:50%;background:var(--gold)}.results i.m{background:var(--son)}.results i.f{background:var(--daughter)}.results i.late{outline:1.5px dashed var(--gold);outline-offset:1.5px}.r-name{grid-area:name;font-size:19px;color:var(--ivory);font-weight:700}.r-name small{font-size:13px;color:var(--gold);font-weight:400}.r-hint{grid-area:hint;font-size:15px;color:var(--ivory-dim)}.results li.empty,.results li.count{display:block;cursor:default;text-align:center;color:var(--ivory-dim)}.results li.empty{font-size:17px;padding:14px}.results li.count{font-size:13px;padding:6px 8px 4px;border-top:1px solid var(--line-soft);margin-top:4px;border-radius:0}@media (hover: none){.kbd-hint{display:none}}@media (max-width: 760px){.search{flex:none}.search-box kbd{display:none}}.panel{position:absolute;top:72px;max-height:calc(100% - 84px);inset-inline-end:12px;width:min(400px,calc(100% - 24px));z-index:6;background:linear-gradient(180deg,var(--panel-a),var(--panel-b));border:1px solid var(--line-strong);border-radius:22px;box-shadow:0 24px 60px var(--shadow);overflow:hidden auto;overscroll-behavior:contain;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.pp-body{padding:22px 22px 26px;display:grid;gap:16px}.panel .x{position:absolute;top:14px;inset-inline-end:14px;z-index:2;width:36px;height:36px;border-radius:50%;background:var(--surface-soft);border:1px solid var(--line);color:var(--gold-hi);display:grid;place-items:center;cursor:pointer}.panel .x:hover{border-color:var(--gold)}.panel .x svg{width:16px;height:16px}.grab{width:44px;height:5px;border-radius:3px;background:var(--line-strong);margin:10px auto 0}.pp-head{display:flex;align-items:center;gap:14px;padding-inline-end:40px}.avatar{flex:none;width:74px;height:92px;display:grid;place-items:center;font-size:36px;font-weight:700;color:var(--night);-webkit-mask:var(--arch) 0 0 / 100% 100% no-repeat;mask:var(--arch) 0 0 / 100% 100% no-repeat;background:linear-gradient(160deg,var(--gold-soft),var(--gold-deep))}.avatar.m{background:linear-gradient(160deg,var(--ok),var(--dome))}.avatar.f{background:linear-gradient(160deg,var(--daughter-hi),var(--daughter-lo))}.avatar.photo{padding:3px}.avatar.photo img{width:100%;height:100%;object-fit:cover;object-position:top;-webkit-mask:var(--arch) 0 0 / 100% 100% no-repeat;mask:var(--arch) 0 0 / 100% 100% no-repeat}.avatar span{margin-top:18px}.pp-title{display:grid;min-width:0}.pp-title h2{margin:0;font-size:30px;line-height:1.25;font-weight:700;color:var(--ivory);text-wrap:balance;outline:none}.honor{font-size:17px;color:var(--gold)}.kunya{font-size:17px;color:var(--ivory-dim)}.tags{display:flex;flex-wrap:wrap;gap:6px}.tag{font-size:16px;padding:3px 12px;border-radius:999px;border:1px solid var(--line);color:var(--ivory-dim)}.tag.gold{background:var(--line-soft);color:var(--gold-hi);border-color:var(--line-strong)}.nasab{margin:0;padding:12px 14px;border-radius:14px;background:var(--surface-soft);border:1px solid var(--line-soft);font-size:19px;line-height:1.9}.nasab b{color:var(--gold-hi)}.dua{margin:-4px 0 0;font-size:18px;color:var(--gold);text-align:center}.panel .facts{margin:0;display:grid}.panel .facts div{display:grid;grid-template-columns:7.5em minmax(0,1fr);gap:10px;align-items:center;padding:9px 0;border-bottom:1px solid var(--line-soft)}.panel .facts dt{font-size:17px;color:var(--gold)}.panel .facts dd{margin:0;font-size:19px;min-width:0}.rh{color:var(--gold);font-size:14px}.group h3{margin:0 0 8px;font-size:19px;color:var(--gold);font-weight:700;display:flex;align-items:center;gap:8px}.group h3 span{font-size:13px;color:var(--ivory-dim);font-weight:400;border:1px solid var(--line);border-radius:999px;padding:0 8px}.chips{display:flex;flex-wrap:wrap;gap:6px}.chip{all:unset;cursor:pointer;display:inline-flex;align-items:center;gap:7px;font-size:18px;padding:5px 12px;border-radius:999px;background:var(--surface);border:1px solid var(--line);color:var(--ivory);transition:background .15s,border-color .15s,transform .15s}.chip:hover{border-color:var(--gold);background:var(--surface-hover);transform:translateY(-1px)}.chip:focus-visible{outline:2px solid var(--gold);outline-offset:2px}.chip i{width:9px;height:9px;border-radius:50%;background:var(--gold);flex:none}.chip.m i{background:var(--son)}.chip.f i{background:var(--daughter)}.chip.late i{outline:1.5px dashed var(--gold);outline-offset:1.5px}.chip small{font-size:12px;color:var(--gold)}.pp-share{all:unset;cursor:pointer;justify-self:stretch;display:flex;align-items:center;justify-content:center;gap:8px;font-size:18px;color:var(--gold-hi);border:1px solid var(--line-strong);border-radius:999px;padding:10px 18px;transition:background .2s,border-color .2s}.pp-share:hover{background:var(--tint);border-color:var(--gold)}.pp-share:focus-visible{outline:2px solid var(--gold);outline-offset:3px}.pp-share svg{width:18px;height:18px}.pp-keep{display:grid;grid-template-columns:1fr 1fr;gap:8px}.pp-keep .pp-share{padding-inline:10px;font-size:17px}.pp-cta{all:unset;cursor:pointer;justify-self:start;font-size:18px;font-weight:700;color:var(--night);background:linear-gradient(180deg,var(--btn-a),var(--btn-b));padding:10px 22px;border-radius:999px}.pp-cta:focus-visible{outline:2px solid var(--ivory);outline-offset:3px}@media (max-width: 760px){.panel{top:auto;bottom:0;inset-inline:0;width:auto;max-height:62%;border-radius:22px 22px 0 0;border-bottom:0;padding-bottom:env(safe-area-inset-bottom,0px);touch-action:pan-y}.pp-body{padding:10px 18px 22px;gap:14px}.panel .x{top:12px}.avatar{width:60px;height:75px;font-size:30px}.pp-title h2{font-size:26px}}.cine{position:relative;height:340vh;margin-inline:calc(var(--gutter) * -1)}.cine-stage{position:sticky;top:0;height:calc(100vh - var(--bar-h));overflow:hidden}.cine-frame{position:absolute;top:0;right:0;bottom:0;left:0;will-change:clip-path}.cine-video,.cine-end{width:100%;height:100%;object-fit:cover;display:block;background:#0a1a14}.cine-media{position:absolute;top:0;right:0;bottom:0;left:0}.cine-end{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.cine-shade{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#00000040,#00000010 40%,#000000a0);pointer-events:none}.cine-rim{position:absolute;border:2px solid var(--gold);border-bottom:0;pointer-events:none;box-shadow:0 30px 70px var(--shadow)}.cine-cap{position:absolute;inset-inline:0;bottom:14%;margin:0;display:grid;justify-items:center;gap:6px;text-align:center;color:#fff;padding-inline:24px;text-shadow:0 2px 18px #000c;pointer-events:none}.cap-eyebrow{font-size:clamp(30px,4.6vw,64px);font-weight:700}.cap-coords{font-family:Segoe UI,Tahoma,sans-serif;direction:ltr;font-size:14px;letter-spacing:.2em;opacity:.85}.cap-big{font-size:clamp(28px,4vw,56px);font-weight:700;line-height:1.25}.cap-small{font-size:clamp(17px,1.6vw,22px);opacity:.92;max-width:30em}.cine-cue{position:absolute;bottom:4%;inset-inline:0;display:grid;justify-items:center;gap:2px;color:#fff;font-size:16px;text-shadow:0 2px 10px #000a}.cine-cue i{font-style:normal;font-size:26px;line-height:1}.cine-hero{position:absolute;inset-inline-start:6%;top:50%;translate:0 -50%;width:40%;display:grid;gap:18px;justify-items:start}.eyebrow-line{display:inline-flex;align-items:center;gap:10px;font-size:16px;color:var(--gold);letter-spacing:.04em}.eyebrow-line i{width:6px;height:6px;background:var(--gold);transform:rotate(45deg)}.hero-h1{margin:0;font-size:clamp(44px,5.6vw,84px);line-height:1.12;font-weight:700;color:var(--ivory);text-wrap:balance}.hero-h1 em{font-style:normal;color:var(--gold-hi)}.hero-lede{margin:0;font-size:clamp(18px,1.5vw,21px);line-height:1.9;color:var(--ivory-dim);max-width:32em}.hero-cta{display:flex;gap:12px;flex-wrap:wrap}.first-chapter{all:unset;cursor:pointer;display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:14px;align-items:center;width:min(440px,100%);padding-top:16px;margin-top:6px;border-top:1px solid var(--line)}.first-chapter img{width:54px;height:66px;object-fit:cover;object-position:top;-webkit-mask:var(--arch) 0 0 / 100% 100%;mask:var(--arch) 0 0 / 100% 100%}.first-chapter span{display:grid;min-width:0}.first-chapter small{font-size:13px;color:var(--gold)}.first-chapter b{font-size:18px;color:var(--ivory);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.first-chapter em{font-style:normal;font-size:14px;color:var(--ivory-dim)}.fc-years{font-size:15px;color:var(--gold);text-align:center;line-height:1.5}.first-chapter:hover b{color:var(--gold-hi)}.first-chapter:focus-visible{outline:2px solid var(--gold);outline-offset:6px;border-radius:8px}@media (max-width: 760px){.cine{height:300vh}.cine-cap{bottom:16%}.cine-hero{inset-inline:22px;top:auto;bottom:3%;translate:none;width:auto;gap:12px}.hero-h1{font-size:clamp(34px,9vw,46px)}.hero-lede{font-size:16px;line-height:1.75}.first-chapter{display:none}}.home{padding-inline:var(--gutter);padding-block:0}.verse-band{margin:clamp(60px,9vh,110px) auto 0;text-align:center;font-family:var(--f-quran);font-size:clamp(22px,2.4vw,30px);color:var(--gold)}.verse-band small{font-family:var(--f);font-size:15px;color:var(--ivory-dim);margin-inline-start:.6em}.teaser{max-width:1240px;margin:clamp(80px,12vh,140px) auto 0;display:grid;gap:32px}.t-head{display:grid;gap:10px;max-width:640px}.t-head h2{margin:0;font-size:clamp(36px,4.4vw,60px);line-height:1.15;font-weight:700;color:var(--ivory);text-wrap:balance}.t-head h2 em{font-style:normal;color:var(--gold-hi)}.t-head p{margin:0;font-size:20px;line-height:1.85;color:var(--ivory-dim)}.t-link{all:unset;cursor:pointer;justify-self:start;font-size:18px;color:var(--gold-hi);border-bottom:1px solid var(--line-strong);padding-bottom:3px}.t-link:hover{border-color:var(--gold-hi)}.t-link:focus-visible{outline:2px solid var(--gold);outline-offset:4px}.t-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(14px,2vw,26px)}.t-card{all:unset;cursor:pointer;display:grid;gap:14px}.t-card:focus-visible{outline:2px solid var(--gold);outline-offset:6px;border-radius:20px}.live-scene{aspect-ratio:400 / 320;border-radius:22px;overflow:hidden;background:radial-gradient(80% 80% at 50% 40%,#12493a,#061a14);border:1px solid var(--line);box-shadow:0 20px 50px var(--shadow)}.live-scene .scene text{direction:ltr}.t-card-text{display:grid;gap:2px}.t-card-text small{font-size:14px;color:var(--gold)}.t-card-text b{font-size:26px;color:var(--ivory)}.t-card-text em{font-style:normal;font-size:16px;color:var(--ivory-dim)}.teaser.split{grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);align-items:center;gap:clamp(28px,5vw,80px)}.t-stats{list-style:none;margin:8px 0 6px;padding:0;display:flex;flex-wrap:wrap;gap:0}.t-stats li{display:grid;padding-inline:22px;border-inline-start:1px solid var(--line)}.t-stats li:first-child{padding-inline-start:0;border-inline-start:0}.t-stats b{font-size:44px;line-height:1.1;color:var(--gold);font-variant-numeric:tabular-nums}.t-stats span{font-size:16px;color:var(--ivory-dim)}.t-visual .live-scene{aspect-ratio:400 / 300}.t-photos{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(14px,2vw,26px)}.t-photo{all:unset;cursor:pointer;aspect-ratio:4 / 5;overflow:hidden;border-radius:999px 999px 18px 18px/40% 40% 18px 18px;border:1px solid var(--line-strong);box-shadow:0 20px 50px var(--shadow)}.t-photo img{width:100%;height:100%;object-fit:cover;object-position:top;transition:transform .6s}.t-photo:hover img{transform:scale(1.05)}.t-photo:focus-visible{outline:2px solid var(--gold);outline-offset:6px}.quote{max-width:820px;margin:clamp(90px,13vh,150px) auto 0;text-align:center;display:grid;gap:10px;justify-items:center}.q-orn{color:var(--gold);font-size:22px}.quote p{margin:0;font-family:var(--f-quran);font-size:clamp(24px,2.8vw,34px);line-height:1.9;color:var(--ivory);text-wrap:balance}.quote cite{font-style:normal;font-size:16px;color:var(--gold)}.home-foot{margin:clamp(80px,12vh,140px) calc(var(--gutter) * -1) 0}.home-foot .skyline{display:block;width:100%;height:clamp(140px,18vw,240px)}.foot-row{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:22px var(--gutter) calc(30px + env(safe-area-inset-bottom,0px));background:#061813;color:#f4ecd9}.foot-row b{font-size:24px}.foot-row p{margin:2px 0 0;font-size:16px;color:#f4ecd9a6}.foot-row .t-link{color:#ffe38a;border-color:#d6b16180}@media (max-width: 860px){.t-cards,.t-photos{grid-template-columns:minmax(0,1fr)}.t-cards{gap:22px}.t-photos{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.teaser.split{grid-template-columns:minmax(0,1fr)}.t-head p{font-size:18px}}.branches{min-width:0;flex:1;pointer-events:auto}.branches-row{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;padding:4px 2px;-webkit-mask:linear-gradient(90deg,transparent 0,#000 18px,#000 calc(100% - 18px),transparent 100%);mask:linear-gradient(90deg,transparent 0,#000 18px,#000 calc(100% - 18px),transparent 100%)}.branches-row::-webkit-scrollbar{display:none}.bchip{all:unset;cursor:pointer;position:relative;isolation:isolate;flex:none;display:inline-flex;align-items:center;gap:7px;height:38px;padding-inline:14px;border-radius:999px;background:var(--overlay);border:1px solid var(--line);font-size:18px;color:var(--ivory);white-space:nowrap;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);transition:border-color .2s,color .2s}.bchip:first-child{margin-inline-start:14px}.bchip:last-child{margin-inline-end:14px}.bchip:hover{border-color:var(--gold)}.bchip:focus-visible{outline:2px solid var(--gold);outline-offset:2px}.bchip i{width:9px;height:9px;border-radius:50%;flex:none}.bchip.m i{background:var(--son)}.bchip.f i{background:var(--daughter)}.bchip small{font-size:13px;color:var(--ivory-dim)}.bchip-bg{position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;border-radius:999px;background:linear-gradient(180deg,var(--btn-a),var(--btn-b));z-index:-1}.bchip.on{color:var(--night);border-color:transparent;font-weight:700}.bchip.on small{color:var(--btn-ink-dim)}.bchip.on i{box-shadow:0 0 0 2px var(--night)}.finder{position:absolute;top:72px;inset-inline-start:12px;width:min(390px,calc(100% - 24px));max-height:calc(100% - 84px);z-index:8;overflow:hidden auto;overscroll-behavior:contain;padding:18px 20px 22px;display:grid;gap:14px;align-content:start;background:linear-gradient(180deg,var(--panel-a),var(--panel-b));border:1px solid var(--line-strong);border-radius:22px;box-shadow:0 24px 60px var(--shadow);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.rf-head{display:flex;align-items:center;justify-content:space-between}.rf-head h2{margin:0;font-size:26px;color:var(--gold);font-weight:700}.finder .x{width:36px;height:36px;border-radius:50%;background:var(--surface-soft);border:1px solid var(--line);color:var(--gold-hi);display:grid;place-items:center;cursor:pointer}.finder .x:hover{border-color:var(--gold)}.finder .x svg{width:16px;height:16px}.rf-lede{margin:-6px 0 0;font-size:17px;color:var(--ivory-dim)}.rf-fields,.rf-slot{display:grid;gap:6px}.rf-slot-label{display:flex;align-items:center;gap:8px;font-size:16px;color:var(--ivory-dim)}.rf-slot-label i{width:12px;height:12px;border-radius:50%}.rf-slot.a .rf-slot-label i{background:var(--rel-a);box-shadow:0 0 8px var(--rel-a)}.rf-slot.b .rf-slot-label i{background:var(--rel-b);box-shadow:0 0 8px var(--rel-b)}.rf-slot .search{flex:none}.rf-slot .search-box{height:44px}.rf-picked{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"name btn" "hint btn";column-gap:10px;align-items:center;padding:8px;padding-inline-start:16px;border-radius:16px;background:var(--surface-soft);border:1px solid}.rf-slot.a .rf-picked{border-color:var(--glow-gold)}.rf-slot.b .rf-picked{border-color:var(--rel-b-line)}.rf-picked-name{grid-area:name;font-size:20px;font-weight:700}.rf-picked-name small{font-size:13px;color:var(--gold);font-weight:400}.rf-picked-hint{grid-area:hint;font-size:15px;color:var(--ivory-dim)}.rf-picked button{grid-area:btn;all:unset;cursor:pointer;font-size:15px;color:var(--gold-hi);border:1px solid var(--line);border-radius:999px;padding:5px 12px}.rf-picked button:hover{border-color:var(--gold)}.rf-picked button:focus-visible,.rf-swap:focus-visible,.rf-example:focus-visible{outline:2px solid var(--gold);outline-offset:2px}.rf-swap{justify-self:center;width:34px;height:34px;border-radius:50%;border:1px solid var(--line);background:var(--surface-2);color:var(--gold);display:grid;place-items:center;cursor:pointer;margin:-2px 0}.rf-swap:disabled{opacity:.35;cursor:default}.rf-swap svg{width:17px;height:17px}.rf-result{display:grid;gap:10px;padding:16px;border-radius:18px;background:var(--surface-soft);border:1px solid var(--line);text-align:center}.rf-label{font-size:34px;line-height:1.2;color:var(--gold-hi);font-weight:700}.rf-sentence{margin:0;font-size:19px;line-height:1.9}.rf-meta{margin:0;display:grid;grid-template-columns:1fr 1fr;gap:8px}.rf-meta div{padding:8px;border-radius:12px;border:1px solid var(--line-soft)}.rf-meta dt{font-size:14px;color:var(--gold)}.rf-meta dd{margin:0;font-size:18px}.rf-key{display:flex;justify-content:center;gap:16px;flex-wrap:wrap;font-size:15px;color:var(--ivory-dim)}.rf-key span{display:inline-flex;align-items:center;gap:6px}.rf-key i{width:22px;height:4px;border-radius:2px}.rf-key i.a{background:var(--rel-a);box-shadow:0 0 6px var(--rel-a)}.rf-key i.b{background:var(--rel-b);box-shadow:0 0 6px var(--rel-b)}.rf-empty{text-align:center;color:var(--ivory-dim);font-size:17px;display:grid;gap:10px;justify-items:center}.rf-empty p{margin:0}.rf-example{all:unset;cursor:pointer;font-size:17px;color:var(--gold-hi);border:1px dashed var(--line-strong);border-radius:999px;padding:7px 16px}.rf-example:hover{background:var(--tint)}.relbtn{all:unset;cursor:pointer;pointer-events:auto;flex:none;display:inline-flex;align-items:center;gap:7px;height:44px;padding-inline:16px;border-radius:999px;font-size:18px;font-weight:700;color:var(--night);background:linear-gradient(180deg,var(--btn-a),var(--btn-b));box-shadow:0 8px 22px var(--line-soft)}.relbtn[aria-expanded=true]{background:var(--gold-hi)}.relbtn:focus-visible{outline:2px solid var(--ivory);outline-offset:3px}.relbtn svg{width:18px;height:18px}@media (max-width: 760px){.finder{top:auto;bottom:0;inset-inline:0;width:auto;max-height:64%;border-radius:22px 22px 0 0;border-bottom:0;padding-top:6px;padding-bottom:calc(22px + env(safe-area-inset-bottom,0px));touch-action:pan-y}.relbtn{padding-inline:12px;font-size:16px}.rf-label{font-size:28px}.finder{gap:10px}.rf-lede{display:none}.rf-picked{grid-template-areas:"name btn";padding-block:5px}.rf-picked-hint{display:none}.rf-slot-label{font-size:14px}.rf-result{padding:12px;gap:8px}}.nd-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;background:var(--scrim);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:grid;place-items:center;padding:20px}.nd-dialog{width:min(760px,100%);height:min(86vh,900px);display:flex;flex-direction:column;overflow:hidden;background:linear-gradient(180deg,var(--panel-a),var(--panel-b));border:1px solid var(--line-strong);border-radius:26px;box-shadow:0 30px 80px var(--shadow)}.nd-head{display:flex;justify-content:space-between;align-items:start;gap:12px;padding:22px 24px 8px}.nd-head h2{margin:0;font-size:32px;color:var(--gold);font-weight:700}.nd-head p{margin:2px 0 0;font-size:17px;color:var(--ivory-dim)}.nd-head .x{flex:none;width:38px;height:38px;border-radius:50%;background:var(--surface-soft);border:1px solid var(--line);color:var(--gold-hi);display:grid;place-items:center;cursor:pointer}.nd-head .x svg{width:16px;height:16px}.nd-search{margin:8px 24px 12px;display:flex;align-items:center;gap:8px;height:46px;padding-inline:14px;border-radius:999px;background:var(--surface-2);border:1px solid var(--line);color:var(--gold)}.nd-search:focus-within{border-color:var(--gold);box-shadow:0 0 0 3px var(--line-soft)}.nd-search svg{width:18px;height:18px;flex:none}.nd-search input{all:unset;flex:1;min-width:0;font-size:19px;color:var(--ivory)}.nd-search input::placeholder{color:var(--ink-faint)}.nd-list{flex:1;overflow-y:auto;overscroll-behavior:contain;padding:0 24px 26px}.nd-group{position:relative}.nd-letter{position:sticky;top:0;z-index:1;margin:0;padding:10px 0 6px;font-size:26px;font-weight:700;color:var(--gold);background:linear-gradient(180deg,var(--panel-a) 70%,transparent)}.nd-entry{padding:14px 16px;margin-bottom:10px;border-radius:18px;background:var(--surface-soft);border:1px solid var(--line-soft);transition:border-color .3s,box-shadow .3s}.nd-entry.family{margin-top:4px;border-color:var(--line-strong);background:var(--tint);text-align:center}.nd-kicker{font-size:15px;color:var(--gold)}.nd-entry.flash{border-color:var(--gold-hi);box-shadow:0 0 0 3px var(--glow-gold);animation:ndflash 1.6s ease-out 1}@keyframes ndflash{0%{background:var(--line-soft)}to{background:var(--surface-soft)}}.nd-title{display:flex;align-items:center;flex-wrap:wrap;gap:8px}.nd-entry h3{margin:0;font-size:26px;color:var(--ivory);font-weight:700}.nd-entry .tag{font-size:14px;padding:2px 10px;border-radius:999px;border:1px solid var(--line);color:var(--ivory-dim)}.nd-entry .tag.gold{color:var(--gold-hi);border-color:var(--line-strong);background:var(--tint)}.nd-entry p{margin:6px 0 0;font-size:19px;line-height:1.85}.nd-entry .nd-known{font-size:16px;color:var(--gold)}.nd-people{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-top:10px;font-size:15px;color:var(--ivory-dim)}.nd-people button{all:unset;cursor:pointer;font-size:16px;color:var(--ivory);padding:4px 12px;border-radius:999px;background:var(--surface);border:1px solid var(--line)}.nd-people button:hover{border-color:var(--gold)}.nd-people button:focus-visible{outline:2px solid var(--gold);outline-offset:2px}.nd-people small{font-size:12px;color:var(--ivory-dim)}.nd-empty{text-align:center;font-size:18px;color:var(--ivory-dim);margin:30px 0}.nd-foot{text-align:center;font-size:14px;color:var(--ivory-dim);margin:22px 0 0}.namesbtn{all:unset;cursor:pointer;pointer-events:auto;flex:none;display:inline-flex;align-items:center;gap:7px;height:44px;padding-inline:14px;border-radius:999px;font-size:18px;color:var(--gold-hi);background:var(--overlay);border:1px solid var(--line-strong);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.namesbtn:hover{border-color:var(--gold)}.namesbtn:focus-visible{outline:2px solid var(--gold);outline-offset:3px}.namesbtn svg{width:18px;height:18px}.pp-meaning{margin:0;padding:10px 14px;border-radius:14px;border:1px dashed var(--line-soft);font-size:17px;line-height:1.8;color:var(--ivory)}.pp-meaning b{color:var(--gold);font-weight:700}.pp-meaning button{all:unset;cursor:pointer;color:var(--gold-hi);text-decoration:underline;text-underline-offset:4px;margin-inline-start:6px}.pp-meaning button:focus-visible{outline:2px solid var(--gold)}@media (max-width: 760px){.nd-overlay{padding:0;place-items:end stretch}.nd-dialog{height:92%;border-radius:22px 22px 0 0;border-bottom:0}.nd-head{padding:16px 18px 4px}.nd-head h2{font-size:26px}.nd-search{margin:6px 18px 10px}.nd-list{padding:0 18px calc(22px + env(safe-area-inset-bottom,0px))}}@media (max-width: 480px){.namesbtn .nl,.relbtn .rl{display:none}.namesbtn,.relbtn{padding-inline:12px}}.cards-scroll{position:absolute;top:0;right:0;bottom:0;left:0;overflow:auto;padding:132px 24px 110px}.cards{display:grid;justify-items:center;min-width:calc(var(--cols) * 150px);max-width:1500px;margin:0 auto}.card{all:unset;cursor:pointer;box-sizing:border-box;display:flex;align-items:center;gap:10px;background:var(--surface);border:1px solid var(--line);border-radius:14px;box-shadow:0 8px 22px var(--shadow);transition:border-color .2s,background .2s,transform .2s}.card:hover{border-color:var(--gold);transform:translateY(-2px)}.card:focus-visible{outline:2px solid var(--gold);outline-offset:3px}.card.lit{border-color:var(--gold-hi);background:var(--plate-lit)}.card.sel{border-color:var(--gold-hi);box-shadow:0 0 0 3px var(--glow-gold)}.card b{color:var(--ivory);font-weight:700}.card em{font-style:normal;color:var(--ivory-dim)}.card small{color:var(--gold);font-size:12px}.root-card{padding:12px 18px 12px 22px}.root-card img{width:56px;height:70px;object-fit:cover;object-position:top;-webkit-mask:var(--arch) 0 0 / 100% 100%;mask:var(--arch) 0 0 / 100% 100%}.root-card span{display:grid}.root-card b{font-size:22px}.root-card em{font-size:14px}.c-couple{display:flex;align-items:center;gap:0}.c-bond{width:46px;height:2px;background:var(--gold);position:relative}.c-bond i{position:absolute;left:50%;top:50%;width:9px;height:9px;background:var(--gold);transform:translate(-50%,-50%) rotate(45deg)}.mother-card{cursor:default;padding:12px 18px;position:relative}.card-crown{position:absolute;top:-34px;left:50%;translate:-50% 0;width:66px;height:44px;overflow:visible}.mother-card:hover{transform:none;border-color:var(--line)}.mother-card .av{font-style:normal;width:44px;height:54px;display:grid;place-items:center;padding-top:8px;font-size:22px;font-weight:700;color:var(--night);background:var(--daughter);-webkit-mask:var(--arch) 0 0 / 100% 100%;mask:var(--arch) 0 0 / 100% 100%}.mother-card span{display:grid}.mother-card b{font-size:20px}.mother-card em{font-size:14px}.c-trunk{width:2px;height:34px;background:var(--gold)}.c-row{list-style:none;margin:0;padding:0;width:100%;display:grid;grid-template-columns:repeat(var(--cols),minmax(0,1fr));gap:0 10px;position:relative}.c-row:before{content:"";position:absolute;top:0;height:2px;background:var(--gold);inset-inline:calc((100% - (var(--cols) - 1) * 10px) / var(--cols) / 2)}.c-col{position:relative;display:flex;flex-direction:column;align-items:center;padding-top:22px;min-width:0}.c-col:before{content:"";position:absolute;top:0;height:22px;width:2px;background:var(--gold)}.child-card{width:100%;max-width:150px;padding:10px;flex-direction:column;text-align:center;gap:6px}.child-card .av{font-style:normal;width:40px;height:48px;display:grid;place-items:center;padding-top:8px;font-size:20px;font-weight:700;color:var(--night);-webkit-mask:var(--arch) 0 0 / 100% 100%;mask:var(--arch) 0 0 / 100% 100%}.child-card.m .av{background:var(--son)}.child-card.f .av{background:var(--daughter)}.child-card span{display:grid}.child-card b{font-size:20px}.child-card em{font-size:13px}.c-grand{list-style:none;margin:0;padding:14px 0 0;display:grid;gap:8px;width:100%;justify-items:center;position:relative}.c-grand:before{content:"";position:absolute;top:0;bottom:18px;width:1px;background:var(--line-strong)}.grand-card{position:relative;padding:6px 12px;border-radius:10px;gap:8px;min-width:96px;justify-content:center;box-shadow:none}.grand-card .dot{width:9px;height:9px;border-radius:50%;flex:none}.grand-card.m .dot{background:var(--son)}.grand-card.f .dot{background:var(--daughter)}.grand-card.late .dot{outline:1.5px dashed var(--gold);outline-offset:1.5px}.grand-card b{font-size:17px;font-weight:400}.tree-modes{position:absolute;bottom:calc(14px + env(safe-area-inset-bottom,0px));left:50%;translate:-50% 0;z-index:4;display:flex;gap:8px}.seg{display:flex;padding:3px;border-radius:999px;background:var(--overlay);border:1px solid var(--line);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.seg button{all:unset;cursor:pointer;font-size:15px;padding:6px 13px;border-radius:999px;color:var(--ivory-dim);white-space:nowrap}.seg button.on{background:linear-gradient(180deg,var(--btn-a),var(--btn-b));color:var(--night)}.seg button:focus-visible{outline:2px solid var(--gold);outline-offset:2px}@media (max-width: 760px){.cards-scroll{padding-top:132px}.tree-modes{bottom:calc(66px + env(safe-area-inset-bottom,0px))}.seg button{font-size:14px;padding:5px 10px}}.ks-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;background:var(--scrim);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:grid;place-items:center;padding:16px}.ks-dialog{display:grid;gap:14px;justify-items:center;max-width:min(520px,100%)}.ks-preview{width:min(420px,82vw);aspect-ratio:1080 / 1350;max-height:72vh;display:grid;place-items:center;border-radius:16px;overflow:hidden;background:#061813;box-shadow:0 30px 70px #000a}.ks-preview img{width:100%;height:100%;object-fit:contain}.ks-wait{color:#f4ecd9a6;font-size:18px}.ks-actions{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}.ks-actions a{text-decoration:none}.ks-actions .btn-gold:disabled{opacity:.5;cursor:default}.ks-msg{margin:0;font-size:16px;color:var(--ivory);background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:8px 14px;text-align:center}.poster-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;background:var(--scrim);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);overflow:auto;padding:20px 16px 40px;display:grid;justify-items:center;align-content:start;gap:14px}.poster-tools{display:flex;gap:10px;flex-wrap:wrap;justify-content:center}.poster-sheet{--ink: #2c342c;--gold: #9c7a3a;--green: #2f5a48;--paper: #fbf8f0;width:min(794px,100%);aspect-ratio:210 / 297;background:var(--paper);color:var(--ink);border-radius:6px;box-shadow:0 30px 80px #000b;padding:7% 8% 5%;display:flex;flex-direction:column;align-items:center;text-align:center;position:relative;font-family:var(--f);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='72' height='72' viewBox='0 0 72 72'%3E%3Cg fill='none' stroke='%239c7a3a' stroke-width='0.8' opacity='0.12'%3E%3Crect x='22' y='22' width='28' height='28'/%3E%3Crect x='22' y='22' width='28' height='28' transform='rotate(45 36 36)'/%3E%3C/g%3E%3C/svg%3E")}.poster-sheet:before{content:"";position:absolute;top:2.4%;right:2.4%;bottom:2.4%;left:2.4%;border:2px solid var(--gold);border-radius:50% 50% 4px 4px/7% 7% 4px 4px;pointer-events:none}.poster-sheet:after{content:"";position:absolute;top:3.4%;right:3.4%;bottom:3.4%;left:3.4%;border:1px solid #9c7a3a66;border-radius:50% 50% 3px 3px/6.6% 6.6% 3px 3px;pointer-events:none}.ps-verse{margin:2% 0 0;font-family:var(--f-quran);font-size:clamp(14px,2.4vw,20px);color:var(--gold)}.ps-title{margin:1% 0 0;font-size:clamp(16px,2.4vw,20px);color:var(--gold);font-weight:700;letter-spacing:.05em}.ps-name{margin:0;font-size:clamp(30px,6vw,54px);line-height:1.2;color:var(--green);font-weight:700}.ps-name small{font-size:.42em;color:var(--gold)}.ps-chain{margin-top:3%;display:grid;justify-items:center}.ps-parents{display:flex;align-items:center}.ps-bond{width:clamp(20px,5vw,46px);height:2px;background:var(--gold)}.ps-step{display:grid;justify-items:center}.ps-line{width:2px;height:clamp(14px,3vw,26px);background:var(--gold)}.ps-node{display:grid;justify-items:center;gap:1px;padding:1.2% 2.4%;min-width:9em;border:1.5px solid var(--gold);border-radius:12px;background:#fffdf7}.ps-node img{width:clamp(40px,8vw,64px);aspect-ratio:4 / 5;object-fit:cover;object-position:top;-webkit-mask:var(--arch) 0 0 / 100% 100%;mask:var(--arch) 0 0 / 100% 100%}.ps-av{font-style:normal;width:clamp(34px,6vw,50px);aspect-ratio:4 / 5;display:grid;place-items:center;padding-top:18%;font-size:clamp(16px,2.6vw,22px);font-weight:700;color:#fff;background:var(--green);-webkit-mask:var(--arch) 0 0 / 100% 100%;mask:var(--arch) 0 0 / 100% 100%}.ps-node small{font-size:clamp(10px,1.6vw,13px);color:var(--gold)}.ps-node b{font-size:clamp(13px,2.3vw,19px);color:var(--ink)}.ps-node em{font-style:normal;font-size:clamp(10px,1.5vw,12px);color:var(--gold)}.ps-node.me{border-width:2.5px;border-color:var(--green);background:#eef4ee}.ps-nasab{margin:3% 0 0;font-size:clamp(13px,2.2vw,18px);line-height:1.9;max-width:32em}.ps-list{margin:1.4% 0 0;font-size:clamp(12px,2vw,16px);line-height:1.8;max-width:36em;color:#4a5048}.ps-list b{color:var(--green)}.ps-foot{margin-top:auto;width:100%;display:flex;justify-content:space-between;font-size:clamp(10px,1.6vw,13px);color:var(--gold);padding-top:2%;border-top:1px solid #9c7a3a55}@media print{@page{size:A4 portrait;margin:0}html,body.printing-poster{height:auto!important;overflow:visible!important;background:#fbf8f0!important}body.printing-poster>*:not(.poster-overlay){display:none!important}body.printing-poster .poster-overlay{position:static;inset:auto;background:none;-webkit-backdrop-filter:none;backdrop-filter:none;padding:0;overflow:visible;display:block}body.printing-poster .poster-tools{display:none!important}body.printing-poster .poster-sheet{width:210mm;height:296mm;max-width:none;aspect-ratio:auto;margin:0;border-radius:0;box-shadow:none;overflow:hidden;padding:18mm 18mm 12mm;break-inside:avoid;-webkit-print-color-adjust:exact;print-color-adjust:exact}.ps-verse{font-size:20px}.ps-title{font-size:18px}.ps-name{font-size:54px}.ps-chain{margin-top:10mm}.ps-node{min-width:14em;padding:12px 26px;gap:3px}.ps-node img{width:84px}.ps-av{width:62px;font-size:26px}.ps-node small{font-size:14px}.ps-node b{font-size:22px}.ps-node em{font-size:14px}.ps-line{height:34px}.ps-bond{width:50px}.ps-nasab{font-size:20px;margin-top:10mm}.ps-list{font-size:17px}.ps-foot{font-size:14px}}@media screen and (max-width: 600px){.poster-sheet{overflow:hidden;padding-inline:6%}.ps-parents{max-width:100%}.ps-node{min-width:0;max-width:42vw;padding:6px 8px}.ps-node b{font-size:12px;line-height:1.4}}.tree-stage{position:relative;height:100%;overflow:hidden;background:radial-gradient(50% 45% at 50% 4%,var(--glow-1) 0%,var(--glow-1) 45%,transparent 80%)}.tree-svg{width:100%;height:100%;display:block;cursor:grab;touch-action:none}.tree-svg:active{cursor:grabbing}.lk path{fill:none;stroke-linecap:round;transition:opacity .3s,stroke .3s}.lk .outer{stroke:var(--gold);opacity:.85}.lk .inner{stroke:var(--tree-core)}.lk.litA .outer{stroke:var(--rel-a);opacity:1;filter:drop-shadow(0 0 6px var(--glow-gold))}.lk.litB .outer{stroke:var(--rel-b);opacity:1;filter:drop-shadow(0 0 6px var(--glow-rel-b))}.lk.litA.litB .outer{stroke:var(--pulse)}.nd.litA .dot{fill:var(--rel-a);stroke:var(--rel-a)}.nd.litB .dot{fill:var(--rel-b);stroke:var(--rel-b)}.leaf.litA text{fill:var(--rel-a)}.leaf.litB text{fill:var(--rel-b)}.nd.child.litA rect{fill:var(--plate-lit);stroke:var(--rel-a)}.nd.child.litB rect{fill:var(--rel-b-bg);stroke:var(--rel-b)}.nd.child.meet rect{fill:var(--plate-meet);stroke:var(--pulse);stroke-width:2.5}.nd.root.meet .rim{stroke-width:5;stroke:var(--pulse)}.pulse.a{stroke:var(--pulse);filter:drop-shadow(0 0 8px var(--gold-hi))}.pulse.b{stroke:var(--pulse-b);filter:drop-shadow(0 0 8px var(--rel-b))}.lk.lit .outer{stroke:var(--gold-hi);opacity:1;filter:drop-shadow(0 0 6px var(--glow-gold))}.dim .lk:not(.lit):not(.litA):not(.litB){opacity:.2}.dim .nd:not(.lit):not(.root):not(.litA):not(.litB):not(.meet){opacity:.32}.dim .motes{opacity:.25}.pulse{fill:none;stroke:var(--pulse);stroke-width:4;stroke-linecap:round;filter:drop-shadow(0 0 8px var(--gold-hi));pointer-events:none;stroke-dasharray:.14 1.2;animation:pulse 2.1s ease-in-out infinite}@keyframes pulse{0%{stroke-dashoffset:.14}to{stroke-dashoffset:-1}}.motes circle{fill:var(--gold-hi);filter:drop-shadow(0 0 4px var(--gold-hi))}.motes{transition:opacity .3s}.nd{cursor:pointer;transition:opacity .3s;outline:none}.nd:focus-visible .dot,.nd:focus-visible rect{stroke:#fff;stroke-width:2.5}.nd .dot{stroke-width:1.5;transition:fill .2s,stroke .2s}.nd.m .dot{fill:var(--son);stroke:var(--son)}.nd.f .dot{fill:var(--daughter);stroke:var(--daughter)}.nd.leaf.late .dot{stroke:var(--gold);stroke-width:1.8;stroke-dasharray:2.6 2}.nd.leaf:hover .dot,.nd.lit .dot{fill:var(--gold-hi);stroke:var(--gold-hi)}.leaf text{font-family:var(--f);font-size:20px;fill:var(--ivory);paint-order:stroke;stroke:var(--night);stroke-width:3px}.leaf .rh{font-size:14px;fill:var(--gold)}.leaf.lit text{fill:var(--gold-hi)}.pill rect{fill:var(--surface);stroke:var(--gold);stroke-width:1.4;transition:fill .2s,stroke .2s}.pill text{font-family:var(--f);font-size:21px;font-weight:700;fill:var(--plate-ink)}.pill .cnt{font-size:13px;font-weight:400;fill:var(--ivory-dim)}.nd.child:hover rect,.nd.lit rect{fill:var(--plate-lit);stroke:var(--gold-hi)}.crest-plate{fill:var(--surface);stroke:var(--gold);stroke-width:2;filter:drop-shadow(0 18px 30px var(--shadow))}.crest-inner{fill:none;stroke:var(--gold);stroke-opacity:.45;stroke-width:1}.crest-star{fill:none;stroke:var(--gold);stroke-width:1.4}.crest-bond,.crest-drop{stroke:var(--gold);stroke-width:1.4;stroke-dasharray:1 6;stroke-linecap:round}.crest-eyebrow{font-family:var(--f);font-size:20px;font-weight:700;fill:var(--gold);letter-spacing:.04em}.parent .rim{fill:var(--gold);stroke:var(--gold-deep);stroke-width:1;transition:stroke-width .2s}.monogram-bg{fill:var(--surface)}.monogram{font-family:var(--f);font-size:58px;font-weight:700;fill:var(--gold)}.nd.root{cursor:pointer}.nd.root:hover .rim,.nd.root.lit .rim{stroke:var(--gold-hi);stroke-width:4}.tw path{fill:none;stroke:var(--gold);stroke-width:1.4;stroke-dasharray:2 3}.tw circle{fill:var(--gold)}.root-name{font-family:var(--f);font-size:24px;font-weight:700;fill:var(--ivory)}.root-title{font-family:var(--f);font-size:19px;fill:var(--gold)}.toast{position:absolute;bottom:calc(70px + env(safe-area-inset-bottom,0px));left:50%;z-index:9;display:grid;gap:8px;justify-items:center;max-width:min(520px,calc(100% - 24px));padding:12px 20px;border-radius:18px;background:var(--panel-a);border:1px solid var(--gold);box-shadow:0 16px 40px var(--shadow);font-size:18px;text-align:center}.toast input{all:unset;direction:ltr;width:min(440px,80vw);font-size:14px;color:var(--ivory);background:var(--surface-2);border:1px solid var(--line);border-radius:8px;padding:6px 10px;text-align:left}.tree-top{position:absolute;top:12px;inset-inline:12px;z-index:7;display:flex;gap:10px;align-items:flex-start;pointer-events:none}.top-main{display:flex;gap:8px;align-items:flex-start;flex:none;pointer-events:none}@media (max-width: 760px){.tree-top{flex-direction:column;align-items:stretch;gap:6px}.top-main .search{flex:1;min-width:0}}@media (max-width: 360px){.relbtn .rl{display:none}}.crumb{position:absolute;bottom:calc(70px + env(safe-area-inset-bottom,0px));inset-inline:80px;display:flex;justify-content:center;pointer-events:none;z-index:3}.crumb span{pointer-events:auto;max-width:min(720px,100%);background:var(--overlay);border:1px solid var(--line);border-radius:999px;padding:8px 20px;font-size:18px;text-align:center;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.crumb b{color:var(--gold-hi)}.zoom{position:absolute;bottom:calc(14px + env(safe-area-inset-bottom,0px));inset-inline-start:14px;display:flex;flex-direction:column;gap:6px;z-index:3}.zoom button,.lgb{width:44px;height:44px;border-radius:50%;border:1px solid var(--line);background:var(--overlay);color:var(--gold);display:grid;place-items:center;cursor:pointer;transition:border-color .2s,transform .2s}.zoom button:hover,.lgb:hover{border-color:var(--gold);transform:scale(1.06)}.zoom svg,.lgb svg{width:18px;height:18px}.legend{position:absolute;bottom:calc(14px + env(safe-area-inset-bottom,0px));inset-inline-end:14px;z-index:3;display:grid;gap:8px;font-size:16px;background:var(--overlay);border:1px solid var(--line);padding:12px 16px;border-radius:14px}.legend.behind{visibility:hidden}.legend h2{margin:0 0 2px;font-size:17px;color:var(--gold)}.legend div{display:flex;align-items:center;gap:10px}.legend svg{width:26px;height:16px;flex:none}.lgb{position:absolute;bottom:calc(14px + env(safe-area-inset-bottom,0px));inset-inline-end:14px;z-index:3;display:none}@media (max-width: 760px){.crumb{display:none}.crumb span{font-size:15px;padding:6px 14px;border-radius:16px}.legend{display:none;bottom:calc(66px + env(safe-area-inset-bottom,0px))}.legend.open,.lgb{display:grid}}@media (prefers-reduced-motion: reduce){.motes{display:none}.pulse{animation:none;stroke-dasharray:none;opacity:.5}}@keyframes heartbeat{0%,to{transform:scale(1)}12%{transform:scale(1.4)}22%{transform:scale(1)}32%{transform:scale(1.25)}46%{transform:scale(1)}}@keyframes heartring{0%{transform:scale(1);opacity:.55}40%{transform:scale(2.6);opacity:0}to{transform:scale(2.6);opacity:0}}@keyframes heartglow{0%,46%,to{opacity:.75}12%,32%{opacity:1}}.nd.leaf:not(.late) .dot,.beat-dot,.grand-card:not(.late) .dot{transform-box:fill-box;transform-origin:center;animation:heartbeat 1.05s ease-in-out infinite}.beat{transform-box:fill-box;transform-origin:center;pointer-events:none;animation:heartring 1.05s ease-out infinite}.nd.m .beat{fill:var(--son)}.nd.f .beat{fill:var(--daughter)}.nd.lit .beat{fill:var(--gold-hi)}@media (prefers-reduced-motion: reduce){.nd.leaf:not(.late) .dot,.beat-dot,.grand-card:not(.late) .dot{animation:heartglow 1.05s ease-in-out infinite!important}.beat{animation:none!important;opacity:0}}.crown-glow{animation:crownglow 4s ease-in-out infinite}.crown-glint{transform-box:fill-box;transform-origin:center;animation:glint 3.2s ease-in-out infinite}@keyframes glint{0%,70%,to{opacity:0;transform:scale(.3) rotate(0)}80%{opacity:1;transform:scale(1) rotate(45deg)}90%{opacity:0;transform:scale(.4) rotate(90deg)}}@keyframes crownglow{0%,to{opacity:.6}50%{opacity:1}}.tree-stage.cards .tree-svg,.tree-stage.cards .zoom,.tree-stage.cards .crumb{visibility:hidden}.tree-stage.gen2 .motes,.tree-stage.gen2 .crumb{display:none}.story{padding-inline:var(--gutter);padding-block:0 80px;position:relative}.story-progress{position:sticky;top:0;z-index:3;height:3px;margin-inline:calc(var(--gutter) * -1);background:linear-gradient(90deg,var(--gold-hi),var(--gold));transform-origin:right}.story-hero{min-height:calc(100% - 3px);display:grid;justify-items:center;align-content:center;gap:18px;padding-block:36px 24px;text-align:center}.story-portrait{width:clamp(150px,16vw,200px);aspect-ratio:250 / 318;filter:drop-shadow(0 14px 30px var(--shadow))}.story-hero .section-head h2{font-size:clamp(40px,5vw,60px)}.story-hero .lede{color:var(--gold);font-size:20px}.story-cta{display:flex;gap:12px;flex-wrap:wrap;justify-content:center}.scroll-cue{font-size:30px;color:var(--gold);line-height:1}.story-nav{position:sticky;top:3px;z-index:2;max-width:1240px;margin:0 auto;display:flex;flex-wrap:wrap;align-items:center;gap:10px 18px;padding:10px 0;background:var(--bar-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}.sn-filters{display:flex;gap:4px;padding:3px;border-radius:999px;border:1px solid var(--line)}.sn-filters button{all:unset;cursor:pointer;font-size:16px;padding:5px 14px;border-radius:999px;color:var(--ivory-dim)}.sn-filters button.on{background:linear-gradient(180deg,var(--btn-a),var(--btn-b));color:var(--night)}.sn-rail{list-style:none;margin:0;padding:0;display:flex;gap:4px;overflow-x:auto;scrollbar-width:none;flex:1;min-width:0}.sn-rail::-webkit-scrollbar{display:none}.sn-rail button{all:unset;cursor:pointer;white-space:nowrap;font-size:16px;color:var(--ivory-dim);padding:5px 10px;border-radius:999px;display:inline-flex;gap:6px;align-items:center}.sn-rail button span{font-size:12px;width:20px;height:20px;border-radius:50%;display:inline-grid;place-items:center;border:1px solid var(--line)}.sn-rail button.on{color:var(--gold-hi);background:var(--tint)}.sn-rail button.on span{background:var(--gold);color:var(--night);border-color:transparent}.sn-filters button:focus-visible,.sn-rail button:focus-visible{outline:2px solid var(--gold);outline-offset:2px}.chapters{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:clamp(24px,4vw,64px);max-width:1240px;margin:0 auto}.chapter-text{list-style:none;margin:0;padding:0}.chapter{min-height:78vh;display:grid;align-content:center;gap:8px;padding-block:40px}.chapter .when{font-size:18px;color:var(--gold)}.chapter h3{margin:0;font-size:clamp(32px,3.6vw,46px);font-weight:700;line-height:1.2;display:flex;align-items:center;gap:14px}.chapter h3 .num{font-size:.5em;color:var(--night);background:var(--gold);border-radius:999px;min-width:1.8em;height:1.8em;display:inline-grid;place-items:center}.chapter p{margin:0;font-size:23px;line-height:1.95;max-width:34em}.chapter-link{justify-self:start;margin-top:8px;font-size:18px;color:var(--gold-hi);border:1px solid var(--line-strong);border-radius:999px;padding:8px 18px;text-decoration:none}.chapter-link:hover{background:var(--tint)}.chapter-link:focus-visible{outline:2px solid var(--gold);outline-offset:3px}.scene-stage{position:sticky;top:8vh;height:84vh;display:grid;place-items:center}.scene-wrap{width:100%;max-width:560px;aspect-ratio:400 / 320;border-radius:28px;overflow:hidden;background:radial-gradient(80% 80% at 50% 40%,#12493a,#061a14);border:1px solid var(--line);box-shadow:0 30px 70px var(--shadow)}.scene{width:100%;height:100%;display:block}.scene text{direction:ltr}.scene-year{font-family:var(--f);font-size:30px;font-weight:700;fill:var(--gold);opacity:.8}.scene-label{font-family:var(--f);font-size:15px;fill:var(--ivory)}.scene-sign{font-family:var(--f);font-size:16px;font-weight:700;fill:var(--gold-hi)}.dots{position:absolute;inset-inline-end:-26px;top:50%;transform:translateY(-50%);display:grid;gap:10px}.dots button{all:unset;cursor:pointer;width:10px;height:10px;border-radius:50%;border:1.5px solid var(--gold);transition:background .2s,transform .2s}.dots button.on{background:var(--gold);transform:scale(1.3)}.dots button:focus-visible{outline:2px solid var(--gold);outline-offset:3px}.story-end{max-width:760px;margin:40px auto 0;display:grid;gap:14px;text-align:center}.story-end .ask{margin:0;font-size:20px;color:var(--gold-hi);line-height:1.9;border:1px dashed var(--line-strong);border-radius:18px;padding:16px 20px}.story-end .credit{margin:0;font-size:16px;color:var(--ivory-dim);line-height:1.8}@media (max-width: 860px){.chapters{grid-template-columns:minmax(0,1fr)}.chapter{min-height:auto;padding-block:28px}.scene-inline{width:100%;aspect-ratio:400 / 320;border-radius:22px;overflow:hidden;margin-bottom:8px;background:radial-gradient(80% 80% at 50% 40%,#12493a,#061a14);border:1px solid var(--line)}.chapter p{font-size:20px}}.album{padding-inline:var(--gutter);padding-block:44px 80px}.al-head{max-width:1240px;margin:0 auto;display:grid;gap:10px}.al-head h2{margin:0;font-size:clamp(36px,4.4vw,60px);line-height:1.15;font-weight:700;color:var(--ivory)}.al-head h2 em{font-style:normal;color:var(--gold-hi)}.al-head p{margin:0;font-size:19px;color:var(--ivory-dim);max-width:40em;line-height:1.8}.t-num{font-size:15px;color:var(--gold);letter-spacing:.06em}.al-filters{max-width:1240px;margin:28px auto 0;display:flex;flex-wrap:wrap;align-items:center;gap:6px;border-bottom:1px solid var(--line);padding-bottom:12px}.al-filters button{all:unset;cursor:pointer;position:relative;isolation:isolate;padding:7px 16px;border-radius:999px;font-size:17px;color:var(--ivory-dim)}.al-filters button.on{color:var(--night)}.al-filters button:focus-visible{outline:2px solid var(--gold);outline-offset:2px}.al-on{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:999px;background:linear-gradient(180deg,var(--btn-a),var(--btn-b));z-index:-1}.al-filters button span:not(.al-on){position:relative}.al-count{margin-inline-start:auto;font-size:15px;color:var(--ivory-dim)}.al-grid{max-width:1240px;margin:26px auto 0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(16px,2.2vw,30px)}.al-card{display:grid;gap:12px}.al-img{all:unset;cursor:zoom-in;position:relative;aspect-ratio:4 / 3;overflow:hidden;border-radius:18px;border:1px solid var(--line);box-shadow:0 18px 44px var(--shadow)}.al-img img{width:100%;height:100%;object-fit:cover;object-position:center 25%;transition:transform .6s}.al-img:hover img{transform:scale(1.05)}.al-img:focus-visible{outline:2px solid var(--gold);outline-offset:4px}.al-badge{position:absolute;bottom:10px;inset-inline-end:10px;font-size:12px;padding:2px 10px;border-radius:999px;background:#000000a0;color:#fff}.al-text{display:flex;align-items:start;justify-content:space-between;gap:10px}.al-text b{display:block;font-size:21px;color:var(--ivory)}.al-text small{font-size:15px;color:var(--ivory-dim)}.al-save{all:unset;cursor:pointer;width:38px;height:38px;border-radius:50%;display:grid;place-items:center;border:1px solid var(--line);color:var(--gold);flex:none}.al-save svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linejoin:round}.al-save.on svg{fill:currentColor}.al-save:hover{border-color:var(--gold)}.al-save:focus-visible{outline:2px solid var(--gold);outline-offset:2px}.al-empty{text-align:center;font-size:18px;color:var(--ivory-dim);margin:40px 0}.lightbox{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;background:var(--scrim);display:grid;place-items:center;padding:20px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.lightbox figure{margin:0;display:grid;gap:14px;justify-items:center;max-width:min(94vw,980px)}.lightbox img{max-height:70vh;width:auto;max-width:100%;border-radius:14px;border:2px solid var(--gold)}.lightbox figcaption{display:grid;gap:10px;justify-items:center;background:var(--panel-a);border:1px solid var(--line);border-radius:18px;padding:14px 18px;max-width:760px}.lb-text{text-align:center;display:grid;gap:4px;justify-items:center}.lb-text b{font-size:22px;color:var(--ivory)}.lb-text .al-badge{position:static}.lb-text p{margin:0;font-size:17px;color:var(--ivory-dim);line-height:1.8}.lb-bar{display:flex;gap:8px;align-items:center;flex-wrap:wrap;justify-content:center}.lb-bar button{font-family:var(--f);font-size:16px;color:var(--ivory);background:var(--surface);border:1px solid var(--line);border-radius:999px;padding:7px 16px;cursor:pointer}.lb-bar button:hover{border-color:var(--gold)}.lb-bar span{color:var(--ivory-dim);min-width:5ch;text-align:center}@media (max-width: 860px){.al-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 520px){.al-grid{grid-template-columns:minmax(0,1fr)}.al-count{display:none}}.memorial{padding-inline:var(--gutter);padding-block:40px 90px;background:radial-gradient(60% 40% at 50% 0%,var(--glow-1),transparent 70%)}.m-head{display:grid;gap:14px;justify-items:center;max-width:760px;margin:0 auto;text-align:center}.m-verse{margin:0;font-family:var(--f-quran);font-size:clamp(22px,2.6vw,28px);color:var(--gold)}.m-verse small{font-family:var(--f);font-size:15px;color:var(--ivory-dim);margin-inline-start:.6em}.m-list{max-width:1080px;margin:44px auto 0;display:grid;gap:26px}.m-group{margin:18px 0 0;text-align:center;font-size:24px;font-weight:700;color:var(--gold)}.m-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:22px;align-items:start}.m-card{display:grid;grid-template-columns:auto minmax(0,1fr);gap:20px;align-items:start;padding:22px;border-radius:24px;background:linear-gradient(180deg,var(--panel-a),var(--panel-b));border:1px solid var(--line-soft)}.m-card.featured{padding:28px;gap:28px;border-color:var(--line-strong);background:linear-gradient(180deg,var(--panel-a),var(--panel-b))}.m-arch{position:relative;isolation:isolate;width:92px;aspect-ratio:4 / 5}.m-card.featured .m-arch{width:clamp(130px,16vw,180px)}.m-arch img,.m-letter{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;-webkit-mask:var(--arch) 0 0 / 100% 100% no-repeat;mask:var(--arch) 0 0 / 100% 100% no-repeat}.m-arch:before{content:"";position:absolute;top:-3px;right:-3px;bottom:-3px;left:-3px;background:linear-gradient(160deg,var(--gold-soft),var(--gold-deep));-webkit-mask:var(--arch) 0 0 / 100% 100% no-repeat;mask:var(--arch) 0 0 / 100% 100% no-repeat}.m-arch img{object-fit:cover;object-position:top;filter:saturate(.85)}.m-letter{display:grid;place-items:center;padding-top:18%;font-size:40px;font-weight:700;color:var(--gold-hi);background:linear-gradient(180deg,var(--panel-a),var(--surface))}.m-glow{position:absolute;top:-18%;right:-18%;bottom:-18%;left:-18%;border-radius:50%;background:radial-gradient(closest-side,var(--glow-gold-soft),transparent);animation:candle 5s ease-in-out infinite;z-index:-1}@keyframes candle{0%,to{opacity:.55;transform:scale(.96)}45%{opacity:1;transform:scale(1.04)}60%{opacity:.8}}.m-body{display:grid;gap:4px;min-width:0}.m-body h3{margin:0;font-size:26px;line-height:1.3;font-weight:700;color:var(--ivory);text-wrap:balance}.m-card.featured h3{font-size:clamp(28px,3vw,36px)}.m-rh{font-size:18px;color:var(--gold)}.m-rel{margin:6px 0 0;font-size:19px;color:var(--ivory)}.m-detail{margin:0;font-size:17px;color:var(--ivory-dim);line-height:1.8}.m-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.m-actions button,.m-actions a{all:unset;cursor:pointer;font-size:17px;padding:7px 16px;border-radius:999px;border:1px solid var(--line-strong);color:var(--gold-hi);transition:background .2s,border-color .2s,color .2s}.m-actions button:hover,.m-actions a:hover{background:var(--tint);border-color:var(--gold)}.m-actions button.on{background:linear-gradient(180deg,var(--btn-a),var(--btn-b));color:var(--night);border-color:transparent}.m-actions a{color:var(--ivory-dim);border-style:dashed}.m-actions :focus-visible,.m-copy:focus-visible{outline:2px solid var(--gold);outline-offset:2px}.m-reveal{overflow:hidden}.m-dua{margin-top:14px;padding:16px 18px;border-radius:18px;background:var(--surface-soft);border:1px solid var(--line-soft);display:grid;gap:8px;justify-items:start}.m-quote{margin:0;font-family:var(--f-quran);font-size:21px;line-height:2;color:var(--ivory)}.m-src{font-size:14px;color:var(--gold)}.m-note{margin:2px 0 0;font-size:17px;color:var(--ivory-dim);line-height:1.8}.m-copy{all:unset;cursor:pointer;margin-top:4px;font-size:17px;font-weight:700;color:var(--night);background:linear-gradient(180deg,var(--btn-a),var(--btn-b));padding:8px 18px;border-radius:999px}.m-close{max-width:720px;margin:70px auto 0;text-align:center;font-family:var(--f-quran);font-size:clamp(20px,2.2vw,25px);line-height:2;color:var(--ivory)}.m-close small{display:block;font-family:var(--f);font-size:16px;color:var(--gold)}.m-toast{position:fixed;bottom:calc(24px + env(safe-area-inset-bottom,0px));left:50%;z-index:30;padding:12px 22px;border-radius:999px;background:var(--panel-a);border:1px solid var(--gold);box-shadow:0 16px 40px var(--shadow);font-size:18px}@media (max-width: 560px){.m-card,.m-card.featured{grid-template-columns:minmax(0,1fr);justify-items:center;text-align:center;padding:20px;gap:14px}.m-body{justify-items:center}.m-actions{justify-content:center}.m-dua{justify-items:center;text-align:center}}@media (prefers-reduced-motion: reduce){.m-glow{animation:none}}.challenge{padding-inline:var(--gutter);padding-block:36px 70px;display:grid;place-items:start center}.ch-card{width:min(760px,100%);display:grid;gap:22px;padding:clamp(20px,3vw,36px);border-radius:28px;background:linear-gradient(180deg,var(--panel-a),var(--panel-b));border:1px solid var(--line-strong);box-shadow:0 30px 70px var(--shadow)}.lanterns{display:flex;justify-content:center;gap:clamp(6px,1.4vw,14px)}.lantern{width:clamp(18px,3vw,26px);height:auto;fill:none;stroke:var(--gold);stroke-width:1.4;stroke-linejoin:round;overflow:visible}.lantern .body{fill:var(--surface);transition:fill .4s}.lantern.right .body{fill:var(--gold-hi)}.lantern.right{filter:drop-shadow(0 0 8px var(--gold-hi))}.lantern.wrong{stroke:var(--rel-b-line)}.lantern.wrong .body{fill:var(--no-bg)}.lantern.now .body{fill:var(--line-soft)}.ch-intro,.ch-end{display:grid;gap:14px;justify-items:center;text-align:center}.ch-intro h2,.ch-end h2{margin:0;font-size:clamp(36px,5vw,52px);color:var(--gold);font-weight:700}.ch-intro p,.ch-end p{margin:0;font-size:20px;line-height:1.8;max-width:30em}.best{color:var(--gold-hi);font-size:18px!important}.ch-score{font-size:22px;color:var(--ivory-dim)}.ch-score b{font-size:72px;line-height:1;color:var(--gold-hi);font-weight:700;margin-inline-end:8px}.ch-q{display:grid;gap:14px}.ch-step{font-size:17px;color:var(--gold)}.ch-prompt{margin:0;font-size:clamp(26px,3.4vw,36px);line-height:1.4;font-weight:700;text-wrap:balance}.ch-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.ch-opt{position:relative;display:flex;align-items:center;gap:12px;text-align:start;font-family:var(--f);font-size:20px;line-height:1.5;color:var(--ivory);padding:14px 16px;border-radius:18px;background:var(--surface-soft);border:1px solid var(--line);cursor:pointer;transition:background .2s,border-color .2s,opacity .3s}.ch-opt:hover:not(:disabled){border-color:var(--gold);background:var(--surface-hover)}.ch-opt:focus-visible{outline:2px solid var(--gold);outline-offset:2px}.ch-opt:disabled{cursor:default}.ch-opt .ltr{flex:none;width:32px;height:32px;border-radius:50%;display:grid;place-items:center;font-size:16px;border:1px solid var(--line);color:var(--gold)}.ch-opt.right{border-color:var(--son);background:var(--ok-bg)}.ch-opt.right .ltr{background:var(--son);color:var(--night);border-color:transparent}.ch-opt.wrong{border-color:var(--rel-b);background:var(--no-bg)}.ch-opt.wrong .ltr{background:var(--rel-b);color:var(--night);border-color:transparent}.ch-opt.faded{opacity:.45}.burst{position:absolute;inset-inline-start:30px;top:50%;pointer-events:none}.burst i{position:absolute;width:6px;height:6px;border-radius:50%;background:var(--gold-hi);box-shadow:0 0 6px var(--gold-hi)}.ch-feedback{display:grid;gap:8px;padding:14px 16px;border-radius:18px;background:var(--surface-soft);border:1px solid var(--line-soft)}.ch-feedback strong{font-size:22px}.ch-feedback strong.ok{color:var(--ok)}.ch-feedback strong.no{color:var(--no)}.ch-feedback p{margin:0;font-size:18px;line-height:1.8;color:var(--ivory)}.ch-actions{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-top:4px}.ch-actions .btn-ghost{text-decoration:none}@media (max-width: 560px){.ch-options{grid-template-columns:minmax(0,1fr)}.ch-opt{font-size:18px;padding:12px 14px}}.numbers{padding-inline:var(--gutter);padding-block:44px 80px}.nm-head,.nm-tiles,.nm-card,.nm-grid{max-width:1180px;margin-inline:auto}.nm-head{display:grid;gap:10px}.nm-head h2{margin:0;font-size:clamp(36px,4.4vw,60px);line-height:1.15;font-weight:700;color:var(--ivory)}.nm-head h2 em{font-style:normal;color:var(--gold-hi)}.nm-head p{margin:0;font-size:19px;color:var(--ivory-dim)}.nm-tiles{list-style:none;padding:0;margin-top:28px;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}.nm-tiles li{display:grid;justify-items:center;gap:2px;padding:18px 10px;border-radius:18px;background:var(--surface);border:1px solid var(--line)}.nm-tiles b{font-size:clamp(38px,4vw,52px);line-height:1.1;color:var(--gold);font-variant-numeric:tabular-nums}.nm-tiles span{font-size:17px;color:var(--ivory-dim);text-align:center}.nm-card{margin-top:22px;padding:clamp(18px,2.4vw,28px);border-radius:22px;background:var(--surface);border:1px solid var(--line);box-shadow:0 16px 40px var(--shadow)}.nm-card h3{margin:0;font-size:26px;color:var(--ivory);font-weight:700}.nm-card-head{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:12px;margin-bottom:18px}.nm-card-head p,.nm-note{margin:4px 0 0;font-size:16px;color:var(--ivory-dim)}.nm-legend,.nm-split-key{display:flex;gap:16px;font-size:16px;color:var(--ivory-dim)}.nm-legend span,.nm-split-key span{display:inline-flex;align-items:center;gap:6px}.nm-legend i,.nm-split-key i{width:14px;height:14px;border-radius:4px}i.m{background:var(--chart-son)}i.f{background:var(--chart-daughter)}.nm-bars{list-style:none;margin:0;padding:0;display:grid;gap:6px}.nm-bar-row{position:relative;display:grid;grid-template-columns:6.5em minmax(0,1fr);align-items:center;gap:12px;padding:4px 6px;border-radius:10px;text-decoration:none;color:inherit}.nm-bar-row:hover,.nm-bar-row:focus-visible{background:var(--tint);outline:none}.nm-bar-row:focus-visible{box-shadow:0 0 0 2px var(--gold)}.nm-label{font-size:19px;color:var(--ivory);text-align:start}.nm-track{display:flex;align-items:center;gap:8px;min-width:0}.nm-bar{display:block;height:22px;border-radius:4px 0 0 4px}.nm-bar.m{background:var(--chart-son)}.nm-bar.f{background:var(--chart-daughter)}.nm-val{font-size:18px;color:var(--ivory);font-variant-numeric:tabular-nums}.nm-tip{position:absolute;inset-inline-start:7em;bottom:calc(100% + 4px);z-index:2;padding:6px 12px;border-radius:10px;font-size:15px;white-space:nowrap;background:var(--surface-2);border:1px solid var(--line-strong);color:var(--ivory);box-shadow:0 10px 24px var(--shadow);opacity:0;pointer-events:none;transition:opacity .15s}.nm-bar-row:hover .nm-tip,.nm-bar-row:focus-visible .nm-tip{opacity:1}.nm-toggle{all:unset;cursor:pointer;margin-top:14px;font-size:16px;color:var(--gold-hi);border-bottom:1px solid var(--line-strong)}.nm-toggle:focus-visible{outline:2px solid var(--gold);outline-offset:3px}.nm-table{width:100%;border-collapse:collapse;font-size:17px}.nm-table th{text-align:start;color:var(--gold);font-weight:700;padding:8px;border-bottom:1px solid var(--line-strong)}.nm-table td{padding:8px;border-bottom:1px solid var(--line-soft);color:var(--ivory);vertical-align:top}.nm-table td:nth-child(2){font-variant-numeric:tabular-nums}.nm-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:22px}.nm-grid .nm-card{margin-top:22px;margin-inline:0;max-width:none}.nm-split-block{margin-top:16px}.nm-split-title{margin:0 0 6px;font-size:17px;color:var(--ivory-dim)}.nm-split{display:flex;gap:2px;height:40px}.nm-split span{display:grid;place-items:center;min-width:2.2em;font-size:19px;font-weight:700;color:#fff}.nm-split .m{background:var(--chart-son);border-radius:0 6px 6px 0}.nm-split .f{background:var(--chart-daughter);border-radius:6px 0 0 6px}.nm-split-key{margin-top:6px}.nm-twins{list-style:none;margin:12px 0 0;padding:0;display:grid;gap:8px}.nm-twins li{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px;font-size:22px;padding:10px 14px;border-radius:14px;background:var(--surface-soft);border:1px solid var(--line-soft)}.nm-twins .amp{color:var(--gold)}.nm-twins small{margin-inline-start:auto;font-size:15px;color:var(--ivory-dim)}.nm-sub{margin-top:22px!important;font-size:22px!important}.nm-big{margin:6px 0 0;font-size:24px;color:var(--gold-hi);font-weight:700}.nm-big small{display:block;font-size:16px;color:var(--ivory-dim);font-weight:400}.nm-names{list-style:none;margin:12px 0 0;padding:0;display:grid;gap:10px}.nm-names li{display:grid;grid-template-columns:auto auto minmax(0,1fr);align-items:center;gap:10px;padding:10px 14px;border-radius:14px;background:var(--surface-soft);border:1px solid var(--line-soft)}.nm-names b{font-size:22px;color:var(--ivory)}.nm-times{font-size:16px;color:var(--night);background:var(--gold);border-radius:999px;padding:0 9px}.nm-who{display:flex;flex-wrap:wrap;gap:6px}.nm-who a,.nm-chips a{font-size:15px;color:var(--ivory-dim);text-decoration:none;border:1px solid var(--line);border-radius:999px;padding:3px 10px}.nm-who a:hover,.nm-chips a:hover{border-color:var(--gold);color:var(--ivory)}.nm-chips{list-style:none;margin:12px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:8px}.nm-chips a{font-size:18px;color:var(--ivory);padding:6px 14px}.nm-chips small{font-size:13px;color:var(--ivory-dim)}@media (max-width: 860px){.nm-tiles{grid-template-columns:repeat(3,minmax(0,1fr))}.nm-grid{grid-template-columns:minmax(0,1fr);gap:0}}@media (max-width: 480px){.nm-tiles{grid-template-columns:repeat(2,minmax(0,1fr))}.nm-tiles li:last-child{grid-column:span 2}.nm-bar-row{grid-template-columns:5em minmax(0,1fr)}.nm-label{font-size:17px}}@font-face{font-family:Almadinah;font-weight:300;font-display:swap;src:url(./Almadinah1-BUo_8m0e.otf) format("opentype")}@font-face{font-family:Almadinah;font-weight:400;font-display:swap;src:url(./Almadinah2-D6VIrVsM.otf) format("opentype")}@font-face{font-family:Almadinah;font-weight:700;font-display:swap;src:url(./Almadinah3-BPuO4h0D.otf) format("opentype")}:root{--night: #061813;--emerald: #0d3328;--overlay: #04160fe0;--surface: #0a2c22;--surface-2: #04160f;--surface-soft: #04160f99;--surface-hover: #0c3a2c;--panel-a: #0a3a2ef7;--panel-b: #04201af7;--glow-1: #1d5e42cc;--scrim: #020c08d9;--bar-bg: #061813e6;--gold: #d6b161;--gold-hi: #ffe38a;--gold-deep: #9c7a3a;--gold-soft: #f6dfa0;--plate-ink: #ffe8ae;--btn-a: #f6dfa0;--btn-b: #d6b161;--btn-ink-dim: #061813b3;--line: #d6b16159;--line-strong: #d6b16180;--line-soft: #d6b16133;--tint: #d6b1611f;--glow-gold: #ffe38a88;--glow-gold-soft: #ffd98a40;--shadow: #000a;--ivory: #f4ecd9;--ivory-dim: #f4ecd9a6;--ink-faint: #f4ecd980;--son: #4cc98a;--son-glow: #4cc98a33;--daughter: #f4ecd9;--daughter-hi: #fff8e8;--daughter-lo: #cbbd9b;--ok: #7fe0ae;--ok-deep: #3aa86f;--ok-bg: #12432f;--no: #ffb8a3;--no-bg: #3a1d17;--rel-a: #ffe38a;--rel-b: #ff9e7e;--rel-b-line: #ff9e7e99;--glow-rel-b: #ff8c6ecc;--pulse-b: #ffe1d6;--rel-b-bg: #5a2a1e;--pulse: #fff6cf;--plate-lit: #5d4712;--plate-meet: #3b3a1a;--tree-core: #062219;--dome: #2c8a58;--pattern-opacity: .9;--chart-son: #1a7a49;--chart-daughter: #b8873a;color-scheme:dark;--f: "Almadinah", "Segoe UI", Tahoma, sans-serif;--f-quran: "Amiri", "Traditional Arabic", serif;--gutter: clamp(16px, 4vw, 48px);--bar-h: 64px;--arch: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 125' preserveAspectRatio='none'%3E%3Cpath d='M0 125V42C0 22 26 8 50 0c24 8 50 22 50 42v83z'/%3E%3C/svg%3E")}@media (prefers-color-scheme: light){:root:not([data-theme=dark]){--night: #f7f5ef;--emerald: #e9ede5;--overlay: #fcfbf7eb;--surface: #fcfbf7;--surface-2: #f0f2eb;--surface-soft: #ffffffb8;--surface-hover: #eef1e8;--panel-a: #fcfbf7fa;--panel-b: #f3f2eafa;--glow-1: #dfe7d6;--scrim: #2c342c73;--bar-bg: #f7f5eff2;--gold: #8f7444;--gold-hi: #3b584b;--gold-deep: #ab9368;--gold-soft: #e7d8b6;--plate-ink: #29463b;--btn-a: #4a6b5c;--btn-b: #3b584b;--btn-ink-dim: #ffffffc0;--line: #d9d5c6;--line-strong: #c4bca3;--line-soft: #e7e4d9;--tint: #3b584b12;--glow-gold: #3b584b40;--glow-gold-soft: #ab936833;--shadow: #2c342c24;--ivory: #2c342c;--ivory-dim: #62665b;--ink-faint: #2c342c70;--son: #3f8a63;--son-glow: #3f8a6333;--daughter: #c9a96e;--daughter-hi: #f3e6c8;--daughter-lo: #c9a96e;--ok: #2f7a52;--ok-deep: #2f7a52;--ok-bg: #e3efe6;--no: #a4442c;--no-bg: #f6e2dc;--rel-a: #b0862f;--rel-b: #c45a3c;--rel-b-line: #c45a3c88;--glow-rel-b: #c45a3c55;--pulse-b: #fff;--rel-b-bg: #f6e2dc;--pulse: #ffffff;--plate-lit: #efe6cf;--plate-meet: #e3eddc;--tree-core: #f7f5ef;--dome: #2c8a58;--pattern-opacity: .45;--chart-son: #1b7048;--chart-daughter: #c9922e;color-scheme:light}}:root[data-theme=light]{--night: #f7f5ef;--emerald: #e9ede5;--overlay: #fcfbf7eb;--surface: #fcfbf7;--surface-2: #f0f2eb;--surface-soft: #ffffffb8;--surface-hover: #eef1e8;--panel-a: #fcfbf7fa;--panel-b: #f3f2eafa;--glow-1: #dfe7d6;--scrim: #2c342c73;--bar-bg: #f7f5eff2;--gold: #8f7444;--gold-hi: #3b584b;--gold-deep: #ab9368;--gold-soft: #e7d8b6;--plate-ink: #29463b;--btn-a: #4a6b5c;--btn-b: #3b584b;--btn-ink-dim: #ffffffc0;--line: #d9d5c6;--line-strong: #c4bca3;--line-soft: #e7e4d9;--tint: #3b584b12;--glow-gold: #3b584b40;--glow-gold-soft: #ab936833;--shadow: #2c342c24;--ivory: #2c342c;--ivory-dim: #62665b;--ink-faint: #2c342c70;--son: #3f8a63;--son-glow: #3f8a6333;--daughter: #c9a96e;--daughter-hi: #f3e6c8;--daughter-lo: #c9a96e;--ok: #2f7a52;--ok-deep: #2f7a52;--ok-bg: #e3efe6;--no: #a4442c;--no-bg: #f6e2dc;--rel-a: #b0862f;--rel-b: #c45a3c;--rel-b-line: #c45a3c88;--glow-rel-b: #c45a3c55;--pulse-b: #fff;--rel-b-bg: #f6e2dc;--pulse: #ffffff;--plate-lit: #efe6cf;--plate-meet: #e3eddc;--tree-core: #f7f5ef;--dome: #2c8a58;--pattern-opacity: .45;--chart-son: #1b7048;--chart-daughter: #c9922e;color-scheme:light}:root[data-theme=dark]{--night: #061813;--emerald: #0d3328;--overlay: #04160fe0;--surface: #0a2c22;--surface-2: #04160f;--surface-soft: #04160f99;--surface-hover: #0c3a2c;--panel-a: #0a3a2ef7;--panel-b: #04201af7;--glow-1: #1d5e42cc;--scrim: #020c08d9;--bar-bg: #061813e6;--gold: #d6b161;--gold-hi: #ffe38a;--gold-deep: #9c7a3a;--gold-soft: #f6dfa0;--plate-ink: #ffe8ae;--btn-a: #f6dfa0;--btn-b: #d6b161;--btn-ink-dim: #061813b3;--line: #d6b16159;--line-strong: #d6b16180;--line-soft: #d6b16133;--tint: #d6b1611f;--glow-gold: #ffe38a88;--glow-gold-soft: #ffd98a40;--shadow: #000a;--ivory: #f4ecd9;--ivory-dim: #f4ecd9a6;--ink-faint: #f4ecd980;--son: #4cc98a;--son-glow: #4cc98a33;--daughter: #f4ecd9;--daughter-hi: #fff8e8;--daughter-lo: #cbbd9b;--ok: #7fe0ae;--ok-deep: #3aa86f;--ok-bg: #12432f;--no: #ffb8a3;--no-bg: #3a1d17;--rel-a: #ffe38a;--rel-b: #ff9e7e;--rel-b-line: #ff9e7e99;--glow-rel-b: #ff8c6ecc;--pulse-b: #ffe1d6;--rel-b-bg: #5a2a1e;--pulse: #fff6cf;--plate-lit: #5d4712;--plate-meet: #3b3a1a;--tree-core: #062219;--dome: #2c8a58;--pattern-opacity: .9;--chart-son: #1a7a49;--chart-daughter: #b8873a;color-scheme:dark}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--night);color:var(--ivory);font-family:var(--f);font-size:19px;line-height:1.6;-webkit-font-smoothing:antialiased;overflow:hidden}img{max-width:100%;display:block}button{font-family:var(--f);color:inherit}:focus-visible{outline:2px solid var(--gold);outline-offset:3px}.app{position:relative;height:100%;display:flex;flex-direction:column}.stars{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none}@media (prefers-color-scheme: light){:root:not([data-theme=dark]) .stars{display:none}}:root[data-theme=light] .stars{display:none}.khatam{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;opacity:var(--pattern-opacity);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='72' height='72' viewBox='0 0 72 72'%3E%3Cg fill='none' stroke='%23d6b161' stroke-width='0.8' opacity='0.08'%3E%3Crect x='22' y='22' width='28' height='28'/%3E%3Crect x='22' y='22' width='28' height='28' transform='rotate(45 36 36)'/%3E%3Cpath d='M0 36h8M64 36h8M36 0v8M36 64v8'/%3E%3C/g%3E%3C/svg%3E")}.bar{position:relative;z-index:20;height:calc(var(--bar-h) + env(safe-area-inset-top,0px));padding:env(safe-area-inset-top,0px) var(--gutter) 0;display:flex;align-items:center;gap:18px;border-bottom:1px solid var(--line);background:var(--bar-bg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.brand{all:unset;cursor:pointer;display:inline-flex;align-items:center;gap:10px;color:var(--gold);white-space:nowrap}.brand:focus-visible{outline:2px solid var(--gold);outline-offset:4px;border-radius:6px}.brand-mark{width:30px;height:36px;flex:none}.brand-words{display:grid;line-height:1.15}.brand-full,.brand-short{font-weight:700;font-size:24px}.brand-note{font-size:12px;color:var(--ivory-dim);letter-spacing:.02em}.install-btn{all:unset;cursor:pointer;flex:none;display:inline-flex;align-items:center;gap:6px;height:38px;padding-inline:14px;border-radius:999px;font-size:16px;color:var(--gold-hi);border:1px solid var(--line-strong)}.install-btn:hover{background:var(--tint)}.install-btn:focus-visible{outline:2px solid var(--gold);outline-offset:3px}.install-btn svg{width:18px;height:18px}@media (max-width: 720px){.install-btn span{display:none}.install-btn{padding-inline:10px}}.theme-btn{all:unset;cursor:pointer;flex:none;width:38px;height:38px;border-radius:50%;display:grid;place-items:center;color:var(--gold);border:1px solid var(--line);transition:border-color .2s,background .2s}.theme-btn:hover{border-color:var(--gold);background:var(--tint)}.theme-btn:focus-visible{outline:2px solid var(--gold);outline-offset:3px}.theme-btn svg{width:19px;height:19px}.tabs{display:flex;gap:4px;margin-inline-start:auto;position:relative;min-width:0;overflow-x:auto;scrollbar-width:none}.tabs::-webkit-scrollbar{display:none}.brand-short{display:none}.tab{all:unset;cursor:pointer;position:relative;isolation:isolate;padding:8px 16px;font-size:18px;color:var(--ivory-dim);border-radius:999px;white-space:nowrap}.tab[aria-current=page]{color:var(--night)}.tab:hover{color:var(--ivory)}.tab[aria-current=page]:hover{color:var(--night)}.tab:focus-visible{outline:2px solid var(--gold)}.tab-pill{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:999px;background:linear-gradient(180deg,var(--btn-a),var(--btn-b));z-index:-1}.tab .tab-label{position:relative}.trophy{all:unset;cursor:pointer;flex:none;display:inline-flex;align-items:center;gap:6px;height:38px;padding-inline:14px;border-radius:999px;font-size:17px;font-weight:700;color:var(--night);background:linear-gradient(180deg,var(--ok),var(--ok-deep));box-shadow:0 6px 18px var(--son-glow)}.trophy.on{box-shadow:0 0 0 2px var(--gold-hi)}.trophy:focus-visible{outline:2px solid var(--ivory);outline-offset:3px}.trophy svg{width:18px;height:18px}@media (max-width: 720px){.trophy span{display:none}.trophy{padding-inline:10px;height:36px}}.view{position:relative;z-index:1;flex:1;min-height:0}.scroll{height:100%;overflow-y:auto;overflow-x:hidden;scroll-behavior:smooth}.section-head{text-align:center;display:grid;gap:4px;justify-items:center}.section-head h2{margin:0;font-size:clamp(34px,4vw,48px);font-weight:700;color:var(--gold);line-height:1.3;text-wrap:balance}.section-head p{margin:0;font-size:19px;color:var(--ivory-dim)}.btn-gold{all:unset;cursor:pointer;font-size:21px;font-weight:700;color:var(--night);background:linear-gradient(180deg,var(--btn-a),var(--btn-b));padding:13px 32px;border-radius:999px;box-shadow:0 10px 30px var(--line-soft)}.btn-gold:focus-visible{outline:2px solid var(--ivory);outline-offset:4px}.btn-ghost{all:unset;cursor:pointer;font-size:18px;color:var(--ivory);border:1px solid var(--line);padding:10px 24px;border-radius:999px}.btn-ghost:hover{border-color:var(--gold)}.btn-ghost:focus-visible{outline:2px solid var(--gold);outline-offset:3px}@media (max-width: 720px){:root{--bar-h: 58px}.brand-full,.brand-short{font-size:20px}.brand-note{display:none}.brand-mark{width:24px;height:29px}.tab{padding:7px 10px;font-size:16px}}@media (max-width: 520px){.brand-full{display:none}.brand-short{display:inline}}@media (max-width: 420px){.bar{gap:8px}.brand-full,.brand-short{font-size:18px}.brand-mark{display:none}.theme-btn{width:34px;height:34px}.tab{padding:6px 8px;font-size:15px}}@media (prefers-reduced-motion: reduce){.scroll{scroll-behavior:auto}}