*,*: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;paint-order:stroke;stroke:#fff;stroke-width:3px;stroke-linecap:round;stroke-linejoin:round}.link{fill:none;stroke:#ccc;stroke-width:2px}.overlay{background-color:#eee}.node circle.collapsed{fill:#b0c4de}.node.highlighted circle{stroke:#e67e22;stroke-width:2.5px;fill:#fdebd0}.link.highlighted{stroke:#e67e22;stroke-width:2.5px}.breadcrumb-bar{position:fixed;bottom:40px;left:0;width:100%;background:#222222e6;color:#ccc;font-size:12px;padding:4px 10px;z-index:998;white-space:nowrap;overflow:hidden}.breadcrumb-bar span{cursor:pointer}.breadcrumb-bar span:hover{color:#fff}.breadcrumb-bar .separator{margin:0 4px;color:#666;cursor:default}.info-panel{position:fixed;top:10px;right:10px;background:#fffffff2;border:1px solid #ccc;border-radius:6px;padding:12px 16px;font-size:12px;z-index:900;box-shadow:0 2px 8px #00000026;min-width:180px}.info-panel-close{position:absolute;top:4px;right:6px;background:none;border:none;font-size:16px;cursor:pointer;color:#999;padding:0 2px;line-height:1}.info-panel-close:hover{color:#333}.info-panel-content{margin-top:4px}.info-row{display:flex;justify-content:space-between;padding:2px 0;gap:12px}.info-label{color:#666}.info-value{font-weight:600;color:#333}.info-link{color:#4682b4;text-decoration:none;font-size:11px}.info-link:hover{text-decoration:underline}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:64px;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}}