.wwt-app{
  max-width:420px;
  margin:40px auto;
  background:#0b0b0d;
  color:#fff;
  border-radius:16px
}
.wwt-header{
  padding:16px;
  text-align:center;
  background:#111;
  font-weight:700
}
.row{
  display:flex;
  justify-content:space-between;
  padding:12px
}
button{
  padding:10px 14px;
  border-radius:10px;
  border:0;
  margin:4px;
  font-weight:600;
  cursor:pointer
}
button:disabled{
  opacity:.5;
  cursor:not-allowed
}
.login{
  background:#2563eb;
  color:#fff
}
#in{
  background:#16a34a; /* green */
  color:#fff
}
#out{
  background:#dc2626; /* red */
  color:#fff
}
#self{
  background:#2563eb; /* blue */
  color:#fff
}
#pinchg{
  background:#2563eb; /* blue */
  color:#fff
}
#logout{
  background:#2563eb; /* blue */
  color:#fff
}