*{box-sizing:border-box;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;outline:none;scrollbar-color:#8922ff #212121;scrollbar-width:thin}:root{--bg:#212121;--bg-pan:#3d3d3d;--clr:#fff;--akc:#8922ff;--red:crimson;--red-o:rgba(220,20,60,.274);--sdw:0 4px 10px 0 #0000000f;--gap:10px;--b-rd:10px;--gray:#a0a0a0}body,html{background-color:#212121;background-color:var(--bg);color:#fff;color:var(--clr);font-size:16px}main{display:flex;flex-direction:column;height:90dvh;justify-content:end;margin:0 auto;max-width:700px;width:100%}@keyframes show{0%{opacity:0}to{opacity:1}}button.red{background-color:crimson;background-color:var(--red);border:1px solid crimson;border:1px solid var(--red)}button.delbt{--size:35px;align-items:center;background-color:rgba(220,20,60,.274);background-color:var(--red-o);border:none;border-radius:100px;color:#fff;color:var(--clr);display:none;height:var(--size);justify-content:center;width:var(--size)}.ChatBox{display:flex;flex-direction:column;gap:10px;gap:var(--gap);max-height:80dvh;overflow-y:auto;padding:10px}.msgBox:hover button.delbt{animation:show .2s ease-in-out forwards;display:flex}.msgBox,.msgBoxAdm{align-items:center;display:flex;gap:10px;gap:var(--gap)}.msgBox.user{justify-content:end}.msgBox.admin{justify-content:start}.msg{align-items:flex-end;background-color:#3d3d3d;background-color:var(--bg-pan);border-radius:10px;border-radius:var(--b-rd);box-shadow:0 4px 10px 0 #0000000f;box-shadow:var(--sdw);display:flex;flex-wrap:wrap;gap:10px;gap:var(--gap);justify-content:flex-end;max-width:95%;padding:6px 10px;width:-webkit-fit-content;width:fit-content}.msgBoxAdm.admin{justify-content:end}.msgBoxAdm.user{justify-content:start}.msgBox.user .msg{border-bottom-right-radius:0}.msgBox.admin .msg,.msgBoxAdm.user .msg{border-bottom-left-radius:0}.msgBoxAdm.admin .msg{border-bottom-right-radius:0}.deletedinfo{align-items:center;display:flex;justify-content:center}.deletedinfo span{background-color:#3d3d3d;background-color:var(--bg-pan);border-radius:6px;color:#a0a0a0;color:var(--gray);font-size:.8rem;opacity:.6;padding:4px 8px;text-align:center;width:-webkit-fit-content;width:fit-content}.deletedinfo.error span{background-color:rgba(220,20,60,.274);background-color:var(--red-o);color:crimson;color:var(--red)}.msg pre.text{margin:0;white-space:pre-wrap;word-break:break-word}.msg .from{color:#a0a0a0;color:var(--gray);font-size:.8rem;font-weight:600}.msg .content{display:flex;flex-direction:column;flex-grow:2;gap:1px}.msg .time{align-items:flex-end;color:#a0a0a0;color:var(--gray);display:flex;flex-basis:10%;flex-grow:1;font-size:.6rem;height:-webkit-fit-content;height:fit-content;justify-content:end;opacity:.7}.message-input-area{align-items:center;background-color:#3d3d3d;background-color:var(--bg-pan);border-radius:40px;box-shadow:0 -10px 10px 0 #212121;box-shadow:0 -10px 10px 0 var(--bg);display:flex;gap:10px;gap:var(--gap);padding:8px}.message-input-area textarea{background:#0000;border:none;color:#fff;color:var(--clr);flex:1 1;font-family:inherit;font-size:1rem;line-height:1.5;margin-left:10px;max-height:150px;min-height:24px;outline:none;overflow-y:auto;padding:6px 0;resize:none}.message-input-area textarea::placeholder{color:#a0a0a0;color:var(--gray)}.message-input-area button{--size:36px;align-items:center;background:#8922ff;background:var(--akc);border:none;border-radius:50%;color:#fff;color:var(--clr);cursor:pointer;display:flex;flex-shrink:0;height:var(--size);justify-content:center;transition:background .2s;width:var(--size)}.message-input-area button:disabled{background:#5a5a5a;cursor:not-allowed}.message-input-area button svg{height:20px;width:20px}.sending-indicator{display:inline-block;font-weight:700;letter-spacing:2px;text-align:center;width:20px}.centered{align-items:center;display:flex;justify-content:center}.pnl{background-color:initial;border-radius:10px;border-radius:var(--b-rd);box-shadow:0 4px 10px 0 #0000000f;box-shadow:var(--sdw);display:flex;flex-direction:column;gap:10px;gap:var(--gap);padding:10px;padding:var(--gap)}.mini{color:#a0a0a0;color:var(--gray);font-size:.8rem;margin:0}.clm{flex-direction:column;gap:5px}.clm,.row{display:flex}.row{flex-direction:row;gap:10px;gap:var(--gap)}.right{text-align:end}button,input{background-color:#3d3d3d;background-color:var(--bg-pan);border:1px solid #0000;border-radius:4px;padding:5px 10px;padding:5px var(--gap)}button,input{color:#fff;color:var(--clr)}button{align-items:center;background-color:#8922ff;background-color:var(--akc);border:1px solid #8922ff;border:1px solid var(--akc);display:flex;flex-direction:row;font-weight:700;gap:10px;justify-content:center;min-height:35px}button.mem{background-color:#fff;background-color:var(--clr);border:1px solid #212121;border:1px solid var(--bg);color:#212121;color:var(--bg)}.center{text-align:center}.deleted{opacity:.6}.state .msg{opacity:.8}main.amd{flex-direction:row;gap:20px;justify-content:space-evenly;margin:0 auto;max-width:1900px}main.amd .ChatMain{height:90dvh;justify-content:end;margin:0 auto;max-width:700px;width:100%}.heighr,main.amd .ChatMain{display:flex;flex-direction:column}.heighr{height:80dvh}.headchat,.heighr{justify-content:space-between}.headchat{align-items:center;box-shadow:0 8px 10px 0 #212121;box-shadow:0 8px 10px 0 var(--bg);display:flex;flex-direction:row;gap:10px;z-index:10}main.amd .ChatState{flex-basis:500px;width:100%}.states-list{flex-direction:column;height:80dvh;overflow-y:scroll}.state .msg .content,.states-list{display:flex;gap:10px;gap:var(--gap)}.state .msg .content{align-items:center;flex-direction:row}@keyframes pens{0%{left:-5px;opacity:0}50%{left:0;opacity:1}to{left:5px;opacity:0}}.pensil{animation:pens 1s linear infinite;height:.9rem;position:relative;width:-webkit-fit-content;width:fit-content}.btw{align-items:center;justify-content:space-between}header{left:0;padding:10px;position:-webkit-sticky;position:sticky;top:0;width:100%;z-index:1000}header div.header{align-items:center;display:flex;justify-content:space-between;margin:0 auto;width:100%}header .header .logo{align-items:center;display:flex;gap:10px;justify-content:center}header .header .logo img{max-height:30px}header .header .logo span{font-weight:900}