:root{--bg1: #0a1424;--bg2: #172a47;--gold: #e3bd66;--gold2: #b98f35;--cream: #f6efe0;--ink: #1b2538;--muted: #9fb0c8;--glass: rgba(10, 20, 36, .72);--line: rgba(227, 189, 102, .28)}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:Inter,system-ui,sans-serif;color:var(--cream);background:radial-gradient(1200px 600px at 50% -10%,#254270 0%,transparent 60%),radial-gradient(900px 500px at 100% 100%,#2c1f46 0%,transparent 55%),var(--bg1)}button{font:inherit;cursor:pointer;color:inherit}a{color:var(--gold)}.muted{color:var(--muted)}.splash{height:100%;display:grid;place-items:center;font-size:20px;color:var(--gold)}.splash.err{color:#ff8a8a}::-webkit-scrollbar{width:7px;height:7px}::-webkit-scrollbar-track{background:#0003;border-radius:4px}::-webkit-scrollbar-thumb{background:#e3bd6659;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#e3bd6699}*{scrollbar-width:thin;scrollbar-color:rgba(227,189,102,.35) rgba(0,0,0,.2)}.app{display:flex;flex-direction:column;height:100%}.top{position:relative;z-index:20;display:flex;flex-wrap:wrap;align-items:center;gap:14px 22px;padding:10px 22px;background:linear-gradient(180deg,#050a14e6,#0a142499);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:12px}.crest{width:44px;height:44px;display:grid;place-items:center;font-size:24px;color:#1a1305;border-radius:12px;background:transparent;box-shadow:0 4px 16px #e3bd664d;overflow:hidden;flex-shrink:0}.crest-svg{width:44px;height:44px;display:block}.hero-emblem-wrap{display:flex;justify-content:center;margin-bottom:10px}.hero-emblem{width:76px;height:76px;filter:drop-shadow(0 8px 24px rgba(227,189,102,.35))}h1{margin:0;font-size:26px;line-height:1.5;color:var(--gold);font-family:Cormorant Garamond,Noto Nastaliq Urdu,serif;letter-spacing:.5px}[dir=rtl] h1{font-family:Noto Nastaliq Urdu,serif;font-size:24px}.sub{font-size:12px;letter-spacing:2px;text-transform:uppercase;color:var(--muted);margin-top:-2px}[dir=rtl] .sub{letter-spacing:0;text-transform:none}.searchbox{position:relative;flex:1 1 260px;max-width:420px}.search{width:100%;padding:10px 34px 10px 18px;border-radius:24px;border:1px solid var(--line);background:#ffffff12;color:var(--cream);outline:none;font-size:15px}[dir=rtl] .search{padding:10px 18px 10px 34px}.search:focus{border-color:var(--gold);box-shadow:0 0 0 3px #e3bd662e}.search-clear-btn{position:absolute;inset-inline-end:12px;top:50%;transform:translateY(-50%);background:#ffffff24;border:none;border-radius:50%;width:22px;height:22px;display:grid;place-items:center;font-size:11px;color:var(--cream);cursor:pointer;transition:background .2s;z-index:5}.search-clear-btn:hover{background:#e3bd6666;color:#fff}.results{position:absolute;inset-inline:0;top:46px;background:#0e1b30;border:1px solid var(--line);border-radius:14px;overflow:hidden;box-shadow:0 16px 40px #0009;z-index:30}.res{display:flex;width:100%;align-items:center;gap:10px;padding:8px 12px;background:none;border:0;text-align:start;border-bottom:1px solid rgba(255,255,255,.06)}.res:hover,.res.active{background:#e3bd662e}.res small,.res.none{color:var(--muted)}.langs{display:flex;gap:6px}.chip{padding:7px 14px;border-radius:20px;border:1px solid var(--line);background:transparent;transition:.2s}.chip:hover{background:#e3bd6626}.chip.on{background:linear-gradient(135deg,#f3d98d,var(--gold2));color:#1a1305;font-weight:600;border-color:transparent}.stats{display:flex;gap:16px;margin-inline-start:auto;color:var(--muted);font-size:13px}.stats b{color:var(--gold);font-size:18px;margin-inline-end:3px}.chip-suggest{border:1px solid var(--gold);color:var(--gold);background:#e3bd661f;font-weight:500}.chip-suggest:hover{background:#e3bd6640}.adminlink{position:relative;display:inline-flex;align-items:center;justify-content:center;text-decoration:none;font-size:20px;opacity:.7}.adminlink:hover{opacity:1}.admin-badge{position:absolute;top:-7px;right:-9px;background:#e04b4b;color:#fff;font-size:10px;font-weight:800;min-width:17px;height:17px;border-radius:9px;display:flex;align-items:center;justify-content:center;padding:0 4px;box-shadow:0 2px 5px #0009;border:1.5px solid var(--bg1)}main{position:relative;flex:1;overflow:hidden}main:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:.5;background-image:radial-gradient(circle at 1px 1px,rgba(227,189,102,.09) 1px,transparent 0);background-size:28px 28px}.tree-svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;cursor:grab}.tree-svg:active{cursor:grabbing}.tree-link{fill:none;stroke-width:2;opacity:.55;transition:opacity .3s,stroke .3s;animation:fade .6s ease both}.tree-link.on{stroke:var(--gold);stroke-width:4;opacity:1;filter:drop-shadow(0 0 6px rgba(227,189,102,.8))}.tree-link.dim{opacity:.12}@keyframes fade{0%{opacity:0}}.node{cursor:pointer;transition:transform .6s cubic-bezier(.2,.8,.2,1),opacity .3s;animation:pop .5s ease both}@keyframes pop{0%{opacity:0}}.node.dim{opacity:.38}.node.picked,.node.onpath{opacity:1!important}.node-fo{overflow:visible;pointer-events:auto}.node-card{width:100%;height:100%;box-sizing:border-box;display:flex;align-items:center;gap:11px;padding:7px 14px;border-radius:16px;position:relative;background:linear-gradient(180deg,#fbf6e9,#efe4c8);border:1.5px solid rgba(255,255,255,.7);box-shadow:0 4px 14px #00000073;cursor:pointer;transition:transform .2s,border-color .2s,box-shadow .2s;-webkit-user-select:none;user-select:none}.node-card:hover{border-color:var(--gold);border-width:2.5px;box-shadow:0 6px 20px #e3bd6666}.node-card.f{background:linear-gradient(180deg,#fdf2f4,#f7e5ea)}.node-card.open{border-color:var(--gold);border-width:3.5px;box-shadow:0 0 16px #e3bd6699}.node-card.onpath{border-color:#ff9f1c;border-width:3px}.node-card.picked{background:linear-gradient(180deg,#fffdf7,#faedd3)!important;border-color:#ff9f1c!important;border-width:3.5px!important;box-shadow:0 0 22px #ff9f1ca6,0 8px 24px #00000080!important;transform:scale(1.02)}.node-card.f.picked{background:linear-gradient(180deg,#fff4f6,#fbe3e9)!important;border-color:#ff9f1c!important}.node-card.picked .node-nm1{color:#0b1424!important;font-weight:800}.node-card.picked .node-nm2{color:#27344c!important;font-weight:600}.node-card.picked .node-life-span{color:#4b5a75!important;font-weight:500}.node-card .accent{position:absolute;top:10px;bottom:10px;width:6px;border-radius:3px}[dir=ltr] .node-card .accent{left:0;border-top-left-radius:0;border-bottom-left-radius:0}[dir=rtl] .node-card .accent{right:0;border-top-right-radius:0;border-bottom-right-radius:0}.avatar-box{width:48px;height:48px;flex-shrink:0;display:grid;place-items:center}.avatar-img{width:48px;height:48px;border-radius:50%;object-fit:cover;border:2px solid var(--gold);box-shadow:0 2px 6px #0000004d}.avatar-mono{width:48px;height:48px;border-radius:50%;background:#16253d;color:var(--gold);display:grid;place-items:center;border:2px solid;font-weight:700;font-family:Cormorant Garamond,Inter,serif;font-size:21px;box-shadow:0 2px 6px #0000004d}.avatar-mono.ur{font-family:Noto Nastaliq Urdu,Noto Sans Arabic,serif;font-size:22px;padding-bottom:4px}.node-details{flex:1;min-width:0;display:flex;flex-direction:column;justify-content:center;overflow:visible}[dir=ltr] .node-details{text-align:left}[dir=rtl] .node-details{text-align:right}.node-nm1{font-size:17px;font-weight:700;color:#1b2538;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.35}.node-nm1.lang-ur,[dir=rtl] .node-nm1{font-size:19px;line-height:2.1;letter-spacing:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-height:40px;display:flex;align-items:center;padding:3px 0 5px;box-sizing:border-box}.node-nm2{font-size:12.5px;color:#566178;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.25}.node-nm2.lang-ur,[dir=rtl] .node-nm2{font-size:14.5px;line-height:2.1;color:#3b465d;font-weight:600;letter-spacing:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-height:32px;display:flex;align-items:center;padding:2px 0 4px;box-sizing:border-box}.node-life-span{font-size:11.5px;font-weight:600;color:#7b6a3c;margin-top:1px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.3}[dir=rtl] .node-life-span{text-align:right;direction:ltr;unicode-bidi:isolate}.node-gen-num{position:absolute;top:7px;font-size:11px;font-weight:700;color:#a69877}[dir=ltr] .node-gen-num{right:12px}[dir=rtl] .node-gen-num{left:12px}.badge{fill:#ff9f1c;stroke:#fff;stroke-width:2}.badgeText{fill:#1a1305;font-weight:800;font-size:14px}.toggle{cursor:pointer}.toggle circle{fill:var(--gold);stroke:#1a1305;stroke-width:2;transition:r .2s}.toggle:hover circle{fill:#fff3c8}.toggle text{fill:#1a1305;font-size:11px;font-weight:800;pointer-events:none}.dock{position:absolute;bottom:18px;left:50%;transform:translate(-50%);z-index:10;display:flex;gap:6px;padding:7px;background:var(--glass);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--line);border-radius:22px;box-shadow:0 10px 30px #00000080;max-width:calc(100% - 24px);flex-wrap:wrap;justify-content:center}.dock button,.panel button.ghost,.actions-row button{padding:8px 14px;border-radius:16px;border:1px solid transparent;background:#ffffff0f;font-size:13px;transition:.2s}.dock button:hover,.actions-row button:hover,.panel button.ghost:hover{background:#e3bd6638}.dock button.on,.actions-row button.on{background:linear-gradient(135deg,#ffbe55,#ff9f1c);color:#1a1305;font-weight:700}.panel{position:absolute;top:14px;inset-inline-end:14px;bottom:84px;width:360px;max-width:calc(100% - 28px);overflow:auto;z-index:15;background:linear-gradient(180deg,#0e1b30f5,#08101ef5);border:1px solid var(--line);border-radius:22px;box-shadow:0 20px 60px #0009;padding:14px 18px 24px;animation:slide .35s ease both}@keyframes slide{0%{opacity:0;transform:translateY(12px)}}.panel-actions{display:flex;justify-content:flex-end;gap:8px}.hero{text-align:center;padding:6px 0 12px}.hero h2{margin:4px 0;font-weight:600;font-size:17px;color:var(--cream);line-height:1.8}.hero h2.big{font-size:24px;color:var(--gold)}.nick{color:var(--muted);font-style:italic}.avatar{border-radius:50%;object-fit:cover;border:3px solid var(--c, var(--gold));background:#16253d;flex:none}.avatar.mono{display:grid;place-items:center;color:var(--gold);font-family:Cormorant Garamond,serif;font-weight:700}.chips{display:flex;gap:6px;justify-content:center;flex-wrap:wrap;margin-top:8px}.chip2{font-size:12px;padding:3px 10px;border-radius:12px;background:#e3bd6626;color:var(--gold)}.actions-row{display:flex;gap:6px;flex-wrap:wrap;justify-content:center;margin:4px 0 10px}.panel section{border-top:1px solid rgba(255,255,255,.08);padding:10px 0}.panel h3{margin:0 0 8px;font-size:12px;text-transform:uppercase;letter-spacing:1.6px;color:var(--muted)}[dir=rtl] .panel h3{letter-spacing:0;text-transform:none;font-size:14px}.kv{display:flex;justify-content:space-between;gap:14px;padding:4px 0;font-size:14px}.kv b{color:var(--muted);font-weight:500}.hijri{color:var(--gold)}.bio{line-height:2;margin:0 0 8px;white-space:pre-wrap;font-size:15px}.plink{display:flex;align-items:center;gap:8px;width:100%;padding:5px 8px;background:transparent;border:0;border-radius:12px;text-align:start}button.plink:hover{background:#e3bd6626}.plink small{margin-inline-start:auto;color:var(--muted)}.spouse{margin-bottom:6px}.lineage{display:flex;flex-wrap:wrap;gap:4px}.lin{border:1px solid var(--c);background:transparent;color:var(--cream);padding:3px 9px;border-radius:12px;font-size:12px}.lin.me{background:var(--c);color:#0a1424;font-weight:700}.lin:hover{background:#ffffff1f}.gallery{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.gallery figure{margin:0;cursor:zoom-in}.gallery img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:12px}.gallery figcaption{font-size:12px;color:var(--muted);margin-top:2px}.lightbox{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;background:#000000e0;display:grid;place-items:center;cursor:zoom-out}.lightbox img{max-width:92vw;max-height:92vh;border-radius:10px}.compare{position:absolute;bottom:84px;inset-inline-start:14px;width:420px;max-width:calc(100% - 28px);max-height:60%;overflow-y:auto;z-index:14;background:#0a1424f0;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1.5px solid #ff9f1caa;border-radius:20px;padding:14px 18px;box-shadow:0 16px 50px #000000bf;animation:slide .3s ease both}.compare-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;color:#ffbe55}.compare-head-actions{display:flex;align-items:center;gap:8px}.compare button.ghost{padding:4px 12px;border-radius:12px;background:#ffffff1a;border:1px solid rgba(255,255,255,.12);color:var(--cream);cursor:pointer}.compare button.ghost:hover{background:#fff3}.compare button.close-btn{width:28px;height:28px;padding:0;display:grid;place-items:center;font-size:13px;border-radius:50%}.compare-search-wrap{position:relative;margin-bottom:10px}.compare-search{width:100%;padding:8px 14px;border-radius:14px;border:1px solid var(--line);background:#ffffff12;color:var(--cream);font:inherit;font-size:13px;outline:none}.compare-search:focus{border-color:#ffbe55}.compare-suggestions{position:absolute;inset-inline:0;top:38px;z-index:25;background:#0e1b30;border:1px solid var(--line);border-radius:12px;overflow:hidden;box-shadow:0 12px 30px #000000b3}.picked-list{display:flex;flex-wrap:wrap;gap:7px}.pick{display:inline-flex;align-items:center;gap:6px;padding:4px 6px 4px 10px;border:1.5px solid var(--c);border-radius:18px;font-size:13px;background:#0e1b30e0;color:#fff;box-shadow:0 2px 8px #0000004d}.pick .plain{display:inline-flex;align-items:center;gap:6px;background:none;border:0;padding:0;color:inherit}.pick em{font-style:normal;background:#ff9f1c;color:#1a1305;font-weight:800;width:20px;height:20px;display:grid;place-items:center;border-radius:50%;font-size:12px}.pick .x{background:#ffffff24;border:0;border-radius:50%;width:20px;height:20px;line-height:18px;padding:0;color:var(--cream);cursor:pointer}.pick .x:hover{background:#ef444466;color:#fff}.compare-hint{margin:12px 0 6px;font-size:13.5px;line-height:1.5;color:var(--muted)}.rel-list{margin-top:12px;display:grid;gap:10px}.rel{padding:10px 14px;background:#ff9f1c1f;border:1px solid rgba(255,159,28,.25);border-radius:14px}.rel-main{font-weight:600;font-size:14.5px;line-height:1.6;color:#fff}[dir=rtl] .rel-main{font-family:Noto Nastaliq Urdu,serif;font-size:16px;line-height:2.2}.rel-sub{margin-top:5px;font-size:12.5px;display:flex;align-items:center;gap:6px;flex-wrap:wrap}.rel-path{margin-top:8px;padding-top:7px;border-top:1px dashed rgba(255,255,255,.14);display:flex;flex-wrap:wrap;align-items:center;gap:4px;font-size:11.5px}.rel-path-step{display:inline-flex;align-items:center;gap:4px}.rel-arrow{color:var(--muted);font-size:11px}.rel-node-chip{background:#ffffff14;border:1px solid rgba(255,255,255,.15);color:var(--cream);border-radius:10px;padding:2px 8px;font-size:11.5px;cursor:pointer;transition:.15s}.rel-node-chip:hover{background:#e3bd6640;border-color:var(--gold)}.rel-node-chip.lca{background:#e3bd6638;border-color:var(--gold);color:#ffd875;font-weight:700}.ancestor-link{background:none;border:0;padding:0;color:#ffd875!important;font-weight:700;text-decoration:underline dotted;font-size:13.5px;cursor:pointer;opacity:1!important}.ancestor-link:hover{color:#fff!important;text-decoration:underline}.rel.top{margin-top:10px;background:#e3bd662e;border:1.5px solid rgba(227,189,102,.45);border-radius:14px;padding:10px 14px;display:flex;align-items:center;gap:8px;flex-wrap:wrap}.rel.top .ancestor-label{color:var(--cream);font-size:13.5px;font-weight:500}.matrix-wrap{overflow:auto;margin-top:12px;border-radius:10px;border:1px solid var(--line)}.matrix-wrap h4{margin:8px 10px;color:var(--gold);font-size:12.5px}.matrix{border-collapse:collapse;font-size:12px;width:100%;background:#0c182c}.matrix th,.matrix td{border:1px solid rgba(255,255,255,.1);padding:6px 8px;text-align:center;color:var(--cream)}.matrix th{background:#ff9f1c40;font-weight:700;color:#ffbe55}.admin{height:100%;display:flex;flex-direction:column;background:#0d1829}.admin-top{display:flex;align-items:center;gap:8px;padding:10px 18px;background:#08111f;border-bottom:1px solid var(--line);flex-wrap:wrap}.admin-top h1{font-size:20px;font-family:Inter,sans-serif}.admin-top h1 small{font-size:12px;color:var(--muted);font-weight:400;margin-inline-start:8px}.grow{flex:1}.btn{display:inline-block;padding:8px 14px;border-radius:10px;border:1px solid var(--line);background:#ffffff0f;color:var(--cream);text-decoration:none;font-size:13px;cursor:pointer;margin:2px}.btn:hover{background:#e3bd6633}.btn.primary{background:linear-gradient(135deg,#f3d98d,var(--gold2));color:#1a1305;border-color:transparent;font-weight:700}.btn.primary:disabled{opacity:.4;cursor:default}.btn.danger{color:#ff9a9a;border-color:#ff9a9a55}.btn.danger:hover{background:#ff5a5a33}.toast{position:fixed;top:14px;left:50%;transform:translate(-50%);z-index:200;padding:10px 20px;border-radius:12px;background:#1d6b48;color:#fff;box-shadow:0 8px 30px #00000080}.toast.bad{background:#8b2b2b}.err{color:#ff8a8a;margin:6px 0;font-size:13px}.admin-body{flex:1;display:flex;min-height:0}.admin-list{width:340px;max-width:42%;border-inline-end:1px solid var(--line);display:flex;flex-direction:column;min-height:0}.admin-list-head{display:flex;gap:6px;padding:10px}.admin-list-head input{flex:1}.admin-rows{overflow:auto;flex:1}.row-item{display:flex;align-items:center;gap:8px;width:100%;padding:6px 10px;background:none;border:0;border-bottom:1px solid rgba(255,255,255,.04);text-align:start;font-size:13px}.row-item:hover{background:#e3bd661a}.row-item.sel{background:#e3bd663d}.row-item img,.row-item .dot{width:22px;height:22px;border-radius:50%;object-fit:cover;flex:none}.row-item .dot{background:#25395a}.row-item small{color:var(--muted)}.row-item .yr{margin-inline-start:auto}.admin-main{flex:1;overflow:auto;padding:18px 24px 60px;min-width:0}.pad{padding:14px}.editor{max-width:860px}.editor-bar{display:flex;align-items:center;gap:6px;position:sticky;top:-18px;z-index:5;background:#0d1829;padding:12px 0;border-bottom:1px solid var(--line);flex-wrap:wrap}.editor-bar h2{margin:0;font-size:20px}fieldset{border:1px solid rgba(255,255,255,.12);border-radius:14px;margin:14px 0;padding:12px 16px 14px}legend{padding:0 8px;color:var(--gold);font-weight:600}.admin input:not([type=file]):not([type=checkbox]),.admin textarea,.admin select,.admin-login input,.suggest-form input:not([type=file]):not([type=checkbox]),.suggest-form textarea,.suggest-form select{width:100%;padding:9px 12px;margin:3px 0;border-radius:10px;border:1px solid rgba(255,255,255,.18);background:#ffffff0f;color:var(--cream);font:inherit;outline:none}.admin input:focus,.admin textarea:focus,.admin select:focus,.suggest-form input:focus,.suggest-form textarea:focus,.suggest-form select:focus{border-color:var(--gold)}.admin select option,.suggest-form select option{color:#111}.admin label,.suggest-form label{display:block;font-size:12px;color:var(--muted)}.admin label.btn,.suggest-form label.btn{display:inline-block;color:var(--cream);font-size:13px}.row{display:flex;gap:12px;align-items:flex-end;flex-wrap:wrap;margin:4px 0}.row>label{flex:1;min-width:160px}.row.top{align-items:flex-start}.l10n{display:grid;gap:4px}.imgfield{display:flex;gap:14px;align-items:center}.imgfield img,.imgph{width:96px;height:96px;object-fit:cover;border-radius:12px;border:2px solid var(--line)}.imgph{display:grid;place-items:center;color:var(--muted);font-size:12px;background:#ffffff0a}.round{border-radius:50%!important}.card-edit{border:1px dashed rgba(255,255,255,.2);border-radius:12px;padding:10px;margin-bottom:10px}.picker{position:relative}.picker-picked{display:flex;align-items:center;gap:8px;padding:7px 12px;border-radius:10px;background:#e3bd6624;border:1px solid var(--line)}.picker-picked span{flex:1;font-size:14px;color:var(--cream)}.picker-input-row{display:flex;align-items:center;gap:8px}.picker-input-row input{flex:1}.picker-cancel-btn{white-space:nowrap;padding:7px 12px;font-size:12.5px;border-radius:8px;background:#ffffff14;border:1px solid rgba(255,255,255,.15);color:var(--cream);cursor:pointer}.picker-cancel-btn:hover{background:#ffffff2e}.picker-clear-option{color:#fca5a5!important;border-bottom:1px solid rgba(239,68,68,.25)!important;background:#ef444414!important}.mini{padding:3px 8px;font-size:12px;border-radius:8px;border:1px solid var(--line);background:none}.picker-list{position:absolute;z-index:40;inset-inline:0;max-height:260px;overflow-y:auto;background:#0e1b30;border:1.5px solid var(--gold);border-radius:10px;box-shadow:0 14px 35px #000c}.picker-list button{display:block;width:100%;text-align:start;padding:8px 12px;background:none;border:0;border-bottom:1px solid rgba(255,255,255,.06);font-size:13px;color:var(--cream)}.picker-list button:hover{background:#e3bd6638}.picker-list small,.picker-picked small{color:var(--muted);margin-inline-start:6px}.gal-edit{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px;margin-bottom:8px}.gal-item img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:10px}button.link{display:block;background:none;border:0;padding:3px 0;color:var(--gold);text-decoration:underline dotted;text-align:start}details summary{cursor:pointer;color:var(--muted);margin:6px 0;font-size:13px}.modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:150;background:#0009;display:grid;place-items:center}.modal-card{background:#0e1b30;border:1px solid var(--line);border-radius:16px;padding:20px;width:460px;max-width:94vw;max-height:80vh;overflow:auto}.backup{display:flex;justify-content:space-between;align-items:center;padding:6px 0;border-bottom:1px solid rgba(255,255,255,.08)}.admin-login{height:100%;display:grid;place-items:center;background:radial-gradient(circle at 50% 0,#254270,#0a1424 70%)}.admin-login form{width:340px;display:grid;gap:10px;padding:28px;background:#0a1424d9;border:1px solid var(--line);border-radius:20px}.admin-login h1{margin:0}.modal-card.modal-large{width:860px;max-width:95vw;max-height:90vh;display:flex;flex-direction:column}.modal-head{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding-bottom:12px;margin-bottom:14px}.modal-head h2{margin:0;color:var(--gold);font-size:20px}.modal-foot{display:flex;justify-content:flex-end;gap:10px;margin-top:18px;padding-top:14px;border-top:1px solid rgba(255,255,255,.08)}.pass-gate{padding:24px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:14px}.pass-gate h2{margin:0;color:var(--gold)}.pass-gate p{margin:0;color:var(--muted);font-size:14px;max-width:360px}.pass-gate input{max-width:320px;text-align:center;font-size:16px;letter-spacing:2px;padding:10px 14px;border-radius:12px;border:1px solid var(--line);background:#ffffff0f;color:var(--cream)}.suggest-form{overflow-y:auto;flex:1;padding-inline-end:6px}.suggest-meta{background:#e3bd6614;border:1px solid rgba(227,189,102,.25);border-radius:12px;padding:14px;margin-bottom:16px}.suggest-meta h4{margin:0 0 8px;color:var(--gold)}.suggest-done{text-align:center;padding:36px 20px;display:flex;flex-direction:column;align-items:center;gap:12px}.done-icon{font-size:48px;width:72px;height:72px;display:grid;place-items:center;border-radius:50%;background:#4ade8033;border:2px solid #4ade80;color:#4ade80;margin-bottom:8px}.btn-suggest{border:1px solid var(--gold)!important;color:var(--gold)!important;background:#e3bd661f!important}.dock-suggest{border:1px solid var(--gold)!important;color:var(--gold)!important;background:#e3bd6626!important;font-weight:600}.admin-tabs{display:inline-flex;align-items:center;gap:8px;margin-inline-start:16px}.tab-btn{padding:6px 14px;border-radius:20px;border:1px solid var(--line);background:#ffffff0a;color:var(--muted);font-size:13px;font-weight:500;cursor:pointer;transition:.2s}.tab-btn:hover{background:#e3bd661f;color:var(--cream)}.tab-btn.on{background:#e3bd6638;border-color:var(--gold);color:var(--cream);font-weight:600}.tab-badge{background:#e04b4b;color:#fff;border-radius:10px;font-size:11px;padding:1px 7px;margin-inline-start:6px;font-weight:800}.alert-strip{display:flex;align-items:center;justify-content:space-between;gap:12px;background:linear-gradient(90deg,#e38c3240,#dc3c3c33);border-bottom:1px solid rgba(227,189,102,.35);padding:10px 24px;cursor:pointer;color:var(--cream);font-size:13.5px}.alert-strip:hover{background:linear-gradient(90deg,#e38c3259,#dc3c3c4d)}.filter-chips{display:flex;gap:5px;width:100%;flex-wrap:wrap}.filter-chips .chip{flex:1;text-align:center;font-size:11.5px;padding:5px 6px;white-space:nowrap}.req-item{display:flex;flex-direction:column;gap:4px;padding:10px 14px;border-bottom:1px solid rgba(255,255,255,.06);text-align:start;width:100%;background:none;border-inline:0;border-top:0;cursor:pointer;transition:background .15s}.req-item:hover{background:#ffffff0a}.req-item.sel{background:#e3bd662e;border-inline-start:3px solid var(--gold)}.req-top{display:flex;justify-content:space-between;align-items:center;width:100%}.req-target{font-size:13.5px;color:var(--gold);font-weight:500}.req-meta{display:flex;justify-content:space-between;align-items:center;font-size:11px;color:var(--muted);margin-top:2px}.status-tag{font-size:10.5px;text-transform:uppercase;font-weight:700;padding:2px 7px;border-radius:6px;letter-spacing:.4px}.status-tag.pending{background:#e3bd6633;color:var(--gold);border:1px solid rgba(227,189,102,.4)}.status-tag.approved{background:#4ade8033;color:#86efac;border:1px solid rgba(74,222,128,.4)}.status-tag.rejected{background:#ef444433;color:#fca5a5;border:1px solid rgba(239,68,68,.4)}.status-tag.conflict{background:#ef444440;color:#fca5a5;border:1px solid #ef4444}.conflict-tag{background:#ef444440;color:#fca5a5;border:1px solid rgba(239,68,68,.5);border-radius:6px;padding:1px 6px;font-size:11px;font-weight:700}.review-viewer{height:100%;display:flex;flex-direction:column;overflow:hidden;background:#0b1526}.review-header{display:flex;justify-content:space-between;align-items:flex-start;padding:16px 22px;border-bottom:1px solid var(--line);background:#0e1b30b3;gap:16px;flex-wrap:wrap}.review-sub-info{display:flex;flex-direction:column;gap:6px;flex:1;min-width:260px}.review-sub-info h3{margin:0;color:var(--gold);font-size:18px}.sub-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap;font-size:13px}.submitter-note{background:#ffffff0d;border-inline-start:3px solid var(--gold);padding:6px 12px;border-radius:4px;font-size:13px;font-style:italic;margin-top:4px;color:var(--cream)}.review-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.mode-toggle{display:inline-flex;border:1px solid var(--line);border-radius:10px;overflow:hidden;background:#00000040}.mode-toggle .btn{border-radius:0;border:none;padding:7px 14px;font-size:12.5px}.mode-toggle .btn.on{background:var(--gold);color:#111;font-weight:700}.status-badge-wrap{display:flex;align-items:center;gap:10px}.status-pill{padding:4px 10px;border-radius:8px;font-size:12px;font-weight:700}.status-pill.approved{background:#4ade8033;color:#86efac;border:1px solid #4ade80}.status-pill.rejected{background:#ef444433;color:#fca5a5;border:1px solid #ef4444}.reject-box{background:#ef44441f;border:1px solid rgba(239,68,68,.35);border-radius:12px;padding:14px 18px;margin:12px 22px 0;display:flex;flex-direction:column;gap:8px}.reject-box h4{margin:0;color:#fca5a5;font-size:14px}.reject-box input{width:100%;padding:8px 12px;border-radius:8px;border:1px solid rgba(255,255,255,.2);background:#0000004d;color:var(--cream);font:inherit}.conflict-banner{display:flex;align-items:center;gap:14px;background:linear-gradient(90deg,#ef444440,#e38c322e);border:1px solid rgba(239,68,68,.5);border-radius:12px;margin:14px 22px 0;padding:12px 18px}.conflict-icon{font-size:26px}.conflict-banner b{color:#ff9e9e;font-size:15px}.conflict-banner p{margin:3px 0 0;font-size:12.5px;color:var(--cream)}.quick-review-pane,.field-resolver-pane{flex:1;overflow-y:auto;padding:18px 22px;display:flex;flex-direction:column;gap:16px}.diff-summary-card{background:#ffffff08;border:1px solid var(--line);border-radius:12px;padding:14px 18px}.diff-summary-card h4{margin:0 0 8px;font-size:14px;color:var(--gold)}.diff-badges{display:flex;gap:8px;flex-wrap:wrap}.diff-chip{font-size:11.5px;padding:4px 10px;border-radius:8px;border:1px solid rgba(255,255,255,.15)}.diff-chip.conflict{background:#ef444440;border-color:#ef4444;color:#fca5a5;font-weight:600}.diff-chip.modified{background:#e3bd6633;border-color:var(--gold);color:var(--gold)}.diff-chip.added{background:#4ade8033;border-color:#4ade80;color:#86efac}.side-by-side-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:18px}.preview-card{background:#ffffff0a;border:1px solid var(--line);border-radius:14px;padding:22px 18px;display:flex;flex-direction:column;align-items:center;text-align:center;position:relative}.preview-card.proposed{border-color:var(--gold);background:#e3bd660f;box-shadow:0 0 20px #e3bd6614}.card-badge{position:absolute;top:12px;left:14px;font-size:10.5px;text-transform:uppercase;letter-spacing:.5px;background:#ffffff1a;padding:3px 8px;border-radius:6px;color:var(--muted)}.card-badge.proposed{background:var(--gold);color:#111;font-weight:800}.preview-card h3{margin:10px 0 6px;font-size:18px;color:var(--cream)}.bio-sm{font-size:12.5px;color:var(--muted);margin-top:10px;text-align:start;width:100%;border-top:1px solid rgba(255,255,255,.06);padding-top:8px}.quick-actions-bar{display:flex;align-items:center;gap:14px;margin-top:6px;flex-wrap:wrap}.warn-text{color:#ff9e9e!important;font-size:12.5px}.resolver-table-wrap{border:1px solid var(--line);border-radius:12px;overflow:hidden;background:#0e1b3080}.resolver-table{width:100%;border-collapse:collapse;font-size:13px;text-align:left}[dir=rtl] .resolver-table{text-align:right}.resolver-table th{background:#ffffff0d;padding:12px 14px;font-weight:600;color:var(--muted);border-bottom:1px solid var(--line);text-transform:uppercase;font-size:11px;letter-spacing:.5px}.resolver-table td{padding:12px 14px;border-bottom:1px solid rgba(255,255,255,.06);vertical-align:middle}.diff-row.conflict{background:#ef444414}.diff-row.conflict .field-name{border-inline-start:4px solid #ef4444}.field-name code{display:block;font-size:11px;color:var(--muted);font-family:monospace;margin-top:2px}.val-cell{max-width:260px;word-break:break-word}.val-cell.proposed{color:var(--gold)}.rich-val-list{display:flex;flex-direction:column;gap:4px}.rich-val-item{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);padding:4px 8px;border-radius:6px;font-size:12px}.decision-toggle{display:inline-flex;border-radius:8px;overflow:hidden;border:1px solid var(--line)}.choice-btn{padding:6px 12px;font-size:12px;background:#ffffff0d;border:none;color:var(--muted);cursor:pointer;transition:.15s}.choice-btn.active-current{background:#6482aa73;color:#fff;font-weight:700}.choice-btn.active-proposed{background:var(--gold);color:#111;font-weight:800}.resolve-submit-bar{display:flex;justify-content:space-between;align-items:center;background:#e3bd661a;border:1px solid var(--line);border-radius:12px;padding:14px 18px;margin-top:6px;gap:16px;flex-wrap:wrap}.pill-val{background:#ffffff14;padding:2px 8px;border-radius:6px;font-size:12px}.raw-val{font-size:11px;margin:0;background:#0000004d;padding:4px 6px;border-radius:6px;max-height:80px;overflow:auto}.img-preview img{width:44px;height:44px;object-fit:cover;border-radius:8px;border:1px solid var(--line)}.pad{padding:16px}.text-center{text-align:center}.pad-sm{padding:8px 14px;margin:0 22px}.tree-canvas-wrap{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.tree-link-group{cursor:pointer}.tree-link-hit{fill:none;stroke:transparent;stroke-width:18px;pointer-events:stroke}.tree-link.active-line{stroke:#f3d98d!important;stroke-width:3.5px;opacity:.95;filter:drop-shadow(0 0 6px rgba(227,189,102,.7))}.view-mode-switch{display:inline-flex;gap:4px;background:#00000040;padding:3px;border-radius:22px;border:1px solid var(--line)}.view-mode-switch .chip{border:none;padding:6px 12px;font-size:13px}.canvas-lineage-bar{position:absolute;top:10px;inset-inline:14px;z-index:14;display:flex;align-items:center;gap:4px;overflow-x:auto;white-space:nowrap;padding:6px 12px;border-radius:20px;background:#0a1424d9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--line);box-shadow:0 6px 20px #00000073;max-width:fit-content;margin-inline:auto}.crumb-wrap{display:inline-flex;align-items:center;gap:4px}.crumb-sep{color:var(--muted);font-size:11px;margin:0 1px}.crumb-btn{display:inline-flex;align-items:center;gap:6px;background:#ffffff0f;border:1px solid rgba(255,255,255,.12);border-radius:14px;padding:3px 9px 3px 5px;font-size:12.5px;color:var(--cream);transition:.15s}.crumb-btn:hover{background:#e3bd6633;border-color:var(--gold)}.crumb-btn.current{background:#e3bd6640;border-color:var(--gold);color:var(--gold);font-weight:700}.crumb-gen{width:18px;height:18px;border-radius:50%;display:inline-grid;place-items:center;font-size:10px;font-weight:800;color:#0b1424}.canvas-zoom-controls{position:absolute;inset-inline-end:14px;bottom:132px;z-index:13;display:flex;flex-direction:column;gap:6px}.canvas-zoom-controls button{width:38px;height:38px;border-radius:50%;border:1px solid var(--line);background:#0a1424e0;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:var(--gold);font-size:18px;font-weight:700;display:grid;place-items:center;box-shadow:0 4px 12px #00000073}.canvas-zoom-controls button:hover{background:#e3bd6633}.line-stepper-bar{position:absolute;bottom:66px;left:50%;transform:translate(-50%);z-index:15;display:flex;align-items:center;gap:10px;padding:7px 12px;border-radius:18px;background:#0a1424eb;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--gold);box-shadow:0 10px 28px #0009;max-width:calc(100vw - 20px);overflow-x:auto}.stepper-person{display:flex;align-items:center;gap:8px;cursor:pointer;padding-inline-end:8px;border-inline-end:1px solid var(--line);flex-shrink:0}.stepper-person-text{display:flex;flex-direction:column;line-height:1.2}.stepper-person-text b{font-size:13.5px;color:var(--gold);white-space:nowrap}.stepper-person-text small{font-size:11px;color:var(--muted);white-space:nowrap}.stepper-buttons{display:flex;align-items:center;gap:6px;flex-shrink:0}.step-btn{padding:6px 11px;border-radius:14px;border:1px solid var(--line);background:#ffffff12;color:var(--cream);font-size:12.5px;white-space:nowrap;transition:.15s}.step-btn:hover{background:#e3bd6633;border-color:var(--gold)}.step-btn.primary{background:linear-gradient(135deg,#f3d98d,var(--gold2));color:#1a1305;font-weight:700;border-color:transparent}.explorer-view{position:absolute;top:0;right:0;bottom:0;left:0;overflow-y:auto;padding:12px 16px 96px;display:flex;flex-direction:column;gap:14px}.explorer-gen-bar{display:flex;align-items:center;gap:6px;overflow-x:auto;padding:4px 2px 8px;max-width:900px;width:100%;margin:0 auto;flex-shrink:0}.gen-pill{padding:6px 13px;border-radius:18px;border:1px solid var(--line);background:#0a1424bf;color:var(--cream);font-size:12.5px;white-space:nowrap;flex-shrink:0}.gen-pill.current{border-color:var(--gen-color, var(--gold));box-shadow:0 0 0 1.5px var(--gen-color, var(--gold))}.gen-pill.on{background:linear-gradient(135deg,#f3d98d,var(--gold2));color:#1a1305;font-weight:700;border-color:transparent}.explorer-container{max-width:820px;width:100%;margin:0 auto;display:flex;flex-direction:column;gap:14px}.explorer-lineage-spine{background:#0a1424b8;border:1px solid var(--line);border-radius:16px;padding:12px 14px}.spine-label{font-size:11px;text-transform:uppercase;letter-spacing:1px;color:var(--muted);margin-bottom:8px}.spine-list{display:flex;flex-wrap:wrap;align-items:center;gap:6px}.spine-node{display:inline-flex;align-items:center;gap:6px;padding:5px 10px 5px 6px;border-radius:16px;border:1px solid rgba(255,255,255,.14);background:#ffffff0d;font-size:13px;transition:.15s}.spine-node:hover{background:#e3bd662e;border-color:var(--gold)}.spine-node.father-node{border-color:var(--gold);background:#e3bd6624;font-weight:600}.spine-gen{width:20px;height:20px;border-radius:50%;display:inline-grid;place-items:center;font-size:11px;font-weight:800;color:#0b1424}.spine-tag{font-size:10.5px;background:#e3bd6640;color:var(--gold);padding:1px 6px;border-radius:8px}.explorer-sibling-bar{display:flex;align-items:center;justify-content:space-between;gap:8px;background:#0a1424b8;border:1px solid var(--line);border-radius:14px;padding:8px 12px}.sib-step-btn{padding:6px 12px;border-radius:12px;border:1px solid var(--line);background:#ffffff0f;font-size:12.5px;max-width:38%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sib-step-btn:disabled{opacity:.3;cursor:default}.sib-step-btn:not(:disabled):hover{background:#e3bd662e;border-color:var(--gold)}.sib-pos-badge{font-size:12px;color:var(--muted);font-weight:600;text-align:center}.explorer-hero-card{background:linear-gradient(180deg,#101e36eb,#0a1424eb);border:2px solid var(--gold);border-radius:20px;padding:18px;box-shadow:0 12px 32px #00000073;display:flex;flex-direction:column;gap:14px}.explorer-hero-top{display:flex;align-items:center;gap:16px}.explorer-hero-titles{flex:1;min-width:0}.explorer-badges{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:6px}.badge-pill{font-size:11px;font-weight:700;padding:2px 9px;border-radius:12px;border:1px solid var(--line);background:#ffffff0d}.hero-nm1{font-size:24px;font-weight:700;color:var(--gold);line-height:1.3}.hero-nm2{font-size:16px;color:var(--cream);opacity:.9;line-height:1.35}.hero-meta-row{display:flex;flex-wrap:wrap;gap:12px;margin-top:6px;font-size:13px;color:var(--muted)}.explorer-hero-bio{border-top:1px solid rgba(255,255,255,.08);padding-top:10px;font-size:14px;line-height:1.6;color:var(--cream)}.explorer-hero-bio p{margin:4px 0}.explorer-spouses{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:13px}.explorer-hero-actions{display:flex;flex-wrap:wrap;gap:8px;padding-top:4px}.explorer-children-section{display:flex;flex-direction:column;gap:10px}.explorer-section-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.explorer-section-head h3{margin:0;font-size:16px;color:var(--gold)}.explorer-empty-kids{background:#0a142499;border:1px dashed var(--line);border-radius:14px;padding:18px;text-align:center;color:var(--muted);display:flex;flex-direction:column;align-items:center;gap:10px}.explorer-children-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:10px}.explorer-child-card{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:16px;border:1px solid var(--line);background:#0e1b30d1;text-align:start;transition:.18s}.explorer-child-card:hover,.explorer-child-card.active{border-color:var(--gold);background:#e3bd6624;transform:translateY(-1px)}.child-order-num{width:22px;height:22px;border-radius:50%;background:#ffffff14;color:var(--muted);font-size:11px;font-weight:700;display:grid;place-items:center;flex-shrink:0}.explorer-child-info{flex:1;min-width:0}.explorer-child-name{font-size:16px;font-weight:700;color:var(--cream);line-height:1.3}.explorer-child-sub{font-size:13px;color:var(--muted);line-height:1.3}.explorer-child-life{font-size:11.5px;color:var(--gold);margin-top:2px}.explorer-branch-pill{background:#e3bd662e;border:1px solid var(--gold);color:var(--gold);font-size:12px;font-weight:700;padding:4px 9px;border-radius:12px;flex-shrink:0}.explorer-leaf-dot{color:var(--muted);font-size:18px;padding:0 4px}.admin-login-card{width:390px;max-width:94vw;padding:28px;border-radius:18px;background:var(--glass);border:1px solid var(--line);display:flex;flex-direction:column;gap:14px;box-shadow:0 18px 48px #0000008c}.admin-login-card h1{margin:0;font-size:24px}.admin-login-card form{display:flex;flex-direction:column;gap:12px;width:auto;padding:0;border:0;background:none}.google-signin-wrap{display:flex;flex-direction:column;align-items:center;gap:12px;margin-top:4px}.login-divider{width:100%;text-align:center;border-bottom:1px solid var(--line);line-height:.1em;margin:8px 0}.login-divider span{background:#0e1b2e;padding:0 10px;font-size:11.5px;color:var(--muted)}.login-field{display:flex;flex-direction:column;gap:5px;font-size:12.5px;color:var(--muted)}.otp-input{font-size:22px!important;letter-spacing:8px;text-align:center;font-weight:700;color:var(--gold)!important}.login-info{background:#4ade8026;border:1px solid rgba(74,222,128,.4);color:#86efac;padding:8px 12px;border-radius:8px;font-size:13px}.login-footer-links{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:8px;margin-top:4px;font-size:13px}.admin-me-pill{font-size:12.5px;padding:5px 11px;border-radius:14px;background:#e3bd661f;border:1px solid var(--line);color:var(--cream)}.admin-status-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px}.status-box{background:#ffffff0a;border:1px solid rgba(255,255,255,.1);border-radius:10px;padding:10px 12px;display:flex;flex-direction:column;gap:4px}.status-box span{font-size:11.5px;color:var(--muted)}.status-box b{font-size:13px}.ok-txt{color:#86efac}.warn-txt{color:#fcd34d}.admin-users-list{display:flex;flex-direction:column;gap:8px;margin-top:8px}.admin-user-card{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:12px 14px;border-radius:12px;background:#ffffff0a;border:1px solid rgba(255,255,255,.1)}.admin-user-title{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.role-badge{font-size:11px;padding:2px 8px;border-radius:10px;font-weight:700}.role-badge.owner{background:#e3bd6640;color:var(--gold);border:1px solid var(--gold)}.role-badge.admin{background:#60a5fa33;color:#93c5fd;border:1px solid rgba(96,165,250,.4)}.notify-toggle{display:inline-flex;align-items:center;gap:6px;font-size:13px;cursor:pointer}@media (max-width: 760px){.top{padding:8px 12px;gap:8px 10px}.crest{width:34px;height:34px;font-size:18px;border-radius:10px}h1{font-size:19px}[dir=rtl] h1{font-size:18px}.sub,.stats,.chip-suggest{display:none}.searchbox{order:3;flex:1 1 100%;max-width:none}.search{padding:8px 32px 8px 14px;font-size:14px}.view-mode-switch{order:2;margin-inline-start:auto}.view-mode-switch .chip{padding:5px 9px;font-size:12px}.langs{order:4;width:100%;justify-content:flex-start;overflow-x:auto;padding-bottom:2px}.langs .chip{padding:4px 10px;font-size:12px}.canvas-lineage-bar{top:8px;inset-inline:8px;padding:5px 8px;max-width:calc(100vw - 16px)}.line-stepper-bar{bottom:58px;width:calc(100vw - 16px);padding:6px 10px;border-radius:14px}.canvas-zoom-controls{bottom:122px;inset-inline-end:10px}.canvas-zoom-controls button{width:34px;height:34px;font-size:16px}.dock{bottom:8px;width:calc(100vw - 16px);max-width:none;overflow-x:auto;justify-content:flex-start;padding:5px 8px;gap:4px;border-radius:18px}.dock button{padding:6px 10px;font-size:12px;flex-shrink:0}.panel{width:100%;inset-inline:0;top:auto;bottom:0;max-height:78vh;border-radius:22px 22px 0 0;padding:18px 16px 26px;z-index:25;box-shadow:0 -12px 40px #000000bf}.compare{inset-inline:0;bottom:0;max-width:none;max-height:75vh;border-radius:22px 22px 0 0;z-index:24}.admin-body{flex-direction:column}.admin-list{width:100%;max-width:none;height:40%;border-inline-end:0;border-bottom:1px solid var(--line)}}.landing-page{height:100%;display:flex;flex-direction:column;overflow:hidden}.landing-nav{display:flex;align-items:center;gap:14px;padding:12px 26px;background:linear-gradient(180deg,#050a14eb,#0a1424b8);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--line);z-index:20}.landing-scroll{flex:1;overflow-y:auto;padding:36px 20px 48px;display:flex;flex-direction:column;align-items:center;gap:44px}.landing-hero{max-width:780px;width:100%;text-align:center;display:flex;flex-direction:column;align-items:center;gap:14px}.hero-ornament{color:var(--gold);letter-spacing:6px;font-size:14px;opacity:.85}.hero-kicker{font-size:12.5px;text-transform:uppercase;letter-spacing:2px;color:var(--gold);background:#e3bd661f;border:1px solid var(--line);padding:5px 14px;border-radius:20px}[dir=rtl] .hero-kicker{letter-spacing:0}.hero-title{margin:4px 0 0;font-size:clamp(36px,6vw,56px);font-family:Cormorant Garamond,Noto Nastaliq Urdu,serif;color:var(--cream);line-height:1.25;text-shadow:0 6px 24px rgba(0,0,0,.5)}[dir=rtl] .hero-title{font-family:Noto Nastaliq Urdu,serif;line-height:1.6}.hero-desc{margin:0;max-width:640px;font-size:16px;line-height:1.7;color:var(--muted)}.landing-stats-row{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin-top:6px}.landing-stat-pill{display:flex;flex-direction:column;align-items:center;min-width:130px;padding:10px 18px;border-radius:16px;background:#0e1b30c7;border:1px solid var(--line);text-decoration:none;transition:.2s}.landing-stat-pill.clickable:hover{border-color:var(--gold);background:#e3bd6624;transform:translateY(-2px)}.landing-stat-pill b{font-size:20px;color:var(--gold)}.landing-stat-pill span{font-size:11.5px;color:var(--muted);margin-top:2px}.landing-search-wrap{position:relative;width:100%;max-width:520px;margin-top:8px}.landing-search-input{padding:13px 22px;font-size:15.5px;background:#0a1424d9;box-shadow:0 8px 28px #00000059}.landing-results{top:52px}.landing-cta-row{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin-top:10px}.landing-btn{display:inline-flex;align-items:center;gap:8px;padding:13px 24px;border-radius:28px;font-size:15px;font-weight:600;text-decoration:none;transition:.2s}.landing-btn.primary{background:linear-gradient(135deg,#f3d98d,var(--gold2));color:#1a1305;box-shadow:0 8px 24px #e3bd6659}.landing-btn.primary:hover{transform:translateY(-2px);box-shadow:0 12px 30px #e3bd6680}.landing-btn.secondary{background:#ffffff0f;border:1px solid var(--gold);color:var(--gold)}.landing-btn.secondary:hover{background:#e3bd6629;transform:translateY(-2px)}.landing-features-section{max-width:980px;width:100%;display:flex;flex-direction:column;gap:18px}.section-title-row{display:flex;align-items:center;gap:14px}.section-title-row h3{margin:0;font-size:18px;color:var(--gold);white-space:nowrap}.section-line{flex:1;height:1px;background:var(--line)}.landing-features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:18px}.feature-card{background:#0e1b30c7;border:1px solid var(--line);border-radius:20px;padding:22px;display:flex;flex-direction:column;gap:12px;transition:.2s}.feature-card.primary-feature{grid-column:1 / -1;background:linear-gradient(145deg,#142644eb,#0a1424eb);border:1.5px solid var(--gold);box-shadow:0 14px 36px #00000073}.feature-card.upcoming-feature{opacity:.78}.feature-card-top{display:flex;align-items:center;justify-content:space-between}.feature-icon-box{width:44px;height:44px;border-radius:12px;background:#e3bd6624;border:1px solid var(--line);display:grid;place-items:center;font-size:22px}.feature-status-badge{font-size:11px;font-weight:800;padding:4px 10px;border-radius:12px;letter-spacing:.6px}.feature-status-badge.live{background:#4ade802e;color:#86efac;border:1px solid rgba(74,222,128,.45)}.feature-status-badge.soon{background:#ffffff12;color:var(--muted);border:1px solid rgba(255,255,255,.15)}.feature-card h4{margin:0;font-size:21px;color:var(--cream)}.feature-card p{margin:0;font-size:14.5px;line-height:1.65}.feature-Readout-list{margin:4px 0;padding:0;list-style:none;display:flex;flex-direction:column;gap:6px;font-size:14px;color:var(--cream)}.feature-card-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:6px}.feature-card-actions a{text-decoration:none}.landing-footer{max-width:980px;width:100%;border-top:1px solid var(--line);padding-top:18px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px;font-size:13px;color:var(--muted)}.landing-footer-links{display:flex;align-items:center;gap:10px}.landing-footer-links a{text-decoration:none}@media (max-width: 760px){.landing-nav{padding:10px 14px}.landing-scroll{padding:24px 14px 40px;gap:30px}.landing-btn{width:100%;justify-content:center}}