body{background-color:#f5f5f5;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.message-bubble{animation:slideInMessage .5s ease-out;animation-fill-mode:forwards;display:flex;margin:1rem 0;opacity:0;width:100%}.message-bubble.user{justify-content:flex-end}.message-bubble.bot{justify-content:flex-start}.message-content{align-items:flex-start;display:flex;gap:1rem;max-width:80%;position:relative}.message-bubble.user .message-content{flex-direction:row-reverse}.message-body{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,var(--gray-900) 0,var(--gray-950) 100%);border:1px solid var(--gray-800);border-radius:16px;box-shadow:0 4px 20px #0000001a;overflow:hidden;padding:1.5rem;position:relative;transition:all .3s ease}.message-bubble.user .message-body{background:linear-gradient(135deg,var(--blue-900) 0,var(--blue-950) 100%);border-color:var(--blue-800);border-radius:16px;border-bottom-right-radius:6px}.message-bubble.bot .message-body{border-radius:16px;border-bottom-left-radius:6px}.message-text{color:var(--gray-100);font-size:.95rem;line-height:1.2;word-break:break-word}.message-text p{line-height:1.5;margin:.6em 0}.message-text h1,.message-text h2,.message-text h3{color:var(--gray-100);font-weight:600;line-height:1.2;margin:1em 0 .5em}.message-text h1{font-size:1.5rem;padding-bottom:.5rem}.message-text h1,.message-text h2{border-bottom:1px solid var(--gray-800)}.message-text h2{font-size:1.3rem;padding-bottom:.4rem}.message-text h3{font-size:1.1rem}.message-text ol,.message-text ul{margin:.6em 0 .6em 1.5em;padding:0}.message-text li{line-height:1.5;margin:.25em 0}.message-text li::marker{color:var(--gray-400)}.message-text li b,.message-text li strong{display:inline;font-weight:600;vertical-align:initial}.message-text b,.message-text strong{background:#ffffff1a;border-radius:4px;color:var(--white);font-weight:600;padding:.1rem .3rem;vertical-align:middle}.message-text em{color:var(--gray-200);font-style:italic}.message-text code{background:var(--gray-800);border-radius:4px;font-family:monospace;font-size:.9em;padding:.2rem .4rem}.message-text pre{background:var(--gray-800);border-radius:8px;margin:1rem 0;overflow-x:auto;padding:1rem}.message-text pre code{background:none;padding:0}.message-text blockquote{border-left:4px solid var(--gray-700);color:var(--gray-300);margin:1rem 0;padding-left:1rem}.message-text a{color:var(--blue-400);text-decoration:none;transition:color .2s ease}.message-text a:hover{color:var(--blue-300);text-decoration:underline}.message-text table{border-collapse:collapse;margin:1rem 0;width:100%}.message-text td,.message-text th{border:1px solid var(--gray-700);padding:.5rem;text-align:left}.message-text th{font-weight:600}.message-text th,.message-text tr:nth-child(2n){background:var(--gray-800)}.bot-avatar,.user-avatar{align-items:center;background:linear-gradient(135deg,var(--gray-800) 0,var(--gray-900) 100%);border:1px solid var(--gray-700);border-radius:50%;box-shadow:0 2px 8px #0003;display:flex;flex-shrink:0;font-size:1rem;height:32px;justify-content:center;width:32px}.user-avatar{background:linear-gradient(135deg,var(--blue-800) 0,var(--blue-900) 100%);border-color:var(--blue-700)}.message-text.error{color:var(--red-400)}@media (max-width:768px){.message-content{max-width:90%}.message-body{padding:1.25rem}.message-text{font-size:.9rem}.message-text h1{font-size:1.3rem}.message-text h2{font-size:1.1rem}.message-text h3{font-size:1rem}}@media (max-width:480px){.message-content{max-width:95%}.message-body{padding:1rem}.message-text{font-size:.85rem}.message-text h1{font-size:1.2rem}.message-text h2{font-size:1rem}.message-text h3{font-size:.95rem}}.typing-indicator{animation:slideInMessage .5s ease-out;animation-fill-mode:forwards;display:flex;justify-content:flex-start;margin:2rem 0;opacity:0}.typing-content{align-items:flex-start;display:flex;gap:1rem;max-width:80%;position:relative}.typing-avatar{align-items:center;background:linear-gradient(135deg,var(--gray-900) 0,var(--black) 100%);border:1px solid var(--gray-700);border-radius:50%;box-shadow:0 4px 12px #0000004d;color:var(--white);display:flex;flex-shrink:0;font-size:.8rem;height:32px;justify-content:center;overflow:hidden;position:relative;transition:all .3s ease;width:32px}.typing-avatar:before{background:linear-gradient(135deg,#ffffff1a,#0000 50%);border-radius:50%;bottom:0;content:"";left:0;position:absolute;right:0;top:0}.typing-bubble{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,var(--gray-900) 0,var(--gray-950) 100%);border:1px solid var(--gray-800);border-radius:16px;border-bottom-left-radius:6px;box-shadow:0 4px 20px #0000001a;display:flex;flex-direction:column;gap:.75rem;overflow:hidden;padding:1.5rem 1.75rem;position:relative;transition:all .3s ease}.typing-bubble:before{background:linear-gradient(90deg,#0000,#ffffff1a,#0000);content:"";height:1px;left:0;position:absolute;right:0;top:0}.typing-text{color:var(--gray-300);font-size:.9rem;font-weight:500;letter-spacing:.3px}.typing-dots{align-items:center;display:flex;gap:6px}.dot{animation:typing 1.6s ease-in-out infinite;background:linear-gradient(135deg,var(--gray-500) 0,var(--gray-600) 100%);border-radius:50%;box-shadow:0 2px 4px #0003;height:8px;width:8px}.dot:first-child{animation-delay:0s}.dot:nth-child(2){animation-delay:.3s}.dot:nth-child(3){animation-delay:.6s}@keyframes typing{0%,to{opacity:.4;transform:translateY(0)}50%{opacity:1;transform:translateY(-4px)}}@keyframes slideInMessage{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@media (max-width:768px){.typing-content{max-width:90%}.typing-avatar{font-size:.9rem;height:36px;width:36px}.typing-bubble{padding:1.25rem 1.5rem}.typing-text{font-size:.85rem}}@media (max-width:480px){.typing-content{max-width:95%}.typing-avatar{font-size:.85rem;height:32px;width:32px}.typing-bubble{padding:1rem 1.25rem}.typing-text{font-size:.8rem}.typing-indicator{margin:1.5rem 0}}.ai-mechanic-chat{animation:fadeInUp .6s ease-out;flex:1 1;margin:0 auto;max-width:900px;padding:1rem 2rem 0;position:relative;width:100%;z-index:1}.ai-mechanic-chat,.chat-container{display:flex;flex-direction:column;height:100%;min-height:0}.api-status{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0000004d;border:1px solid var(--gray-850);border-radius:20px;font-size:.75rem;font-weight:500;letter-spacing:.5px;margin-bottom:1rem;padding:.75rem 1rem;position:-webkit-sticky;position:sticky;text-align:center;top:1rem;transition:all .3s ease;z-index:50}.api-status.healthy{background:#10b9810d;border-color:#10b98133;color:#10b981}.api-status.unhealthy{background:#ef44440d;border-color:#ef444433;color:#ef4444}.api-status:before{animation:pulse 2s infinite;content:"●";font-size:.6rem;margin-right:.5rem}.api-status.healthy:before{color:#10b981}.api-status.unhealthy:before{color:#ef4444}.messages-container{animation:fadeIn .5s ease-out;flex:1 1 auto;min-height:0;overflow-x:hidden;overflow-y:auto;padding:1rem 1rem 2rem;scroll-behavior:smooth}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.messages-container::-webkit-scrollbar{display:none}.messages-container{-ms-overflow-style:none;scrollbar-width:none}.welcome-section{align-items:center;display:flex;flex:1 1;flex-direction:column;justify-content:flex-start;min-height:0;overflow-y:auto;padding:3rem 2rem}.welcome-section::-webkit-scrollbar{display:none}.welcome-section{-ms-overflow-style:none;scrollbar-width:none}.greeting-message{animation:fadeInUp .8s ease-out;margin-bottom:3rem;max-width:600px;text-align:center}.greeting-message h2{color:var(--white);font-size:1.8rem;font-weight:300;letter-spacing:.5px;line-height:1.3;margin-bottom:1.2rem;text-align:center}.greeting-message p{color:var(--gray-400);font-size:1rem;line-height:1.7;margin:0;max-width:500px;text-align:center}.sample-questions{animation:fadeInUp .8s ease-out .2s both;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#0003;border:1px solid var(--gray-900);border-radius:16px;max-width:700px;padding:2rem;position:relative;width:100%}.sample-questions:before{background:linear-gradient(90deg,#0000,var(--gray-700),#0000);content:"";height:1px;left:0;position:absolute;right:0;top:0}.sample-questions h3{color:var(--gray-300);font-size:.85rem;font-weight:500;letter-spacing:1.5px;margin-bottom:1.5rem;position:relative;text-align:center;text-transform:uppercase}.sample-questions h3:after{background:var(--gray-700);bottom:-8px;content:"";height:1px;left:50%;position:absolute;transform:translateX(-50%);width:20px}.question-buttons{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:1fr}@media (min-width:640px){.question-buttons{gap:1rem;grid-template-columns:1fr 1fr}}.sample-question-btn{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff05;border:1px solid var(--gray-850);border-radius:8px;color:var(--gray-300);cursor:pointer;font-size:.9rem;line-height:1.5;overflow:hidden;padding:1rem 1.5rem;position:relative;text-align:left;transition:all .3s cubic-bezier(.4,0,.2,1)}.sample-question-btn:before{background:linear-gradient(90deg,#0000,#ffffff0d,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .6s ease;width:100%}.sample-question-btn:hover:not(:disabled){background:#ffffff0d;border-color:var(--gray-700);box-shadow:0 4px 20px #0000004d;color:var(--white);transform:translateY(-1px)}.sample-question-btn:hover:not(:disabled):before{left:100%}.sample-question-btn:active:not(:disabled){transform:translateY(0)}.sample-question-btn:disabled{cursor:not-allowed;opacity:.5;transform:none}.input-form{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#000c;border-top:1px solid var(--gray-900);bottom:0;flex-shrink:0;left:0;margin:0 -2rem;padding:1.5rem;position:-webkit-sticky;position:sticky;right:0;z-index:100}.chat-controls{margin:0 auto;max-width:800px;width:100%}.new-chat-button{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff08;border:1px solid var(--gray-800);border-radius:10px;color:var(--gray-400);cursor:pointer;font-size:.85rem;font-weight:500;letter-spacing:.3px;margin-bottom:1rem;overflow:hidden;padding:.75rem 1rem;position:relative;text-align:center;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}.new-chat-button:before{background:linear-gradient(90deg,#0000,#ffffff0d,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.new-chat-button:hover{background:#ffffff0f;border-color:var(--gray-700);box-shadow:0 2px 8px #0000001a;color:var(--white);transform:translateY(-1px)}.new-chat-button:hover:before{left:100%}.input-container{align-items:center;display:flex;position:relative}.message-input{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#ffffff08;border:1px solid var(--gray-850);border-radius:14px;box-shadow:0 2px 8px #0000001a;color:var(--white);font-family:inherit;font-size:.95rem;line-height:1.5;max-height:140px;min-height:54px;outline:none;padding:1rem 4rem 1rem 1.25rem;resize:none;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}.message-input::placeholder{color:var(--gray-600);font-weight:400;transition:color .3s ease}.message-input:focus{background:#ffffff0f;border-color:var(--gray-600);box-shadow:0 0 0 1px var(--gray-700),0 4px 12px #00000026;transform:translateY(-1px)}.message-input:focus::placeholder{color:var(--gray-500)}.message-input:disabled{background:var(--gray-950);color:var(--gray-600);cursor:not-allowed;opacity:.7}.send-button{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:10px;color:var(--white);cursor:pointer;display:flex;justify-content:center;opacity:.8;padding:.65rem;position:absolute;right:.75rem;top:50%;transform:translateY(-50%);transition:all .3s cubic-bezier(.4,0,.2,1);z-index:10}.send-button svg{height:14px;transform:scale(1);transition:all .3s ease;width:18px}.send-button:hover:not(:disabled){background:#ffffff1f;border-color:#fff3;box-shadow:0 2px 8px #00000026;opacity:1;transform:translateY(-50%) scale(1.05)}.send-button:hover:not(:disabled) svg{transform:scale(1.1) translateX(1px)}.send-button:active:not(:disabled){transform:translateY(-50%) scale(.95)}.send-button:disabled{background:#0000;border-color:#0000;cursor:not-allowed;opacity:.3}@media (max-width:768px){.ai-mechanic-chat{padding:1rem 1rem 0}.messages-container{flex:1 1 auto;min-height:0;padding:0 0 2rem}.welcome-section{padding:3rem 1.5rem 1.5rem}.greeting-message{margin-bottom:2rem}.greeting-message h2{font-size:1.5rem}.greeting-message p{font-size:.9rem}.sample-questions{padding:1.5rem}.input-form{margin:0 -1rem;padding:1rem}.message-input{font-size:.9rem;padding:.875rem 3.5rem .875rem 1rem}.send-button{padding:.4rem;right:.75rem}.send-button svg{height:12px;width:16px}}@media (max-width:480px){.ai-mechanic-chat{padding:.5rem .5rem 0}.welcome-section{padding:2rem 1rem 1rem}.greeting-message{margin-bottom:1.5rem}.greeting-message h2{font-size:1.3rem}.greeting-message p{font-size:.85rem}.input-form,.sample-questions{padding:1rem}.input-form{margin:0 -.5rem}.message-input{font-size:.85rem;padding:.75rem 3rem .75rem .875rem}.send-button{padding:.35rem;right:.5rem}.send-button svg{height:11px;width:14px}}.ai-mechanic-chat.loading .input-container{opacity:.7;pointer-events:none}:root{--black:#000;--white:#fff;--gray-50:#fafafa;--gray-100:#f5f5f5;--gray-200:#e5e5e5;--gray-300:#d4d4d4;--gray-400:#a3a3a3;--gray-500:#737373;--gray-600:#525252;--gray-700:#404040;--gray-800:#262626;--gray-850:#1f1f1f;--gray-900:#171717;--gray-950:#0a0a0a}*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-feature-settings:"kern" 1;background:#000;background:var(--black);color:#fff;color:var(--white);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Inter,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;line-height:1.6;text-rendering:optimizeLegibility}.App{background:linear-gradient(180deg,#000,#0a0a0a);background:linear-gradient(180deg,var(--black) 0,var(--gray-950) 100%);display:flex;flex-direction:column;height:100vh;position:relative}.App:before{background:radial-gradient(600px circle at 50% 0,#ffffff05 0,#0000 50%),radial-gradient(400px circle at 80% 100%,#ffffff03 0,#0000 50%);bottom:0;content:"";left:0;pointer-events:none;position:fixed;right:0;top:0;z-index:0}.header{align-items:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#000c;border-bottom:1px solid #171717;border-bottom:1px solid var(--gray-900);display:flex;flex-direction:column;flex-shrink:0;padding:1.5rem 2rem 1rem;transition:all .3s ease;z-index:100}.header:after{background:linear-gradient(90deg,#0000,#404040,#0000);background:linear-gradient(90deg,#0000,var(--gray-700),#0000);bottom:0;content:"";height:1px;left:50%;position:absolute;transform:translateX(-50%);width:60px}.header svg{animation:float 6s ease-in-out infinite;color:#fff;color:var(--white);filter:drop-shadow(0 0 20px rgba(255,255,255,.1));transition:all .3s ease}.header svg:hover{animation-play-state:paused;filter:drop-shadow(0 0 30px rgba(255,255,255,.15));transform:translateY(-2px)}::-webkit-scrollbar{display:none}*{-ms-overflow-style:none;scrollbar-width:none}::selection{background:#262626;background:var(--gray-800);color:#fff;color:var(--white)}::-moz-selection{background:#262626;background:var(--gray-800);color:#fff;color:var(--white)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes glow{0%,to{filter:drop-shadow(0 0 20px rgba(255,255,255,.1))}50%{filter:drop-shadow(0 0 30px rgba(255,255,255,.2))}}@keyframes shimmer{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}@media (max-width:768px){.header{padding:1.5rem 1rem 1rem}.header svg{height:auto;width:120px}}@media (max-width:480px){.header{padding:1rem}.header svg{width:100px}}.loading{animation:pulse 2s infinite}button:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid #525252;outline:2px solid var(--gray-600);outline-offset:2px}.clickable,button,input,textarea{transition:all .2s cubic-bezier(.4,0,.2,1)}
/*# sourceMappingURL=main.1aea7f69.css.map*/