pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{color:#abb2bf;background:#282c34}.hljs-comment,.hljs-quote{color:#5c6370;font-style:italic}.hljs-doctag,.hljs-keyword,.hljs-formula{color:#c678dd}.hljs-section,.hljs-name,.hljs-selector-tag,.hljs-deletion,.hljs-subst{color:#e06c75}.hljs-literal{color:#56b6c2}.hljs-string,.hljs-regexp,.hljs-addition,.hljs-attribute,.hljs-meta .hljs-string{color:#98c379}.hljs-attr,.hljs-variable,.hljs-template-variable,.hljs-type,.hljs-selector-class,.hljs-selector-attr,.hljs-selector-pseudo,.hljs-number{color:#d19a66}.hljs-symbol,.hljs-bullet,.hljs-link,.hljs-meta,.hljs-selector-id,.hljs-title{color:#61aeee}.hljs-built_in,.hljs-title.class_,.hljs-class .hljs-title{color:#e6c07b}.hljs-emphasis{font-style:italic}.hljs-strong{font-weight:700}.hljs-link{text-decoration:underline}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;background:#f8f9fa;color:#1a1a1a}body.dark-theme{background:#0d0d0d;color:#fff}.app{display:flex;height:100vh;background:#f8f9fa}.app.dark-theme{background:#0d0d0d}.sidebar{width:260px;background:#fff;border-right:1px solid #e5e5e5;display:flex;flex-direction:column;overflow:hidden}.sidebar.dark-theme{background:#1a1a1a;border-right-color:#333}.sidebar-header{padding:16px;border-bottom:1px solid #e5e5e5}.sidebar.dark-theme .sidebar-header{border-bottom-color:#333}.new-chat-btn{width:100%;padding:10px 12px;background:#667eea;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:13px;font-weight:600;display:flex;align-items:center;justify-content:center;gap:8px;transition:background .2s}.new-chat-btn:hover{background:#5568d3}.sidebar-conversations{flex:1;overflow-y:auto;padding:8px}.conversation-item{padding:10px 12px;margin-bottom:4px;background:#f5f5f5;border-radius:6px;cursor:pointer;font-size:13px;display:flex;align-items:center;justify-content:space-between;gap:8px;transition:all .2s;color:#1a1a1a}.sidebar.dark-theme .conversation-item{background:#2a2a2a;color:#e0e0e0}.conversation-item:hover{background:#e8e8e8}.sidebar.dark-theme .conversation-item:hover{background:#333}.conversation-item.active{background:#667eea;color:#fff}.conv-title{display:flex;align-items:center;gap:8px;flex:1;min-width:0;overflow:hidden}.conv-title span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.delete-btn{background:none;border:none;cursor:pointer;color:inherit;opacity:0;transition:opacity .2s;padding:4px}.conversation-item:hover .delete-btn{opacity:1}.delete-btn:hover{color:#ff6b6b}.sidebar-footer{padding:12px 16px;border-top:1px solid #e5e5e5;font-size:12px;opacity:.6;text-align:center}.sidebar.dark-theme .sidebar-footer{border-top-color:#333}.chat-container{display:flex;flex-direction:column;width:100%;max-width:1000px;margin:0 auto;background:#fff;box-shadow:none;overflow:hidden;height:100vh}.app.dark-theme .chat-container{background:#1a1a1a}.chat-header{padding:20px 24px;background:#fff;border-bottom:1px solid #e5e5e5;display:flex;justify-content:space-between;align-items:center}.app.dark-theme .chat-header{background:#1a1a1a;border-bottom-color:#333}.chat-header-left{display:flex;gap:12px;align-items:center}.chat-header h1{font-size:20px;margin:0;font-weight:700;color:#1a1a1a}.app.dark-theme .chat-header h1{color:#fff}.subtitle{font-size:13px;opacity:.6;margin:0}.chat-header-right{display:flex;gap:12px;align-items:center}.messages{flex:1;overflow-y:auto;padding:20px;display:flex;flex-direction:column;gap:12px}.app.dark-theme .messages{background:#0d0d0d}.message{display:flex;gap:12px;animation:slideIn .3s ease-out;align-items:flex-start}.message.user{justify-content:flex-end}.message-avatar{width:32px;height:32px;border-radius:6px;background:#f0f0f0;display:flex;align-items:center;justify-content:center;font-size:16px;flex-shrink:0}.app.dark-theme .message-avatar{background:#333}.message.user .message-avatar{background:#667eea;color:#fff}.message-content{max-width:70%;padding:12px 16px;border-radius:12px;position:relative;word-wrap:break-word;white-space:pre-wrap;line-height:1.6;font-size:14px}.message.user .message-content{background:#667eea;color:#fff;border-bottom-right-radius:4px}.message.assistant .message-content{background:#f5f5f5;color:#1a1a1a;border-bottom-left-radius:4px}.app.dark-theme .message.assistant .message-content{background:#1e1e1e;color:#e0e0e0}.message-content code{background:#0000001a;padding:2px 6px;border-radius:4px;font-family:Monaco,Courier New,monospace;font-size:12px}.app.dark-theme .message-content code{background:#ffffff1a}.copy-btn{position:absolute;top:8px;right:8px;background:#0003;border:none;border-radius:6px;padding:6px;cursor:pointer;opacity:0;transition:opacity .2s,background .2s;color:#666}.app.dark-theme .copy-btn{color:#aaa;background:#ffffff1a}.message.assistant:hover .copy-btn{opacity:1}.copy-btn:hover{background:#0000004d}.app.dark-theme .copy-btn:hover{background:#ffffff26}.model-selector,.theme-toggle{padding:8px 12px;border:1px solid #e5e5e5;border-radius:6px;background:#fff;cursor:pointer;font-size:13px;color:#1a1a1a;transition:all .2s}.app.dark-theme .model-selector,.app.dark-theme .theme-toggle{border-color:#333;background:#2a2a2a;color:#e0e0e0}.model-selector:hover,.theme-toggle:hover{border-color:#667eea}.model-selector:focus,.theme-toggle:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 2px #667eea1a}.typing-indicator{display:flex;gap:4px}.typing-indicator span{width:8px;height:8px;border-radius:50%;background:#667eea;animation:typing 1.4s infinite}.app.dark-theme .typing-indicator span{background:#667eea}.typing-indicator span:nth-child(2){animation-delay:.2s}.typing-indicator span:nth-child(3){animation-delay:.4s}@keyframes typing{0%,60%,to{opacity:.5;transform:translateY(0)}30%{opacity:1;transform:translateY(-10px)}}.input-form{display:flex;gap:12px;padding:16px;background:#fff;border-top:1px solid #e5e5e5;align-items:center}.app.dark-theme .input-form{background:#1a1a1a;border-top-color:#333}.input-form input{flex:1;padding:12px 16px;border:1px solid #e5e5e5;border-radius:8px;font-size:14px;outline:none;transition:border-color .2s,background .2s;background:#fff;color:#1a1a1a}.app.dark-theme .input-form input{background:#2a2a2a;border-color:#333;color:#e0e0e0}.input-form input:focus{border-color:#667eea;box-shadow:0 0 0 2px #667eea1a}.input-form input:disabled{opacity:.6;cursor:not-allowed}.input-form button{padding:12px 24px;background:#667eea;color:#fff;border:none;border-radius:8px;cursor:pointer;font-weight:600;transition:all .2s;display:flex;align-items:center;justify-content:center;min-width:44px;height:44px}.input-form button:hover:not(:disabled){background:#5568d3}.input-form button:active:not(:disabled){transform:scale(.98)}.input-form button:disabled{opacity:.5;cursor:not-allowed}@keyframes slideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.message-content{max-width:85%;font-size:13px}.chat-header{padding:16px}.chat-header h1{font-size:18px}.messages{padding:16px;gap:10px}.input-form{gap:8px;padding:12px}.input-form input{padding:10px 12px;font-size:13px}.model-selector,.theme-toggle{padding:6px 10px;font-size:12px}}.code-block{background:#f5f5f5;border:1px solid #e0e0e0;border-radius:8px;overflow:auto;margin:8px 0}.app.dark-theme .code-block{background:#0a0a0a;border-color:#333}.code-block pre{margin:0;padding:12px;font-family:Monaco,Courier New,monospace;font-size:13px;line-height:1.5;color:#1a1a1a}.app.dark-theme .code-block pre{color:#e0e0e0}.code-block code{background:none!important;padding:0!important;color:inherit}.inline-code{background:#0000001a;padding:2px 6px;border-radius:4px;font-family:Monaco,Courier New,monospace;font-size:12px;color:#d73a49}.app.dark-theme .inline-code{background:#ffffff1a;color:#ff7b72}