*{box-sizing:border-box}body{margin:0;background:#102b2e;color:#f2ead1;font:17px/1.6 system-ui}main{max-width:760px;margin:auto;padding:32px 20px}h1{font:38px Georgia;color:#f4c269}a{color:#f4c269}label{display:block;margin:16px 0}input:not([type=checkbox]){display:block;width:100%;padding:12px;background:#213f41;color:white;border:1px solid #aabcb4;border-radius:6px;font:inherit}button,.play{display:inline-block;min-height:48px;padding:12px 20px;border:0;border-radius:6px;background:#f4c269;color:#132e2b;font:600 16px system-ui;margin:5px 8px 5px 0}input[type=checkbox]{width:22px;height:22px;vertical-align:middle}article{border:1px solid #809a8c;padding:16px;margin:16px 0;border-radius:8px}small{font-size:14px}#message{color:#ffdaad}[hidden]{display:none!important}iframe{width:100%;height:260px;border:1px solid #809a8c}button:disabled{opacity:.5}