@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";:root{--background-color: #1a1a2e;--bubble-color: #2a2a3e;--form-color: #2a2a3e;--text-color: #e0e0e0;--subtle-text-color: #a0a0b0;--user-message-gradient: linear-gradient(135deg, #e94560, #b83b5e);--ai-accent-color: #3c4788;--border-color: #3a3a4e;--hover-color: #3a3a4e;--accent-color: #e94560;--font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif}*{margin:0;padding:0;box-sizing:border-box;font-family:var(--font-family)}body{background:var(--background-color);color:var(--text-color)}#app{width:100vw;height:100vh;background:var(--background-color);display:flex;flex-direction:column;align-items:center;justify-content:space-between}#chat_container{flex:1;width:90%;max-width:860px;height:100%;overflow-y:auto;display:flex;flex-direction:column;gap:20px;padding:20px 10px;scroll-behavior:smooth}#chat_container::-webkit-scrollbar{width:8px}#chat_container::-webkit-scrollbar-track{background:transparent}#chat_container::-webkit-scrollbar-thumb{background-color:var(--border-color);border-radius:4px}.wrapper{width:100%;padding:0}.ai{background:transparent}.chat{width:100%;margin:0 auto;display:flex;flex-direction:row;align-items:flex-start;gap:15px}.profile{width:38px;height:38px;border-radius:8px;background:var(--accent-color);display:flex;justify-content:center;align-items:center;flex-shrink:0}.ai .profile{background:var(--ai-accent-color)}.profile .lucide{color:#fff}.message{flex:1;color:var(--text-color);font-size:16px;line-height:1.6;max-width:100%;overflow-x:hidden;white-space:normal;padding:10px 16px;border-radius:12px;background:var(--bubble-color);border:1px solid var(--border-color)}.wrapper:not(.ai){float:right}.wrapper:not(.ai) .chat{flex-direction:row-reverse;width:auto;max-width:85%;display:flex;justify-content:flex-end;float:right}.wrapper:not(.ai) .message{background:var(--user-message-gradient);color:#fff;border:none;display:flex;justify-content:flex-end;float:right}.message h1,.message h2,.message h3{margin-top:.8em;margin-bottom:.4em;font-weight:600;line-height:1.3}.message h1{font-size:1.5em}.message h2{font-size:1.3em}.message h3{font-size:1.15em}.message p{margin-bottom:.5em}.message strong,.message b{font-weight:600}.message em,.message i{font-style:italic}.message ul,.message ol{padding-left:1.5em;margin-bottom:1em}.message li{margin-bottom:.4em}.message blockquote{border-left:2px solid var(--accent-color);padding-left:1em;margin:1em 0;font-style:italic;color:var(--subtle-text-color)}.message code{background-color:#0000004d;padding:.2em .4em;border-radius:5px;font-family:SF Mono,Fira Code,Courier New,monospace;font-size:.9em}.message pre code{background-color:transparent;padding:0;border-radius:0}.code-container{background-color:#0c0c0c;border:1px solid var(--border-color);border-radius:8px;margin:1.5em 0;overflow:hidden;white-space:normal}.top-bar{background-color:#1a1a1a;color:var(--subtle-text-color);padding:8px 15px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--border-color)}.language-label{font-size:.85em;text-transform:uppercase;letter-spacing:.5px}.copy-code-snippet{background:transparent;color:var(--subtle-text-color);border:none;padding:2px;border-radius:4px;cursor:pointer;display:flex;align-items:center;gap:5px;font-size:.9em;transition:color .2s ease}.copy-code-snippet:hover{color:var(--text-color)}pre{margin:0!important;padding:1em!important;overflow-x:auto}form{width:90%;max-width:860px;margin:0 auto;padding:10px 0 25px;background:transparent;display:flex;flex-direction:row;gap:10px;align-items:flex-end}textarea{width:100%;color:var(--text-color);font-size:16px;padding:10px 16px;background:var(--form-color);border-radius:12px;border:1px solid var(--border-color);outline:none;resize:none;transition:border-color .2s ease,box-shadow .2s ease;line-height:1.6}textarea:focus{border-color:var(--accent-color);box-shadow:0 0 0 3px #e945604d}button[type=submit]{outline:0;border:0;cursor:pointer;background:var(--accent-color);width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:background-color .2s ease}button[type=submit]:hover{background-color:#b83b5e}.copy-btn{background:none;border:none;color:var(--subtle-text-color);cursor:pointer;font-size:18px;opacity:.6;transition:opacity .2s ease,color .2s ease;align-self:center;margin-left:8px;padding:4px}.copy-btn:hover{opacity:1;color:var(--text-color)}.model-selector-container{padding:15px 0 5px;width:90%;max-width:860px;display:flex;align-items:center;gap:10px}label[for=modelSelect]{color:var(--subtle-text-color);font-size:14px}select#modelSelect{background-color:var(--form-color);color:var(--text-color);border:1px solid var(--border-color);border-radius:8px;padding:8px 12px;font-size:14px;outline:none;transition:border-color .2s ease,box-shadow .2s ease}select#modelSelect:focus{border-color:var(--accent-color);box-shadow:0 0 0 3px #e945604d}option{color:var(--text-color);background-color:var(--form-color)}.lucide{width:20px;height:20px;stroke-width:2}button[type=submit] .lucide{color:#fff}.copy-code-snippet .lucide{width:16px;height:16px}