body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;color:#202124;--accent-color: #28a745;margin:0;padding:0 24px;display:flex;flex-direction:column;min-height:100vh;background-color:#f8f9fa}main{flex-grow:1}.container{width:100%;max-width:800px;padding:20px;align-self:center;display:flex;flex-direction:column;flex:1}header{text-align:center;margin-bottom:2.5rem}h1{font-size:2.5rem;font-weight:700;margin-bottom:.25rem;color:#000;background:linear-gradient(135deg,black 40%,silver 50%,black 60%);background-size:200% 200%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:shine 3s infinite}@keyframes shine{0%{background-position:100% 100%}to{background-position:0% 0%}}h2{font-size:1.1rem;color:gray;margin-top:0}.search-box{display:flex;margin-bottom:2.5rem;border:1px solid var(--border-color);box-shadow:0 1px 6px var(--box-shadow-color);border-radius:24px;overflow:hidden;transition:box-shadow .2s ease,border-color .2s ease;background-color:#fff}.search-box:hover,.search-box:focus-within{box-shadow:0 4px 12px #00000026}input[name=prompt]{flex-grow:1;padding:16px 24px;font-size:16px;border:none;outline:none;background:transparent}button{background-color:transparent;border:none;padding:0 24px;cursor:pointer;transition:background-color .2s ease}button:hover{background-color:#00000008}.search-box button svg{fill:var(--accent-color)}#searchResults{padding:10px 0}.search-result-item{margin-bottom:2.5rem}.ai-response-block{font-size:1.05rem;line-height:1.8;color:#3c4043}.ai-response-block h1,.ai-response-block h2,.ai-response-block h3,.ai-response-block h4{color:var(--text-color);margin-top:2em;margin-bottom:.8em;font-weight:600}.ai-response-block a{color:var(--accent-color);text-decoration:none}.ai-response-block a:hover{text-decoration:underline}footer{display:flex;justify-content:center;align-items:center;font-size:.8rem;padding:2.5rem 0;color:var(--secondary-text-color);max-width:800px;width:100%;margin:0 auto}footer a{color:var(--secondary-text-color);transition:color .2s ease;margin:0 10px}footer a:hover{color:#00f}footer svg{width:20px;height:20px}.spinner-container{display:flex;justify-content:center;padding:40px 20px}.loading-spinner{width:60px;height:60px;position:relative}.loading-spinner:before,.loading-spinner:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;border-radius:50%;border:3px solid transparent;border-top-color:var(--accent-color)}.loading-spinner:before{animation:spin 1.5s linear infinite}.loading-spinner:after{animation:spin 2s linear reverse infinite;border-top-color:#6c757d;transform:scale(.8)}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes slideUpFadeIn{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}