:root{--bg:#f8fafc;--panel:#fff;--border:#e2e8f0;--text:#0f172a;--muted:#64748b;--accent:#dc2626;--accent-soft:#fee2e2;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);margin:0}header{max-width:860px;margin:0 auto;padding:2rem 1.5rem 1rem}header h1{margin:0 0 .25rem;font-size:1.75rem}header .tagline{color:var(--muted);margin:0}main{flex-direction:column;gap:1.25rem;max-width:860px;margin:0 auto;padding:0 1.5rem 3rem;display:flex}.panel{background:var(--panel);border:1px solid var(--border);border-radius:10px;padding:1.25rem}.panel h2{margin:0 0 .5rem;font-size:1.05rem}.hint{color:var(--muted);margin:0 0 .75rem;font-size:.85rem}#query-section{background:var(--panel);border:1px solid var(--border);border-radius:10px;padding:1.25rem}.query-row{gap:.5rem;display:flex}#query-input{border:1px solid var(--border);border-radius:8px;flex:1;padding:.6rem .75rem;font-size:1rem}button{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:8px;padding:.6rem 1rem;font-size:.95rem}button:disabled{opacity:.5;cursor:not-allowed}button.secondary{background:var(--panel);color:var(--text);border:1px solid var(--border)}#chips{flex-wrap:wrap;gap:.4rem;margin-top:.75rem;display:flex}.chip{border:1px solid var(--border);cursor:pointer;color:var(--text);background:#f1f5f9;border-radius:999px;padding:.35rem .75rem;font-size:.82rem}.chip:hover{background:var(--accent-soft)}.controls{flex-wrap:wrap;align-items:center;gap:1rem;margin-bottom:.75rem;font-size:.88rem;display:flex}.controls label{align-items:center;gap:.35rem;display:flex}#chunk-preview{background:#f8fafc;border-radius:8px;padding:.75rem;font-size:.9rem;line-height:1.6}.chunk-span{border-radius:3px;padding:1px 0}.chunk-span.even{background:#dbeafe}.chunk-span.odd{background:#fef3c7}#embedding-status{color:var(--muted);margin-bottom:.75rem;font-size:.85rem}.progress-bar{background:var(--border);border-radius:3px;height:6px;margin-top:.35rem;overflow:hidden}.progress-bar>div{background:var(--accent);height:100%;transition:width .2s}#scatter-container{border:1px solid var(--border);background:#fafafa;border-radius:8px}table{border-collapse:collapse;width:100%;font-size:.88rem}th,td{text-align:left;border-bottom:1px solid var(--border);padding:.4rem .5rem}.badge{border-radius:4px;margin-right:.25rem;padding:.1rem .4rem;font-size:.7rem;font-weight:600;display:inline-block}.badge.dense{color:#1e40af;background:#dbeafe}.badge.sparse{color:#92400e;background:#fef3c7}.result-row.hovered,.result-row:hover{background:var(--accent-soft)}.rank-arrow-up{color:#16a34a}.rank-arrow-down{color:var(--accent)}#prompt-box{white-space:pre-wrap;word-break:break-word;color:#e2e8f0;background:#0f172a;border-radius:8px;max-height:320px;padding:.9rem;font-size:.82rem;overflow:auto}#token-bar-container{background:var(--border);border-radius:4px;height:8px;margin-bottom:.5rem;overflow:hidden}#token-bar{background:var(--accent);width:0%;height:100%;transition:width .2s}#answer-box{font-size:.95rem;line-height:1.6}.citation{color:var(--accent);cursor:pointer;font-weight:600}.no-answer{color:var(--muted);font-style:italic}footer{max-width:860px;color:var(--muted);margin:0 auto;padding:1rem 1.5rem 2rem;font-size:.82rem}@media (width<=600px){header,main,footer{padding-left:1rem;padding-right:1rem}.controls{flex-direction:column;align-items:flex-start}}