*{box-sizing:border-box;margin:0;padding:0}body{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);min-height:100vh;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}.app{max-width:900px;margin:0 auto;padding:2rem 1rem}header{text-align:center;color:#fff;margin-bottom:2rem}header h1{text-shadow:2px 2px 4px #0000001a;margin-bottom:.5rem;font-size:2.5rem}header p{opacity:.95;font-size:1rem}.search-container{background:#fff;border-radius:1rem;margin-bottom:2rem;padding:1.5rem;box-shadow:0 10px 25px -5px #0000001a}.search-box{position:relative}.search-input{border:2px solid #e2e8f0;border-radius:.75rem;outline:none;width:100%;padding:1rem;font-size:1.1rem;transition:all .3s}.search-input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.search-spinner{position:absolute;top:50%;right:1rem;transform:translateY(-50%)}.spinner-small{border:2px solid #e2e8f0;border-top-color:#667eea;border-radius:50%;width:20px;height:20px;animation:.6s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.search-stats{color:#4a5568;margin-top:.75rem;font-size:.875rem}.result-count{font-weight:500}.results-container{background:#fff;border-radius:1rem;min-height:400px;padding:1.5rem;box-shadow:0 10px 25px -5px #0000001a}.skeleton-list{flex-direction:column;gap:1rem;display:flex}.skeleton-item{background:#f7fafc;border-radius:.5rem;padding:1rem}.skeleton-title{background:linear-gradient(90deg,#e2e8f0 25%,#edf2f7 50%,#e2e8f0 75%) 0 0/200% 100%;border-radius:4px;width:70%;height:20px;margin-bottom:.75rem;animation:1.5s infinite shimmer}.skeleton-text{background:linear-gradient(90deg,#e2e8f0 25%,#edf2f7 50%,#e2e8f0 75%) 0 0/200% 100%;border-radius:4px;height:14px;margin-bottom:.5rem;animation:1.5s infinite shimmer}.skeleton-text:last-child{width:80%}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.results-list{flex-direction:column;gap:1rem;display:flex}.result-card{background:#f7fafc;border:1px solid #e2e8f0;border-radius:.75rem;padding:1.25rem;transition:transform .2s,box-shadow .2s}.result-card:hover{background:#fff;transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.result-card h3{color:#2d3748;margin-bottom:.5rem;font-size:1.1rem}.result-card p{color:#4a5568;margin-bottom:.5rem;line-height:1.5}.result-card small{color:#718096;font-size:.75rem}.highlight{color:#1a202c;background-color:#fef08a;border-radius:3px;padding:0 2px;font-weight:500}.error-state{text-align:center;color:#c53030;background:#fed7d7;border-radius:.75rem;padding:2rem}.retry-btn{color:#fff;cursor:pointer;background:#c53030;border:none;border-radius:.5rem;margin-top:1rem;padding:.5rem 1rem;font-weight:500;transition:background .2s}.retry-btn:hover{background:#9b2c2c}.no-results{text-align:center;color:#4a5568;padding:3rem}.no-results p:first-child{margin-bottom:.5rem;font-size:1.1rem}.suggestion{color:#718096;font-size:.875rem}.empty-state{text-align:center;color:#a0aec0;padding:3rem}.empty-state p:first-child{margin-bottom:.5rem;font-size:1.1rem}.example{color:#cbd5e0;font-size:.875rem}.history{color:#4a5568;overflow-wrap:break-word;background:#f7fafc;border-radius:.5rem;margin-top:.75rem;padding:.5rem;font-size:.75rem}.hist-bold{color:#2d3748;font-weight:700}.loading-more{text-align:center;background:#f7fafc;border-radius:.75rem;margin-top:1rem;padding:1.5rem}.loading-more p{color:#4a5568;margin-top:.5rem;font-size:.875rem}.end-message{text-align:center;color:#4a5568;background:#f7fafc;border-radius:.75rem;margin-top:1rem;padding:1.5rem}.search-container{z-index:10;position:sticky;top:1rem}.result-card{will-change:transform}