*{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;line-height:1.5;scroll-behavior:smooth}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f8fafc;color:#1e293b;min-height:100vh;will-change:scroll-position;contain:layout style paint}#app{display:flex;flex-direction:column;min-height:100vh}.app-header{background:linear-gradient(135deg,#2563eb,#1e40af);color:#fff;padding:1rem 0;box-shadow:0 2px 10px rgba(0,0,0,.1);position:sticky;top:0;z-index:100}.header-content{max-width:1200px;margin:0 auto;padding:0 1rem;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1rem}.logo h1{font-size:1.5rem;font-weight:700;margin-bottom:.25rem}.tagline{font-size:.875rem;opacity:.9}.header-nav{display:flex;gap:.5rem}.nav-btn{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);color:#fff;padding:.5rem 1rem;border-radius:.375rem;cursor:pointer;transition:all .2s ease;font-size:.875rem;font-weight:500}.nav-btn:hover{background:rgba(255,255,255,.2);transform:translateY(-1px)}.nav-btn.active{background:rgba(255,255,255,.25);border-color:rgba(255,255,255,.4)}.header-actions{display:flex;gap:.5rem;align-items:center}.health-btn{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);color:#fff;padding:.5rem 1rem;border-radius:.375rem;cursor:pointer;transition:all .2s ease;font-size:.875rem;display:flex;align-items:center;gap:.5rem}.health-btn:hover{background:rgba(255,255,255,.2)}.health-btn:disabled{opacity:.6;cursor:not-allowed}.status-indicator{width:8px;height:8px;border-radius:50%;background:#ef4444;display:inline-block}.status-indicator.healthy{background:#10b981}.status-indicator.unhealthy{background:#ef4444}.status-indicator.checking{background:#f59e0b;animation:pulse 1.5s infinite}main{flex:1;max-width:1200px;margin:0 auto;padding:2rem 1rem;width:100%}.content-container{display:flex;flex-direction:column;gap:2rem}.view{animation:fadeIn .3s ease-in-out}.view.hidden{display:none}.app-footer{background:#1e293b;color:#e2e8f0;padding:2rem 0 1rem;margin-top:auto}.footer-content{max-width:1200px;margin:0 auto;padding:0 1rem;display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;margin-bottom:2rem}.footer-section h4{font-size:1rem;font-weight:600;margin-bottom:.75rem;color:#f1f5f9}.footer-section ul{list-style:none;font-size:.875rem;line-height:1.6}.footer-section code{background:rgba(255,255,255,.1);padding:.125rem .25rem;border-radius:.25rem;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.8em}.footer-bottom{max-width:1200px;margin:0 auto;padding:1rem;border-top:1px solid #334155;text-align:center;font-size:.875rem;color:#94a3b8}.loading-container{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);display:none;align-items:center;justify-content:center;z-index:1000;backdrop-filter:blur(2px)}.loading-overlay{background:#fff;border-radius:.5rem;padding:2rem;box-shadow:0 10px 25px rgba(0,0,0,.2);text-align:center;max-width:300px;width:90%}.loading-content{display:flex;flex-direction:column;align-items:center;gap:1rem}.loading-message{font-size:.875rem;color:#64748b;margin:0}.initial-loading{position:fixed;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#2563eb,#1e40af);display:flex;align-items:center;justify-content:center;z-index:2000;color:#fff}.initial-loading .loading-content{text-align:center}.initial-loading h1{font-size:2rem;margin-bottom:.5rem}.initial-loading p{opacity:.8}.notifications-container{position:fixed;top:1rem;right:1rem;z-index:1100;display:flex;flex-direction:column;gap:.5rem;pointer-events:none}.notification{background:#fff;border-radius:.5rem;padding:1rem;box-shadow:0 4px 12px rgba(0,0,0,.15);border-left:4px solid #3b82f6;pointer-events:auto;cursor:pointer;transition:all .2s ease;max-width:400px;animation:slideIn .3s ease-out}.notification:hover{transform:translate(-2px);box-shadow:0 6px 16px rgba(0,0,0,.2)}.notification.success{border-left-color:#10b981;background:#f0fdf4;color:#166534}.notification.error{border-left-color:#ef4444;background:#fef2f2;color:#991b1b}.notification.warning{border-left-color:#f59e0b;background:#fffbeb;color:#92400e}.notification.info{border-left-color:#3b82f6;background:#eff6ff;color:#1e40af}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.container{max-width:1200px;margin:0 auto;padding:0 1rem}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.hidden{display:none}*:focus{outline:2px solid #2563eb;outline-offset:2px}button:focus,input:focus,select:focus{outline:2px solid #2563eb;outline-offset:2px}@media print{.app-header,.header-actions,.notifications-container,.loading-container{display:none}body{background:#fff;color:#000}.app-footer{background:#fff;color:#000;border-top:1px solid #e5e7eb}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.sr-only:focus{position:static;width:auto;height:auto;padding:inherit;margin:inherit;overflow:visible;clip:auto;white-space:inherit}.result-item:focus,.export-btn:focus,.history-item:focus,.btn:focus{outline:2px solid #3b82f6;outline-offset:2px;border-radius:.25rem}@media (prefers-contrast: high){.result-item,.export-btn,.history-item{border-width:2px}.btn{border-width:2px;font-weight:600}}@media (prefers-reduced-motion: reduce){.result-item,.export-btn,.history-item{transition:none}.result-item:hover,.export-btn:hover,.history-item:hover{transform:none}}.export-buttons{background:#fff;border-radius:.75rem;border:1px solid #e2e8f0;overflow:hidden}.export-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;background:#f8fafc;border-bottom:1px solid #e2e8f0}.export-header h4{margin:0;font-size:1.125rem;font-weight:600;color:#1f2937}.export-count{font-size:.875rem;color:#6b7280;background:#f3f4f6;padding:.25rem .75rem;border-radius:1rem}.export-formats{display:flex;flex-direction:column;gap:.75rem;padding:1.5rem}.export-btn{display:flex;align-items:center;gap:.75rem;padding:1rem;border:2px solid #e5e7eb;border-radius:.5rem;background:#fff;cursor:pointer;transition:all .2s ease;text-align:left;font-size:.875rem}.export-btn:hover:not(:disabled){border-color:#3b82f6;background:#f0f9ff}.export-btn:disabled{opacity:.5;cursor:not-allowed}.export-icon{font-size:1.25rem}.export-label{font-weight:600;color:#1f2937}.export-description{font-size:.75rem;color:#6b7280;margin-left:auto}.export-options{padding:1rem 1.5rem;background:#f9fafb;border-top:1px solid #e5e7eb}.option-group{margin-bottom:.75rem}.option-group:last-child{margin-bottom:0}.option-group label{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:#374151;cursor:pointer}.option-group input[type=checkbox]{margin:0}.export-status{padding:1rem 1.5rem;border-top:1px solid #e5e7eb;font-size:.875rem}.export-status-loading{background:#fef3c7;color:#92400e}.export-status-success{background:#d1fae5;color:#065f46}.export-status-error{background:#fee2e2;color:#991b1b}.export-status-info{background:#dbeafe;color:#1e40af}.status-icon{margin-right:.5rem}.status-message{font-weight:500}.search-history{background:#fff;border-radius:.75rem;border:1px solid #e2e8f0;overflow:hidden;max-height:600px;display:flex;flex-direction:column}.history-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;background:#f8fafc;border-bottom:1px solid #e2e8f0}.history-header h4{margin:0;font-size:1.125rem;font-weight:600;color:#1f2937}.history-actions{display:flex;gap:.5rem}.history-filters{padding:1rem 1.5rem;background:#f9fafb;border-bottom:1px solid #e5e7eb;display:flex;gap:1rem;align-items:center;flex-wrap:wrap}.filter-group{display:flex;align-items:center;gap:.5rem}.filter-group label{font-size:.875rem;color:#374151;font-weight:500}.filter-select{padding:.375rem .75rem;border:1px solid #d1d5db;border-radius:.375rem;font-size:.875rem;background:#fff}.history-search-input{padding:.375rem .75rem;border:1px solid #d1d5db;border-radius:.375rem;font-size:.875rem;min-width:200px}.history-list{flex:1;overflow-y:auto;padding:.5rem}.history-empty{text-align:center;padding:3rem 1.5rem;color:#6b7280}.empty-icon{font-size:3rem;margin-bottom:1rem;opacity:.5}.history-empty p{margin:0 0 .5rem;font-weight:500}.history-empty small{font-size:.875rem;opacity:.75}.history-loading{text-align:center;padding:3rem 1.5rem;color:#6b7280}.loading-spinner{font-size:2rem;margin-bottom:1rem;animation:spin 1s linear infinite}.history-error{text-align:center;padding:3rem 1.5rem;color:#dc2626}.error-icon{font-size:3rem;margin-bottom:1rem}.history-item{padding:1rem;border:1px solid #f3f4f6;border-radius:.5rem;margin-bottom:.75rem;cursor:pointer;transition:all .2s ease}.history-item:hover{border-color:#d1d5db;background:#f9fafb}.history-item.hovered{border-color:#3b82f6;background:#f0f9ff}.history-item-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:.5rem}.history-query{display:flex;align-items:center;gap:.5rem;flex:1;min-width:0}.history-mode{font-size:1rem;flex-shrink:0}.history-text{font-weight:500;color:#1f2937;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.history-actions{display:flex;gap:.25rem;flex-shrink:0}.history-item-details{font-size:.875rem;color:#6b7280}.history-meta{display:flex;gap:1rem;margin-bottom:.25rem;flex-wrap:wrap}.history-time,.history-results,.history-language{font-size:.75rem;background:#f3f4f6;padding:.125rem .5rem;border-radius:.25rem}.history-outcome{margin-top:.25rem}.outcome-status{font-size:.75rem;font-weight:500;padding:.125rem .5rem;border-radius:.25rem}.outcome-status.success{background:#d1fae5;color:#065f46}.outcome-status.empty{background:#fee2e2;color:#991b1b}.history-footer{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;background:#f8fafc;border-top:1px solid #e2e8f0;font-size:.875rem;color:#6b7280}.history-count{font-weight:500}.performance-info{background:#f0f9ff;border:1px solid #bfdbfe;border-radius:.5rem;padding:1rem;margin-bottom:1rem;display:flex;justify-content:space-between;align-items:center;gap:1rem}.performance-message{font-size:.875rem;color:#1e40af;flex:1}.performance-actions{display:flex;gap:.5rem}.virtual-scroll-container{position:relative;overflow:auto;border:1px solid #e5e7eb;border-radius:.5rem}.virtual-viewport{position:relative}.pagination-controls{display:flex;justify-content:space-between;align-items:center;padding:1rem;background:#f9fafb;border:1px solid #e5e7eb;border-radius:.5rem;margin-bottom:1rem}.pagination-info{font-size:.875rem;color:#6b7280;font-weight:500}.pagination-buttons{display:flex;align-items:center;gap:1rem}.pagination-page{font-size:.875rem;color:#374151;font-weight:500;min-width:100px;text-align:center}@media (max-width: 1024px){.search-layout{grid-template-columns:1fr;gap:1rem}.search-sidebar{order:-1}.search-history{max-height:400px}.performance-info{flex-direction:column;align-items:stretch;gap:.75rem}.performance-actions{justify-content:center}}@media (max-width: 768px){.history-filters{flex-direction:column;align-items:stretch}.history-search-input{min-width:auto}.export-formats{gap:.5rem}.export-btn{padding:.75rem;font-size:.8rem}.export-description{display:none}.pagination-controls{flex-direction:column;gap:.75rem}.pagination-buttons{justify-content:center}.performance-info{padding:.75rem}}.search-layout{display:grid;grid-template-columns:1fr 320px;gap:2rem;width:100%;max-width:1400px;margin:0 auto}.search-main{min-width:0}.search-sidebar{display:flex;flex-direction:column;gap:1.5rem}.search-filters{background:#fff;border-radius:.75rem;margin-top:1rem;border:1px solid #e2e8f0;overflow:hidden;transition:all .3s ease}.search-filters.hidden{max-height:0;opacity:0;margin:0}.search-filters.visible{max-height:1000px;opacity:1}.filters-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;background:#f8fafc;border-bottom:1px solid #e2e8f0}.filters-title{font-size:1.125rem;font-weight:600;color:#1f2937;margin:0}.filters-content{padding:1.5rem}.filter-group{margin-bottom:1.5rem}.filter-label{display:block;font-size:.875rem;font-weight:500;color:#374151;margin-bottom:.5rem}.filter-select,.filter-range{width:100%;padding:.5rem .75rem;border:1px solid #d1d5db;border-radius:.375rem;font-size:.875rem;transition:border-color .2s ease}.filter-select:focus,.filter-range:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px rgba(59,130,246,.1)}.rating-filter{display:flex;align-items:center;gap:1rem}.rating-display{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:#6b7280}.rating-stars{font-size:1rem}.price-filter{display:flex;gap:.75rem}.price-checkbox{display:flex;align-items:center;gap:.25rem;cursor:pointer;font-size:1.125rem;font-weight:600;color:#6b7280;transition:color .2s ease}.price-checkbox:hover{color:#374151}.price-checkbox input[type=checkbox]{margin-right:.25rem}.filter-options{display:flex;flex-direction:column;gap:.5rem}.filter-checkbox{display:flex;align-items:center;gap:.5rem;cursor:pointer;font-size:.875rem;color:#374151}.filter-checkbox input[type=checkbox]{margin:0}.filter-actions{display:flex;gap:.75rem;margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid #e2e8f0}.active-filters{margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid #e2e8f0}.active-filters-label{font-size:.875rem;font-weight:500;color:#374151;margin-bottom:.75rem}.active-filters-list{display:flex;flex-wrap:wrap;gap:.5rem}.filter-tag{display:inline-flex;align-items:center;gap:.25rem;padding:.25rem .5rem;border-radius:.25rem;font-size:.75rem;font-weight:500;background:#f3f4f6;color:#374151;border:1px solid #d1d5db}.filter-tag.category{background:#eff6ff;color:#1e40af;border-color:#bfdbfe}.filter-tag.rating{background:#fef3c7;color:#92400e;border-color:#fde68a}.filter-tag.price{background:#f0fdf4;color:#166534;border-color:#bbf7d0}.filter-tag.option{background:#f3e8ff;color:#6b21a8;border-color:#e9d5ff}.filter-tag.sort{background:#ecfdf5;color:#065f46;border-color:#a7f3d0}.filter-tag.language{background:#fef2f2;color:#991b1b;border-color:#fecaca}.filter-remove{background:none;border:none;color:#6b7280;cursor:pointer;font-size:1rem;line-height:1;padding:0;margin-left:.25rem;border-radius:.125rem;transition:all .2s ease}.filter-remove:hover{background:#e5e7eb;color:#374151}.no-filters{color:#9ca3af;font-style:italic;font-size:.875rem}.filter-message{margin-top:1rem;padding:.75rem;border-radius:.375rem;font-size:.875rem;animation:slideIn .3s ease}.filter-message.success{background:#f0fdf4;color:#166534;border:1px solid #bbf7d0}.filter-message.info{background:#eff6ff;color:#1e40af;border:1px solid #bfdbfe}.filter-help{display:block;font-size:.75rem;color:#6b7280;margin-top:.25rem;line-height:1.4}.progress-title{font-size:1.125rem;font-weight:600;color:#1f2937;margin:0}.progress-mode{display:flex;align-items:center}.mode-badge{display:inline-flex;align-items:center;gap:.25rem;padding:.25rem .75rem;border-radius:9999px;font-size:.75rem;font-weight:500;text-transform:uppercase;letter-spacing:.05em}.mode-badge.quick{background:#fef3c7;color:#92400e;border:1px solid #fde68a}.mode-badge.details{background:#dbeafe;color:#1e40af;border:1px solid #bfdbfe}.progress-bar-container{position:relative;margin-bottom:1rem}.progress-bar{width:100%;height:.75rem;background:#f3f4f6;border-radius:9999px;overflow:hidden;position:relative}.progress-fill{height:100%;background:linear-gradient(90deg,#3b82f6,#1d4ed8);border-radius:9999px;transition:width .3s ease;position:relative}.progress-pulse{position:absolute;top:0;right:0;width:1rem;height:100%;background:rgba(255,255,255,.3);border-radius:9999px;animation:pulse 1.5s ease-in-out infinite;display:none}@keyframes pulse{0%,to{opacity:.3}50%{opacity:.8}}.progress-percentage{position:absolute;right:.5rem;top:-1.5rem;font-size:.875rem;font-weight:600;color:#374151}.progress-details{margin-bottom:1rem}.progress-status{font-size:.875rem;color:#374151;margin-bottom:.5rem;font-weight:500}.progress-stats{display:flex;flex-wrap:wrap;gap:1rem;font-size:.75rem;color:#6b7280}.progress-stats span{display:flex;align-items:center;gap:.25rem}.progress-details-info{background:#f8fafc;border:1px solid #e2e8f0;border-radius:.5rem;padding:1rem;margin-top:1rem}.details-phase{display:flex;align-items:center;gap:.75rem;margin-bottom:.75rem}.phase-indicator{width:2rem;height:2rem;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.875rem;background:#f3f4f6;color:#6b7280;border:2px solid #e5e7eb}.phase-indicator.initializing{background:#fef3c7;color:#92400e;border-color:#fde68a;animation:spin 2s linear infinite}.phase-indicator.scraping{background:#dbeafe;color:#1e40af;border-color:#bfdbfe}.phase-indicator.extracting{background:#f0fdf4;color:#166534;border-color:#bbf7d0}.phase-indicator.validating{background:#f3e8ff;color:#6b21a8;border-color:#e9d5ff}.phase-indicator.processing{background:#ecfdf5;color:#065f46;border-color:#a7f3d0}.phase-text{font-size:.875rem;color:#374151;font-weight:500}.current-item{display:flex;align-items:center;gap:.5rem;font-size:.75rem;color:#6b7280}.item-label{font-weight:500}.item-name{color:#1f2937;font-weight:600;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.progress-metrics{background:#f8fafc;border:1px solid #e2e8f0;border-radius:.5rem;padding:1rem;margin-top:1rem;display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem}.metric-item{display:flex;flex-direction:column;gap:.25rem}.metric-label{font-size:.75rem;color:#6b7280;font-weight:500}.metric-value{font-size:.875rem;color:#1f2937;font-weight:600}.search-form{background:#fff;border-radius:.75rem;padding:2rem;box-shadow:0 4px 6px rgba(0,0,0,.05);border:1px solid #e2e8f0;transition:all .2s ease}.search-form.submitting{opacity:.8;pointer-events:none}.form-help{display:block;font-size:.75rem;color:#6b7280;margin-top:.25rem;line-height:1.4}.form-message{margin-top:1rem;padding:.75rem;border-radius:.375rem;font-size:.875rem;display:none}.form-message.info{background:#eff6ff;color:#1e40af;border:1px solid #bfdbfe}.form-message.error{background:#fef2f2;color:#991b1b;border:1px solid #fecaca}.form-message.success{background:#f0fdf4;color:#166534;border:1px solid #bbf7d0}.btn-text.hidden,.btn-spinner.hidden{display:none}.btn-spinner{display:inline-flex;align-items:center;gap:.5rem}.form-group{margin-bottom:1.5rem}.form-group:last-child{margin-bottom:0}.form-label{display:block;font-weight:600;margin-bottom:.5rem;color:#374151;font-size:.875rem}.form-input,.form-select{width:100%;padding:.75rem 1rem;border:2px solid #e5e7eb;border-radius:.5rem;font-size:1rem;transition:all .2s ease;background:#fff}.form-input:focus,.form-select:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 3px rgba(37,99,235,.1)}.form-input.error,.form-select.error{border-color:#ef4444}.form-error{color:#ef4444;font-size:.875rem;margin-top:.25rem;display:flex;align-items:center;gap:.25rem}.form-checkbox{display:flex;align-items:center;gap:.5rem;cursor:pointer}.form-checkbox input[type=checkbox]{width:1.25rem;height:1.25rem;cursor:pointer}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}@media (max-width: 768px){.form-row{grid-template-columns:1fr}}.btn{padding:.75rem 1.5rem;border:none;border-radius:.5rem;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease;display:inline-flex;align-items:center;gap:.5rem;text-decoration:none;justify-content:center;min-height:44px}.btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.btn-primary{background:linear-gradient(135deg,#2563eb,#1e40af);color:#fff;box-shadow:0 2px 4px rgba(37,99,235,.2)}.btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#1d4ed8,#1e40af);transform:translateY(-1px);box-shadow:0 4px 8px rgba(37,99,235,.3)}.btn-secondary{background:#f3f4f6;color:#374151;border:1px solid #d1d5db}.btn-secondary:hover:not(:disabled){background:#e5e7eb;transform:translateY(-1px)}.btn-outline{background:transparent;color:#2563eb;border:2px solid #2563eb}.btn-outline:hover:not(:disabled){background:#2563eb;color:#fff;transform:translateY(-1px)}.btn-danger{background:#ef4444;color:#fff}.btn-danger:hover:not(:disabled){background:#dc2626;transform:translateY(-1px)}.btn-sm{padding:.5rem 1rem;font-size:.875rem}.btn-lg{padding:1rem 2rem;font-size:1.125rem}.btn-group{display:flex;gap:.5rem;flex-wrap:wrap}.results-container{background:#fff;border-radius:.75rem;padding:1.5rem;box-shadow:0 4px 6px rgba(0,0,0,.05);border:1px solid #e2e8f0}.results-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid #e5e7eb}.results-title{font-size:1.25rem;font-weight:700;color:#1f2937}.results-meta{color:#6b7280;font-size:.875rem}.results-list{display:flex;flex-direction:column;gap:1rem}.result-item{background:#f9fafb;border:1px solid #e5e7eb;border-radius:.5rem;padding:1.5rem;transition:all .2s ease;cursor:pointer;position:relative}.result-item:hover{border-color:#2563eb;box-shadow:0 2px 8px rgba(37,99,235,.1);transform:translateY(-1px)}.result-item.quick-mode{border-left:4px solid #10b981}.result-item.details-mode{border-left:4px solid #2563eb}.result-item.highlighted{border-color:#2563eb;background:#eff6ff;box-shadow:0 4px 12px rgba(37,99,235,.15)}.result-item.hovered{transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.1)}.mode-indicator{font-size:.75rem;padding:.125rem .5rem;border-radius:1rem;font-weight:500;text-transform:uppercase;letter-spacing:.025em;margin-left:.5rem}.mode-indicator.quick{background:#d1fae5;color:#065f46}.mode-indicator.details{background:#dbeafe;color:#1e40af}.quick-info{background:#f0fdf4;border:1px solid #bbf7d0;border-radius:.375rem;padding:.75rem;margin-top:.5rem}.quick-description{font-size:.875rem;color:#166534;margin:0;line-height:1.4}.result-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:.75rem}.result-name{font-size:1.125rem;font-weight:600;color:#1f2937;margin-bottom:.25rem;line-height:1.4}.result-rating{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:#6b7280}.result-category{background:#e5e7eb;color:#374151;padding:.25rem .75rem;border-radius:1rem;font-size:.75rem;font-weight:500;text-transform:uppercase;letter-spacing:.025em}.result-details{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-top:1rem}.result-detail{display:flex;flex-direction:column;gap:.25rem}.result-detail-label{font-size:.75rem;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.025em}.result-detail-value{font-size:.875rem;color:#1f2937;word-break:break-word}.result-detail-value a{color:#2563eb;text-decoration:none}.result-detail-value a:hover{text-decoration:underline}.search-progress{background:#fff;border-radius:.75rem;padding:1.5rem;box-shadow:0 4px 6px rgba(0,0,0,.05);border:1px solid #e2e8f0}.progress-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.progress-title{font-weight:600;color:#1f2937}.progress-time{font-size:.875rem;color:#6b7280}.progress-bar{width:100%;height:.75rem;background:#e5e7eb;border-radius:.375rem;overflow:hidden;margin-bottom:1rem}.progress-fill{height:100%;background:linear-gradient(90deg,#2563eb,#1e40af);border-radius:.375rem;transition:width .3s ease;position:relative}.progress-fill:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:shimmer 2s infinite}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.progress-details{display:flex;justify-content:space-between;font-size:.875rem;color:#6b7280}.search-filters{background:#fff;border-radius:.75rem;padding:1.5rem;box-shadow:0 4px 6px rgba(0,0,0,.05);border:1px solid #e2e8f0;margin-bottom:1rem}.filters-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.filters-title{font-weight:600;color:#1f2937}.filters-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.export-buttons{display:flex;gap:.5rem;flex-wrap:wrap}.export-btn{padding:.5rem 1rem;border:1px solid #d1d5db;border-radius:.375rem;background:#fff;color:#374151;font-size:.875rem;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:.5rem}.export-btn:hover{border-color:#2563eb;color:#2563eb;background:#eff6ff}.search-history{background:#fff;border-radius:.75rem;padding:1.5rem;box-shadow:0 4px 6px rgba(0,0,0,.05);border:1px solid #e2e8f0}.history-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.history-title{font-size:1.25rem;font-weight:700;color:#1f2937}.history-list{display:flex;flex-direction:column;gap:.75rem}.history-item{padding:1rem;background:#f9fafb;border:1px solid #e5e7eb;border-radius:.5rem;cursor:pointer;transition:all .2s ease}.history-item:hover{border-color:#2563eb;background:#eff6ff}.history-query{font-weight:600;color:#1f2937;margin-bottom:.25rem}.history-meta{font-size:.875rem;color:#6b7280;display:flex;gap:1rem}.history-actions{display:flex;gap:.5rem;margin-top:.5rem}.spinner{width:40px;height:40px;border:4px solid #e5e7eb;border-top:4px solid #2563eb;border-radius:50%;animation:spin 1s linear infinite}.spinner-sm{width:24px;height:24px;border-width:3px}.spinner-lg{width:56px;height:56px;border-width:6px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.dots{display:flex;gap:.5rem}.dots span{width:12px;height:12px;background:#2563eb;border-radius:50%;animation:bounce 1.4s infinite ease-in-out both}.dots span:nth-child(1){animation-delay:-.32s}.dots span:nth-child(2){animation-delay:-.16s}@keyframes bounce{0%,80%,to{transform:scale(0)}40%{transform:scale(1)}}.empty-state{text-align:center;padding:3rem 1rem;color:#6b7280}.empty-state-icon{font-size:3rem;margin-bottom:1rem;opacity:.5}.empty-state-title{font-size:1.25rem;font-weight:600;margin-bottom:.5rem;color:#374151}.empty-state-description{font-size:.875rem;margin-bottom:1.5rem;max-width:400px;margin-left:auto;margin-right:auto}.error-state{background:#fef2f2;border:1px solid #fecaca;border-radius:.5rem;padding:1rem;color:#991b1b;display:flex;align-items:center;gap:.75rem}.error-icon{font-size:1.25rem}.error-message{flex:1;font-size:.875rem}.error-actions{display:flex;gap:.5rem;margin-top:.75rem}.contact-item{display:flex;gap:1rem;margin-bottom:1rem;padding:1rem;background:#f8fafc;border-radius:.5rem;border:1px solid #e2e8f0;transition:all .2s ease;position:relative}.contact-item:hover{background:#f1f5f9;border-color:#cbd5e1;transform:translateY(-1px);box-shadow:0 2px 8px rgba(0,0,0,.05)}.contact-item.phone-item{border-left:4px solid #10b981}.contact-item.website-item{border-left:4px solid #3b82f6}.contact-item.address-item{border-left:4px solid #f59e0b}.contact-item.hours-item{border-left:4px solid #8b5cf6}.contact-item.email-item{border-left:4px solid #ef4444}.contact-item.social-item{border-left:4px solid #ec4899}.contact-icon{width:2.5rem;height:2.5rem;border-radius:50%;background:#fff;display:flex;align-items:center;justify-content:center;font-size:1.25rem;border:2px solid #e2e8f0;flex-shrink:0;box-shadow:0 2px 4px rgba(0,0,0,.05)}.contact-info{flex:1;min-width:0}.contact-label{font-size:.75rem;font-weight:600;color:#374151;margin-bottom:.5rem;text-transform:uppercase;letter-spacing:.05em;display:flex;align-items:center;gap:.5rem}.hours-status{display:inline-flex;align-items:center;gap:.25rem;padding:.125rem .5rem;border-radius:9999px;font-size:.625rem;font-weight:500;text-transform:uppercase;letter-spacing:.05em}.hours-status.open{background:#f0fdf4;color:#166534;border:1px solid #bbf7d0}.hours-status.closed{background:#fef2f2;color:#991b1b;border:1px solid #fecaca}.hours-status.unknown{background:#fef3c7;color:#92400e;border:1px solid #fde68a}.contact-value{font-size:.875rem;color:#1f2937;line-height:1.5}.contact-link{color:#3b82f6;text-decoration:none;font-weight:500;transition:color .2s ease;word-break:break-word}.contact-link:hover{color:#1d4ed8;text-decoration:underline}.phone-link{font-size:1rem;font-weight:600}.website-link{font-size:.875rem}.website-preview{margin-top:.25rem}.url-preview{font-size:.75rem;color:#6b7280;word-break:break-all;font-family:Monaco,Menlo,Ubuntu Mono,monospace}.address-text{font-weight:500;margin-bottom:.5rem}.address-parts{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:.5rem;margin-bottom:.75rem}.address-part{font-size:.75rem;color:#6b7280;background:#fff;padding:.25rem .5rem;border-radius:.25rem;border:1px solid #e5e7eb}.address-part.street{grid-column:1 / -1;font-weight:500;color:#374151}.hours-text{margin-bottom:.5rem;line-height:1.6}.today-hours{background:#eff6ff;padding:.5rem;border-radius:.375rem;border:1px solid #bfdbfe;font-size:.875rem;color:#1e40af;margin-top:.5rem}.social-links{display:flex;flex-wrap:wrap;gap:.75rem}.social-link{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem .75rem;background:#fff;border:1px solid #e2e8f0;border-radius:.5rem;text-decoration:none;color:#374151;font-size:.875rem;font-weight:500;transition:all .2s ease}.social-link:hover{background:#f8fafc;border-color:#cbd5e1;transform:translateY(-1px);box-shadow:0 2px 4px rgba(0,0,0,.05)}.social-icon{font-size:1rem}.social-name{font-size:.75rem}.contact-actions{display:flex;gap:.5rem;margin-top:.75rem;flex-wrap:wrap}.action-btn{padding:.375rem .75rem;border:1px solid #d1d5db;border-radius:.375rem;background:#fff;color:#374151;font-size:.75rem;cursor:pointer;transition:all .2s ease;display:inline-flex;align-items:center;gap:.375rem;font-weight:500;text-decoration:none}.action-btn:hover{background:#f9fafb;border-color:#9ca3af;color:#1f2937;transform:translateY(-1px);box-shadow:0 2px 4px rgba(0,0,0,.05)}.action-btn:active{transform:translateY(0)}.no-details{text-align:center;padding:2rem;color:#6b7280;font-style:italic}.no-details-icon{font-size:3rem;margin-bottom:1rem;opacity:.5}.result-notification{position:absolute;top:.5rem;right:.5rem;padding:.5rem .75rem;border-radius:.375rem;font-size:.75rem;font-weight:500;z-index:10;animation:slideIn .3s ease;box-shadow:0 4px 12px rgba(0,0,0,.15)}.result-notification.success{background:#f0fdf4;color:#166534;border:1px solid #bbf7d0}.result-notification.error{background:#fef2f2;color:#991b1b;border:1px solid #fecaca}.result-notification.info{background:#eff6ff;color:#1e40af;border:1px solid #bfdbfe}.website-preview-modal{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .3s ease}.preview-content{background:#fff;border-radius:.75rem;max-width:500px;width:90%;max-height:80vh;overflow:auto;box-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 10px 10px -5px rgba(0,0,0,.04)}.preview-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid #e2e8f0}.preview-header h3{margin:0;font-size:1.125rem;font-weight:600;color:#1f2937}.close-preview{background:none;border:none;font-size:1.5rem;color:#6b7280;cursor:pointer;padding:.25rem;line-height:1;border-radius:.25rem;transition:all .2s ease}.close-preview:hover{background:#f3f4f6;color:#374151}.preview-body{padding:1.5rem}.preview-url{font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.875rem;color:#374151;background:#f8fafc;padding:.75rem;border-radius:.375rem;border:1px solid #e2e8f0;word-break:break-all;margin-bottom:1rem}.preview-actions{display:flex;gap:.75rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media (min-width: 1200px){.header-content{padding:0 2rem}main{padding:3rem 2rem}.footer-content{padding:0 2rem}.search-form{padding:2.5rem}.results-container{padding:2rem}}@media (min-width: 1024px) and (max-width: 1199px){.header-content{flex-wrap:nowrap}.form-row{grid-template-columns:1fr 1fr 1fr}.result-details{grid-template-columns:repeat(3,1fr)}}@media (min-width: 768px) and (max-width: 1023px){.header-content{flex-direction:column;align-items:stretch;gap:1rem}.logo{text-align:center}.header-nav,.header-actions{justify-content:center}.footer-content{grid-template-columns:repeat(2,1fr)}.search-form{padding:1.5rem}.form-row{grid-template-columns:1fr 1fr}.results-header,.result-header{flex-direction:column;align-items:flex-start;gap:.5rem}.result-details,.filters-grid{grid-template-columns:1fr 1fr}}@media (min-width: 480px) and (max-width: 767px){.header-content{padding:0 1rem}.logo h1{font-size:1.25rem}.tagline{font-size:.75rem}.header-nav{flex-wrap:wrap;justify-content:center}.nav-btn,.health-btn{padding:.375rem .75rem;font-size:.75rem}main{padding:1rem}.content-container{gap:1rem}.search-form{padding:1rem}.form-row{grid-template-columns:1fr}.btn{padding:.625rem 1.25rem;font-size:.875rem}.btn-lg{padding:.75rem 1.5rem;font-size:1rem}.results-container{padding:1rem}.results-title{font-size:1.125rem}.result-item{padding:1rem}.result-name{font-size:1rem}.result-details{grid-template-columns:1fr;gap:.75rem}.result-detail{gap:.125rem}.result-detail-label{font-size:.6875rem}.result-detail-value{font-size:.75rem}.search-progress{padding:1rem}.progress-header{flex-direction:column;align-items:flex-start;gap:.5rem}.search-filters{padding:1rem}.filters-grid{grid-template-columns:1fr}.export-buttons{flex-direction:column}.export-btn{justify-content:center}.search-history{padding:1rem}.history-header{flex-direction:column;align-items:flex-start;gap:.5rem}.history-meta{flex-direction:column;gap:.25rem}.history-actions{flex-direction:column}.footer-content{grid-template-columns:1fr;gap:1.5rem}.notifications-container{top:.5rem;right:.5rem;left:.5rem}.notification{max-width:none}}@media (max-width: 479px){.header-content{padding:0 .75rem}.logo h1{font-size:1.125rem}.nav-btn,.health-btn{padding:.25rem .5rem;font-size:.6875rem}.status-indicator{width:6px;height:6px}main{padding:.75rem}.search-form{padding:.75rem}.form-group{margin-bottom:1rem}.form-label{font-size:.75rem;margin-bottom:.375rem}.form-input,.form-select{padding:.625rem .75rem;font-size:.875rem}.btn{padding:.5rem 1rem;font-size:.75rem;min-height:40px}.btn-sm{padding:.375rem .75rem;font-size:.6875rem;min-height:36px}.results-container{padding:.75rem}.results-title{font-size:1rem}.results-meta{font-size:.75rem}.result-item{padding:.75rem}.result-name{font-size:.875rem}.result-rating{font-size:.75rem}.result-category{font-size:.625rem;padding:.125rem .5rem}.result-detail-label{font-size:.625rem}.result-detail-value{font-size:.6875rem}.search-progress{padding:.75rem}.progress-title{font-size:.875rem}.progress-time{font-size:.75rem}.progress-bar{height:.5rem}.progress-details{font-size:.75rem}.search-filters{padding:.75rem}.filters-title{font-size:.875rem}.export-btn{padding:.375rem .75rem;font-size:.6875rem}.search-history{padding:.75rem}.history-title{font-size:1rem}.history-query{font-size:.875rem}.history-meta{font-size:.6875rem}.footer-content{padding:0 .75rem}.footer-section h4{font-size:.875rem}.footer-section ul{font-size:.75rem}.footer-bottom{font-size:.75rem;padding:.75rem}.loading-overlay{margin:1rem;padding:1.5rem}.loading-message{font-size:.75rem}.spinner{width:32px;height:32px;border-width:3px}.spinner-sm{width:20px;height:20px;border-width:2px}.spinner-lg{width:48px;height:48px;border-width:5px}}@media (max-width: 767px) and (orientation: landscape){.header-content{flex-direction:row;align-items:center}.logo{text-align:left}.header-nav{justify-content:flex-start}.header-actions{justify-content:flex-end}.content-container{gap:.75rem}.search-form{padding:1rem}.form-row,.result-details{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}}@media (-webkit-min-device-pixel-ratio: 2),(min-resolution: 192dpi){.status-indicator{border:1px solid rgba(255,255,255,.3)}.form-input,.form-select,.btn{border-width:1px}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.spinner{animation:none;border:4px solid #e5e7eb;border-top-color:#2563eb}.dots span{animation:none;opacity:1}.progress-fill:after{animation:none}}@media (prefers-color-scheme: dark){body{background-color:#0f172a;color:#f1f5f9}.search-form,.results-container,.search-progress,.search-filters,.search-history{background:#1e293b;border-color:#334155}.form-input,.form-select{background:#1e293b;border-color:#475569;color:#f1f5f9}.form-input:focus,.form-select:focus{border-color:#60a5fa;box-shadow:0 0 0 3px rgba(96,165,250,.1)}.result-item{background:#334155;border-color:#475569}.result-item:hover{border-color:#60a5fa}.history-item{background:#334155;border-color:#475569}.history-item:hover{border-color:#60a5fa;background:#1e293b}.notification{background:#1e293b;color:#f1f5f9}.notification.success{background:#064e3b;color:#6ee7b7}.notification.error{background:#7f1d1d;color:#fca5a5}.notification.warning{background:#78350f;color:#fcd34d}.notification.info{background:#1e3a8a;color:#93c5fd}}@media print{.header-nav,.header-actions,.export-buttons,.history-actions,.btn-group{display:none!important}.search-form,.results-container,.search-progress,.search-filters,.search-history{box-shadow:none;border:1px solid #000;break-inside:avoid}.result-item{break-inside:avoid;page-break-inside:avoid}.result-detail{break-inside:avoid}}@media (prefers-reduced-data: reduce){.result-item img,.export-icon,.history-icon{display:none}.search-layout{grid-template-columns:1fr}.search-sidebar{display:none}*{background-image:none!important}}@media (min-width: 1400px){.search-layout{grid-template-columns:1fr 380px;max-width:1600px}.results-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(400px,1fr));gap:1.5rem}.result-item{margin:0}}@media (min-width: 1920px){.search-layout{max-width:1800px}.results-list{grid-template-columns:repeat(auto-fill,minmax(450px,1fr))}}@media (hover: none) and (pointer: coarse){.btn,.result-item,.history-item{min-height:44px;min-width:44px}.export-btn{padding:1.25rem}.form-input,.form-select{min-height:44px;font-size:16px}.result-item:hover,.history-item:hover{border-color:#d1d5db;background:transparent}.result-item:active,.history-item:active{border-color:#3b82f6;background:#f0f9ff}}@media (prefers-reduced-motion: no-preference){.result-item:focus,.history-item:focus,.export-btn:focus{outline:2px solid #3b82f6;outline-offset:2px}}@container (min-width: 768px){.search-layout{grid-template-columns:1fr 320px}}@container (min-width: 1024px){.search-layout{grid-template-columns:1fr 380px}}@media (min-resolution: 120dpi){body{font-size:.9rem}}@media (min-resolution: 144dpi){body{font-size:.85rem}}@media (color-gamut: p3){.btn-primary{background:#008ff0;background:color(display-p3 .149 .545 .976)}.status-indicator.healthy{background:#00df7d;background:color(display-p3 .365 .867 .514)}}@media (dynamic-range: high){.result-item{background:linear-gradient(#fff,#fafafa)}}