*{
margin:0;
padding:0;
box-sizing:border-box
}

body{
background:#fff;
color:#000;
font-family:Arial,sans-serif;
font-size:14px
}

#whole_page_thing{
max-width:700px;
margin:10px auto;
padding:8px;
border:2px solid #000
}

#big_title_yuh{
font-size:22px;
font-weight:bold;
margin-bottom:2px;
border-bottom:1px solid #000;
padding-bottom:4px
}

#tiny_note{
font-size:11px;
margin-bottom:10px
}

#pick_model_area{
margin-bottom:8px;
border:1px solid #000;
padding:5px
}

#pick_model_area label{
font-size:12px;
display:block;
margin-bottom:3px
}

#model_picker_wrap{
position:relative
}

#model_search_bar{
width:100%;
border:1px solid #000;
padding:5px;
font-size:12px;
background:#fff;
color:#000;
outline:none
}

#model_dropdown_list{
display:none;
position:absolute;
left:0;
right:0;
top:100%;
max-height:160px;
overflow-y:auto;
border:1px solid #000;
background:#fff;
z-index:20
}

#model_dropdown_list.show_it{
display:block
}

.model_row_thing{
padding:5px 6px;
font-size:12px;
cursor:pointer;
border-bottom:1px solid #000
}

.model_row_thing:last-child{
border-bottom:none
}

.model_row_thing:hover{
background:#000;
color:#fff
}

.model_row_thing.is_picked{
background:#000;
color:#fff
}

#picked_model_label{
font-size:11px;
margin-top:4px
}

#chat_box_go_brrr{
height:380px;
overflow-y:auto;
border:2px solid #000;
padding:6px;
margin-bottom:6px;
background:#fff
}

.blob_user{
text-align:right;
margin:6px 0;
padding:5px 8px;
border:1px solid #000;
background:#000;
color:#fff;
display:inline-block;
float:right;
clear:both;
max-width:80%;
word-wrap:break-word
}

.blob_bot{
text-align:left;
margin:6px 0;
padding:5px 8px;
border:1px solid #000;
background:#fff;
color:#000;
display:inline-block;
float:left;
clear:both;
max-width:80%;
word-wrap:break-word
}

.who_said{
font-size:10px;
font-weight:bold;
display:block;
margin-bottom:2px
}

#bottom_row_thing{
display:flex;
gap:4px
}

#msg_box_lol{
flex:1;
border:2px solid #000;
padding:6px;
font-size:13px;
background:#fff;
color:#000;
outline:none
}

#send_btn_pls{
border:2px solid #000;
background:#000;
color:#fff;
padding:6px 14px;
cursor:pointer;
font-size:13px
}

#send_btn_pls:hover{
background:#fff;
color:#000
}

#send_btn_pls:disabled{
opacity:0.4;
cursor:not-allowed
}

.dots_loading_box{
clear:both;
float:left;
margin:6px 0;
padding:8px 12px;
border:1px solid #000;
display:inline-block
}

.dots_loading_box span{
display:inline-block;
width:6px;
height:6px;
margin:0 2px;
background:#000;
border-radius:50%;
animation:bounce_dot 1.2s infinite ease-in-out
}

.dots_loading_box span:nth-child(1){
animation-delay:0s
}
.dots_loading_box span:nth-child(2){
animation-delay:0.2s
}
.dots_loading_box span:nth-child(3){
animation-delay:0.4s
}

@keyframes bounce_dot{
0%,80%,100%{
opacity:0.2;
transform:translateY(0)
}
40%{
opacity:1;
transform:translateY(-4px)
}
}