* {
  box-sizing: border-box;
}

body{
  font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu;
  max-width:760px;
  margin:24px auto;
  padding:0 16px;
}
.card{
  padding:16px;
  margin:12px 0;
}
.hidden{display:none}
label{display:block;margin:10px 0 4px}
input{width:100%;padding:10px;border:1px solid #ddd;border-radius:8px}
button{padding:10px 16px;border:0;border-radius:10px;background:#222;color:#fff;cursor:pointer}
.muted{color:#777;font-size:14px}
pre{white-space:pre-wrap;word-break:break-word;background:#fafafa;border:1px dashed #ddd;border-radius:8px;padding:8px}

form input, 
form button {
  width: 100%;
  padding: 10px;
  margin-bottom: 10px;
}