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,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;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}*{-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-text-size-adjust:none;-moz-text-size-adjust:none;-ms-text-size-adjust:none;text-size-adjust:none;font-family:"Inconsolata",monospace}body{font-family:"Inconsolata",monospace;font-size:12px;background-color:#fff}.container{display:-webkit-box;display:-ms-flexbox;display:flex;border:1px solid #000;height:calc(100vh - 38px);width:calc(100vw - 20px);margin:10px;border-radius:3px;padding:10px;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.chat-history{border:1px solid #ccc;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;margin-bottom:10px;overflow-y:scroll}.handle{margin-bottom:5px}.handle,.message{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1}.handle span,.message span{min-width:60px}.colors{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.colors>div{display:-webkit-box;display:-ms-flexbox;display:flex;margin-bottom:5px;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.colors input{margin-left:5px;border:0;width:60px;text-align:center;height:17px}.colors span{margin-left:10px}input[type=text]{height:28px}input[type=text],textarea{border:1px solid #666;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;padding:5px;resize:none}.bottom{display:-webkit-box;display:-ms-flexbox;display:flex;margin-top:10px}button{cursor:pointer;margin-left:60px;width:100%;height:40px;border:1px solid #aaa;background-color:#fff;border-radius:3px}.chat-message-line{display:block;margin:10px 10px 10px}.chat-handle{font-size:8px;display:block}.chat-message{word-break:break-all;font-size:12px}.about{padding:10px;padding-bottom:0;text-align:right;height:18px;font-size:10px}