:root{--bg: #0f172a;--bg-soft: #1e293b;--fg: #e2e8f0;--fg-dim: #94a3b8;--accent: #3b82f6;--accent-soft: rgba(59, 130, 246, .15);--border: rgba(148, 163, 184, .18);--radius: 14px;--shadow: 0 18px 48px rgba(0, 0, 0, .35);font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color-scheme:dark}*{box-sizing:border-box}html,body,#root{min-height:100vh;margin:0}body{background:radial-gradient(1200px 600px at 90% -10%,rgba(59,130,246,.12),transparent),radial-gradient(900px 500px at -10% 10%,rgba(99,102,241,.08),transparent),linear-gradient(180deg,#0b1224 0%,var(--bg) 100%);color:var(--fg);-webkit-font-smoothing:antialiased}.app{max-width:1180px;margin:0 auto;padding:48px 24px 96px}.hero{text-align:center;margin-bottom:32px}.badge{display:inline-block;padding:6px 14px;border-radius:999px;background:var(--accent-soft);color:var(--accent);font-size:13px;font-weight:600;letter-spacing:.04em;text-transform:uppercase}.hero h1{font-size:clamp(40px,6vw,72px);margin:18px 0 12px;font-weight:800;letter-spacing:-.02em}.grad{background:linear-gradient(135deg,var(--accent) 0%,#818cf8 50%,#38bdf8 100%);-webkit-background-clip:text;background-clip:text;color:transparent}.sub{color:var(--fg-dim);font-size:18px;max-width:640px;margin:0 auto;line-height:1.55}.search-card{margin-top:36px;padding:28px;border-radius:var(--radius);background:#0f172a99;border:1px solid var(--border);box-shadow:var(--shadow);backdrop-filter:blur(8px)}.coming-soon{color:var(--fg-dim);text-align:center;margin:0;font-style:italic}.status{display:flex;align-items:center;gap:14px}.status-dot{width:12px;height:12px;border-radius:50%;background:var(--fg-dim);box-shadow:0 0 #3b82f600;transition:box-shadow .2s ease,background .2s ease}.status-downloading .status-dot{background:var(--accent);animation:pulse 1.4s ease-in-out infinite}.status-ready .status-dot{background:#22c55e}.status-error .status-dot{background:#ef4444}@keyframes pulse{0%,to{box-shadow:0 0 #3b82f68c}50%{box-shadow:0 0 0 10px #3b82f600}}.status-text{display:flex;flex-direction:column;gap:2px}.status-text strong{font-size:15px}.status-text span{color:var(--fg-dim);font-size:13px}.progress{position:relative;margin-top:18px;height:14px;border-radius:999px;background:#94a3b81f;overflow:hidden}.progress-bar{height:100%;background:linear-gradient(90deg,var(--accent) 0%,#38bdf8 100%);transition:width .24s ease}.progress-pct{position:absolute;inset:0;display:grid;place-items:center;font-size:11px;font-weight:600;color:var(--fg);letter-spacing:.05em}.encoder-demo{margin-top:22px}.label{display:block;font-size:13px;color:var(--fg-dim);margin-bottom:10px}.row{display:flex;gap:10px}.input{flex:1;padding:12px 14px;background:#0f172ab3;border:1px solid var(--border);border-radius:10px;color:var(--fg);font-size:15px;outline:none;transition:border .15s ease,box-shadow .15s ease}.input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.btn{padding:12px 18px;border:none;border-radius:10px;background:var(--accent);color:#fff;font-weight:600;font-size:14px;cursor:pointer;transition:background .15s ease,transform .1s ease,opacity .15s ease}.btn:hover:not(:disabled){background:#2563eb}.btn:active:not(:disabled){transform:translateY(1px)}.btn:disabled{opacity:.5;cursor:not-allowed}.vector-peek{margin-top:16px;padding:14px;border-radius:10px;background:#02061780;border:1px solid var(--border)}.vector-head{display:flex;justify-content:space-between;gap:14px;font-size:13px;margin-bottom:8px;flex-wrap:wrap}.vector-query{color:var(--accent)}.vector-meta{color:var(--fg-dim)}.vector-bytes{margin:0;white-space:pre-wrap;word-break:break-word;font-size:12px;color:var(--fg-dim);font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.hint{margin:14px 0 0;font-size:12px;color:var(--fg-dim);font-style:italic}.hint.inline{margin:0}.gallery-head{display:flex;justify-content:space-between;align-items:center;margin:26px 0 12px;font-size:14px;flex-wrap:wrap;gap:6px}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px}.tile{position:relative;margin:0;border-radius:12px;overflow:hidden;background:#0f172a99;border:1px solid var(--border);transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}.tile.state-pending{opacity:.7}.tile img{display:block;width:100%;aspect-ratio:1 / 1;object-fit:cover;background:#94a3b814}.tile figcaption{padding:10px 12px;font-size:12px;color:var(--fg-dim);line-height:1.4;min-height:56px}.pill{position:absolute;top:8px;right:8px;padding:3px 8px;font-size:10px;font-weight:600;letter-spacing:.05em;text-transform:uppercase;border-radius:999px;backdrop-filter:blur(6px)}.pill-pending{background:#94a3b859;color:#fff}.pill-done{background:#22c55ed9;color:#fff}.suggestions{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.chip{padding:6px 12px;border-radius:999px;background:#0f172a99;border:1px solid var(--border);color:var(--fg-dim);font-size:12px;cursor:pointer;transition:all .15s ease}.chip:hover:not(:disabled){color:var(--accent);border-color:var(--accent);background:var(--accent-soft)}.chip:disabled{opacity:.45;cursor:not-allowed}.results{margin-top:36px}.results-title{font-size:18px;font-weight:600;margin:0 0 16px;color:var(--fg)}.results-title-muted{color:var(--fg-dim);font-weight:500}.quote{background:linear-gradient(135deg,var(--accent) 0%,#818cf8 100%);-webkit-background-clip:text;background-clip:text;color:transparent}.score{position:absolute;top:8px;left:8px;padding:4px 8px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px;font-weight:700;color:#fff;border-radius:6px;backdrop-filter:blur(6px)}.score-hi{background:#22c55ee6}.score-mid{background:#f59e0be6}.score-lo{background:#64748bd9}.medal{border-width:2px}.medal-gold{border-color:#fbbf24;box-shadow:0 0 0 1px #fbbf2466,0 18px 40px #fbbf2426}.medal-silver{border-color:#cbd5e1;box-shadow:0 0 0 1px #cbd5e159}.medal-bronze{border-color:#d97706;box-shadow:0 0 0 1px #d9770659}.medal-badge{position:absolute;top:8px;right:8px;padding:3px 8px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px;font-weight:800;border-radius:999px;color:#0f172a}.medal-badge-gold{background:#fbbf24}.medal-badge-silver{background:#cbd5e1}.medal-badge-bronze{background:#fbbf24;background:linear-gradient(135deg,#f97316,#d97706);color:#fff}.score-bar{position:absolute;left:0;right:0;bottom:0;height:4px;background:#0f172a99}.score-bar-fill{height:100%;background:linear-gradient(90deg,var(--accent) 0%,#38bdf8 100%);transition:width .32s ease}.footer{margin-top:56px;padding-top:24px;border-top:1px solid var(--border);text-align:center;font-size:13px;color:var(--fg-dim);display:flex;flex-wrap:wrap;justify-content:center;gap:8px}.footer a{color:var(--fg-dim);text-decoration:none;transition:color .15s ease}.footer a:hover{color:var(--accent)}.footer-dot{opacity:.6}