*{box-sizing:border-box;margin:0;padding:0}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:linear-gradient(135deg,#667eea,#764ba2);min-height:100vh}.app{max-width:1200px;margin:0 auto;padding:2rem}header{text-align:center;color:#fff;margin-bottom:3rem}header h1{font-size:3rem;margin-bottom:.5rem}header p{font-size:1.2rem;opacity:.9}main{background:#fff;border-radius:12px;padding:2rem;box-shadow:0 10px 30px #0003}.query-form{display:flex;flex-direction:column;gap:1rem;margin-bottom:2rem}.query-form textarea{width:100%;padding:1rem;border:2px solid #e0e0e0;border-radius:8px;font-size:1rem;font-family:inherit;resize:vertical;transition:border-color .3s}.query-form textarea:focus{outline:none;border-color:#667eea}.query-form button{align-self:flex-end;padding:.75rem 2rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:transform .2s,box-shadow .2s}.query-form button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 5px 15px #667eea66}.query-form button:disabled{opacity:.6;cursor:not-allowed}.loading{text-align:center;padding:3rem}.spinner{width:50px;height:50px;border:4px solid #f3f3f3;border-top:4px solid #667eea;border-radius:50%;margin:0 auto 1rem;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading p{color:#666;font-size:1.1rem}.results{margin-top:2rem}.tabs{display:flex;gap:.5rem;margin-bottom:1rem;flex-wrap:wrap;border-bottom:2px solid #e0e0e0;padding-bottom:.5rem}.tabs button{padding:.5rem 1rem;background:transparent;border:none;border-radius:6px 6px 0 0;cursor:pointer;font-size:.9rem;transition:all .2s;color:#666}.tabs button:hover{background:#f5f5f5;color:#333}.tabs button.active{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;font-weight:600}.tab-content{min-height:300px}.response-box{padding:1.5rem;background:#f9f9f9;border-radius:8px;line-height:1.7}.response-box h3{color:#333;margin-bottom:1rem;padding-bottom:.5rem;border-bottom:2px solid #667eea}.response-box h4{color:#667eea;margin-top:1.5rem;margin-bottom:.5rem}.review{margin-bottom:2rem;padding:1rem;background:#fff;border-radius:6px;border-left:4px solid #667eea}.review:last-child{margin-bottom:0}.response-box p{margin-bottom:1rem}.response-box ul,.response-box ol{margin-left:2rem;margin-bottom:1rem}.response-box li{margin-bottom:.5rem}.response-box code{background:#f0f0f0;padding:.2rem .4rem;border-radius:3px;font-family:Courier New,monospace;font-size:.9em}.response-box pre{background:#2d2d2d;color:#f8f8f2;padding:1rem;border-radius:6px;overflow-x:auto;margin-bottom:1rem}.response-box pre code{background:transparent;padding:0;color:inherit}.response-box blockquote{border-left:4px solid #667eea;padding-left:1rem;margin:1rem 0;color:#666;font-style:italic}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh;background-color:#1a1a1a;color:#e0e0e0}#root{width:100%;background-color:#1a1a1a}.response-box{background-color:#2a2a2a;color:#e0e0e0;border:1px solid #444}