*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,Avenir,Helvetica,Arial,sans-serif;background-color:#111;color:#fff;overflow:hidden;font-size:16px;line-height:1.5;letter-spacing:.01em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#app,body{height:100vh;display:flex;flex-direction:column}#app,header{width:100%}header{display:flex;justify-content:space-between;align-items:center;padding:18px 0;background-color:#1a1a1a;position:sticky;top:0;z-index:10;border-bottom:1px solid #333}.logo{font-size:18px;font-weight:600;letter-spacing:.03em;position:relative;margin-left:24px}.logo:after{content:"";position:absolute;bottom:-4px;left:0;width:100%;height:1px;background-color:#e05e32}.tagline{margin-right:24px;font-size:13px;font-weight:300;letter-spacing:.05em;color:#fff}.message-history{flex:1;overflow-y:auto;padding:28px 24px 28px 38px;display:flex;flex-direction:column;gap:22px;position:relative;max-width:900px;margin:0 auto;width:100%;--timeline-height:100%}.message-history:before{content:"";position:absolute;top:0;left:20px;width:2px;background-color:#333;z-index:0;border-radius:1px;height:var(--timeline-height);min-height:100%}.message-history::-webkit-scrollbar{width:4px}.message-history::-webkit-scrollbar-track{background:#1a1a1a}.message-history::-webkit-scrollbar-thumb{background:#e05e32;border-radius:4px}.message-bubble{max-width:85%;font-size:16px;animation-duration:.3s;animation-fill-mode:both;word-wrap:break-word;position:relative;z-index:1;line-height:1.6;align-self:flex-start;margin-left:38px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.user-message{padding:16px 20px;border-radius:12px;background-color:#e05e32;color:#fff;box-shadow:0 2px 5px rgba(0,0,0,.1);animation-name:fadeIn;position:relative;margin-top:18px;font-weight:400;letter-spacing:.02em}.user-message:before{content:"";position:absolute;width:8px;height:8px;border-radius:50%;background-color:#e05e32;left:-24px;top:50%;transform:translateY(-50%)}.ai-message{padding:8px 0 8px 0;color:#fff;animation-name:fadeIn;animation-delay:.1s;margin-top:6px;font-weight:300;letter-spacing:.02em;padding-bottom:8px;position:relative;font-weight:400}.message-bubble img{max-width:100%;height:auto;display:block;margin:15px auto;border-radius:8px;box-shadow:0 4px 8px rgba(0,0,0,.2)}.loading-indicator{align-self:flex-start;padding:8px 0;margin-left:38px;position:relative;width:60px;height:24px}.loading-indicator .timeline-dot{content:"";position:absolute;width:6px;height:6px;border-radius:50%;background-color:#e05e32;left:-24px;top:50%;transform:translateY(-50%);opacity:.6;animation:pulse 1.5s ease-in-out infinite}.loading-indicator .dots{display:flex;align-items:center;margin-bottom:10px}.loading-indicator .dot{display:inline-block;width:8px;height:8px;border-radius:50%;background-color:#e05e32;margin-right:6px;opacity:.7}.loading-indicator .dot:first-child{animation:pulseDot 1.4s ease-in-out infinite}.loading-indicator .dot:nth-child(2){animation:pulseDot 1.4s ease-in-out .2s infinite}.loading-indicator .dot:nth-child(3){animation:pulseDot 1.4s ease-in-out .4s infinite}.loading-indicator .thinking-text{font-size:11px;color:#777;letter-spacing:.5px;margin-top:0}@keyframes pulseDot{0%,to{transform:scale(1);opacity:.3}50%{transform:scale(1.3);opacity:1}}@keyframes pulse{0%,to{transform:translateY(-50%) scale(.7);opacity:.5}50%{transform:translateY(-50%) scale(1);opacity:1}}.input-area{display:flex;padding:20px 24px;background-color:#111;position:sticky;bottom:0;border-top:1px solid #333;z-index:10;max-width:900px;margin:0 auto;width:100%}input[type=text]{flex:1;padding:16px 20px;background-color:#1a1a1a;border:1px solid #333;border-radius:10px;color:#fff;font-family:Inter,Avenir,Helvetica,Arial,sans-serif;font-size:15px;font-weight:400;transition:all .25s ease;box-shadow:0 2px 6px rgba(0,0,0,.15);letter-spacing:.02em}input[type=text]:disabled{opacity:.7;cursor:not-allowed;color:#999}input[type=text]:focus{outline:none;border-color:#e05e32;box-shadow:0 0 0 1px rgba(224,94,50,.2),0 4px 8px rgba(0,0,0,.2)}input[type=text]:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.25)}#sendButton{margin-left:10px;background-color:#e05e32;border:none;color:#fff;cursor:pointer;padding:8px;width:42px;height:42px;border-radius:50%;transition:all .2s ease;display:flex;align-items:center;justify-content:center}#sendButton .arrow{font-size:22px;line-height:1}#sendButton:hover:not(:disabled){background-color:#c45229;transform:translateY(-2px);box-shadow:0 4px 8px rgba(0,0,0,.2)}#sendButton:active:not(:disabled){transform:scale(.9)}#sendButton:disabled{opacity:.5;cursor:not-allowed}footer{padding:14px 0;background-color:#1a1a1a;text-align:center;border-top:1px solid #333;width:100%}.footer-text{font-size:11px;color:#999;letter-spacing:.6px;font-weight:300;max-width:900px;margin:0 auto;width:100%}button:focus,input:focus{outline:2px solid #e05e32;outline-offset:2px}@media (max-width:600px){.message-bubble{max-width:90%}}