*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;overflow:hidden;height:100vh;display:flex;flex-direction:column}#toolbar{display:flex;align-items:center;gap:8px;padding:8px 12px;background:#1a1a2e;color:#fff;z-index:100;flex-wrap:wrap;position:relative}.toolbar-left{display:flex;align-items:center;gap:6px}.toolbar-actions{display:flex;flex-wrap:wrap;gap:4px}.toolbar-group{display:flex;align-items:center;gap:4px;background:#ffffff0d;border-radius:6px;padding:4px 8px}.group-label{font-size:10px;text-transform:uppercase;color:#888;letter-spacing:.5px;margin-right:2px;font-weight:600;width:48px}#search-input{padding:5px 10px;border:1px solid #555;border-radius:4px;background:#2d2d44;color:#eee;font-size:12px;width:140px;outline:none}#search-input:focus{border-color:#7b7bdf}#search-input::placeholder{color:#777}button,.file-btn{padding:5px 10px;border:1px solid #555;border-radius:4px;background:#2d2d44;color:#eee;cursor:pointer;font-size:12px;white-space:nowrap;-webkit-user-select:none;user-select:none}button:hover,.file-btn:hover{background:#3d3d5c}.mode-btn.active{background:#5a5aad;border-color:#7b7bdf;color:#fff}.btn-remove{background:#3d2d2d;border-color:#6b4444}.btn-remove:hover{background:#5a3333}.btn-remove.active{background:#8b3333;border-color:#b44444}#mode-indicator{display:none;font-size:13px;color:#ffeb3b;font-style:italic;text-align:center;background:#2a2a3d;padding:6px 12px}#mode-indicator:not(:empty){display:block}#cy{width:100%;flex:1;background:#f5f5f5}#tooltip{position:absolute;background:#333;color:#fff;padding:6px 10px;border-radius:4px;font-size:13px;pointer-events:none;z-index:100;white-space:nowrap}#tooltip.hidden{display:none}#legend{position:absolute;bottom:16px;left:16px;background:#fffffff2;border:1px solid #ccc;border-radius:6px;padding:10px 14px;font-size:12px;z-index:10;line-height:1.8}.legend-title{font-weight:700;margin-bottom:4px;font-size:13px}.legend-row{display:flex;align-items:center;gap:6px}.legend-circle,.legend-square,.legend-triangle{display:inline-block;width:14px;height:14px;flex-shrink:0}.legend-circle{border-radius:50%}.legend-square{border-radius:2px}.legend-triangle{width:0;height:0;border-left:7px solid transparent;border-right:7px solid transparent;border-bottom:14px solid}.male{background:#42a5f5}.legend-triangle.male{background:none;border-bottom-color:#42a5f5}.female{background:#ec407a}.legend-triangle.female{background:none;border-bottom-color:#ec407a}.legend-line{display:inline-block;width:24px;height:0;border-top:2px solid #555;flex-shrink:0}.legend-line.dashed{border-top-style:dashed}.legend-line.bold{border-top-width:4px}.legend-box{display:inline-block;width:20px;height:14px;border-radius:3px;flex-shrink:0}.legend-box.companionship{background:#e8f5e9;border:2px solid #4caf50}.dialog-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:200}.dialog-overlay.hidden{display:none}.dialog{background:#fff;border-radius:8px;padding:20px 24px;min-width:280px;box-shadow:0 4px 20px #0000004d}.dialog-title{font-size:16px;font-weight:700;margin-bottom:16px;color:#333}.dialog-field{margin-bottom:12px}.dialog-field label{display:block;font-size:12px;color:#666;margin-bottom:4px}.dialog-field input,.dialog-field select{width:100%;padding:6px 10px;border:1px solid #ccc;border-radius:4px;font-size:14px}.dialog-actions{display:flex;gap:8px;justify-content:flex-end;margin-top:16px}.dialog-actions button{padding:8px 16px;border:1px solid #ccc;border-radius:4px;background:#f5f5f5;color:#333;cursor:pointer;font-size:13px}.dialog-actions button.primary{background:#5a5aad;color:#fff;border-color:#5a5aad}.dialog-actions button:hover{opacity:.85}.district-options{flex-wrap:wrap;justify-content:center}.district-btn{padding:10px 20px!important;font-size:14px!important;background:#2d2d44!important;color:#eee!important;border-color:#555!important}.district-btn:hover{background:#5a5aad!important}.dropdown-wrapper{position:relative}.dropdown{position:absolute;top:100%;left:0;margin-top:4px;background:#2d2d44;border:1px solid #555;border-radius:6px;min-width:180px;z-index:200;padding:4px 0;box-shadow:0 4px 12px #0006}.dropdown.hidden{display:none}.dropdown-section{font-size:10px;text-transform:uppercase;color:#888;letter-spacing:.5px;padding:6px 12px 2px;font-weight:600}.dropdown-divider{height:1px;background:#444;margin:4px 0}.dropdown-item{display:block;width:100%;padding:6px 12px;background:none;border:none;color:#eee;font-size:13px;text-align:left;cursor:pointer}.dropdown-item:hover{background:#ffffff1a}.dropdown-danger{color:#f44336}.dropdown-danger:hover{background:#f4433626}