:root{--bg-primary: #0d1117;--bg-secondary: #161b22;--bg-tertiary: #21262d;--bg-input: #0d1117;--text-primary: #e6edf3;--text-secondary: #8b949e;--accent: #58a6ff;--accent-hover: #79c0ff;--border: #30363d;--success: #3fb950;--warning: #d29922;--danger: #f85149;--radius: 6px}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{height:100%}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif;background:var(--bg-primary);color:var(--text-primary);font-size:14px}.app{display:flex;flex-direction:column;height:100vh}.app-header{background:var(--bg-secondary);border-bottom:1px solid var(--border);padding:0 1.5rem;display:flex;align-items:center;gap:2rem;height:52px;flex-shrink:0}.app-header h1{font-size:1rem;font-weight:600;white-space:nowrap;color:var(--text-primary)}.tabs{display:flex;gap:2px}.tabs button{background:transparent;border:none;color:var(--text-secondary);padding:.5rem .875rem;cursor:pointer;border-radius:var(--radius);font-size:.8125rem;font-weight:500;transition:all .15s}.tabs button:hover,.tabs button.active{color:var(--text-primary);background:var(--bg-tertiary)}.data-source-selector{display:flex;align-items:center;gap:.5rem;font-size:.75rem;color:var(--text-secondary);position:relative}.data-source-selector label{white-space:nowrap}.data-source-selector select{background:var(--bg-input);color:var(--text-primary);border:1px solid var(--border);border-radius:var(--radius);padding:.25rem .5rem;font-size:.75rem;max-width:180px;cursor:pointer}.data-source-selector select:focus{border-color:var(--accent);outline:none}.custom-url-toggle{background:var(--bg-tertiary);color:var(--text-secondary);border:1px solid var(--border);border-radius:var(--radius);padding:.2rem .5rem;font-size:.75rem;cursor:pointer;line-height:1}.custom-url-toggle:hover{color:var(--text-primary);border-color:var(--accent)}.source-switching{color:var(--warning);font-size:.7rem}.source-error{color:var(--danger);font-size:.7rem;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.custom-url-form{position:absolute;top:100%;left:0;margin-top:.5rem;display:flex;gap:.375rem;background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius);padding:.5rem;z-index:100;min-width:400px}.custom-url-form input{flex:1;background:var(--bg-input);color:var(--text-primary);border:1px solid var(--border);border-radius:var(--radius);padding:.375rem .5rem;font-size:.75rem;font-family:SF Mono,Fira Code,monospace}.custom-url-form input:focus{border-color:var(--accent);outline:none}.custom-url-form button{background:var(--accent);color:#fff;border:none;border-radius:var(--radius);padding:.375rem .75rem;font-size:.75rem;cursor:pointer}.custom-url-form button:disabled{opacity:.5;cursor:not-allowed}.db-status{margin-left:auto;display:flex;align-items:center;gap:.5rem;font-size:.75rem;color:var(--text-secondary)}.status-dot{width:8px;height:8px;border-radius:50%;background:var(--text-secondary)}.status-dot.ready{background:var(--success)}.status-dot.loading-wasm,.status-dot.loading-parquet{background:var(--warning);animation:pulse 1s infinite}.status-dot.error{background:var(--danger)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.app-content{flex:1;overflow:hidden}.loading{display:flex;align-items:center;justify-content:center;padding:2rem;color:var(--text-secondary);font-size:.875rem}.loading:before{content:"";width:16px;height:16px;border:2px solid var(--border);border-top-color:var(--accent);border-radius:50%;margin-right:.75rem;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.error-message{background:#f851491a;border:1px solid rgba(248,81,73,.4);color:var(--danger);padding:.75rem 1rem;border-radius:var(--radius);font-size:.8125rem;margin:.5rem 0}.search-bar{display:flex;gap:.5rem;padding:.75rem 1rem;background:var(--bg-secondary);border-bottom:1px solid var(--border)}.search-bar input{flex:1;background:var(--bg-input);border:1px solid var(--border);color:var(--text-primary);padding:.5rem .75rem;border-radius:var(--radius);font-size:.8125rem;font-family:SF Mono,Fira Code,monospace;outline:none;transition:border-color .15s}.search-bar input:focus{border-color:var(--accent)}.search-bar input::placeholder{color:var(--text-secondary)}.search-bar button{background:var(--accent);color:#fff;border:none;padding:.5rem 1rem;border-radius:var(--radius);font-size:.8125rem;font-weight:500;cursor:pointer;transition:background .15s}.search-bar button:hover{background:var(--accent-hover)}.search-bar button:disabled{opacity:.5;cursor:not-allowed}.depth-selector{display:flex;align-items:center;gap:.375rem;font-size:.75rem;color:var(--text-secondary);white-space:nowrap}.depth-selector select{background:var(--bg-input);color:var(--text-primary);border:1px solid var(--border);border-radius:var(--radius);padding:.25rem .375rem;font-size:.75rem;cursor:pointer}.depth-selector select:focus{border-color:var(--accent);outline:none}.search-suggestions{display:flex;gap:.375rem;padding:0 1rem .5rem;background:var(--bg-secondary);flex-wrap:wrap}.search-suggestions span{font-size:.6875rem;color:var(--text-secondary);margin-right:.25rem}.search-suggestions button{background:var(--bg-tertiary);border:1px solid var(--border);color:var(--accent);padding:.125rem .5rem;border-radius:3px;font-size:.6875rem;font-family:SF Mono,Fira Code,monospace;cursor:pointer;transition:all .15s}.search-suggestions button:hover{background:var(--bg-primary);border-color:var(--accent)}.entity-explorer{display:flex;flex-direction:column;height:100%}.graph-container{flex:1;position:relative;background:radial-gradient(ellipse at center,#141428,#0d1117 70%)}.graph-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:var(--text-secondary);gap:.5rem}.graph-empty h3{font-size:1rem;font-weight:500;color:var(--text-primary)}.graph-empty p{font-size:.8125rem}.triple-count{position:absolute;bottom:1rem;left:1rem;background:var(--bg-secondary);border:1px solid var(--border);padding:.375rem .75rem;border-radius:var(--radius);font-size:.75rem;color:var(--text-secondary);z-index:10}.entity-label-copy{cursor:pointer;border-bottom:1px dashed var(--text-secondary)}.entity-label-copy:hover{color:var(--text-primary)}.graph-legend{position:absolute;top:1rem;right:1rem;background:var(--bg-secondary);border:1px solid var(--border);padding:.75rem;border-radius:var(--radius);font-size:.6875rem;z-index:10;max-height:300px;overflow-y:auto}.graph-legend h4{font-size:.75rem;margin-bottom:.5rem;color:var(--text-primary)}.legend-item{display:flex;align-items:center;gap:.375rem;padding:.125rem 0;color:var(--text-secondary)}.legend-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.dashboard{padding:1.5rem;overflow-y:auto;height:100%}.dashboard h2{font-size:1.125rem;margin-bottom:1rem}.stat-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:2rem}.stat-card{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius);padding:1.25rem}.stat-card .label{font-size:.75rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.375rem}.stat-card .value{font-size:1.75rem;font-weight:600;color:var(--text-primary)}.charts-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:1.5rem}.chart-card{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius);padding:1.25rem}.chart-card-wide{grid-column:1 / -1}.chart-card h3{font-size:.875rem;margin-bottom:1rem;color:var(--text-primary)}.source-map{height:100%;position:relative}.sql-console{display:flex;flex-direction:column;height:100%}.sql-editor{background:var(--bg-secondary);border-bottom:1px solid var(--border);padding:1rem}.sql-editor textarea{width:100%;min-height:100px;background:var(--bg-input);border:1px solid var(--border);color:var(--text-primary);padding:.75rem;border-radius:var(--radius);font-family:SF Mono,Fira Code,Consolas,monospace;font-size:.8125rem;line-height:1.5;resize:vertical;outline:none;transition:border-color .15s}.sql-editor textarea:focus{border-color:var(--accent)}.sql-controls{display:flex;align-items:center;gap:.5rem;margin-top:.5rem}.sql-controls button{background:var(--accent);color:#fff;border:none;padding:.5rem 1rem;border-radius:var(--radius);font-size:.8125rem;font-weight:500;cursor:pointer;transition:background .15s}.sql-controls button:hover{background:var(--accent-hover)}.sql-controls button:disabled{opacity:.5;cursor:not-allowed}.sql-controls .query-time{font-size:.75rem;color:var(--text-secondary);margin-left:auto}.example-queries{display:flex;gap:.375rem;flex-wrap:wrap;margin-top:.5rem}.example-queries span{font-size:.6875rem;color:var(--text-secondary);margin-right:.25rem}.example-queries button{background:var(--bg-tertiary);border:1px solid var(--border);color:var(--accent);padding:.125rem .5rem;border-radius:3px;font-size:.6875rem;cursor:pointer;transition:all .15s}.example-queries button:hover{background:var(--bg-primary);border-color:var(--accent)}.sql-results{flex:1;overflow:auto;padding:1rem}.results-table{width:100%;border-collapse:collapse;font-size:.8125rem}.results-table th{background:var(--bg-tertiary);color:var(--text-primary);font-weight:600;text-align:left;padding:.5rem .75rem;border:1px solid var(--border);position:sticky;top:0}.results-table td{padding:.375rem .75rem;border:1px solid var(--border);color:var(--text-secondary);font-family:SF Mono,Fira Code,monospace;font-size:.75rem;max-width:300px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.results-table tr:hover td{background:var(--bg-secondary);color:var(--text-primary)}.row-count{font-size:.75rem;color:var(--text-secondary);margin-bottom:.5rem}.node-panel{position:absolute;top:1rem;left:1rem;width:320px;max-height:calc(100% - 2rem);background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius);z-index:20;overflow-y:auto}.node-panel-header{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;border-bottom:1px solid var(--border)}.node-panel-header h3{font-size:.875rem;font-family:SF Mono,Fira Code,monospace;color:var(--accent)}.node-panel-header button{background:transparent;border:none;color:var(--text-secondary);cursor:pointer;font-size:1rem;padding:.25rem;line-height:1}.node-panel-header button:hover{color:var(--text-primary)}.node-panel-source{display:inline-block;padding:.125rem .5rem;border-radius:3px;font-size:.6875rem;font-weight:600;margin:.5rem 1rem}.node-panel-triples{padding:0 1rem 1rem}.node-panel-triples h4{font-size:.75rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.5rem}.node-triple{display:flex;gap:.375rem;padding:.25rem 0;font-size:.75rem;border-bottom:1px solid var(--border);align-items:baseline}.node-triple:last-child{border-bottom:none}.node-triple .pred{color:var(--text-secondary);flex-shrink:0}.node-triple .obj{color:var(--accent);cursor:pointer;font-family:SF Mono,Fira Code,monospace;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.node-triple .obj:hover{text-decoration:underline}