*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:#fff;color:#333;line-height:1.4}.container{max-width:900px;margin:0 auto;padding:15px}.header{margin-bottom:20px}.header h1{font-size:1.8em;margin-bottom:5px;color:#2d3748}.header p{color:#666;font-size:.9em}.search-section{margin-bottom:20px}.search-container{position:relative}.search-input{width:100%;padding:12px;font-size:1em;border:2px solid #ddd;border-radius:6px;outline:none}.search-input:focus{border-color:#4285f4}.search-status{position:absolute;right:12px;top:50%;transform:translateY(-50%);color:#666;font-size:.8em}.search-info{margin-top:8px;text-align:center;color:#666;font-size:.85em}.results-container{margin-top:15px}.results-header{margin-bottom:15px;padding-bottom:8px;border-bottom:1px solid #eee}.results-header h2{font-size:1.3em;color:#2d3748}.results-info{color:#666;font-size:.85em;margin-top:3px}.results-list{display:flex;flex-direction:column;gap:20px}.method-section{margin-bottom:20px}.method-title{font-size:1.1em;font-weight:600;color:#2d3748;margin-bottom:12px;text-align:left}.result-item{display:flex;gap:12px;padding:8px 0;font-size:.9em;border-bottom:1px solid #eee}.result-item:last-child{border-bottom:none}.result-left{display:flex;flex-direction:column;align-items:center;min-width:55px;gap:3px}.result-right{flex:1;display:flex;flex-direction:column;gap:2px}.result-rank{font-weight:600;color:#4285f4;font-size:.75em}.result-score{background:#4285f4;color:#fff;padding:2px 6px;border-radius:3px;font-size:.7em;font-weight:500;text-align:center}.result-title{font-weight:600;color:#2d3748;line-height:1.2;font-size:.9em}.result-text{color:#555;font-size:.8em;line-height:1.3}.loading-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#fffffff2;display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:1000}.loading-spinner{width:40px;height:40px;border:3px solid #f3f3f3;border-top:3px solid #4285f4;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:15px}.loading-text{font-size:1em;color:#666}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.hidden{display:none!important}.no-results{text-align:center;color:#999;font-style:italic;padding:15px;font-size:.85em}mark{background-color:#fff3cd;padding:1px 2px;border-radius:2px}.performance-metrics{display:flex;gap:15px;margin:8px 0 0;justify-content:flex-start;font-size:.75em;color:#666}.search-examples{margin-bottom:15px}.examples-title{font-size:.9em;color:#2d3748;margin-bottom:8px;font-weight:600}.example-queries{display:flex;flex-direction:column;gap:4px}.example-query{display:flex;align-items:center;gap:8px;font-size:.8em}.query-text{color:#4285f4;cursor:pointer;text-decoration:underline;font-style:italic}.query-text:hover{color:#2563eb}.query-explanation{color:#666;font-size:.85em}.model-info{margin-top:30px;padding-top:20px;border-top:1px solid #eee}.model-info h3{margin-bottom:12px;color:#2d3748;font-size:1em}.model-details{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.model-item{display:flex;justify-content:space-between;font-size:.8em;padding:4px 0}.model-value{font-weight:600;color:#4285f4}.model-value a{color:#4285f4;text-decoration:none}.model-value a:hover{text-decoration:underline}@media (max-width: 768px){.container{padding:10px}.header h1{font-size:1.5em}.performance-metrics{gap:10px}.example-queries{gap:3px}.model-details{grid-template-columns:1fr;gap:6px}}