:root { color-scheme: dark; font-family: system-ui, sans-serif; }
* { box-sizing: border-box; }
html, body { margin: 0; width: 100%; height: 100%; background: #111; }
main { width: 100%; height: 100%; position: relative; }
video { display: block; width: 100%; height: 100%; object-fit: contain; }
.message { position: absolute; inset: auto 1rem 1rem; padding: 1rem; background: #111; color: white; border-radius: .4rem; }
.message[hidden] { display: none; }
button { font: inherit; color: #111; background: white; padding: .55rem 1rem; border: 0; border-radius: .25rem; cursor: pointer; }
button:focus-visible { outline: 3px solid #76d6ff; outline-offset: 3px; }
a { color: white; }