*{margin:0;padding:0;box-sizing:border-box}:root{--color-bg: #ffffff;--color-surface: #fafafa;--color-border: #e5e5e5;--color-text: #1a1a1a;--color-text-secondary: #737373;--color-text-tertiary: #a3a3a3;--color-accent: #2563eb;--color-accent-hover: #1d4ed8;--color-accent-light: #dbeafe;--color-success: #16a34a;--color-warning: #ca8a04;--spacing-xs: .5rem;--spacing-sm: .75rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--radius-sm: .375rem;--radius-md: .5rem;--radius-lg: .75rem;--font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Helvetica Neue", Arial, sans-serif;--font-mono: "SF Mono", Monaco, "Cascadia Code", "Roboto Mono", Consolas, monospace;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--transition: .15s cubic-bezier(.4, 0, .2, 1)}@media (prefers-color-scheme: dark){:root{--color-bg: #0a0a0a;--color-surface: #171717;--color-border: #262626;--color-text: #fafafa;--color-text-secondary: #a3a3a3;--color-text-tertiary: #737373;--color-accent: #3b82f6;--color-accent-hover: #60a5fa;--color-accent-light: #1e3a5f;--color-success: #22c55e;--color-warning: #facc15}}body{font-family:var(--font-sans);background-color:var(--color-bg);color:var(--color-text);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.container{max-width:56rem;margin:0 auto;padding:var(--spacing-xl) var(--spacing-lg);min-height:100vh;display:flex;flex-direction:column}header{text-align:center;margin-bottom:var(--spacing-2xl);padding-top:var(--spacing-2xl)}header h1{font-size:2.25rem;font-weight:600;letter-spacing:-.025em;margin-bottom:var(--spacing-xs)}header .subtitle{font-size:1rem;color:var(--color-text-secondary);font-weight:400}main{flex:1}.search-box{position:relative;margin-bottom:var(--spacing-md)}#search-input{width:100%;padding:var(--spacing-md) var(--spacing-lg);padding-right:3.5rem;font-size:1.125rem;font-family:inherit;color:var(--color-text);background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);outline:none;transition:all var(--transition)}#search-input:focus{border-color:var(--color-accent);box-shadow:0 0 0 3px #2563eb1a}#search-input::placeholder{color:var(--color-text-tertiary)}#search-button{position:absolute;right:var(--spacing-xs);top:50%;transform:translateY(-50%);width:2.5rem;height:2.5rem;display:flex;align-items:center;justify-content:center;background-color:var(--color-accent);color:#fff;border:none;border-radius:var(--radius-md);cursor:pointer;transition:background-color var(--transition)}#search-button:hover{background-color:var(--color-accent-hover)}#search-button:active{transform:translateY(-50%) scale(.95)}.filters-section{margin-bottom:var(--spacing-lg)}.filters-toggle{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm);font-size:.875rem;font-family:inherit;color:var(--color-text-secondary);background:none;border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition)}.filters-toggle:hover{color:var(--color-text);border-color:var(--color-text-tertiary)}.filters-toggle.active{color:var(--color-accent);border-color:var(--color-accent)}.filters-panel{display:none;flex-wrap:wrap;gap:var(--spacing-md);margin-top:var(--spacing-md);padding:var(--spacing-md);background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md)}.filters-panel.open{display:flex}.filter-group{display:flex;flex-direction:column;gap:var(--spacing-xs)}.filter-group label{font-size:.75rem;font-weight:500;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em}.filter-group input[type=text],.filter-group select{padding:var(--spacing-xs) var(--spacing-sm);font-size:.875rem;font-family:inherit;color:var(--color-text);background-color:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-sm);outline:none;transition:border-color var(--transition)}.filter-group input[type=text]:focus,.filter-group select:focus{border-color:var(--color-accent)}.filter-group input[type=text]{min-width:200px}.filter-checkbox{flex-direction:row;align-items:center}.filter-checkbox input[type=checkbox]{width:1rem;height:1rem;accent-color:var(--color-accent)}.filter-checkbox label{text-transform:none;letter-spacing:normal;font-size:.875rem}.status{text-align:center;padding:var(--spacing-md);margin-bottom:var(--spacing-lg);font-size:.875rem;color:var(--color-text-secondary);min-height:2.5rem}.status.loading:after{content:"...";animation:ellipsis 1.5s infinite}@keyframes ellipsis{0%,20%{content:"."}40%{content:".."}60%,to{content:"..."}}.status.error{color:#dc2626}.results{display:flex;flex-direction:column;gap:var(--spacing-lg)}.translation-card{background-color:var(--color-accent-light);border:1px solid var(--color-accent);border-radius:var(--radius-lg);padding:var(--spacing-md);margin-bottom:var(--spacing-md)}.translation-header{font-size:.75rem;font-weight:600;color:var(--color-accent);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--spacing-xs)}.translation-explanation{font-size:.9375rem;color:var(--color-text);margin-bottom:var(--spacing-sm)}.translation-query{display:block;font-family:var(--font-mono);font-size:.8125rem;color:var(--color-text-secondary);background-color:var(--color-bg);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);overflow-x:auto}.translation-retry-info{margin-top:var(--spacing-sm);font-size:.75rem;color:var(--color-warning)}.result-card{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-lg);transition:all var(--transition);text-decoration:none;color:inherit;display:block}.result-card:hover{border-color:var(--color-accent);box-shadow:var(--shadow-md);transform:translateY(-2px)}.result-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--spacing-md);margin-bottom:var(--spacing-sm)}.result-title-row{display:flex;align-items:center;gap:var(--spacing-sm);flex:1;flex-wrap:wrap}.result-title{font-size:1.25rem;font-weight:600;line-height:1.3;color:var(--color-text)}.result-type-badge{font-size:.6875rem;font-weight:500;text-transform:uppercase;letter-spacing:.05em;padding:.125rem .5rem;background-color:var(--color-accent);color:#fff;border-radius:var(--radius-sm);white-space:nowrap}.result-score{font-size:.75rem;font-family:var(--font-mono);color:var(--color-text-tertiary);background-color:var(--color-bg);padding:.25rem .5rem;border-radius:var(--radius-sm);white-space:nowrap}.result-meta{display:flex;flex-wrap:wrap;gap:var(--spacing-md);margin-bottom:var(--spacing-sm);font-size:.875rem;color:var(--color-text-secondary)}.result-meta-item{display:flex;align-items:center;gap:var(--spacing-xs)}.result-meta-label{color:var(--color-text-tertiary);font-weight:500}.result-description{font-size:.9375rem;line-height:1.6;color:var(--color-text-secondary);margin-bottom:var(--spacing-sm);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.result-path{margin-top:var(--spacing-md);padding:var(--spacing-sm);background-color:var(--color-bg);border-radius:var(--radius-sm);font-size:.8125rem}.result-path-label{font-weight:500;color:var(--color-text-tertiary);margin-right:var(--spacing-xs)}.result-path-steps{display:inline;font-family:var(--font-mono)}.path-entity{color:var(--color-accent);font-weight:500}.path-entity[data-type=document]{color:var(--color-success)}.path-entity[data-type=person]{color:#9333ea}.path-entity[data-type=concept]{color:var(--color-warning)}.path-edge{color:var(--color-text-tertiary)}.result-source-pis{margin-top:var(--spacing-sm);font-size:.8125rem;color:var(--color-text-secondary)}.result-pi-label{font-weight:500;color:var(--color-text-tertiary);margin-right:var(--spacing-xs)}.result-pi-link{font-family:var(--font-mono);color:var(--color-accent);text-decoration:none}.result-pi-link:hover{text-decoration:underline}.result-canonical-id{font-family:var(--font-mono);font-size:.75rem;color:var(--color-text-tertiary);margin-top:var(--spacing-sm);padding-top:var(--spacing-sm);border-top:1px solid var(--color-border)}.result-tags{display:flex;flex-wrap:wrap;gap:var(--spacing-xs);margin-top:var(--spacing-md)}.result-tag{font-size:.75rem;padding:.25rem .625rem;background-color:var(--color-bg);color:var(--color-text-secondary);border:1px solid var(--color-border);border-radius:var(--radius-sm);font-weight:500}.result-namespace{background-color:var(--color-accent);color:#fff;border:none}.result-pi{font-family:var(--font-mono);font-size:.75rem;color:var(--color-text-tertiary);margin-top:var(--spacing-sm);padding-top:var(--spacing-sm);border-top:1px solid var(--color-border)}footer{text-align:center;padding:var(--spacing-2xl) 0 var(--spacing-lg);margin-top:var(--spacing-2xl);border-top:1px solid var(--color-border)}footer a{color:var(--color-text-secondary);text-decoration:none;font-size:.875rem;transition:color var(--transition)}footer a:hover{color:var(--color-accent)}.empty-state{text-align:center;padding:var(--spacing-2xl);color:var(--color-text-secondary)}.empty-state-icon{font-size:3rem;margin-bottom:var(--spacing-md);opacity:.5}@media (max-width: 640px){.container{padding:var(--spacing-lg) var(--spacing-md)}header{padding-top:var(--spacing-lg);margin-bottom:var(--spacing-xl)}header h1{font-size:1.875rem}#search-input{font-size:1rem;padding:var(--spacing-sm) var(--spacing-md);padding-right:3rem}.filters-panel{flex-direction:column}.filter-group input[type=text]{min-width:100%}.result-title{font-size:1.125rem}.result-header{flex-direction:column;align-items:flex-start}.result-score{order:-1}.result-path-steps{display:block;margin-top:var(--spacing-xs);word-break:break-word}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}*:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}