@font-face{font-family:Recursive;src:url(/RecursiveMonoLnrSt-Light.woff2)}:root{--bg:#222;--tc:#fff;--lc:#fff;--bc:#fff;--bbc:#333;--pc:#222;--pbbc:#555;--gbc:#252525;--fmc:#333;--sbc:#666;--stc:#fff;--inputColor:#0ff;--inputAlertColor:red}html,body{color:#fff;background-color:#151212;width:100%;height:100%;margin:0;padding:0;font-family:Recursive;font-size:16px;overflow:hidden}#canvas{outline:none;width:100%;height:100%}p{padding:2em}a{color:#0ff}a:link,a:visited{text-decoration:none}a:hover,a:active{color:#077;text-decoration:none}button{background-color:var(--bbc);color:var(--bc);opacity:.6;cursor:pointer;-webkit-user-select:none;user-select:none;border:none;border-radius:4px;height:22px;margin:10px;font-family:inherit;font-size:16px}button:hover{opacity:.8}button:disabled{opacity:.1;cursor:default}.topButton,.verticalButton{position:absolute}.verticalButton{width:22px;right:10px}button>span{writing-mode:vertical-rl;vertical-align:middle;line-height:12px}.switchButtonOff{background-color:var(--bbc);color:var(--bc)}.switchButtonOn,.pushButton:active{background-color:var(--bc);color:var(--bbc)}.locked:disabled{opacity:.6}#microphoneButton{width:120px;top:10px;left:150px}#speedSlider,#jellyCountSlider{position:absolute;top:10px;left:10px}#interpolationRadioButtons{text-align:center;margin:10px auto auto}#interpolationRadioButtons>button:disabled{opacity:.6;cursor:default}#fps,#p,#L{text-align:right;width:80px;height:22px;position:absolute;top:10px;right:10px}#p{top:42px}#L{width:150px;right:100px}.panel{background-color:var(--pc);opacity:.9;color:#fff;-ms-overflow-style:none;scrollbar-width:none;-webkit-user-select:none;user-select:none;visibility:hidden;border-radius:4px;width:400px;height:calc(100vh - 126px);padding-bottom:20px;font-size:16px;position:absolute;top:74px;right:37px;overflow:hidden scroll}.panel::-webkit-scrollbar{display:none}.panel>p,.panel>svg,.panel>button,.panel>.sliderContainer,.panel>#canvasContainer,.panel>input{text-align:center;-webkit-user-select:none;user-select:none;width:360px;margin:20px auto 0;display:block}.panel .switchButtonOff{background-color:var(--pbbc);color:var(--bc)}.panel .switchButtonOn,.panel .pushButton:active{background-color:var(--bc);color:var(--pbbc)}#canvasContainer{width:360px;height:360px;position:relative;overflow:hidden}#canvasContainer>canvas{cursor:cell;-webkit-user-select:none;user-select:none;background-color:#000;width:360px;height:360px;position:absolute;left:0}.screen{width:100%;height:100%;position:absolute;top:0;left:0}#urlInput{width:300px;height:22px;color:var(--inputColor);background-color:#222;border:none;padding:0 0 0 4px;font-family:inherit;font-size:16px}#urlInput:disabled{-webkit-user-select:none;user-select:none;pointer-events:none;opacity:.5}:root{--vc-gap:.6rem}#app{height:100vh;overflow-y:auto}.board{box-sizing:content-box;margin:0 auto;padding:1.4rem 0;font-size:clamp(.5rem,3.4vw,1.15rem)}.link-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.4em .8em;display:flex}.head-left{align-items:center;gap:.5em;display:inline-flex}.link-head button{margin:0 0 0 auto}.status{opacity:.85}.live{color:#0f8}.live--off{color:#ff3b30}.grp{white-space:pre;letter-spacing:0;margin-top:1.4em;line-height:1.12}.grp--pv,.grp--batt{text-align:center}.grp--pv{color:#fc0}.grp--batt{color:#00e5ff}.grp--ctl{color:#d8d8d8;text-align:left;margin-top:2.2em;font-size:.95rem;line-height:1.3}.vc{margin-top:var(--vc-gap)}.pulse{background-color:#0f8;border-radius:50%;width:.5em;height:.5em;animation:.7s ease-out pulse}.pulse--off{background-color:#ff3b30;animation:none}@keyframes pulse{0%{opacity:1;transform:scale(1.9);box-shadow:0 0 8px #0f8}to{box-shadow:none;opacity:.7;transform:scale(1)}}