*{box-sizing:border-box}:root{font-family:Arial,Helvetica,sans-serif;line-height:1.5;color-scheme:dark;background:#111;color:#f5f5f5}
body{margin:0;background:#111;color:#f5f5f5}main{max-width:760px;margin:auto;padding:1rem}h1{font-size:1.25rem}
#status,#screen,#actions,details{margin:.7rem 0}#status p,#screen p,#log p{margin:.25rem 0}button,input{font:inherit}
button{display:block;width:100%;text-align:left;margin:.28rem 0;padding:.7rem;border:1px solid #666;border-radius:5px;background:#222;color:#fff}
.skip{position:absolute;left:-9999px}.skip:focus{left:.5rem;top:.5rem;background:#fff;color:#000;padding:.5rem}.danger,.good{font-weight:bold}