*,*:before,*:after{box-sizing:border-box}html,body{height:100%;margin:0;padding:0;font-family:sans-serif;font-size:14px}#wrap{min-height:100%;height:auto;padding-bottom:50px}#tree-container{width:100%;overflow:hidden}#footer{position:fixed;bottom:0;left:0;width:100%;height:40px;background-color:#222;z-index:1000}#navbar{display:flex;align-items:center;height:100%;padding:0 10px;gap:10px;color:#fff}#navbar a{color:#9d9d9d;text-decoration:none;font-size:13px;padding:2px 6px}#navbar a:hover{color:#fff}.navbar-brand{font-weight:700;font-size:14px;color:#fff!important;margin-right:10px}.nav-links{display:flex;gap:4px}.nav-right{display:flex;align-items:center;gap:8px;margin-left:auto}#search{width:180px;padding:3px 7px;border:1px solid #555;border-radius:3px;background:#333;color:#fff;font-size:13px;outline:none}#search::placeholder{color:#888}#search:focus{border-color:#4682b4}.options-wrapper{position:relative}#options-toggle{padding:3px 8px;background:#444;color:#ccc;border:1px solid #555;border-radius:3px;cursor:pointer;font-size:13px}#options-toggle:hover{background:#555;color:#fff}#options-menu{display:none;position:absolute;bottom:36px;right:0;background:#333;border:1px solid #555;border-radius:3px;min-width:130px;z-index:2000}#options-menu.open{display:block}#options-menu a{display:block;padding:6px 12px;color:#ccc;text-decoration:none;font-size:13px}#options-menu a:hover{background:#444;color:#fff}.node{cursor:pointer}.node circle{fill:#fff;stroke:#4682b4;stroke-width:1.5px}.node text{font-size:10px;font-family:sans-serif}.link{fill:none;stroke:#ccc;stroke-width:1.5px}.overlay{background-color:#eee}.node circle.collapsed{fill:#b0c4de}dialog{border:1px solid #ccc;border-radius:6px;padding:0;max-width:600px;width:90%;box-shadow:0 4px 20px #0000004d}dialog::backdrop{background:#00000080}.dialog-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid #ddd;background:#f5f5f5;border-radius:6px 6px 0 0}.dialog-header h3{margin:0;font-size:16px}.dialog-close{background:none;border:none;font-size:20px;cursor:pointer;color:#666;padding:0 4px;line-height:1}.dialog-close:hover{color:#000}.dialog-body{padding:16px;max-height:60vh;overflow-y:auto}.dialog-body p{margin:0 0 10px;line-height:1.5}.dialog-body p:last-child{margin-bottom:0}.dialog-footer{padding:10px 16px;border-top:1px solid #ddd;display:flex;justify-content:flex-end;gap:8px;background:#f9f9f9;border-radius:0 0 6px 6px}.btn{padding:6px 14px;border-radius:4px;border:1px solid #ccc;cursor:pointer;font-size:13px}.btn-primary{background:#4682b4;color:#fff;border-color:#4682b4}.btn-primary:hover{background:#3a7abf}.btn-secondary{background:#f0f0f0;color:#333}.btn-secondary:hover{background:#ddd}.autocomplete-list{position:absolute;list-style:none;margin:0;padding:0;background:#fff;border:1px solid #ccc;border-radius:3px;max-height:300px;overflow-y:auto;overflow-x:hidden;z-index:3000;box-shadow:0 2px 8px #00000026;min-width:180px}.autocomplete-list li{padding:5px 10px;cursor:pointer;font-size:13px;white-space:nowrap;color:#333}.autocomplete-list li:hover,.autocomplete-list li.active{background-color:#b0c4de;color:#fff}.consent-banner{position:fixed;bottom:40px;left:0;width:100%;background:#565656f2;color:#fff;font-size:13px;font-weight:700;text-align:center;padding:8px 5%;z-index:999;display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap}.consent-banner a,.consent-banner a:hover{color:#fff;text-decoration:underline}.consent-banner a:hover{text-decoration:none}.consent-accept{display:inline-block;color:#fff;text-decoration:none;background:#7daf3b;padding:4px 12px;border-radius:3px;border:none;cursor:pointer;font-size:13px;font-weight:700}.consent-accept:hover{background:#000}@media(max-width:767px){#search{width:120px}.nav-links{display:none}.consent-banner{flex-direction:column;gap:6px}}