.think-content{margin-bottom:8px}.think-toggle{font-size:.85rem;color:#666;cursor:pointer;-webkit-user-select:none;user-select:none;display:flex;align-items:center;gap:4px;padding:2px 0}.think-toggle:hover{color:#444}.think-details{text-align:left;margin-top:8px;padding:8px 12px;background-color:#00000008;border-radius:6px;font-size:.9rem;color:#666;white-space:pre-wrap;border-left:2px solid #007AFF}.chat-container{display:flex;flex-direction:column;height:100%;width:100%;max-width:700px;margin:0 auto;padding:20px;background-color:var(--background-color)}.chat-header{margin-bottom:var(--spacing-md)}.model-select-container{display:flex;flex-direction:column;margin-bottom:var(--spacing-sm)}.system-message-container{margin-bottom:var(--spacing-sm);width:100%}.system-message-input{width:100%;padding:var(--spacing-sm);border:1px solid var(--border-color);border-radius:4px;font-size:var(--font-size-sm)}.model-select{padding:var(--spacing-sm);border-radius:4px;border:1px solid var(--border-color);background-color:#fff;font-size:var(--font-size-sm);margin-top:var(--spacing-xs)}.error-message{color:#dc3545;font-size:var(--font-size-sm)}.messages-container{flex:1;overflow-y:auto;padding:var(--spacing-md);display:flex;flex-direction:column;gap:var(--spacing-md)}.message{max-width:80%;padding:12px 16px;border-radius:12px;line-height:1.5}.user-message{align-self:flex-end;background-color:var(--primary-color);color:#fff}.assistant-message{align-self:flex-start;background-color:#fff;color:#333}.message-content{white-space:pre-wrap}.message-content p{text-align:left;margin:0 0 1em}.message-content p:last-child{margin-bottom:0}.message-content h1,.message-content h2,.message-content h3,.message-content h4,.message-content h5,.message-content h6{margin:1em 0 .5em;color:#2c3e50}.message-content h1{font-size:1.8em}.message-content h2{font-size:1.5em}.message-content h3{font-size:1.3em}.message-content ul,.message-content ol{margin:.5em 0;padding-left:2em}.message-content li{margin:.3em 0}.message-content code{background-color:#f8f9fa;padding:.2em .4em;border-radius:3px;font-family:monospace;font-size:.9em}.message-content pre{background-color:#f8f9fa;padding:1em;border-radius:4px;overflow-x:auto;margin:1em 0}.message-content pre code{background-color:transparent;padding:0;font-size:.9em}.message-content blockquote{margin:1em 0;padding-left:1em;border-left:4px solid #ddd;color:#666}.message-content table{border-collapse:collapse;width:100%;margin:1em 0}.message-content th,.message-content td{border:1px solid #ddd;padding:8px;text-align:left}.message-content th{background-color:#f8f9fa}.input-form{display:flex;justify-content:space-around;align-items:center;gap:var(--spacing-md)}.message-content tr:nth-child(2n){background-color:#f8f9fa}@media (max-width: 768px){.chat-container{height:100vh}.message{max-width:90%}.input-form{padding:0}}.input-form input{flex:1;width:100%;box-sizing:border-box;padding:var(--spacing-md);border-radius:4px;border:1px solid var(--border-color);font-size:var(--font-size-sm);background-color:#fff;color:#333}.input-form input:focus{border-color:var(--primary-color);outline:none}.input-form button{padding:var(--spacing-md) 15px;border-radius:4px;border:1px solid var(--primary-color);background-color:var(--primary-color);color:#fff;font-size:var(--font-size-sm);cursor:pointer;transition:background-color .3s}.input-form button:hover{background-color:var(--hover-color)}.input-form button:disabled{background-color:#ccc;border-color:#ddd;cursor:not-allowed}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;background-color:#f5f5f5;color:#333;line-height:1.6}#root{height:100%;display:flex;flex-direction:column}.app{flex:1;display:flex;flex-direction:column}.app-header{background-color:#fff;padding:1rem;text-align:center;box-shadow:0 2px 4px #0000001a}.app-header h1{font-size:1.5rem;color:#333}main{flex:1;padding:1rem 0;overflow-y:auto;display:flex;flex-direction:column}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion: no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--border-color: #ccc;--primary-color: #007bff;--hover-color: #0056b3;--background-color: #f5f5f5;--font-size-xs: .75rem;--font-size-sm: .9rem;--font-size-md: 1rem;--font-size-lg: 1.2rem}html,body{height:100%;margin:0;padding:0}body{min-width:320px;display:flex;flex-direction:column}