*{box-sizing:border-box;margin:0;padding:0}html,body{width:100%;height:100%}body{color:#e8e8f0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#0f0f1e;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;line-height:1.6}#root{flex-direction:column;width:100%;height:100%;display:flex}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:1.2}p{margin:0}button{cursor:pointer;font-family:inherit}textarea{font-family:inherit;font-size:inherit}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#64c8ff33;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#64c8ff4d}.app-container{color:#e8e8f0;background:linear-gradient(135deg,#1a1a2e 0%,#0f0f1e 100%);flex-direction:column;height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;display:flex}.app-header{background:#141428cc;border-bottom:1px solid #64c8ff1a;padding:24px 0;box-shadow:0 2px 8px #0000004d}.header-content{max-width:900px;margin:0 auto;padding:0 20px}.app-header h1{background:linear-gradient(135deg,#64c8ff 0%,#73f7ff 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:0 0 8px;font-size:28px;font-weight:700}.tagline{color:#e8e8f0b3;margin:0;font-size:14px}.chat-container{flex-direction:column;flex:1;width:100%;max-width:900px;margin:0 auto;padding:0 20px;display:flex;overflow:hidden}.messages{scroll-behavior:smooth;flex-direction:column;flex:1;gap:16px;padding:20px 0;display:flex;overflow-y:auto}.messages::-webkit-scrollbar{width:8px}.messages::-webkit-scrollbar-track{background:#64c8ff0d;border-radius:4px}.messages::-webkit-scrollbar-thumb{background:#64c8ff33;border-radius:4px}.messages::-webkit-scrollbar-thumb:hover{background:#64c8ff4d}.empty-state{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;padding:60px 20px;display:flex}.empty-icon{margin-bottom:24px;font-size:64px}.empty-state h2{color:#73f7ff;margin:0 0 12px;font-size:28px}.empty-state p{color:#e8e8f099;margin:0 0 32px;font-size:16px}.suggestion-chips{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;width:100%;max-width:800px;margin-top:20px;display:grid}.chip{color:#64c8ff;cursor:pointer;background:#64c8ff1a;border:1px solid #64c8ff4d;border-radius:24px;padding:12px 20px;font-size:14px;font-weight:500;transition:all .3s}.chip:hover{background:#64c8ff33;border-color:#64c8ff80;transform:translateY(-2px)}.chat-footer{background:#14142866;border-top:1px solid #64c8ff1a;padding:20px}.message-container{margin-bottom:12px;display:flex}.message-container.user{justify-content:flex-end}.message-container.assistant{justify-content:flex-start}.message{align-items:flex-start;gap:12px;max-width:80%;display:flex}.message-avatar{flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:24px;display:flex}.user-message{justify-content:flex-end}.message-content{word-wrap:break-word;overflow-wrap:break-word;border-radius:12px;padding:12px 16px}.user-message .message-content{color:#1a1a2e;background:linear-gradient(135deg,#64c8ff 0%,#73f7ff 100%);border-bottom-right-radius:4px}.assistant-message .message-content{color:#e8e8f0;background:#64c8ff1a;border:1px solid #64c8ff33;border-bottom-left-radius:4px}.message-content p{margin:0 0 8px;font-size:15px;line-height:1.5}.message-content p:last-child{margin-bottom:0}.message-time{opacity:.6;margin-top:4px;font-size:12px;display:block}.user-message .message-time{color:#1a1a2eb3}.assistant-message .message-time{color:#e8e8f080}@media (width<=768px){.message{max-width:95%}}.chat-input-form{width:100%;max-width:900px;margin:0 auto;padding:0 20px}.input-wrapper{background:#28283c99;border:1px solid #64c8ff33;border-radius:12px;align-items:flex-end;gap:12px;padding:12px;transition:all .3s;display:flex}.input-wrapper:focus-within{background:#28283ccc;border-color:#64c8ff66;box-shadow:0 0 0 3px #64c8ff1a}.chat-input{color:#e8e8f0;resize:none;letter-spacing:normal;background:0 0;border:none;outline:none;flex:1;max-height:120px;padding:0;font-family:inherit;font-size:15px;font-weight:400;line-height:1.5}.chat-input::placeholder{color:#e8e8f066}.chat-input:disabled{opacity:.6;cursor:not-allowed}.send-button{color:#1a1a2e;cursor:pointer;background:linear-gradient(135deg,#64c8ff 0%,#73f7ff 100%);border:none;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;gap:8px;min-width:70px;padding:8px 16px;font-size:14px;font-weight:600;transition:all .3s;display:flex}.send-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #64c8ff4d}.send-button:active:not(:disabled){transform:translateY(0)}.send-button:disabled{opacity:.5;cursor:not-allowed}.send-button svg{width:18px;height:18px}.input-hint{color:#e8e8f066;text-align:right;margin:8px 0 0;font-size:12px}@media (width<=768px){.chat-input-form{padding:0 12px}.send-button span{display:none}.send-button{min-width:auto;padding:8px 12px}.input-hint{display:none}}.loading-spinner{align-items:center;gap:12px;padding:8px 0;display:flex}.spinner{border:2px solid #64c8ff33;border-top-color:#64c8ff;border-radius:50%;width:20px;height:20px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.loading-spinner p{color:#e8e8f0b3;margin:0;font-size:14px;font-style:italic}.error-toast{background:#ff64641a;border:1px solid #ff64644d;border-radius:8px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin:12px 0;padding:12px 16px;display:flex}.error-content{flex:1;align-items:center;gap:12px;min-width:0;display:flex}.error-icon{flex-shrink:0;font-size:20px}.error-text{color:#ff9696;word-wrap:break-word;overflow-wrap:break-word;font-size:14px;line-height:1.5}.error-dismiss{color:#ff9696b3;cursor:pointer;background:0 0;border:none;flex-shrink:0;padding:4px 8px;font-size:18px;transition:color .3s}.error-dismiss:hover{color:#ff9696}@media (width<=768px){.error-toast{flex-direction:column;align-items:flex-start;width:100%}.error-dismiss{align-self:flex-end;margin-top:-28px}}