:root{--primary-light:rgba(146, 76, 208, 0.49);--secondary-light:rgba(226, 219, 232, 0.49);--success:#0ca200;--dark:rgba(0, 0, 0, 0.89);--background-dark:rgba(16, 15, 44, 0.95);--background-dark-shade:rgba(89, 89, 91, 0.95);--highlight:crimson;--accent:#0ca200;--grid-line:rgba(201, 193, 193, 0.25);--cancel-button:green;--tree-container-gap:30px;--grid-cell-width:195px;--grid-cell-height:300px}@font-face{font-family:FA;src:url(fonts/fa-solid-900.woff2) format("woff2"),url(fonts/fa-solid-900.woff) format("woff"),url(fonts/fa-solid-900.ttf) format("ttf")}*{font-family:Calibri,FA,Tahoma,serif!important;text-shadow:0 0 2px #d3d3d3;word-wrap:break-word}body{font-family:Tahoma,Arial,sans-serif;display:inline-table;flex-direction:column;justify-content:flex-start;align-items:center;margin:0;direction:rtl;position:absolute;left:0;right:0;bottom:0;top:0;width:100%;height:100%;padding-top:90px}#top-ribbon{width:calc(100% - 20px);width:100%;background-color:var(--background-dark);padding:10px;text-align:center;box-shadow:0 2px 5px rgba(0,0,0,.1);position:fixed;top:0;left:0;right:0;z-index:1000;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:5px}#global-recenter-button,#toggle-view,.top-menu-button{padding:10px 20px;font-size:16px;background-color:var(--success);border:none;color:#fff;border-radius:5px;cursor:pointer}.nodecounter{padding:10px 20px;font-size:16px;background-color:var(--success);border:none;color:#fff;border-radius:5px;cursor:pointer}#global-recenter-button:hover,#toggle-view:hover,.top-menu-button:hover{background-color:var(--secondary-light)!important}#undo-button{background-color:var(--accent)}#redo-button{background-color:var(--accent)}#redo-button.disabled,#undo-button.disabled{opacity:.5;cursor:not-allowed}.redo-button,.undo-button{display:none}#tree-container{display:grid;gap:var(--tree-container-gap);justify-items:center;align-items:center;position:relative;margin:20px 10px 10px 10px;transform-origin:0 0;background:linear-gradient(to right,var(--grid-line) 1px,transparent 1px),linear-gradient(to bottom,var(--grid-line) 1px,transparent 1px);background-size:var(--grid-cell-width) var(--grid-cell-height);direction:rtl;text-align:center;justify-self:stretch;align-self:stretch;place-self:center stretch;height:100%;width:100%;padding:10px;margin-top:20px}#connections{position:absolute;top:0;bottom:0;left:0;right:0;width:100%;height:100%;pointer-events:none}.node{display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px solid #ccc;padding:10px;background-color:#f9f9f9;position:relative;text-align:right;cursor:move;box-shadow:0 0 3px #000;transition:box-shadow .5s,transform .5s;z-index:1;min-width:160px;width:clamp(160px,28vw,240px);max-width:280px;border-radius:25px;box-sizing:border-box;touch-action:none}.node.active,.node.dragging{box-shadow:0 0 15px rgba(0,0,0,.5);z-index:2}.node:active,.node:focus,.node:hover{z-index:5!important}.node{user-select:none;-moz-user-select:none;-webkit-user-select:none}.controls{display:flex;flex-direction:row;align-items:center;gap:5px;margin-top:5px}.controls *,.other-controls *{font-size:80%}.branch-movement-controls,.navigation-controls{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;border:1px ridge gray;padding:2px;border-radius:5px;background-color:rgba(245,245,245,.5)}.other-controls{display:flex;justify-content:space-between;gap:2px;flex-direction:row;flex-wrap:wrap;align-content:center;padding:2px;border:1px ridge gray;margin:5px;border-radius:5px}#connections path{filter:drop-shadow(0 0 2px rgba(0, 0, 0, .5))}.cancel-action{position:fixed;bottom:20px;right:20px;padding:10px 20px;background-color:var(--dark);color:#fff;border:none;border-radius:5px;cursor:pointer;z-index:100}.cancel-action:hover{background-color:var(--cancel-button)}.memberImage img{max-width:120px;width:120px;max-height:120px;height:120px;object-fit:cover;border-radius:100%;box-shadow:0 0 5px #f5f5f5;border:2px double #000;padding:5px;background-color:#f5f5f5;cursor:pointer}#search-node{padding:10px;font-size:16px;margin:0 5px;border:1px solid #ccc;border-radius:5px;width:200px}.editable-input,.editable-text{text-align:center;margin-top:10px;cursor:pointer}.editable-text{color:#fff;text-shadow:0 0 3px #000}.member-found{border-color:var(--highlight);box-shadow:0 0 10px #000;border-width:15px}@keyframes blink{0%{box-shadow:0 0 5px #000,inset 0 0 500px rgba(0,0,0,.85)}50%{box-shadow:0 0 5px #000,inset 0 0 150px rgba(255,255,255,.37);transform:scale(.85)}100%{box-shadow:0 0 5px #000,inset 0 0 500px rgba(0,0,0,.85)}}.blink{animation:blink 1s infinite}.dropdown{display:inline-block;position:relative}.dropbtn{background-color:var(--success);color:#fff;padding:10px 20px;font-size:16px;border:none;border-radius:5px;cursor:pointer}.dropdown-content{display:none;position:absolute;background-color:var(--background-dark);width:280px;box-shadow:0 8px 16px rgba(0,0,0,.2);z-index:150;border-radius:5px;max-height:90vh;overflow-y:auto;right:0}.dropdown-content i{margin:0 5px}.dropdown-content button{color:#fff;padding:8px 10px;text-decoration:none;display:block;background:0 0;border:none;text-align:right;width:100%;cursor:pointer}.dropdown-content button:hover{background-color:var(--background-dark-shade)}@media screen and (min-width:769px){.dropdown:hover .dropdown-content{display:block}.dropdown:hover .dropbtn{background-color:var(--secondary-light)}}@media screen and (max-width:768px){.dropdown.active .dropdown-content{display:block}.dropdown.active .dropbtn{background-color:var(--secondary-light)}.dropdown-content{position:fixed;top:90px;left:10px;right:auto;width:calc(100% - 20px);max-width:300px;max-height:70vh}.dropdown:last-child .dropdown-content{left:auto;right:10px}}.autocomplete-items{position:absolute;z-index:100;top:100%;left:0;right:0;background-color:var(--background-dark);border-color:#000;border:2px solid #000}.autocomplete-items div{padding:5px;cursor:pointer;background-color:var(--background-dark);color:#fff}.autocomplete-items div:hover{background-color:var(--background-dark-shade)}.autocomplete-active{background-color:var(--highlight)!important;color:#fff}.modal{display:none;position:fixed;z-index:1000;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:#000;background-color:rgba(0,0,0,.4);justify-content:center;align-items:center}.modal-content{background-color:#fefefe;margin:15% auto;padding:20px;border:1px solid #888;width:80%;max-width:600px;border-radius:10px;max-height:80vh;overflow-y:auto}body[lang=EN-en] #mobile-instruction *,body[lang=EN-en] .modal-content{direction:ltr;text-align:left}body[lang=EN-en] .editable-input,body[lang=EN-en] input{text-align:center;direction:ltr}body[lang=IR-fa] .modal-content{direction:rtl;text-align:right}.close-button{color:#aaa;float:right;font-size:28px;font-weight:700;width:100%}.close-button:focus,.close-button:hover{color:#000;text-decoration:none;cursor:pointer}.possible-drop-zone{background-color:rgba(245,245,245,.6);border:1px dashed gray;border-radius:10%;text-align:center;margin:0 auto;gap:var(--tree-container-gap)}.compact .node{min-width:120px;width:clamp(120px,60px,180px);max-width:200px;padding:6px 6px 8px 6px;transition:box-shadow .4s ease}.compact .node .editable-text{font-size:14px;line-height:1.2}.compact .node .memberImage img{width:50px;height:50px;max-width:50px;max-height:50px}.hidden-controls .controls,.hidden-controls .other-controls{display:none}.node-glow{box-shadow:0 0 25px #000,inset 0 0 500px rgba(0,0,0,.9);transform:scale(1.05);-webkit-transition:transform .8s ease-in-out;-moz-transition:transform .8s ease-in-out;-ms-transition:transform .8s ease-in-out}a{text-decoration:none;color:#228b22}.close-button{color:gray;float:right;font-size:28px;font-weight:700;padding:10px;border:1px solid gray;border-radius:50%;height:30px;width:30px;line-height:30px;text-align:center;margin:30px 10px 10px 10px;background-color:#d3d3d3}.blackoverlay{display:none;position:fixed;background-color:#000;left:0;right:0;top:0;bottom:0;width:100%;height:100%;z-index:10000;opacity:.8}.colorPalette{padding:10px;margin:auto;display:inline-flex;align-content:center;flex-wrap:wrap;flex-direction:row;align-items:center}.colorPalette *{margin:5px}#colorOptions,#extraColorOptions{display:flex;flex-wrap:wrap;gap:2px;padding:2px}.color-option,.color-option-extra{width:20px;height:20px;border:2px solid #f5f5f5;cursor:pointer;box-shadow:0 2px 4px rgba(0,0,0,.2);transition:transform .2s;margin:2px}.color-option-extra{box-shadow:0 0 3px gray;border-color:#000}.color-option:hover{transform:scale(1.1);border-color:#000}.connect-options,.remove-options{color:#000;background-color:red;border-radius:50%;padding:5px;width:34px;height:34px;line-height:16px;text-align:center;box-shadow:0 0 10px #f5f5f5;border:2px solid #fff;position:absolute;top:-10px}.connect-options{background-color:green}#lastedit{width:100%;text-align:center;direction:ltr;display:inline-block;background-color:#b3b0b044;border-radius:5px;padding:3px;margin:3px 0}.touch-active{background-color:var(--accent)!important;transform:scale(1.1)}@media screen and (max-width:768px){body{padding-top:90px}#top-ribbon{flex-wrap:wrap;padding:8px 5px;gap:3px;height:auto;width:100%}#tree-container{margin-top:20px}#search-node,#top-ribbon button,.nodecounter{margin:2px;padding:8px;font-size:14px}#redo-button,#undo-button{padding:8px 10px}#search-node{width:150px}.node{width:clamp(150px,60vw,230px);margin:10px auto}.controls,.other-controls{transform:none;margin:4px}.controls button,.other-controls button{padding:6px 10px}.modal-content{width:90%;max-height:80vh;overflow-y:auto;padding:10px}#colorOptions,#extraColorOptions{flex-wrap:wrap}.color-option,.color-option-extra{width:30px;height:30px}.cancel-action{bottom:50px;right:10px;padding:15px;font-size:16px}button{min-height:32px;min-width:32px}}@media screen and (max-width:480px){body{padding-top:110px}#top-ribbon{padding:5px 3px}.node{width:clamp(140px,85vw,210px)}.controls,.other-controls{transform:none;margin:2px}.dropdown-content button{padding:18px 10px}.color-option,.color-option-extra{width:40px;height:40px}#top-ribbon{flex-direction:row;align-items:center}.nodecounter{font-size:12px;padding:8px 10px}#search-node{width:100px}}@media screen and (max-height:480px) and (orientation:landscape){#top-ribbon{padding:2px}.dropdown-content{max-height:80vh;overflow-y:auto}.node{width:clamp(150px,55vw,220px)}}.mobile-only{display:none}@media screen and (max-width:768px){.mobile-only{display:block}}#mobile-instruction{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.85);z-index:9999;display:flex;justify-content:center;align-items:center;color:#fff}.instruction-content{background-color:var(--background-dark);padding:20px;border-radius:10px;max-width:90%;text-align:center}.instruction-content h3{margin-top:0;color:var(--success)}.instruction-content ul{text-align:right;padding-right:20px}.instruction-content li{margin-bottom:10px}#close-instruction{background-color:var(--success);color:#fff;border:none;padding:15px 25px;border-radius:5px;margin-top:15px;font-size:18px;cursor:pointer;transition:background-color .2s,transform .1s}#close-instruction:active,#close-instruction:hover{background-color:var(--cancel-button);transform:scale(1.05)}#close-instruction.touch-active{background-color:var(--cancel-button);transform:scale(.95)}body.node-dragging{overflow:hidden;touch-action:none;-webkit-overflow-scrolling:none}.node.dragging{box-shadow:0 0 20px rgba(0,0,0,.8);z-index:100!important;opacity:.95;transform:scale(1.05);touch-action:none;position:relative}body.node-dragging .possible-drop-zone{opacity:.8}@media (hover:none) and (pointer:coarse){.node.dragging{transform:none;transition:none!important;cursor:grabbing!important}.possible-drop-zone{background-color:rgba(245,245,245,.8);border:2px dashed gray}body.node-dragging *{user-select:none!important;-webkit-user-select:none!important}body.node-dragging #tree-container{background-color:rgba(0,0,0,.02)}}@media screen and (max-width:768px){.node.dragging{transform:none}}@media screen and (max-width:480px){.node.dragging{transform:none}}@media (hover:none) and (pointer:coarse){@keyframes blink{0%{box-shadow:0 0 5px #000,inset 0 0 300px rgba(0,0,0,.85)}50%{box-shadow:0 0 5px #000,inset 0 0 100px rgba(255,255,255,.37);transform:scale(.82)}100%{box-shadow:0 0 5px #000,inset 0 0 300px rgba(0,0,0,.85)}}.blink{animation:blink 1s infinite}.node.dragging{transform:scale(.85);transition:none!important}.node:active{transform:scale(.83)}button:active{transform:scale(.95)}.compact .node{transform:scale(.45)}.compact .node.dragging{transform:scale(.5)}}#top-ribbon[dir=ltr]{direction:ltr}#top-ribbon[dir=ltr] *{direction:ltr;text-align:left}body[lang=EN-en] #lastedit,body[lang=EN-en] .autocomplete-items *{text-align:center!important}#top-ribbon[dir=rtl]{direction:rtl}#top-ribbon[dir=ltr] .dropdown-content{text-align:left;left:0;right:auto}#top-ribbon[dir=rtl] .dropdown-content{text-align:right;right:0;left:auto}.language-switcher{background-color:var(--success);padding:10px 20px;border:none;border-radius:5px;cursor:pointer;display:flex;align-items:center;gap:6px;color:#fff;font-size:14px}.language-switcher select{border-radius:6px;border:1px solid #ccc;background-color:#fff;color:#000;font-size:12px}