*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:#0a0a0a;color:#e0e0e0;min-height:100vh}.app{display:flex;justify-content:center;align-items:center;min-height:100vh;padding:20px}.chat-container{width:100%;max-width:800px;display:flex;flex-direction:column;gap:20px}.title{text-align:center;font-size:2rem;font-weight:600;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.chat-window{background:#1a1a1a;border-radius:16px;padding:24px;min-height:400px;max-height:600px;overflow-y:auto;display:flex;flex-direction:column;gap:16px;box-shadow:0 4px 6px #0000004d}.empty-state{display:flex;align-items:center;justify-content:center;height:100%;color:#666;font-size:1.1rem}.message{padding:12px 16px;border-radius:12px;max-width:85%;animation:fadeIn .3s ease-in}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.message.user{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;align-self:flex-end;margin-left:auto}.message.assistant{background:#2a2a2a;color:#e0e0e0;align-self:flex-start;border:1px solid #333}.message-content{line-height:1.5;white-space:pre-wrap;word-wrap:break-word}.streaming-indicator{display:flex;gap:8px;padding:12px 16px;align-self:flex-start}.streaming-indicator .dot{width:8px;height:8px;background:#667eea;border-radius:50%;animation:pulse 1.4s infinite ease-in-out}.streaming-indicator .dot:nth-child(2){animation-delay:.2s}.streaming-indicator .dot:nth-child(3){animation-delay:.4s}@keyframes pulse{0%,80%,to{opacity:.3;transform:scale(.8)}40%{opacity:1;transform:scale(1)}}.input-container{display:flex;gap:12px;align-items:flex-end}textarea{flex:1;background:#1a1a1a;border:2px solid #333;border-radius:12px;padding:12px 16px;color:#e0e0e0;font-size:1rem;font-family:inherit;resize:none;transition:border-color .2s}textarea:focus{outline:none;border-color:#667eea}textarea:disabled{opacity:.5;cursor:not-allowed}button{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:12px;padding:12px 24px;font-size:1rem;font-weight:600;cursor:pointer;transition:transform .2s,opacity .2s}button:hover:not(:disabled){transform:translateY(-2px)}button:active:not(:disabled){transform:translateY(0)}button:disabled{opacity:.5;cursor:not-allowed}.chat-window::-webkit-scrollbar{width:8px}.chat-window::-webkit-scrollbar-track{background:#0a0a0a;border-radius:4px}.chat-window::-webkit-scrollbar-thumb{background:#333;border-radius:4px}.chat-window::-webkit-scrollbar-thumb:hover{background:#444}