.force-graph-container{width:100%;height:100%;min-height:calc(100vh - 68px);background-color:#111827;position:relative;overflow:hidden;box-shadow:inset 0 0 30px rgba(0,0,0,.2);display:flex;flex-direction:column}.tree-link,.tree-node{transition:all .3s cubic-bezier(.4,0,.2,1)}.force-graph-container:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-image:linear-gradient(hsla(0,0%,100%,.03) 1px,transparent 0),linear-gradient(90deg,hsla(0,0%,100%,.03) 1px,transparent 0);background-size:40px 40px;pointer-events:none;z-index:1}.graph-highlight{filter:drop-shadow(0 0 8px rgba(147,197,253,.4));animation:pulse 2s infinite}@keyframes pulse{0%{opacity:.6}50%{opacity:1}to{opacity:.6}}.top-menu-bar{position:sticky;top:0;left:0;width:100%;background-color:#1f2937;color:#fff;text-align:center;padding:16px;z-index:40;box-shadow:0 2px 4px rgba(0,0,0,.2);transition:top .2s ease;pointer-events:auto;display:flex;flex-direction:column;align-items:center}.top-menu-bar h1{font-size:1.5rem;margin:0 0 8px;font-weight:700;letter-spacing:.5px}.top-menu-bar .family-select{width:90%;max-width:800px;display:inline-block;justify-content:center;border:2px solid #161515;border-radius:6px;margin:0;color:#000;overflow:visible}.family-select .css-13cymwt-control,.family-select .css-t3ipsp-control,.family-select__control{background-color:#fff;border:none;color:#000;min-height:36px!important;height:36px!important}.family-select .css-t3ipsp-control{box-shadow:none}.family-select__control,.family-select__input,.family-select__menu,.family-select__multi-value,.family-select__multi-value__label,.family-select__option,.family-select__placeholder,.family-select__single-value,.family-select__value-container{color:#000!important;text-align:center!important}.family-select__value-container{justify-content:center!important;display:flex!important;flex-wrap:wrap!important}.family-select__placeholder,div.family-select div.css-1jqq78o-placeholder,div.family-select div.css-1wa3eu0-placeholder{text-align:center!important;width:100%!important;display:flex!important;justify-content:center!important;margin:0 auto!important;left:0!important;right:0!important;position:relative!important;transform:none!important}.family-select__option{text-align:center!important;display:flex!important;justify-content:center!important;padding:6px!important;min-height:32px!important}.family-select__indicators,.family-select__input,.family-select__value-container{height:36px!important;min-height:36px!important;max-height:36px!important}.family-select__multi-value{background-color:#e8e8e8!important;border-radius:4px!important;margin:2px 4px!important;height:24px!important;align-items:center!important;display:flex!important;overflow:hidden!important}.family-select__multi-value__label{padding:0 6px!important;font-size:13px!important;color:#333!important;font-weight:500!important}.family-select__multi-value__remove{color:#666!important;padding:0!important;width:22px!important;height:22px!important;display:flex!important;align-items:center!important;justify-content:center!important}.family-select__multi-value__remove:hover{background-color:#ccc!important;color:#333!important;border-radius:2px!important}.family-select__dropdown-indicator{color:#666;padding:0 4px;display:flex;align-items:center;justify-content:center}.family-select__dropdown-indicator svg{fill:currentColor}.family-select__menu{margin-top:4px!important;border-radius:4px!important;box-shadow:0 2px 8px rgba(0,0,0,.15)!important;overflow:hidden!important}.family-select__menu-list{padding:4px!important}.family-select__option{font-size:14px!important;padding:6px 12px!important;margin:1px 0!important;border-radius:3px!important;transition:background-color .2s!important}.family-select__option--is-focused{background-color:#f0f0f0!important}.family-select__option--is-selected{background-color:#e0e0e0!important;color:#000!important;font-weight:500!important}.sidebar{position:fixed;left:0;bottom:0;width:300px;background-color:rgba(17,24,39,.95);backdrop-filter:blur(8px);box-shadow:3px 0 15px rgba(0,0,0,.3);transform:translateX(-100%);z-index:1000;background-image:linear-gradient(hsla(0,0%,100%,.03) 1px,transparent 0),linear-gradient(90deg,hsla(0,0%,100%,.03) 1px,transparent 0);background-size:40px 40px;border-top:1px solid hsla(0,0%,100%,.05);border-right:1px solid hsla(0,0%,100%,.05)}.sidebar,.toggle-btn{transition:all .3s cubic-bezier(.4,0,.2,1)}.toggle-btn{position:absolute;top:0;right:-40px;width:40px;height:40px;background-color:rgba(30,64,175,.9);color:#fff;border:none;border-radius:0 5px 5px 0;cursor:pointer;z-index:1001;display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:700;box-shadow:2px 2px 10px rgba(0,0,0,.3);overflow:hidden;backdrop-filter:blur(4px)}.toggle-btn svg{width:24px;height:24px;transition:transform .3s ease}.toggle-btn:hover{background-color:#2563eb}.toggle-btn:hover svg{transform:scale(1.1)}.toggle-btn:active{transform:translateX(2px)}.sidebar.open{transform:translateX(0)}.sidebar-content{display:flex;flex-direction:column;height:100%}.sidebar-header{padding:16px 20px;background-color:rgba(31,41,55,.8);backdrop-filter:blur(8px);border-bottom:1px solid hsla(0,0%,100%,.1);box-shadow:0 2px 10px rgba(0,0,0,.2);z-index:1}.sidebar-header h2{margin:0;color:#f3f4f6;font-size:1.5em;font-weight:600;text-shadow:0 1px 3px rgba(0,0,0,.3);display:flex;align-items:center;gap:10px}.header-icon{width:20px;height:20px;stroke:#60a5fa;stroke-width:2px}.main-content{margin-left:0;transition:margin-left .3s ease}.main-content.sidebar-open{margin-left:300px}.family-list{flex-grow:1;overflow-y:auto;padding:0;margin:0;list-style:none}.family-list li{padding:12px 20px;cursor:pointer;color:#e5e7eb;font-size:1em;border-bottom:1px solid hsla(0,0%,100%,.05);transition:all .2s cubic-bezier(.4,0,.2,1);position:relative;display:flex;align-items:center;gap:12px}.family-icon{width:18px;height:18px;stroke:#60a5fa;opacity:.7;transition:all .2s ease}.family-name{font-weight:500;letter-spacing:.03em}.no-families{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;color:#9ca3af;opacity:.7;text-align:center}.empty-icon{width:30px;height:30px;margin-bottom:15px;stroke:#9ca3af}.family-list li:hover{background-color:rgba(59,130,246,.15);color:#fff;backdrop-filter:blur(4px)}.family-list li:hover .family-icon{stroke:#93c5fd;opacity:1;transform:scale(1.1)}.family-list li:before{content:"";position:absolute;left:0;top:0;height:100%;width:0;background-color:#3b82f6;transition:width .2s ease}.family-list li:hover:before{width:3px}.family-list li.selected{background-color:rgba(59,130,246,.2);color:#fff;backdrop-filter:blur(4px)}.family-list li.selected:before{width:4px;background-color:#60a5fa}.family-list li.selected .family-icon{stroke:#93c5fd;opacity:1}.family-list::-webkit-scrollbar{width:8px}.family-list::-webkit-scrollbar-track{background:#1f2937}.family-list::-webkit-scrollbar-thumb{background:#4b5563;border-radius:4px}.family-list::-webkit-scrollbar-thumb:hover{background:#60a5fa}@media screen and (max-width:768px){.sidebar{width:250px}}@media screen and (max-width:480px){.sidebar{width:220px}}