html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#00032c;color:#eef4ff;font:14px "PingFang SC","Microsoft YaHei",sans-serif}#scene{display:block;border:0;width:100%;height:100%;position:absolute;inset:0}
#join-code{--qr-size:18.7vh;--qr-caption-size:2.3vh;--qr-subtitle-size:1.45vh;position:fixed;left:27%;top:calc(81.56vh - var(--qr-size)/2);display:flex;align-items:center;gap:1.2vh}
.qr-art{position:relative;isolation:isolate;flex:none;width:var(--qr-size);height:var(--qr-size)}.qr-art:before{content:"";position:absolute;inset:-12%;z-index:-1;backdrop-filter:blur(1.73vh) brightness(.7);-webkit-backdrop-filter:blur(1.73vh) brightness(.7);mask-image:linear-gradient(to right,transparent,#000 10%,#000 90%,transparent),linear-gradient(to bottom,transparent,#000 10%,#000 90%,transparent);mask-composite:intersect;pointer-events:none}
.qr-art:after{content:"";position:absolute;inset:-2%;z-index:2;box-sizing:border-box;pointer-events:none;border:calc(var(--qr-size)*.005) solid #53b9ffba;border-radius:calc(var(--qr-size)*.035);box-shadow:0 0 calc(var(--qr-size)*.025) #42a8ffcc,0 0 calc(var(--qr-size)*.08) #1a6bff99,0 0 calc(var(--qr-size)*.17) #164dff4d,inset 0 0 calc(var(--qr-size)*.025) #2283ff40}
#join-code img{display:block;width:var(--qr-size);height:auto;aspect-ratio:1;flex:none;border:0;background:transparent}
.join-caption{position:relative;z-index:1;white-space:nowrap;text-align:left;line-height:1.5}
.join-caption span{display:block;color:#dec29a;font-size:var(--qr-caption-size);font-weight:400;letter-spacing:.16em}
.join-caption small{display:block;margin-top:.4em;color:#bcc9df;font-size:var(--qr-subtitle-size);letter-spacing:.12em}
[hidden]{display:none!important}#screen-tools{position:fixed;right:20px;bottom:20px;display:flex;align-items:center;gap:12px;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .25s}body.show-tools #screen-tools{opacity:1;visibility:visible;pointer-events:auto}#screen-tools button,#screen-tools a{padding:10px 16px;color:inherit;font:inherit;border:1px solid #607da7;background:#061843dd;border-radius:6px;text-decoration:none}#connection{font-size:12px;color:#a7b9d3}#preview-notice{position:fixed;top:16px;right:20px;color:#b8c8e0;background:#071338b3;padding:8px 12px;border-radius:4px;text-decoration:none;font-size:12px}@media(max-aspect-ratio:5/2){#join-code{--qr-size:15.3vh;--qr-caption-size:1.8vh;--qr-subtitle-size:1.2vh;top:calc(85vh - var(--qr-size)/2)}}