@import"https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700&family=Roboto+Mono:wght@400;500&display=swap";pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}/*!
  Theme: GitHub Dark
  Description: Dark theme as seen on github.com
  Author: github.com
  Maintainer: @Hirse
  Updated: 2021-05-15

  Outdated base version: https://github.com/primer/github-syntax-dark
  Current colors taken from GitHub's CSS
*/.hljs{color:#c9d1d9;background:#0d1117}.hljs-doctag,.hljs-keyword,.hljs-meta .hljs-keyword,.hljs-template-tag,.hljs-template-variable,.hljs-type,.hljs-variable.language_{color:#ff7b72}.hljs-title,.hljs-title.class_,.hljs-title.class_.inherited__,.hljs-title.function_{color:#d2a8ff}.hljs-attr,.hljs-attribute,.hljs-literal,.hljs-meta,.hljs-number,.hljs-operator,.hljs-variable,.hljs-selector-attr,.hljs-selector-class,.hljs-selector-id{color:#79c0ff}.hljs-regexp,.hljs-string,.hljs-meta .hljs-string{color:#a5d6ff}.hljs-built_in,.hljs-symbol{color:#ffa657}.hljs-comment,.hljs-code,.hljs-formula{color:#8b949e}.hljs-name,.hljs-quote,.hljs-selector-tag,.hljs-selector-pseudo{color:#7ee787}.hljs-subst{color:#c9d1d9}.hljs-section{color:#1f6feb;font-weight:700}.hljs-bullet{color:#f2cc60}.hljs-emphasis{color:#c9d1d9;font-style:italic}.hljs-strong{color:#c9d1d9;font-weight:700}.hljs-addition{color:#aff5b4;background-color:#033a16}.hljs-deletion{color:#ffdcd7;background-color:#67060c}:root{--bg-0: #0f0f13;--bg-1: #13131a;--bg-2: #1c1c24;--bg-3: #22222c;--bg-4: #2a2a36;--border: #2e2e3e;--border-light: #3d3d52;--text-0: #e6e1e5;--text-1: #cac4d0;--text-2: #a8b0bc;--text-3: #8b95a1;--accent: #4f9ef8;--accent-dim: #3b82f6;--accent-dark: #1d4ed8;--accent-glow: rgba(79, 158, 248, .12);--accent-glow-strong: rgba(79, 158, 248, .2);--on-accent: #ffffff;--user-bubble: #1a2340;--user-border: #2d3a5e;--assistant-bubble: transparent;--error: #f2b8b8;--error-bg: #601410;--success: #6fd08c;--warning: #f9d89a;--font-sans: "Roboto", system-ui, sans-serif;--font-mono: "Roboto Mono", "SF Mono", monospace;--font-display: "Roboto", system-ui, sans-serif;--sidebar-width: 280px;--input-height: 56px;--header-height: 56px;--safe-bottom: env(safe-area-inset-bottom, 0px);--safe-top: env(safe-area-inset-top, 0px);--elevation-1: 0 1px 2px rgba(0,0,0,.3), 0 1px 3px 1px rgba(0,0,0,.15);--elevation-2: 0 1px 2px rgba(0,0,0,.3), 0 2px 6px 2px rgba(0,0,0,.15);--elevation-3: 0 4px 8px 3px rgba(0,0,0,.15), 0 1px 3px rgba(0,0,0,.3);--ease-out: cubic-bezier(.2, 0, 0, 1);--ease-standard: cubic-bezier(.2, 0, 0, 1);--duration-short: .2s;--duration-medium: .3s;--radius-xs: 4px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 24px;--radius-full: 9999px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-text-size-adjust:100%;text-size-adjust:100%;scroll-behavior:smooth}body{font-family:var(--font-sans);background:var(--bg-0);color:var(--text-0);line-height:1.6;min-height:100dvh;overflow:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.app-shell{display:flex;height:100dvh;height:var(--app-height, 100dvh);width:100vw;overflow:hidden;padding-top:var(--safe-top)}.sidebar{width:var(--sidebar-width);background:var(--bg-1);border-right:1px solid var(--border);display:flex;flex-direction:column;flex-shrink:0;transition:width var(--duration-medium) var(--ease-out),transform var(--duration-medium) var(--ease-out);z-index:50;overflow:hidden}@media(min-width:769px){.sidebar{width:var(--sidebar-width)}.sidebar:not(.open){width:0;border-right:none}}@media(max-width:768px){.sidebar{position:fixed;inset:0 auto 0 0;transform:translate(-100%);height:100dvh;width:var(--sidebar-width)!important;box-shadow:var(--elevation-3)}.sidebar.open{transform:translate(0)}}.main-area{flex:1;display:flex;flex-direction:column;overflow:hidden;min-width:0;min-height:0;height:100%}.header{height:var(--header-height);border-bottom:1px solid var(--border);display:flex;align-items:center;padding:0 .75rem 0 .5rem;gap:.5rem;background:var(--bg-1);flex-shrink:0}.chat-scroll{flex:1;overflow-y:auto;overflow-x:hidden;padding:1rem 1rem calc(1rem + var(--safe-bottom));scroll-behavior:smooth;min-height:0;overscroll-behavior-y:contain}.chat-scroll::-webkit-scrollbar{width:4px}.chat-scroll::-webkit-scrollbar-track{background:transparent}.chat-scroll::-webkit-scrollbar-thumb{background:var(--border);border-radius:2px}.messages{max-width:760px;margin:0 auto;display:flex;flex-direction:column;gap:.25rem}.message{display:flex;gap:.75rem;padding:.625rem 0;animation:msgIn var(--duration-short) var(--ease-out)}@keyframes msgIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.message.user{flex-direction:row-reverse}.message-avatar{width:32px;height:32px;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;font-size:12px;flex-shrink:0;margin-top:2px;font-family:var(--font-mono);font-weight:600}.message.user .message-avatar{background:var(--accent-glow-strong);border:1.5px solid var(--accent-dim);color:var(--accent)}.message.assistant .message-avatar{background:var(--bg-3);border:1px solid var(--border-light);color:var(--text-2)}.message-body{flex:1;min-width:0}.message.user .message-body{display:flex;flex-direction:column;align-items:flex-end}.message-bubble{padding:.75rem 1rem;border-radius:var(--radius-lg);font-size:.9375rem;line-height:1.65;max-width:85%}.message.user .message-bubble{background:var(--user-bubble);border:1px solid var(--user-border);border-bottom-right-radius:var(--radius-xs);color:var(--text-0)}.message.assistant .message-bubble{background:transparent;max-width:100%;padding:.25rem 0}.message-meta{font-size:.6875rem;color:var(--text-3);font-family:var(--font-mono);margin-top:.375rem;display:flex;gap:.5rem;align-items:center;flex-wrap:wrap}.prose{font-size:.9375rem;line-height:1.75;color:var(--text-0)}.prose p{margin-bottom:.875rem}.prose p:last-child{margin-bottom:0}.prose h1,.prose h2,.prose h3{font-family:var(--font-display);font-weight:500;margin:1.25rem 0 .5rem;color:var(--text-0);letter-spacing:-.01em}.prose h1{font-size:1.5rem}.prose h2{font-size:1.25rem}.prose h3{font-size:1.1rem}.prose ul,.prose ol{padding-left:1.25rem;margin-bottom:.875rem}.prose li{margin-bottom:.25rem}.prose code:not(pre code){font-family:var(--font-mono);font-size:.8125rem;background:var(--bg-3);border:1px solid var(--border-light);padding:.125rem .375rem;border-radius:var(--radius-xs);color:var(--accent)}.prose pre{background:var(--bg-2)!important;border:1px solid var(--border);border-radius:var(--radius-md);overflow:hidden;margin:.875rem 0}.prose pre code{font-family:var(--font-mono);font-size:.8125rem;display:block;overflow-x:auto}.prose blockquote{border-left:3px solid var(--accent-dim);padding:.25rem 1rem;margin:.875rem 0;color:var(--text-2);font-style:italic;border-radius:0 var(--radius-sm) var(--radius-sm) 0;background:var(--accent-glow)}.prose .table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;margin:.875rem 0;border-radius:var(--radius-md);border:1px solid var(--border)}.prose table{width:100%;border-collapse:collapse;font-size:.875rem;margin:0}.prose th{background:var(--bg-3);border-bottom:1px solid var(--border);border-right:1px solid var(--border);padding:.5rem .875rem;text-align:left;font-weight:500;white-space:nowrap}.prose th:last-child{border-right:none}.prose td{border-bottom:1px solid var(--border);border-right:1px solid var(--border);padding:.5rem .875rem;vertical-align:top}.prose td:last-child{border-right:none}.prose tr:last-child td{border-bottom:none}.prose a{color:var(--accent);text-decoration:underline;text-underline-offset:3px}.prose strong{font-weight:600;color:var(--text-0)}.prose hr{border:none;border-top:1px solid var(--border);margin:1.25rem 0}.code-block{position:relative}.code-header{display:flex;align-items:center;justify-content:space-between;padding:.375rem .875rem;background:var(--bg-3);border-bottom:1px solid var(--border);font-family:var(--font-mono);font-size:.6875rem;color:var(--text-2);text-transform:uppercase;letter-spacing:.05em}.code-copy{background:none;border:1px solid var(--border);color:var(--text-2);font-family:var(--font-mono);font-size:.6875rem;padding:.125rem .5rem;border-radius:var(--radius-full);cursor:pointer;transition:all var(--duration-short)}.code-copy:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-glow)}.input-area{border-top:1px solid var(--border);background:var(--bg-1);padding:.75rem 1rem;padding-bottom:calc(.75rem + var(--safe-bottom));flex-shrink:0;position:relative;z-index:10;overscroll-behavior:none}.input-wrapper{max-width:760px;margin:0 auto;background:var(--bg-2);border:1.5px solid var(--border);border-radius:var(--radius-xl);display:flex;flex-direction:column;transition:border-color var(--duration-short),box-shadow var(--duration-short);overflow:hidden;overscroll-behavior:none}.input-wrapper:focus-within{border-color:var(--accent-dim);box-shadow:0 0 0 3px var(--accent-glow)}.attachments-preview{display:flex;flex-wrap:wrap;gap:.5rem;padding:.625rem .875rem 0}.attachment-chip{display:flex;align-items:center;gap:.375rem;background:var(--bg-3);border:1px solid var(--border);border-radius:var(--radius-full);padding:.25rem .625rem;font-size:.75rem;font-family:var(--font-mono);color:var(--text-1)}.attachment-chip button{background:none;border:none;color:var(--text-3);cursor:pointer;padding:0;line-height:1;font-size:.875rem}.chat-input{width:100%;background:transparent;border:none;outline:none;color:var(--text-0);font-family:var(--font-sans);font-size:.9375rem;line-height:1.6;padding:.875rem 1rem .5rem;resize:none;min-height:52px;max-height:200px;field-sizing:content;overscroll-behavior:none}.chat-input::placeholder{color:var(--text-3)}.input-toolbar{display:flex;align-items:center;justify-content:space-between;padding:.25rem .5rem .5rem}.input-tools{display:flex;align-items:center;gap:.125rem}.tool-btn{width:36px;height:36px;background:none;border:none;border-radius:var(--radius-full);color:var(--text-3);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--duration-short);font-size:1rem;position:relative}.tool-btn:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:currentColor;opacity:0;transition:opacity var(--duration-short)}.tool-btn:hover:before{opacity:.08}.tool-btn:active:before{opacity:.12}.tool-btn:hover{color:var(--text-1)}.tool-btn.active{color:var(--accent)}.tool-btn.active:before{background:var(--accent);opacity:.12}.send-btn{width:36px;height:36px;background:var(--accent);border:none;border-radius:var(--radius-full);color:var(--on-accent);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--duration-short);flex-shrink:0;box-shadow:var(--elevation-1)}.send-btn:hover:not(:disabled){background:#6baaf9;box-shadow:var(--elevation-2);transform:scale(1.05)}.send-btn:active:not(:disabled){transform:scale(.97);box-shadow:none}.send-btn:disabled{opacity:.38;cursor:not-allowed;transform:none;box-shadow:none}.streaming-cursor{display:inline-block;width:2px;height:1em;background:var(--accent);margin-left:2px;vertical-align:text-bottom;animation:blink 1s step-end infinite;border-radius:1px}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.sidebar-header{padding:.875rem 1rem;border-bottom:1px solid var(--border);display:flex;align-items:center;gap:.5rem;flex-shrink:0;height:var(--header-height)}.sidebar-title{font-size:.875rem;font-weight:600;color:var(--text-0);flex:1;letter-spacing:.01em}.new-chat-btn{height:36px;padding:0 1rem;background:var(--accent);color:var(--on-accent);border:none;border-radius:var(--radius-full);font-size:.8125rem;font-weight:600;font-family:var(--font-sans);cursor:pointer;display:flex;align-items:center;gap:.375rem;transition:all var(--duration-short);box-shadow:var(--elevation-1);white-space:nowrap;flex-shrink:0}.new-chat-btn:hover{background:#6baaf9;box-shadow:var(--elevation-2)}.sidebar-search{padding:.625rem .75rem;border-bottom:1px solid var(--border);flex-shrink:0}.sidebar-search input{width:100%;background:var(--bg-3);border:1px solid var(--border);border-radius:var(--radius-full);padding:.5rem .875rem;font-size:.8125rem;color:var(--text-0);outline:none;font-family:var(--font-sans);transition:border-color var(--duration-short)}.sidebar-search input:focus{border-color:var(--accent-dim);background:var(--bg-2)}.sidebar-search input::placeholder{color:var(--text-3)}.sidebar-list{flex:1;overflow-y:auto;padding:.5rem}.sidebar-list::-webkit-scrollbar{width:3px}.sidebar-list::-webkit-scrollbar-thumb{background:var(--border);border-radius:2px}.chat-group-label{font-size:.6875rem;font-weight:600;color:var(--text-3);text-transform:uppercase;letter-spacing:.08em;padding:.625rem .75rem .25rem}.chat-item{display:flex;align-items:center;gap:.5rem;padding:.625rem .75rem;border-radius:var(--radius-md);cursor:pointer;transition:background var(--duration-short);min-height:44px;position:relative}.chat-item:hover{background:var(--bg-3)}.chat-item.active{background:var(--accent-glow-strong)}.chat-item.active .chat-item-title{color:var(--accent);font-weight:500}.chat-item-title{flex:1;font-size:.875rem;color:var(--text-1);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.4}.chat-item-meta{font-size:.6875rem;color:var(--text-3);flex-shrink:0;font-family:var(--font-mono)}.sidebar-footer{border-top:1px solid var(--border);padding:.5rem;display:flex;flex-direction:column;gap:.125rem}.footer-btn{display:flex;align-items:center;gap:.75rem;padding:.625rem .875rem;border-radius:var(--radius-md);color:var(--text-2);font-size:.875rem;text-decoration:none;cursor:pointer;background:none;border:none;font-family:var(--font-sans);width:100%;text-align:left;transition:background var(--duration-short),color var(--duration-short)}.footer-btn:hover{background:var(--bg-3);color:var(--text-0)}.model-selector{display:flex;align-items:center;gap:.375rem;padding:.375rem .75rem;background:var(--bg-3);border:1px solid var(--border);border-radius:var(--radius-full);cursor:pointer;font-size:.8125rem;font-weight:500;color:var(--text-1);transition:all var(--duration-short);white-space:nowrap;max-width:180px}.model-selector:hover{border-color:var(--accent-dim);color:var(--text-0);background:var(--bg-4)}.icon-btn{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border:none;background:none;border-radius:var(--radius-full);cursor:pointer;color:var(--text-2);transition:all var(--duration-short);font-size:1.125rem;position:relative;flex-shrink:0}.icon-btn:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:currentColor;opacity:0;transition:opacity var(--duration-short)}.icon-btn:hover:before{opacity:.08}.icon-btn:hover{color:var(--text-0)}.icon-btn.active{color:var(--accent)}.icon-btn.active:before{background:var(--accent);opacity:.12}.sidebar-overlay{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:40;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}@media(max-width:768px){.sidebar-overlay.show{display:block}}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;z-index:100;display:flex;align-items:center;justify-content:center;padding:1rem;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal{background:var(--bg-2);border:1px solid var(--border-light);border-radius:var(--radius-xl);padding:1.5rem;width:100%;max-width:380px;box-shadow:var(--elevation-3);animation:modalIn var(--duration-short) var(--ease-out)}@keyframes modalIn{0%{opacity:0;transform:scale(.92) translateY(8px)}to{opacity:1;transform:scale(1) translateY(0)}}.modal-title{font-size:1rem;font-weight:600;color:var(--text-0);margin-bottom:.5rem;letter-spacing:-.01em}.btn{padding:.625rem 1.25rem;border-radius:var(--radius-full);font-size:.875rem;font-weight:600;font-family:var(--font-sans);cursor:pointer;border:none;transition:all var(--duration-short);letter-spacing:.01em}.btn-primary{background:var(--accent);color:var(--on-accent);box-shadow:var(--elevation-1)}.btn-primary:hover{background:#6baaf9;box-shadow:var(--elevation-2)}.btn-danger{background:var(--error-bg);color:var(--error)}.btn-danger:hover{filter:brightness(1.15)}.btn-ghost{background:transparent;color:var(--text-2);border:1px solid var(--border-light)}.btn-ghost:hover{background:var(--bg-3);color:var(--text-0)}.toast-container{position:fixed;bottom:1rem;left:50%;transform:translate(-50%);z-index:200;display:flex;flex-direction:column;gap:.5rem;align-items:center;pointer-events:none}.toast{background:var(--bg-3);border:1px solid var(--border-light);border-radius:var(--radius-full);padding:.625rem 1.25rem;font-size:.875rem;color:var(--text-0);box-shadow:var(--elevation-3);animation:toastIn .2s var(--ease-out);white-space:nowrap}@keyframes toastIn{0%{opacity:0;transform:translateY(8px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.toast.error{border-color:var(--error-bg);color:var(--error)}.toast.success{border-color:var(--success);color:var(--success)}.settings-layout{display:flex;flex:1;overflow:hidden;gap:0}.settings-nav{width:200px;border-right:1px solid var(--border);padding:1rem .5rem;display:flex;flex-direction:column;gap:.125rem;flex-shrink:0}.settings-content{flex:1;overflow-y:auto;padding:1.5rem;max-width:640px}.settings-nav-item{display:flex;align-items:center;gap:.625rem;padding:.625rem .875rem;border-radius:var(--radius-md);font-size:.875rem;color:var(--text-2);cursor:pointer;text-decoration:none;border:none;background:none;font-family:var(--font-sans);transition:all var(--duration-short);border-left:3px solid transparent;width:100%;text-align:left}.settings-nav-item:hover{color:var(--text-0);background:var(--bg-3)}.settings-nav-item.active{color:var(--accent);border-left-color:var(--accent);background:var(--accent-glow)}.settings-group{margin-bottom:2rem}.settings-group-title{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--text-3);margin-bottom:.875rem}.field{margin-bottom:1rem}.field-label{display:block;font-size:.875rem;font-weight:500;color:var(--text-1);margin-bottom:.375rem}.field-hint{font-size:.75rem;color:var(--text-3);margin-top:.25rem}.input,.textarea{width:100%;background:var(--bg-2);border:1.5px solid var(--border);border-radius:var(--radius-md);padding:.625rem .875rem;font-size:.875rem;color:var(--text-0);font-family:var(--font-sans);outline:none;transition:border-color var(--duration-short),box-shadow var(--duration-short)}.input:focus,.textarea:focus{border-color:var(--accent-dim);box-shadow:0 0 0 3px var(--accent-glow)}.textarea{resize:vertical;min-height:80px;line-height:1.5}.chat-delete-btn{background:none;border:none;color:var(--text-3);cursor:pointer;padding:4px 6px;border-radius:var(--radius-sm);font-size:.75rem;flex-shrink:0;opacity:0;transition:opacity var(--duration-short),color var(--duration-short)}.chat-item:hover .chat-delete-btn,.chat-item.active .chat-delete-btn{opacity:1}.chat-delete-btn:hover{color:#f2b8b8;background:#f2b8b81f}@media(max-width:768px){.chat-delete-btn{opacity:1}.settings-nav{display:flex;flex-direction:row;width:100%;border-right:none;border-bottom:1px solid var(--border);padding:.5rem .5rem 0;gap:.25rem;overflow-x:auto;flex-shrink:0}.settings-nav-item{border-left:none;border-bottom:2px solid transparent;padding:.5rem .875rem;white-space:nowrap;border-radius:var(--radius-sm) var(--radius-sm) 0 0}.settings-nav-item.active{border-left-color:transparent;border-bottom-color:var(--accent)}.settings-layout{flex-direction:column}.settings-content{padding:1rem}}.persona-card{background:var(--bg-2);border:1.5px solid var(--border);border-radius:var(--radius-lg);padding:1rem;display:flex;align-items:center;gap:.75rem;cursor:pointer;transition:all var(--duration-short)}.persona-card:hover{border-color:var(--border-light);background:var(--bg-3)}.persona-card.active{border-color:var(--accent-dim);background:var(--accent-glow)}.provider-card{background:var(--bg-2);border:1.5px solid var(--border);border-radius:var(--radius-lg);padding:1rem 1.25rem;display:flex;align-items:center;gap:1rem;margin-bottom:.75rem;transition:border-color var(--duration-short)}.provider-card:hover{border-color:var(--border-light)}.empty-state{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.5rem;padding:2rem;text-align:center;color:var(--text-3)}.empty-state h2{font-size:1.375rem;font-weight:500;color:var(--text-1);letter-spacing:-.02em}.typing-dots{display:flex;gap:4px;align-items:center;padding:.25rem 0}.typing-dots span{width:6px;height:6px;background:var(--text-3);border-radius:var(--radius-full);animation:typingDot 1.2s ease-in-out infinite}.typing-dots span:nth-child(2){animation-delay:.2s}.typing-dots span:nth-child(3){animation-delay:.4s}@keyframes typingDot{0%,60%,to{transform:translateY(0);opacity:.4}30%{transform:translateY(-4px);opacity:1}}.dropdown-menu{position:absolute;top:calc(var(--header-height) + 6px);background:var(--bg-2);border:1px solid var(--border-light);border-radius:var(--radius-lg);padding:.375rem;z-index:60;min-width:220px;max-width:320px;max-height:420px;overflow-y:auto;box-shadow:var(--elevation-3),0 0 0 1px #ffffff0a;animation:dropdownIn .15s var(--ease-out)}.dropdown-section-label{padding:.375rem .75rem .25rem;font-size:.6875rem;font-weight:600;color:var(--text-3);text-transform:uppercase;letter-spacing:.08em}.dropdown-item{width:100%;text-align:left;background:none;border:none;padding:.5rem .75rem;border-radius:var(--radius-md);font-size:.875rem;font-family:var(--font-sans);cursor:pointer;display:flex;align-items:center;gap:.625rem;color:var(--text-1);text-decoration:none;transition:background var(--duration-short),color var(--duration-short)}.model-badge{display:inline-flex;align-items:center;gap:.375rem;padding:.375rem .75rem;background:var(--bg-3);border:1px solid var(--border);border-radius:var(--radius-full);font-size:.8125rem;font-weight:500;font-family:var(--font-sans);color:var(--text-1);cursor:pointer;transition:all var(--duration-short);white-space:nowrap;max-width:200px;overflow:hidden}.model-badge{display:inline-flex;align-items:center;gap:.375rem;padding:.375rem .75rem;background:var(--bg-3);border:1px solid var(--border);border-radius:var(--radius-full);font-size:.8125rem;font-weight:500;color:var(--text-1);cursor:pointer;transition:all var(--duration-short);white-space:nowrap;font-family:var(--font-sans)}.model-badge:hover{border-color:var(--accent-dim);color:var(--text-0);background:var(--bg-4)}.dropdown-menu{position:absolute;top:calc(var(--header-height) + 6px);background:var(--bg-2);border:1px solid var(--border-light);border-radius:var(--radius-lg);padding:.375rem;z-index:60;min-width:220px;max-width:320px;box-shadow:var(--elevation-3);animation:dropdownIn var(--duration-short) var(--ease-out);max-height:420px;overflow-y:auto}@keyframes dropdownIn{0%{opacity:0;transform:translateY(-6px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.dropdown-section-label{font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--text-3);padding:.5rem .75rem .25rem}.dropdown-item{display:flex;align-items:center;gap:.625rem;width:100%;padding:.625rem .75rem;border-radius:var(--radius-md);background:none;border:none;font-family:var(--font-sans);font-size:.875rem;color:var(--text-1);cursor:pointer;text-align:left;text-decoration:none;transition:background var(--duration-short),color var(--duration-short)}.dropdown-item:hover{background:var(--bg-3);color:var(--text-0)}.dropdown-item.active{background:var(--accent-glow);color:var(--accent)}.dropdown-item.active svg:first-child{color:var(--accent);opacity:1}.starter-chips{display:flex;flex-direction:column;gap:.5rem;width:100%;max-width:360px;margin-top:1.5rem}.starter-chip{display:flex;align-items:center;gap:.625rem;padding:.625rem 1rem;background:var(--bg-2);border:1px solid var(--border);border-radius:var(--radius-lg);font-size:.875rem;color:var(--text-1);cursor:pointer;text-align:left;font-family:var(--font-sans);transition:all var(--duration-short);width:100%}.starter-chip:hover{background:var(--bg-3);border-color:var(--accent-dim);color:var(--text-0)}.starter-chip svg{color:var(--accent)}.empty-logo{font-size:1.5rem;font-weight:500;color:var(--text-0);letter-spacing:-.02em}.empty-tagline{color:var(--text-3);font-size:.9375rem;text-align:center}.msg-actions{display:flex;gap:.25rem;margin-top:.375rem;opacity:0;transition:opacity var(--duration-short)}.message.assistant:hover .msg-actions,.message.assistant:focus-within .msg-actions{opacity:1}@media(max-width:768px){.msg-actions{opacity:1}}.msg-action-btn{display:inline-flex;align-items:center;gap:.25rem;padding:.25rem .5rem;background:var(--bg-3);border:1px solid var(--border);border-radius:var(--radius-full);font-size:.6875rem;font-family:var(--font-sans);color:var(--text-3);cursor:pointer;transition:all var(--duration-short)}.msg-action-btn:hover{background:var(--bg-4);color:var(--text-1);border-color:var(--border-light)}.msg-action-btn.feedback-active{opacity:.6;cursor:default;pointer-events:none}