.app{min-height:100vh;background:linear-gradient(#0006,#0006),url(https://images.unsplash.com/photo-1507525428034-b723cf961d3e?q=80&w=2070&auto=format&fit=crop) center/cover no-repeat;padding:20px}.container{max-width:1200px;margin:0 auto}.header{text-align:center;color:#fff;margin-bottom:40px;display:flex;flex-direction:column;align-items:center;gap:20px}.logo{height:80px;width:auto}.header h1{font-size:2.5rem;margin-bottom:10px;font-weight:300}.header p{font-size:1.1rem;opacity:.9}.main{background:#fffffff2;border-radius:16px;padding:40px;box-shadow:0 20px 40px #00000026;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2)}.search-form{margin-bottom:40px}.search-container{display:flex;gap:12px;max-width:800px;margin:0 auto}.search-input{flex:1;padding:16px 20px;font-size:16px;border:2px solid #e1e5e9;border-radius:8px;outline:none;transition:border-color .2s}.search-input:focus{border-color:#3b82f6}.search-input:disabled{background-color:#f5f5f5;cursor:not-allowed}.search-button{padding:16px 32px;font-size:16px;font-weight:600;color:#fff;background:#3b82f6;border:none;border-radius:8px;cursor:pointer;transition:background-color .2s}.search-button:hover:not(:disabled){background:#2563eb}.search-button:disabled{background:#ccc;cursor:not-allowed}.sample-prompts{margin-bottom:40px}.sample-prompts h3{color:#333;margin-bottom:20px;font-size:1.3rem;font-weight:500}.prompts-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;max-width:1000px;margin:0 auto}.prompt-button{padding:16px 20px;text-align:left;background:#f8f9fa;border:1px solid #e1e5e9;border-radius:8px;cursor:pointer;transition:all .2s;font-size:14px;line-height:1.4}.prompt-button:hover:not(:disabled){background:#e9ecef;border-color:#3b82f6;transform:translateY(-1px)}.prompt-button:disabled{opacity:.6;cursor:not-allowed}.loading-container{display:flex;flex-direction:column;align-items:center;padding:50px 40px;border-top:1px solid #e1e5e9;background:linear-gradient(135deg,#f8fafc,#e2e8f0);border-radius:12px;margin-top:20px}.loading-content{display:flex;flex-direction:column;align-items:center;gap:30px}.loading-spinner-advanced{position:relative;width:80px;height:80px}.spinner-ring{position:absolute;top:0;left:0;width:80px;height:80px;border:3px solid transparent;border-radius:50%;animation:spin-advanced 2s linear infinite}.spinner-ring:nth-child(1){border-top:3px solid #3b82f6;animation-delay:0s}.spinner-ring:nth-child(2){border-right:3px solid #06b6d4;animation-delay:.4s;width:60px;height:60px;top:10px;left:10px}.spinner-ring:nth-child(3){border-bottom:3px solid #8b5cf6;animation-delay:.8s;width:40px;height:40px;top:20px;left:20px}@keyframes spin-advanced{0%{transform:rotate(0);opacity:1}50%{opacity:.6}to{transform:rotate(360deg);opacity:1}}.loading-stages{display:flex;flex-direction:column;gap:20px;min-width:300px}.loading-stage{display:flex;align-items:center;gap:16px;padding:16px 20px;border-radius:12px;background:#ffffffb3;border:2px solid #e5e7eb;transition:all .4s ease;opacity:.5}.loading-stage.active{opacity:1;border-color:#3b82f6;background:#3b82f60d;transform:translate(5px);box-shadow:0 4px 12px #3b82f626}.loading-stage.completed{opacity:.8;border-color:#10b981;background:#10b9810d}.stage-icon{font-size:24px;min-width:32px;text-align:center;transition:transform .3s ease}.loading-stage.active .stage-icon{transform:scale(1.2);animation:pulse-icon 1.5s ease-in-out infinite}.loading-stage.completed .stage-icon{transform:scale(.9);filter:grayscale(50%)}@keyframes pulse-icon{0%,to{transform:scale(1.2)}50%{transform:scale(1.3)}}.stage-text{font-size:16px;font-weight:500;color:#374151;transition:color .3s ease}.loading-stage.active .stage-text{color:#1e40af;font-weight:600}.loading-stage.completed .stage-text{color:#065f46}.response-container{border-top:1px solid #e1e5e9;padding-top:40px}.answer{background:#f0f9ff;border:1px solid #bfdbfe;border-radius:8px;padding:24px}.answer h3{color:#1e40af;margin-bottom:12px;font-size:1.2rem}.answer p{color:#374151;line-height:1.6;white-space:pre-wrap}.markdown-content{color:#374151;line-height:1.6}.markdown-content h1,.markdown-content h2,.markdown-content h3,.markdown-content h4,.markdown-content h5,.markdown-content h6{color:#1e40af;margin:1.5em 0 .5em}.markdown-content h1:first-child,.markdown-content h2:first-child,.markdown-content h3:first-child{margin-top:0}.markdown-content p{margin:1em 0}.markdown-content ul,.markdown-content ol{margin:1em 0;padding-left:2em}.markdown-content li{margin:.5em 0}.markdown-content blockquote{border-left:4px solid #3b82f6;margin:1.5em 0;padding:.5em 0 .5em 1em;background:#f8fafc;font-style:italic}.markdown-content code{background:#f1f5f9;padding:.2em .4em;border-radius:3px;font-family:Courier New,monospace;font-size:.9em}.markdown-content pre{background:#f1f5f9;border-radius:6px;padding:1em;overflow-x:auto;margin:1em 0}.markdown-content pre code{background:none;padding:0}.markdown-content strong{font-weight:600;color:#1e40af}.markdown-content em{font-style:italic}.markdown-content hr{border:none;height:1px;background:#e5e7eb;margin:2em 0}.error{background:#fef2f2;border:1px solid #fecaca;border-radius:8px;padding:24px}.error h3{color:#dc2626;margin-bottom:12px;font-size:1.2rem}.error p{color:#7f1d1d;line-height:1.6}.error-detail{font-size:14px;opacity:.8;margin-top:8px}@media (max-width: 768px){.app{padding:10px}.header h1{font-size:2rem}.main{padding:20px}.search-container{flex-direction:column}.prompts-grid{grid-template-columns:1fr}.logo{height:60px}.loading-container{padding:30px 20px}.loading-stages{min-width:280px}.loading-stage{padding:12px 16px;gap:12px}.stage-icon{font-size:20px;min-width:28px}.stage-text{font-size:14px}.loading-spinner-advanced,.spinner-ring{width:60px;height:60px}.spinner-ring:nth-child(2){width:45px;height:45px;top:7.5px;left:7.5px}.spinner-ring:nth-child(3){width:30px;height:30px;top:15px;left:15px}}*{margin:0;padding:0;box-sizing:border-box}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:#f5f5f5}#root{min-height:100vh;display:flex;flex-direction:column}