html,body{color:#fff;width:100%;height:100%;font-family:var(--font-public-sans), ui-sans-serif, system-ui, sans-serif;background:#000;margin:0;padding:0;overflow:hidden}body{position:fixed;inset:0}.display-screen{text-align:center;box-sizing:border-box;flex-direction:column;justify-content:center;align-items:center;gap:4vmin;height:100%;padding:6vmin;display:flex}.display-screen h1{font-family:var(--font-bricolage-grotesque), ui-sans-serif, system-ui, sans-serif;letter-spacing:-.01em;margin:0;font-size:6vmin;font-weight:600}.display-note{color:#bbb;max-width:60ch;margin:0;font-size:3vmin}.pairing-code{letter-spacing:.25em;margin:0;font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;font-size:16vmin;font-weight:700;line-height:1}.qr{border-radius:1.5vmin;width:28vmin;height:28vmin}.display-stage{background:#000;width:100%;height:100%;position:relative;overflow:hidden}.slot{visibility:hidden;position:absolute;inset:0;overflow:hidden;container-type:size}.slot-showing{visibility:visible;z-index:2}.slot-showing[data-ready=false]:after{content:"";z-index:1;border:.6vmin solid #ffffff40;border-top-color:#ffffffe6;border-radius:50%;width:8vmin;height:8vmin;margin:-4vmin 0 0 -4vmin;animation:1s linear infinite slot-spin;position:absolute;top:50%;left:50%}@keyframes slot-spin{to{transform:rotate(360deg)}}.slot-media{display:block;position:absolute}.fit-cover{object-fit:cover;width:100%;height:100%;inset:0}.fit-contain{width:min(100cqw, calc(100cqh * var(--media-ratio,1)));object-fit:contain;height:auto;max-height:100%;box-shadow:0 0 6vmin var(--contain-shadow,transparent);margin:auto;inset:0}.slot-blur{object-fit:cover;filter:blur(4vmin);width:120%;height:120%;position:absolute;inset:-10%}.fullscreen-button{z-index:10;color:#fff;font:inherit;cursor:pointer;background:#0009;border:0;border-radius:100vmin;align-items:center;gap:1.2vmin;padding:1.5vmin 3vmin 1.5vmin 2.4vmin;font-size:2.6vmin;transition:opacity .6s;display:flex;position:fixed;top:3vmin;right:3vmin}.fullscreen-button svg{width:3vmin;height:3vmin}.fullscreen-button[data-faded=true]{opacity:0;pointer-events:none}.fullscreen-button:focus-visible{outline-offset:.5vmin;outline:.5vmin solid #fff}@media (display-mode:fullscreen){.fullscreen-button{display:none}}