:root { color-scheme: dark; }
body { margin: 0; background: #000; color: #eee; font-family: system-ui, sans-serif; }
#gate { max-width: 340px; margin: 15vh auto; padding: 24px; text-align: center; }
#gate input, #gate button { width: 100%; padding: 12px; margin-top: 12px; font-size: 16px; box-sizing: border-box; }
#video { width: 100vw; height: 100vh; object-fit: contain; background: #000; }
#status { min-height: 1.2em; color: #f88; }
#reconnect { position: fixed; top: 0; left: 0; right: 0; padding: 10px; background: #a40; color: #fff; text-align: center; font-size: 14px; z-index: 10; }
#reconnect[hidden] { display: none; }