:root{color-scheme:dark;font:16px/1.6 Arial,sans-serif;background:#000;color:#f5f5f5}*{box-sizing:border-box}body{margin:0;padding:32px 20px}main{max-width:560px;margin:6vh auto;background:#0d0d0d;border:1px solid #292929;border-radius:14px;padding:32px}img{width:52px;height:52px;border-radius:12px}h1{font-size:30px;letter-spacing:-1px;line-height:1.15;margin:22px 0 12px}p{color:#aaa}label{display:block;margin:18px 0 6px;font-size:14px}input,button{width:100%;font:inherit;border-radius:7px;border:1px solid #393939;padding:12px;background:#141414;color:#fff}input:focus,button:focus,a:focus{outline:2px solid #ff871c;outline-offset:3px}button{background:#ff871c;color:#17100a;border:0;font-weight:600;cursor:pointer;margin-top:20px}button:disabled{opacity:.5}a{color:#ff9e48;display:inline-block;margin:10px 14px 10px 0}#message{min-height:24px;color:#ffd1b1;white-space:pre-wrap;overflow-wrap:anywhere}small{color:#aaa}.person{border-top:1px solid #292929;padding:16px 0;overflow-wrap:anywhere}.person button{width:auto;font-size:14px;padding:8px 12px;margin:8px 0;background:#292929;color:#fff}pre{white-space:pre-wrap;overflow-wrap:anywhere;font-size:14px;background:#151515;padding:15px;border-radius:8px}footer{margin-top:24px;font-size:13px;color:#888}#logout{background:#222;color:#ddd}nav{display:flex;flex-wrap:wrap}input[type=checkbox]{width:auto}ul{padding-left:20px}@media(max-width:500px){body{padding:16px}main{padding:24px;margin:24px auto}}