:root{color-scheme:dark;font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:#111816;color:#f0f3ec}
*{box-sizing:border-box}body{margin:0;min-height:100svh;display:grid;place-items:center;padding:max(20px,env(safe-area-inset-top)) max(18px,env(safe-area-inset-right)) max(20px,env(safe-area-inset-bottom)) max(18px,env(safe-area-inset-left))}
main{width:min(100%,1080px)}header,footer{display:flex;justify-content:space-between;align-items:center;gap:16px}header{margin-bottom:24px}.eyebrow{font-size:11px;letter-spacing:.22em;color:#a1b5a9}h1{font-size:32px;letter-spacing:-.04em;font-weight:500;margin:3px 0 0}#status{font-size:13px;color:#b4c4ba;display:flex;align-items:center;gap:8px}#status::before{content:"";width:7px;height:7px;border-radius:50%;background:#87968c}#status.connected::before{background:#9cdbb3}
.picture{background:#080d0a;border:1px solid #2b3931;border-radius:14px;overflow:hidden;aspect-ratio:16/9;position:relative;display:grid;place-items:center}.picture img{width:100%;height:100%;object-fit:contain}.picture img[hidden]{display:none}#message{position:absolute;inset:0;display:grid;place-items:center;padding:24px;text-align:center;background:#080d0aea;color:#b4c4ba;font-size:15px}#message[hidden]{display:none}footer{margin-top:16px;font-size:13px;color:#a1b5a9}button{background:#23332a;border:1px solid #405449;border-radius:9px;padding:12px 17px;font:inherit;color:#eef4ed;cursor:pointer;min-height:44px}button:focus-visible{outline:2px solid #9cdbb3;outline-offset:3px}.note{font-size:12px;color:#87968c;line-height:1.6;margin:23px 0 0}#pairing{border-top:1px solid #2b3931;margin-top:24px;padding-top:16px}#pairing h2{font-size:17px;font-weight:500}#pairing p{font-size:14px;color:#a1b5a9;line-height:1.6}.picture:fullscreen{border:0;border-radius:0;background:#000}.picture:fullscreen img{object-fit:contain}@media(max-height:500px) and (orientation:landscape){body{display:block;padding:12px}header{margin-bottom:12px}h1{font-size:22px}.picture{max-height:72svh;aspect-ratio:auto;height:72svh}.note{display:none}}