*{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;margin:.2rem 0 .7rem}
#status,#screen,#actions,details{margin:.75rem 0}
#status p,#screen p,#log p{margin:.25rem 0}
button,input,select{font:inherit}
button{display:block;width:100%;text-align:left;margin:.28rem 0;padding:.68rem;border:1px solid #666;border-radius:5px;background:#222;color:#fff}
button:focus,input:focus,select:focus{outline:2px solid #fff;outline-offset:1px}
input,select{width:100%;padding:.65rem;margin:.3rem 0;background:#181818;color:#fff;border:1px solid #666}
details{border-top:1px solid #444;padding-top:.45rem}
.skip{position:absolute;left:-9999px}.skip:focus{left:.5rem;top:.5rem;background:#fff;color:#000;padding:.5rem;z-index:10}
.good,.danger{font-weight:bold}