.tree-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:19px}.tree-summary>div{display:flex;align-items:center;flex-direction:column;padding:12px 7px;border:1px solid var(--line);border-radius:15px;background:rgba(19,32,23,.7)}.tree-summary span{color:var(--muted);font-size:.58rem;text-align:center}.tree-summary strong{margin-top:5px;color:var(--gold);font-size:1rem}.tree-toolbar{display:flex;align-items:flex-end;justify-content:space-between;gap:10px;margin:0 2px 10px}.tree-toolbar>small{color:#718076;font-size:.56rem;text-align:right}.tree-legend{display:flex;gap:10px}.tree-legend span{display:flex;align-items:center;gap:4px;color:#87958a;font-size:.57rem}.tree-legend i{width:6px;height:6px;border-radius:50%}.active-dot{background:var(--success)}.pending-dot{background:var(--gold)}.empty-dot{border:1px solid #819085;background:transparent}.tree-viewport{position:relative;overflow-x:auto;padding:20px 8px 28px;border:1px solid var(--line);border-radius:22px;background:radial-gradient(circle at 50% 0,rgba(255,211,53,.06),transparent 240px),rgba(12,23,16,.5);scrollbar-color:#4c5e4e transparent;scrollbar-width:thin;-webkit-overflow-scrolling:touch}.binary-tree{width:720px;min-height:455px;margin:auto}.binary-tree ul{position:relative;display:flex;margin:0;padding:28px 0 0;justify-content:center}.binary-tree>ul{padding-top:0}.binary-tree li{position:relative;padding:28px 7px 0;list-style:none;text-align:center}.binary-tree li:before,.binary-tree li:after{position:absolute;top:0;right:50%;width:50%;height:28px;border-top:1px solid rgba(255,211,53,.25);content:""}.binary-tree li:after{right:auto;left:50%;border-left:1px solid rgba(255,211,53,.25)}.binary-tree li:only-child:before,.binary-tree li:only-child:after{display:none}.binary-tree li:only-child{padding-top:0}.binary-tree li:first-child:before,.binary-tree li:last-child:after{border:0}.binary-tree li:last-child:before{border-right:1px solid rgba(255,211,53,.25);border-radius:0 7px 0 0}.binary-tree li:first-child:after{border-radius:7px 0 0}.binary-tree ul ul:before{position:absolute;top:0;left:50%;width:0;height:28px;border-left:1px solid rgba(255,211,53,.25);content:""}.tree-node{position:relative;display:flex;width:126px;min-height:116px;align-items:center;flex-direction:column;padding:12px 8px 9px;border:1px solid rgba(114,221,160,.24);border-radius:17px;background:linear-gradient(145deg,#2b412f,#18281d);box-shadow:0 10px 22px rgba(0,0,0,.2);transition:transform .18s,border-color .18s}.tree-node:hover{border-color:rgba(255,211,53,.45);transform:translateY(-3px)}.node-avatar{display:grid;width:34px;height:34px;border:1px solid rgba(114,221,160,.3);border-radius:11px;background:#344c38;color:#b8ebc7;font-size:.63rem;font-weight:900;place-items:center}.tree-node strong{max-width:108px;overflow:hidden;margin-top:6px;font-size:.68rem;text-overflow:ellipsis;white-space:nowrap}.tree-node small{max-width:108px;overflow:hidden;margin-top:2px;color:#7f8e82;font-size:.55rem;text-overflow:ellipsis;white-space:nowrap}.tree-node em{margin-top:6px;padding:3px 6px;border-radius:6px;background:rgba(114,221,160,.08);color:var(--success);font-size:.5rem;font-style:normal;font-weight:800}.root-node{border-color:rgba(255,211,53,.4);background:linear-gradient(145deg,#425743,#253929)}.root-node .node-avatar{border-color:rgba(255,211,53,.4);background:linear-gradient(145deg,var(--gold2),#d6a300);color:#293422}.root-node em{background:rgba(255,211,53,.1);color:var(--gold)}.position-tag{position:absolute;top:7px;right:8px;display:grid;width:19px;height:19px;border-radius:6px;font-size:.49rem;font-weight:900;place-items:center}.left-tag{background:rgba(114,221,160,.12);color:var(--success)}.right-tag{background:rgba(255,211,53,.12);color:var(--gold)}.pending-node{border-color:rgba(255,211,53,.22)}.pending-node .node-avatar{border-color:rgba(255,211,53,.26);background:#4c4527;color:var(--gold)}.pending-node em{background:rgba(255,211,53,.09);color:var(--gold)}.empty-node{border-style:dashed;border-color:rgba(255,255,255,.16);background:rgba(17,29,21,.55)}.empty-node .node-avatar{border-style:dashed;border-color:#78877b;background:transparent;color:#89978c;font-size:1rem}.empty-node em{background:rgba(255,255,255,.05);color:#88968b}.tree-note{margin:12px 7px 0;color:#758379;font-size:.62rem;line-height:1.5;text-align:center}