*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:#0a0a0f;color:#e0e0e0;min-height:100vh}#app{position:relative;height:100vh}.top-bar{position:fixed;top:0;left:0;right:0;z-index:5;background:#0a0a0f59;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}header{text-align:center;padding:.75rem 1rem .25rem}header h1{font-size:1.4rem;color:#f5a623;font-weight:300;letter-spacing:.05em}.subtitle{color:#888;font-size:.75rem;margin-top:.15rem}.help-btn{background:none;border:1px solid rgba(245,166,35,.4);color:#f5a623;width:1.2em;height:1.2em;border-radius:50%;font-size:.65em;cursor:pointer;vertical-align:middle;margin-left:.3rem;line-height:1;transition:all .2s;padding:0}.help-btn:hover{background:#f5a62326;border-color:#f5a623}.help-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:flex;align-items:center;justify-content:center}.help-modal.hidden{display:none}.help-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#0009}.help-content{position:relative;background:#161625;border:1px solid #2a2a3a;border-radius:12px;padding:1.75rem 2rem;max-width:520px;width:90vw;max-height:80vh;overflow-y:auto;box-shadow:0 16px 60px #0009;color:#ccc;font-size:.85rem;line-height:1.55}.help-content h2{color:#f5a623;font-weight:300;font-size:1.3rem;margin-bottom:.5rem}.help-content h3{color:#e0e0e0;font-size:.85rem;font-weight:600;margin-top:1rem;margin-bottom:.3rem}.help-content p{margin-bottom:.4rem}.help-content dl{margin:.25rem 0}.help-content dt{color:#e0e0e0;font-weight:600;margin-top:.3rem}.help-content dd{margin-left:1rem;color:#aaa}.help-content ul{margin:.25rem 0;padding-left:1.2rem}.help-content li{margin-bottom:.2rem;color:#aaa}.help-shortcuts{border-collapse:collapse;margin:.25rem 0}.help-shortcuts td{padding:.2rem .5rem .2rem 0}.help-shortcuts kbd{background:#ffffff0f;border:1px solid #333;border-radius:3px;padding:.1rem .4rem;font-family:inherit;font-size:.8rem;color:#999}.help-footer{margin-top:1.2rem;padding-top:.75rem;border-top:1px solid #2a2a3a;display:flex;justify-content:space-between;color:#555;font-size:.75rem}.help-close{position:absolute;top:.75rem;right:1rem;background:none;border:none;color:#666;font-size:1.5rem;cursor:pointer;line-height:1;padding:.25rem}.help-close:hover{color:#e0e0e0}.search-container{padding:.5rem 2rem;display:flex;flex-direction:column;align-items:center}.mode-toggle{display:none;flex-direction:column;border-right:1px solid #333}.mode-toggle.enabled{display:flex}.mode-btn{background:transparent;border:none;color:#888;padding:.35rem .75rem;cursor:pointer;font-size:.8rem;transition:all .2s}.mode-btn.active{color:#f5a623;background:#1a1a2eb3}.mode-btn:hover{color:#e0e0e0}#lang-select{background:transparent;border:none;border-left:1px solid #333;border-radius:0;color:#888;padding:.5rem 1.5rem .5rem .5rem;font-size:.8rem;cursor:pointer;outline:none;font-family:inherit;-moz-appearance:none;appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M0 0l5 6 5-6z' fill='%23666'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .5rem center}#lang-select:hover{color:#e0e0e0}#lang-select:disabled{opacity:.4;cursor:not-allowed}#lang-select option{background:#161620;color:#e0e0e0}.input-group{display:flex;align-items:stretch;gap:0;max-width:600px;width:100%;border-radius:8px;overflow:hidden;border:1px solid rgba(51,51,51,.8);background:#161620b3}.input-tabs{display:flex;flex-direction:column;border-right:1px solid #333}.tab{background:transparent;border:none;color:#888;padding:.4rem .75rem;cursor:pointer;font-size:.75rem;transition:all .2s}.tab.active{color:#f5a623;background:#1a1a2eb3}.tab:hover{color:#e0e0e0}#word-input{flex:1;background:transparent;border:none;color:#e0e0e0;padding:.75rem 1rem;font-size:1.1rem;outline:none;font-family:inherit}#word-input::placeholder{color:#555}#search-btn{background:#f5a623;border:none;color:#0a0a0f;padding:.75rem 1.5rem;font-weight:600;cursor:pointer;font-size:.9rem;transition:background .2s}#search-btn:hover{background:#e69500}.copy-link-btn{background:transparent;border:none;border-left:1px solid #333;color:#666;padding:.5rem .6rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:color .2s,background .2s}.copy-link-btn:hover:not(:disabled){color:#f5a623;background:#f5a6231a}.copy-link-btn:disabled{opacity:.3;cursor:not-allowed}.copy-link-btn.copied{color:#4caf50}.transliteration{color:#888;font-size:.85rem;margin-top:.5rem;height:1.2em}.status{text-align:center;padding:.5rem;font-size:.85rem;color:#888;min-height:2em}.status.error{color:#e74c3c}.search-hint{text-align:center;font-size:.75rem;color:#555;padding-bottom:.5rem}.search-hint.hidden{display:none}.search-hint kbd{background:#ffffff0f;border:1px solid #333;border-radius:3px;padding:.1rem .35rem;font-family:inherit;font-size:.7rem;color:#777}#graph-container{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden}#graph{width:100%;height:100%}.node circle{stroke-width:2px;cursor:pointer;transition:r .2s}.node circle:hover{filter:brightness(1.3)}.node text{font-size:12px;fill:#e0e0e0;pointer-events:none;text-anchor:middle;paint-order:stroke;stroke:#0a0a0f;stroke-width:4px;stroke-linejoin:round}.node .lang-label{font-size:9px;fill:#888;stroke-width:3px}.link{stroke-opacity:.4;stroke-width:1.5px}.tooltip{position:absolute;background:#1a1a2e;border:1px solid #333;border-radius:6px;padding:.5rem .75rem;font-size:.8rem;pointer-events:none;color:#e0e0e0;z-index:10}.node-detail{position:absolute;width:260px;max-width:80vw;background:#161625;border:1px solid #2a2a3a;border-radius:10px;padding:1rem 1.1rem;z-index:20;display:flex;flex-direction:column;gap:.5rem;box-shadow:0 8px 30px #00000080;opacity:1;transition:opacity .15s ease;cursor:grab;-webkit-user-select:none;user-select:none}.node-detail.hidden{opacity:0;pointer-events:none}.detail-close{position:absolute;top:.5rem;right:.75rem;background:none;border:none;color:#666;font-size:1.4rem;cursor:pointer;padding:.25rem;line-height:1}.detail-close:hover{color:#e0e0e0}.detail-word{font-size:1.2rem;font-weight:400;color:#e0e0e0;padding-right:1.25rem;word-break:break-word}.detail-lang{font-size:.85rem;font-weight:600}.detail-type{font-size:.75rem;text-transform:uppercase;letter-spacing:.08em;color:#666}.detail-etymology{font-size:.75rem;color:#aaa;line-height:1.4;border-top:1px solid #2a2a3a;padding-top:.5rem;max-height:80px;overflow-y:auto}.detail-etymology:empty{display:none}.detail-link{display:inline-block;padding:.35rem .6rem;background:#1a1a2e;border:1px solid #333;border-radius:5px;color:#f5a623;text-decoration:none;font-size:.75rem;text-align:center;transition:background .2s}.detail-link:hover{background:#222240}.node.selected circle{stroke:#fff;stroke-width:3px}.tree-link{stroke:#444;stroke-opacity:.5;stroke-width:1.5px;fill:none}.tree-node circle{stroke-width:2px;cursor:pointer;transition:r .2s}.tree-node circle:hover{filter:brightness(1.3)}.tree-node text{font-size:12px;fill:#e0e0e0;pointer-events:none;paint-order:stroke;stroke:#0a0a0f;stroke-width:4px;stroke-linejoin:round}.tree-node .lang-label{font-size:9px;fill:#888;stroke-width:3px}.tree-node.selected circle{stroke:#fff;stroke-width:3px}.tree-node.borrowed{opacity:.6}.tree-node.borrowed text{font-style:italic}.node-search{position:absolute;top:.75rem;right:.75rem;z-index:25;background:#161625e6;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid #2a2a3a;border-radius:8px;min-width:260px;max-width:340px;box-shadow:0 4px 20px #0006}.node-search.hidden{display:none}.node-search-bar{display:flex;align-items:center;gap:.4rem;padding:.5rem .6rem}.node-search-bar input{flex:1;background:transparent;border:none;color:#e0e0e0;font-size:.9rem;outline:none;font-family:inherit;min-width:0}.node-search-bar input::placeholder{color:#555}.node-search-count{font-size:.7rem;color:#888;white-space:nowrap}.node-search-close{background:none;border:none;color:#666;font-size:1.2rem;cursor:pointer;padding:0 .25rem;line-height:1}.node-search-close:hover{color:#e0e0e0}.node-search-dropdown{list-style:none;border-top:1px solid #2a2a3a;max-height:240px;overflow-y:auto;padding:.25rem 0}.node-search-dropdown.hidden{display:none}.node-search-dropdown li{display:flex;align-items:center;gap:.5rem;padding:.4rem .7rem;cursor:pointer;font-size:.8rem;color:#ccc}.node-search-dropdown li:hover,.node-search-dropdown li.active{background:#f5a62326;color:#fff}.node-search-dropdown li .dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.node-search-dropdown li .label{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.node-search-dropdown li .lang{font-size:.7rem;color:#888;flex-shrink:0}.node.search-highlight circle,.tree-node.search-highlight circle{stroke:#f5a623;stroke-width:3px;filter:brightness(1.3)}.node.search-dimmed,.tree-node.search-dimmed{opacity:.15}.link.search-dimmed,.tree-link.search-dimmed{opacity:.05}.family-filter{position:absolute;bottom:1rem;left:1rem;z-index:15;background:#1616258c;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(42,42,58,.6);border-radius:8px;padding:.6rem .75rem;display:flex;flex-direction:column;gap:.35rem;max-height:50vh;overflow-y:auto;font-size:.8rem;min-width:180px}.family-filter.hidden{display:none}.family-filter .filter-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.15rem;color:#888;font-size:.7rem;text-transform:uppercase;letter-spacing:.06em}.family-filter .filter-toggle-all{background:none;border:none;color:#f5a623;cursor:pointer;font-size:.7rem;padding:0}.family-filter .filter-toggle-all:hover{color:#e69500}.family-filter label{display:flex;align-items:center;gap:.4rem;color:#e0e0e0;cursor:pointer;padding:.15rem 0}.family-filter label:hover{color:#fff}.family-filter input[type=checkbox]{accent-color:#f5a623;width:14px;height:14px;cursor:pointer}.family-filter .branch-color{display:inline-block;width:8px;height:8px;border-radius:50%;flex-shrink:0}