:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;-webkit-font-smoothing:antialiased;font-family:PingFang SC,HarmonyOS Sans,MiSans,Microsoft YaHei,sans-serif;font-size:16px;line-height:1.6}*{box-sizing:border-box;margin:0;padding:0}body{color:#8b736c;background:#fbf8ea;min-height:100vh}#root{min-height:100vh}:root{--bg:#fbf8ea;--surface:#fff5f3;--border:#f0e2d4;--text:#8b736c;--text-dim:#b8a098;--user-bubble:#e8b4c8;--assistant-bubble:#ffe7e8;--input-bg:#ffe7e8;--send-btn:#c4788a;--send-btn-hover:#b06578;--accent:#c4788a;--accent-dim:#d4a0a8;--accent-bg:#c4788a1a;--red:#c4788a;--radius:14px;--shadow:0 1px 4px #8c6e640f}[data-theme=dark]{--bg:#3a2e2a;--surface:#443530;--border:#4e3d36;--text:#f5e6d8;--text-dim:#9a8a80;--user-bubble:#5c4a44;--assistant-bubble:#4a3733;--input-bg:#4a3733;--send-btn:#8b736c;--send-btn-hover:#a08880;--accent:#a08880;--accent-dim:#8b736c;--accent-bg:#8b736c1f;--red:#c08070;--radius:14px;--shadow:0 1px 4px #00000026}.welcome{text-align:center;opacity:0;justify-content:center;align-items:center;height:100vh;transition:opacity 1.5s;display:flex}.welcome.visible{opacity:1}.welcome-star{color:#ecc7d6;margin-bottom:24px;font-size:18px}.welcome-line{color:#8b736c;letter-spacing:2px;margin-bottom:12px;font-size:22px}.welcome-signature{color:#c4a99a;margin-bottom:48px;font-size:17px}.welcome-btn{background:var(--send-btn);color:#fff;letter-spacing:3px;cursor:pointer;border-radius:var(--radius);border:none;padding:12px 40px;font-family:inherit;font-size:.95rem;transition:background .3s}.welcome-btn:hover{background:var(--send-btn-hover)}.chat{flex-direction:column;max-width:680px;height:100vh;margin:0 auto;padding:0 4px;display:flex}.chat-header{border-bottom:1px solid var(--border);background:var(--bg);flex-shrink:0;justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.chat-brand{letter-spacing:3px;color:var(--accent);font-size:1rem;font-weight:500}.chat-controls{align-items:center;gap:8px;display:flex}.theme-toggle{border:1px solid var(--border);color:var(--text);cursor:pointer;border-radius:var(--radius);background:0 0;padding:5px 9px;font-size:.85rem;line-height:1;transition:all .2s}.model-select{background:var(--bg);border:1px solid var(--border);color:var(--text-dim);letter-spacing:1px;border-radius:var(--radius);cursor:pointer;outline:none;padding:5px 10px;font-family:inherit;font-size:.75rem}.model-select:focus{border-color:var(--accent-dim)}.chat-messages{flex-direction:column;flex:1;gap:14px;padding:20px 12px;display:flex;overflow-y:auto}.chat-empty{text-align:center;color:var(--text-dim);margin-top:28vh;line-height:2}.message{max-width:75%;display:flex}.message.user{align-self:flex-end}.message.assistant{align-self:flex-start}.message-bubble{border-radius:var(--radius);white-space:pre-wrap;padding:11px 16px;font-size:16px;line-height:1.65}.message.user .message-bubble{background:var(--user-bubble);color:var(--text)}.message.assistant .message-bubble{background:var(--assistant-bubble);color:var(--text);box-shadow:var(--shadow)}.message.error .message-bubble{border:1px solid var(--red);color:var(--red)}.message+.message.user,.message+.message.assistant{margin-top:4px}.typing-indicator{color:var(--text-dim);padding-left:16px;font-size:.8rem;animation:2s infinite pulse}@keyframes pulse{0%,to{opacity:.35}50%{opacity:.8}}.chat-input-area{border-top:1px solid var(--border);background:var(--bg);flex-shrink:0;align-items:flex-end;gap:8px;padding:12px 12px 16px;display:flex}.chat-input{background:var(--input-bg);color:var(--text);border-radius:var(--radius);resize:none;border:none;outline:none;flex:1;padding:11px 16px;font-family:inherit;font-size:16px;line-height:1.5}.chat-input::placeholder{color:var(--text-dim)}.send-btn{background:var(--send-btn);color:#fff;cursor:pointer;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;font-size:1.1rem;transition:background .2s;display:flex}.send-btn:hover:not(:disabled){background:var(--send-btn-hover)}.send-btn:disabled{opacity:.35;cursor:default}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border);border-radius:2px}