:root{
--bg-color:#ffffff;
--text-color:#212121;
--user-message-bg:#f0f0f0;
--inline-code-bg:#f0f0f0;
--pre-bg:#ffffff;
--pre-border:#f2f3f5;
--actions-bg:#ffffff;
--actions-border:#f0f0f0;
--actions-shadow:rgba(0, 0, 0, 0.06);
--user-actions-bg:#ffffff;
--user-actions-border:#f0f0f0;
--user-actions-shadow:rgba(0, 0, 0, 0.06);
--code-header-bg:#f6f8fa;
--code-language-color:#24292f;
--code-copy-color:#24292f;
--blockquote-border:#e0e0e0;
--blockquote-color:#666;
--table-border:#ddd;
--table-header-bg:#f5f5f5;
--link-color:#1976d2;
--thinking-bg:#ffffff;
--thinking-border:#f0f0f0;
--thinking-header-bg:#fafbfc;
--thinking-header-active:#f6f8fa;
--thinking-icon-bg:#e9ecef;
--thinking-icon-dot:#808080;
--thinking-label-color:#212121;
--thinking-toggle-color:#808080;
--thinking-content-bg:#ffffff;
--thinking-content-color:#4a4a4a;
--thinking-content-border:#f0f0f0;
--thinking-scrollbar-track:#f8f9fa;
--thinking-scrollbar-thumb:#d0d7de;
--thinking-scrollbar-thumb-hover:#b8bfc6;
--welcome-text-color:#212121;
--action-icon-fill:#808080;
--branch-count-color:#333;
--loading-dot-bg:#808080;
--image-wrapper-bg:#f5f5f5;
--image-wrapper-shadow:rgba(0, 0, 0, 0.1);
--highlight-bg:#dbe5fb;
--katex-error-color:#d32f2f;
--katex-error-bg:#ffebee;
--image-error-color:#d32f2f;
--image-error-bg:#ffebee;
--settings-icon-opacity:0.3;
--code-copy-active-bg:rgba(255, 255, 255, 0.1);
--fullscreen-overlay-bg:rgba(0, 0, 0, 0.9);
}

body.tb{
--bg-color:#252525;
--text-color:#e3e3e3;
--user-message-bg:#383838;
--inline-code-bg:#383838;
--pre-bg:#1e1e1e;
--pre-border:#3a3a3a;
--actions-bg:#2f2f2f;
--actions-border:#3a3a3a;
--actions-shadow:rgba(0, 0, 0, 0.2);
--user-actions-bg:#2f2f2f;
--user-actions-border:#3a3a3a;
--user-actions-shadow:rgba(0, 0, 0, 0.2);
--code-header-bg:#2a2a2a;
--code-language-color:#c0c0c0;
--code-copy-color:#c0c0c0;
--blockquote-border:#555;
--blockquote-color:#aaa;
--table-border:#444;
--table-header-bg:#333;
--link-color:#64b5f6;
--thinking-bg:#2a2a2a;
--thinking-border:#3a3a3a;
--thinking-header-bg:#2e2e2e;
--thinking-header-active:#333;
--thinking-icon-bg:#444;
--thinking-icon-dot:#aaa;
--thinking-label-color:#d4d4d4;
--thinking-toggle-color:#aaa;
--thinking-content-bg:#2a2a2a;
--thinking-content-color:#bbb;
--thinking-content-border:#3a3a3a;
--thinking-scrollbar-track:#2a2a2a;
--thinking-scrollbar-thumb:#555;
--thinking-scrollbar-thumb-hover:#666;
--welcome-text-color:#d4d4d4;
--action-icon-fill:#aaa;
--branch-count-color:#ccc;
--loading-dot-bg:#aaa;
--image-wrapper-bg:#333;
--image-wrapper-shadow:rgba(0, 0, 0, 0.3);
--highlight-bg:#3a4a6b;
--katex-error-color:#ef5350;
--katex-error-bg:#4a2020;
--image-error-color:#ef5350;
--image-error-bg:#4a2020;
--settings-icon-opacity:0.4;
--code-copy-active-bg:rgba(255, 255, 255, 0.05);
--fullscreen-overlay-bg:rgba(0, 0, 0, 0.95);
}
body.tb-hidden{
--bg-color:#252525;
--text-color:#e3e3e3;
--user-message-bg:#383838;
--inline-code-bg:#383838;
--pre-bg:#1e1e1e;
--pre-border:#3a3a3a;
--actions-bg:#2f2f2f;
--actions-border:#3a3a3a;
--actions-shadow:rgba(0, 0, 0, 0.2);
--user-actions-bg:#2f2f2f;
--user-actions-border:#3a3a3a;
--user-actions-shadow:rgba(0, 0, 0, 0.2);
--code-header-bg:#2a2a2a;
--code-language-color:#c0c0c0;
--code-copy-color:#c0c0c0;
--blockquote-border:#555;
--blockquote-color:#aaa;
--table-border:#444;
--table-header-bg:#333;
--link-color:#64b5f6;
--thinking-bg:#2a2a2a;
--thinking-border:#3a3a3a;
--thinking-header-bg:#2e2e2e;
--thinking-header-active:#333;
--thinking-icon-bg:#444;
--thinking-icon-dot:#aaa;
--thinking-label-color:#d4d4d4;
--thinking-toggle-color:#aaa;
--thinking-content-bg:#2a2a2a;
--thinking-content-color:#bbb;
--thinking-content-border:#3a3a3a;
--thinking-scrollbar-track:#2a2a2a;
--thinking-scrollbar-thumb:#555;
--thinking-scrollbar-thumb-hover:#666;
--welcome-text-color:#d4d4d4;
--action-icon-fill:#aaa;
--branch-count-color:#ccc;
--loading-dot-bg:#aaa;
--image-wrapper-bg:#333;
--image-wrapper-shadow:rgba(0, 0, 0, 0.3);
--highlight-bg:#3a4a6b;
--katex-error-color:#ef5350;
--katex-error-bg:#4a2020;
--image-error-color:#ef5350;
--image-error-bg:#4a2020;
--settings-icon-opacity:0.4;
--code-copy-active-bg:rgba(255, 255, 255, 0.05);
--fullscreen-overlay-bg:rgba(0, 0, 0, 0.95);
}


@font-face{
font-family:'Roboto';
src:url(/fonts/roboto_regular.ttf) format("truetype");
font-weight:400;
}

@font-face{
font-family:'Roboto';
src:url(/fonts/roboto_regular_bold.ttf) format("truetype");
font-weight:600;
}

*{
-webkit-tap-highlight-color:transparent;
}

body{
font-family:'Roboto', sans-serif, serif;
margin:0;
padding:8px;
background-color:transparent;
color:var(--text-color);
}

.message-container{
display:flex;
flex-direction:column;
position:relative;
margin-bottom:4px;
min-height:100px;
}

.message-container:not(.rendering):hover .user-message-actions-wrapper,
.message-container:not(.rendering):hover .message-actions{
opacity:1;
}

.message-container:not(.rendering):not(.last-ai-message):hover .action-button:not(:disabled){
animation:fadeInClickable 0.3s forwards;
}

.user-message-actions-wrapper.visible .action-button{
animation:none!important;
}

@keyframes fadeInClickable{
0%{
pointer-events:none;
}
99%{
pointer-events:none;
}
100%{
pointer-events:auto;
}
}

.message-wrapper{
display:flex;
flex-direction:column;
align-items:flex-start;
gap:4px;
overflow-x:hidden;
max-width:100%;
}

.ai-avatar{
width:32px;
height:32px;
flex-shrink:0;
margin-left:2px;
}

.message{
padding:4px 8px 8px 16px;
word-break:break-word;
overflow-wrap:break-word;
line-height:1.5;
box-sizing:border-box;
}

.message>p{
margin:0;
}

.user-message{
max-width:80%;
padding:12px 16px;
background-color:var(--user-message-bg);
margin-left:auto;
margin-right:8px;
text-align:left;
border-radius:20px 20px 4px 20px;
white-space:pre-wrap;
color:var(--text-color);
}

.ai-message{
color:var(--text-color);
background-color:transparent;
border:none;
flex-grow:1;
flex:1;
font-size:16px;
overflow-x:hidden;
max-width:100%;
}

.message-actions{
position:sticky;
bottom:16px;
display:flex;
align-items:center;
gap:8px;
margin-top:4px;
margin-left:12px;
min-height:28px;
opacity:0;
transition:opacity 0.2s;
background:var(--actions-bg);
border:1px solid var(--actions-border);
border-radius:12px;
padding:4px 8px;
width:fit-content;
box-shadow:0 1px 3px var(--actions-shadow);
pointer-events:auto;
}

.message-actions.invisible{
transition:unset;
opacity:0!important;
}

.message-actions.invisible .action-button{
pointer-events:none!important;
}

.message-actions.visible{
transition:opacity 0.2s;
opacity:1;
}

.message-actions.last-instant{
transition:unset;
}

.message-actions:not(.visible) .action-button{
pointer-events:none;
}

.message-container.last-ai-message .message-actions{
opacity:1;
}

body.tb-hidden{
padding:4px;
}
body.tb-hidden .message-actions:not(.invisible){
opacity:0.5!important;
position:static!important;
}
body.tb-hidden .thinking-header{
opacity:0.5!important;
}

body.tb-hidden .thinking-content{
background:none!important;
}

body.tb-hidden .user-message-actions-wrapper{
display:none;
}

body.tb-hidden .code-block-wrapper{
filter:grayscale(0.3);
}

body.tb-hidden .ai-message,
body.tb-hidden .user-message{
opacity:0.95!important;
font-size:1.05em!important;
}

body.tb-hidden .user-message{
background:none;
border:1px solid #3b3b3b;
}

body.tb-hidden .ai-avatar{
display:none;
}

body.tb-hidden .message-container{
min-height:80px!important;
}

body.tb-hidden .thinking-section{
background:none!important;
padding:0!important;
pointer-events:none;
}

body.tb-hidden .thinking-toggle{
display:none;
}

body.tb-hidden .loading-indicator{
opacity:0.4;
}

.user-message-actions-wrapper{
position:sticky;
bottom:16px;
display:flex;
gap:12px;
align-items:center;
justify-content:flex-end;
margin-top:12px;
margin-right:4px;
opacity:0;
transition:opacity 0.2s;
pointer-events:auto;
}

.user-message-actions-wrapper.visible{
opacity:1;
}

.user-message-actions{
display:flex;
align-items:center;
gap:8px;
background:var(--user-actions-bg);
border:1px solid var(--user-actions-border);
border-radius:12px;
padding:4px 8px;
box-shadow:0 1px 3px var(--user-actions-shadow);
}

.user-message-actions-wrapper:not(.visible) .action-button{
pointer-events:none;
}

.action-button{
background:none;
border:none;
cursor:pointer;
padding:4px;
outline:none;
display:flex;
align-items:center;
justify-content:center;
}

.action-button:active{
opacity:0.6;
}

.action-icon{
width:20px;
height:20px;
fill:var(--action-icon-fill);
}

.branch-nav{
background:none;
border:none;
cursor:pointer;
padding:4px;
outline:none;
display:flex;
align-items:center;
justify-content:center;
}

.branch-nav:active{
opacity:0.6;
}

.branch-nav svg{
width:20px;
height:20px;
fill:var(--action-icon-fill);
}

.branch-count{
padding:0;
font-weight:500;
color:var(--branch-count-color);
font-size:15px;
text-align:center;
}

.loading-indicator{
display:flex;
align-items:center;
margin:16px 0 0 40px;
}

.loading-dot{
width:8px;
height:8px;
background-color:var(--loading-dot-bg);
border-radius:50%;
animation:blink 1.4s infinite both;
margin-right:8px;
}

.loading-dot:last-child{
margin-right:0;
}

.loading-dot:nth-child(2){
animation-delay:0.2s;
}

.loading-dot:nth-child(3){
animation-delay:0.4s;
}

@keyframes blink{
0%, 80%, 100%{
opacity:0.3;
}
40%{
opacity:1;
}
}

.branch-nav:disabled{
opacity:0.5;
cursor:not-allowed;
pointer-events:none;
}

.action-button:disabled{
opacity:0.5;
cursor:not-allowed;
pointer-events:none;
}

.action-button.generating{
opacity:0.5;
cursor:not-allowed;
}

.hidden-message{
display:none!important;
}

.ai-message pre{
background-color:var(--pre-bg);
border:1px solid var(--pre-border);
border-width:0 1px 1px 1px;
border-radius:8px;
padding:12px 8px;
overflow-x:auto;
max-width:100%;
box-sizing:border-box;
}

.ai-message code{
font-family:'Consolas','Monaco','Courier New',monospace;
font-size:15px;
line-height:1.5;
}

.ai-message pre code{
background:none;
padding:0;
display:block;
overflow-x:auto;
max-width:100%;
word-wrap:normal;
white-space:pre;
color:var(--text-color);
}

.ai-message :not(pre)>code{
background-color:var(--inline-code-bg);
padding:2px 6px;
border-radius:4px;
font-size:0.92em;
word-break:break-word;
white-space:normal;
}

.ai-message pre,
.ai-message pre code{
-webkit-overflow-scrolling:touch;
}

.katex-display{
margin:16px 0;
overflow-x:auto;
overflow-y:hidden;
}

.katex{
font-size:1.1em;
}

.katex-error{
color:var(--katex-error-color);
background-color:var(--katex-error-bg);
padding:4px 8px;
border-radius:4px;
font-family:monospace;
}

.ai-message h1, .ai-message h2, .ai-message h3{
margin-top:16px;
margin-bottom:8px;
font-weight:600;
}

.ai-message h1{
font-size:1.5em;
}

.ai-message h2{
font-size:1.3em;
}

.ai-message h3{
font-size:1.1em;
}

.ai-message ul, .ai-message ol{
padding-left:24px;
margin:8px 0;
}

.ai-message li{
margin:4px 0;
}

.ai-message blockquote{
border-left:4px solid var(--blockquote-border);
padding-left:12px;
margin:8px 0;
color:var(--blockquote-color);
}

.ai-message a{
color:var(--link-color);
text-decoration:none;
}

.ai-message a:hover{
text-decoration:underline;
}

.ai-message table{
border-collapse:collapse;
width:100%;
margin:8px 0;
}

.ai-message th, .ai-message td{
border:1px solid var(--table-border);
padding:8px;
text-align:left;
}

.ai-message th{
background-color:var(--table-header-bg);
font-weight:600;
}

.code-block-wrapper{
position:relative;
margin:8px 0;
}

.code-header{
display:flex;
justify-content:space-between;
align-items:center;
background-color:var(--code-header-bg);
border-radius:8px 8px 0 0;
padding:4px 8px 4px 12px;
pointer-events:auto;
user-select:none;
-webkit-user-select:none;
}

.code-language{
color:var(--code-language-color);
font-size:13px;
font-weight:500;
text-transform:uppercase;
font-family:'Consolas','Monaco','Courier New', monospace;
}

.code-copy-btn{
background:none;
border:none;
cursor:pointer;
padding:6px 8px;
display:flex;
align-items:center;
gap:4px;
color:var(--code-copy-color);
font-size:12px;
outline:none;
transition:opacity 0.2s;
pointer-events:auto;
touch-action:manipulation;
-webkit-tap-highlight-color:rgba(255, 255, 255, 0.1);
}

.code-copy-btn:active{
opacity:0.6;
background-color:var(--code-copy-active-bg);
}

.code-copy-btn svg{
width:16px;
height:16px;
fill:currentColor;
pointer-events:none;
}

.code-copy-btn.copied{
color:#4caf50;
}

.code-block-wrapper pre{
margin:0;
border-radius:0 0 8px 8px;
}

.message-highlight{
background-color:var(--highlight-bg);
transition:background-color 0.1s;
}

.message-highlight-fade{
background-color:transparent;
transition:background-color 0.3s ease-out;
}

#welcome-screen{
display:flex;
flex-direction:column;
align-items:center;
justify-content:center;
min-height:60vh;
padding:40px 20px;
opacity:1;
transition:opacity 0.3s ease-out;
}

body.tb-hidden #welcome-screen,
#welcome-screen.hidden{
display:none;
}

#welcome-screen.boot{
display:none!important;
}

#welcome-logo{
width:64px;
height:64px;
padding:12px;
position:relative;
}

.welcome-logo{
opacity:0.9;
}

.settings-icon{
position:absolute;
bottom:0;
right:0;
width:16px;
height:16px;
opacity:var(--settings-icon-opacity);
transition:opacity 0.5s;
}

body.tb .settings-icon,
body.tb-hidden .settings-icon{
filter:invert(1);
}

.settings-icon:active{
opacity:1;
}


.welcome-text{
font-size:22px;
color:var(--welcome-text-color);
text-align:center;
font-weight:400;
line-height:1.4;
max-width:400px;
min-height:28px;
}

.thinking-section{
background:var(--thinking-bg);
border:1px solid var(--thinking-border);
border-radius:12px;
margin-bottom:8px;
overflow:hidden;
transition:box-shadow 0.2s, opacity 0.7s ease;
display:flex;
flex-direction:column;
width:100%;
min-width:0;
opacity:1;
box-sizing:border-box;
}

.thinking-section.hidden{
opacity:0;
}

.thinking-section:not(.collapsed){
height:100%;
min-height:0;
}

.thinking-header{
display:flex;
align-items:center;
padding:10px 12px;
cursor:pointer;
user-select:none;
-webkit-user-select:none;
background:var(--thinking-header-bg);
transition:background 0.2s;
flex-shrink:0;
min-width:0;
box-sizing:border-box;
}

.thinking-header:active{
background:var(--thinking-header-active);
}

.thinking-icon{
width:20px;
height:20px;
min-width:20px;
border-radius:4px;
background:var(--thinking-icon-bg);
position:relative;
flex-shrink:0;
margin-right:10px;
}

.thinking-icon::before{
content:'';
position:absolute;
width:5px;
height:5px;
background:var(--thinking-icon-dot);
border-radius:50%;
top:50%;
left:50%;
transform:translate(-50%, -50%);
transition:opacity 0.3s ease;
}

.thinking-section.generating .thinking-icon::before{
animation:thinkingPulse 2.5s ease-in-out infinite;
}

@keyframes thinkingPulse{
0%, 100%{
opacity:0.3;
}
50%{
opacity:1;
}
}

.thinking-label{
flex:1;
font-weight:500;
color:var(--thinking-label-color);
font-size:15px;
letter-spacing:0.2px;
min-width:0;
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;
}

.thinking-toggle{
width:20px;
min-width:20px;
height:20px;
display:flex;
align-items:center;
justify-content:center;
color:var(--thinking-toggle-color);
font-size:11px;
transition:transform 0.2s;
flex-shrink:0;
margin-left:10px;
}

.thinking-section:not(.collapsed) .thinking-toggle{
transform:rotate(180deg);
}

.thinking-content{
padding:12px 16px;
color:var(--thinking-content-color);
background:var(--thinking-content-bg);
white-space:pre-wrap;
word-wrap:break-word;
overflow-wrap:break-word;
overflow-y:auto;
overflow-x:hidden;
font-size:14px;
line-height:1.6;
font-family:'Consolas','Monaco','Courier New', monospace;
border-top:1px solid var(--thinking-content-border);
display:block;
opacity:1;
transition:opacity 0.3s ease, padding 0.3s ease;
flex:1;
min-height:0;
min-width:0;
}

.thinking-section.collapsed .thinking-content{
max-height:0;
padding-top:0;
padding-bottom:0;
opacity:0;
overflow:hidden;
border-top:none;
flex:0;
}

.thinking-content::-webkit-scrollbar{
width:6px;
}

.thinking-content::-webkit-scrollbar-track{
background:var(--thinking-scrollbar-track);
}

.thinking-content::-webkit-scrollbar-thumb{
background:var(--thinking-scrollbar-thumb);
border-radius:3px;
}

.thinking-content::-webkit-scrollbar-thumb:hover{
background:var(--thinking-scrollbar-thumb-hover);
}

.message-images{
display:flex;
flex-direction:column;
gap:12px;
margin-bottom:12px;
width:100%;
}

.message-image-wrapper{
position:relative;
width:100%;
max-width:400px;
border-radius:12px;
overflow:hidden;
background:var(--image-wrapper-bg);
box-shadow:0 2px 8px var(--image-wrapper-shadow);
}

.message-image{
width:100%;
height:auto;
display:block;
cursor:pointer;
transition:transform 0.2s;
}

.message-image:active{
transform:scale(0.98);
}

.image-error{
padding:20px;
text-align:center;
color:var(--image-error-color);
background-color:var(--image-error-bg);
border-radius:8px;
font-size:14px;
}

.image-fullscreen-overlay{
position:fixed;
top:0;
left:0;
right:0;
bottom:0;
background:var(--fullscreen-overlay-bg);
z-index:9999;
display:flex;
align-items:center;
justify-content:center;
cursor:pointer;
}

.image-fullscreen{
max-width:95%;
max-height:95%;
object-fit:contain;
}

@media (max-width:600px){
.message-image-wrapper{
max-width:100%;
}
}

.download-images-btn{
display:none;
}

.message-container.has-images .download-images-btn{
display:flex;
}

.share-message-btn{
display:flex;
}

.message-container.has-images .share-message-btn{
display:none;
}

body.tb .ai-message .hljs-keyword,
body.tb .ai-message .hljs-selector-tag,
body.tb .ai-message .hljs-built_in,
body.tb .ai-message .hljs-type,
body.tb-hidden .ai-message .hljs-keyword,
body.tb-hidden .ai-message .hljs-selector-tag,
body.tb-hidden .ai-message .hljs-built_in,
body.tb-hidden .ai-message .hljs-type{
color:#569cd6!important;
}

body.tb .ai-message .hljs-string,
body.tb .ai-message .hljs-attr,
body.tb .ai-message .hljs-symbol,
body.tb .ai-message .hljs-bullet,
body.tb .ai-message .hljs-addition,
body.tb-hidden .ai-message .hljs-string,
body.tb-hidden .ai-message .hljs-attr,
body.tb-hidden .ai-message .hljs-symbol,
body.tb-hidden .ai-message .hljs-bullet,
body.tb-hidden .ai-message .hljs-addition{
color:#ce9178!important;
}

body.tb .ai-message .hljs-title,
body.tb .ai-message .hljs-section,
body.tb-hidden .ai-message .hljs-title,
body.tb-hidden .ai-message .hljs-section{
color:#dcdcaa!important;
}

body.tb .ai-message .hljs-comment,
body.tb .ai-message .hljs-quote,
body.tb .ai-message .hljs-deletion,
body.tb-hidden .ai-message .hljs-comment,
body.tb-hidden .ai-message .hljs-quote,
body.tb-hidden .ai-message .hljs-deletion{
color:#6a9955!important;
}

body.tb .ai-message .hljs-subst,
body.tb-hidden .ai-message .hljs-subst{
color:#d4d4d4!important;
}

body.tb .ai-message .hljs-number,
body.tb .ai-message .hljs-literal,
body.tb-hidden .ai-message .hljs-number,
body.tb-hidden .ai-message .hljs-literal{
color:#b5cea8!important;
}

body.tb .ai-message .hljs-meta,
body.tb-hidden .ai-message .hljs-meta{
color:#9cdcfe!important;
}

body.tb .ai-message .hljs-variable,
body.tb .ai-message .hljs-template-variable,
body.tb-hidden .ai-message .hljs-variable,
body.tb-hidden .ai-message .hljs-template-variable{
color:#9cdcfe!important;
}

body.tb .ai-message .hljs-name,
body.tb .ai-message .hljs-tag,
body.tb-hidden .ai-message .hljs-name,
body.tb-hidden .ai-message .hljs-tag{
color:#569cd6!important;
}

body.tb .ai-message .hljs-attribute,
body.tb-hidden .ai-message .hljs-attribute{
color:#9cdcfe!important;
}

body.tb .ai-message .hljs-regexp,
body.tb .ai-message .hljs-link,
body.tb-hidden .ai-message .hljs-regexp,
body.tb-hidden .ai-message .hljs-link{
color:#d16969!important;
}

body.tb .ai-message .hljs-params,
body.tb-hidden .ai-message .hljs-params{
color:#d4d4d4!important;
}

body.tb .ai-message .hljs-function,
body.tb-hidden .ai-message .hljs-function{
color:#dcdcaa!important;
}

body.tb .ai-message .hljs-operator,
body.tb-hidden .ai-message .hljs-operator{
color:#d4d4d4!important;
}

body.tb .ai-message .hljs-property,
body.tb-hidden .ai-message .hljs-property{
color:#9cdcfe!important;
}



.user-message .mathquill-input-static{
display:inline-block;
vertical-align:middle;
margin:2px 3px;
padding:2px 8px;
min-width:22px;
min-height:26px;
border:1px solid var(--user-actions-border);
border-radius:8px;
background:rgba(128,128,128,.12);
line-height:normal;
cursor:default;
-webkit-user-select:text;
user-select:text;
box-sizing:border-box;
}


.user-message .mathquill-input-static,
.user-message .mathquill-input-static *{
-webkit-user-modify:read-only !important;
-moz-user-modify:read-only !important;
user-modify:read-only !important;
}


.user-message .mathquill-input-static .katex{
font-size:1em;
}
.user-message .mathquill-input-static .katex-display{
margin:2px 0;
}

.user-message .user-message-images{
display:flex;
flex-wrap:wrap;
gap:6px;
margin:0 0 8px 0;
}
.user-message-image-wrapper{
width:104px;
height:104px;
border-radius:10px;
overflow:hidden;
background:var(--image-wrapper-bg);
box-shadow:0 1px 4px var(--image-wrapper-shadow);
}
.user-message-image{
width:100%;
height:100%;
object-fit:cover;
display:block;
cursor:pointer;
transition:transform .2s;
}
.user-message-image:active{transform:scale(.97);}

@media (max-width:600px){
.user-message-image-wrapper{width:84px;height:84px;}
}

html{
overflow-x:hidden;
scrollbar-width:none;
}

body{
box-sizing:border-box;
max-width:880px;
margin:0 auto;
}


body.tb-hidden{max-width:none;margin:0;}


:root{
--ai-primary:#6a8bd4;

--sc-size:10px;
--sc-radius:8px;
--sc-inset:2px;
--sc-track:transparent;
--sc-thumb:rgba(0,0,0,.20);
--sc-thumb-hover:rgba(0,0,0,.34);
--sc-thumb-active:var(--ai-primary);
}

body.tb{
--sc-thumb:rgba(255,255,255,.18);
--sc-thumb-hover:rgba(255,255,255,.30);
--sc-thumb-active:var(--ai-primary);
}

.language-html.hljs{
overflow-x:auto;
overflow-y:hidden;
overscroll-behavior-x:contain;
-webkit-overflow-scrolling:touch;


scrollbar-width:thin;
scrollbar-color:var(--sc-thumb) var(--sc-track);
}


.language-html.hljs::-webkit-scrollbar{
height:var(--sc-size);
width:var(--sc-size);
background:var(--sc-track);
}

.language-html.hljs::-webkit-scrollbar-track{
background:var(--sc-track);
border-radius:var(--sc-radius);
}

.language-html.hljs::-webkit-scrollbar-thumb{
background-color:var(--sc-thumb);
border-radius:var(--sc-radius);
border:var(--sc-inset) solid transparent;
background-clip:padding-box;
min-width:34px;
transition:background-color .15s ease;
}

.language-html.hljs::-webkit-scrollbar-thumb:hover{
background-color:var(--sc-thumb-hover);
}

.language-html.hljs::-webkit-scrollbar-thumb:active{
background-color:var(--sc-thumb-active);
}

.language-html.hljs::-webkit-scrollbar-button{
display:none;
width:0;height:0;
}

.language-html.hljs::-webkit-scrollbar-corner{
background:transparent;
}

@media (prefers-reduced-motion:reduce){
.language-html.hljs::-webkit-scrollbar-thumb{transition:none;}
}