*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body,#app{background:#000;width:100%;height:100%;overflow:hidden}.screen{text-align:center;background:#0a0a0a;flex-direction:column;justify-content:center;align-items:center;gap:clamp(.5rem,2vh,1.5rem);width:100vw;height:100vh;padding:clamp(1rem,5vw,4rem);font-family:system-ui,-apple-system,sans-serif;display:flex}.screen__title{letter-spacing:-.01em;font-size:clamp(1.25rem,4vw,3rem);font-weight:600}.screen__label{opacity:.5;max-width:60ch;font-size:clamp(.75rem,2vw,1.5rem);font-weight:400}.screen--loading .screen__label,.screen--waiting .screen__label{color:#fff}.screen--error .screen__title{color:#f44}.screen--error .screen__label{color:#fff}.screen--debug{background:#111;justify-content:flex-start;align-items:flex-start;padding:clamp(1rem,3vw,2rem);overflow:auto}.screen__json{color:#0f0;white-space:pre-wrap;word-break:break-all;font-family:JetBrains Mono,Fira Code,ui-monospace,monospace;font-size:clamp(.6rem,1.5vw,1rem);line-height:1.6}.screen__spinner{border:3px solid #ffffff1a;border-top-color:#fff9;border-radius:50%;width:clamp(2rem,6vw,5rem);height:clamp(2rem,6vw,5rem);animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}