:root{color-scheme:dark;font-family:system-ui,sans-serif;background:#101013;color:#f5f5f7}*{box-sizing:border-box}body{margin:0;padding:clamp(24px,5vw,70px)}main{max-width:560px;margin:auto}.tv{max-width:1000px}.brand{color:#e50914;font-weight:800;letter-spacing:.12em}h1{font-size:clamp(2rem,4vw,3rem)}p{line-height:1.5;color:#b9b9c2}strong{color:#fff}.notice{border-left:3px solid #e50914;padding-left:12px}label{display:block;font-weight:600;margin:20px 0}input{display:block;width:100%;font:inherit;margin-top:8px;padding:14px;border:1px solid #697078;border-radius:8px;background:#202025;color:#fff}input[type=checkbox]{display:inline-block;width:1.25em;height:1.25em;vertical-align:middle;margin:0 .6em 0 0;accent-color:#e50914}button{font:inherit;font-weight:700;border:0;border-radius:8px;padding:14px 20px;background:#b81f2b;color:#fff;cursor:pointer;margin:8px 8px 0 0}button:disabled{opacity:.5}button:focus-visible,input:focus-visible{outline:3px solid white;outline-offset:3px}.code{font-size:clamp(2.5rem,6vw,5rem);letter-spacing:.15em;color:white;font-weight:700;margin:12px 0}video{display:block;width:100%;max-height:65vh;background:#000}