*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}:root{--bg-primary: #fef7e7;--bg-secondary: #fff9ee;--bg-card: #ffffff;--accent: #f59e0b;--accent-light: #fbbf24;--accent-dark: #d97706;--accent-bg: #fffbeb;--text-primary: #1c1917;--text-secondary: #78716c;--text-muted: #a8a29e;--border: #f5f0e8;--border-strong: #e7e0d5;--bubble-user: #f59e0b;--bubble-user-text: #fff;--bubble-assistant: #ffffff;--bubble-assistant-text: #1c1917;--danger: #ef4444;--success: #22c55e;--code-bg: #f8f5f0;--blockquote-border: #f59e0b;--blockquote-bg: #fffdf5;--radius-sm: 8px;--radius-md: 16px;--radius-lg: 24px;--radius-xl: 32px;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .04);--shadow-md: 0 4px 12px rgba(0, 0, 0, .06);--shadow-lg: 0 8px 30px rgba(0, 0, 0, .08);--font-sans: "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono: "SF Mono", "Fira Code", Monaco, Consolas, monospace;--max-width: 720px}@media(prefers-color-scheme:dark){:root{--bg-primary: #1a1614;--bg-secondary: #231f1b;--bg-card: #2a2420;--accent: #f59e0b;--accent-light: #fbbf24;--accent-bg: #2a2115;--text-primary: #fafaf9;--text-secondary: #a8a29e;--text-muted: #78716c;--border: #33302c;--border-strong: #44403c;--bubble-assistant: #2a2420;--bubble-assistant-text: #fafaf9;--code-bg: #1f1b18;--blockquote-bg: #2a2115;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .2);--shadow-md: 0 4px 12px rgba(0, 0, 0, .3);--shadow-lg: 0 8px 30px rgba(0, 0, 0, .4)}}html,body{height:100%;font-family:var(--font-sans);background:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{height:100%}.app-container{display:flex;flex-direction:column;height:100%;max-width:var(--max-width);margin:0 auto}.header{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-bottom:1px solid var(--border);background:var(--bg-secondary);flex-shrink:0}.header-left{display:flex;align-items:center;gap:10px}.header-logo{width:38px;height:38px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--accent-light),var(--accent-dark));border-radius:12px;color:#fff;animation:bounce-gentle 2.5s ease-in-out infinite}@keyframes bounce-gentle{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}.header-title-group{display:flex;flex-direction:column}.header-title{font-size:17px;font-weight:700;color:var(--text-primary);line-height:1.2;letter-spacing:-.3px}.header-subtitle{font-size:12px;color:var(--text-muted);font-weight:500}.new-chat-btn{display:flex;align-items:center;gap:5px;padding:8px 14px;border:1.5px solid var(--border-strong);border-radius:var(--radius-lg);background:var(--bg-card);color:var(--text-secondary);font-size:13px;font-weight:600;cursor:pointer;transition:all .2s}.new-chat-btn:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-bg)}.chat-area{flex:1;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.messages-container{padding:20px 16px;display:flex;flex-direction:column;gap:18px;min-height:100%}.message{display:flex;align-items:flex-start;gap:10px;max-width:100%;animation:fade-in-up .25s ease-out}@keyframes fade-in-up{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.message-user{justify-content:flex-end}.message-assistant{justify-content:flex-start}.message-avatar{flex-shrink:0;width:34px;height:34px;display:flex;align-items:center;justify-content:center;border-radius:10px}.assistant-avatar{background:linear-gradient(135deg,#fef3c7,#fde68a);color:var(--accent-dark);box-shadow:0 2px 8px #f59e0b26}.user-avatar{background:linear-gradient(135deg,#818cf8,#6366f1);color:#fff;box-shadow:0 2px 8px #6366f126}.message-bubble{max-width:82%;padding:12px 16px;border-radius:var(--radius-md);line-height:1.65;font-size:14.5px;word-break:break-word}.bubble-user{background:var(--bubble-user);color:var(--bubble-user-text);border-bottom-right-radius:4px;box-shadow:var(--shadow-sm)}.bubble-assistant{background:var(--bubble-assistant);color:var(--bubble-assistant-text);border:1px solid var(--border);border-bottom-left-radius:4px;box-shadow:var(--shadow-sm)}.tool-status{display:flex;align-items:center;gap:8px;padding:8px 12px;margin-bottom:10px;background:var(--accent-bg);border-radius:var(--radius-sm);font-size:13px;color:var(--accent-dark);font-weight:500;border:1px solid rgba(245,158,11,.15)}.tool-status-dot{width:6px;height:6px;border-radius:50%;background:var(--accent);animation:pulse-dot 1.2s ease-in-out infinite}@keyframes pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.7)}}.markdown-body{line-height:1.7}.markdown-body h1,.markdown-body h2,.markdown-body h3,.markdown-body h4{margin:16px 0 8px;font-weight:700;color:var(--text-primary);line-height:1.3}.markdown-body h1{font-size:18px}.markdown-body h2{font-size:16px}.markdown-body h3{font-size:15px}.markdown-body h4{font-size:14.5px}.markdown-body h1:first-child,.markdown-body h2:first-child,.markdown-body h3:first-child,.markdown-body h4:first-child{margin-top:0}.markdown-body p{margin:8px 0}.markdown-body p:first-child{margin-top:0}.markdown-body p:last-child{margin-bottom:0}.markdown-body strong{color:var(--accent-dark);font-weight:700}.markdown-body em{font-style:italic;color:var(--text-secondary)}.markdown-body ul,.markdown-body ol{padding-left:20px;margin:8px 0}.markdown-body li{margin:5px 0;line-height:1.6}.markdown-body li::marker{color:var(--accent)}.markdown-body code{background:var(--code-bg);padding:2px 6px;border-radius:4px;font-size:13px;font-family:var(--font-mono);border:1px solid var(--border)}.markdown-body pre{background:var(--code-bg);border:1px solid var(--border);border-radius:var(--radius-sm);padding:12px 14px;margin:10px 0;overflow-x:auto;font-size:13px;line-height:1.5}.markdown-body pre code{background:none;padding:0;border:none;font-size:inherit}.markdown-body blockquote{border-left:3px solid var(--blockquote-border);background:var(--blockquote-bg);padding:10px 14px;margin:10px 0;border-radius:0 var(--radius-sm) var(--radius-sm) 0;color:var(--text-secondary);font-size:13.5px}.markdown-body blockquote p{margin:0}.markdown-body a{color:var(--accent-dark);text-decoration:underline;text-underline-offset:2px;transition:color .15s}.markdown-body a:hover{color:var(--accent)}.markdown-body hr{border:none;border-top:1px solid var(--border);margin:14px 0}.markdown-body table{width:100%;border-collapse:collapse;margin:10px 0;font-size:13px}.markdown-body th,.markdown-body td{border:1px solid var(--border);padding:8px 10px;text-align:left}.markdown-body th{background:var(--accent-bg);font-weight:600;color:var(--text-primary)}.markdown-body tr:nth-child(2n) td{background:var(--bg-secondary)}.typing-indicator{display:flex;gap:4px;padding:4px 0}.typing-indicator span{width:7px;height:7px;border-radius:50%;background:var(--accent);animation:typing-bounce 1.4s ease-in-out infinite}.typing-indicator span:nth-child(2){animation-delay:.16s}.typing-indicator span:nth-child(3){animation-delay:.32s}@keyframes typing-bounce{0%,60%,to{transform:translateY(0);opacity:.4}30%{transform:translateY(-6px);opacity:1}}.welcome{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 20px 20px;min-height:100%}.welcome-character{margin-bottom:24px}.character-bubble{position:relative;width:96px;height:96px;display:flex;align-items:center;justify-content:center;background:linear-gradient(145deg,#fef3c7,#fde68a);border-radius:50%;box-shadow:0 8px 30px #f59e0b33,inset 0 -4px 8px #f59e0b1a;animation:float 3s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.character-icon{color:var(--accent-dark)}.character-sparkle{position:absolute;width:8px;height:8px;border-radius:50%;background:var(--accent);animation:sparkle 2s ease-in-out infinite}.sparkle-1{top:2px;right:2px;animation-delay:0s}.sparkle-2{bottom:4px;left:0;animation-delay:.6s}.sparkle-3{top:10px;left:-4px;animation-delay:1.2s}@keyframes sparkle{0%,to{opacity:0;transform:scale(.5)}50%{opacity:1;transform:scale(1.2)}}.welcome-title{font-size:22px;font-weight:800;margin-bottom:8px;text-align:center;letter-spacing:-.5px}.highlight{background:linear-gradient(120deg,var(--accent-light),var(--accent-dark));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.welcome-desc{font-size:14px;color:var(--text-secondary);text-align:center;line-height:1.7;margin-bottom:32px}.quick-starters{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;width:100%;max-width:420px}.quick-starter-card{display:flex;flex-direction:column;align-items:flex-start;gap:6px;padding:14px;background:var(--bg-card);border:1.5px solid var(--border);border-radius:var(--radius-md);cursor:pointer;transition:all .2s;text-align:left}.quick-starter-card:hover{border-color:var(--accent);box-shadow:var(--shadow-md);transform:translateY(-2px)}.quick-starter-card:active{transform:translateY(0)}.qs-icon{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:var(--accent-bg);border-radius:10px;color:var(--accent-dark);margin-bottom:2px}.qs-title{font-size:14px;font-weight:700;color:var(--text-primary)}.qs-desc{font-size:12px;color:var(--text-secondary);line-height:1.4}.input-bar-wrapper{flex-shrink:0;padding:10px 16px 16px;background:var(--bg-secondary);border-top:1px solid var(--border)}.input-bar{display:flex;align-items:flex-end;gap:8px;background:var(--bg-card);border:1.5px solid var(--border-strong);border-radius:var(--radius-lg);padding:6px 6px 6px 14px;transition:border-color .2s,box-shadow .2s}.input-bar:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px #f59e0b1a}.input-textarea{flex:1;border:none;outline:none;resize:none;background:transparent;font-family:var(--font-sans);font-size:14.5px;line-height:1.5;color:var(--text-primary);padding:6px 0;max-height:120px}.input-textarea::placeholder{color:var(--text-muted)}.input-textarea:disabled{opacity:.6}.send-btn{width:36px;height:36px;border:none;border-radius:50%;background:var(--accent);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0;transition:all .2s}.send-btn:hover:not(:disabled){background:var(--accent-dark);transform:scale(1.05)}.send-btn:disabled{opacity:.4;cursor:default}.stop-btn{background:var(--danger);animation:pulse-stop 1.5s ease-in-out infinite}.stop-btn:hover{background:#dc2626!important}@keyframes pulse-stop{0%,to{box-shadow:0 0 #ef44444d}50%{box-shadow:0 0 0 6px #ef444400}}.input-hint{text-align:center;font-size:11px;color:var(--text-muted);margin-top:8px}@media(max-width:480px){.app-container{max-width:100%}.header{padding:10px 12px}.header-logo{width:34px;height:34px}.header-title{font-size:15px}.new-chat-btn span{display:none}.new-chat-btn{padding:8px}.messages-container{padding:12px;gap:14px}.message-bubble{max-width:88%;font-size:14px;padding:10px 13px}.welcome{padding:24px 16px 16px}.welcome-title{font-size:20px}.quick-starters{grid-template-columns:1fr}.input-bar-wrapper{padding:8px 12px 12px}}@media(min-width:481px)and (max-width:768px){.quick-starters{max-width:380px}}@media(min-width:769px){.app-container{border-left:1px solid var(--border);border-right:1px solid var(--border)}}.chat-area::-webkit-scrollbar{width:5px}.chat-area::-webkit-scrollbar-track{background:transparent}.chat-area::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:3px}.chat-area::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}