:root{--bg: #f8efdc;--paper: rgba(255, 248, 233, .94);--paper2: #efe0c4;--ink: #49301f;--muted: #80664e;--line: #d8b98b;--accent: #85552e;--accent2: #b28a51;--shadow: 0 12px 36px rgba(84, 49, 22, .09)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:Noto Naskh Arabic,Georgia,serif}button,input,select{font:inherit}button{cursor:pointer;color:inherit}.site{min-height:100vh;transition:background .2s,color .2s;background:radial-gradient(ellipse at center,#fff8e9,#f8efdc 68%,#edddbf)}.site.dark{--bg: #211a16;--paper: #30251e;--paper2: #403126;--ink: #f8ead5;--muted: #d4c0a6;--line: #70563e;--accent: #e4bd86;--accent2: #d4a66a;--shadow: 0 12px 36px rgba(0, 0, 0, .3);background:var(--bg);color:var(--ink)}.site.dark .hero,.site.dark .hero p,.site.dark .hero h2,.site.dark .lineage,.site.dark .intro,.site.dark .signature,.site.dark .privacy-note,.site.dark .sources,.site.dark .sources p,.site.dark .sources li,.site.dark .brand,.site.dark .brand small,.site.dark .muted,.site.dark .small-text,.site.dark .signed,.site.dark .panel,.site.dark .panel p,.site.dark .panel h2,.site.dark .person-row,.site.dark .person-row small,.site.dark .stat-card,.site.dark .generation-card,.site.dark footer{color:var(--ink)}.site.dark .eyebrow,.site.dark .sources h3,.site.dark .hero h1,.site.dark .ornament,.site.dark .palm,.site.dark .stat-icon{color:var(--accent)}.site.dark .search,.site.dark .search input,.site.dark .modal,.site.dark .modal input,.site.dark .tab,.site.dark .outline-button,.site.dark .icon-button{color:var(--ink)}.site.dark .tab.active{color:var(--accent)}.site.dark input::placeholder{color:var(--muted);opacity:1}.topbar{max-width:1240px;margin:auto;padding:22px 26px;display:flex;justify-content:space-between;align-items:center;gap:15px}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:inherit}.brand strong{font:700 30px Georgia,serif;display:block}.brand small{font-size:12px;color:var(--muted);display:block}.palm{font-size:35px;color:var(--accent)}.top-actions{display:flex;align-items:center;gap:9px}.search{display:flex;align-items:center;gap:8px;background:var(--paper);border:1px solid var(--line);padding:8px 12px;border-radius:12px;color:var(--muted)}.search input{border:0;outline:0;background:transparent;color:var(--ink);width:175px}.icon-button{width:44px;height:44px;border:1px solid var(--line);background:var(--paper);border-radius:12px}.primary-button,.outline-button{border-radius:10px;padding:10px 16px;display:inline-flex;align-items:center;justify-content:center;gap:7px;font-weight:700;font-size:14px}.primary-button{background:var(--accent);color:#fff8ec;border:1px solid var(--accent)}.outline-button{background:transparent;border:1px solid var(--line)}.hero{max-width:1020px;margin:auto;padding:20px 30px 42px;text-align:center;position:relative}.scenery{display:flex;justify-content:space-between;opacity:.48;font-size:48px;max-width:780px;margin:0 auto 4px}.bismillah,h1,.hero h2,.sources h3,.panel h2,.section-title h2,.subheading h3,.modal h2,footer p{font-family:Georgia,Times New Roman,serif}.bismillah{font-size:26px;margin:8px 0 12px}.ornament{color:var(--accent2);font-size:15px}h1{font-size:clamp(38px,6vw,68px);line-height:1.45;margin:10px 0 4px;color:var(--accent);font-weight:700}.lineage{font-size:20px;margin:0}.hero-rule{width:150px;height:2px;background:var(--accent2);margin:22px auto}.hero h2{font-size:clamp(22px,3vw,31px);margin:0 0 16px;line-height:1.8}.intro{max-width:850px;margin:0 auto 17px;font-size:17px;line-height:2.15;text-align:justify}.sources{max-width:800px;margin:22px auto;text-align:right;background:var(--paper);border:1px solid var(--line);border-radius:14px;padding:16px 24px;box-shadow:var(--shadow)}.sources h3{font-size:23px;margin:0 0 6px;color:var(--accent)}.sources ul{margin:6px 0;padding-right:23px;line-height:1.9}.prayer{font-weight:600}.signature{line-height:2.1;margin-top:22px;font-weight:600}.privacy-note{background:var(--paper2);border:1px solid var(--line);padding:13px 16px;border-radius:12px;font-size:14px;margin:26px auto 0;max-width:750px}.tabs{display:flex;justify-content:center;gap:8px;flex-wrap:wrap;border-block:1px solid var(--line);padding:12px;background:var(--paper)}.tab{border:0;background:transparent;padding:10px 18px;border-radius:9px;color:var(--muted)}.tab.active{background:var(--paper2);color:var(--accent);font-weight:700}.content{max-width:1150px;margin:28px auto;padding:0 24px 50px}.locked-banner{display:flex;align-items:center;gap:14px;padding:16px 18px;border:1px solid var(--line);background:var(--paper2);border-radius:14px;margin-bottom:20px}.locked-banner div{flex:1}.locked-banner p{margin:2px 0 0;color:var(--muted);font-size:13px}.panel{background:var(--paper);border:1px solid var(--line);border-radius:17px;padding:23px;box-shadow:var(--shadow);min-width:0}.two-col{display:grid;grid-template-columns:1.2fr .8fr;gap:20px}.panel-heading,.section-title{display:flex;justify-content:space-between;align-items:center;gap:12px}.panel h2,.section-title h2{font-size:26px;margin:4px 0 12px}.eyebrow{color:var(--accent2);font-size:12px;font-weight:700}.avatar{width:65px;height:65px;border-radius:50%;display:grid;place-items:center;background:var(--paper2);border:1px solid var(--line);font-size:30px}.facts{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin:20px 0}.facts div{padding:12px 8px;background:var(--paper2);border-radius:11px;text-align:center}.facts small,.facts strong{display:block}.facts small{font-size:11px;color:var(--muted)}.facts strong{font-size:21px}.muted{color:var(--muted)}.small-text{font-size:12px;line-height:1.8}.subheading{border-top:1px solid var(--line);margin-top:20px;padding-top:17px}.subheading h3{font-size:20px}.person-row{display:flex;align-items:center;gap:11px;width:100%;text-align:right;background:transparent;border:0;border-bottom:1px solid var(--line);padding:11px 3px}.person-row>span:nth-child(2){flex:1}.person-row small{display:block;color:var(--muted);font-size:11px}.mini-avatar{width:35px;height:35px;border-radius:50%;display:grid;place-items:center;background:var(--paper2);color:var(--accent);font-size:20px}.full{width:100%;margin-top:14px}.notice{background:var(--paper2);padding:10px 14px;border-radius:10px;margin-bottom:15px}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:13px}.stat-card{background:var(--paper2);padding:20px 15px;border-radius:13px;display:flex;flex-direction:column;gap:5px}.stat-icon{font-size:23px;color:var(--accent)}.stat-card small{color:var(--muted)}.stat-card strong{font-size:28px}.generation-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.generation-card{border:1px solid var(--line);background:var(--paper2);border-radius:13px;padding:17px;display:flex;flex-direction:column;gap:5px}.generation-card>span{color:var(--accent);font-weight:700}.generation-card>strong{font-size:30px}.generation-card>small{color:var(--muted)}.gen-names{display:flex;flex-wrap:wrap;gap:5px;margin-top:8px}.gen-names button{border:1px solid var(--line);border-radius:7px;background:var(--paper);padding:5px 8px;font-size:12px}.tree-scroll{overflow:auto;padding:30px 10px}.tree-root{display:flex;justify-content:center;min-width:max-content}.tree-node{display:flex;flex-direction:column;align-items:center;position:relative;padding:0 12px}.tree-person{min-width:145px;padding:12px 14px;background:var(--paper2);border:1px solid var(--line);border-radius:12px;display:flex;align-items:center;flex-direction:column;gap:4px}.tree-person small{color:var(--muted);font-size:11px}.tree-leaf{color:var(--accent);font-size:20px}.tree-person.chosen{border:2px solid var(--accent)}.tree-children{display:flex;justify-content:center;position:relative;padding-top:28px}.tree-children:before{content:"";position:absolute;top:0;height:14px;border-right:1px solid var(--accent2)}.tree-children>.tree-node:before{content:"";position:absolute;top:0;left:0;right:0;border-top:1px solid var(--accent2)}.tree-children>.tree-node:first-child:before{right:50%}.tree-children>.tree-node:last-child:before{left:50%}.tree-children>.tree-node:only-child:before{display:none}.tree-children>.tree-node>.tree-person:before{content:"";position:absolute;top:-29px;height:28px;border-right:1px solid var(--accent2)}.memory-empty{min-height:170px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:10px;color:var(--accent);background:var(--paper2);border:1px dashed var(--line);border-radius:13px;margin-top:20px}.memory-empty span{font-size:13px;color:var(--muted)}footer{text-align:center;border-top:1px solid var(--line);padding:28px;color:var(--muted)}footer p{font-size:23px;color:var(--accent);margin:3px}.backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10;background:#19120c88;display:grid;place-items:center;padding:18px}.modal{width:min(100%,430px);background:var(--paper);border:1px solid var(--line);border-radius:18px;padding:28px;position:relative}.modal h2{font-size:27px}.modal input{display:block;margin-top:10px;padding:11px;border:1px solid var(--line);border-radius:9px;background:var(--bg);color:var(--ink);width:100%}.close{position:absolute;top:12px;left:14px;border:0;background:transparent;font-size:26px}.modal-mark{font-size:27px;color:var(--accent)}.switch-mode{width:100%;border:0;background:transparent;color:var(--accent);margin-top:13px}.signed{font-size:12px;color:var(--muted)}@media(max-width:760px){.topbar{padding:15px;align-items:flex-start;flex-direction:column}.top-actions{width:100%;flex-wrap:wrap}.search{flex:1}.search input{width:100%;min-width:70px}.hero{padding:24px 18px}.hero h2{font-size:23px}.intro{text-align:right;font-size:15px}.content{padding-inline:14px}.two-col{grid-template-columns:1fr}.facts,.stats-grid{grid-template-columns:repeat(2,1fr)}.generation-grid{grid-template-columns:1fr 1fr}.locked-banner{align-items:flex-start;flex-wrap:wrap}.section-title{align-items:flex-start;flex-direction:column}.brand strong{font-size:26px}}@media print{.topbar,.hero,.tabs,.locked-banner,footer,.outline-button{display:none!important}.site,.panel{background:#fff!important;color:#222!important;box-shadow:none!important}.content{max-width:none;margin:0;padding:0}.tree-scroll{overflow:visible}}html,body,#root{width:100%;min-height:100%;margin:0}.site{width:100%;max-width:none;margin:0;background-color:#f6eddd}.site:not(.dark) .hero{width:100%;max-width:none;margin:0;padding:42px 24px 48px;box-sizing:border-box;background-color:#f6eddd;background-image:linear-gradient(to bottom,#faf2e114,#faf2e129),url(/heritage-bg.png.PNG)!important;background-position:center top;background-repeat:no-repeat;background-size:100% 100%}.site .hero h1,.site .hero h2,.site .hero p{text-align:center}.site .hero .intro,.site .hero .sources,.site .hero .signature,.site .hero .privacy-note{max-width:850px;margin-right:auto;margin-left:auto}.site .hero .sources{background:transparent!important;border:none!important;border-radius:0!important;box-shadow:none!important}.site.dark .hero{background-color:#211a16;background-image:linear-gradient(to bottom,#211a16ad,#211a16e0),url(/heritage-bg.png.PNG)!important;background-position:center top;background-repeat:no-repeat;background-size:100% 100%}.site .hero,.site .hero h1,.site .hero h2,.site .hero h3,.site .hero p,.site .hero ul,.site .hero li,.site .hero .lineage,.site .hero .intro,.site .hero .sources,.site .hero .signature,.site .hero .privacy-note{text-align:center!important}.site .hero .sources ul{list-style-position:inside;padding:0;margin-left:auto;margin-right:auto}.site .hero .intro,.site .hero .sources,.site .hero .signature,.site .hero .privacy-note{width:100%;max-width:850px;margin-left:auto!important;margin-right:auto!important;box-sizing:border-box}.site .hero>p.intro{width:100%!important;max-width:680px!important;margin-left:auto!important;margin-right:auto!important;text-align:center!important;box-sizing:border-box}.site .hero>p.intro+p.intro{margin-top:24px}.site .hero .prayer,.site .hero .signature{max-width:680px!important;margin-left:auto!important;margin-right:auto!important;text-align:center!important}