@font-face{font-family:AmiriQuran;src:url('AmiriQuran.ttf') format('truetype');font-display:swap}
:host{font-family:Tahoma,Arial,sans-serif;color:#e9f1eb;background:#071d21;font-size:16px}*{box-sizing:border-box}html{scroll-behavior:smooth}.roots-shell{margin:0;background:radial-gradient(circle at 25% -10%,#1b4744 0,transparent 36rem),#071d21}button,input{font:inherit}button{cursor:pointer}.topbar{max-width:1600px;margin:auto;height:76px;padding:0 3.2vw;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #37605c}.brand{display:flex;align-items:center;gap:.7rem;font-weight:700;font-size:1.15rem}.brand-mark{font-size:1.65rem;color:#d9bb77}.source-link{color:#c6d5ce;text-decoration:none;border-bottom:1px solid #73938b;padding-bottom:.15rem}.source-link:hover{color:#f5d48c}main{max-width:1600px;margin:auto;padding:0 3.2vw 4rem}.intro{min-height:210px;display:flex;align-items:center;justify-content:space-between;gap:1.5rem}.eyebrow{color:#d7b970;font-weight:700;font-size:.85rem;margin:0 0 .5rem}.intro h2{font-family:system-ui,Tahoma,Arial,sans-serif;font-size:clamp(2rem,3.4vw,3.4rem);margin:0 0 .5rem;font-weight:550;letter-spacing:-.035em}.intro p:not(.eyebrow){color:#b9cfca;margin:.4rem 0 0;line-height:1.8}.stat{min-width:190px;border-right:2px solid #cba85d;padding:.2rem 1.2rem;display:grid;gap:.3rem}.stat strong{font-size:2.3rem;line-height:1;color:#f2d493;font-variant-numeric:tabular-nums}.stat span{color:#b7c9c4;font-size:.9rem}.workspace{display:grid;grid-template-columns:minmax(340px,39%) minmax(0,1fr);gap:1.4rem;align-items:start}.catalog,.detail{background:#0c292d;border:1px solid #315654;border-radius:18px;box-shadow:0 22px 70px #04141760}.catalog{padding:1.3rem}.catalog-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:.8rem}.catalog-head label{font-size:1.05rem;font-weight:700}.catalog-head span{color:#a7bbb5;font-size:.85rem}#root-search,.form-search{background:#071f23;border:1px solid #4b706b;color:#fff;border-radius:10px;width:100%;padding:.9rem 1rem;outline:none}#root-search:focus,.form-search:focus{border-color:#e2c380;box-shadow:0 0 0 3px #d4b86c29}input::placeholder{color:#829b95}.alphabet{display:flex;gap:.32rem;overflow-x:auto;padding:1rem 0;scrollbar-color:#50726c transparent}.alphabet button{flex:0 0 auto;min-width:2rem;height:2rem;border:1px solid #335b57;border-radius:7px;background:#143a3c;color:#dce9e2}.alphabet button.active,.alphabet button:hover{background:#c9ab69;border-color:#c9ab69;color:#102a2b}.root-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.55rem}.root-card{min-width:0;min-height:93px;border:1px solid #3b605c;background:#143438;color:#f2f2e9;border-radius:11px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.2rem;transition:transform .17s,border-color .17s,background .17s}.root-card:hover{transform:translateY(-2px);border-color:#c9aa6d}.root-card.selected{background:#31544d;border-color:#e6c77f;box-shadow:inset 0 0 0 1px #e6c77f}.tree-icon{width:28px;height:28px;stroke:#d6b86d;fill:none;stroke-width:2;stroke-linecap:round}.root-card strong{font-family:AmiriQuran,serif;font-size:1.4rem;line-height:1.15}.root-card small{color:#adc5bb;font-size:.72rem}.more{width:100%;padding:.8rem;margin-top:1rem;border:1px solid #52766d;background:#17423f;color:#e6f3ed;border-radius:9px}.more:hover{background:#23554f}.detail{position:sticky;top:18px;max-height:calc(100vh - 36px);overflow:auto;padding:1.5rem 1.75rem;min-height:560px;scrollbar-color:#4b7670 transparent}.empty-state{min-height:500px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:#adc5be}.empty-tree{color:#d4b46a;font-size:7rem;line-height:1}.empty-state h2{color:#f1f1e6;margin:1rem 0 .2rem}.empty-state p{margin:0}.detail-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}.detail-kicker{color:#d6b86f;font-size:.85rem}.detail h2{font-family:AmiriQuran,serif;font-weight:400;font-size:3.3rem;margin:.25rem 0;line-height:1.4;color:#f6e2ac}.detail-stats{display:flex;gap:.7rem;flex-wrap:wrap;margin:.6rem 0 1.2rem}.detail-stats span{background:#183d3e;border:1px solid #436763;border-radius:999px;padding:.4rem .75rem;color:#d6e6dd;font-size:.85rem}.diagram{position:relative;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.65rem;padding:2rem .1rem 1.3rem;margin-bottom:1.3rem;border-top:1px solid #315b56;border-bottom:1px solid #315b56}.diagram:before{content:"";position:absolute;top:0;left:50%;height:1.7rem;border-left:2px solid #bcaa75}.leaf{border:1px solid #647968;border-radius:9px;background:#1b3d3c;text-align:center;min-height:68px;display:grid;place-content:center;padding:.45rem;position:relative}.leaf:before{content:"";position:absolute;top:-.7rem;left:50%;height:.65rem;border-left:1px solid #a99e73}.leaf b{font-family:AmiriQuran,serif;font-weight:400;font-size:1.2rem;line-height:1.5;overflow-wrap:anywhere}.leaf em{font-style:normal;color:#e7c980;font-size:.75rem}.forms-head{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:.7rem}.forms-head h3{margin:0;font-size:1.05rem}.form-search{width:min(230px,50%);padding:.6rem .7rem;font-size:.85rem}.form-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.45rem}.form-row{display:flex;align-items:center;justify-content:space-between;gap:.6rem;border:1px solid #365c58;border-radius:8px;background:#103237;padding:.45rem .65rem;min-height:51px}.form-row .word{font-family:AmiriQuran,serif;font-size:1.25rem;line-height:1.6;overflow-wrap:anywhere}.form-row .number{font-variant-numeric:tabular-nums;color:#f0d28a;background:#274c48;border-radius:6px;padding:.2rem .45rem;white-space:nowrap}.no-results{color:#b9d1c6;padding:1.2rem}.method{max-width:1050px;margin:3rem auto 0;border-top:1px solid #37605c;padding:1.6rem 0;color:#b7cbc4;line-height:1.9}.method h2{color:#e8f1e9;font-size:1.25rem}.method a{color:#edce87}.license{font-size:.85rem}button:focus-visible,a:focus-visible{outline:3px solid #f0d28a;outline-offset:3px}
@container(max-width:1050px){.root-grid{grid-template-columns:repeat(3,1fr)}.workspace{grid-template-columns:minmax(290px,40%) minmax(0,1fr)}.form-list{grid-template-columns:1fr}}@container(max-width:740px){.topbar{height:66px}.source-link{font-size:.8rem}.intro{padding:1.6rem 0;min-height:0}.intro h2{font-size:2.1rem}.intro p:not(.eyebrow){font-size:.92rem}.stat{min-width:0}.stat strong{font-size:1.6rem}.workspace{display:block}.catalog{padding:1rem}.root-grid{grid-template-columns:repeat(4,1fr)}.root-card{min-height:78px}.detail{position:static;max-height:none;margin-top:1rem;min-height:0}.empty-state{min-height:180px}.form-list{grid-template-columns:repeat(2,1fr)}}@container(max-width:520px){main{padding:0 1rem 3rem}.topbar{padding:0 1rem}.brand{font-size:.95rem}.intro{display:block}.stat{margin:1rem 0 0}.root-grid{grid-template-columns:repeat(3,1fr)}.detail{padding:1rem}.form-list{grid-template-columns:1fr}.diagram{grid-template-columns:repeat(2,1fr)}.detail h2{font-size:2.7rem}}
.origin-badge{color:#dfc47e!important}.tree-instruction{color:#c5d7cf;margin:.3rem 0 1rem;font-size:.88rem}.cosmic-tree{position:relative;border:1px solid #486865;border-radius:16px;overflow:hidden;background:linear-gradient(180deg,#081b2599,#071b22dd 45%,#071b22f5),url('cosmic-tree.png') center top/100% auto no-repeat,#071b22;margin:1rem 0 1.4rem;min-height:270px}.branch-lines{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.branch-lines path{fill:none;stroke:#e1bd70;stroke-width:2.2;filter:drop-shadow(0 0 5px #e3b760)}.branch-lines .trunk{stroke-width:9;stroke:#9a7848}.tree-root{position:absolute;top:30px;left:50%;transform:translateX(-50%);min-width:78px;text-align:center;border:1px solid #efca83;border-radius:100px;background:#123436ec;color:#ffdfa4;padding:.25rem 1rem;font-family:AmiriQuran,serif;font-size:1.5rem;box-shadow:0 0 20px #dbac5a55}.word-node{position:absolute;width:37%;min-height:55px;border-radius:12px;border:1px solid #b6a36c;background:#0a2b32e8;color:#f8eed2;display:flex;align-items:center;justify-content:space-between;gap:.3rem;padding:.2rem .7rem;box-shadow:0 0 18px #07191ccc}.word-node:hover,.word-node.active{background:#456352ed;border-color:#ffe0a2;box-shadow:0 0 18px #d4b47366}.word-node.branch-left{left:5%}.word-node.branch-right{right:5%}.word-node strong{font-family:AmiriQuran,serif;font-size:1.18rem;font-weight:400;line-height:1.4;overflow-wrap:anywhere}.word-node small{color:#f1d38d;font-size:.75rem;font-variant-numeric:tabular-nums}.word-detail{border-top:1px solid #486761;padding-top:1rem}.selected-word{display:flex;align-items:baseline;gap:.75rem;flex-wrap:wrap}.selected-word h3{margin:0;color:#f4db9c;font-family:AmiriQuran,serif;font-size:2rem;font-weight:400}.selected-word span{color:#bfd3c8;font-size:.88rem}.forms-list{display:flex;flex-wrap:wrap;gap:.5rem;margin:1rem 0 1.6rem}.form-button{background:#14363b;border:1px solid #52746e;color:#fff;border-radius:9px;padding:.42rem .65rem;display:flex;gap:.7rem;align-items:center}.form-button span{font-family:AmiriQuran,serif;font-size:1.15rem;line-height:1.5}.form-button b{font-size:.8rem;font-weight:400;color:#f0d08b}.form-button.active,.form-button:hover{border-color:#edce88;background:#31554e}.word-detail h4{font-size:1rem;margin:.4rem 0 1rem}.verse{background:#103137;border:1px solid #3a615d;border-radius:11px;margin:.6rem 0;padding:.85rem 1rem}.verse-ref{color:#e6c77e;font-size:.85rem}.verse p{font-family:AmiriQuran,serif;font-size:1.38rem;line-height:2.2;margin:.3rem 0;color:#f0f5e9}.verse mark{background:#a73931;color:white;border-radius:5px;padding:0 .12rem}.loading{color:#b8ccc3}.detail{scrollbar-width:thin}.method{scroll-margin-top:2rem}
@container(max-width:740px){.cosmic-tree{background-size:auto 550px}.word-node{width:40%}.word-node.branch-left{left:2%}.word-node.branch-right{right:2%}.verse p{font-size:1.22rem}}
.alphabet{display:grid;grid-template-columns:repeat(auto-fit,minmax(2.25rem,1fr));gap:.42rem;overflow:visible;margin:1rem 0;padding:.7rem;border:1px solid #426763;border-radius:11px;background:#09272a}.alphabet button{min-width:0;width:100%;height:2.25rem}.root-card{min-height:120px;gap:.4rem;padding:.65rem .25rem}.root-card strong{font-size:1.48rem;line-height:1.65;min-height:2.15rem}.root-card small{line-height:1.45}.root-card .tree-icon{flex:none;width:24px;height:24px}
@container(max-width:740px){.alphabet{grid-template-columns:repeat(auto-fit,minmax(2.15rem,1fr))}.root-card{min-height:112px}}
.topbar{height:86px;gap:1rem}.brand{min-width:0;gap:.8rem}.tree-brand-logo{width:44px;height:62px;object-fit:contain;flex:none}.author-logo-link{display:flex;align-items:center;justify-content:center;flex:none;line-height:0;border-radius:8px}.author-logo-link img{display:block;width:136px;height:auto;max-height:72px;object-fit:contain}.author-logo-link:hover{filter:brightness(1.18)}.author-logo-link:focus-visible{outline:3px solid #f0d28a;outline-offset:3px}.stat{max-width:325px}.stat span{line-height:1.65}
@container(max-width:740px){.topbar{height:76px}.tree-brand-logo{width:37px;height:54px}.author-logo-link img{width:110px;max-height:60px}}
@container(max-width:520px){.topbar{gap:.45rem}.brand{font-size:.86rem;gap:.42rem}.tree-brand-logo{width:30px;height:48px}.author-logo-link img{width:82px;max-height:48px}}
.tree-home-link{display:flex;align-items:center;justify-content:center;flex:none;border-radius:8px;line-height:0}.tree-home-link:hover .tree-brand-logo{filter:drop-shadow(0 0 8px #f4dfac88)}.tree-home-link:focus-visible{outline:3px solid #f0d28a;outline-offset:3px}.brand-title{font-family:Tahoma,Arial,sans-serif;font-size:1.48rem;font-weight:800;line-height:1.42;color:#fff3d8;text-shadow:0 1px 12px #d0a75f55;white-space:nowrap}.author-logo-link img{width:114px;max-height:60px}
@container(max-width:740px){.brand-title{font-size:1.17rem}.author-logo-link img{width:96px;max-height:54px}}
@container(max-width:520px){.brand-title{font-size:clamp(.84rem,3.5vw,1rem);white-space:normal;line-height:1.55}.author-logo-link img{width:74px;max-height:43px}}
.cosmic-tree{height:auto;max-height:min(76vh,760px);min-height:290px;overflow-y:auto;overflow-x:hidden;padding:1.1rem;background:linear-gradient(180deg,#081b25ac,#071b22e9 55%,#071b22f5),url('cosmic-tree.png') center top/cover no-repeat,#071b22;scrollbar-color:#a98d5c #0d2b30;scrollbar-width:thin}.cosmic-tree .tree-root{position:sticky;top:.5rem;left:auto;right:auto;transform:none;display:table;width:max-content;margin:0 auto;z-index:3}.tree-boughs{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:4rem;direction:ltr;padding-top:1.8rem}.tree-boughs::before{content:"";position:absolute;top:0;bottom:0;left:calc(50% - 4px);width:8px;border-radius:8px;background:linear-gradient(90deg,#71582f,#d5b374,#806038);box-shadow:0 0 12px #d5b37470}.tree-side{min-width:0;display:flex;flex-direction:column;gap:1.25rem}.tree-branch{position:relative;min-width:0;direction:rtl;border:1px solid #8f825a;border-radius:14px;background:#09272ddc;padding:.65rem;box-shadow:0 9px 22px #03121477}.tree-branch::before{content:"";position:absolute;top:1.7rem;width:2rem;height:3px;background:#d3b372;box-shadow:0 0 8px #d3b37266}.tree-side-left .tree-branch::before{right:-2rem}.tree-side-right .tree-branch::before{left:-2rem}.tree-branch .word-node{position:relative;top:auto;left:auto;right:auto;width:100%;min-height:60px;line-height:1.5;gap:.5rem;padding:.45rem .7rem;border-color:#d0ad6a;background:#20423fdc}.tree-branch .word-node strong{font-size:1.4rem;line-height:1.55}.tree-branch .word-node small{font-size:.78rem;white-space:normal;text-align:left}.leaf-cluster{position:relative;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem;padding:1.2rem .1rem .1rem}.leaf-cluster::before{content:"";position:absolute;top:0;right:50%;height:1rem;width:2px;background:#c7ac72}.form-leaf{min-width:0;min-height:54px;display:flex;align-items:center;justify-content:space-between;gap:.4rem;padding:.35rem .5rem;border:1px solid #57776f;border-radius:9px;background:#0d3238e8;color:#f3ebd6;text-align:right}.form-leaf:hover,.form-leaf.active{background:#3b6255;border-color:#f3d590;box-shadow:0 0 13px #d3b37255}.form-leaf span{min-width:0;font-family:AmiriQuran,serif;font-size:1.13rem;line-height:1.65;overflow-wrap:anywhere}.form-leaf small{flex:none;color:#f0d08b;font-size:.78rem;font-variant-numeric:tabular-nums}
@container(max-width:740px){.cosmic-tree{max-height:68vh;padding:.8rem}.cosmic-tree .tree-root{margin:0 0 0 auto}.tree-boughs{display:flex;flex-direction:column;gap:1.1rem;padding:1.4rem 1.45rem 0 0}.tree-boughs::before{left:auto;right:.3rem;width:6px}.tree-side{gap:1.1rem}.tree-branch::before,.tree-side-left .tree-branch::before,.tree-side-right .tree-branch::before{left:auto;right:-1.45rem;width:1.45rem}.tree-branch .word-node strong{font-size:1.25rem}}
.tree-boughs::before,.tree-branch::before{display:none}.tree-boughs .branch-lines{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none;z-index:0}.tree-boughs .branch-lines path{fill:none;stroke:#e1bd70;stroke-width:2.2;filter:drop-shadow(0 0 5px #e3b760)}.tree-boughs .branch-lines .trunk{stroke-width:9;stroke:#9a7848}.tree-side{position:relative;z-index:1}
.detail{position:static;max-height:none;overflow:visible}.cosmic-tree{max-height:none;overflow:visible;background-size:auto,100% auto}
.brand-copy{display:flex;flex-direction:column;align-items:flex-start;min-width:0}.brand-copy .brand-title{display:block;padding-bottom:.16rem;border-bottom:1px solid #c9ab69}.brand-subtitle{display:block;margin-top:.24rem;color:#e5cf9a;font-family:Georgia,serif;font-size:.73rem;font-weight:400;letter-spacing:.025em;line-height:1.25;white-space:nowrap;text-align:right}
@container(max-width:740px){.brand-subtitle{font-size:.64rem;letter-spacing:0}}
@container(max-width:520px){.brand-copy .brand-title{line-height:1.35}.brand-subtitle{font-size:clamp(.53rem,2.3vw,.64rem);white-space:normal}}
.circle-link{display:inline-block;margin-top:.9rem;padding:.48rem .8rem;border:1px solid #bc9f65;border-radius:8px;background:#143a3b;color:#f3d796;text-decoration:none;font-size:.88rem;font-weight:700}.circle-link:hover{background:#275550;color:#fff3d0}
.stat .circle-link{margin-top:.6rem;line-height:1.5;text-align:center;font-size:.82rem}
.circle-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.4rem;margin-top:.65rem}.stat .circle-options .circle-link{display:grid;place-items:center;min-width:0;min-height:40px;margin:0;padding:.3rem .25rem;line-height:1.3;font-size:.74rem;white-space:nowrap}
.words-link{display:inline-block;margin-top:1rem;padding:.45rem .8rem;border:1px solid #ba9d61;border-radius:8px;color:#f0d58f;background:#15383b;text-decoration:none;font-size:.9rem;font-weight:700}.words-link:hover{background:#2a5b54;color:#fff0c5}

.stat{max-width:390px}.circle-options{grid-template-columns:repeat(3,minmax(0,1fr))}.stat .circle-options .circle-link{min-height:48px;white-space:normal;line-height:1.45;padding:.35rem .45rem}

.signature{max-width:1050px;margin:3rem auto 0;border-top:1px solid #37605c;min-height:230px;display:flex;align-items:flex-end;justify-content:center;gap:.4rem;background:radial-gradient(ellipse at 50% 100%,#173b3b77,transparent 68%)}.signature img{display:block;width:270px;height:auto;max-width:48%;align-self:flex-end}.signature-copy{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;align-self:center;gap:.15rem;padding:1rem 0}.signature-ar{font-family:AmiriQuran,serif;font-size:2.15rem;line-height:1.5;color:#f4d99b}.signature-en{font-family:Georgia,serif;font-size:1.55rem;font-style:italic;color:#f3e7c9;white-space:nowrap;transform:rotate(-3deg);transform-origin:right center}@container(max-width:520px){.signature{margin-top:2rem;min-height:165px;gap:0}.signature img{width:185px;max-width:52%}.signature-copy{padding:.5rem 0}.signature-ar{font-size:1.4rem}.signature-en{font-size:1.1rem}}

.signature-url{display:block;max-width:300px;margin-top:.65rem;color:#fff;font-family:Tahoma,Arial,sans-serif;font-size:.75rem;line-height:1.65;text-align:right;text-decoration:none;overflow-wrap:anywhere}.signature-url:hover,.signature-url:focus-visible{text-decoration:underline;color:#fff}@container(max-width:520px){.signature-url{max-width:180px;font-size:.7rem;margin-top:.4rem}}

.word-overview{margin:.7rem 0 1rem;padding:.85rem 1rem;border:1px solid #456e65;border-radius:12px;background:#0a2b30}.word-overview h3{margin:0 0 .7rem;color:#e8d39a;font-size:1rem;font-weight:700}.word-overview-list{display:flex;flex-wrap:wrap;gap:.45rem}.word-overview-item{display:inline-flex;align-items:center;gap:.55rem;min-height:40px;padding:.25rem .65rem;border:1px solid #5a7b70;border-radius:8px;background:#15393a;color:#f6eed8}.word-overview-item span{font-family:AmiriQuran,serif;font-size:1.25rem;line-height:1.4}.word-overview-item small{color:#e4c77e;font:700 .72rem/1 Tahoma,Arial,sans-serif}.word-overview-item:hover,.word-overview-item.active{border-color:#f0cf87;background:#34574e;box-shadow:0 0 0 1px #d6b97555}.word-overview-item:focus-visible{outline:3px solid #f0d28a;outline-offset:2px}@container(max-width:520px){.word-overview{padding:.7rem}.word-overview-list{gap:.35rem}.word-overview-item{min-height:38px;padding:.2rem .5rem}}

.roots-shell{border-radius:18px;overflow:hidden;min-width:0}.workspace{grid-template-columns:minmax(230px,35%) minmax(0,1fr)}main{padding:0 20px 24px}.intro{flex-wrap:wrap;padding:24px 0;gap:20px}.intro h2{font-size:clamp(25px,4cqw,42px)}.signature{margin-top:32px}.workspace .detail{position:static;max-height:none}@container(max-width:760px){.workspace{grid-template-columns:1fr}.intro{display:block}.stat{margin-top:20px}.root-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}