*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{color:#c8ffd4;background:#050508;width:100%;height:100%;overflow:hidden}#stage{background:#050508;width:100%;height:100%;display:block;position:fixed;inset:0}.hud{z-index:2;background:radial-gradient(80% 60% at 50% 45%,#14281c8c,#0000 70%),linear-gradient(#08080c 0%,#050508 100%);justify-content:center;align-items:center;gap:1.75rem;transition:opacity .6s,visibility .6s;display:flex;position:fixed;inset:0}.hud.hidden{opacity:0;visibility:hidden;pointer-events:none}.file-btn,.video-btn,.mic-btn,.start{cursor:pointer;background:#08100cd9;border:1px solid #78ffa059;border-radius:50%;place-items:center;width:4.5rem;height:4.5rem;transition:border-color .2s,box-shadow .2s,transform .15s;display:grid;box-shadow:0 0 0 1px #0009,0 0 24px #28ff781f}.file-btn:hover,.video-btn:hover,.mic-btn:hover:not(:disabled),.start:hover:not(:disabled){border-color:#a0ffbeb3;transform:scale(1.04);box-shadow:0 0 32px #3cff8c40}.mic-btn:disabled,.start:disabled{opacity:.35;cursor:default}.mic-glyph{border:2px solid #7dff9a;border-radius:.45rem .45rem .35rem .35rem;width:.85rem;height:1.25rem;position:relative}.mic-glyph:before{content:"";border:2px solid #7dff9a;border-top:none;border-radius:0 0 .65rem .65rem;width:1.15rem;height:.55rem;position:absolute;bottom:-.45rem;left:50%;transform:translate(-50%)}.mic-glyph:after{content:"";background:#7dff9a;width:2px;height:.35rem;position:absolute;bottom:-.7rem;left:50%;transform:translate(-50%)}.glyph{border:2px solid #7dff9a;border-radius:2px;width:1.35rem;height:1.1rem;position:relative}.glyph:after{content:"";background:#050508;border:2px solid #7dff9a;border-radius:1px;width:.7rem;height:.55rem;position:absolute;bottom:-.35rem;right:-.35rem}.video-glyph{border:2px solid #7dff9a;border-radius:2px;width:1.35rem;height:1rem;position:relative}.video-glyph:before{content:"";border:.28rem solid #0000;border-left:.45rem solid #7dff9a;border-right-width:0;width:0;height:0;margin-left:.05rem;position:absolute;top:50%;left:50%;transform:translate(-40%,-50%)}.play{border:.55rem solid #0000;border-left:.95rem solid #7dff9a;border-right-width:0;width:0;height:0;margin-left:.2rem}.stop{z-index:3;cursor:pointer;opacity:.15;background:0 0;border:none;width:2rem;height:2rem;position:fixed;top:.75rem;right:.75rem}.stop:hover{opacity:.45}.stop:before,.stop:after{content:"";background:#c8ffd4;position:absolute;inset:.45rem}.stop:before{clip-path:polygon(0 0,28% 0,100% 72%,100% 100%,72% 100%,0 28%)}.stop:after{clip-path:polygon(72% 0,100% 0,100% 28%,28% 100%,0 100%,0 72%)}body.playing .stop{display:block}body:not(.playing) .stop{display:none}