#root{font-family:Inter system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Open Sans","Helvetica Neue",sans-serif}.searching-container{display:inline-block;position:relative}.searching{color:#e8e8e8;font-style:italic;animation:colorMove 2s linear infinite}@keyframes colorMove{0%{color:#e8e8e8}25%{color:#888}50%{color:#000}75%{color:#888}to{color:#e8e8e8}}.loading-text{font-style:italic;color:#dedede;display:flex;white-space:pre}.loading-text span{color:#dedede;animation:colorChange 1.5s infinite;animation-fill-mode:both}@keyframes colorChange{0%{color:#dedede}50%{color:#525252}to{color:#dedede}}.loading-text span:nth-child(1){animation-delay:0s}.loading-text span:nth-child(2){animation-delay:.1s}.loading-text span:nth-child(3){animation-delay:.2s}.loading-text span:nth-child(4){animation-delay:.3s}.loading-text span:nth-child(5){animation-delay:.4s}.loading-text span:nth-child(6){animation-delay:.5s}.loading-text span:nth-child(7){animation-delay:.6s}.loading-text span:nth-child(8){animation-delay:.7s}.loading-text span:nth-child(9){animation-delay:.8s}.loading-text span:nth-child(10){animation-delay:.9s}.loading-text span:nth-child(11){animation-delay:1s}.loading-text span:nth-child(12){animation-delay:1.1s}.loading-text span:nth-child(13){animation-delay:1.2s}.loading{width:100%;display:flex;flex-direction:column;gap:10px}.load1c{width:100%;height:10px;border-radius:10px;overflow:hidden}.load1{background:linear-gradient(to right,#e6e6e6,#b9b9ba,#e6e6e6);height:100%;width:0%;animation:load 1s linear infinite}.load2c{width:70%!important;height:10px;border-radius:10px;overflow:hidden}.load2{background:linear-gradient(to right,#e6e6e6,#b9b9ba,#e6e6e6);height:100%;width:0%;animation:load 1s linear infinite}.load3c{width:50%!important;height:10px;border-radius:10px;overflow:hidden}.load3{background:linear-gradient(to right,#e6e6e6,#b9b9ba,#e6e6e6);height:100%;width:0%;animation:load 1s linear infinite}@keyframes load{0%{width:0%;transform:scaleY(1)}50%{transform:scaleY(1.1)}to{width:100%;transform:scaleY(1)}}.chat-room{max-width:600px;margin:0 auto;padding:20px}.join-room,.chat-box{text-align:center}.messages{max-height:400px;overflow-y:auto;margin-bottom:10px}.message{padding:5px;margin:5px 0;border-bottom:1px solid #ccc}.input-area{display:flex;justify-content:space-between}.input-area input{width:80%;padding:8px;margin-right:10px}.input-area button{padding:8px 16px}.svg-like{fill:#1572db!important;stroke:#1572db!important}.svg-dislike{fill:#f3b31a!important;stroke:#f3b31a!important}.svg-default{fill:#97a0af!important;stroke:#97a0af!important}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;vertical-align:baseline;font-family:ui-sans-serif,-apple-system,system-ui,Segoe UI,Helvetica,Apple Color Emoji,Arial,sans-serif,Segoe UI Emoji,Segoe UI Symbol}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}