html,body{width:100%;height:100dvh;background:#1a1a1a;margin:0;display:flex;justify-content:center;overflow-x:hidden}body{background:var(--background-linear)!important;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;font-family:system-ui,-apple-system,sans-serif;padding:1vmax}*{box-sizing:border-box;-webkit-text-size-adjust:100%;text-size-adjust:100%;scrollbar-width:thin;scrollbar-color:transparent transparent;transition:scrollbar-color .4s ease}*.isScrolling{scrollbar-color:rgba(255,255,255,.3) transparent}button,input{border:none}:root{--background-linear: radial-gradient(circle at 50% 40%, #3e3657 0%, #231f30 60%, #0d0c11 100%);--background-card: rgb(35, 35, 41);--bg-filter: none;--main-border: 1.5px solid rgba(210, 210, 210, .1);--main-shadow: none;--main-active: rgb(45, 45, 51)}.liquid{--background-card: rgba(255, 255, 255, .1);--bg-filter: blur(16px) saturate(180%);--main-border: 1px solid rgba(255, 255, 255, .3);--main-shadow: 0 8px 32px 0 rgba(0, 0, 0, .2), inset 0 1px 1px 0 rgba(255, 255, 255, .6), inset 0 -1px 2px 0 rgba(0, 0, 0, .1);--main-active: rgba(255, 255, 255, .15)}.main{position:relative;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;background:var(--background-card);backdrop-filter:var(--bg-filter);-webkit-backdrop-filter:var(--bg-filter);box-shadow:var(--main-shadow);border:var(--main-border);margin:5.5vw;margin-top:7.3vh;min-height:18vh;padding:1.5rem;border-radius:15px;width:min(87.6vw,1605px);transition:.4s ease-in-out}.main:active{background-color:var(--main-active)}.main p,.main button,.main h2,label,span,h3,h4{color:#fff}.main button{background:linear-gradient(135deg,#332066,#4f3591);margin:.8rem .5rem .5rem;border-radius:16px;min-width:7.5rem;height:2.1rem;max-height:40.8px;font-weight:700;font-size:.8rem}.main button:disabled{opacity:.7}.innerMain label{margin-right:1rem;display:inline-block}.innerMain{display:flex;flex-direction:column}.innerMain input{font-size:.85rem}.turnTheme{background:#1e1b2699!important;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.5);padding:8px 12px;border-radius:12px;cursor:pointer;margin:.8vmax;position:absolute;top:0;left:0}.turnTheme:active{background:#2d283acc;border-color:#fff3;transform:scale(.94)}.liquidTheme{background:#ffffff26;border-color:#ffffff40;box-shadow:0 4px 20px #0006}@keyframes MovinGradient{0%{background-position:0% 30%}50%{background-position:100% 70%}to{background-position:50% 0%}}@media(min-width:600px){.main{margin-top:6.4vh}}@media(min-width:1200px){.main button{height:2.7rem}.main{margin:7vw;margin-top:2.5vh}}@media(min-height:1400px){html{font-size:20.7px}}.createRoom{display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:34.3vh!important;text-align:center;padding:1.5rem}.createInner{margin:1vh;width:100%;max-width:400px;margin-top:1.47rem!important}.form{display:grid;width:100%;height:100%}.form label{margin-right:.7rem;margin-bottom:1rem}.form span{margin-top:.5rem}input[type=range]{-webkit-appearance:none;appearance:none;width:100%;height:8px;border-radius:4px;background:#fff3;cursor:pointer}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:18px;height:18px;border-radius:32.5%;background:#fff6;cursor:pointer;transition:transform .1s ease,background .1s ease}input[type=range]::-webkit-slider-thumb:active{transform:scale(1.15);background:#fff9}input[type=range]::-moz-range-thumb{width:18px;height:18px;border-radius:30%;background:#fff6;cursor:pointer}input[type=range]::-moz-range-thumb:active{transform:scale(1.15);background:#fff9}.createRoom .create,.createRoom .goBack{min-width:11rem}.goBack{margin:2vh!important;background:#2d2b3a!important}.isPrivate{background:#ffffff17!important;border:1px solid rgba(255,255,255,.43);cursor:pointer;min-width:5rem!important;border-radius:21px!important;padding:.4rem;position:absolute;right:0;top:0}.privateMsg{position:absolute;top:calc(.9% + .1rem);left:50%;transform:translate(-50%);z-index:99;color:#d3d3d3e6;font-size:clamp(1.07rem,2.75vw,1.185rem)!important;text-align:center}.adjascent{top:calc(-4.7% + 2.65rem);font-size:clamp(.7rem,2.15vw,.8rem)!important;white-space:nowrap}.joinInner{display:flex;flex-direction:column;align-items:center;text-align:center;margin:0}.joinInner button{width:8rem}.joinInner button:last-of-type{margin-top:.6rem!important}.joinInput{margin:0;font-size:.85rem;height:1.4rem}.avRooms{background-color:#14141433;min-width:100%;overflow-y:auto;max-height:54vh;top:10px}.searchRooms .goBack{width:9.8rem}.roomCard{display:grid;grid-template-columns:1fr auto;background:linear-gradient(135deg,#192323cc,#2d0a0ab3);margin:1rem;border:1px solid white;border-radius:8px;padding-bottom:1rem}.roomName{background:#6464641a;grid-column:1 / -1;border-bottom:1px solid white;padding:.8rem 1rem;height:80%}.roomCard>p{grid-column:1;margin-top:.25rem;margin-bottom:.25rem;padding-left:.4rem}.roomName h2{margin:0}.roomCard button{background:red;grid-column:2;grid-row:2 / 4;align-self:center}.liquid .roomCard{background:linear-gradient(135deg,#19232366,#2d0a0aa1)}.toolbarBtn{background:#c8c8c833!important;border:1px solid rgba(255,255,255,.87);min-width:6rem!important;height:2rem!important}.toolbarBtn:disabled{opacity:.7}.systemMessage{color:red!important;font-weight:700;font-size:.95rem}.roomsInner{display:flex;flex-direction:column;align-items:center;width:100%;height:100%}.usersInfo{font-weight:700;margin-top:-1.1vh;font-size:.95rem}.messages{background:#0f0f0f80!important;min-width:100%;min-height:5.4vmax;padding:1vmax;font-size:1.4vmax;margin-bottom:3vmax;overflow-y:auto;overflow-x:hidden;max-height:45vh;word-break:break-word;white-space:pre-wrap;border:2px solid rgba(250,250,250,.5)}.startChat{color:#d1d5db!important;font-size:.8rem}.defaultMessage{color:#fff!important;font-size:1rem}input,textarea{font-size:13px}.sendBtn:disabled{opacity:.7}.roomsInner textarea{border-radius:19px;background:#1210154d;border:1.8px solid rgba(232,232,232,.5);color:#fff;padding:.6rem;outline:none;font-size:.8rem;height:2.5rem;width:70%;max-width:450px;max-height:17.3vh;resize:none}.roomsInner textarea::placeholder{font-size:.6rem;text-align:start}.roomCode{margin-top:-1.1%;font-size:1.5rem}.msgArea{position:relative;width:100%;display:flex;justify-content:center}.redirectTimer{font-size:1.2rem}@media(min-height:600px){.messages{max-height:37.6vh}.roomsInner textarea{max-height:15vh}}@media(min-height:1000px){.messages{max-height:42vh}}