*{box-sizing:border-box;padding:0;margin:0}body,html{max-width:100vw;overflow-x:hidden;height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif}body{background-color:#f5f5f5;color:#333}.container{max-width:1000px;margin:0 auto;height:100vh;display:flex;flex-direction:column;padding:0 20px}.header{border-bottom:1px solid #e0e0e0;background-color:#fff;margin:0 -20px;padding:20px}.title{font-size:24px;font-weight:600;color:#1976d2;margin-bottom:15px}.model-selector{display:flex;gap:10px;align-items:center}.model-label{color:#666}.model-button,.model-label{font-size:14px;font-weight:500}.model-button{padding:8px 16px;border:2px solid #e0e0e0;background-color:#fff;border-radius:8px;cursor:pointer;transition:all .2s ease}.model-button:hover{border-color:#1976d2;background-color:#f0f7ff}.model-button.active{background-color:#1976d2;color:#fff;border-color:#1976d2}.chat-container{flex:1 1;overflow-y:auto;padding:20px 0;display:flex;flex-direction:column;gap:15px}.message{max-width:70%;padding:12px 16px;border-radius:12px;word-wrap:break-word;white-space:pre-wrap;line-height:1.5}.message.user{align-self:flex-end;background-color:#1976d2;color:#fff}.message.assistant{align-self:flex-start;background-color:#fff;border:1px solid #e0e0e0;color:#333}.message.error{align-self:center;background-color:#ffebee;color:#c62828;border:1px solid #ef5350;max-width:90%;text-align:center}.input-container{border-top:1px solid #e0e0e0;background-color:#fff;margin:0 -20px;padding:20px}.input-form{display:flex;gap:10px}.input-field{flex:1 1;padding:12px 16px;border:2px solid #e0e0e0;border-radius:8px;font-size:16px;outline:none;transition:border-color .2s ease}.input-field:focus{border-color:#1976d2}.input-field:disabled{background-color:#f5f5f5;cursor:not-allowed}.send-button{padding:12px 24px;background-color:#1976d2;color:#fff;border:none;border-radius:8px;font-size:16px;font-weight:500;cursor:pointer;transition:background-color .2s ease;min-width:100px}.send-button:hover:not(:disabled){background-color:#1565c0}.send-button:disabled{background-color:#ccc;cursor:not-allowed}.loading{display:flex;gap:4px;padding:12px 16px;align-self:flex-start}.loading-dot{width:8px;height:8px;border-radius:50%;background-color:#1976d2;animation:loading 1.4s ease-in-out infinite}.loading-dot:first-child{animation-delay:-.32s}.loading-dot:nth-child(2){animation-delay:-.16s}@keyframes loading{0%,80%,to{opacity:.25;transform:scale(.8)}40%{opacity:1;transform:scale(1)}}@media (max-width:768px){.container{padding:0 10px}.message{max-width:85%}.model-selector{flex-wrap:wrap}.input-form{flex-direction:column}.send-button{width:100%}}