:root{color-scheme:light dark;font-family:system-ui,sans-serif;line-height:1.5}body{margin:0;max-width:44rem;padding:1.5rem}header{border-bottom:1px solid;padding-bottom:1rem;margin-bottom:1.5rem}form,nav{display:flex;gap:1rem}form{max-width:24rem}form,label{flex-direction:column}label{display:flex;gap:.25rem}input{border:1px solid;border-radius:.25rem;background:transparent;color:inherit}button,input{padding:.5rem;font:inherit}button{cursor:pointer}.frame iframe{width:100%;height:34rem;border:none}p[role=alert]{color:#b00020}section{margin-top:2.5rem;border-top:1px solid;padding-top:1.5rem}section h2{font-size:1.1rem}section button{margin-right:.5rem}.banner{border:1px solid;border-radius:.25rem;padding:.75rem 1rem;margin:0 0 1.5rem}