*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:linear-gradient(135deg,#667eea,#764ba2);height:100vh;overflow:hidden}.container{height:100vh;display:flex;flex-direction:column;max-width:800px;margin:0 auto;background:#fff;box-shadow:0 0 20px #0000001a}.header{background:#4a90e2;color:#fff;padding:15px 20px;text-align:center;box-shadow:0 2px 10px #0000001a}.header h1{font-size:20px;font-weight:600}.header .subtitle{font-size:14px;opacity:.9;margin-top:5px}.chat-container{flex:1;overflow-y:auto;padding:20px;background:#f8f9fa}.message{margin-bottom:15px;display:flex;align-items:flex-start}.message.user{justify-content:flex-end}.message.assistant .avatar{width:35px;height:35px;background:#4a90e2;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;margin-right:10px;font-size:14px}.message-content{max-width:70%;padding:12px 16px;border-radius:18px;line-height:1.4;font-size:15px}.message.user .message-content{background:#4a90e2;color:#fff;border-bottom-right-radius:8px}.message.assistant .message-content{background:#fff;color:#333;border:1px solid #e1e5e9;border-bottom-left-radius:8px;box-shadow:0 1px 3px #0000001a}.input-container{padding:15px 20px;background:#fff;border-top:1px solid #e1e5e9;display:flex;gap:10px;align-items:flex-end}.input-field{flex:1;border:2px solid #e1e5e9;border-radius:20px;padding:12px 16px;font-size:15px;outline:none;resize:none;min-height:44px;max-height:120px;line-height:1.4}.input-field:focus{border-color:#4a90e2}.send-button{background:#4a90e2;color:#fff;border:none;border-radius:50%;width:44px;height:44px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:18px;transition:background .2s}.send-button:hover{background:#357abd}.send-button:disabled{background:#ccc;cursor:not-allowed}.suggestions{display:flex;gap:10px;padding:0 20px 10px;overflow-x:auto}.suggestion{background:#fff;border:1px solid #e1e5e9;border-radius:20px;padding:8px 16px;font-size:14px;white-space:nowrap;cursor:pointer;transition:all .2s;flex-shrink:0}.suggestion:hover{background:#f0f4ff;border-color:#4a90e2}.typing-indicator{padding:12px 16px;background:#fff;border:1px solid #e1e5e9;border-radius:18px 18px 18px 8px;max-width:70%;display:flex;align-items:center;gap:8px}.typing-dots{display:flex;gap:4px}.dot{width:8px;height:8px;background:#ccc;border-radius:50%;animation:typing 1.4s infinite ease-in-out}.dot:nth-child(2){animation-delay:.2s}.dot:nth-child(3){animation-delay:.4s}@keyframes typing{0%,60%,to{transform:translateY(0)}30%{transform:translateY(-10px)}}main.svelte-12qhfyh{height:100vh;overflow:hidden}