:root{--primary-color:#0066cc;--primary-hover:#0052a3;--secondary-color:#f8f9fa;--accent-color:#ff6b35;--text-color:#333333;--text-light:#666666;--text-muted:#999999;--border-color:#e1e5e9;--background-color:#ffffff;--background-light:#f8f9fa;--success-color:#28a745;--warning-color:#ffc107;--error-color:#dc3545;--sponsored-bg:#fff8e1;--sponsored-border:#ffc107;--font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;--font-size-base:16px;--font-size-sm:14px;--font-size-lg:18px;--font-size-xl:20px;--font-size-2xl:24px;--font-size-3xl:32px;--spacing-xs:4px;--spacing-sm:8px;--spacing-md:16px;--spacing-lg:24px;--spacing-xl:32px;--spacing-2xl:48px;--spacing-3xl:64px;--container-max-width:1200px;--header-height:80px;--border-radius:8px;--border-radius-sm:4px;--border-radius-lg:12px;--shadow-sm:0 1px 3px rgba(0, 0, 0, 0.1);--shadow-md:0 4px 6px rgba(0, 0, 0, 0.1);--shadow-lg:0 10px 15px rgba(0, 0, 0, 0.1);--transition-fast:0.15s ease;--transition-normal:0.3s ease;--transition-slow:0.5s ease}*{box-sizing:border-box;margin:0;padding:0}html{font-size:var(--font-size-base);line-height:1.6;-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-family);color:var(--text-color);background-color:var(--background-color);min-height:100vh;display:flex;flex-direction:column}.container{max-width:var(--container-max-width);margin:0;padding:0 var(--spacing-md)}@media(max-width:768px){.container{padding:0 var(--spacing-sm)}}.header{background-color:var(--background-color);border-bottom:1px solid var(--border-color);box-shadow:var(--shadow-sm);position:sticky;top:0;z-index:100;height:var(--header-height)}.header .container{max-width:900px!important;margin:0 auto!important;padding:0 var(--spacing-md)!important;width:100%!important;display:block!important}.header-content{display:flex;align-items:center;justify-content:center;height:100%;gap:5px;padding:20px 0}.logo{display:flex;align-items:center;gap:var(--spacing-sm);flex-shrink:0}.logo a{display:flex;align-items:center;gap:var(--spacing-sm);text-decoration:none;color:var(--text-color)}.logo a:hover{opacity:.8}.logo img{height:32px;width:auto}.search-container{flex:1;margin:0}.search-form{position:relative;width:100%}.search-input-wrapper{position:relative;display:flex;align-items:center}.search-input{width:100%;padding:var(--spacing-sm) var(--spacing-md);padding-right:50px;border:2px solid var(--border-color);border-radius:var(--border-radius-lg);font-size:var(--font-size-base);background-color:var(--background-color);transition:border-color var(--transition-fast)}.search-input:focus{outline:0;border-color:var(--primary-color);box-shadow:0 0 0 3px rgba(0,102,204,.1)}.search-input::placeholder{color:var(--text-muted)}@media(max-width:768px){.search-input{font-size:16px;padding:var(--spacing-md);padding-right:60px;height:48px;border-radius:var(--border-radius)}}.search-button{position:absolute;right:var(--spacing-sm);top:50%;transform:translateY(-50%);background:0 0;border:none;padding:var(--spacing-sm);cursor:pointer;color:var(--text-muted);border-radius:var(--border-radius-sm);transition:color var(--transition-fast)}.search-button:hover{color:var(--primary-color)}.search-button:focus{outline:0;color:var(--primary-color)}@media(max-width:768px){.search-button{right:var(--spacing-md);padding:var(--spacing-md);min-width:44px;min-height:44px;display:flex;align-items:center;justify-content:center}}.search-icon{display:block}.main{flex:1;padding:var(--spacing-2xl) 0;display:flex;flex-direction:column;align-items:center}.results-header{margin-bottom:var(--spacing-xl);padding-bottom:var(--spacing-lg);border-bottom:1px solid var(--border-color)}.results-title{font-size:var(--font-size-2xl);font-weight:600;color:var(--text-color);margin-bottom:var(--spacing-sm)}.results-title .query-text{color:var(--primary-color);font-weight:700}.results-count{color:var(--text-light);font-size:var(--font-size-sm)}.search-results-container{max-width:900px;margin:0 auto;width:100%;flex:1;display:flex;flex-direction:column}.search-results{display:flex;flex-direction:column;gap:var(--spacing-xl)}.search-result{padding:var(--spacing-xl);border:1px solid var(--border-color);border-radius:var(--border-radius-lg);background-color:var(--background-color);transition:all var(--transition-fast)}.search-result:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.search-result.sponsored{background-color:var(--sponsored-bg);border-color:var(--sponsored-border);position:relative}.search-result.sponsored::before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--sponsored-border),var(--accent-color));border-radius:var(--border-radius-lg) var(--border-radius-lg) 0 0}.result-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--spacing-md);margin-bottom:var(--spacing-sm)}.result-title{font-size:var(--font-size-lg);font-weight:600;line-height:1.4;flex:1}.result-title a{color:var(--primary-color);text-decoration:none}.result-title a:hover{text-decoration:underline}.result-title a:visited{color:purple}.sponsored-badge{background-color:var(--sponsored-border);color:var(--text-color);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--border-radius-sm);font-size:var(--font-size-sm);font-weight:600;text-transform:uppercase;letter-spacing:.5px;flex-shrink:0}.result-description{color:var(--text-light);line-height:1.6;margin-bottom:var(--spacing-md)}.result-meta{display:flex;align-items:center;gap:var(--spacing-md);font-size:var(--font-size-sm);color:var(--text-muted)}.result-domain{color:var(--success-color);font-weight:500}.result-date{color:var(--text-muted)}.no-results{text-align:center;padding:var(--spacing-3xl) var(--spacing-lg);flex:1;display:flex;flex-direction:column;justify-content:center}.no-results h3{font-size:var(--font-size-xl);color:var(--text-color);margin-bottom:var(--spacing-md)}.no-results p{color:var(--text-light);margin-bottom:var(--spacing-xl)}.search-suggestions h4{font-size:var(--font-size-lg);color:var(--text-color);margin-bottom:var(--spacing-md)}.search-suggestions ul{list-style:none;display:flex;flex-wrap:wrap;gap:var(--spacing-sm);justify-content:center}.search-suggestions ul li a{display:inline-block;padding:var(--spacing-sm) var(--spacing-md);background-color:var(--secondary-color);color:var(--text-color);text-decoration:none;border-radius:var(--border-radius);transition:background-color var(--transition-fast)}.search-suggestions ul li a:hover{background-color:var(--primary-color);color:var(--background-color)}.welcome-message{text-align:center;padding:var(--spacing-3xl) var(--spacing-lg);flex:1;display:flex;flex-direction:column;justify-content:center}.welcome-message h2{font-size:var(--font-size-3xl);color:var(--text-color);margin-bottom:var(--spacing-lg)}.welcome-message p{font-size:var(--font-size-lg);color:var(--text-light);margin-bottom:var(--spacing-2xl)}.popular-searches h3{font-size:var(--font-size-xl);color:var(--text-color);margin-bottom:var(--spacing-lg)}.search-tags{display:flex;flex-wrap:wrap;gap:var(--spacing-sm);justify-content:center}.search-tag{display:inline-block;padding:var(--spacing-sm) var(--spacing-md);background-color:var(--primary-color);color:var(--background-color);text-decoration:none;border-radius:var(--border-radius);font-weight:500;transition:background-color var(--transition-fast)}.search-tag:hover{background-color:var(--primary-hover)}.loading{text-align:center;padding:var(--spacing-2xl);color:var(--text-light);font-size:var(--font-size-lg)}.error{text-align:center;padding:var(--spacing-2xl);color:var(--error-color);background-color:#fef2f2;border:1px solid #fecaca;border-radius:var(--border-radius);margin:var(--spacing-lg) 0}.footer{background-color:var(--background-light);border-top:1px solid var(--border-color);margin-top:auto;padding:var(--spacing-2xl) 0 var(--spacing-lg)}.footer-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--spacing-xl);margin-bottom:var(--spacing-xl)}.footer-section h4.footer-title{font-size:var(--font-size-lg);font-weight:600;color:var(--text-color);margin-bottom:var(--spacing-md)}.footer-section p.footer-description{color:var(--text-light);line-height:1.6}.footer-links{list-style:none}.footer-links li{margin-bottom:var(--spacing-sm)}.footer-links li a{color:var(--text-light);text-decoration:none;transition:color var(--transition-fast)}.footer-links li a:hover{color:var(--primary-color)}.footer-bottom{display:flex;justify-content:space-between;align-items:center;padding-top:var(--spacing-lg);border-top:1px solid var(--border-color)}@media(max-width:768px){.footer-bottom{flex-direction:column;gap:var(--spacing-md);text-align:center}}.footer-copyright{color:var(--text-muted);font-size:var(--font-size-sm)}.footer-links-bottom{display:flex;gap:var(--spacing-lg)}.footer-links-bottom a{color:var(--text-muted);text-decoration:none;font-size:var(--font-size-sm);transition:color var(--transition-fast)}.footer-links-bottom a:hover{color:var(--primary-color)}.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}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.mb-0{margin-bottom:0}.mb-1{margin-bottom:var(--spacing-xs)}.mb-2{margin-bottom:var(--spacing-sm)}.mb-3{margin-bottom:var(--spacing-md)}.mb-4{margin-bottom:var(--spacing-lg)}.mb-5{margin-bottom:var(--spacing-xl)}.mt-0{margin-top:0}.mt-1{margin-top:var(--spacing-xs)}.mt-2{margin-top:var(--spacing-sm)}.mt-3{margin-top:var(--spacing-md)}.mt-4{margin-top:var(--spacing-lg)}.mt-5{margin-top:var(--spacing-xl)}