:root { color-scheme: dark; }
body { margin:0; font-family: system-ui, sans-serif; background:#000; color:#fff; }
main { max-width:520px; margin:0 auto; padding:16px; }
h1 { font-size:1.4rem; margin:0 0 8px; }
.notice { background:#3a2e00; border:1px solid #ffcc00; padding:10px; border-radius:8px; font-size:.95rem; }
.privacy { font-size:.9rem; color:#9bd; }
.big { display:block; width:100%; min-height:84px; margin:12px 0; font-size:1.5rem; font-weight:700; border:0; border-radius:14px; color:#fff; }
.big:disabled { opacity:.35; }
.start { background:#0a7d2c; }
.stop { background:#444; }
.emergency { background:#b00020; min-height:64px; font-size:1.2rem; }
.status { font-size:1.1rem; line-height:1.6; }
#preview { width:100%; max-height:200px; object-fit:cover; border-radius:8px; margin-top:12px; background:#111; }