@import"/static/css/min/normalize.css";@import"/static/css/min/themes.css";*{transition:background-color .25s,color .25s,width .25s,height .25s,scroll .25s,opacity .25s,top .25s,transform .25s;box-sizing:border-box;z-index:1}body{background:var(--bg-body);font-family:var(--font-body);font-size:var(--font-body-size);line-height:var(--font-body-line-height);min-height:100dvh;min-width:100dvw;color:var(--text-normal);display:flex;justify-content:center;align-items:center}h1,h2,h3,h4,h5,h6{margin:0 0 1em;font-weight:600;color:var(--text-titles);letter-spacing:.05em}h1{letter-spacing:unset}h2,h3,h4,h5,h6{text-transform:uppercase}a{text-decoration:none;color:var(--anchor);&:hover{color:var(--text-dark)}}pre,p{font-family:inherit;margin:0 0 1em}main,.small,.note,input[type=text],textarea,button{border-radius:var(--border-radius)}main{background:var(--bg-main);width:100%;max-width:70em;padding:1em 1.5em;border:1px solid var(--border);margin:0 auto;flex:1}input[type=text],textarea{padding:.5em 1em;border:1px solid var(--border)}li{margin-bottom:.5em}li:last-child{margin-bottom:0}button,.button{border:none;cursor:pointer;color:var(--theme-text);padding:.75em 1.25em;background-color:var(--theme-hex);text-align:center}button:hover,.button:hover{background-color:var(--theme-dark)}.sub-header .ico:active,button:active,.button:active{transform:scale(.9)}button:disabled{background-color:var(--bg-button-disabled);cursor:not-allowed}footer.small{margin-top:2em}.github{display:inline-block;margin:0 auto;width:2.5em;height:2.5em;background:var(--url-github) no-repeat center center;background-size:contain;opacity:.75}.github:hover{opacity:1}header{border-bottom:1px solid var(--border)}main.room{margin:0 auto;padding:0}.room header{padding:1em 1.5em}.room header h1{margin-bottom:0}.sub-header{float:right;margin-top:.25em}.sub-header .ico{font-size:.75em;opacity:.6}.sub-header .ico:hover{opacity:1;box-shadow:0 0 3px var(--theme-hex)}.sub-header .ico{cursor:pointer}.tagline{font-weight:400;font-size:.35em;display:block;color:var(--text-light);margin-left:.5em}.ico{background-color:none;background-position:center center;background-repeat:no-repeat;background-size:contain;display:inline-block;font-size:1.25em;width:1em;height:1em}button.ico{background-color:unset;padding:0}.ico.boot{background-image:var(--url-boot);font-size:.75em}.ico.leave{background-image:var(--url-leave);cursor:pointer}.ico.refresher{background-image:var(--url-refresh);cursor:pointer}.ico.home{background-image:var(--url-home);cursor:pointer}.phantom{background-image:var(--url-logo)}.phantom.active{background-image:var(--url-logo-active)}h1 .phantom{vertical-align:sub}.pwa{background-image:var(--url-pwa);cursor:pointer}.small{max-width:560px;margin:0 auto}.flex-container{display:flex;gap:.5em}.flex-container>*{flex:1;align-content:center}.nolist{list-style:none;padding:0;margin:0}.box{padding:1em 1.5em;border:1px solid var(--border);border-radius:var(--border-radius);box-shadow:1px 1px 2px var(--border)}.note{background-color:var(--bg-notes);padding:1em 1.5em}.home .note{margin-bottom:2em}.home header{margin-bottom:1em}.warning{background-color:var(--theme-light);border-bottom:1px solid var(--border-warning);padding:.75em 1em;font-size:.8em;text-align:center;color:var(--text-warning)}.only-pwa{display:none}.chat-rooms-list{padding:.25em 1.5em .25em 2em;max-height:15em;overflow-x:hidden;overflow-y:auto;margin:0 0 2em}.chat-rooms-list a{width:100%;display:inline-block;vertical-align:middle;color:var(--text-dark);padding:.5em .75em;border-bottom:1px dashed var(--border);text-wrap:nowrap;text-overflow:ellipsis;overflow:hidden}.chat-rooms-list a:hover{background-color:var(--bg-main);color:var(--theme-hex)}.chat-rooms-list li{margin-bottom:0}.chat-rooms-list li:first-child{margin-top:.75em}.chat-rooms-list li:last-child{margin-bottom:.75em}.chat-rooms-list li:last-child a{border-bottom:none}.chat-rooms-list .phantom{font-size:.75em;vertical-align:top}.room-members-count{color:var(--text-light);font-size:.6em;list-style:1;float:right}.spacer-bottom{margin-bottom:2em}#notification{background-color:var(--theme-light);border-bottom:1px solid var(--theme-hex);padding:.25em 1em;font-size:.8em;text-align:center;color:var(--theme-light-text);position:fixed;top:-4em;left:0;right:0;overflow:hidden;z-index:-1}#notification a{text-decoration:underline;color:var(--theme-light-text)}#new-room .phantom{width:1.5em;height:1.5em;margin-top:.25em;opacity:0;float:left}#phantom:checked~.phantom{opacity:1}#unlisted:checked~.phantom{background-image:var(--url-logo-active)}#live-rooms-count{font-size:.65em;font-weight:400;color:var(--text-light);float:right}#online-viewers{opacity:0;float:left;color:var(--text-light);font-size:.35em;line-height:1}span#room-name{display:block;max-width:70%;overflow:hidden;height:1.5em;text-overflow:ellipsis;text-wrap:nowrap}.room.flex-container{gap:0}.room.flex-container>*{align-content:first baseline}#msgs-members{height:80dvh}#members,#messages{border-bottom:.5px solid var(--border);padding:1em 1.5em;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;height:100%;transform:translateZ(0);z-index:5}.msg .content{font-size:.95em;line-height:1.6;text-wrap:wrap}.msg .author{font-size:.8em}.msg{border-bottom:.5px solid var(--border-dark);margin-bottom:0}.msg:hover{background-color:var(--border-message)}.msg:last-child{border-bottom:none}#members{background-color:var(--bg-members);border-right:.5px solid var(--border);max-width:15em;padding-left:0}#members h5{margin-left:1em}#members .meta{font-size:.75em;float:right;color:var(--text-light)}#members .author{display:inline-block;max-width:90%;overflow:hidden;text-overflow:ellipsis;text-wrap:nowrap;vertical-align:bottom}.you{color:var(--theme-hex);font-weight:600}.author.owner{border:1px solid var(--theme-hex);padding:.1em .75em;border-radius:var(--border-radius-pill);background-color:var(--theme-light)}.datetime{font-size:.75em;color:var(--text-light)}#members~#messages{border-left:.5px solid var(--border-dark)}.joinform-container,.sending{padding:1em 1.5em;border-top:.5px solid var(--border-dark)}#joinform{margin:0 auto;max-width:30em}#joinform .flex-container>label{flex:9}#joinform .flex-container>input{width:78%}.sending textarea{flex:11}#message-form button .text{font-size:1.75em;line-height:1}#loading{display:none;width:24px;height:24px}#loading.active{display:inline-block}#loading.active~.text{display:none}#qr-code-container{position:fixed;top:0;right:0;bottom:100dvh;left:0;background:var(--bg-overlay);z-index:-1;overflow:hidden}#qr-code-container.active{bottom:0;z-index:5;overflow:unset}#qr-code-container .card{background-color:var(--bg-main);max-width:20em;margin:10dvh auto 0;text-align:center;padding:1em 1.5em;border-radius:var(--border-radius)}#qr-code-container .card img{display:unset!important;border-radius:var(--border-radius)}#qr-code-container .card button{padding:0;border:none;background:none;color:var(--text-dark)}@media all and (display-mode: standalone),all and (display-mode: minimal-ui){.only-not-pwa{display:none}.only-pwa{display:inherit}main{min-height:100dvh}.sending{padding-bottom:env(safe-area-inset-bottom)}body.room{overscroll-behavior:none;-webkit-overflow-scrolling:touch;overflow:hidden;position:fixed;inset:0;height:100%;width:100%}}@media all and (max-width: 640px){.flex-container{flex-direction:column;gap:0}#room-name{font-size:18px}#members{max-width:unset;max-height:3em;overflow:hidden;border-right:none}#members~#messages{border-left:none}#members.active{max-height:14em;overflow:auto}#visit-room-form .flex-container,#joinform .flex-container,.sub-header.flex-container,#message-form.flex-container{flex-direction:row;gap:.5em}#joinform .flex-container>label{flex:11}.sending{padding:1em .25em env(safe-area-inset-bottom,.5em)}@media all and (max-height: 520px){.room.flex-container{height:unset}}}