:root{font-family:Inter,system-ui,-apple-system,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--bg-base: #f9fafb;--bg-surface: #ffffff;--bg-graph: #f3f4f6;--border: #e5e7eb;--text-primary: #111827;--text-secondary: #374151;--text-muted: #6b7280;--text-faint: #9ca3af;--accent: #6366f1;--node-dimmed: #d1d5db;--label-color: #374151;--label-dimmed: #9ca3af;--link-color: #d1d5db;--link-highlight: #6b7280;--link-dimmed: #e5e7eb;color-scheme:light;color:var(--text-primary);background-color:var(--bg-base)}[data-theme=dark]{--bg-base: #111827;--bg-surface: #1f2937;--bg-graph: #111827;--border: #374151;--text-primary: #e5e7eb;--text-secondary: #d1d5db;--text-muted: #9ca3af;--text-faint: #6b7280;--accent: #6366f1;--node-dimmed: #374151;--label-color: #e5e7eb;--label-dimmed: #4b5563;--link-color: #4b5563;--link-highlight: #9ca3af;--link-dimmed: #1f2937;color-scheme:dark;color:var(--text-primary);background-color:var(--bg-base)}html,body{height:100%;margin:0}#root{width:100%;height:100%}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,system-ui,-apple-system,sans-serif;background:var(--bg-base);color:var(--text-primary);overflow:hidden}.app{display:flex;flex-direction:column;height:100vh;width:100vw}.app-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;background:var(--bg-base);color:var(--text-muted);gap:16px}.spinner{width:40px;height:40px;border:3px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.error-text{color:#ef4444}.toolbar{display:flex;align-items:center;gap:16px;padding:12px 20px;background:var(--bg-surface);border-bottom:1px solid var(--border);flex-shrink:0;z-index:10}.toolbar-title{font-size:18px;font-weight:700;color:var(--text-primary);white-space:nowrap}.toolbar-controls{display:flex;align-items:center;gap:16px;margin-left:auto}.view-toggle{display:flex;border:1px solid var(--border);border-radius:6px;overflow:hidden}.view-btn{padding:6px 14px;background:var(--bg-surface);color:var(--text-muted);border:none;cursor:pointer;font-size:13px;font-weight:600;transition:all .15s}.view-btn:hover{background:var(--border);color:var(--text-primary)}.view-btn.active{background:var(--accent);color:#fff}.stats{font-size:13px;color:var(--text-faint);white-space:nowrap}.main{display:flex;flex:1;overflow:hidden}.sidebar-left{width:200px;flex-shrink:0;background:var(--bg-surface);border-right:1px solid var(--border);overflow-y:auto}.sidebar-right{width:300px;flex-shrink:0;background:var(--bg-surface);border-left:1px solid var(--border);overflow-y:auto}.graph-container{flex:1;position:relative;overflow:hidden}.search-bar{position:relative;flex:0 1 300px}.search-input{width:100%;padding:8px 12px;background:var(--bg-base);border:1px solid var(--border);border-radius:6px;color:var(--text-primary);font-size:14px;outline:none;transition:border-color .15s}.search-input:focus{border-color:var(--accent)}.search-input::placeholder{color:var(--text-faint)}.search-dropdown{position:absolute;top:100%;left:0;right:0;margin-top:4px;background:var(--bg-surface);border:1px solid var(--border);border-radius:6px;max-height:320px;overflow-y:auto;z-index:100;box-shadow:0 10px 25px #00000026}[data-theme=dark] .search-dropdown{box-shadow:0 10px 25px #00000080}.search-result{display:flex;align-items:center;gap:8px;width:100%;padding:8px 12px;background:none;border:none;color:var(--text-primary);cursor:pointer;font-size:13px;text-align:left}.search-result:hover{background:var(--border)}.search-result-label{flex:1}.search-result-type{color:var(--text-faint);font-size:11px}.type-dot{display:inline-block;width:8px;height:8px;border-radius:50%;flex-shrink:0}.filter-panel{padding:16px}.filter-title{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);margin-bottom:12px}.filter-types{display:flex;flex-direction:column;gap:8px}.filter-checkbox,.filter-radio{display:flex;align-items:center;gap:8px;cursor:pointer;font-size:13px;color:var(--text-secondary)}.filter-checkbox input,.filter-radio input{accent-color:var(--accent)}.filter-radios{display:flex;flex-direction:column;gap:8px}.detail-panel{padding:20px;position:relative}.detail-close{position:absolute;top:16px;right:16px;background:none;border:1px solid var(--border);color:var(--text-muted);width:28px;height:28px;border-radius:4px;cursor:pointer;font-size:12px;display:flex;align-items:center;justify-content:center}.detail-close:hover{background:var(--border);color:var(--text-primary)}.detail-name{font-size:18px;font-weight:700;color:var(--text-primary);margin-bottom:8px;padding-right:36px}.detail-type-badge{display:inline-block;padding:2px 10px;border-radius:12px;font-size:12px;font-weight:600;color:#fff;margin-bottom:12px}.detail-description{font-size:13px;line-height:1.5;color:var(--text-secondary);margin-bottom:16px}.detail-stat{display:flex;justify-content:space-between;padding:6px 0;border-bottom:1px solid var(--border);font-size:13px}.detail-stat-label{color:var(--text-muted)}.detail-stat-value{color:var(--text-primary);font-weight:600}.detail-section-title{font-size:13px;font-weight:600;color:var(--text-muted);margin-top:16px;margin-bottom:8px}.detail-neighbors{list-style:none;display:flex;flex-direction:column;gap:4px}.detail-neighbor{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--text-secondary);padding:4px 0}.detail-articles{list-style:none;display:flex;flex-direction:column;gap:8px}.detail-article{display:flex;flex-direction:column;gap:2px;padding:6px 0;border-bottom:1px solid var(--border)}.detail-article-link{font-size:13px;color:#818cf8;text-decoration:none;line-height:1.4}.detail-article-link:hover{color:#a5b4fc;text-decoration:underline}.detail-article-site{font-size:11px;color:var(--text-faint)}.theme-btn{padding:6px 10px;background:var(--bg-surface);color:var(--text-muted);border:1px solid var(--border);border-radius:6px;cursor:pointer;font-size:14px;line-height:1;transition:all .15s}.theme-btn:hover{background:var(--border);color:var(--text-primary)}.app.embed{position:relative}.app.embed .main{height:100vh}.embed-fullscreen-link{position:absolute;bottom:12px;left:12px;padding:6px 14px;background:var(--bg-surface);border:1px solid var(--border);border-radius:6px;color:var(--accent);font-size:12px;font-weight:600;text-decoration:none;z-index:20;opacity:.8;transition:opacity .15s}.embed-fullscreen-link:hover{opacity:1;text-decoration:underline}