:root{--primary: #3d3d3d;--white: #ffffff}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background:var(--primary);color:var(--white);min-height:100vh}a{color:#87c9ff}.container{width:100%;min-height:100vh;display:flex;flex-direction:column}.header{padding:1rem;text-align:center;border-bottom:1px solid rgba(255,255,255,.1)}.chat-container{flex:1;display:flex;flex-direction:column;height:calc(100vh - 80px)}.messages{flex:1;overflow-y:auto;padding:1rem}.input-area{padding:1rem;background:#ffffff0d}.chat-input{width:100%;padding:.75rem;border-radius:8px;border:1px solid rgba(255,255,255,.1);background:var(--primary);color:var(--white)}.message{margin-bottom:1rem;max-width:85%}.user-message{margin-left:auto;background:#ffffff1a;padding:.75rem;border-radius:12px 12px 0}.bot-message{background:#ffffff0d;padding:.75rem;border-radius:12px 12px 12px 0}@media (min-width: 768px){.container{max-width:768px;margin:0 auto}.message{max-width:70%}}@media (min-width: 1024px){.container{max-width:1024px}.chat-container{height:calc(100vh - 100px)}.message{max-width:60%}}#root{width:100%;margin:0 auto;padding:1rem}.app-wrapper{display:flex;justify-content:center;align-items:center;flex-direction:column;height:80vh;margin:6rem auto 1rem;overflow-y:hidden}.app-container{width:100%;max-width:100%;height:auto;transition:height .3s ease}.app-container.active{height:100%}.chat-container{display:flex;flex-direction:column;height:100%;position:relative;margin:1rem auto}.messages{flex-grow:1;overflow-y:auto;display:flex;flex-direction:column;gap:.5rem}.message{max-width:100%;padding:8px 12px;border-radius:8px;line-height:1.4}.input-form{display:flex;position:fixed;bottom:0;left:0;right:0;background:#3d3d3d;padding:1rem;z-index:10}.message.user{align-self:flex-start;font-size:2rem}.message.assistant{background-color:#3d3d3d10;align-self:flex-start}.message.assistant .message-header{display:flex;align-items:center;gap:8px;margin-bottom:12px;padding-bottom:8px}.message.assistant .message-header img{width:24px;height:24px;border-radius:50%}.message.assistant .message-header span{font-weight:600;font-size:1.1rem}.message.error{background-color:#ffebee;color:#c62828;align-self:center}.message-content p:last-child{margin-bottom:0}.message-content h1,.message-content h2,.message-content h3,.message-content h4,.message-content h5,.message-content h6{margin:1em 0 .5em;font-weight:600}.message-content code{background-color:#0000000d;padding:.2em .4em;border-radius:3px;font-family:monospace;font-size:.9em}.message-content pre{background-color:#0000000d;padding:1em;border-radius:5px;overflow-x:auto;margin:1em 0}.message-content pre code{background-color:transparent;padding:0}.message-content ul,.message-content ol{padding-left:2em}.message-content blockquote{border-left:4px solid #ddd;margin:1em 0;padding-left:1em;color:#666}.message-content a{color:#87c9ff;text-decoration:none}.message-content a:hover{text-decoration:underline}.message-content table{border-collapse:collapse;margin:1em 0;width:100%}.message-content th,.message-content td{border:1px solid #ddd;padding:.5em;text-align:left}.message-content th{background-color:#0000000d}.message.streaming .message-content>*:last-child{border-right:2px solid #ffffff;animation:blink 1s step-end infinite}.slogan{text-align:center;padding:2rem 0;color:#fff}.slogan h1{font-size:1.8rem;font-weight:400;margin:0}.powered-by{text-align:right;color:#ffffff80;font-size:.8rem;background:#3d3d3d}.logo-container{position:fixed;top:0;left:0;z-index:20;padding:.5rem 1rem;width:100%;display:flex;text-align:left;align-items:center;justify-content:space-between;background-color:#3d3d3d}.logo-text span{font-size:3rem;font-weight:300}.logo-text p{font-size:.8rem}@media (min-width: 768px){#root{padding:2rem}.app-wrapper{height:80vh;margin:2rem auto}.chat-container{padding:20px}.app-container{width:90%;max-width:1000px}.messages{padding:20px;padding-bottom:initial}.message{padding:12px 16px}.message.user{font-size:2rem}.message.assistant .message-header span{font-size:1.3rem}.slogan h1{font-size:2.5rem}}