:root{--color-primary:#7c3aed;--color-on-primary:#fff;--color-secondary:#a78bfa;--color-accent:#0891b2;--color-background:#faf5ff;--color-foreground:#1e1b4b;--color-muted:#eceef9;--color-border:#ddd6fe;--color-destructive:#dc2626;--font-family:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--ease-smooth:cubic-bezier(.16, 1, .3, 1)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-family);background:var(--color-background);color:var(--color-foreground);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100dvh}#root{text-align:left;width:100%;max-width:100%;min-height:100dvh;margin:0}.app{flex-direction:column;max-width:100%;height:100dvh;display:flex;overflow:hidden}.header{background:linear-gradient(135deg, var(--color-primary), var(--color-secondary));color:var(--color-on-primary);align-items:center;gap:14px;padding:18px 24px;display:flex;box-shadow:0 4px 24px #7c3aed33}.header-icon{background:#fff3;border-radius:12px;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.header-icon svg{width:22px;height:22px}.header-text{flex:1}.header-text h1{letter-spacing:-.01em;font-size:1.1rem;font-weight:600}.header-text p{opacity:.85;margin-top:2px;font-size:.8rem}.clear-btn{color:#fff;cursor:pointer;background:#ffffff26;border:none;border-radius:10px;justify-content:center;align-items:center;width:36px;height:36px;transition:all .2s;display:flex}.lang-select{color:#fff;cursor:pointer;background:#ffffff26;border:1px solid #ffffff4d;border-radius:8px;outline:none;height:32px;padding:0 8px;font-size:.8rem}.lang-select:hover{background:#ffffff40}.lang-select option{background:var(--color-primary);color:#fff}.clear-btn:hover{background:#ffffff40}.clear-btn svg,.lang-btn{width:18px;height:18px}.chat-container{flex-direction:column;flex:1;gap:16px;padding:24px;display:flex;overflow-y:auto}.message{animation:messageIn .4s var(--ease-smooth);gap:12px;display:flex}@keyframes messageIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.message.user{flex-direction:row-reverse}.message-avatar{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:1rem;display:flex}.message.assistant .message-avatar{background:var(--color-primary);color:var(--color-on-primary)}.message.user .message-avatar{background:var(--color-muted);color:var(--color-foreground)}.message-content{white-space:pre-wrap;word-wrap:break-word;border-radius:18px;max-width:75%;padding:14px 18px;font-size:.95rem;line-height:1.6}.message.assistant .message-content{border:1px solid var(--color-border);background:#fff;border-radius:18px 18px 18px 4px;box-shadow:0 2px 8px #0000000a}.message.user .message-content{background:linear-gradient(135deg, var(--color-primary), var(--color-secondary));color:var(--color-on-primary);border-radius:18px 18px 4px;box-shadow:0 2px 8px #7c3aed33}.message.error .message-content{color:var(--color-destructive);background:#fef2f2;border-color:#fecaca}.typing-indicator{align-items:center;gap:10px;padding:4px 0;display:flex}.typing-dots{gap:5px;display:flex}.typing-dot{background:var(--color-secondary);border-radius:50%;width:8px;height:8px;animation:1.4s ease-in-out infinite pulse}.typing-dot:nth-child(2){animation-delay:.2s}.typing-dot:nth-child(3){animation-delay:.4s}@keyframes pulse{0%,60%,to{opacity:.5;transform:scale(1)}30%{opacity:1;transform:scale(1.15)}}.input-area{border-top:1px solid var(--color-border);background:#fff;padding:16px 24px 24px}.input-wrapper{width:100%;display:flex}.input-wrapper form{flex-wrap:nowrap;align-items:flex-end;gap:12px;width:100%;display:flex}.input-field{border:2px solid var(--color-border);min-width:0;font-size:.95rem;font-family:var(--font-family);background:var(--color-muted);transition:all .2s var(--ease-smooth);resize:none;box-sizing:border-box;border-radius:16px;flex:auto;align-items:center;min-height:52px;max-height:140px;padding:14px 18px;line-height:1.5;display:flex}.input-field:focus{border-color:var(--color-primary);background:#fff;outline:none;box-shadow:0 0 0 4px #7c3aed1a}.input-field::placeholder{color:#9ca3af}.send-btn{background:linear-gradient(135deg, var(--color-primary), var(--color-secondary));color:#fff;cursor:pointer;width:52px;height:52px;transition:all .2s var(--ease-smooth);border:none;border-radius:16px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.send-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 24px #7c3aed59}.send-btn:active:not(:disabled){transform:scale(.95)}.send-btn:disabled{opacity:.5;cursor:not-allowed}.send-btn svg{width:20px;height:20px}.welcome{text-align:center;animation:fadeIn .5s var(--ease-smooth);flex-direction:column;flex:1;justify-content:center;align-items:center;padding:40px;display:flex}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.welcome-icon{background:linear-gradient(135deg, var(--color-primary), var(--color-secondary));border-radius:26px;justify-content:center;align-items:center;width:88px;height:88px;margin-bottom:28px;display:flex;box-shadow:0 16px 48px #7c3aed40}.welcome-icon svg{color:#fff;width:44px;height:44px}.welcome h2{color:var(--color-foreground);letter-spacing:-.02em;margin-bottom:10px;font-size:1.6rem;font-weight:600}.welcome p{color:#6b7280;max-width:340px;font-size:1rem;line-height:1.6}.chat-container::-webkit-scrollbar{width:6px}.chat-container::-webkit-scrollbar-track{background:0 0}.chat-container::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:3px}.chat-container::-webkit-scrollbar-thumb:hover{background:var(--color-secondary)}@media (width<=640px){.header{padding:14px 18px}.chat-container{padding:16px}.message-content{max-width:85%}.input-area{padding:12px 16px 20px}.welcome-icon{border-radius:20px;width:72px;height:72px}.welcome-icon svg{width:36px;height:36px}}@media (prefers-reduced-motion:reduce){.message,.welcome,.typing-dot{animation:none}}.attach-btn{background:var(--color-muted);cursor:pointer;border:none;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:1.2rem;transition:all .2s;display:flex}.attach-btn:hover:not(:disabled){background:#e5e7eb}.attach-btn:disabled{opacity:.5;cursor:not-allowed}.image-preview{margin-bottom:8px;display:inline-block}.image-preview.compressing img{opacity:.5}.image-preview img{object-fit:cover;border-radius:8px;max-width:120px;max-height:80px}.remove-image{background:var(--color-destructive);color:#fff;cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;font-size:12px;display:flex;position:absolute;top:-8px;right:-8px}.message-image{object-fit:cover;border-radius:8px;max-width:200px;max-height:150px;margin-top:8px}