:root{--c-graph: #FDF;--c-bg: #FBF;--c-pri: #7A00D4;--c-dis: #A6F;--c-sec: #FFC;--c-acc: #AFA;--font-s: 16px;--ui-pad: 100px;--ui-height: 60px;--ui-el-h: 40px;--ui-el-w: 80px;--fs-label: clamp(.8125rem, .79rem + .15vw, .875rem);--fs-input: clamp(1.2rem, .98rem + .1vw, 1.0625rem);--fs-body: clamp(1rem, .94rem + .28vw, 1.125rem);--fs-card-title: clamp(1.25rem, 1.05rem + .9vw, 1.5rem);--cur-arrow: url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='UTF-8'?%3e%3csvg%20id='Layer_3'%20xmlns='http://www.w3.org/2000/svg'%20width='26'%20height='28.43'%20viewBox='0%200%202071.02%202264.38'%3e%3cpath%20d='M1225.73,1974.4c-75.05,0-143.88-47.66-171.52-118.68l-171.28-413.09-162.72,149.01c-24.63,22.55-56.27,34.97-89.1,34.97s-67.09-13.25-91.71-36.34c-26.73-25.07-41.44-59.35-41.42-96.5v-31.24c.24-405.43,1.83-816.52,4.73-1221.87.15-21.25,8.76-40.86,24.23-55.2,14.21-13.17,32.7-20.43,52.06-20.43,20.32,0,39.46,8,53.88,22.54l901.49,908.23c19.54,19.68,32.27,44.19,36.81,70.87,4.2,24.68,1.27,50.12-8.49,73.55-9.76,23.43-25.74,43.44-46.21,57.85-22.13,15.58-48.46,23.81-76.13,23.81h-.02c-.64,0-1.3,0-1.95-.01l-237.91-3.31,194.8,434.01,1.21,6.36c7.92,41.71,1.38,85.19-18.41,122.42-19.91,37.45-51.89,66.33-90.04,81.33-19.77,7.77-40.73,11.71-62.3,11.71Z'%20style='fill:%237c16d4;'/%3e%3cpath%20d='M579,220.03c5.22,0,10.54,1.95,14.85,6.29,300.5,302.74,600.99,605.48,901.49,908.22,48.72,49.09,13.77,132.35-55,132.35-.39,0-.8,0-1.19,0l-295.76-4.12c-.09,0-.18,0-.27,0-13.11,0-21.91,13.54-16.52,25.54,71.95,160.3,143.9,320.59,215.84,480.89,11.66,61.43-21.32,121.38-74.54,142.31-13.59,5.34-27.88,7.9-42.18,7.9-50.04,0-100.16-31.33-120.46-84.13-63.9-154.11-127.8-308.21-191.69-462.32-2.98-7.18-9.81-11.19-16.79-11.19-4.3,0-8.66,1.52-12.2,4.76-67.18,61.52-134.35,123.03-201.53,184.55-15.48,14.18-33.91,20.54-51.95,20.54-40.02,0-78.15-31.26-78.14-77.82,0-10.41,0-20.82.02-31.23.23-407.15,1.8-814.32,4.71-1221.5.09-12.68,10.48-21.02,21.29-21.02M579,110.03c-33.28,0-65.05,12.46-89.46,35.1-12.89,11.95-23.08,26.12-30.28,42.12-7.53,16.72-11.41,34.56-11.55,53.02-2.9,405.49-4.49,816.71-4.71,1222.23,0,10.41-.01,20.83-.02,31.25-.01,26.7,5.37,52.4,16,76.39,10.1,22.81,24.5,43.08,42.79,60.24,17.35,16.28,37.41,29.01,59.61,37.84,22.36,8.89,45.82,13.39,69.73,13.39,46.61,0,91.45-17.55,126.24-49.41l100.77-92.28,4.07-3.72,62.08,149.73,78.91,190.32c17.94,45.77,48.86,84.47,89.5,111.98,19.52,13.21,40.78,23.46,63.19,30.45,22.78,7.11,46.28,10.72,69.85,10.72,28.49,0,56.22-5.22,82.42-15.53,50.35-19.8,92.43-57.69,118.48-106.7,12.59-23.68,21.08-49.17,25.24-75.76,4.3-27.48,3.84-55.31-1.37-82.74l-2.41-12.72-5.3-11.81-127.7-284.51-29.12-64.88,151.64,2.11c.9.01,1.82.02,2.72.02,39.07,0,76.35-11.7,107.8-33.85,28.98-20.4,51.57-48.65,65.32-81.69,13.76-33.05,17.89-68.99,11.93-103.93-6.46-37.9-24.44-72.61-51.99-100.38l-450.75-454.11-450.75-454.11c-12.55-12.64-27.21-22.44-43.58-29.12-15.72-6.42-32.32-9.67-49.34-9.67h0Z'%20style='fill:%23f9ddfd;'/%3e%3c/svg%3e") 8 2;--cur-point: url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='UTF-8'?%3e%3csvg%20id='Layer_1'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20version='1.1'%20width='40'%20height='40'%20viewBox='0%200%2032%2032'%3e%3c!--%20Generator:%20Adobe%20Illustrator%2030.6.0,%20SVG%20Export%20Plug-In%20.%20SVG%20Version:%202.1.4%20Build%20109)%20--%3e%3cdefs%3e%3cstyle%3e%20.st0,%20.st1,%20.st2%20{%20fill:%20none;%20}%20.st1%20{%20stroke-linejoin:%20round;%20}%20.st1,%20.st2%20{%20stroke:%20%237c16d4;%20stroke-linecap:%20round;%20stroke-width:%20.75px;%20}%20.st3%20{%20clip-path:%20url(%23clippath-1);%20}%20.st4%20{%20clip-path:%20url(%23clippath-3);%20}%20.st5%20{%20clip-path:%20url(%23clippath-4);%20}%20.st6%20{%20clip-path:%20url(%23clippath-2);%20}%20.st7%20{%20clip-path:%20url(%23clippath);%20}%20.st8%20{%20fill:%20%23f9ddfd;%20}%20%3c/style%3e%3cclipPath%20id='clippath'%3e%3crect%20class='st0'%20width='32'%20height='32'/%3e%3c/clipPath%3e%3cclipPath%20id='clippath-1'%3e%3crect%20class='st0'%20width='32'%20height='32'/%3e%3c/clipPath%3e%3cclipPath%20id='clippath-2'%3e%3crect%20class='st0'%20width='32'%20height='32'/%3e%3c/clipPath%3e%3cclipPath%20id='clippath-3'%3e%3crect%20class='st0'%20width='32'%20height='32'/%3e%3c/clipPath%3e%3cclipPath%20id='clippath-4'%3e%3crect%20class='st0'%20width='32'%20height='32'/%3e%3c/clipPath%3e%3c/defs%3e%3cg%20class='st7'%3e%3cpath%20class='st8'%20d='M11.3,20.4c-.3-.4-.6-1.1-1.2-2-.3-.5-1.2-1.5-1.5-1.9-.2-.4-.2-.6-.1-1,.1-.6.7-1.1,1.4-1.1.5,0,1,.4,1.4.7.2.2.5.6.7.8.2.2.2.3.4.5.2.3.3.5.2.1-.1-.5-.2-1.3-.4-2.1-.1-.6-.2-.7-.3-1.1-.1-.5-.2-.8-.3-1.3-.1-.3-.2-1.1-.3-1.5-.1-.5-.1-1.4.3-1.8.3-.3.9-.4,1.3-.2.5.3.8,1,.9,1.3.2.5.4,1.2.5,2,.2,1,.5,2.5.5,2.8,0-.4-.1-1.1,0-1.5.1-.3.3-.7.7-.8.3-.1.6-.1.9-.1.3.1.6.3.8.5.4.6.4,1.9.4,1.8.1-.4.1-1.2.3-1.6.1-.2.5-.4.7-.5.3-.1.7-.1,1,0,.2,0,.6.3.7.5.2.3.3,1.3.4,1.7,0,.1.1-.4.3-.7.4-.6,1.8-.8,1.9.6v2.3c0,.4-.1,1.3-.2,1.7-.1.3-.4,1-.7,1.4,0,0-1.1,1.2-1.2,1.8q-.1.6-.1,1c0,.4.1.9.1.9,0,0-.8.1-1.2,0-.4-.1-.9-.8-1-1.1-.2-.3-.5-.3-.7,0-.2.4-.7,1.1-1.1,1.1-.7.1-2.1,0-3.1,0,0,0,.2-1-.2-1.4-.3-.3-.8-.8-1.1-1.1l-1.1-.7Z'/%3e%3c/g%3e%3cg%20class='st3'%3e%3cpath%20class='st1'%20d='M11.3,20.4c-.3-.4-.6-1.1-1.2-2-.3-.5-1.2-1.5-1.5-1.9-.2-.4-.2-.6-.1-1,.1-.6.7-1.1,1.4-1.1.5,0,1,.4,1.4.7.2.2.5.6.7.8.2.2.2.3.4.5.2.3.3.5.2.1-.1-.5-.2-1.3-.4-2.1-.1-.6-.2-.7-.3-1.1-.1-.5-.2-.8-.3-1.3-.1-.3-.2-1.1-.3-1.5-.1-.5-.1-1.4.3-1.8.3-.3.9-.4,1.3-.2.5.3.8,1,.9,1.3.2.5.4,1.2.5,2,.2,1,.5,2.5.5,2.8,0-.4-.1-1.1,0-1.5.1-.3.3-.7.7-.8.3-.1.6-.1.9-.1.3.1.6.3.8.5.4.6.4,1.9.4,1.8.1-.4.1-1.2.3-1.6.1-.2.5-.4.7-.5.3-.1.7-.1,1,0,.2,0,.6.3.7.5.2.3.3,1.3.4,1.7,0,.1.1-.4.3-.7.4-.6,1.8-.8,1.9.6v2.3c0,.4-.1,1.3-.2,1.7-.1.3-.4,1-.7,1.4,0,0-1.1,1.2-1.2,1.8q-.1.6-.1,1c0,.4.1.9.1.9,0,0-.8.1-1.2,0-.4-.1-.9-.8-1-1.1-.2-.3-.5-.3-.7,0-.2.4-.7,1.1-1.1,1.1-.7.1-2.1,0-3.1,0,0,0,.2-1-.2-1.4-.3-.3-.8-.8-1.1-1.1l-1.1-.7Z'/%3e%3c/g%3e%3cg%20class='st6'%3e%3cline%20class='st2'%20x1='19.6'%20y1='20.7'%20x2='19.6'%20y2='17.3'/%3e%3c/g%3e%3cg%20class='st4'%3e%3cline%20class='st2'%20x1='17.6'%20y1='20.7'%20x2='17.5'%20y2='17.3'/%3e%3c/g%3e%3cg%20class='st5'%3e%3cline%20class='st2'%20x1='15.6'%20y1='17.3'%20x2='15.6'%20y2='20.7'/%3e%3c/g%3e%3c/svg%3e") 17 12;--cur-grab: url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='UTF-8'?%3e%3csvg%20id='Layer_1'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20version='1.1'%20width='40'%20height='40'%20viewBox='0%200%2032%2032'%3e%3c!--%20Generator:%20Adobe%20Illustrator%2030.6.0,%20SVG%20Export%20Plug-In%20.%20SVG%20Version:%202.1.4%20Build%20109)%20--%3e%3cdefs%3e%3cstyle%3e%20.st0,%20.st1,%20.st2%20{%20fill:%20none;%20}%20.st1%20{%20stroke-linejoin:%20round;%20}%20.st1,%20.st2%20{%20stroke:%20%237c16d4;%20stroke-width:%20.75px;%20}%20.st3%20{%20clip-path:%20url(%23clippath-1);%20}%20.st4%20{%20clip-path:%20url(%23clippath-3);%20}%20.st5%20{%20clip-path:%20url(%23clippath-4);%20}%20.st6%20{%20clip-path:%20url(%23clippath-2);%20}%20.st2%20{%20stroke-linecap:%20round;%20}%20.st7%20{%20clip-path:%20url(%23clippath);%20}%20.st8%20{%20fill:%20%23f9ddfd;%20}%20%3c/style%3e%3cclipPath%20id='clippath'%3e%3crect%20class='st0'%20width='32'%20height='32'/%3e%3c/clipPath%3e%3cclipPath%20id='clippath-1'%3e%3crect%20class='st0'%20width='32'%20height='32'/%3e%3c/clipPath%3e%3cclipPath%20id='clippath-2'%3e%3crect%20class='st0'%20width='32'%20height='32'/%3e%3c/clipPath%3e%3cclipPath%20id='clippath-3'%3e%3crect%20class='st0'%20width='32'%20height='32'/%3e%3c/clipPath%3e%3cclipPath%20id='clippath-4'%3e%3crect%20class='st0'%20width='32'%20height='32'/%3e%3c/clipPath%3e%3c/defs%3e%3cg%20class='st7'%3e%3cpath%20class='st8'%20d='M12.6,13c.5-.2,1.4-.1,1.7.5.2.5.4,1.2.4,1.1,0-.4,0-1.2.1-1.6.1-.3.3-.6.7-.7.3-.1.6-.1.9-.1.3.1.6.3.8.5.4.6.4,1.9.4,1.8.1-.3.1-1.2.3-1.6.1-.2.5-.4.7-.5.3-.1.7-.1,1,0,.2,0,.6.3.7.5.2.3.3,1.3.4,1.7,0,.1.1-.4.3-.7.4-.6,1.8-.8,1.9.6v2.3c0,.4-.1,1.3-.2,1.7-.1.3-.4,1-.7,1.4,0,0-1.1,1.2-1.2,1.8q-.1.6-.1,1c0,.4.1.9.1.9,0,0-.8.1-1.2,0-.4-.1-.9-.8-1-1.1-.2-.3-.5-.3-.7,0-.2.4-.7,1.1-1,1.1-.7.1-2.1,0-3.1,0,0,0,.2-1-.2-1.4-.3-.3-.8-.8-1.1-1.1l-.8-.9c-.3-.4-1-.9-1.2-2-.2-.9-.2-1.4,0-1.8s.7-.6.9-.6.7,0,.9.1.3.2.5.4c.2.3.3.5.2.1-.1-.3-.3-.6-.4-1-.1-.4-.4-.9-.4-1.5-.5,0-.4-.6.4-.9'/%3e%3c/g%3e%3cg%20class='st3'%3e%3cpath%20class='st1'%20d='M12.6,13c.5-.2,1.4-.1,1.7.5.2.5.4,1.2.4,1.1,0-.4,0-1.2.1-1.6.1-.3.3-.6.7-.7.3-.1.6-.1.9-.1.3.1.6.3.8.5.4.6.4,1.9.4,1.8.1-.3.1-1.2.3-1.6.1-.2.5-.4.7-.5.3-.1.7-.1,1,0,.2,0,.6.3.7.5.2.3.3,1.3.4,1.7,0,.1.1-.4.3-.7.4-.6,1.8-.8,1.9.6v2.3c0,.4-.1,1.3-.2,1.7-.1.3-.4,1-.7,1.4,0,0-1.1,1.2-1.2,1.8q-.1.6-.1,1c0,.4.1.9.1.9,0,0-.8.1-1.2,0-.4-.1-.9-.8-1-1.1-.2-.3-.5-.3-.7,0-.2.4-.7,1.1-1,1.1-.7.1-2.1,0-3.1,0,0,0,.2-1-.2-1.4-.3-.3-.8-.8-1.1-1.1l-.8-.9c-.3-.4-1-.9-1.2-2-.2-.9-.2-1.4,0-1.8s.7-.6.9-.6.7,0,.9.1.3.2.5.4c.2.3.3.5.2.1-.1-.3-.3-.6-.4-1-.1-.4-.4-.9-.4-1.5-.5,0-.4-.6.4-.9Z'/%3e%3c/g%3e%3cg%20class='st6'%3e%3cline%20class='st2'%20x1='19.6'%20y1='20.7'%20x2='19.6'%20y2='17.3'/%3e%3c/g%3e%3cg%20class='st4'%3e%3cline%20class='st2'%20x1='17.6'%20y1='20.7'%20x2='17.5'%20y2='17.3'/%3e%3c/g%3e%3cg%20class='st5'%3e%3cline%20class='st2'%20x1='15.6'%20y1='17.3'%20x2='15.6'%20y2='20.7'/%3e%3c/g%3e%3c/svg%3e") 23 25;--cur-move: url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='UTF-8'?%3e%3csvg%20id='Layer_1'%20xmlns='http://www.w3.org/2000/svg'%20version='1.1'%20width='26'%20height='26'%20viewBox='0%200%2016%2016'%3e%3c!--%20Generator:%20Adobe%20Illustrator%2030.6.0,%20SVG%20Export%20Plug-In%20.%20SVG%20Version:%202.1.4%20Build%20109)%20--%3e%3cdefs%3e%3cstyle%3e%20.st0%20{%20fill:%20%237c16d4;%20}%20.st1%20{%20fill:%20%23f9ddfd;%20}%20%3c/style%3e%3c/defs%3e%3cpath%20class='st1'%20d='M8,0L0,8l5.2,5.2,2.8,2.8,8-8L8,0ZM6,11h-1v-1h1v1ZM6,6h-1v-1h1v1ZM11,11h-1v-1h1v1ZM10,5h1v1h-1v-1Z'/%3e%3cpolygon%20class='st0'%20points='14.6%208%2012%205.2%2012%207%208%207%204%207%204%205.2%201.4%208%204%2010.8%204%209%208%209%2012%209%2012%2010.8%2014.6%208'/%3e%3cpolygon%20class='st0'%20points='9%208%209%208%209%204%2010.8%204%208%201.4%205.2%204%207%204%207%208%207%208%207%2012%205.2%2012%208%2014.6%2010.8%2012%209%2012%209%208'/%3e%3c/svg%3e") 13 13;--cur-jk: url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='UTF-8'?%3e%3csvg%20id='Layer_1'%20xmlns='http://www.w3.org/2000/svg'%20version='1.1'%20width='22'%20height='28.02'%20viewBox='0%200%2013.56%2017.27'%3e%3c!--%20Generator:%20Adobe%20Illustrator%2030.6.0,%20SVG%20Export%20Plug-In%20.%20SVG%20Version:%202.1.4%20Build%20109)%20--%3e%3cdefs%3e%3cstyle%3e%20.st0%20{%20stroke-linejoin:%20round;%20}%20.st0,%20.st1%20{%20fill:%20none;%20stroke:%20%237c16d4;%20stroke-width:%20.75px;%20}%20.st1%20{%20stroke-linecap:%20round;%20}%20.st2%20{%20fill:%20%23f9ddfd;%20}%20%3c/style%3e%3c/defs%3e%3cpath%20class='st2'%20d='M3.01,6.19c.48-.18,1.43-.07,1.68.47.21.46.4,1.24.41,1.07.02-.37-.02-6.17.14-6.58.12-.3.35-.59.69-.69.28-.09.62-.11.92-.05.31.06.64.29.76.5.36.62.37,6.9.39,6.83.06-.27.07-1.23.28-1.58.14-.23.5-.44.69-.48.29-.05.66-.07.96,0,.25.05.59.34.68.49.22.34.34,1.32.38,1.66.02.14.07-.39.29-.74.41-.64,1.84-.76,1.9.64.02.65.02.62.02,1.06,0,.52-.01.83-.04,1.2-.03.4-.12,1.3-.24,1.74-.09.3-.37.98-.65,1.38,0,0-1.07,1.25-1.19,1.81s-.08.57-.1.97.12.92.12.92c0,0-.8.1-1.23.03-.39-.06-.88-.84-1-1.08-.17-.33-.54-.27-.68-.02-.23.38-.71,1.07-1.05,1.11-.67.08-2.06.03-3.14.02,0,0,.19-1.01-.23-1.36-.31-.26-.83-.78-1.14-1.06l-.83-.92c-.28-.36-1-.93-1.24-1.98-.21-.94-.19-1.4.04-1.77.23-.38.67-.59.85-.62.21-.04.69-.04.88.06.22.12.31.16.49.39.23.31.31.46.21.12-.08-.26-.32-.6-.43-.97-.11-.36-.4-.94-.38-1.52,0-.22.1-.77.83-1.04'/%3e%3cpath%20class='st0'%20d='M3.01,6.19c.48-.18,1.43-.07,1.68.47.21.46.4,1.24.41,1.07.02-.37-.02-6.17.14-6.58.12-.3.35-.59.69-.69.28-.09.62-.11.92-.05.31.06.64.29.76.5.36.62.37,6.9.39,6.83.06-.27.07-1.23.28-1.58.14-.23.5-.44.69-.48.29-.05.66-.07.96,0,.25.05.59.34.68.49.22.34.34,1.32.38,1.66.02.14.07-.39.29-.74.41-.64,1.84-.76,1.9.64.02.65.02.62.02,1.06,0,.52-.01.83-.04,1.2-.03.4-.12,1.3-.24,1.74-.09.3-.37.98-.65,1.38,0,0-1.07,1.25-1.19,1.81s-.08.57-.1.97.12.92.12.92c0,0-.8.1-1.23.03-.39-.06-.88-.84-1-1.08-.17-.33-.54-.27-.68-.02-.23.38-.71,1.07-1.05,1.11-.67.08-2.06.03-3.14.02,0,0,.19-1.01-.23-1.36-.31-.26-.83-.78-1.14-1.06l-.83-.92c-.28-.36-1-.93-1.24-1.98-.21-.94-.19-1.4.04-1.77.23-.38.67-.59.85-.62.21-.04.69-.04.88.06.22.12.31.16.49.39.23.31.31.46.21.12-.08-.26-.32-.6-.43-.97-.11-.36-.4-.94-.38-1.52,0-.22.1-.77.83-1.04Z'/%3e%3cline%20class='st1'%20x1='10'%20y1='13.89'%20x2='10'%20y2='10.43'/%3e%3cline%20class='st1'%20x1='7.98'%20y1='13.9'%20x2='7.97'%20y2='10.43'/%3e%3cline%20class='st1'%20x1='5.99'%20y1='10.46'%20x2='6.01'%20y2='13.88'/%3e%3c/svg%3e") 11 1}*{margin:0;padding:0;box-sizing:border-box;font-family:ab-kokikaku,sans-serif;font-weight:400;font-style:normal;font-size:var(--font-s);color:#000}html,body{height:100dvh;width:100%;background-color:var(--c-bg);color:var(--c-pri);overflow:hidden}main{width:100%;height:100%;overflow:hidden}#ilogo{position:fixed;bottom:0;padding-left:10px;height:100px;width:100vw}#GRAPH{position:absolute}#UI-wrapper{position:fixed;height:var(--ui-height);margin-left:calc(var(--ui-pad) - 10px);width:calc(100vw - (var(--ui-pad) * 2) + 20px);justify-content:space-between}#left-groups{height:100%}#form-wrapper,#audio-warpper{height:100%;padding:0 10px;gap:5px}#room:disabled{color:var(--c-dis)!important}#room-field{position:relative;height:100%}#room-field #room{padding-right:32px}#room-field #copylinkbtn{position:absolute;right:9px;top:50%;transform:translateY(-50%);width:24px;min-width:24px;height:24px;padding:0;border:none;border-radius:50%;background-color:var(--c-bg);color:#fff;display:flex;align-items:center;justify-content:center;cursor:var(--cur-point),pointer}#room-field #copylinkbtn[hidden]{display:none}#room-field #copylinkbtn svg{width:13px;height:13px;display:block}#room-field #copylinkbtn:hover{background-color:var(--c-graph)}#room-field #copylinkbtn.copied{background-color:var(--c-acc)}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,textarea:-webkit-autofill,textarea:-webkit-autofill:hover,textarea:-webkit-autofill:focus,select:-webkit-autofill,select:-webkit-autofill:hover,select:-webkit-autofill:focus{-webkit-text-fill-color:var(--c-pri)!important;background-color:#ccc}#homebtn,#joinbtn{width:var(--ui-el-h)}#login-wrapper{height:100%;padding:0 10px;gap:5px}#authuser,#authpass{width:110px}#auth-msg{color:red;font-size:var(--fs-label);white-space:nowrap}#editbtn{display:none}#recbtn{color:#fff;width:var(--ui-el-h);height:var(--ui-el-h);background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAKJSURBVHgB1VqNmYIwDI1OwAhsIBscG5wbyAa6gWzijXA3Ad4E6gTqBLhBrpWgoQSOnwLlfZdPLC0mzUtKm1uABSCApz7WSlZKfCUBZG0e63YjOSu5KDkusu/TQCutZK8kUYId5aQkwszoccAUT3soLslhcENqFE/JEzsla60IMvqQ0YGSUEmM9V7bg22QQifhx3KlvQ7P9Ig+0nOv1ryhHrQRZl0rHoIlkGeuglfX0AdEGfOhOxgI5M3UCqUE5e25tf53fcEb7YygQDTTXWued0VFzG3aDE6nUp7p4RlGpI0YYLhvFNrU6OIZ+pz+G7BvbfHAEBgR13XknBss27QFZSc+sZ7U6cCpA44Bi6t3bN40Zz8Ex0CLnewFWtKbBcqEqPSCka4icBRGLCR5o0mf0XN+U1Ba5RnJW0KR73qX9ABHQbqdWdNaGxCwhl9wHz/sOtAGrFjDEdzHjV372gCfNThLHwZOoRXMJYBzUCC/1oMFPtsyLJ5/7oPrvISZQxvw4v1cKMS/FwyAGRgAxaRz0wbwqA7AfRSOK7UBd9bgg/sI2fXF9MAnuI8Pdn0u5dUZvMzxdcvPbyQubiVNVO5bMDtwLb5nO4jKfYvwnh2CYzC2lG/6sA5OewGL50MHqYPpBZeOVba1s886xjjXgy02gAfKdcq0iuWT6mvTQfM93KXBkcG505h0EpTX0q5aY8TD1AWOGLpAMGLoEtMWyyWmGPoAs2pNKngjBEugRSoRJisCG6hwax4bEXYvs+5QrhkPE3MCpbgkdF/PZoDlQrdP3syVriqYxzAkSJGvGkO6SErGj5euyZAI5Up7U0n6Km7lHIj4GkK2p87/5cZnXR7wPpi90+e3jYPkP2UbPJU9GZp5AAAAAElFTkSuQmCC);background-size:contain;background-size:60%;background-position:50%;background-repeat:no-repeat}#recbtn:disabled{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAQWSURBVHgB1VrbVdtAEB0J+Fc6cCqwfIDviAqSVABUYKcCRAekgpAKIBWgfAPHooKIDvzPK3PFrBitJWHJsr3cc0C7q9e9mtnXjD3qAdPpNHh+fv7GxeHLy8vA87yQjwHXA3MNt2XclvEx5eqd7/vJaDTKaEl41BFCesykIq5G1A0pC/q5jJjWAhTxCakvvCxYyDkLOW0rpJWA29vbkxriM/5L+dwfuMrW1hbcZMZk0J6Lfnh4gGvhvoiPX6jGanwu3t3dPaU+BTCBwdPT0wUXQ+tUAtLb29vnhuyiMP2G7x/bz8VHYGscLGKNdwXwiw6Z/BmVvzqIn+7v7yfUA66vryMm/AsDgGrGBzne29u7bLq3UYC4TKwfKsTPaAVgIRP++idUHr0aXapWgE2+jVmXAdyVXetKW6NJRKWAm5sbjOkXqinljnnQ1s+7oqrP8fuP+P2/7Wu9mpun9GbGtZJXPALmcUVvImbMY2R7gG/fCPORkJch8fu6yQN4Jz4cOEhTIFYpoSRA/H4g1dk6fL4JEAEO9DoiASF39FhfUwiA6+hOi9Fmk+QNwAFcTJ0tMoZ7mXohgF3nRF2UrWqo7ALhkkg1eHx8nJhzuQD5+kemkcUck2Oos0IugAlH6tq0rxm2TwinRKqFFXIBsh7JgeUtOQqsu0xZFoTkybj/z5zgoevTJobNRSBzA7jm7gOuvuU+iavkAeGWmjpWsz6bpZiuufyXHId2I3BHHxiq8wk5DjUzQ8DA54aBanDWfQxkt5eDuQ99vWzd2dnJyH3ojxyU1kIud2ADi2Pg0wcHBBSK9CLJVdgc0YlLJiHHgfCMqmboxEWv5lkuJMchsSWDDC50b2pWWMNVRKp850uwNQeXv5LjMIs4Kae8Y/N14Ch0uSMLt8jUERT2ZVxNpA3r7CNyFBLCN0ix3TT7gWIR57IbVe1bcgEcnMWe0wynEWKV5BiEUzFKwn3yI/7BjVhdsROT+KRTQPDXlJFLMBGTYilRYYUJOQIOdY71EI9ESFE2hSorYLtJG4ZwiE3djlfNxUZZLeKiua9JRHq0qVWqHakGH45Sf9bXzK1GEQslcSXciADrJuYG2cBf2KFO+7o5ATAPK/2hmkIRMaA1oSIyDRxXhTor9wNspnMdCcODYMp1iBC3KdwYAJe6VFPthoYjYbEWIe40XeXohNEG79AjjqS04rp73k3ySbYGY3Ap6474aZ9JPpl7ItU8gyvDG5ruXTjNauetBCbTftklzYp1lyxdIvu5kljJ3ntOq0Q3kgsNs3QiayocZ4hw6EQ3vWZYQvktBUjDx+cS5piLmlxmKQFCBn0h5uIh9YecOFYDbS25zI894FZRVaa9BXKrdSFu0FmAhhIDIUNE++ysO4IHsv++l53UZR8z/H/Xmo5D/DRPnQAAAABJRU5ErkJggg==)}.recording{outline:1px solid red;outline-offset:-2px;background-color:#9a0000;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAABYSURBVHgB7dghDgAgDMXQjXD/KwNB4Sv4oi8zuCZMrVfVmVyjwsUHzvfRd/57184vpgykDKQMpAykDKQMpAykDKQMpAykDKQMpAykDKQMpOID2yM6FB+4AW4cBk0qqCBTAAAAAElFTkSuQmCC)!important;background-size:55%!important}.recording:hover{background-color:#000}#cuebtn{width:var(--ui-el-h);height:var(--ui-el-h);background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAqCAYAAADbCvnoAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAFzSURBVHgBzZhvkYMwEEefhJMQCUhAwkmIg6sDcNA66Dk4CZVQCUg4CVwy18xkyvIvZBPezH7oB4ZX9gfsAnB3ZTgR46uunERsjGpwZanMKJQXa6nEuFBV8hUL9K5+mYp1rj4oRHxij3H1jdxGSwHehYjEBmQxgyJzQgGLLKaWrzUhj89Pz1TK562jglDAUCBfe4QCn8ht/CFDG1OEAhaFfB0RAoU2HhXKLpZLKGA52MbcQoF+RqxbE9MSgsQ2agrFYk9ksYYKQgHLhnyVFArckOevSw0hy8pVKiXUunoIIg/exmVtIT8pXJEnhYt0gJaQF+mYjsT+d8/CSKwh1CLnxLfHrB2cU6hBzsmTHWtVDqHdOdEU+kJenW4krk6pQi3y68C3rOEAe4UMck4GMq3fW4WSb2MNIYuckzsKK/aSUMvGx722kOH/30s5sSgTn7BYTrYKDUyvSpblL1WoWE6WyPK4z0ks01PwS9kcm8eCUrSciD8AWEYfJt8FiQAAAABJRU5ErkJggg==);background-size:contain;background-size:50%;background-position:55% 50%;background-repeat:no-repeat}#cuebtn:disabled{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAqCAYAAADbCvnoAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAJ/SURBVHgBzZjbccIwEEVlQwEpIekAD49vUkGSCmIqACrAVICpAKggdIC/eYzpIJRAA0DuEjkjKzI2RhLcmQxCjvFh9+5Kgm02m0kcx8/sQeSs1+vTeeA4oeu6Y8/zduyOcpPB6XTqHY/HBSLmszvqL0KpScfZAa7TbDYjZlmuahLRegbU4h7+ciWQIV72wnv/cDh8A2wAsCdmQSkgpCioVCoehjOWBg2QwtiGv1IeajQaTjKmVJHJKX2pG+AvVOOrqWp0sy7QA+v1+gsAOgSRzBMgT6MRf7l5/wCoKSLicX8xAYz8RWkcMI3KTJlKFBFABBh+pj7kN4JDgmc2gRLhnndAjGR/QXMURf8Wf+WmTCWAz1X+gt5v9VcpoETcX6/sf5vwyy5DpVKmki5/3RQhUeQbfCFf1SbwNymaRm0RkrVarQKk81PRWGl+lmV8bRGSRctQhr+CS/4yFiFR3F9fGNZSD0dqMf/RarW2yZyxCIni/vJU/kIUY9FfViIkC88M8dKV5wHYrzLL4t55w8NT84jcFF1+bg0IVdfGQwcAaUuXIlq4kZ2I3hgHop0mqopAetKlPYGgGkNx0hgQB+miigjkSQIZV6vVEGbfy/cZAaL0AGai2A1E8Enn0m5AK9ByuayhjEcYtiXTbqmCihyrtABd6xOjQOgpXb7Ky8ekMdITqHxiBIiXMaWnJl2KEK2+uBwYBeLr0gTDtjiv6/hdGCivjJGeEJuwq9JTGojaPUBGEsi53aOq+tf6pDRQ0XavU0ogfowmEF+c13n+KgRUxCc605MLRL9wmDj8lQaSYCLeZSNmUSoPXd3udUqO0DBrW2BLCVDutsCaqNewB9IPf/rgPL5uxrAAAAAASUVORK5CYII=)}.playing{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAeCAYAAAAo5+5WAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAwSURBVHgB7cyxCQBACMDA8Pvv5GhvoxOIhZBA2gP4dTAv2nssJSwsLCwsLCwsfAdOXrsFtX1Rjq4AAAAASUVORK5CYII=)!important;background-size:40%!important;background-position:50%!important}#p5js canvas{display:block;border-radius:10px;background-color:#000;width:var(--ui-el-w);height:var(--ui-el-h)}#mic-status{font-size:var(--fs-label);color:var(--c-pri);max-width:130px;line-height:1.1}#nodecard{position:fixed;z-index:50;background-color:var(--c-sec);border:1px solid var(--c-pri);border-radius:10px;padding:40px 14px 10px;min-width:200px;max-width:280px;cursor:var(--cur-move),move}#nodecard.dragging,#nodecard.dragging *{cursor:var(--cur-grab),grabbing}#nodecard-close{position:absolute;top:10px;left:10px;flex:none;width:16px;min-width:16px;height:16px;padding:0;border:none;border-radius:50%;background:url("data:image/svg+xml,%3csvg%20enable-background='new%200%200%2085.4%2085.4'%20viewBox='0%200%2085.4%2085.4'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20clip-rule='evenodd'%20fill-rule='evenodd'%3e%3cpath%20d='m42.7%2085.4c23.6%200%2042.7-19.1%2042.7-42.7s-19.1-42.7-42.7-42.7-42.7%2019.1-42.7%2042.7%2019.1%2042.7%2042.7%2042.7z'%20fill='%23e24b41'/%3e%3cpath%20d='m42.7%2081.8c21.6%200%2039.1-17.5%2039.1-39.1s-17.5-39.1-39.1-39.1-39.1%2017.5-39.1%2039.1%2017.5%2039.1%2039.1%2039.1z'%20fill='%23ed6a5f'/%3e%3c/g%3e%3c/svg%3e") center / 100% 100% no-repeat}#nodecard-close:hover,#nodecard-close:focus-visible{background-image:url("data:image/svg+xml,%3csvg%20enable-background='new%200%200%2085.4%2085.4'%20viewBox='0%200%2085.4%2085.4'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20clip-rule='evenodd'%20fill-rule='evenodd'%3e%3cpath%20d='m42.7%2085.4c23.6%200%2042.7-19.1%2042.7-42.7s-19.1-42.7-42.7-42.7-42.7%2019.1-42.7%2042.7%2019.1%2042.7%2042.7%2042.7z'%20fill='%23e24b41'/%3e%3cpath%20d='m42.7%2081.8c21.6%200%2039.1-17.5%2039.1-39.1s-17.5-39.1-39.1-39.1-39.1%2017.5-39.1%2039.1%2017.5%2039.1%2039.1%2039.1z'%20fill='%23ed6a5f'/%3e%3cg%20fill='%23460804'%3e%3cpath%20d='m22.5%2057.8%2035.3-35.3c1.4-1.4%203.6-1.4%205%200l.1.1c1.4%201.4%201.4%203.6%200%205l-35.3%2035.3c-1.4%201.4-3.6%201.4-5%200l-.1-.1c-1.3-1.4-1.3-3.6%200-5z'/%3e%3cpath%20d='m27.6%2022.5%2035.3%2035.3c1.4%201.4%201.4%203.6%200%205l-.1.1c-1.4%201.4-3.6%201.4-5%200l-35.3-35.3c-1.4-1.4-1.4-3.6%200-5l.1-.1c1.4-1.3%203.6-1.3%205%200z'/%3e%3c/g%3e%3c/g%3e%3c/svg%3e")}#nodecard-close:active{background-image:url("data:image/svg+xml,%3csvg%20enable-background='new%200%200%2085.4%2085.4'%20viewBox='0%200%2085.4%2085.4'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20clip-rule='evenodd'%20fill-rule='evenodd'%3e%3cpath%20d='m42.7%2085.4c23.6%200%2042.7-19.1%2042.7-42.7s-19.1-42.7-42.7-42.7-42.7%2019.1-42.7%2042.7%2019.1%2042.7%2042.7%2042.7z'%20fill='%23a14239'/%3e%3cpath%20d='m42.7%2081.7c21.6%200%2039.1-17.5%2039.1-39.1s-17.5-39.1-39.1-39.1-39.1%2017.5-39.1%2039.1%2017.5%2039.1%2039.1%2039.1z'%20fill='%23b15048'/%3e%3cg%20fill='%23170101'%3e%3cpath%20d='m22.5%2057.8%2035.3-35.3c1.4-1.4%203.6-1.4%205%200l.1.1c1.4%201.4%201.4%203.6%200%205l-35.3%2035.3c-1.4%201.4-3.6%201.4-5%200l-.1-.1c-1.4-1.4-1.4-3.7%200-5z'/%3e%3cpath%20d='m27.5%2022.5%2035.3%2035.3c1.4%201.4%201.4%203.6%200%205l-.1.1c-1.4%201.4-3.6%201.4-5%200l-35.3-35.3c-1.4-1.4-1.4-3.6%200-5l.1-.1c1.4-1.4%203.7-1.4%205%200z'/%3e%3c/g%3e%3c/g%3e%3c/svg%3e")}#nodecard-close:before{content:"";position:absolute;top:-6px;right:-6px;bottom:-6px;left:-6px}#nodecard dt{font-size:var(--fs-label);opacity:.7;margin-top:6px}#nodecard dd{margin:0;overflow-wrap:break-word;font-size:var(--fs-body)}#nodecard-actions,#nodecard-owner-actions{gap:5px;margin-top:12px}#nodecard-name-row{gap:6px;padding-right:20px}#nodecard-name{flex:1;min-width:0;border:none;background:transparent;padding:0;height:auto;border-radius:0;overflow-wrap:break-word;font-size:var(--fs-card-title)}#nodecard-name:hover:not([readonly]){background-color:transparent}#nodecard-name:focus,#nodecard-name:active{border:none;outline:none}#nodecard-name.editing{color:var(--c-pri)}#nodecard-edit{min-width:unset;height:auto;padding:3px 8px;font-size:var(--fs-label)}#nodecard-error{color:red;font-size:var(--fs-label);margin-top:8px}#nodecard-delete-popup{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;display:flex;align-items:center;justify-content:center}#nodecard-delete-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#00000059}#nodecard-delete-dialog{position:relative;z-index:1;gap:12px;background-color:var(--c-sec);border:1px solid var(--c-pri);border-radius:10px;padding:20px;min-width:180px;text-align:center}#nodecard-delete-actions{gap:8px}input{border:1px solid #ccc;padding-left:10px;height:var(--ui-el-h);border-radius:10px;font-size:var(--fs-input)}input:disabled{background-color:#ddd;opacity:1}input:hover:not([disabled]){background-color:#f0f0f0}input:active:not([disabled]){border:1px solid #ccc;outline:1px solid var(--c-pri)}input:focus:not([disabled]){border:1px solid #ccc;outline:1px solid var(--c-pri);outline-offset:-2px}button{padding:1px 5px;min-width:var(--ui-el-h);height:var(--ui-el-h);background-color:#eee;border:1px solid #ccc;border-radius:10px;font-size:var(--fs-input)}button:disabled,input:disabled{color:var(--c-dis);outline:1px solid #ccc;outline-offset:-2px;background-color:#ddd}button:disabled:active{background-color:#ddd}button:hover{background-color:#ddd}button:active{background-color:#eee}html,body{cursor:var(--cur-arrow),auto}a[href],button,summary,[role=button],.chattab,button.roster-user,button.friend-name{cursor:var(--cur-point),pointer}a[href]:active,button:not(:disabled):active,[role=button]:active,.chattab:active,button.roster-user:active,button.friend-name:active{cursor:var(--cur-grab),grabbing}button:disabled{cursor:var(--cur-arrow),not-allowed}#GRAPH,#GRAPH canvas{cursor:var(--cur-arrow),auto}#GRAPH .clickable{cursor:var(--cur-point),pointer}#GRAPH .grabbable,#GRAPH:active canvas{cursor:var(--cur-grab),grabbing}[hidden]{display:none!important}.flexr{display:flex;flex-direction:row}.flexc{display:flex;flex-direction:column}.xc{justify-content:center}.yc{align-items:center}.xs{justify-content:start}.ys{align-items:start}.xs{justify-content:end}.ys{align-items:end}@media screen and (max-width: 1300px){:root{--ui-height: 60px;--ui-el-h: 45px;--ui-el-w: 80px}#ilogo{z-index:100;pointer-events:none;bottom:0;padding-left:0;width:100vw}#UI-wrapper{width:100vw;flex-direction:column;position:fixed;height:calc(var(--ui-height)*3);margin-left:0}#left-groups{display:contents}#form-wrapper,#audio-warpper,#login-wrapper{flex:start;width:100vw}#audio-warpper{margin-top:-10px}#form-wrapper button{width:var(--ui-el-h)}#uploadBtn{min-width:var(--ui-el-h)}input{width:100%;min-width:0;padding:0 auto}#login-wrapper{position:relative}#authuser,#authpass{flex:1;min-width:0;width:auto}#authbtn{flex:none;width:var(--ui-el-h);min-width:var(--ui-el-h)}#auth-msg{position:absolute;right:10px;bottom:4px;pointer-events:none}#nodecard{position:fixed;top:calc(var(--ui-height)*3);left:0;right:0;bottom:0;max-width:unset;min-width:unset;padding:20px;border-radius:0;overflow-y:auto;cursor:var(--cur-arrow),auto}#nodecard-name-row{padding-right:30px}#nodecard-actions button,#nodecard-owner-actions button,#nodecard-edit,#nodecard-delete-actions button{height:calc(var(--ui-el-h) * 1.4);min-width:calc(var(--ui-el-h) * 1.4);padding:8px 16px}#nodecard-close{width:36px;height:36px}}#tourbtn{margin:6px;position:fixed;left:var(--ui-pad);bottom:100px;z-index:40;border-radius:50%;width:40px;height:40px;font-size:1.6em;background-color:var(--c-graph);border:none;display:flex;align-items:center;justify-content:center;z-index:100}#tourbtn:hover{background-color:var(--c-bg);color:var(--c-pri)}#tour-invite{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:15px;background:#ffbbffd9}#tour-invite p{font-size:var(--fs-body)}#tour-invite button{height:auto;padding:10px 14px}#tour-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:150;pointer-events:none}#tour-highlight{position:fixed;z-index:151;border-radius:12px;box-shadow:0 0 0 9999px #0000008c;pointer-events:none}#tour-tooltip{position:fixed;z-index:152;background-color:var(--c-sec);border:1px solid var(--c-pri);border-radius:10px;padding:12px;max-width:300px;font-size:var(--fs-body)}#tour-nav{gap:5px;margin-top:10px}#tour-ack{color:var(--c-acc);font-weight:700;margin-top:8px}#tour-hint{margin-top:8px;font-size:var(--fs-label);opacity:.6}@media screen and (max-width: 1300px){#tour-tooltip{max-width:90vw;padding:14px}#tour-text,#tour-ack{line-height:1.35}#tour-hint{display:none}#tourbtn{left:10px;bottom:100px}}#mic-notice{position:fixed;left:15px;bottom:180px;z-index:210;max-width:260px;background-color:var(--c-sec);border:1px solid var(--c-pri);border-radius:10px;padding:10px 28px 10px 12px;box-shadow:0 2px 10px #00000040}#mic-notice p{font-size:var(--fs-label);line-height:1.3}#mic-notice-close{position:absolute;top:4px;right:6px;width:22px;height:22px;min-width:unset;padding:0;line-height:1;background:transparent;border:none}@media screen and (max-width: 1300px){#mic-notice{left:10px;bottom:230px;max-width:70vw}}#chattoggle{position:fixed;top:calc(var(--ui-height) + 10px);right:calc(var(--ui-pad) + 10px);z-index:121;width:var(--ui-el-h);min-width:var(--ui-el-h);height:var(--ui-el-h)}#chatpanel{position:fixed;top:0;bottom:0;right:0;width:300px;max-width:90vw;z-index:120;display:flex;flex-direction:column;background-color:var(--c-sec);border:1px solid var(--c-pri);border-radius:10px 0 0 10px;border-right:none;transform:translate(100%);transition:transform .25s ease}#chatpanel:not(.collapsed){transform:translate(0)}#chatbody{display:flex;flex-direction:column;gap:6px;padding:2px 8px 8px;flex:1;min-height:0}#chatroster{align-items:baseline;color:var(--c-pri);display:flex;flex-wrap:wrap;gap:4px 20px;border-bottom:.5px solid var(--c-pri);padding-bottom:6px}#chatroster .roster-guests{opacity:.85}button.roster-user{background:none;border:none;height:auto;padding:0;margin:0;font-size:var(--fs-label);color:var(--c-pri);cursor:var(--cur-point),pointer;text-decoration:underline dotted 1.5px}.roster-friend{color:var(--c-pri);font-size:var(--fs-label);font-weight:700}#messages{list-style:none;overflow-y:auto;flex:1;display:flex;flex-direction:column;gap:4px;min-height:0}#messages li{font-size:var(--fs-body);word-break:break-word}#messages .msg-user{color:var(--c-pri);font-weight:700;margin-right:6px}#msgform{gap:5px}#msginput{flex:1;min-width:0}#chatlogin-hint{font-size:var(--fs-label);color:var(--c-pri);opacity:.8}#chathead{gap:8px;border-bottom:1px solid var(--c-pri)}#chattabs{flex:1;min-width:0;gap:6px}#chatclose{position:relative;flex:none;width:16px;min-width:16px;height:16px;padding:0;border:none;border-radius:50%;background:url("data:image/svg+xml,%3csvg%20enable-background='new%200%200%2085.4%2085.4'%20viewBox='0%200%2085.4%2085.4'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20clip-rule='evenodd'%20fill-rule='evenodd'%3e%3cpath%20d='m42.7%2085.4c23.6%200%2042.7-19.1%2042.7-42.7s-19.1-42.7-42.7-42.7-42.7%2019.1-42.7%2042.7%2019.1%2042.7%2042.7%2042.7z'%20fill='%23e24b41'/%3e%3cpath%20d='m42.7%2081.8c21.6%200%2039.1-17.5%2039.1-39.1s-17.5-39.1-39.1-39.1-39.1%2017.5-39.1%2039.1%2017.5%2039.1%2039.1%2039.1z'%20fill='%23ed6a5f'/%3e%3c/g%3e%3c/svg%3e") center / 100% 100% no-repeat}#chatclose:hover,#chatclose:focus-visible{background-image:url("data:image/svg+xml,%3csvg%20enable-background='new%200%200%2085.4%2085.4'%20viewBox='0%200%2085.4%2085.4'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20clip-rule='evenodd'%20fill-rule='evenodd'%3e%3cpath%20d='m42.7%2085.4c23.6%200%2042.7-19.1%2042.7-42.7s-19.1-42.7-42.7-42.7-42.7%2019.1-42.7%2042.7%2019.1%2042.7%2042.7%2042.7z'%20fill='%23e24b41'/%3e%3cpath%20d='m42.7%2081.8c21.6%200%2039.1-17.5%2039.1-39.1s-17.5-39.1-39.1-39.1-39.1%2017.5-39.1%2039.1%2017.5%2039.1%2039.1%2039.1z'%20fill='%23ed6a5f'/%3e%3cg%20fill='%23460804'%3e%3cpath%20d='m22.5%2057.8%2035.3-35.3c1.4-1.4%203.6-1.4%205%200l.1.1c1.4%201.4%201.4%203.6%200%205l-35.3%2035.3c-1.4%201.4-3.6%201.4-5%200l-.1-.1c-1.3-1.4-1.3-3.6%200-5z'/%3e%3cpath%20d='m27.6%2022.5%2035.3%2035.3c1.4%201.4%201.4%203.6%200%205l-.1.1c-1.4%201.4-3.6%201.4-5%200l-35.3-35.3c-1.4-1.4-1.4-3.6%200-5l.1-.1c1.4-1.3%203.6-1.3%205%200z'/%3e%3c/g%3e%3c/g%3e%3c/svg%3e")}#chatclose:active{background-image:url("data:image/svg+xml,%3csvg%20enable-background='new%200%200%2085.4%2085.4'%20viewBox='0%200%2085.4%2085.4'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20clip-rule='evenodd'%20fill-rule='evenodd'%3e%3cpath%20d='m42.7%2085.4c23.6%200%2042.7-19.1%2042.7-42.7s-19.1-42.7-42.7-42.7-42.7%2019.1-42.7%2042.7%2019.1%2042.7%2042.7%2042.7z'%20fill='%23a14239'/%3e%3cpath%20d='m42.7%2081.7c21.6%200%2039.1-17.5%2039.1-39.1s-17.5-39.1-39.1-39.1-39.1%2017.5-39.1%2039.1%2017.5%2039.1%2039.1%2039.1z'%20fill='%23b15048'/%3e%3cg%20fill='%23170101'%3e%3cpath%20d='m22.5%2057.8%2035.3-35.3c1.4-1.4%203.6-1.4%205%200l.1.1c1.4%201.4%201.4%203.6%200%205l-35.3%2035.3c-1.4%201.4-3.6%201.4-5%200l-.1-.1c-1.4-1.4-1.4-3.7%200-5z'/%3e%3cpath%20d='m27.5%2022.5%2035.3%2035.3c1.4%201.4%201.4%203.6%200%205l-.1.1c-1.4%201.4-3.6%201.4-5%200l-35.3-35.3c-1.4-1.4-1.4-3.6%200-5l.1-.1c1.4-1.4%203.7-1.4%205%200z'/%3e%3c/g%3e%3c/g%3e%3c/svg%3e")}#chatclose:before{content:"";position:absolute;top:-14px;right:-4px;bottom:-14px;left:-4px}.chattab{flex:1;height:auto;min-height:24px;padding:6px 4px;font-size:var(--fs-label);background:none;border:none;border-bottom:2px solid transparent;color:var(--c-pri);opacity:.85;cursor:var(--cur-point),pointer}.chattab.active{opacity:1;text-decoration:underline}#friend-badge{display:inline-block;margin-left:5px;padding:0 5px;border-radius:8px;background-color:var(--c-pri);color:var(--c-sec);font-size:var(--fs-label)}#panel-room,#panel-friends{display:flex;flex-direction:column;gap:6px;flex:1;min-height:0}#panel-room[hidden],#panel-friends[hidden]{display:none}#friend-list{list-style:none;overflow-y:auto;flex:1;min-height:0;display:flex;flex-direction:column;gap:4px}.friend-row,.friend-request{gap:6px;font-size:var(--fs-body)}.friend-name{flex:1;min-width:0;text-align:left;color:var(--c-pri);font-weight:700;background:none;border:none;height:auto;padding:0;word-break:break-word}button.friend-name{cursor:var(--cur-point),pointer;text-decoration:underline}.friend-room{font-size:var(--fs-label);color:var(--c-pri)}.friend-offline,.friend-empty{font-size:var(--fs-label);opacity:.85}.friend-action{flex:none;width:16px;min-width:16px;height:16px;padding:0;border:none;border-radius:50%;background:url("data:image/svg+xml,%3csvg%20enable-background='new%200%200%2085.4%2085.4'%20viewBox='0%200%2085.4%2085.4'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20clip-rule='evenodd'%20fill-rule='evenodd'%3e%3cpath%20d='m42.7%2085.4c23.6%200%2042.7-19.1%2042.7-42.7s-19.1-42.7-42.7-42.7-42.7%2019.1-42.7%2042.7%2019.1%2042.7%2042.7%2042.7z'%20fill='%23e24b41'/%3e%3cpath%20d='m42.7%2081.8c21.6%200%2039.1-17.5%2039.1-39.1s-17.5-39.1-39.1-39.1-39.1%2017.5-39.1%2039.1%2017.5%2039.1%2039.1%2039.1z'%20fill='%23ed6a5f'/%3e%3c/g%3e%3c/svg%3e") center / 100% 100% no-repeat}.friend-action:hover,.friend-action:focus-visible{background-image:url("data:image/svg+xml,%3csvg%20enable-background='new%200%200%2085.4%2085.4'%20viewBox='0%200%2085.4%2085.4'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20clip-rule='evenodd'%20fill-rule='evenodd'%3e%3cpath%20d='m42.7%2085.4c23.6%200%2042.7-19.1%2042.7-42.7s-19.1-42.7-42.7-42.7-42.7%2019.1-42.7%2042.7%2019.1%2042.7%2042.7%2042.7z'%20fill='%23e24b41'/%3e%3cpath%20d='m42.7%2081.8c21.6%200%2039.1-17.5%2039.1-39.1s-17.5-39.1-39.1-39.1-39.1%2017.5-39.1%2039.1%2017.5%2039.1%2039.1%2039.1z'%20fill='%23ed6a5f'/%3e%3cg%20fill='%23460804'%3e%3cpath%20d='m22.5%2057.8%2035.3-35.3c1.4-1.4%203.6-1.4%205%200l.1.1c1.4%201.4%201.4%203.6%200%205l-35.3%2035.3c-1.4%201.4-3.6%201.4-5%200l-.1-.1c-1.3-1.4-1.3-3.6%200-5z'/%3e%3cpath%20d='m27.6%2022.5%2035.3%2035.3c1.4%201.4%201.4%203.6%200%205l-.1.1c-1.4%201.4-3.6%201.4-5%200l-35.3-35.3c-1.4-1.4-1.4-3.6%200-5l.1-.1c1.4-1.3%203.6-1.3%205%200z'/%3e%3c/g%3e%3c/g%3e%3c/svg%3e")}.friend-action:active{background-image:url("data:image/svg+xml,%3csvg%20enable-background='new%200%200%2085.4%2085.4'%20viewBox='0%200%2085.4%2085.4'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20clip-rule='evenodd'%20fill-rule='evenodd'%3e%3cpath%20d='m42.7%2085.4c23.6%200%2042.7-19.1%2042.7-42.7s-19.1-42.7-42.7-42.7-42.7%2019.1-42.7%2042.7%2019.1%2042.7%2042.7%2042.7z'%20fill='%23a14239'/%3e%3cpath%20d='m42.7%2081.7c21.6%200%2039.1-17.5%2039.1-39.1s-17.5-39.1-39.1-39.1-39.1%2017.5-39.1%2039.1%2017.5%2039.1%2039.1%2039.1z'%20fill='%23b15048'/%3e%3cg%20fill='%23170101'%3e%3cpath%20d='m22.5%2057.8%2035.3-35.3c1.4-1.4%203.6-1.4%205%200l.1.1c1.4%201.4%201.4%203.6%200%205l-35.3%2035.3c-1.4%201.4-3.6%201.4-5%200l-.1-.1c-1.4-1.4-1.4-3.7%200-5z'/%3e%3cpath%20d='m27.5%2022.5%2035.3%2035.3c1.4%201.4%201.4%203.6%200%205l-.1.1c-1.4%201.4-3.6%201.4-5%200l-35.3-35.3c-1.4-1.4-1.4-3.6%200-5l.1-.1c1.4-1.4%203.7-1.4%205%200z'/%3e%3c/g%3e%3c/g%3e%3c/svg%3e")}.friend-action:before{content:"";position:absolute}.friend-unfriend{position:relative;width:auto;min-width:0;height:24px;padding:0 10px;border:.5px solid #ba544b;border-radius:999px;background-color:#ed6a5f;color:#000;font-size:var(--fs-label);line-height:1;white-space:nowrap;cursor:var(--cur-jk),pointer}.friend-unfriend:before{content:"";position:absolute;top:-10px;right:0;bottom:-10px;left:0}.friend-unfriend:hover{background-color:#ffada8;font-weight:1000;color:red}button.friend-unfriend:active{background-color:#802121;cursor:var(--cur-jk),pointer}#friend-error{font-size:var(--fs-label);color:var(--c-pri)}#friendadd[hidden]{display:none}@media (max-width: 1300px){#chattoggle{top:auto;bottom:10px;right:10px}#chatpanel{top:auto;bottom:0;left:0;right:0;width:100vw;max-width:100vw;height:70dvh;border-radius:10px 10px 0 0;border:1px solid var(--c-pri);border-bottom:none;transform:translateY(100%)}#chatpanel:not(.collapsed){transform:translateY(0)}}@media (prefers-reduced-motion: reduce){#chatpanel{transition:none}}